《從新手到高手:網(wǎng)頁(yè)設(shè)計(jì)與網(wǎng)站建設(shè)》由淺入深地介紹了使用Dreamweaver CS5、Flash CS5以及Photoshop CS5等軟件進(jìn)行網(wǎng)站設(shè)計(jì)和網(wǎng)頁(yè)制作的方法。全書(shū)內(nèi)容共分20章,前16章詳細(xì)介紹網(wǎng)頁(yè)制作的基礎(chǔ)知識(shí),如網(wǎng)站規(guī)劃和網(wǎng)頁(yè)設(shè)計(jì)、Photoshop處理網(wǎng)頁(yè)圖像、設(shè)計(jì)網(wǎng)頁(yè)界面以及Flash制作網(wǎng)頁(yè)動(dòng)畫(huà)、Dreamweaver設(shè)計(jì)網(wǎng)頁(yè)文本、圖像、鏈接和多媒體等元素的方法;使用XHTML、CSS以及JavaScript等Web標(biāo)準(zhǔn)化技術(shù)制作網(wǎng)頁(yè),以及應(yīng)用網(wǎng)頁(yè)行為、表單、框架和模板的技術(shù)。第17~20章綜合應(yīng)用了以上這些知識(shí),設(shè)計(jì)并制作了4個(gè)完整的實(shí)例。《從新手到高手:網(wǎng)頁(yè)設(shè)計(jì)與網(wǎng)站建設(shè)》配書(shū)光盤提供了書(shū)中實(shí)例完整素材文件和配音教學(xué)視頻文件。
《從新手到高手:網(wǎng)頁(yè)設(shè)計(jì)與網(wǎng)站建設(shè)》適合作為網(wǎng)站設(shè)計(jì)與網(wǎng)頁(yè)制作的參考資料和培訓(xùn)教材,也可以作為高職高專院校的教材等。
網(wǎng)站作為面向世界的窗口,其設(shè)計(jì)和制作包含多種技術(shù),例如平面設(shè)計(jì)技術(shù)、動(dòng)畫(huà)制作技術(shù)、CSS技術(shù)、XHTML技術(shù)和JavaScript技術(shù)等。本書(shū)以Dreamweaver CS5、Photoshop CS5和Flash CS5等為基本工具,詳細(xì)介紹如何通過(guò)Photoshop設(shè)計(jì)網(wǎng)站的界面和圖形,通過(guò)Flash制作網(wǎng)站的動(dòng)畫(huà),以及通過(guò)Dreamweaver編寫網(wǎng)頁(yè)代碼。除此之外,本書(shū)還介紹Web標(biāo)準(zhǔn)化規(guī)范的相關(guān)知識(shí),包括XHTML標(biāo)記語(yǔ)言、CSS樣式表等。
本書(shū)是一本典型的案例實(shí)例教程,由多位經(jīng)驗(yàn)豐富的網(wǎng)頁(yè)設(shè)計(jì)人員編寫而成。本書(shū)立足于網(wǎng)絡(luò)行業(yè),詳細(xì)介紹娛樂(lè)網(wǎng)站、門戶網(wǎng)站和企業(yè)網(wǎng)站等類型的網(wǎng)站,以及各種網(wǎng)站欄目的設(shè)計(jì)方法。
本書(shū)主要內(nèi)容
全書(shū)共分為20章,通過(guò)大量的實(shí)例全面介紹了網(wǎng)頁(yè)設(shè)計(jì)與制作過(guò)程中使用的各種專業(yè)技術(shù),以及用戶可能遇到的各種問(wèn)題。各章的主要內(nèi)容簡(jiǎn)介如下。
第1章介紹網(wǎng)頁(yè)設(shè)計(jì)的一些基礎(chǔ)知識(shí)和理論知識(shí),簡(jiǎn)要闡述網(wǎng)頁(yè)設(shè)計(jì)的理念。第2章介紹使用Photoshop設(shè)計(jì)網(wǎng)頁(yè)中的各種欄目和板塊,以及制作切片網(wǎng)頁(yè)的技術(shù)。第3章介紹使用Photoshop的蒙版、濾鏡、切片等進(jìn)階技術(shù),處理網(wǎng)頁(yè)中各種圖像的方法。
第4章介紹使用Flash設(shè)計(jì)各種網(wǎng)頁(yè)元素的技巧和方法,以及Flash的繪制等基礎(chǔ)知識(shí)。第5章介紹Flash補(bǔ)間動(dòng)畫(huà)、引導(dǎo)動(dòng)畫(huà)、遮罩動(dòng)畫(huà)、逐幀動(dòng)畫(huà)、補(bǔ)間形狀動(dòng)畫(huà)、傳統(tǒng)補(bǔ)間動(dòng)畫(huà)和Flash濾鏡在網(wǎng)頁(yè)中的應(yīng)用。第6章著重介紹網(wǎng)頁(yè)中的各種文本元素,以及設(shè)計(jì)網(wǎng)頁(yè)文本元素的技巧和方法,包括段落、列表等對(duì)象。
第7章著重介紹網(wǎng)頁(yè)中的各種圖像元素,例如圖像、背景圖像、光標(biāo)經(jīng)過(guò)圖像、圖像導(dǎo)航條、FireworksHTML以及Photoshop智能對(duì)象等圖像類型在網(wǎng)頁(yè)中的應(yīng)用。第8章通過(guò)著重介紹超鏈接元素的類型,以及插入文本鏈接、圖像鏈接、郵件鏈接和錨記鏈接的方法,幫助用戶了解網(wǎng)頁(yè)的鏈接元素。第9章詳細(xì)介紹網(wǎng)頁(yè)中的多媒體元素,包括Flash動(dòng)畫(huà)、FLV視頻、FlashPaper文檔、Shockwave視頻、JavaApplet程序、ActiveX控件以及其他各種插件。
第10章介紹使用表格的傳統(tǒng)網(wǎng)頁(yè)布局方式,以及編輯表格的方法。除此之外,還介紹Spry框架的使用。第11章主要講解了XHTML語(yǔ)言的概述、基本語(yǔ)法、元素分類,以及常用的一些XHTML元素等。第12章主要講解了CSS技術(shù)的概述,以及基本語(yǔ)法、選擇器、樣式表、規(guī)則等。同時(shí)介紹了CSS樣式的分類以及為網(wǎng)頁(yè)添加CSS的方法。第13章介紹了CSS的盒模型概念,同時(shí)介紹了流動(dòng)定位、絕對(duì)定位、浮動(dòng)定位3種Web 2.0時(shí)代的布局方式。
第14章介紹網(wǎng)頁(yè)行為的基礎(chǔ)知識(shí),以及交換圖像、彈出信息、打開(kāi)瀏覽器窗口、拖動(dòng)AP元素、改變屬性、顯示-隱藏元素等一系列樣式,幫助用戶實(shí)現(xiàn)各種網(wǎng)頁(yè)的交互。第15章介紹表單、文本字段、按鈕、列表/菜單、單選按鈕、復(fù)選框等表單內(nèi)容,以及使用Spry驗(yàn)證各種表單內(nèi)容的方法。第16章介紹框架、框架集等網(wǎng)頁(yè)元素的使用方法和屬性設(shè)置。
第17章~20章則使用Web標(biāo)準(zhǔn)化的方式,設(shè)計(jì)和制作了4個(gè)完整的綜合實(shí)例,幫助用戶了解網(wǎng)站前臺(tái)技術(shù)的魅力。
本書(shū)特色
本書(shū)是一本專門介紹網(wǎng)頁(yè)設(shè)計(jì)與制作基礎(chǔ)知識(shí)的教程,在編寫過(guò)程中精心設(shè)計(jì)了豐富的體例,以幫助讀者順利學(xué)習(xí)本書(shū)的內(nèi)容。
? 系數(shù)統(tǒng)全面,超值實(shí)用 本書(shū)針對(duì)各個(gè)章節(jié)不同的知識(shí)內(nèi)容,提供了多個(gè)不同內(nèi)容的實(shí)例,除了詳細(xì)介紹實(shí)例應(yīng)用知識(shí)之外,還在側(cè)欄中同步介紹相關(guān)知識(shí)要點(diǎn)。每章穿插大量的提示、注意和技巧,構(gòu)筑了面向?qū)嶋H的知識(shí)體系。另外,本書(shū)采用了緊湊的體例和版式,相同內(nèi)容下,篇幅縮減了30%以上,實(shí)例數(shù)量增加了50%。
? 串珠邏輯,收放自如 統(tǒng)一采用了二級(jí)標(biāo)題靈活安排全書(shū)內(nèi)容,擺脫了普通培訓(xùn)教程按部就班講解的窠臼。同時(shí),每章最后都對(duì)本章重點(diǎn)、難點(diǎn)知識(shí)進(jìn)行分析總結(jié),從而達(dá)到內(nèi)容安排收放自如,方便讀者學(xué)習(xí)本書(shū)內(nèi)容的目的。
? 全程圖解,快速上手 各章內(nèi)容分為基礎(chǔ)知識(shí)、實(shí)例演示和高手答疑3個(gè)部分,全部采用圖解方式,圖像均做了大量的裁切、拼合、加工,信息豐富、效果精美,使讀者翻開(kāi)圖書(shū)的第一感覺(jué)就獲得強(qiáng)烈的視覺(jué)沖擊。
? 書(shū)盤結(jié)合,相得益彰 多媒體光盤中提供了本書(shū)實(shí)例完整的素材文件和全程配音教學(xué)視頻文件,便于讀者自學(xué)和跟蹤聯(lián)系本書(shū)內(nèi)容。
本書(shū)讀者對(duì)象
本書(shū)內(nèi)容詳盡、講解清晰,全書(shū)包含眾多知識(shí)點(diǎn),采用與實(shí)際范例相結(jié)合的方式進(jìn)行講解,并配以清晰、簡(jiǎn)潔的圖文排版方式,使學(xué)習(xí)過(guò)程變得更加輕松和易于上手。
本書(shū)適合作為高等院校和高職高專院校學(xué)生學(xué)習(xí)使用,也可以作為網(wǎng)頁(yè)設(shè)計(jì)與制作初學(xué)者,網(wǎng)站開(kāi)發(fā)人員,大中專院校相關(guān)專業(yè)師生,網(wǎng)頁(yè)制作培訓(xùn)班學(xué)員等的參考資料。
參與本書(shū)編寫的除了封面署名人員之外,還有王海峰、王曉波、常征、馬玉仲、席宏偉、祁凱、徐愷、王澤波、王磊、張仕禹、夏小軍、趙振江、李振山、李文才、李海慶、王樹(shù)興、何永國(guó)、李海峰、王蕾、王曙光、牛小平、賈栓穩(wěn)、王立新、蘇靜、趙元慶、郭磊、何方、徐銘、李大慶等。由于時(shí)間倉(cāng)促,作者水平有限,疏漏之處在所難免,敬請(qǐng)讀者朋友給予批評(píng)指正。
第1章 網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)
1.1 網(wǎng)頁(yè)界面構(gòu)成
1.2 網(wǎng)頁(yè)版塊結(jié)構(gòu)
1.3 網(wǎng)站整體策劃
1.4 網(wǎng)頁(yè)色彩基礎(chǔ)
1.5 Dreamweaver CS5簡(jiǎn)介
1.6 Photoshop CS5簡(jiǎn)介
1.7 Flash CS5簡(jiǎn)介
1.8 網(wǎng)頁(yè)設(shè)計(jì)理念
1.9 高手答疑
第2章 網(wǎng)頁(yè)圖像設(shè)計(jì)
2.1 網(wǎng)頁(yè)圖像類型
2.2 選擇區(qū)域
2.3 圖層編輯
2.4 編輯文本
2.5 練習(xí):設(shè)計(jì)化妝品廣告網(wǎng)幅
2.6 練習(xí):設(shè)計(jì)個(gè)人博客網(wǎng)頁(yè)界面
2.7 高手答疑
第3章 網(wǎng)頁(yè)界面設(shè)計(jì)
3.1 網(wǎng)頁(yè)界面概述
3.2 應(yīng)用蒙版
3.3 應(yīng)用濾鏡
3.4 切片工具
3.5 導(dǎo)出切片網(wǎng)頁(yè)
3.6 練習(xí):設(shè)計(jì)網(wǎng)站進(jìn)入頁(yè)界面
3.7 練習(xí):制作網(wǎng)頁(yè)切片
3.8 高手答疑
第4章 Flash動(dòng)畫(huà)設(shè)計(jì)
4.1 網(wǎng)頁(yè)動(dòng)畫(huà)類型
4.2 導(dǎo)入動(dòng)畫(huà)素材
4.3 管理庫(kù)資源
4.4 繪制動(dòng)畫(huà)圖形
4.5 填充顏色
4.6 處理動(dòng)畫(huà)文本
4.7 練習(xí):制作古詩(shī)鑒賞界面
4.8 練習(xí):制作動(dòng)畫(huà)Banner
4.9 練習(xí):制作圣誕賀卡
4.1 0高手答疑
第5章 補(bǔ)間動(dòng)畫(huà)設(shè)計(jì)
5.1 創(chuàng)建補(bǔ)間動(dòng)畫(huà)
5.2 引導(dǎo)動(dòng)畫(huà)
5.3 遮罩動(dòng)畫(huà)
5.4 逐幀動(dòng)畫(huà)
5.5 補(bǔ)間形狀動(dòng)畫(huà)
5.6 傳統(tǒng)補(bǔ)間動(dòng)畫(huà)
5.7 Flash濾鏡效果
5.8 動(dòng)畫(huà)預(yù)設(shè)
5.9 練習(xí):制作網(wǎng)站進(jìn)入動(dòng)畫(huà)
5.10 練習(xí):制作動(dòng)畫(huà)導(dǎo)航條
5.11 高手答疑
第6章 添加網(wǎng)頁(yè)中的文本
6.1 建立站點(diǎn)
6.2 網(wǎng)頁(yè)文本概述
6.3 插入文本
6.4 插入特殊符號(hào)
6.5 插入水平線和日期
6.6 網(wǎng)頁(yè)中的段落
6.7 項(xiàng)目列表
6.8 練習(xí):制作企業(yè)介紹網(wǎng)頁(yè)
6.9 練習(xí):設(shè)計(jì)人物介紹網(wǎng)頁(yè)
6.10 高手答疑
第7章 添加網(wǎng)頁(yè)圖像元素
7.1 插入圖像
7.2 插入鼠標(biāo)經(jīng)過(guò)圖像
7.3 插入導(dǎo)航條
7.4 插入Fireworks HTML
7.5 插入Photoshop圖像
7.6 設(shè)置網(wǎng)頁(yè)圖像屬性
7.7 練習(xí):制作相冊(cè)展示網(wǎng)頁(yè)
7.8 練習(xí):制作圖像導(dǎo)航條
7.9 練習(xí):制作新聞圖片網(wǎng)頁(yè)
7.10 高手答疑
第8章 網(wǎng)頁(yè)中的鏈接
8.1 超級(jí)鏈接類型
8.2 插入文本鏈接
8.3 插入圖像鏈接
8.4 插入郵件鏈接
8.5 插入錨記鏈接
8.6 繪制熱點(diǎn)區(qū)域
8.7 編輯熱點(diǎn)區(qū)域
8.8 練習(xí):制作木森壁紙酷網(wǎng)站
8.9 練習(xí):制作百科網(wǎng)頁(yè)
8.10 練習(xí):制作銷售網(wǎng)絡(luò)頁(yè)
8.11 高手答疑
第9章 設(shè)計(jì)多媒體網(wǎng)頁(yè)
9.1 插入Flash動(dòng)畫(huà)
9.2 插入FLV視頻
9.3 插入FlashPaper
9.4 插入Shockwave視頻
9.5 插入Java applet程序
9.6 插入ActiveX控件
9.7 插入插件
9.8 練習(xí):制作導(dǎo)航條版塊
9.9 練習(xí):制作音樂(lè)播放網(wǎng)頁(yè)
9.10 練習(xí):制作視頻網(wǎng)頁(yè)
9.11 高手答疑
第10章 設(shè)計(jì)數(shù)據(jù)表格
10.1 創(chuàng)建表格
10.2 設(shè)置表格屬性
10.3 編輯表格
10.4 Spry框架
10.5 練習(xí):制作購(gòu)物車頁(yè)
10.6 練習(xí):制作產(chǎn)品展示頁(yè)
10.7 高手答疑
第11章 XHTML標(biāo)記語(yǔ)言
11.1 XTML概述
11.2 XTML基本語(yǔ)法
11.3 XHTML元素分類
11.4 XHTML常用元素
11.5 練習(xí):制作小說(shuō)閱讀頁(yè)面
11.6 練習(xí):制作友情鏈接頁(yè)面
11.7 練習(xí):制作全景圖像欣賞頁(yè)
11.8 高手答疑
第12章 設(shè)計(jì)網(wǎng)頁(yè)元素樣式
12.1 CSS概述
12.2 CSS樣式分類
12.3 CSS基本語(yǔ)法
12.4 CSS選擇器
12.5 CSS選擇方法
12.6 使用CSS樣式表
12.7 編輯CSS規(guī)則
12.8 練習(xí):制作企業(yè)介紹頁(yè)面
12.9 練習(xí):制作多彩時(shí)尚網(wǎng)
12.10 高手答疑
第13章 Web 2.0布局方式
13.1 CSS盒模型
13.2 流動(dòng)定位方式
13.3 絕對(duì)定位方式
13.4 浮動(dòng)定位方式
13.5 練習(xí):制作家居網(wǎng)頁(yè)
13.6 練習(xí):制作商品列表
13.7 高手答疑
……
第14章網(wǎng)頁(yè)交互應(yīng)用
第15章交互頁(yè)面設(shè)計(jì)
第16章網(wǎng)頁(yè)框架應(yīng)用
第17章綜合實(shí)例:設(shè)計(jì)新聞網(wǎng)頁(yè)
第18章綜合實(shí)例:設(shè)計(jì)旅游文化網(wǎng)站
第19章綜合實(shí)例:設(shè)計(jì)賓館Flash網(wǎng)站
第20章綜合實(shí)例:設(shè)計(jì)企業(yè)網(wǎng)站