網(wǎng)頁設計與制作

本書從網(wǎng)頁與網(wǎng)站設計的基本原理、概念和方法出發(fā)，逐步引導讀者深入學習網(wǎng)頁設計與制作的相關技術基礎。講解簡明扼要、條理清楚，強調(diào)用言簡意賅的語言描述抽象的理論，簡單易學。

本書在編寫過程中按照循序漸進、理論與實踐相結(jié)合的原則安排教材內(nèi)容和學習流程，知識全面、概念清晰，內(nèi)容準確易懂、案例精彩實用，注重培養(yǎng)學生提出問題、分析問題和利用計算機解決問題的能力。

前 言

互聯(lián)網(wǎng)已經(jīng)成為世界上覆蓋范圍最廣、規(guī)模最大、信息資源最豐富的計算機信息網(wǎng)絡，網(wǎng)頁設計也已經(jīng)成為許多高等學校計算機專業(yè)甚至是非計算機專業(yè)學生的基礎課程。本書主要結(jié)合HTML、CSS和JavaScript等知識來介紹在Dreamweaver環(huán)境下設計和開發(fā)網(wǎng)頁的基本方法和技巧，內(nèi)容涵蓋網(wǎng)頁設計基礎知識、HTML語言、CSS基礎、Dreamweaver CS5基礎和高級應用、JavaScript腳本語言、網(wǎng)頁表單應用、網(wǎng)站發(fā)布與管理方法等知識點，最后通過一個綜合案例將所講授的主要知識點進行了串聯(lián)和整合。

本書從網(wǎng)頁與網(wǎng)站設計的基本原理、概念和方法出發(fā)，逐步引導讀者深入學習網(wǎng)頁設計與制作的相關技術基礎。在編寫過程中按照循序漸進、理論與實踐相結(jié)合的原則安排教材內(nèi)容和學習流程，知識全面、概念清晰，內(nèi)容準確易懂、案例精彩實用，注重培養(yǎng)學生提出問題、分析問題和利用計算機來解決問題的能力。

全書共分為9章，第1章介紹網(wǎng)頁設計概述，包括網(wǎng)頁基本概念、網(wǎng)頁瀏覽的基本原理、常用的網(wǎng)頁編輯工具、網(wǎng)頁設計基礎知識；第2章介紹HTML語言；第3章介紹CSS基礎；第4章介紹Dreamweaver CS5基礎應用；第5章介紹Dreamweaver CS5高級應用；第6章介紹JavaScript腳本語言；第7章介紹網(wǎng)頁表單應用；第8章介紹網(wǎng)站發(fā)布與管理；第9章介紹綜合案例。書中部分章節(jié)還配有課堂實例、課后練習等內(nèi)容，并提供配套的多媒體教學課件和教學素材，以方便教師教學和讀者學習。

全書可按64～96課時講授。理論課與集中上機操作課比例建議為1:1（有條件的學校可適當增加上機時間）。各校可根據(jù)自身的實際情況來適當調(diào)整章節(jié)的順序或篩選某些知識點進行教學，本書各個章節(jié)之間雖然存在一定的順序，但在有一定基礎的前提下，可以有選擇性地從特定章節(jié)開始學習。

本教材的編寫得到了眾多一線教師的大力支持，其中第1章、第2章、第6章由項煒編寫，第3章、第4章、第5章由蔡宗吟編寫，第7章和第9章由楊駿編寫，第8章由魏冬梅編寫。

由于網(wǎng)頁設計技術的發(fā)展日新月異，加之作者水平有限，書中難免存在不足之處，敬請廣大讀者批評指正。

作 者

2016年6月于樂山

前言

