Dreamweaver商業網站綜合案例

Dreamweaver商業網站綜合案例

《Dreamweaver商業網站綜合案例》是2012年3月電子工業出版社出版的圖書

基本介紹

  • 書名:Dreamweaver商業網站綜合案例
  • ISBN:9787121161742
  • 類別:計算機
  • 頁數:448頁
  • 定價:59.00
  • 出版社電子工業出版社
  • 出版時間:2012-03
  • 裝幀:精裝
  • 開本:16
  • 正文語言:簡體中文
內容簡介,圖書目錄,前言,

內容簡介

本書由曾獨立負責過大型網站規劃建設和設計工作的資深網頁設計師精心編著,對網站建設流程和設計製作方法進行了深入剖析。本書完全從工作實際出發,循序漸進地對10個網站的設計和製作過程進行了詳細講解。個人網站、個人部落格類網站、企業形象展示網站、培訓教育類網站、遊戲網站、電子政務網站、餐飲美食類網站、新聞類網站和線上購物網站。
基本上涵蓋了網頁設計與網站建設的方方面面,包括網頁設計基礎知識、表格排版布局網頁、網頁模板的創建、CSS樣式表的使用、使用行為和JavaScript添加網頁特效、網站Logo和Banner動畫的設計、留言系統的製作、新聞發布管理系統的製作、購物網站的製作等知識。 本書配套光碟還收錄了書中所有實例和素材檔案,為讀者更好地擴展思路創造了空間。

圖書目錄

