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

目 錄
第1篇 網(wǎng)站基礎入門
第1章 網(wǎng)站建設入門——網(wǎng)頁設計與
網(wǎng)站建設基礎 3
1.1 認識網(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 認識網(wǎng)頁的基本組成 6
1.2.1 網(wǎng)址 7
1.2.2 網(wǎng)頁標題 7
1.2.3 Logo 7
1.2.4 文本 8
1.2.5 圖像 8
1.2.6 導航欄 9
1.2.7 超鏈接 9
1.2.8 表單 9
1.2.9 動畫 10
1.2.10 Banner 10
1.3 認識靜態(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)站建設的相關概念 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 善用色彩設計網(wǎng)頁 16
2.1.1 認識色彩 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)站布局結構 23
2.2.1 “國”字型 24
2.2.2 標題正文型 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)站的色彩應用案例 26
2.3.1 案例1——網(wǎng)絡購物類網(wǎng)站的
色彩應用 26
2.3.2 案例2——游戲類網(wǎng)站的色彩
應用 27
2.3.3 案例3——企業(yè)門戶網(wǎng)站的色彩
應用 28
2.3.4 案例4——時政新聞類網(wǎng)站的
色彩應用 28
2.3.5 案例5——影音類網(wǎng)站的色彩
應用 29
2.3.6 案例6——娛樂類網(wǎng)站的色彩
應用 30
2.4 綜合案例——定位網(wǎng)站頁面的框架 30
2.5 疑難解惑 31
第3章 讀懂網(wǎng)頁密碼——HTML語言
速成 33
3.1 網(wǎng)頁的HTML構成 34
3.1.1 文檔標記 34
3.1.2 頭部標記 35
3.1.3 主體標記 35
3.2 HTML的常用標記 36
3.2.1 標題標記到 36
3.2.2 段落標記 36
3.2.3 換行標記
37
3.2.4 鏈接標記 38
3.2.5 列表標記 39
3.2.6 圖像標記 41
3.2.7 表格標記 44
3.2.8 表單標記 45
3.3 綜合案例——制作日程表 46
3.4 疑難解惑 49
第4章 開啟網(wǎng)頁制作之路——網(wǎng)站建設
基本流程與制作工具 51
4.1 建站方式 52
4.1.1 自助建站 52
4.1.2 智能建站 52
4.1.3 專業(yè)設計 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)站推廣和維護 57
4.3 制作網(wǎng)頁的常用軟件 58
4.3.1 案例1——認識網(wǎng)頁布局
軟件Dreamweaver CC 58
4.3.2 案例2——認識圖像處理
軟件Photoshop CC 58
4.3.3 案例3——認識動畫制作
軟件Flash CC 59
4.4 綜合案例——網(wǎng)頁制作軟件間的
相互關系 60
4.5 疑難解惑 61
　　
第2篇 制作靜態(tài)網(wǎng)頁