第1章 網(wǎng)頁設計概述 1
1.1 網(wǎng)頁基本概念 1
1.1.1 Internet相關概念 1
1.1.2 網(wǎng)頁相關概念 2
1.1.3 靜態(tài)網(wǎng)頁和動態(tài)網(wǎng)頁 5
1.1.4 網(wǎng)站相關概念 5
1.1.5 組成網(wǎng)頁的基本元素 6
1.2 網(wǎng)頁瀏覽的基本原理 7
1.2.1 WWW服務器工作模式 7
1.2.2 網(wǎng)頁瀏覽器 9
1.3 常用網(wǎng)頁編輯工具 9
1.3.1 推薦的網(wǎng)頁編輯軟件 10
1.3.2 其他網(wǎng)頁編輯軟件 11
1.4 網(wǎng)頁設計基礎知識 12
1.4.1 什么是網(wǎng)站建設 12
1.4.2 網(wǎng)站建設的基本步驟 12
1.4.3 網(wǎng)站的風格 14
1.4.4 網(wǎng)頁版面構成及布局 14
1.4.5 網(wǎng)頁的色彩 18
本章小結(jié) 20
習題1 20
第2章 HTML 21
2.1 HTML基礎知識 21
2.1.1 HTML的簡介 21
2.1.2 HTML的基本結(jié)構和語法 22
2.1.3 HTML的編寫 26
2.1.4 在客戶端瀏覽器中查看HTML
源代碼 27
2.1.5 相對路徑和絕對路徑 27
2.2 HTML的一些基本標記 28
2.2.1 HTML基本結(jié)構標記 28
2.2.2 格式標記 30
2.2.3 文本標記 34
2.2.4 圖像標記 35
2.2.5 超級鏈接標記 37
2.3 HTML表格標記 39
2.3.1 表格標記 39
2.3.2 表格行標記和表格單元格
標記 40
2.3.3 表格應用示例 42
2.3.4 嵌套表格應用示例 43
2.4 HTML框架標記 45
2.4.1 什么是框架 45
2.4.2 框架相關標記及屬性 46
2.5 HTML滾動字幕和多媒體標記 51
2.5.1 滾動字幕 51
2.5.2 多媒體標記 53
本章小結(jié) 55
習題2 55
第3章 CSS基礎 57
3.1 CSS簡介 57
3.2 CSS基本語法 57
3.2.1 CSS的基本結(jié)構 57
3.2.2 CSS規(guī)則定義 58
3.3 CSS選擇器分類 60
3.3.1 標簽選擇器 60
3.3.2 類名選擇器 62
3.3.3 ID選擇器 62
3.3.4 偽類選擇器 63
3.3.5 其他選擇器 63
3.4 CSS樣式表類型 64
3.4.1 行內(nèi)樣式 64
3.4.2 內(nèi)嵌樣式 64
3.4.3 外部樣式 64
第4章 Dreamweaver CS5基礎應用 66
4.1 Dreamweaver CS5入門 66
4.1.1 Dreamweaver CS5簡介 66
4.1.2 Dreamweaver CS5工作區(qū) 66
4.2 Dreamweaver CS5站點管理 71
4.2.1 網(wǎng)站站點規(guī)劃與創(chuàng)建 71
4.2.2 站點管理 73
4.3 制作簡單網(wǎng)頁 74
4.3.1 項目展示：圖文并茂網(wǎng)頁 74
4.3.2 文本的插入與編輯 76
4.3.3 圖片的插入與編輯 79
4.3.4 CSS基礎 82
本章小結(jié) 89
第5章 Dreamweaver CS5高級應用 90
5.1 表格 90
5.1.1 表格基本操作 90
5.1.2 表格布局 97
5.1.3 表格布局應用實例 98
5.2 超鏈接 106
5.2.1 超鏈接基本概念 106
5.2.2 創(chuàng)建內(nèi)部超鏈接 107
5.2.3 創(chuàng)建外部超鏈接 109
5.2.4 錨點超鏈接 109
5.2.5 其他類型超鏈接 111
5.2.6 超鏈接的CSS設置 112
5.3 框架 114
5.3.1 框架基礎 114
5.3.2 創(chuàng)建框架 117
5.3.3 設置框架集與框架 118
5.3.4 框架實例應用 120
5.4 使用Div+CSS布局頁面 124
5.4.1 Div基礎 124
5.4.2 插入Div的基本操作 125
5.4.3 Div+CSS應用實例 126
5.5 表單 136
5.5.1 表單概述 136
5.5.2 表單對象 137
5.5.3 表單應用實例 139
本章小結(jié) 145
第6章 JavaScript腳本語言 146
6.1 JavaScript概述 146
6.1.1 JavaScript簡介 146
6.1.2 一個簡單的JavaScript程序 148
6.1.3 JavaScript腳本的位置 149
6.1.4 JavaScript的開發(fā)和運行環(huán)境 152
6.2 JavaScript程序的基本構成 153
6.2.1 基本數(shù)據(jù)類型和運算符 153
6.2.2 程序控制結(jié)構 156
6.2.3 數(shù)組 161
6.2.4 語句 163
6.2.5 函數(shù) 163
6.3 JavaScript對象 166
6.3.1 對象的基礎知識 166
6.3.2 JavaScript常用內(nèi)置對象 168
6.3.3 文檔對象模型DOM 174
6.4 JavaScript事件 180
6.4.1 事件處理概述 180
6.4.2 鼠標事件 182
6.4.3 鍵盤事件 184
6.4.4 其他事件 185
本章小結(jié) 185
習題6 186
第7章 網(wǎng)頁表單應用 187
7.1 關于表單 187
7.1.1 什么是表單 187
7.1.2 表單的作用 189
7.2 基本的表單控件 189
7.2.1 表單標簽介紹 189
7.2.2 控件的通用屬性和事件 191
7.2.3 文本控件 193
7.2.4 選擇控件 194
7.2.5 按鈕控件 195
7.2.6 其他控件 197
7.3 表單制作示例 197
7.3.1 會員注冊表單 197
7.3.2 表單數(shù)據(jù)驗證 198
本章小結(jié) 203
習題7 203
第8章 網(wǎng)站發(fā)布與管理 204
8.1 網(wǎng)站測試 204
8.1.1 網(wǎng)站測試流程 204
8.1.2 網(wǎng)站測試內(nèi)容 204
8.1.3 測試工具的使用 206
8.2 網(wǎng)站發(fā)布 211
8.2.1 選擇發(fā)布方式 212
8.2.2 申請域名 212
8.2.3 申請網(wǎng)站空間 212
8.2.4 上傳網(wǎng)站 214
8.3 網(wǎng)站宣傳推廣 216
8.3.1 傳統(tǒng)媒體 216
8.3.2 網(wǎng)絡媒體 216
8.4 網(wǎng)站管理 217
8.4.1 網(wǎng)站硬件設備管理 217
8.4.2 網(wǎng)站軟件系統(tǒng)管理 217
8.4.3 網(wǎng)站內(nèi)容管理和優(yōu)化 218
8.4.4 網(wǎng)站安全管理 218
本章小結(jié) 218
習題8 218
第9章 綜合實例 220
9.1 網(wǎng)頁布局 220
9.1.1 Web UI設計原則 220
9.1.2 網(wǎng)頁結(jié)構 221
9.2 實現(xiàn)網(wǎng)頁 222
9.2.1 實現(xiàn)網(wǎng)頁的整體結(jié)構 222
9.2.2 實現(xiàn)標題欄 224
9.2.3 實現(xiàn)正文第一部分 226
9.2.4 實現(xiàn)正文第二部分 231
9.2.5 實現(xiàn)底部版權信息 238
9.3 重構網(wǎng)頁 238
9.3.1 樣式文件獨立 238
9.3.2 修正圖片等的引用 239
本章小結(jié) 240
習題9 241

