工具/材料

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來調用，具體如下圖：

  

特別提示

設計網站前，一定要出效果圖哦