網頁設計與製作

《網頁設計與製作/高等職業教育“十二五”規劃教材》在內容上力求突出實用、簡單生動的特點。通過對《網頁設計與製作/高等職業教育“十二五”規劃教材》的學習，讀者對網頁設計將有一個全面的瞭解，並能掌握靜態頁面製作的全過程，設計製作出滿意的網頁。

《網頁設計與製作/高等職業教育“十二五”規劃教材》作為高職高專教學用書，是根據當前高職高專學生和教學環境的現狀，結合職業需求，採用“工學結合”的思路，以“項目引領”“任務驅動”的形式，在Dreamweaver的環境中，從開始整理網站需求，到網站中每個網頁的製作，一步步地引領讀者完成整個網站的設計與製作。本書以一個比較完整的靜態網站設計貫穿始終，內容從網站的需求分析、建立過程到網站的發佈與測試，將實際工作中網站設計的主要環節都體現在其中。通過《網頁設計與製作/高等職業教育“十二五”規劃教材》的學習，讀者不僅能掌握網頁設計製作軟件的使用技能，還能熟練掌握網頁設計的各個環節所完成的任務以及具體做法，從而為實際工作奠定堅實的基礎。

本書共分為9個學習情境。學習情境1是網站初識，主要包括網頁設計的基本概念、基本原理以及HTML中常用的標記；學習情境2是網站需求分析，主要包括網站的開發流程、開發要點、常用開發工具、網站的需求分析過程、需求分析説明書的書寫；學習情境3是網站模板設計，主要包括模板的製作過程，以及CSS樣式；學習情境4是網站首頁設計，主要包括首頁的設計過程，以及涉及的盒子模型、佈局模型等知識點；學習情境5是日誌頁面設計，主要包括日誌頁面的設計過程，以及表格的相關知識；學習情境6是音樂頁面設計，主要包括了頁面中多媒體元素的添加，以及如何設置滾動字幕、如何添加javascript文件等；學習情境7是相冊頁面設計，主要包括了相冊頁面的首頁設計，以及採用框架方式設計頁面的相關知識點；學習情境8是註冊頁面設計，主要包括了註冊頁面的設計過程，以及表單、如何產生驗證碼、如何檢查驗證輸入信息等相關知識點；學習情境9是網站發佈與測試，主要包括如何將網站發佈到互聯網上，以及如何測試網站是否可以正常瀏覽等。 ^[1] 

學習情境1 網站初識

1.1 網站的基本概念

1.2 製作網站的過程

1.3 網站的工作原理

1.4 HTML簡介

1.5 單元小結

1.6 拓展知識

學習情境2 網站需求分析

2.1 任務分解

任務1學習網站開發流程

任務2學習如何進行網站需求分析

2.2 主要知識點

2.2.1 網站設計的任務

2.2.2 網站設計的主要流程

2.2.3 網站設計的要領

2.2.4 網站開發常用工具

2.3 單元小結

2.4 拓展知識

學習情境3 網站模板設計

3.1 任務分解

任務設計網站模板

3.2 主要知識點

3.2.1 CSS樣式表

3.2.2 DIV

3.2.3 列表標記

3.3 單元小結

3.4 拓展知識

學習情境4 網站首頁設計

4.1 任務分解

任務1 “個人資料”設計

任務2 “日誌”設計

任務3 “最新日誌”設計

4.2 主要知識點

4.2.1 CSS盒子模型

4.2.2 佈局模型

4.2.3 網站的站點

4.2.4 超級鏈接

4.3 單元小結

4.4 拓展知識

學習情境5 日誌頁面設計

5.1 任務分解

任務日誌頁面設計

5.2 主要知識點

5.2.1 表格的基本知識

5.2.2 表格頁眉與輔助功能

5.2.3 表格基本操作

5.2.4 表格的HTML標記

5.2.5 表格嵌套

5.2.6 應用表格佈局頁面

5.3 單元小結

5.4 拓展知識

學習情境6 音樂頁面設計

6.1 任務分解

任務1“專輯列表”設計

任務2“視頻專輯”設計

任務3“歌曲列表”設計

任務4“歌曲播放”設計

任務5“歌詞”設計

6.2 主要知識點

6.2.1 腳本語言

6.2.2 滾動字幕標記

6.2.3 多媒體元素添加

……

學習情境7 相冊頁面設計

學習情境8 註冊頁面設計

學習情境9 網站發佈與測試

附錄