第1章 了解商業網站建設基礎 1
1.1 商業網站頁面布局設計 2
1.1.1 網頁版面布局原則 2
1.1.2 商業網站常見的布局形式 3
1.2 商業網站色彩搭配 6
1.2.1 商業網站色彩搭配原理 6
1.2.2 商業網站色彩搭配技巧 7
1.2.3 商業網站色彩選擇標準 9
1.3 常用網頁設計與網站建設工具 10
1.3.1 網頁編輯排版軟體Dreamweaver 10
1.3.2 網頁動畫製作軟體Flash 11
1.3.3 網頁圖像製作軟體Photoshop11
1.4 網站建設的基本流程 12
1.4.1 網站的需求分析 12
1.4.2 網站整體規劃 12
1.4.3 確定網站整體風格 12
1.4.4 收集資源 13
1.4.5 設計網頁圖像 13
1.4.6 編輯製作網頁 14
1.4.7 開發動態網站模組 15
1.4.8 申請域名和伺服器空間 15
1.4.9 測試與發布上傳 16
1.4.10 網站維護 18
1.4.11 網站的推廣 18
1.5 各類商業網站 20
1.5.1 門戶類網站 20
1.5.2 企業網站 21
1.5.3 娛樂類網站 21
1.5.4 購物類網站 22
1.5.5 行業信息類網站 22
1.5.6 機構類網站 23
第2章 網站的頁面設計 24
2.1 網頁布局的基本要素 25
2.1.1 頁面標題 25
2.1.2 網站Logo 25
2.1.3 頁面尺寸 25
2.1.4 導航欄 26
2.1.5 頁眉和頁腳 26
2.2 網站導航設計 27
2.2.1 導航設計的基本要求 27
2.2.2 全局導航的基礎要素 28
2.2.3 輔助導航的基礎要素 28
2.4 網頁中的文字設計 29
2.4.1 文字的選擇 29
2.4.2 文字的圖形化 30
2.5 網頁中的圖像套用 30
第3章 網站的整體策劃和建設規範 32
3.1 為什麼要進行網站策劃 33
3.2 如何進行網站策劃 33
3.2.1 網站策劃的原則 34
3.2.2 網站策劃的關鍵點 35
3.3 如何確定網站的定位 36
3.4 確定網站的目標用戶 37
3.5 網站的內容策劃 37
3.5.1 網站內容策劃的重要性 37
3.5.2 如何做好網站內容策劃 38
3.6 網站建設規範 38
3.6.1 組建開發團隊規範 39
3.6.2 開發工具規範 39
3.6.3 超連結規範 39
3.6.4 資料夾和檔案命名規範 40
3.6.5 代碼設計規範 40
第4章 Dreamweaver CS5.5創建基本圖文網站 42
4.1 Dreamweaver CS5.5工作環境 44
4.1.1 選單欄 44
4.1.2 “文檔”工具列 44
4.1.3 文檔視窗 45
4.1.4 狀態欄 45
4.1.5 插入欄 46
4.1.6 “屬性”面板 46
4.1.7 面板組 47
4.2 創建本地站點 47
4.3 在網頁中插入文本 48
4.3.1 輸入文本 49
4.3.2 設定文本屬性 49
4.4 在網頁中插入圖像和多媒體 51
4.4.1 插入圖像 51
4.4.2 設定圖像屬性 52
4.4.3 插入Flash 53
4.4.4 插入背景音樂 54
4.5 在網頁中建立超連結 56
4.5.1 文本超連結 56
4.5.2 圖像熱點超連結 57
4.5.3 錨點超連結 59
4.5.4 電子郵件超連結 61
4.6 搭建網站頁面結構 63
4.6.1 表格的創建和操作 63
4.6.2 表格屬性設定 63
4.6.3 框架和框架集的創建和操作 64
4.6.4 AP元素的創建和操作 66
4.6.5 AP元素屬性設定 67
4.7 使用模板 68
4.7.1 創建模板 68
4.7.2 使用模板創建網頁 69
4.8 在網頁中套用表單 72
4.8.1 表單簡介 72
4.8.2 創建表單網頁 72
4.9 在網頁中使用行為 74
4.9.1 行為的概念 75
4.9.2 使用“行為”面板 75
4.9.3 Dreamweaver提供的動作類型 76
4.10 技巧總結 76
第5章 設計富有個性的個人網站 79
5.1 個人網站設計概述 80
5.2 個人網站色彩搭配和結構設計 81
5.3 網站前期策劃 81
5.3.1 確定網站主題 81
5.3.2 確定目錄結構 82
5.4 頁面設計 82
5.4.1 網站藍圖的規劃 82
5.4.2 HTML結構設計 83
5.5 製作網站頁面 84
5.5.1 定義頁面的整體樣式 84
5.5.2 製作頁面頭部 85
5.5.3 製作左側正文部分 88
5.5.4 製作右側部分 90
5.5.5 製作底部著作權部分 91
5.6 技巧總結 91
第6章 申請個人部落格 96
6.1 從Web 2.0開始的革命浪潮 97
6.1.1 Web 2.0的起源及定義 97
6.1.2 Blog與一般網站的區別 97
6.2 開通新浪部落格 98
6.2.1 註冊新浪部落格 98
6.2.2 密碼安全與設定 100
6.3 文章發表與管理 101
6.3.1 文章發表 101
6.3.2 文章管理 102
6.4 圖片上傳 102
6.5 如何申請微博 104
6.6 博文寫作技巧 105
6.6.1 做好定位 105
6.6.2 吸引人的標題 106
6.6.3 豐富的文章內容 106
6.5 如何推銷自己的部落格 108
6.6 技巧總結 110
第7章 設計企業形象展示網站 114
7.1 企業網站概述 115
7.2 企業網站主要功能欄目 115
7.3 企業網站色彩搭配和風格創意 117
7.4 設計網站首頁 118
7.4.1 設計網站首頁 118
7.4.2 切割網站首頁 127
7.5 製作網站二級頁面 129
7.5.1 創建模板 129
7.5.2 創建企業簡介頁面 130
7.6 設計留言系統 133
7.6.1 設計資料庫 133
7.6.2 創建資料庫連線 134
7.6.3 設計留言列表頁面 135
7.6.4 設計發表留言頁面 140
7.6.5 設計留言詳細信息頁面 145
7.8 技巧總結 148
第8章 設計教育培訓網站 152
8.1 教育類網站設計概述 153
8.1.1 教育網站的製作特點 153
8.1.2 教育網站的色彩風格 153
8.2 製作網站主頁 154
8.2.1 製作網站頂部導航檔案 155
8.2.2 製作用戶登錄區 159
8.2.3 製作就業指導區 163
8.2.4 製作友情連結 166
8.2.5 製作新聞通知區 168
8.2.6 製作電腦培訓區 173
8.2.7 製作就業培訓區 176
8.2.8 製作會計培訓區 179
8.2.9 製作外語培訓區 181
8.2.10 製作名師風采區 184
8.2.11 製作學生之星區 187
8.2.12 製作下載中心 189
8.2.13 製作網站底部著作權區 192
8.3 技巧總結 194
第9章 設計遊戲網站 197
9.1 遊戲類網站特點概述 197
9.1.1 遊戲娛樂網站的概念 197
9.1.2 遊戲娛樂類網站色彩搭配 199
9.2 製作網站主頁 200
9.2.1 設定頁面屬性 200
9.2.2 製作網站導航欄 201
9.2.3 製作左側廣告和人物專訪 203
9.2.4 製作國內遊戲業界訪談和渠道市場 205
9.2.5 製作海外新聞部分和遊戲評測部分 208
9.2.6 製作圖文照片部分 212
9.2.7 製作網站調查部分 216
9.2.8 製作最新下載部分 220
9.2.9 製作遊戲展示部分 222
9.2.10 製作友情連結部分 225
9.2.11 製作版權資訊 225
9.3 技巧總結 226
第10章 電子政務網站的建設 229
10.1 電子政務網站的特點 230
10.2 電子政務網站設計原則 231
10.2.1 符合黨和國家的政治形勢 232
10.2.2 內容完整,功能適用 232
10.2.3 網站頁面設計應簡潔清晰 232
10.2.4 網站名稱和域名明確規範 233
10.2.5 網站實效性 233
10.2.6 網站安全性 234
10.3 電子政務網站主要功能和欄目 234
10.4 電子政務網站色彩搭配和風格 236
10.5 製作網站主頁 238
10.5.1 製作網站頂部導航 238
10.5.2 製作內容搜尋部分 240
10.5.3 製作最新滾動公告 241
10.5.4 製作線上投稿與精品專題 243
10.5.5 製作工作動態和重要檔案區 244
10.5.6 製作圖片新聞和文明創建區 246
10.5.7 製作圖片展示區 248
10.5.8 製作網上辦事區 250
10.5.9 製作互動專區 252
10.5.10 製作網站導航區 254
10.5.11 製作網站底部著作權區 256
10.6 技巧總結 256
第11章 設計餐飲美食類網站 259
11.1 餐飲美食類網站概述 259
11.1.1 餐飲美食類網站介紹 259
11.1.2 餐飲美食類網站設計風格 260
11.2 製作網站主頁 261
11.2.1 製作網站頂部導航欄目檔案 262
11.2.2 利用iframe插入訂餐折扣內容 265
11.2.3 製作餐飲資訊區 269
11.2.4 製作餐飲團報名區 271
11.2.5 利用iframe製作特色菜餚展示 272
11.2.6 製作特色招牌菜區 275
11.2.7 製作特約商家區 277
11.2.8 製作美食快訊區 279
11.2.9 製作各路店鋪區 280
11.2.10 製作其他信息區 284
11.2.11 製作企業大全區 287
11.2.12 製作飲食文化與飲食健康區 289
11.2.13 製作底部著作權區 290
11.3 技巧總結 292
第12章 設計別具一格的文化藝術網站 296
12.1 文化藝術類網站概述 296
12.1.1 網站的風格 297
12.1.2 網站的創意 299
12.1.3 網站頁面布局 300
12.2 設計網站圖像 301
12.2.1 設計網站Logo 301
12.2.2 設計網站Banner 304
12.3 製作網站主頁 309
12.3.1 製作網站頂部檔案 309
12.3.2 製作會員註冊部分 311
12.3.3 製作商品分類區 314
12.3.4 製作商品展示區 315
12.3.5 製作資訊信息區 316
12.3.6 製作右側部分 320
12.3.7 製作底部著作權區 321
12.4 技巧總結 322
第13章 設計新聞資訊類網站 325
13.1 新聞網站分類 326
13.1.1 傳統新聞媒體網站 326
13.1.2 入口網站新聞頻道 327
13.1.3 專業新聞網站 327
13.2 新聞網站的特點 328
13.3 主要功能欄目 329
13.3.1 新聞網站主頁 329
13.3.2 新聞詳細內容頁 329
13.3.3 標題列表頁 330
13.3.4 圖片新聞 330
13.4 新聞發布管理系統設計分析 331
13.5 新聞發布系統的準備 332
13.5.1 建立資料庫表 332
13.5.2 建立資料庫連結 333
13.6 設計製作新聞系統主要頁面 334
13.6.1 新聞列表管理頁面 334
13.6.2 後台登錄頁面 339
13.6.3 添加新聞頁面 343
13.6.4 刪除新聞頁面 346
13.6.5 修改新聞頁面 348
13.6.6 新聞列表頁面 350
13.6.7 新聞詳細頁面 353
13.7 技巧總結 355
第14章 設計線上購物網站 358
14.1 購物網站設計概述 359
14.1.1 購物網站的概念 359
14.1.2 購物網站的設計要點 361
14.1.3 主要功能頁面 363
14.3 創建資料庫與資料庫連線 365
14.3.1 創建資料庫表 365
14.3.2 創建資料庫連線 367
14.4 設計購物系統前台頁面 368
14.4.1 設計商品分類展示頁面 368
14.4.2 設計商品詳細信息頁面 373
14.5 設計購物系統後台管理 375
14.5.1 設計管理員登錄頁面 375
14.5.2 設計添加商品頁面 379
14.5.3 設計添加商品分類頁面 382
14.5.4 設計商品管理頁面 385
14.5.5 設計修改商品頁面 391
14.5.6 設計刪除商品頁面 393
14.6 技巧總結 397
附錄A HTML常用標記手冊 400
附錄B JavaScript語法手冊 406
附錄C CSS屬性一覽表 414
附錄D VBScript語法手冊 418
附錄E ADO對象方法屬性詳解 425
附錄F 常見網頁配色詞典 431

