dw製作個人網頁的步驟「dreamweaver自學教程」

一、新建一個站點

Dreamweaver cs6 網頁設計教程

二、設置站點的服務器和圖片存儲路徑

1.設置圖片存儲路徑:點擊上圖的管理站點彈出下圖界面

Dreamweaver cs6 網頁設計教程
Dreamweaver cs6 網頁設計教程

2.設置服務器:

Dreamweaver cs6 網頁設計教程

三.新建一個HTML文件,修改頁面屬性:

1.打開頁面屬性:

Dreamweaver cs6 網頁設計教程

2.選擇標題編碼項,文檔類型選擇HTML5

Dreamweaver cs6 網頁設計教程

3.配置首選參數,這樣新建的HTML文件會默認使用HTML5格式

Dreamweaver cs6 網頁設計教程
Dreamweaver cs6 網頁設計教程

四、代碼縮進快捷鍵:

Dreamweaver cs6 網頁設計教程

五、HTML知識:

1.標題:標題有h1到h6幾種樣式,都是單獨一行,字體加粗變大的效果,h1最大,h6最小

示例: <h1></h1>

2.段落:<p></p>

換行:<br />

3.加粗:<b></b> <strong></strong>語法強調

傾斜:<i></i> <em></em>語法強調

下劃線:<u></u> <ins></ins>語法強調

4.大號字體:<big></big>

小號字體:<small></small>

水平分割線:<hr />

5.文本標記:<span></span>

6.項目列表: <ul>

<li></li>

</ul>

7.編號列表:<ol> 自動排序

<li></li>

</ol>

8.列表項: <dl>

<dt></dt> 分組,dt和dd是並列關係

<dd></dd>

</dl>

9.使用表格:<tabel width=”600″ height=”600″ border=”1″> 表格的寬和高,邊框

<caption></caption>表格的標題

<tr> 表格的行

<td></td> 表格的列

</tr>

</tabel>

10.定義書籤:<a href=”#dibu”></a> 創建鏈接,跳轉到頁面底部

<a name=”dibu”></a> 在代碼底部創建鏈接

11.播放音頻:<embed src=”” width=”0″ height=”0″></embed>

六、CSS樣式表:

1.鏈接CSS文件:<link rel=”stylesheet” href=”” /> stylesheet是樣式表的意思

原創文章,作者:投稿專員,如若轉載,請註明出處:https://www.506064.com/zh-hant/n/207507.html

(0)
打賞 微信掃一掃 微信掃一掃 支付寶掃一掃 支付寶掃一掃
投稿專員的頭像投稿專員
上一篇 2024-12-08 14:34
下一篇 2024-12-08 14:34

相關推薦

發表回復

登錄後才能評論