內(nèi)容簡介
本書共分為16章,主要包括網(wǎng)頁設(shè)計與制作基礎(chǔ)、Photoshop網(wǎng)頁圖像設(shè)計、Dreamweaver網(wǎng)頁制作以及綜合案例實(shí)戰(zhàn)4個部分。通過對本書的學(xué)習(xí),不僅能讓讀者學(xué)會Photoshop CS6和Dreamweaver CS6的基本操作方法,而且還能通過本書中列舉的實(shí)戰(zhàn)案例幫助讀者掌握網(wǎng)頁設(shè)計與制作中更多的小技巧,使讀者更加得心應(yīng)手地設(shè)計與制作網(wǎng)頁。
本書主要定位于希望快速進(jìn)入網(wǎng)頁設(shè)計與制作領(lǐng)域的初、中級用戶,特別適合初學(xué)網(wǎng)頁設(shè)計與制作的人員、大中專學(xué)生及網(wǎng)頁設(shè)計制作愛好者。此外,本書也可作為網(wǎng)頁設(shè)計與制作培訓(xùn)班的教材和自學(xué)者的自學(xué)讀物。
前言
關(guān)于本叢書
如今,學(xué)會使用電腦已不再是一種休閑娛樂的生活方式,在工作節(jié)奏如此之快的今天,電腦已成為各類人士工作中不可或缺的一種工具。
為了回饋廣大讀者,讓更多的人學(xué)會使用電腦這個必備工具和一些常用軟件的操作,時隔一年,我們對“學(xué)以致用系列叢書”進(jìn)行了全新升級改版,不僅優(yōu)化了版式效果,更對內(nèi)容進(jìn)行了全面更新,讓全書更具深度,讓讀者能學(xué)到更多實(shí)用的技巧。
本叢書分別涉及了電腦基礎(chǔ)與入門、網(wǎng)上開店、Office辦公軟件、圖形圖像和網(wǎng)頁設(shè)計等方面,每本書的內(nèi)容和講解方式都根據(jù)其特有的應(yīng)用要求進(jìn)行了量身打造,目的是讓讀者真正學(xué)得會,用得好。其具體包括的書目如下。
Excel高效辦公入門與實(shí)戰(zhàn)
Excel函數(shù)與圖表入門與實(shí)戰(zhàn)
Excel數(shù)據(jù)透視表入門與實(shí)戰(zhàn)
Access 數(shù)據(jù)庫基礎(chǔ)及應(yīng)用(第2版)
PPT設(shè)計與制作(第2版)
新手學(xué)開網(wǎng)店(第2版)
網(wǎng)店裝修與推廣(第2版)
Office 2013入門與實(shí)戰(zhàn)(第2版)
新手學(xué)電腦(第2版)
中老年人學(xué)電腦(第2版)
電腦組裝、維護(hù)與故障排除(第2版)
電腦安全與黑客攻防(第2版)
網(wǎng)頁設(shè)計與制作入門與實(shí)戰(zhàn)
AutoCAD 2016中文版入門與實(shí)戰(zhàn)
Photoshop CS6平面設(shè)計入門與實(shí)戰(zhàn)
叢書兩大特色
本叢書主要體現(xiàn)了我們的“理論知識和操作學(xué)得會,實(shí)戰(zhàn)工作中能夠用得好”這兩個創(chuàng)作宗旨。
理論知識和操作學(xué)得會
講解上——實(shí)用為先,語言精練
本叢書在內(nèi)容挑選方面注重3個“最”——內(nèi)容最實(shí)用,操作最常見,案例最典型,并且精練講解理論部分的文字,用最通俗的語言將知識講解清楚,提高讀者的閱讀和學(xué)習(xí)效率。
外觀上——單雙混排,全程圖解
本叢書采用靈活的單雙混排方式,主打圖解式操作,并且每個操作步驟在內(nèi)容和配圖上均采用編號進(jìn)行逐一對應(yīng),讓整個操作更清晰,讓讀者能夠輕松和快速掌握。
結(jié)構(gòu)上——布局科學(xué),學(xué)習(xí)+提升同步進(jìn)行
在每章知識的結(jié)構(gòu)安排上,采取“主體知識+給你支招”的結(jié)構(gòu),其中“主體知識”是針對當(dāng)前章節(jié)中涉及的所有理論知識進(jìn)行講解;“給你支招”是對本章相關(guān)知識的延伸與提升,其實(shí)用性和技巧性更強(qiáng)。
信息上——欄目豐富,延展學(xué)習(xí)
本叢書在知識講解過程中,還穿插了各種欄目板塊,如“給你支招”“小絕招”和“長知識”等。通過這些欄目,有效增加了本書的知識量,擴(kuò)展了讀者的學(xué)習(xí)寬度,從而幫助讀者掌握更多實(shí)用的技巧操作。
實(shí)戰(zhàn)工作中能夠用得好
在講解過程中采用“知識點(diǎn)+實(shí)例操作”的結(jié)構(gòu)來講解的,為了讓讀者清楚這些知識在實(shí)戰(zhàn)工作中的具體應(yīng)用,所有的案例均來源于實(shí)戰(zhàn)工作中的典型案例,比較有針對性。通過這種講解方式,讓讀者能在真實(shí)的環(huán)境中體會知識的應(yīng)用,從而達(dá)到舉一反三,在工作中用得好的目的。
本書內(nèi)容
本書共分為16章。主要包括網(wǎng)頁設(shè)計與制作基礎(chǔ)、Photoshop網(wǎng)頁圖像設(shè)計、Dreamweaver網(wǎng)頁制作以及綜合案例實(shí)戰(zhàn)4個部分,各部分的具體內(nèi)容如下。
章節(jié)介紹 內(nèi)容體系 作 用
Chapter 01 這部分內(nèi)容是學(xué)習(xí)網(wǎng)頁設(shè)計 通過對本部分的學(xué)習(xí),
與制作的第一步,其內(nèi)容 主要是為后面網(wǎng)頁設(shè)計與
包括:了解網(wǎng)頁的基本概念、 制作的各種操作打下基礎(chǔ)
HTML的基本概念及網(wǎng)頁的
色彩搭配,了解域名與網(wǎng)站
設(shè)計流程與網(wǎng)頁制作的
常用工具等
Chapter 02~06 這部分為Photoshop CS6 通過對本部分的學(xué)習(xí),
設(shè)計網(wǎng)頁的內(nèi)容專題, 讀者可熟練掌握Photoshop CS6
具體內(nèi)容包括:Photoshop 的使用方法以及設(shè)計中
CS6網(wǎng)頁界面的設(shè)計基礎(chǔ)、 各種網(wǎng)頁用到的元素
圖像的基本處理、圖層和
文本的使用、網(wǎng)頁切片輸出
與動畫制作以及常用網(wǎng)頁
元素的設(shè)計等
Chapter 07~14 這部分為 Dreamweaver CS6 通過對本部分的學(xué)習(xí),
制作網(wǎng)頁的內(nèi)容專題, 讀者可以熟練掌握
具體內(nèi)容包括:初識 Dreamweaver CS6
Dreamweaver CS6、 的操作方法,
在網(wǎng)頁中插入基礎(chǔ)的 從而制作出網(wǎng)頁
網(wǎng)頁元素、用圖像、
多媒體與超鏈接豐富網(wǎng)頁、
使用表格布局頁面、
使用CSS樣式表美化頁面、
用D iv+CSS布局網(wǎng)頁、
表單元素、模板和庫的
運(yùn)用以及運(yùn)用J avaScript
行為創(chuàng)建特效網(wǎng)頁
Chapter 15~16 這部分為綜合案例實(shí)戰(zhàn), 讀者可輕松掌握網(wǎng)頁設(shè)計
其具體內(nèi)容包括: 制作的技巧和操作流程
在線出境游網(wǎng)站設(shè)計和
制作現(xiàn)代家居裝飾網(wǎng)站
本書特點(diǎn)
特 點(diǎn) 特點(diǎn)說明
系統(tǒng)全面 本書體系完善,由淺入深地對網(wǎng)頁
設(shè)計與制作的知識進(jìn)行了全面講解,
其內(nèi)容從網(wǎng)頁設(shè)計與制作和Photoshop
CS6網(wǎng)頁的界面設(shè)計等基礎(chǔ)到圖像的
處理、圖層和文本的使用、
網(wǎng)頁切片輸出與動畫制作、
初識Dreamweaver CS6、
在網(wǎng)頁中插入基礎(chǔ)網(wǎng)頁元素、
用圖像、多媒體與超鏈接豐富
網(wǎng)頁以及使用表格布局頁面等
升級操作,邏輯遞進(jìn),結(jié)構(gòu)完整
案例實(shí)用 本書為了讓讀者更容易學(xué)會理論知識,
不僅給理論知識配備了大量的案例操作,
而且在案例選擇上也很注重實(shí)用性,
這些案例不單單是為了驗(yàn)證知識操作,
更是我們實(shí)際工作和生活中常遇到的問題。
因此,通過這些案例可以讓我們在學(xué)會
知識的同時,解決工作和生活中的問題,
達(dá)到雙贏的目的
拓展知識豐富 在本書講解的過程中安排了上百個
“小絕招”和“長知識”板塊,
用于對相關(guān)知識進(jìn)行提升和拓展。
另外,在每章的最后還專門增加了
“給你支招”板塊,讓讀者學(xué)會更多的
進(jìn)階技巧,從而提高工作效率
語言輕松 本書語言通俗易懂、貼近生活,
讓讀者能充分享受閱讀的過程。
語言的邏輯感較強(qiáng),前后呼應(yīng),
隨時激發(fā)讀者的記憶
讀者對象
本書主要定位于希望快速進(jìn)入網(wǎng)頁設(shè)計與制作領(lǐng)域的初、中級用戶,特別適合初學(xué)網(wǎng)頁設(shè)計與制作的人員、大中專學(xué)生及網(wǎng)頁設(shè)計制作愛好者。此外,本書也可作為網(wǎng)頁設(shè)計與制作培訓(xùn)班的教材或自學(xué)用書。
關(guān)于創(chuàng)作團(tuán)隊
本書由智云科技編著,參與本書編寫的人員有邱超群、楊群、羅浩、林菊芳、馬英、邱銀春、羅丹丹、劉暢、林曉軍、周磊、蔣明熙、甘林圣、丁穎、蔣杰、何超等,在此對大家的辛勤工作表示衷心的感謝!
由于編者經(jīng)驗(yàn)有限,加之時間倉促,書中難免會有疏漏和不足,懇請專家和讀者不吝賜教。
目錄
Chapter 01 網(wǎng)頁設(shè)計與制作基礎(chǔ)
1.1 了解網(wǎng)頁的基本概念 2
1.1.1 網(wǎng)頁設(shè)計基礎(chǔ)知識 2
1.1.2 網(wǎng)頁的基本組成元素 3
1.1.3 網(wǎng)站的分類 5
1.2 HTML的基本概念 7
1.2.1 HTML的含義與組成 8
1.2.2 認(rèn)識HTML標(biāo)簽 8
1.2.3 使用記事本編寫HTML代碼 9
1.2.4 使用瀏覽器查看頁面效果 10
1.3 網(wǎng)頁的色彩搭配 11
1.3.1 網(wǎng)頁的配色基礎(chǔ) 11
1.3.2 網(wǎng)頁色彩搭配方案 12
1.3.3 網(wǎng)頁配色的注意事項(xiàng) 14
1.4 了解域名與網(wǎng)站設(shè)計的流程 15
1.4.1 域名的常見分類 15
1.4.2 認(rèn)識域名服務(wù)器(DNS) 17
1.4.3 網(wǎng)站的設(shè)計流程 18
1.5 網(wǎng)頁制作的常用工具 20
1.5.1 網(wǎng)頁美化工具Photoshop 20
1.5.2 網(wǎng)頁編輯工具Dreamweaver 20
給你支招
如何通過網(wǎng)頁查看HTML源代碼并保存
21
留白在網(wǎng)頁中有哪些好處 22
Chapter 02 Photoshop CS6網(wǎng)頁界面設(shè)計基礎(chǔ)
2.1 熟悉Photoshop CS6的操作界面
24
2.1.1 菜單欄和命令 24
2.1.2 工具選項(xiàng)欄 25
2.1.3 文檔窗口 25
2.1.4 工具箱 27
2.1.5 標(biāo)題欄 28
2.1.6 浮動面板 28
2.1.7 狀態(tài)欄 28
2.2 Photoshop CS6的優(yōu)化設(shè)置 29
2.2.1 自定義工作界面 29
2.2.2 修改工作區(qū)的背景顏色 30
2.2.3 自定義工具的快捷鍵 31
2.3 圖像的類型和分辨率 32
2.3.1 圖像的類型 32
2.3.2 分辨率 33
2.4 常見的頁面布局輔助工具 34
2.4.1 使用標(biāo)尺定位圖像 34
2.4.2 使用參考線準(zhǔn)確編輯圖像 35
2.4.3 使用網(wǎng)格精準(zhǔn)調(diào)整圖像 36
2.4.4 為圖像添加注釋 37
給你支招
如何刪除自定義的工作界面 38
如何開啟Photoshop CS6的對齊功能 39
Chapter 03 圖像的基本處理
3.1 調(diào)整圖像與畫布 42
3.1.1 調(diào)整圖像尺寸 42
3.1.2 裁剪圖像大小 42
3.1.3 調(diào)整畫布尺寸 43
3.2 圖像的變換與變形操作 45
3.2.1 移動圖像 45
3.2.2 旋轉(zhuǎn)與縮放圖像 47
3.2.3 斜切圖像 48
3.3 選擇繪圖區(qū)域 49
3.3.1 選取規(guī)則區(qū)域 50
3.3.2 選取不規(guī)則區(qū)域 51
3.4 使用繪圖工具 55
3.4.1 畫筆工具 55
3.4.2 鉛筆工具 56
3.4.3 仿制圖章工具 57
3.4.4 橡皮擦工具 58
3.5 繪制矢量圖像 60
3.5.1 鋼筆工具 60
3.5.2 繪制形狀 62
給你支招
如何使用鉛筆工具快速繪制國際象棋
棋盤 63
如何將人物的頭發(fā)調(diào)整為自己喜歡的
顏色 65
Chapter 04 圖層和文本的使用
4.1 Photoshop圖層概述 68
4.1.1 認(rèn)識“圖層”面板 68
4.1.2 創(chuàng)建圖層 68
4.1.3 圖層的基本操作 69
4.1.4 圖層的合并和層組 71
4.2 應(yīng)用圖層樣式效果 73
4.2.1 添加圖層樣式 73
4.2.2 多種圖層樣式效果介紹 74
4.3 創(chuàng)建文字 77
4.3.1 橫排文字工具 77
4.3.2 直排文字工具 78
4.3.3 橫排文字蒙版工具 79
4.4 編輯文字 81
4.4.1 創(chuàng)建變形文字 81
4.4.2 沿路徑排列文字 82
給你支招
如何將背景圖層轉(zhuǎn)換為普通圖層 84
如何修改圖層的名稱和顏色 85
如何創(chuàng)建段落文字 86
Chapter 05 網(wǎng)頁切片輸出與動畫制作
5.1 圖像的優(yōu)化與輸出 88
5.1.1 圖像的格式 88
5.1.2 優(yōu)化圖像 89
5.1.3 輸出Web圖像 91
5.2 創(chuàng)建和編輯切片 92
5.2.1 切片的類型 92
5.2.2 創(chuàng)建切片 92
5.2.3 編輯切片 93
5.3 管理切片 94
5.3.1 選擇、移動和調(diào)整切片 94
5.3.2 組合與鎖定切片 95
5.3.3 將切片輸出到網(wǎng)頁 96
5.4 創(chuàng)建GIF動畫 99
5.4.1 認(rèn)識“時間軸”面板 99
5.4.2 創(chuàng)建動畫 99
5.4.3 保存動畫 102
給你支招
如何基于圖層創(chuàng)建切片 103
如何處理瀏覽器不顯示輸出的動畫的
情況 104
Chapter 06 常用網(wǎng)頁元素的設(shè)計
6.1 設(shè)計網(wǎng)頁主要元素 106
6.1.1 認(rèn)識網(wǎng)頁主圖 106
6.1.2 設(shè)計標(biāo)題文字 107
6.1.3 設(shè)計網(wǎng)頁按鈕 109
6.1.4 制作網(wǎng)頁背景圖像 112
6.2 設(shè)計網(wǎng)頁Logo 114
6.2.1 Logo的尺寸規(guī)格 114
6.2.2 Logo的表現(xiàn)形式 115
6.2.3 Logo的定位 115
6.2.4 Logo的設(shè)計方法 116
6.3 設(shè)計網(wǎng)頁Banner 119
6.3.1 網(wǎng)頁Banner的設(shè)計策劃 119
6.3.2 網(wǎng)頁Banner的設(shè)計技巧 121
給你支招
如何在網(wǎng)頁按鈕上添加放大鏡圖標(biāo) 123
如何對多個圖層同時進(jìn)行操作 124
Chapter 07 初識Dreamweaver CS6
7.1 Dreamweaver CS6的工作界面
126
7.1.1 菜單欄 126
7.1.2 文檔窗口 127
7.1.3 面板組 129
7.1.4 “插入”面板 129
7.2 網(wǎng)頁制作的基本操作 131
7.2.1 新建網(wǎng)頁 131
7.2.2 保存網(wǎng)頁 132
7.2.3 打開網(wǎng)頁 133
7.2.4 預(yù)覽網(wǎng)頁 134
7.2.5 關(guān)閉網(wǎng)頁 135
7.3 創(chuàng)建、配置與發(fā)布本地站點(diǎn) 136
7.3.1 創(chuàng)建本地站點(diǎn) 136
7.3.2 配置遠(yuǎn)程服務(wù)器 137
7.3.3 發(fā)布站點(diǎn) 139
7.4 管理站點(diǎn) 139
7.4.1 刪除站點(diǎn) 140
7.4.2 編輯站點(diǎn) 140
7.4.3 導(dǎo)出站點(diǎn) 141
7.4.4 添加文件和文件夾 142
7.4.5 重命名與刪除文件/文件夾 142
給你支招
如何改變預(yù)覽網(wǎng)頁時的瀏覽器 143
如何導(dǎo)入站點(diǎn)文件 145
Chapter 08 在網(wǎng)頁中插入基礎(chǔ)網(wǎng)頁元素
8.1 在對話框中設(shè)置頁面屬性 148
8.1.1 設(shè)置外觀 148
8.1.2 設(shè)置外觀 149
8.1.3 設(shè)置鏈接 150
8.1.4 設(shè)置標(biāo)題 152
8.1.5 設(shè)置標(biāo)題/編碼 153
8.2 設(shè)置字體與頁面背景的效果 155
8.2.1 添加頁面標(biāo)題 155
8.2.2 為文字添加加粗和傾斜樣式 156
8.2.3 設(shè)置文字的大小 157
8.2.4 設(shè)置文本的顏色 157
8.3 文本的簡單操作 158
8.3.1 在網(wǎng)頁中錄入文本 158
8.3.2 讓文本換行分段 158
8.3.3 設(shè)置文本的對齊方式 159
8.3.4 設(shè)置文本的字體格式 160
8.4 項(xiàng)目列表和編號列表的使用 161
8.4.1 插入項(xiàng)目列表 161
8.4.2 插入編號列表 162
8.5 插入特殊頁面元素 163
8.5.1 插入換行符 163
8.5.2 插入水平線 164
8.5.3 插入日期 164
給你支招
如何利用跟蹤圖像制作網(wǎng)頁 166
如何插入特殊符號 167
Chapter 09 用圖像、多媒體與超鏈接豐富網(wǎng)頁
9.1 在網(wǎng)頁中插入圖像 170
9.1.1 插入圖像 170
9.1.2 調(diào)整圖像大小 172
9.1.3 調(diào)整圖片的亮度和對比度 173
9.1.4 裁剪頁面中的圖像 174
9.2 在網(wǎng)頁中插入多媒體 175
9.2.1 插入背景音樂 175
9.2.2 插入Flash動畫 177
9.2.3 插入FLV視頻 178
9.3 超鏈接概述 180
9.3.1 認(rèn)識超鏈接的類型 180
9.3.2 鏈接路徑有哪些分類 182
9.4 創(chuàng)建網(wǎng)頁常用的超鏈接 184
9.4.1 創(chuàng)建文本鏈接 184
9.4.2 創(chuàng)建圖像鏈接 186
9.4.3 創(chuàng)建熱點(diǎn)鏈接 187
9.4.4 創(chuàng)建空鏈接 188
9.4.5 創(chuàng)建腳本鏈接 189
給你支招
如何插入非FLV格式的視頻文件 190
如何在網(wǎng)頁中插入E-mail鏈接 192
Chapter 10 使用表格布局頁面
10.1 創(chuàng)建表格并輸入內(nèi)容 194
10.1.1 精確插入指定行列的表格 194
10.1.2 在表格中輸入內(nèi)容 195
10.2 格式化表格效果 196
10.2.1 表格與單元格的選擇 196
10.2.2 設(shè)置單元格大小和對齊方式 198
10.2.3 為表格添加邊框 199
10.2.4 單元格中文本格式和背景格式的
設(shè)置 200
10.3 編輯表格 201
10.3.1 插入行或列 201
10.3.2 刪除行或列 202
10.3.3 復(fù)制、剪切和粘貼單元格 203
10.3.4 合并單元格 205
10.4 表格的特殊處理 206
10.4.1 外部導(dǎo)入表格數(shù)據(jù) 206
10.4.2 對表格數(shù)據(jù)排序 207
給你支招
如何插入嵌入式表格 208
如何拆分合并后的單元格 209
Chapter 11 使用CSS樣式表美化頁面
11.1 認(rèn)識CSS層疊樣式表 212
11.1.1 CSS層疊樣式表概述 212
11.1.2 CSS的3種類型 212
11.1.3 CSS的基本語法 213
11.2 網(wǎng)頁中應(yīng)用CSS樣式的方法 215
11.2.1 嵌入式CSS 215
11.2.2 內(nèi)聯(lián)式CSS 216
11.2.3 外聯(lián)式CSS 216
11.3 各種CSS樣式選擇器的創(chuàng)建 218
11.3.1 創(chuàng)建ID選擇器 218
11.3.2 創(chuàng)建標(biāo)簽選擇器 220
11.3.3 創(chuàng)建類選擇器 221
11.3.4 創(chuàng)建復(fù)合選擇器 223
11.4 CSS中的常用樣式 225
11.4.1 字體樣式的設(shè)置 226
11.4.2 文本段落樣式的設(shè)置 228
11.4.3 背景樣式的設(shè)置 229
11.4.4 方框樣式的設(shè)置 231
11.4.5 邊框樣式的設(shè)置 231
11.4.6 列表樣式的設(shè)置 233
11.4.7 定位樣式的設(shè)置 233
給你支招
創(chuàng)建外部CSS樣式文件 234
如何將篩選結(jié)果保存到新工作表中 236
Chapter 12 利用Div+CSS布局網(wǎng)頁
12.1 初識Div標(biāo)簽 238
12.1.1 Div標(biāo)簽概述 238
12.1.2 插入Div標(biāo)簽 238
12.1.3 為Div標(biāo)簽添加CSS樣式表 240
12.1.4 Div+CSS的布局優(yōu)勢 241
12.2 Div標(biāo)簽的定位方法 242
12.2.1 盒子模型的概念 242
12.2.2 通過float屬性定位Div標(biāo)簽 243
12.2.3 通過position屬性定位Div
標(biāo)簽 244
12.3 Div標(biāo)簽的常見布局模式 245
12.3.1 單行單列固定寬度 245
12.3.2 一列自適應(yīng) 246
12.3.3 一列固定寬度居中 246
12.3.4 兩列固定寬度 247
12.3.5 兩列寬度自適應(yīng) 248
12.3.6 兩行右列寬度自適應(yīng) 248
給你支招
如何創(chuàng)建嵌套Div標(biāo)簽 249
如何設(shè)置Div標(biāo)簽對象的行高 250
Chapter 13 表單元素、模板和庫的運(yùn)用
13.1 插入表單元素 252
13.1.1 什么是表單 252
13.1.2 初步認(rèn)識表單對象 252
13.1.3 插入表單域 256
13.1.4 插入文本域 257
13.1.5 插入密碼域 259
13.1.6 插入復(fù)選框 260
13.1.7 插入按鈕 261
13.2 使用模板 263
13.2.1 創(chuàng)建空白模板 263
13.2.2 定義模板中的可編輯區(qū)域 264
13.2.3 創(chuàng)建基于模板的網(wǎng)頁 265
13.2.4 從模板中分離網(wǎng)頁 266
13.3 創(chuàng)建和應(yīng)用庫項(xiàng)目 267
13.3.1 創(chuàng)建庫項(xiàng)目 267
13.3.2 向頁面中插入庫項(xiàng)目 268
13.3.3 修改并更新庫項(xiàng)目 268
給你支招
如何自動選擇文本框中所有文本內(nèi)容 270
如何將當(dāng)前網(wǎng)頁創(chuàng)建為模板 271
如何在現(xiàn)有網(wǎng)頁文件上應(yīng)用模板 272
Chapter 14 使用JavaScript行為創(chuàng)建特效網(wǎng)頁
14.1 認(rèn)識JavaScript 274
14.1.1 JavaScript的含義 274
14.1.2 事件 274
14.1.3 熟悉動作類型 275
14.1.4 如何使用JavaScript 275
14.2 在網(wǎng)頁中添加行為 276
14.2.1 交換圖像 276
14.2.2 打開瀏覽器窗口 278
14.2.3 調(diào)用JavaScript 279
14.2.4 檢查表單 280
14.3 jQuery的應(yīng)用 281
14.3.1 使用jQuery的核心函數(shù) 282
14.3.2 使用jQuery選擇器 282
14.3.3 使用jQuery操作對象的屬性 284
給你支招
如何恢復(fù)交換圖像 285
解決預(yù)覽頁面時腳本的執(zhí)行問題 286
Chapter 15 在線出境游網(wǎng)站設(shè)計
15.1 案例制作的效果和思路 288
15.2 網(wǎng)站的結(jié)構(gòu)設(shè)計 289
15.2.1 制作網(wǎng)站布局結(jié)構(gòu) 289
15.2.2 創(chuàng)建網(wǎng)站文檔 289
15.2.3 為頁面設(shè)置輔助線 290
15.2.4 制作頁面背景 291
15.3 設(shè)計頁面主體的內(nèi)容 292
15.3.1 設(shè)計頁面的頭部 292
15.3.2 設(shè)計頁面的中部 295
15.3.3 設(shè)計頁面的底部 297
15.4 輸出網(wǎng)站頁面設(shè)計圖 298
15.4.1 將圖像保存為JPG格式 298
15.4.2 切割并輸出圖像 299
15.5 案例制作總結(jié)和答疑 301
給你支招
如何下載網(wǎng)站前臺的布局模板 301
如何避免導(dǎo)出的切片圖像呈現(xiàn)黑白色 302
Chapter 16 制作現(xiàn)代家居裝飾網(wǎng)站
16.1 案例制作效果和思路 304
16.2 創(chuàng)建網(wǎng)站的基礎(chǔ)框架 306
16.2.1 創(chuàng)建網(wǎng)站站點(diǎn) 306
16.2.2 創(chuàng)建網(wǎng)站模板 307
16.2.3 創(chuàng)建樣式文件 309
16.2.4 將樣式表鏈接到模板中 311
16.3 在模板中制作頭部和底部 312
16.3.1 制作頁面頭部 312
16.3.2 制作頁面底部 316
16.4 通過模板制作網(wǎng)頁 317
16.4.1 制作現(xiàn)代家居裝飾網(wǎng)首頁 317
16.4.2 制作現(xiàn)代家居裝飾網(wǎng)展示頁 320
16.4.3 修改模板頁中的導(dǎo)航菜單 322
16.5 案例制作總結(jié)和答疑 323
給你支招
如何在Dreamweaver中使用注釋
標(biāo)簽 324
如何在Dreamweaver中添加外部
字體 325