html簡單的靜態網頁設計_用html如何製作一個簡單的網頁代碼

1、靜態網頁製作的具體過程

最簡單的。
新建一個文本文檔（也就是記事本）
在裡面打上幾個字，保存。然後把後綴.txt改為.html 再用瀏覽器打開這就是一個靜態網頁了。

Dreamweaver 是很專業的網頁設計軟體。你可以搜索一下教程。很簡單的。
可以在裡面插入圖片聲音視頻 flash等。

再就是現在最流行的 div+css 這個就相對難點了。需要有手寫代碼的能力。
製作過程在這里和你也說不明白你還是從網上搜索一下Dreamweaver 視頻教程吧。

做網頁記住：所有文件夾和文件名都要用英文或者拼音。首頁命名為index.html

2、html靜態網頁怎麼製作啊

<html><head><title>我的網頁</title></head><body>我的網頁</body></html>

最最基本的HTML，把他復制下來粘貼到記事本，然後把記事本的後綴改成html.

3、HTML網頁製作單頁靜態簡單的作業就好求大神幫忙！

孩子啊。站長之家chinaz上隨便下。看上哪款下哪款。不用注冊不收費。
但是如果你將來想做這行的話，我還是建議你自己動手做一做。

4、用html如何製作一個簡單的網頁代碼？

1、首先，在計算機桌面上創建一個新文件夾，然後在該文件夾中創建一個新的文本文檔。

2、然後雙擊打開帶有記事本的文本文檔，如下圖所示，我們編寫一個簡單的html代碼。

3、單擊「另存為」的功能選項，顯示默認保存為編碼為ANSI。

4、我們將更改編碼和文件名，將其更改為如圖所示的圖像並保存。

5、然後返回到新創建的文件夾，發現有一個額外的html文件。

6、最後，使用瀏覽器打開html文件，效果如圖所示，簡單的網頁被成功編寫。

5、靜態網頁製作作業。要HTML的，簡單點，不要太復雜，初學那種的。

<html>
<head>
    <style>
        html,body{margin:0px;text-align:center;}
        .main{width:1000px;margin:0px auto;padding-top:30px;}
        .title{font-size:18px;text-decoration:underline;font-weight:bold;}
        .formtable{width:100%;font-size:12px;margin-top:20px;}
        .lefttd{width:350px;text-align:right;}
        .righttd{text-align:left;}
        .etxt{width:300px;}
        .etel{width:200px;}
        .eta{width:320px;height:100px;}
.cinpt{text-align:center;padding-top:20px;}
    </style>
</head>
<body>
    <div class="main">
        <div><span class="title">請留下個人資料</span></div>
        <div>
            <table class="formtable">
                <tr><td class="lefttd">姓名：</td><td class="righttd"><input type="text" /></td></tr>
                <tr><td class="lefttd">E-mail：</td><td class="righttd"><input type="text" class="etxt" /></td></tr>
                <tr><td class="lefttd">電話：</td><td class="righttd"><input type="text" class="etel" /></td></tr>
                <tr><td class="lefttd">性別：</td><td class="righttd"><input type="radio" checked="checked" name="rd" />女 <input type="radio" checked="checked" name="rd" />男</td></tr>
                <tr><td class="lefttd">年齡：</td><td class="righttd"><select><option>20以下</option><option>20以上</option></select></td></tr>
                <tr><td class="lefttd">留言板：</td><td class="righttd"><textarea class="eta"></textarea></td></tr>
                <tr><td class="lefttd">您的愛好：</td><td class="righttd"><input type="checkbox" name="cb1" />運動 <input type="checkbox" name="cb2" />閱讀 <input type="checkbox" name="cb2" />聽音樂 <input type="checkbox" name="cb2" />旅遊</td></tr>
<tr><td colspan="2" class="cinpt"><input type="button" value="提交" /></td></tr>
</table>
        </div>
    </div>
</body>
</html>

初學的，那上面這段代碼應該可以了

6、html求製作一個簡單網頁代碼，只需要一些文字加張圖片

完整的代碼如下：
<html>
<head>
<title>簡單網頁製作練習</title>
</head>
<body>
<p>1.文字內容，直接輸入文字即可。。。。。如果想設置其相關屬性可以使用font標簽
<font size="18" color="red" >紅色18號文字</font> </p>
<p> 2.添加圖片 <img src="圖片名稱.屬性" id=「圖片簡介」>
<img src="1.jpg" id=" 加入圖片練習"> </p>
</body>
</html>
樓主，如果不明白可以HI聯系我。。。。

7、最簡單的網頁製作

　如何製作網頁?如何做一個自己喜歡的網站呢?看到別人有自己的網站是不是有點羨慕呢?當然。比較復雜的網站就需要很多技術上面的知識咯。比如javascrpt、jquery、ajax、flash等等!這些都只是讓網站的頁面好看。使靜態的網站變為動態的。那如何製作個簡單的網頁呢?那麼先用Dreamweaver ，Frontpage做,然後細節用Homesite，Hotdog修改,圖片用Photoshop動畫用fireworks ，Adobe ImageReady ，Flash然後申請空間，域名，大多數都是收費的，最後用軟體上傳就成了。

在開始製作之前，我們先對這個頁面進行一下分析。看看這個頁面用到了哪些東西。

1.網頁頂端的標題「我的主頁」是一段文字。

2.網頁中間是一幅圖片。 □最下端的歡迎詞是一段文字。

3.網頁背景是一深紫紅顏色。構思好這個網頁的結構，我們就可以開始製作了。

1

解決方法與步驟：

1.首先啟動Dreamweaver，確保你已經用站點管理器建立好了一個網站(根目錄)。為了製作方便，請您事先打開資源管理器，把要使用的圖片收集到網站目錄images文件夾內。

2

2.然後在創建新項目下面點擊HTML，下面常用到的有javascrpt，和CSS樣式。

3.進入頁面編輯設計視圖狀態。在一般情況下，編輯器默認左對齊，游標在左上角閃爍，游標位置就是插入點的位置。如果要想讓文字居中插入，點屬性面板居中按鈕即可。啟動中文輸入法輸入「我的主頁」四個字。字小不要緊，我們可以對它進行設置。

2

4.使用插入欄：單擊插入欄對象按鈕>選按鈕，彈出「選擇圖像源文件」對話框，其餘操作同上。

5.使用面板組「資源」面板(如下圖)：點按鈕，展開根目錄的圖片文件夾，選定該文件，用滑鼠拖動至工作區合適位置。

6.在圖片右邊空白處單擊，回車換行。仍然按照上述方法，輸入文字「歡迎您„„」然後，利用屬性面板對文字進行設置。保存頁面。一個簡單的頁面就這樣編輯完畢了。

5

7.在頁面編輯器中按F12預覽網頁效果。網站中的第一頁，也就是首頁，我們通常在存檔時取名為index.htm。

6

在很多時候，我們都需要html的靜態頁面代碼，那麼我們介紹一下靜態頁面的代碼。

<html></html>：靜態網頁源代碼首尾結構標記，代碼內呈現網頁所有內容

<body bgcolor>=背景色；</body>：網頁主體部分

<title></title>：標簽內顯示出網頁台頭的標題名，用於<head></head>標簽之內

<meta name=關鍵字 content=IT，教育，網路」>：設定搜索關鍵字

導航:首頁 > 萬維百科 > html簡單的靜態網頁設計

html簡單的靜態網頁設計

與html簡單的靜態網頁設計相關的知識