網(wǎng)頁設(shè)計與網(wǎng)站建設(shè)案例課堂（第2版）

目 錄
第1篇 網(wǎng)站基礎(chǔ)入門
第1章 網(wǎng)站建設(shè)入門——網(wǎng)頁設(shè)計與
網(wǎng)站建設(shè)基礎(chǔ) 3
1.1 認(rèn)識網(wǎng)頁和網(wǎng)站 4
1.1.1 網(wǎng)頁 4
1.1.2 網(wǎng)站 4
1.1.3 網(wǎng)站的分類 5
1.2 認(rèn)識網(wǎng)頁的基本組成 6
1.2.1 網(wǎng)址 7
1.2.2 網(wǎng)頁標(biāo)題 7
1.2.3 Logo 7
1.2.4 文本 8
1.2.5 圖像 8
1.2.6 導(dǎo)航欄 9
1.2.7 超鏈接 9
1.2.8 表單 9
1.2.9 動畫 10
1.2.10 Banner 10
1.3 認(rèn)識靜態(tài)網(wǎng)頁與動態(tài)網(wǎng)頁 11
1.3.1 靜態(tài)網(wǎng)頁 11
1.3.2 動態(tài)網(wǎng)頁 11
1.4 網(wǎng)站建設(shè)的相關(guān)概念 12
1.4.1 因特網(wǎng)與萬維網(wǎng) 12
1.4.2 瀏覽器與HTML 12
1.4.3 URL、域名與IP地址 13
1.4.4 上傳和下載 14
1.5 疑難解惑 14
第2章 第一視覺最重要——網(wǎng)站配色
與布局 15
2.1 善用色彩設(shè)計網(wǎng)頁 16
2.1.1 認(rèn)識色彩 16
2.1.2 確定網(wǎng)站的主題色 17
2.1.3 網(wǎng)頁中色彩的搭配 19
2.1.4 網(wǎng)頁元素的色彩搭配 20
2.1.5 網(wǎng)頁色彩搭配的技巧 21
2.2 常見的網(wǎng)站布局結(jié)構(gòu) 23
2.2.1 “國”字型 24
2.2.2 標(biāo)題正文型 24
2.2.3 左右框架型 24
2.2.4 上下框架型 25
2.2.5 綜合框架型 25
2.2.6 封面型 25
2.2.7 Flash型 26
2.3 網(wǎng)站的色彩應(yīng)用案例 26
2.3.1 案例1——網(wǎng)絡(luò)購物類網(wǎng)站的
色彩應(yīng)用 26
2.3.2 案例2——游戲類網(wǎng)站的色彩
應(yīng)用 27
2.3.3 案例3——企業(yè)門戶網(wǎng)站的色彩
應(yīng)用 28
2.3.4 案例4——時政新聞類網(wǎng)站的
色彩應(yīng)用 28
2.3.5 案例5——影音類網(wǎng)站的色彩
應(yīng)用 29
2.3.6 案例6——娛樂類網(wǎng)站的色彩
應(yīng)用 30
2.4 綜合案例——定位網(wǎng)站頁面的框架 30
2.5 疑難解惑 31
第3章 讀懂網(wǎng)頁密碼——HTML語言
速成 33
3.1 網(wǎng)頁的HTML構(gòu)成 34
3.1.1 文檔標(biāo)記 34
3.1.2 頭部標(biāo)記 35
3.1.3 主體標(biāo)記 35
3.2 HTML的常用標(biāo)記 36
3.2.1 標(biāo)題標(biāo)記到 36
3.2.2 段落標(biāo)記 36
3.2.3 換行標(biāo)記
37
3.2.4 鏈接標(biāo)記 38
3.2.5 列表標(biāo)記 39
3.2.6 圖像標(biāo)記 41
3.2.7 表格標(biāo)記 44
3.2.8 表單標(biāo)記 45
3.3 綜合案例——制作日程表 46
3.4 疑難解惑 49
第4章 開啟網(wǎng)頁制作之路——網(wǎng)站建設(shè)
基本流程與制作工具 51
4.1 建站方式 52
4.1.1 自助建站 52
4.1.2 智能建站 52
4.1.3 專業(yè)設(shè)計 53
4.2 建站流程 53
4.2.1 網(wǎng)站規(guī)劃 53
4.2.2 搜集資料 54
4.2.3 制作網(wǎng)頁 54
4.2.4 網(wǎng)站測試 55
4.2.5 申請域名 55
4.2.6 申請空間 55
4.2.7 網(wǎng)站備案 55
4.2.8 發(fā)布網(wǎng)頁 57
4.2.9 網(wǎng)站推廣和維護(hù) 57
4.3 制作網(wǎng)頁的常用軟件 58
4.3.1 案例1——認(rèn)識網(wǎng)頁布局
軟件Dreamweaver CC 58
4.3.2 案例2——認(rèn)識圖像處理
軟件Photoshop CC 58
4.3.3 案例3——認(rèn)識動畫制作
軟件Flash CC 59
4.4 綜合案例——網(wǎng)頁制作軟件間的
相互關(guān)系 60
4.5 疑難解惑 61
　　
第2篇 制作靜態(tài)網(wǎng)頁