怎樣用Dreamweaver制作網頁模板
2022-02-23
工具/材料
Adobe Dreamweaver cs6
操作方法
- 01
首先我們先打開軟件,然后新建一個HTML文件和一個css文件,然后依次點擊文件保存為index.html、style.css。方法如下:
- 02
一個網頁分為二部分,即head和body。網頁的標題(title)就是在在head里面,標題出現的位置在瀏覽器的最上方。如下圖:
- 03
而body里面就是設計網頁的主體內容了,不管是網頁的導航、內容、還是友情鏈接都是在body里面。如下圖:
- 04
關聯css需要在Adobe Dreamweaver右下方,屬性里面找到附加樣式表。如下圖:
- 05
然后會彈出一個連接外部樣式表,點擊瀏覽,找到剛才保存的style.css文件,雙擊返回對方框后點擊確定,就會下代碼去里面自動生成一段引入外部樣式代碼,即link。如下圖:
- 06
然后在Adobe Dreamweaver工具欄里面就會出現剛才添加的style文件,然后在style.css里面輸入網頁樣式代碼。如下圖:
- 07
css里面的代碼在html里面調用,都是以p來調用,具體如下圖:
特別提示
設計網站前,一定要出效果圖哦
詞條內容僅供參考,如果您需要解決具體問題
(尤其在法律、醫學等領域),建議您咨詢相關領域專業人士。