網(wǎng)站建設(shè)前端：

  HTML，是基于開(kāi)合標(biāo)簽的語(yǔ)法，是一種文檔形式，index.html是首頁(yè)，其他html為二級(jí)頁(yè)面;

  CSS，是用來(lái)格式化樣式和風(fēng)格的，CSS以選擇器為開(kāi)頭，即選擇 HTML 頁(yè)面中的哪些元素來(lái)樣式，然后是大括號(hào){ }，里面包含全部頁(yè)面樣式、文字滾動(dòng)、圖片放大、屬性值等。CSS 是作用到 HTML 上，對(duì)應(yīng)的 CSS 有 3 種形式：

  第一種：直接寫到 HTML 標(biāo)簽里，成為“內(nèi)嵌式CSS”。

  第二種：寫到 HTML 文件頭部，用開(kāi)合標(biāo)簽包含。

  第三種：外鏈到單獨(dú)的 .css 文件。

  在DW中制作首頁(yè)：

  (1)新建Dreamweaver空白文檔，命名為index.html。將視圖模式切換到代碼視圖或拆分視圖，在body標(biāo)記之間輸入代碼，建立HTML結(jié)構(gòu);

  (2)在head標(biāo)記之間輸入代碼,然后在style標(biāo)記之間輸入CSS代碼，設(shè)置container層的屬性，“margin: 0 auto”使得容器居中顯示，也就是實(shí)現(xiàn)頁(yè)面居中效果;

  (3)在head的style標(biāo)記之間輸入CSS代碼，設(shè)置menu中超鏈接字體的屬性，包括字體的大小和超鏈接的下劃線樣式，這樣，一個(gè)簡(jiǎn)單的頁(yè)面頂部就做好了;

  (4)構(gòu)建navlist層，該層用來(lái)放置導(dǎo)航條,可以通過(guò)下面2步完成navlist層的建設(shè)。

  ① 在body標(biāo)記之間輸入代碼替換“ navlist”，插入制作導(dǎo)航條的列表項(xiàng);

  ②在head的style標(biāo)記之間輸入CSS代碼，設(shè)置列表、列表項(xiàng)、鏈接字體、光標(biāo)滑過(guò)鏈接時(shí)的屬性。

  (5)構(gòu)建footer層：為footer設(shè)置背景顏色、寬度、字體顏色和文本居中，通過(guò)margin屬性設(shè)置使整個(gè)內(nèi)容居中顯示，padding屬性設(shè)置了內(nèi)容距邊界之間的距離。

  這樣，一個(gè)簡(jiǎn)單的網(wǎng)站首頁(yè)就制作完成了。