1. 高等數(shù)學導學篇（下冊） [主編 李文婧 胡雷 尹金生]
2. 高等數(shù)學導學篇（上冊） [主編 李文婧 胡雷 尹金生]
3. 高等數(shù)學（下冊） [主編 李愛芹 胡雷 尹金生]
4. 高等數(shù)學（上冊） [主編 李愛芹 胡雷 尹金生]
5. 中華水文化（慕課版）（第二版） [畢雪燕 楊華軻 羅玲誼 等編著]
6. 電路與電子技術Ⅱ——電路分析基礎 [主編 陳曉 金哲]
7. Spark大數(shù)據(jù)處理技術 [主編　劉仁山　周洪翠　莊新妍]
8. 人工智能算法與實踐 [主編　梁琨　張翼英]
9. 數(shù)據(jù)清洗 [黃源　劉智楊　孫大松]
10. 電路設計與PCB制作實操教程 [主編 周永宏]
11. 電路與電子技術Ⅰ—數(shù)字電子技術 [主編 鄭玉珍 王淑琴]
12. Java編程基礎案例式教程 [主編 陳艷華 唐春蘭]
13. Python語言同步案例習題精解 [主編 肖朝暉]
14. Web用戶界面設計與制作 [主編 趙娟]
15. Unity應用開發(fā)與實戰(zhàn)（微課版） [主 編 程永恒]
16. 文學基礎與影視欣賞 [楊華軻 朱偉利 畢雪燕 羅玲誼]
17. 大學計算機基礎與計算思維 [主編 閔笛 汪瑩]
18. 大學計算機信息素養(yǎng)（第二版） [主編 盧山]
19. 大學計算機基礎實驗指導及習題解析 [主編 閔笛 李明]
20. 大學計算機信息素養(yǎng)實驗指導（第二版） [主編 盧山]
21. 計算機應用基礎教程（Windows 10+Office 2019） [主編 聶長浪 賀秋芳 李久仲]
22. 計算機應用基礎（Windows 7+Office 2016） [主編 王洪平 楊華]
23. 計算機信息素養(yǎng)基礎 [主編 陳艷 秦凱 黃海玉]
24. 計算機基礎與應用 [主編 秦凱 梁寧玉 王毅]
25. 大學計算機基礎上機實踐教程（第六版） [主編 何振林 羅奕]
26. C語言程序設計（微課版） [主編　夏啟壽]
27. 大學計算機基礎教程實驗指導與測試題集 [主編 饒拱維 吳華光 巫滿秀]
28. 計算機組成原理 [主編 史士英 唐為方]
29. 大學計算機基礎教程（Windows 10+Office 2016） [主編 饒拱維 郭其標 房宜汕]
30. 新編高等學校英語應用能力考試（A級）教程（第二版） [主編 洪金梅 邵毅 向雙豐]