網(wǎng)頁(yè)設(shè)計(jì)與制作

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

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

前 言

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

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

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

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

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

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

作 者

2016年6月于樂山

前言

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

1. Java Web項(xiàng)目化設(shè)計(jì)實(shí)踐教程 [邱云 曾陳萍]
2. Python數(shù)據(jù)分析 [主編　馮志輝　趙磊　李放]
3. 大學(xué)信息技術(shù) [曾翰穎 編著]
4. 多維視域下的高校籃球教學(xué)創(chuàng)新研究 [張利超 李寧 著]
5. 創(chuàng)新創(chuàng)業(yè)訓(xùn)練實(shí)踐教程 [主編 王日華 陳武 黃喆誠(chéng)]
6. 實(shí)用運(yùn)籌學(xué) [主編　邢育紅　于晉臣]
7. 電子技術(shù)（第二版） [主編 覃愛娜 李飛]
8. 勞動(dòng)爭(zhēng)議處理實(shí)務(wù) [主編 王秀卿 羅靜]
9. 語(yǔ)音識(shí)別理論與實(shí)踐 [主編　莫宏偉]
10. 武術(shù)基礎(chǔ)教程 [主編 李代勇 謝志民]
11. 畫法幾何與機(jī)械制圖習(xí)題集（多學(xué)時(shí)） [主編 趙軍]
12. 機(jī)械設(shè)計(jì)基礎(chǔ)（第二版） [主編 田亞平 李愛姣]
13. 畫法幾何與機(jī)械制圖 [主編 趙軍]
14. C語(yǔ)言程序設(shè)計(jì)習(xí)題與實(shí)驗(yàn)指導(dǎo)（第二版） [主編 甄增榮 張賓]
15. C語(yǔ)言程序設(shè)計(jì)（第二版） [主編 甄增榮 田云霞]
16. Unity3D虛擬現(xiàn)實(shí)應(yīng)用開發(fā)實(shí)踐 [主 編 劉龍]
17. 面向?qū)ο蟪绦蛟O(shè)計(jì) [主編 張勇 張平華 趙小龍]
18. 網(wǎng)絡(luò)營(yíng)銷 [主編 夏薇薇 劉婷 尚潔]
19. 數(shù)據(jù)庫(kù)技術(shù)與應(yīng)用實(shí)踐教程（SQL Server 2019） [主 編 嚴(yán)暉 周肆清]
20. 功能材料制備與表征實(shí)驗(yàn)指導(dǎo)書 [龔偉平 趙軍峰 梅海娟 等編著]
21. 信號(hào)與系統(tǒng)（第二版） [主編 張宇]
22. Python 語(yǔ)言程序設(shè)計(jì)實(shí)踐指導(dǎo) [主編　張雙獅]
23. 基于.NET Core框架的分布式系統(tǒng)架構(gòu)設(shè)計(jì) [湯佳 著]
24. 體育舞蹈教程 [主編 劉偉 陳志明 曾明]
25. 線性代數(shù)導(dǎo)學(xué)篇 [主編 史昱]
26. 信息技術(shù)基礎(chǔ)實(shí)訓(xùn)與習(xí)題指導(dǎo)（Windows7+Office2016） [主編 周金容 唐天國(guó)]
27. 高等數(shù)學(xué)導(dǎo)學(xué)篇（下冊(cè)） [主編 李文婧 胡雷 尹金生]
28. 高等數(shù)學(xué)導(dǎo)學(xué)篇（上冊(cè)） [主編 李文婧 胡雷 尹金生]
29. 高等數(shù)學(xué)（下冊(cè)） [主編 李愛芹 胡雷 尹金生]
30. 高等數(shù)學(xué)（上冊(cè)） [主編 李愛芹 胡雷 尹金生]