前言

隨著Internet在中國的普及,網際網路信息技術徹底改變了人們的生活和工作。越來越多的部門企業和個人建立網站宣傳自己。Dreamweaver是一種所見即所得的網頁編輯器,它的出現大大降低了網頁製作的門檻。隨著軟體版本的不斷更新,越來越受到多媒體和網頁製作人員以及計算機愛好者的寵愛。作為最高版本的Dreamweaver CS5增加了許多激動人心的新功能。
本書主要內容
本書的作者有著多年的商業網站設計及教學經驗,書中的實例全部採用真實的商業網站,不僅頁面設計精美,而且也具有動態互動功能,具有很強的實用性和針對性。全書共分14章,內容概括如下。
第1~3章:介紹網頁製作與網站建設的前期工作,包括網站色彩搭配、網站頁面布局設計、網站建設的基本流程、網站的頁面設計、 網站的整體策劃和建設規範。
第4章:主要講解Dreamweaver網頁製作元素的基本使用方法,包括表格、圖像、AP Div、行為和腳本、框架、模板和庫等基礎功能的介紹,每個功能都結合相關的實用案例,對於講解的過程起到很好的輔助作用。
第5~14章:選擇當前流行的真實案例,結合一些重要的知識點和技巧,講解了不同類型網站的特點和製作方法,包括個人網站、個人部落格類網站、企業形象展示網站、培訓教育類網站、遊戲網站、電子政務網站、餐飲美食類網站、新聞類網站和線上購物網站等。涉及的知識點涵蓋了Dreamweaver的方方面面,重要的功能有多媒體元素、表單、動態應用程式和建立資料庫等內容,使讀者既能學習到Dreamweaver CS5的各項操作,又可以掌握不同類型網站的製作技巧和實戰經驗。
本書主要特點
圖解方法:為了使讀者能快速學會Dreamweaver的使用,本書對於每個知識點、每個功能都給出了詳細的操作步驟,採用Step by Step的製作流程進行講解,使讀者輕鬆上手,舉一反三。
實例講解為主:為了使讀者能夠真正掌握網頁設計的技巧,通過大量實例,全面介紹了網頁設計和網站建設的各個環節。
知識系統全面:本書不僅講述了10個典型網站的製作,而且講述了各種類型的網站設計要點、網站主要功能欄目和典型的網站賞析,通過這些基礎知識能從理論上提升讀者的設計理念。
本書的配套光碟是一套精心開發的專業級多媒體教學光碟,它是本書實例的多媒體演示,採用了語音講解,情景式教學,詳細的圖文對照和真實的情景演示等方式。緊密結合書中的內容對各個知識點進行了深入的講解,大大擴充了本書的知識範圍。
排版緊湊,超大容量:本書排版緊湊,信息量大。400多頁的篇幅容納了600多頁的內容,從而在有限的篇幅內為讀者奉獻更多的知識和實戰案例。
超值經驗和技巧:作者還毫無保留地將現實工作中大量非常實用的經驗、技巧貢獻出來,這些常見的問題和技巧可以幫助讀者更出色地完成工作。
本書讀者對象
本書語言敘述通俗易懂,突出了實用性,採用由淺入深的編排方法,內容豐富、結構清晰、語言簡練、實例眾多、圖文並茂,適用於以下讀者對象:
(1)網頁設計與製作人員;
(2)網站建設與開發人員;
(3)大中、專院校相關專業師生;
(4)網頁製作培訓班學員;
(5)個人網站愛好者與自學讀者。
本書由國內著名網頁設計培訓專家編寫,除了封面署名外,參加編寫的還有鄧靜靜、李銀修、劉宇星、徐洪峰、鄧方方、張禮明、楊建偉、李曉民、何秀明、劉中華、陳石送、孫良軍、呂志彬等。由於作者水平有限,加之創作時間倉促,本書不足之處在所難免,歡迎廣大讀者批評指正。

相關詞條

熱門詞條

聯絡我們