網(wǎng)頁設計與制作
-
【作 者】孫娜 蒲秋梅 南洋 編著
【I S B N 】978-7-5170-3865-8
【責任編輯】
【適用讀者群】本專通用
【出版時間】2016-03-07
【開 本】16
【裝幀信息】平裝（光膜）
【版 次】第1版第1次印刷
【頁 數(shù)】372
【千字數(shù)】573
【印 張】23.25
【定 價】￥32
【叢 書】普通高等教育“十二五”規(guī)劃教材
【備注信息】
簡介
本書特色
前言
章節(jié)列表
精彩閱讀
下載資源
相關圖書
內(nèi) 容 提 要
本書是按照教育部高等學校計算機基礎課程教學指導委員會提出的《關于進一步加強高校計算機基礎教學的意見》中有關“網(wǎng)頁設計基礎”課程的教學要求及人才培養(yǎng)的要求，針對高等學校文科（藝術類）學生特點組織編寫的。全書共分7章，介紹了Internet與網(wǎng)頁設計的基礎知識，以案例為線，講解了網(wǎng)頁圖像處理工具Photoshop CC 2014及可視化網(wǎng)頁制作工具Dreamweaver CC 2014的使用方法，詳細介紹了代表未來Web發(fā)展方向的HTML5應用及CSS最新規(guī)范標準CSS3。
本書既可以作為高等學校計算機專業(yè)“網(wǎng)頁設計與制作”相關課程的教材，又可以作為廣大網(wǎng)頁制作人員和網(wǎng)頁制作愛好者的實用學習指導書和網(wǎng)頁設計培訓班的教材，同時還可以作為高等學校非計算機專業(yè)師生教學或自學用書。
前 言
本書從頭到尾地講解了如何規(guī)劃、設計和制作一個簡單的個人網(wǎng)站，這是一個從概念到代碼的過程。通過講述構(gòu)建這個網(wǎng)站的策略性步驟，提供了適合于大多數(shù)項目的工作流程實例。讀者可以觀察網(wǎng)站是怎樣從無到有創(chuàng)建起來的。
其中涉及到網(wǎng)頁的基本原理、網(wǎng)頁設計的基本要素、網(wǎng)頁制作的工具、HTML語言（HTML5）、CSS等，還包括如何使用JavaScript實現(xiàn)網(wǎng)頁的一些特效。需要特別指出的是，由于HTML5不推薦使用Flash動畫，本書并沒有安排專門的章節(jié)講解Adobe Flash軟件的應用和動畫的制作。
按照以上思路，全書內(nèi)容共分為7章。
第1章“網(wǎng)頁設計概述”介紹了網(wǎng)頁及網(wǎng)站設計的基礎知識——Internet與網(wǎng)頁的關系、網(wǎng)絡協(xié)議與網(wǎng)頁關系、網(wǎng)站與網(wǎng)頁的關系、網(wǎng)頁的基本元素、網(wǎng)頁設計工具等，還介紹了不同瀏覽器對網(wǎng)頁的兼容性導致網(wǎng)頁顯示效果的區(qū)別。
第2章“網(wǎng)站規(guī)劃與頁面布局”介紹了網(wǎng)頁設計的目標，網(wǎng)頁設計的流程，如何設定網(wǎng)頁風格，如何為網(wǎng)頁設計合適的色彩等內(nèi)容，并且以一個個人網(wǎng)站為例，詳細描述了網(wǎng)頁設計的過程。
第3章“網(wǎng)頁設計工具——Photoshop”介紹了如何應用Photoshop進行網(wǎng)頁的設計。其中包括Photoshop的基礎知識，以及Photoshop在網(wǎng)頁設計時的常見應用，通過大量的實例使讀者掌握Photoshop在網(wǎng)頁設計中的實際使用。以第2章中的網(wǎng)站規(guī)劃為基礎展開設計，詳細描述了在Photoshop中設計網(wǎng)頁效果圖的步驟。
第4章“超文本標記語言HTML與HTML5”包括HTML概述以及HTML5的介紹， HTML文檔的基本組成，如何在網(wǎng)頁中添加文字、圖像、音頻、視頻、表格、表單等內(nèi)容，如何使用HTML5的canvas元素在網(wǎng)頁中畫圖，在最后一節(jié)詳細展示了一個使用HTML5編寫網(wǎng)頁的例子。
第5章“可視化網(wǎng)頁制作工具——Dreamweaver”包括Dreamweaver概述，Dreamweaver的工作界面介紹以及Dreamweaver CC 2014的新功能，如何在Dreamweaver中新建和管理站點，如何在網(wǎng)頁中添加文字、圖像、音頻、視頻、超鏈接、表格、表單等內(nèi)容，并展示了如何不手寫代碼而盡量使用Dreamweaver提供的功能完成第4章中的例子。
第6章“CSS應用基礎”介紹了CSS的概念、CSS的使用方法、CSS的基本語法，以及如何使用CSS樣式進行美化，使第4章中只具備基礎結(jié)構(gòu)性元素的網(wǎng)頁變得和Photoshop設計圖的效果類似。
第7章“JavaScript應用基礎”介紹了JavaScript的基本概念、JavaScript基本語法以及目前應用最廣泛的JavaScript庫——jQuery的基本用法，還詳細講解了一個圖片輪播的綜合應用實例。
本書的一部分參考資料來源于網(wǎng)絡，無法一一查明原作者，有些無法準確列明出處，敬請諒解。感謝每一位具有共享精神的互聯(lián)網(wǎng)信息提供者。
由于作者水平有限，書中難免有疏漏和不妥之處，敬請讀者批評指正。如對本書有任何意見和建議，可通過電子郵件sunna_07@163.com與作者聯(lián)系。
本書是網(wǎng)站前端開發(fā)的入門書籍，適合剛接觸前端開發(fā)的設計人員和高等院校的本科生。
前言
第1章 網(wǎng)頁設計概述 1
1.1 計算機網(wǎng)絡基礎 1
1.1.1 因特網(wǎng)和萬維網(wǎng) 2
1.1.2 超文本標記語言HTML 2
1.1.3 統(tǒng)一資源定位符URL 3
1.1.4 超文本傳輸協(xié)議（HTTP） 5
1.1.5 瀏覽器 5
1.2 網(wǎng)站與網(wǎng)頁 6
1.2.1 網(wǎng)頁的概念 6
1.2.2 網(wǎng)站的結(jié)構(gòu) 7
1.3 網(wǎng)頁的基本元素 8
1.3.1 文本 9
1.3.2 圖像 9
1.3.3 音頻 10
1.3.4 視頻 11
1.3.5 動畫 12
1.3.6 超鏈接 12
1.4 網(wǎng)頁設計與制作方法 13
1.4.1 網(wǎng)頁制作的基本方法 13
1.4.2 網(wǎng)頁設計與制作工具 13
1.5 瀏覽器的兼容性 14
1.6 本章小結(jié) 14
第2章 網(wǎng)站規(guī)劃與頁面布局 15
2.1 網(wǎng)頁設計概述 15
2.1.1 網(wǎng)頁設計的目標 15
2.1.2 網(wǎng)站分類 15
2.1.3 網(wǎng)頁設計流程 16
2.2 網(wǎng)站風格 18
2.2.1 保持頁面風格的一致性 18
2.2.2 協(xié)調(diào)運用顏色 19
2.2.3 均衡分割版式 19
2.2.4 適當選擇線條和形狀 19
2.2.5 選擇合適的字體 20
2.2.6 適當美化和去除冗余 21
2.3 網(wǎng)頁布局 21
2.4 網(wǎng)頁色彩運用 22
2.4.1 色彩基本理論 22
2.4.2 色彩的情感 24
2.4.3 色彩選擇技巧 24
2.5 綜合應用 25
2.6 本章小結(jié) 27
第3章 網(wǎng)頁設計工具——Photoshop 28
3.1 Photoshop簡介 28
3.1.1 Photoshop CC 2014工作界面 28
3.1.2 Photoshop CC 2014新特性 31
3.2 Photoshop文件操作 31
3.2.1 新建圖像 31
3.2.2 打開圖像 32
3.2.3 保存圖像 32
3.3 Photoshop工具面板 32
3.3.1 工具面板的基本用法 32
3.3.2 工具面板的使用實例 34
3.4 控制面板 39
3.5 圖層 39
3.5.1 圖層的基本概念 39
3.5.2 圖層種類 40
3.5.3 “圖層”面板 41
3.5.4 常用的圖層操作 42
3.5.5 圖層操作實例 43
3.6 其他常用操作 43
3.6.1 旋轉(zhuǎn)和變換 43
3.6.2 標尺和參考線 45
3.6.3 圖像調(diào)整 47
3.6.4 濾鏡 50
3.7 綜合應用 51
3.7.1 使用柵格做布局規(guī)劃 51
3.7.2 設計Header部分 52
3.7.3 設計主體區(qū)域 55
3.7.4 設計Footer部分 60
3.8 本章小結(jié) 61
第4章 超文本標記語言HTML與HTML5 62
4.1 HTML概述 62
4.1.1 HTML的由來 63
4.1.2 HTML的定義 63
4.1.3 HTML的特點 63
4.1.4 HTML的發(fā)展史 63
4.1.5 HTML5 64
4.2 HTML文檔的基本組成 64
4.2.1 聲明 65
4.2.2 標簽 65
4.2.3 標簽 65
4.2.4 主體內(nèi)容 67
4.2.5 HTML的書寫格式 67
4.2.6 HTML塊級元素與內(nèi)聯(lián)元素 68
4.3 文本內(nèi)容 68
4.3.1 段落：
68
4.3.2 標題：
、、、、
、 69
4.3.3 標簽 69
4.3.4 列表 70
4.3.5 換行：
72
4.3.6 水平線 73
4.3.7 層標簽： 73
4.3.8 標簽 73
4.3.9 轉(zhuǎn)義字符 74
4.3.10 其他 75
4.4 多媒體內(nèi)容 75
4.4.1 圖像 75
4.4.2 音頻 76
4.4.3
、、
、 69
4.3.3 標簽 69
4.3.4 列表 70
4.3.5 換行：
72
4.3.6 水平線 73
4.3.7 層標簽： 73
4.3.8 標簽 73
4.3.9 轉(zhuǎn)義字符 74
4.3.10 其他 75
4.4 多媒體內(nèi)容 75
4.4.1 圖像 75
4.4.2 音頻 76
4.4.3
、 69
4.3.3 標簽 69
4.3.4 列表 70
4.3.5 換行：
72
4.3.6 水平線 73
4.3.7 層標簽： 73
4.3.8 標簽 73
4.3.9 轉(zhuǎn)義字符 74
4.3.10 其他 75
4.4 多媒體內(nèi)容 75
4.4.1 圖像 75
4.4.2 音頻 76
4.4.3
4.3.3
標簽 69
4.3.4 列表 70
4.3.5 換行：
72
4.3.6 水平線 73
4.3.7 層標簽：73
4.3.8 標簽 73
4.3.9 轉(zhuǎn)義字符 74
4.3.10 其他 75
4.4 多媒體內(nèi)容 75
4.4.1 圖像 75
4.4.2 音頻 76
4.4.3