全國高職高專計(jì)算機(jī)系列精品教材:Dreamweaver網(wǎng)頁設(shè)計(jì)與制作案例教程
定 價(jià):26 元
- 作者:李敏 著
- 出版時(shí)間:2010/8/1
- ISBN:9787300124315
- 出 版 社:中國人民大學(xué)出版社
- 中圖法分類:TP393.092
- 頁碼:220
- 紙張:膠版紙
- 版次:1
- 開本:16開
《Dreamweaver網(wǎng)頁設(shè)計(jì)與制作案例教程》是一本全面介紹網(wǎng)頁設(shè)計(jì)與制作技術(shù)的教程。它將目前最流行的網(wǎng)頁設(shè)計(jì)軟件作為技術(shù)支持。由淺入深,系統(tǒng)地介紹了網(wǎng)頁的構(gòu)思、規(guī)劃、制作的全過程!禗reamweaver網(wǎng)頁設(shè)計(jì)與制作案例教程》共分11章,主要內(nèi)容包括:網(wǎng)頁設(shè)計(jì)與制作綜述、網(wǎng)站建設(shè)流程、超文本標(biāo)記語言HTML、CSS樣式表、應(yīng)用表格和框架、使用AP元素、應(yīng)用DIV+CSS技術(shù)、使用行為和表單、使用模板和庫、網(wǎng)站的測試發(fā)布和管理維護(hù)等。
《Dreamweaver網(wǎng)頁設(shè)計(jì)與制作案例教程》實(shí)用性強(qiáng),可作為高等院校高職高專計(jì)算機(jī)專業(yè)教材和相關(guān)培訓(xùn)教材,也可作為從業(yè)人員的參考用書。
DreamweaverCS4是由Adobe公司開發(fā)的網(wǎng)頁設(shè)計(jì)與制作軟件。它功能強(qiáng)大、易學(xué)易用,深受網(wǎng)頁制作愛好者和網(wǎng)頁設(shè)計(jì)師的喜愛,已經(jīng)成為網(wǎng)頁設(shè)計(jì)與制作領(lǐng)域最流行的軟件之一。
編者對本書的編寫體系做了精心的設(shè)計(jì),前10章按照“任務(wù)驅(qū)動(dòng)——案例教學(xué)——實(shí)訓(xùn)練習(xí)——課后習(xí)題”這一思路進(jìn)行編排,第11章是一個(gè)電子商務(wù)類網(wǎng)站布局設(shè)計(jì)綜合實(shí)例。力求通過任務(wù)驅(qū)動(dòng),使學(xué)生輕松地掌握網(wǎng)頁設(shè)計(jì)制作必須的基本知識(shí);通過一系列“由簡到繁、由易到難、承前啟后”的階梯式案例演練,使學(xué)生快速掌握網(wǎng)頁設(shè)計(jì)制作的思路和基本技能;通過實(shí)訓(xùn)練習(xí)和課后習(xí)題,拓展學(xué)生的網(wǎng)頁設(shè)計(jì)制作實(shí)際應(yīng)用能力。通過第11章的學(xué)習(xí),使讀者全面掌握網(wǎng)站設(shè)計(jì)制作的基本流程和方法技能。
本書在編寫內(nèi)容安排上由淺入深、逐步拓寬;編寫手法圖文注釋、通俗易懂、重點(diǎn)突出;案例和實(shí)訓(xùn)取材難度適中,并具有針對性和實(shí)用性;設(shè)計(jì)編排符合高等職業(yè)院校學(xué)生的認(rèn)知特點(diǎn),學(xué)生按照書中提供的操作步驟學(xué)習(xí),就可以輕松地掌握網(wǎng)頁設(shè)計(jì)與制作的技能和技巧,有助于學(xué)生網(wǎng)頁設(shè)計(jì)制作技能的提高。
第1章 網(wǎng)頁設(shè)計(jì)與制作基礎(chǔ)
1.1 學(xué)習(xí)任務(wù)1:網(wǎng)頁和網(wǎng)站基本知識(shí)
1.1.1 網(wǎng)頁和網(wǎng)站概述
1.1.2 網(wǎng)頁的主要元素
1.1.3 網(wǎng)頁類型
1.1.4 靜態(tài)網(wǎng)頁編輯軟件
1.1.5 網(wǎng)頁圖像與網(wǎng)頁動(dòng)畫制作軟件
1.2 學(xué)習(xí)任務(wù)2:網(wǎng)站開發(fā)的基本流程
1.2.1 需求分析
1.2.2 網(wǎng)站規(guī)劃
1.2.3 網(wǎng)站制作
1.2.4 網(wǎng)站的測試與上傳
1.2.5 網(wǎng)站的推廣與維護(hù)
1.3 學(xué)習(xí)任務(wù)3:全面認(rèn)識(shí)DreamweaveCS
1.3.1 DreamweaverCS4簡介
1.3.2 DreamweaverCS4的工作界面
1.4 學(xué)習(xí)任務(wù)4:創(chuàng)建和管理本地站點(diǎn)
1.4.1 規(guī)劃站點(diǎn)
1.4.2 創(chuàng)建本地站點(diǎn)
1.4.3 管理本地站點(diǎn)
1.4.4 操作本地站點(diǎn)文件
1.5 學(xué)習(xí)任務(wù)5:HTML標(biāo)識(shí)語言基礎(chǔ)
1.5.1 HTML概述
1.5.2 HTML的基本語法
1.5.3 HTML的文檔結(jié)構(gòu)
1.6 案例:制作一個(gè)簡單的網(wǎng)頁
1.6.1 創(chuàng)建本地站點(diǎn)
1.6.2 建立站點(diǎn)文件夾
1.6.3 創(chuàng)建并制作網(wǎng)頁
1.6.4 設(shè)置頁面屬性
1.6.5 保存并瀏覽網(wǎng)頁
實(shí)訓(xùn)1
習(xí)題1
第2章 應(yīng)用文本和圖像.
2.1 案例1:制作文本網(wǎng)頁
2.1.1 直接輸入文本
2.1.2 添加其他文檔中的文本
2.1.3 設(shè)置文本的基本屬性
2.1.4 創(chuàng)建列表
2.1.5 插入特殊文本
2.2 學(xué)習(xí)任務(wù):網(wǎng)頁圖像及其處理工具
2.2.1 網(wǎng)頁中常見的圖像格式
2.2.2 網(wǎng)頁圖像設(shè)計(jì)工具簡介
2.3 案例2:制作圖像網(wǎng)頁
2.3.1 插入圖像
2.3.2 設(shè)置圖像屬性
2.3.3 編輯圖像
2.3.4 插入其他圖像元素
2.3.5 調(diào)整圖像與頁面其他元素對齊
實(shí)訓(xùn)2 制作“圖文混排”網(wǎng)頁
習(xí)題2
第3章 插入多媒體元素和超鏈接
3.1 案例1:制作多媒體網(wǎng)頁“我的樂園
3.1.1 插入Flash元素
3.1.2 插入視頻和音頻
3.1.3 插入其他多媒體元素
3.2 案例2:為網(wǎng)頁添加超鏈接
3.2.1 超鏈接概述
3.2.2 創(chuàng)建超鏈接
3.2.3 創(chuàng)建E-mail鏈接
3.2.4 創(chuàng)建錨記鏈接
3.2.5 創(chuàng)建圖像鏈接
3.2.6 創(chuàng)建圖像熱點(diǎn)鏈接
3.3 學(xué)習(xí)任務(wù):管理鏈接
3.3.1 自動(dòng)更新鏈接
3.3.2 在整個(gè)站點(diǎn)范圍內(nèi)更改鏈接
實(shí)訓(xùn)3
習(xí)題3
第4章 使用CSS樣式
4.1 學(xué)習(xí)任務(wù)1:認(rèn)識(shí)CSS樣式表
4.1.1 CSS的基本概念
4.1.2 CSS樣式的引用
4.2 學(xué)習(xí)任務(wù)2:CSS規(guī)則的定義和創(chuàng)建
4.2.1 CSS規(guī)則的語法和類型
4.2.2 CSS規(guī)則的創(chuàng)建方法
4.3 學(xué)習(xí)任務(wù)3:在網(wǎng)頁文檔中使用CSS樣式
4.3.1 “CSS樣式”面板
4.3.2 應(yīng)用CSS樣式
4.3.3 定義CSS樣式屬性
實(shí)訓(xùn)4 用CSS美化網(wǎng)頁
習(xí)題
第5章 表格
5.1 案例1:制作個(gè)人履歷表
5.1.1 在頁面中創(chuàng)建表格
5.1.2 表格的基本操作
5.1.3 設(shè)置表格屬性
5.2 學(xué)習(xí)任務(wù):表格標(biāo)簽及標(biāo)簽檢查器
5.3 案例2:使用表格設(shè)計(jì)網(wǎng)頁
5.3.1 使用表格對網(wǎng)頁進(jìn)行布局
5.3.2 導(dǎo)入和導(dǎo)出表格數(shù)據(jù)
5.3.3 排序表格
實(shí)訓(xùn)5 使用表格設(shè)計(jì)“禮品店主頁
習(xí)題5
第6章 框架
6.1 學(xué)習(xí)任務(wù)1:框架和框架集
6.1.1 認(rèn)識(shí)框架和框架集
6.1.2 創(chuàng)建和保存框架集
6.2 學(xué)習(xí)任務(wù)2:編輯框架
6.3 學(xué)習(xí)任務(wù)3:設(shè)置框架和框架集屬性
6.4 學(xué)習(xí)任務(wù)4:框架標(biāo)簽
6.5 案例1:利用框架設(shè)計(jì)網(wǎng)頁
6.6 案例2:創(chuàng)建浮動(dòng)框架網(wǎng)頁
實(shí)訓(xùn)6 用框架設(shè)計(jì)“立楊花園”網(wǎng)頁
習(xí)題6
第7章 使用AP Div元素
7.1 學(xué)習(xí)任務(wù)1:AP Div元素
7.1.1 AP Div概述
7.1.2 創(chuàng)建AP Div元素
7.1.3 設(shè)置.AP Div元素的屬性
7.1.4 “AP元素”面板
7.1.5 AP Div元素的基本操作
7.2 案例:使用AP Div元素布局網(wǎng)頁
7.3 學(xué)習(xí)任務(wù)2:AP Div元素與表格相互轉(zhuǎn)換
7.3.1 將AP Div元素轉(zhuǎn)換為表格
7.3.2 將表格轉(zhuǎn)換為AP Div元素
7.4 學(xué)習(xí)任務(wù)3:AP Div標(biāo)簽
7.5 學(xué)習(xí)任務(wù)4:使用Div標(biāo)簽
7.5.1 CSS與Div標(biāo)簽
7.5.2 插入Div標(biāo)簽
7.5.3 設(shè)置Div屬性
實(shí)訓(xùn)7使用Div+CSS制作企業(yè)網(wǎng)站
主頁7
習(xí)題
第8章 使用行為和表單
8.1 學(xué)習(xí)任務(wù)1:認(rèn)識(shí)行為
8.1 .1行為的基本知識(shí)
8.1.2 行為面板與行為菜單
8.1.3 行為的基本操作
8.2 案例1:添加彈出提示信息的行為
8.3 案例2:制作網(wǎng)頁加載時(shí)彈出的公告頁
8.4 案例3:使用行為設(shè)置圖像特效“交換圖像”
8.5 案例4:通過行為設(shè)置文本
8.5.1 設(shè)置狀態(tài)欄文本
8.5.2 設(shè)置容器的文本
8.6 學(xué)習(xí)任務(wù)2:表單和表單對象
8.6.1 表單
8.6.2 表單對象
8.7 案例5:制作“用戶注冊頁面
8.7.1 “用戶注冊”界面設(shè)計(jì)
8.7.2 插入文本域
8.7.3 插入單選按鈕
8.7.4 插入復(fù)選框
8.7.5 插入列表/菜單
8.7.6 插入按鈕
8.8 案例6:插入Spry表單元素
8.8.1 插入Spry菜單欄
8.8.2 插入Spry選項(xiàng)卡式面板
8.8.3 插入Spry折疊式控件
8.8.4 插入Spry可折疊面板控件
實(shí)訓(xùn)8
習(xí)題8
第9章 模板、庫和資源管理
9.1 案例:創(chuàng)建基于模板的網(wǎng)頁
9.1.1 模板簡介
9.1.2 創(chuàng)建模板
9.1.3 定義模板的可編輯區(qū)域
9.1.4 創(chuàng)建基于模板的文檔
9.1.5 在現(xiàn)有文檔上應(yīng)用模板
9.1.6 編輯模板
9.1.7 從模板中分離文檔
9.1.8 更新基于模板的頁面
9.2 學(xué)習(xí)任務(wù)1:使用庫項(xiàng)目
9.2.1 庫概述
9.2.2 創(chuàng)建庫項(xiàng)目
9.2.3 管理和編輯庫項(xiàng)目
9.3 學(xué)習(xí)任務(wù)2:資源管理
9.3.1 資源面板
9.3.2 使用站點(diǎn)列表管理資源
9.3.3 使用收藏列表管理資源
9.3.4 在另外的站點(diǎn)中重新使用資源
實(shí)訓(xùn)9
習(xí)題9
第10章 站點(diǎn)的測試、發(fā)布、管理與維護(hù)
10.1 學(xué)習(xí)任務(wù)1:測試和發(fā)布站點(diǎn)
10.1.1 測試站點(diǎn)
10.1.2 發(fā)布站點(diǎn)
10.2 學(xué)習(xí)任務(wù)2:管理網(wǎng)站
10.2.1 同步本地和遠(yuǎn)程站點(diǎn)
10.2.2 標(biāo)識(shí)和刪除未使用的文件
10.2.3 在設(shè)計(jì)備注中管理站點(diǎn)信息
10.3 學(xué)習(xí)任務(wù)3:維護(hù)站點(diǎn)
10.3.1 上傳和下載
10.3.2 文件傳輸管理
10.3.3 遮蓋文件和文件夾
10.3.4 存回和取出系統(tǒng)
10.3.5 導(dǎo)入和導(dǎo)出站點(diǎn)
10.4 學(xué)習(xí)任務(wù)4:網(wǎng)站的宣傳
10.4.1 注冊搜索引擎
10.4.2 鏈接和廣告
10.4.3 其他宣傳方法
習(xí)題10
第11章 綜合實(shí)例——制作電子商務(wù)類網(wǎng)站首頁
11.1 網(wǎng)站建設(shè)的前期準(zhǔn)備工作
11.1.1 網(wǎng)站整體需求分析
11.1.2 確定網(wǎng)站風(fēng)格
11.1.3 網(wǎng)站素材搜集
11.2 創(chuàng)建站點(diǎn)
11.3 網(wǎng)站主頁制作
11.3.1 使用Div+CSS布局頁面
11.3.2 設(shè)置頁面屬性
11.3.3 插入圖片
11.3.4 添加導(dǎo)航條
11.3.5 推薦廠家
11.3.6 網(wǎng)頁廣告設(shè)計(jì)制作
11.3.7 頁面右側(cè)欄目設(shè)計(jì)
11.3.8 行業(yè)欄目設(shè)計(jì)
11.3.9 右邊側(cè)欄設(shè)計(jì)
11.3.10 網(wǎng)頁底部設(shè)計(jì)
11.3.11 案例小結(jié)
參考文獻(xiàn)
2.圖像
圖像在網(wǎng)頁中可以起到提供信息、展示作品、美化網(wǎng)頁以及體現(xiàn)風(fēng)格等功效。圖像可以用作網(wǎng)頁的標(biāo)題、網(wǎng)站Logo、網(wǎng)頁背景、鏈接按鈕、導(dǎo)航欄和網(wǎng)頁主圖等。圖像給人的視覺效果要比文字強(qiáng)烈得多,在網(wǎng)頁中靈活應(yīng)用圖像可以起到點(diǎn)綴的效果。雖然圖像在網(wǎng)頁中不可或缺,但也不能太多,這是因?yàn)閳D像的下載速度較慢,如果網(wǎng)頁上放置了過多的圖片,就會(huì)顯得很亂,有喧賓奪主之勢。
網(wǎng)頁上的圖像文件大部分使用JPG和GIF格式,它們除了具有壓縮比例高外,還具有跨平臺(tái)的特性。
3.動(dòng)畫
動(dòng)畫是網(wǎng)頁上最活躍的元素。通常,制作優(yōu)秀、創(chuàng)意出眾的動(dòng)畫是吸引瀏覽者的最有效的方法。如果網(wǎng)頁中存有太多的動(dòng)畫,會(huì)使瀏覽者眼花繚亂,無心細(xì)看。因此,設(shè)計(jì)者對動(dòng)畫制作的要求越來越高。在網(wǎng)頁中加入的動(dòng)畫一般是GIF格式的動(dòng)畫和Flash動(dòng)畫。
4.導(dǎo)航欄
導(dǎo)航欄是網(wǎng)站設(shè)計(jì)者在規(guī)劃網(wǎng)站結(jié)構(gòu)時(shí)必須考慮的一個(gè)問題,站點(diǎn)的每個(gè)網(wǎng)頁上均應(yīng)設(shè)置導(dǎo)航欄,并且應(yīng)將其放置在網(wǎng)頁中比較明顯的位置。設(shè)置導(dǎo)航欄的目的是使瀏覽者能夠順利地瀏覽網(wǎng)頁,方便地返回主頁或繼續(xù)下一頁的訪問。導(dǎo)航欄可以是文本、按鈕或圖像的樣式。
5.超鏈接
超鏈接是網(wǎng)頁中最為有用的功能之一。超鏈接是從一個(gè)網(wǎng)頁指向另一個(gè)網(wǎng)頁的鏈接,該鏈接既可以指向本地網(wǎng)站的另一個(gè)網(wǎng)頁,也可以指向世界各地的其他網(wǎng)頁。
無論是文本還是圖像,都可以加上超鏈接標(biāo)記,當(dāng)鼠標(biāo)指上超鏈接對象時(shí)會(huì)變成小手形狀,左擊鼠標(biāo)即可鏈接到相應(yīng)地址(URL)的網(wǎng)頁。超鏈接包括站內(nèi)鏈接和站外鏈接。
(1)站內(nèi)鏈接:若網(wǎng)站規(guī)劃了多個(gè)主題板塊,需要給網(wǎng)站的首頁加入超鏈接,讓瀏覽者可以快速地轉(zhuǎn)到感興趣的頁面。在各個(gè)子頁面也要有超鏈接,并設(shè)有能夠回到主頁的鏈接。
(2)站外鏈接:在個(gè)人網(wǎng)站上放置一些與網(wǎng)站主題有關(guān)的對外鏈接,不但可以把好的網(wǎng)站介紹給瀏覽者,而且能使瀏覽者樂意再度光臨該網(wǎng)站。