網頁設計與網站建設案例課堂（第2版）

目 錄
第1篇 網站基礎入門
第1章 網站建設入門——網頁設計與
網站建設基礎 3
1.1 認識網頁和網站 4
1.1.1 網頁 4
1.1.2 網站 4
1.1.3 網站的分類 5
1.2 認識網頁的基本組成 6
1.2.1 網址 7
1.2.2 網頁標題 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)網頁與動態(tài)網頁 11
1.3.1 靜態(tài)網頁 11
1.3.2 動態(tài)網頁 11
1.4 網站建設的相關概念 12
1.4.1 因特網與萬維網 12
1.4.2 瀏覽器與HTML 12
1.4.3 URL、域名與IP地址 13
1.4.4 上傳和下載 14
1.5 疑難解惑 14
第2章 第一視覺最重要——網站配色
與布局 15
2.1 善用色彩設計網頁 16
2.1.1 認識色彩 16
2.1.2 確定網站的主題色 17
2.1.3 網頁中色彩的搭配 19
2.1.4 網頁元素的色彩搭配 20
2.1.5 網頁色彩搭配的技巧 21
2.2 常見的網站布局結構 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 網站的色彩應用案例 26
2.3.1 案例1——網絡購物類網站的
色彩應用 26
2.3.2 案例2——游戲類網站的色彩
應用 27
2.3.3 案例3——企業(yè)門戶網站的色彩
應用 28
2.3.4 案例4——時政新聞類網站的
色彩應用 28
2.3.5 案例5——影音類網站的色彩
應用 29
2.3.6 案例6——娛樂類網站的色彩
應用 30
2.4 綜合案例——定位網站頁面的框架 30
2.5 疑難解惑 31
第3章 讀懂網頁密碼——HTML語言
速成 33
3.1 網頁的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章 開啟網頁制作之路——網站建設
基本流程與制作工具 51
4.1 建站方式 52
4.1.1 自助建站 52
4.1.2 智能建站 52
4.1.3 專業(yè)設計 53
4.2 建站流程 53
4.2.1 網站規(guī)劃 53
4.2.2 搜集資料 54
4.2.3 制作網頁 54
4.2.4 網站測試 55
4.2.5 申請域名 55
4.2.6 申請空間 55
4.2.7 網站備案 55
4.2.8 發(fā)布網頁 57
4.2.9 網站推廣和維護 57
4.3 制作網頁的常用軟件 58
4.3.1 案例1——認識網頁布局
軟件Dreamweaver CC 58
4.3.2 案例2——認識圖像處理
軟件Photoshop CC 58
4.3.3 案例3——認識動畫制作
軟件Flash CC 59
4.4 綜合案例——網頁制作軟件間的
相互關系 60
4.5 疑難解惑 61
　　
第2篇 制作靜態(tài)網頁