本書詳細、全面地介紹了使用Dreamweaver、Flash、Photoshop設計網頁和制作網頁的知識。制作一個網站需要很多技術, 包括圖像設計和處理、網頁動畫的制作和網頁版面的布局編輯等。隨著網頁制作技術的不斷發展和完善, 產生了眾多網頁制作與網站建設軟件。但是目前使用最多的是Photoshop, Dreamweaver, Flash這3個軟件, 這3個軟件的組合完全能高效地實現網頁的各種功能, 所以稱這3個軟件的組合為黃金搭檔。它們已經成為網頁制作的夢幻工具組合, 以其強大的功能和易學易用的特性, 贏得了廣大網頁制作與網站建設人員的青睞。
實用性強:專業設計師及教學專家傾力奉獻,案例全部來源于工作一線與教學實踐。
系統全面:Dreamweaver Flash Photoshop使用方法和技巧全面剖析,網頁制作從入門到精通。
案例專業:包括聲音和視頻動畫、網站的發布與維護、網站的宣傳推廣、設計制作公司宣傳網站等。
體系完善:對每個知識點從實例的角度進行介紹,制作流程進行詳細講解,使讀者輕松上手,舉一反三。
隨著計算機和網絡技術的飛速發展,目前網頁設計與網站建設技術成了熱門。頁面設計、動畫設計、圖形圖像設計是網頁設計與網站建設的三大核心。隨著網頁設計與網站建設技術的不斷發展和完善,產生了眾多網頁制作軟件。
Dreamweaver、Flash和Photoshop三劍客的組合,是大家在網頁設計時經常使用的,這三款軟件的共同點就是簡單易懂、容易上手,而且可以保證你的設計能展現出不同的風采。這三款軟件的組合完全能高效地實現網頁的各種功能,所以稱它們為黃金搭檔。現在它們已經成為網頁設計與網站建設的夢幻工具組合,以其強大的功能和易學易用的特性,贏得了廣大網頁設計人員的青睞。本書的特色本書面向網頁設計制作的初、中級用戶,采用由淺入深、循序漸進的方式進行講解,內容豐富,結構安排合理,實例均來自設計一線,特別適合作為教材。
實戰性強
本書的最大特點是對每個知識點從實例的角度進行介紹,這些實例均采用循序漸進的制作流程進行詳細講解,使讀者輕松上手,舉一反三。
結構完整
本書以實用功能講解為核心,每小節分為基本知識學習和課堂練一練兩部分。
基本知識學習部分以基本知識為主,講解每個知識點的操作和用法,操作步驟詳細,目標明確;課堂練一練部分則相當于一個學習任務或案例制作,并結合大量實例分述三款軟件和動態網頁技術。
最后通過綜合實例講述網站建設的全過程。
案例豐富
本書把知識點融匯于系統的案例實訓當中,并且結合經典案例進行講解和拓展,進而達到“知其然,并知其所以然”的效果,力求達到理論知識與實際操作的完美結合。
讀者對象網頁設計與制作人員網站建設與開發人員大中專院校相關專業師生
網頁制作培訓班學員
個人網站愛好者與自學讀者
本書能夠在這么短的時間內出版,是與很多人的努力分不開的。我要感謝很多在我寫作的過程中給予幫助的朋友們,他們為此書的編寫和出版做了大量的工作,在此向他們致以深深的謝意。
本書由著名網頁設計培訓專家張忠瓊主筆,另外參加編寫的還有程振宏、馮雷雷、晁輝、陳石送、何琛、吳秀紅、王冬霞、何本軍、喬海麗、鄧仰偉、孫雷杰、孫文記、何立、倪慶軍、胡秀娥、趙良濤、徐曦、劉桂香、葛俊科、葛俊彬等。由于作者水平有限,加之創作時間倉促,書中的不足之處在所難免,歡迎廣大讀者批評指正。
作者
2017年7月
第1章 網頁設計與網站建設基礎 1
1.1 預備知識 2
1.1.1 什么是網站 2
1.1.2 靜態網頁和動態網頁 2
1.1.3 申請域名 3
1.1.4 申請服務器空間 7
1.2 常用的網頁設計軟件 9
1.2.1 網頁設計軟件Dreamweaver 9
1.2.2 圖像設計軟件Photoshop 10
1.2.3 動畫設計軟件Flash 10
1.2.4 HTML標記 11
1.2.5 FTP軟件 12
1.3 網站建設的一般流程 13
1.3.1 網站的定位 13
1.3.2 規劃站點結構 14
1.3.3 網站整體規劃 14
1.3.4 收集資料與素材 15
1.3.5 設計網頁頁面 15
1.3.6 切圖并制作成頁面 16
1.3.7 開發動態網站模塊 16
1.3.8 發布與上傳 18
1.3.9 后期更新與維護 18
1.3.10 網站的推廣 18
第2章 網頁版面設計和布局 19
2.1 網頁版面布局設計 20
2.1.1 網頁版面布局原則 20
2.1.2 點、線、面的構成 22
2.2 網頁布局方法 24
2.2.1 紙上布局法 24
2.2.2 軟件布局法 25
2.3 常見的網頁結構類型 26
2.3.1 “廠”字型布局 26
2.3.2 “國”字型布局 26
2.3.3 “框架”型布局 27
2.3.4 “封面”型布局 27
2.3.5 Flash型布局 28
2.4 文字與版式設計 28
2.4.1 文字的字體、字號、行距 28
2.4.2 文字的顏色 29
2.4.3 文字的圖形化 30
2.5 圖像設計排版 30
2.5.1 網頁中應用圖像的注意要點 30
2.5.2 讓圖片更合理 31
第3章 網頁色彩的選擇及搭配 33
3.1 色彩基礎知識 34
3.1.1 色彩的基本概念 34
3.1.2 網頁安全色 35
3.2 色彩的三要素 36
3.2.1 色相 36
3.2.2 明度 36
3.2.3 純度 37
3.3 各種顏色的色彩搭配 37
3.3.1 紅色 37
3.3.2 黃色 38
3.3.3 藍色 38
3.3.4 綠色 39
3.3.5 紫色 39
3.3.6 橙色 40
3.3.7 白色 40
3.3.8 黑色 40
3.3.9 灰色 41
3.4 頁面色彩搭配 42
3.4.1 網頁色彩搭配原理 42
3.4.2 網頁設計中色彩搭配的技巧 43
第4章 熟悉Dreamweaver CC 47
4.1 認識Dreamweaver CC界面 48
4.1.1 文檔工具欄 48
4.1.2 常用菜單命令 49
4.1.3 插入工具欄 49
4.1.4 屬性面板 50
4.1.5 面板組 50
4.2 創建本地站點 51
4.3 管理站點 52
4.3.1 打開站點 52
4.3.2 編輯站點 53
4.3.3 刪除站點 53
4.3.4 復制站點 54
4.4 綜合實例—創建本地站點 54
第5章 給網頁添加文字和圖像 56
5.1 文本的輸入和編輯 57
5.1.1 輸入文本 57
5.1.2 設置文本屬性 58
5.1.3 輸入特殊字符 60
5.2 在網頁中插入圖像 61
5.2.1 插入圖像 61
5.2.2 設置圖像屬性 63
5.2.3 插入鼠標經過圖像 65
5.3 鏈接的設置 67
5.3.1 鏈接的類型 67
5.3.2 設置文本鏈接和圖像鏈接 67
5.3.3 創建圖像熱點鏈接 68
5.3.4 創建電子郵件鏈接 70
5.3.5 創建下載文件的鏈接 71
5.4 插入媒體 72
5.4.1 插入Flash動畫 72
5.4.2 插入視頻 74
5.4.3 插入網頁背景音樂網頁 76
5.5 綜合實例—制作圖文混排的多媒體頁面 78
第6章 使用行為和JavaScript添加網頁特效 81
6.1 特效中的行為和事件 82
6.1.1 動作 82
6.1.2 事件 83
6.2 使用Dreamweaver內置行為 84
6.2.1?交換圖像 84
6.2.2 彈出提示信息 86
6.2.3 打開瀏覽器窗口 87
6.2.4 轉到URL 88
6.2.5 預先載入圖像 90
6.2.6 檢查表單 92
6.2.7?設置狀態欄文本 93
6.3 利用腳本制作特效網頁 94
6.3.1 制作滾動公告網頁 94
6.3.2 制作自動關閉網頁 96
第7章 創建表單 98
7.1 表單概述 99
7.2 插入輸入類表單對象 99
7.2.1 插入表單域 99
7.2.2 插入文本域 101
7.2.3 插入密碼域 103
7.2.4 插入多行文本域 103
7.2.5 插入隱藏域 104
7.2.6 插入復選框 104
7.2.7 插入單選按鈕 105
7.2.8 插入列表/菜單 106
7.2.9 插入Tel 108
7.2.10 插入文件域 108
7.2.11 插入圖像域 109
7.2.12 插入按鈕 110
7.3 綜合實例—制作電子郵件表單 110
第8章 用表格排版網頁 115
8.1 在網頁中插入表格 116
8.1.1 插入表格 116
8.1.2 添加內容到單元格 117
8.2 設置表格屬性 118
8.2.1 設置單元格屬性 118
8.2.2 設置表格屬性 118
8.3 表格的基本操作 119
8.3.1 選定表格 119
8.3.2 添加行或列 120
8.3.3 刪除行或列 121
8.3.4 合并單元格 122
8.3.5 拆分單元格 122
8.3.6 調整表格大小 123
8.4 表格的其他功能 124
8.4.1 導入表格式數據 124
8.4.2 排序表格 126
8.5 綜合實例 128
實戰1—利用表格排版頁面 128
實戰2—創建網頁圓角表格 133
第9章 使用模板和庫快速
創建網頁 137
9.1 認識模板 138
9.2 創建模板 138
9.2.1 在空白文檔中創建模板 138
9.2.2 從現有文檔創建模板 139
9.2.3 創建可編輯區域 140
9.3 創建基于模板的頁面 142
9.4 庫的創建、管理與應用 144
9.4.1 創建庫項目 144
9.4.2 庫項目的應用 146
9.4.3 編輯庫項目 148
9.5 綜合實例—創建完整的企業網站模板 149
實戰1—創建模板 150
實戰2—利用模板創建網頁 154
第10章 使用CSS樣式美化網頁 158
10.1 初識CSS 159
10.1.1 CSS概述 159
10.1.2 CSS的作用 159
10.1.3 基本CSS語法 160
10.2 添加CSS的方法 161
10.3 定義CSS樣式的屬性 162
10.3.1 文本樣式的定義 162
10.3.2 背景樣式的定義 162
10.3.3 區塊樣式的定義 163
10.3.4 方框樣式的定義 164
10.3.5 邊框樣式的定義 164
10.3.6 列表樣式的定義 165
10.3.7 定位樣式的定義 165
10.3.8 擴展樣式的定義 166
10.3.9 CSS過渡 167