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

目 錄
第1篇 網(wǎng)站基礎(chǔ)入門
第1章 網(wǎng)站建設(shè)入門——網(wǎng)頁(yè)設(shè)計(jì)與
網(wǎng)站建設(shè)基礎(chǔ) 3
1.1 認(rèn)識(shí)網(wǎng)頁(yè)和網(wǎng)站 4
1.1.1 網(wǎng)頁(yè) 4
1.1.2 網(wǎng)站 4
1.1.3 網(wǎng)站的分類 5
1.2 認(rèn)識(shí)網(wǎng)頁(yè)的基本組成 6
1.2.1 網(wǎng)址 7
1.2.2 網(wǎng)頁(yè)標(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 動(dòng)畫 10
1.2.10 Banner 10
1.3 認(rèn)識(shí)靜態(tài)網(wǎng)頁(yè)與動(dòng)態(tài)網(wǎng)頁(yè) 11
1.3.1 靜態(tài)網(wǎng)頁(yè) 11
1.3.2 動(dòng)態(tài)網(wǎng)頁(yè) 11
1.4 網(wǎng)站建設(shè)的相關(guān)概念 12
1.4.1 因特網(wǎng)與萬(wàn)維網(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è)計(jì)網(wǎng)頁(yè) 16
2.1.1 認(rèn)識(shí)色彩 16
2.1.2 確定網(wǎng)站的主題色 17
2.1.3 網(wǎng)頁(yè)中色彩的搭配 19
2.1.4 網(wǎng)頁(yè)元素的色彩搭配 20
2.1.5 網(wǎng)頁(yè)色彩搭配的技巧 21
2.2 常見的網(wǎng)站布局結(jié)構(gòu) 23
2.2.1 “國(guó)”字型 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ò)購(gòu)物類網(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——時(shí)政新聞?lì)惥W(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)站頁(yè)面的框架 30
2.5 疑難解惑 31
第3章 讀懂網(wǎng)頁(yè)密碼——HTML語(yǔ)言
速成 33
3.1 網(wǎng)頁(yè)的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)頁(yè)制作之路——網(wǎng)站建設(shè)
基本流程與制作工具 51
4.1 建站方式 52
4.1.1 自助建站 52
4.1.2 智能建站 52
4.1.3 專業(yè)設(shè)計(jì) 53
4.2 建站流程 53
4.2.1 網(wǎng)站規(guī)劃 53
4.2.2 搜集資料 54
4.2.3 制作網(wǎng)頁(yè) 54
4.2.4 網(wǎng)站測(cè)試 55
4.2.5 申請(qǐng)域名 55
4.2.6 申請(qǐng)空間 55
4.2.7 網(wǎng)站備案 55
4.2.8 發(fā)布網(wǎng)頁(yè) 57
4.2.9 網(wǎng)站推廣和維護(hù) 57
4.3 制作網(wǎng)頁(yè)的常用軟件 58
4.3.1 案例1——認(rèn)識(shí)網(wǎng)頁(yè)布局
軟件Dreamweaver CC 58
4.3.2 案例2——認(rèn)識(shí)圖像處理
軟件Photoshop CC 58
4.3.3 案例3——認(rèn)識(shí)動(dòng)畫制作
軟件Flash CC 59
4.4 綜合案例——網(wǎng)頁(yè)制作軟件間的
相互關(guān)系 60
4.5 疑難解惑 61
　　
第2篇 制作靜態(tài)網(wǎng)頁(yè)