網(wǎng)頁(yè)設(shè)計(jì)與制作

前言

　　隨著計(jì)算機(jī)技術(shù)的普及，Internet迅速走進(jìn)了各企事業(yè)單位和家庭。網(wǎng)站作為面向世界的窗口，其設(shè)計(jì)和制作包含多種技術(shù)，例如平面設(shè)計(jì)技術(shù)、動(dòng)畫(huà)制作技術(shù)、CSS技術(shù)、XHTML技術(shù)和.1avaScript技術(shù)等。本書(shū)以.Adobe DreamweaverCS4、Photoshopcs4和FlashCS4等為基本工具，詳細(xì)介紹了如何通過(guò)Photoshop設(shè)計(jì)網(wǎng)站的界面和圖形，本書(shū)還介紹了近年來(lái)新型的Ajax網(wǎng)頁(yè)交互式技術(shù)、XML技術(shù)和以Access 2007為主的數(shù)據(jù)庫(kù)技術(shù)?！　”緯?shū)是一本典型的案例實(shí)例教程，由多位經(jīng)驗(yàn)豐富的網(wǎng)頁(yè)設(shè)計(jì)人員和程序員編著而成。并且立足于網(wǎng)絡(luò)行業(yè)，詳細(xì)介紹娛樂(lè)網(wǎng)站、門(mén)戶(hù)網(wǎng)站和企業(yè)網(wǎng)站等各種網(wǎng)站欄目的設(shè)計(jì)方法?！　”緯?shū)共分為21章.通過(guò)大量的實(shí)例全面介紹了網(wǎng)頁(yè)設(shè)計(jì)與制作過(guò)程中使用的各種專(zhuān)業(yè)技術(shù).以及用戶(hù)可能遇到的各種問(wèn)題。各章的主要內(nèi)容如下?！　〉?章介紹網(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è)中各種圖像的方法?！　〉?章介紹使用Flash設(shè)計(jì)各種網(wǎng)頁(yè)元素的技巧和方法，以及Flash的手繪等基礎(chǔ)知識(shí)。第5章介紹Flash動(dòng)畫(huà)的概念，以及補(bǔ)間動(dòng)畫(huà)、傳統(tǒng)補(bǔ)問(wèn)動(dòng)畫(huà)、形狀補(bǔ)間動(dòng)畫(huà)、遮罩動(dòng)畫(huà)和引導(dǎo)動(dòng)畫(huà)在網(wǎng)頁(yè)中的應(yīng)用?！　〉?章著重介紹網(wǎng)頁(yè)中的各種文本元素，以及設(shè)計(jì)網(wǎng)頁(yè)文本元素的技巧和方法，包括段落、列表等對(duì)象。第7章著重介紹網(wǎng)頁(yè)中的各種圖像元素，例如圖像、背景圖像、鼠標(biāo)經(jīng)過(guò)圖像、圖像導(dǎo)航條、Fireworks HTML以及：Photoshop智能對(duì)象等圖像類(lèi)型在網(wǎng)頁(yè)中的應(yīng)用。除此之外，還介紹使用Dreamweaver簡(jiǎn)單編輯網(wǎng)頁(yè)圖像的各種方法。　　第8章通過(guò)介紹超鏈接元素的類(lèi)型，以及插入文本鏈接、圖像鏈接、錨記鏈接、郵件鏈接和熱點(diǎn)鏈接的方法，幫助用戶(hù)了解網(wǎng)頁(yè)的鏈接元素。第9章詳細(xì)介紹網(wǎng)頁(yè)中的多媒體元素，包括Flash動(dòng)畫(huà)、FlashPaper文檔、FLV視頻、Shockwave視頻、Java Applet控件、ActiveX控件以及其他各種插件。第10章介紹使用表格的傳統(tǒng)網(wǎng)頁(yè)布局方式，以及編輯表格的方法。除此之外，還介紹Spry框架的使用?！　〉?1章講解XHTML語(yǔ)言的文檔結(jié)構(gòu)、語(yǔ)法規(guī)范、元素分類(lèi)，以及常用的XHTML元素等。第12章主要講解CSS技術(shù)的基本語(yǔ)法.以及選擇器、規(guī)則等。同時(shí)介紹了CSS樣式的分類(lèi)以及為網(wǎng)頁(yè)添加CSS的方法。第13章介紹CSS的盒模型概念，同時(shí)介紹了相對(duì)布局、浮動(dòng)布局、流動(dòng)布局等3種Web2.0時(shí)代的布局方式?！　〉?4章介紹JavaScript腳本語(yǔ)言的編程語(yǔ)法、語(yǔ)句、函數(shù)、事件，以及XHTML的DOM模型等技術(shù)，幫助用戶(hù)了解網(wǎng)頁(yè)特效的制作方法。第15章介紹網(wǎng)頁(yè)行為的基礎(chǔ)知識(shí)，以及交換圖像、彈出信息、打開(kāi)瀏覽器窗口、拖動(dòng)AP元素、改變屬性、顯示一隱藏元素和設(shè)置文本等一系列樣式.幫助用戶(hù)實(shí)現(xiàn)各種網(wǎng)頁(yè)的交互。

內(nèi)容概要

本書(shū)深入淺出地介紹了使用Dreamweaver CS4、Flash CS4以及Photoshop CS4等軟件進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)和制作的方法，全書(shū)內(nèi)容共分21章，第1章至第9章詳細(xì)介紹網(wǎng)頁(yè)制作的基礎(chǔ)知識(shí)；第10章至第18章則介紹了使用XHTML、CSS以及JavaScript等Web標(biāo)準(zhǔn)化技術(shù)制作網(wǎng)頁(yè)，以及應(yīng)用網(wǎng)頁(yè)行為、表單、框架和模板的技術(shù)；第19章至第21章設(shè)計(jì)并制作了3個(gè)完整的實(shí)例。本書(shū)結(jié)構(gòu)清晰、敘述流暢，采用圖文并茂的排版方式，提供了豐富的實(shí)例，配書(shū)光盤(pán)中提供了大容量的多媒體教學(xué)文件和實(shí)例素材。　　本書(shū)適合網(wǎng)頁(yè)設(shè)計(jì)與制作人員、網(wǎng)站編輯閱讀，還可以作為各類(lèi)院校相關(guān)專(zhuān)業(yè)和社會(huì)培訓(xùn)的教材。

書(shū)籍目錄

第1章  網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ) 第2章  網(wǎng)頁(yè)圖像設(shè)計(jì) 第3章  網(wǎng)頁(yè)界面設(shè)計(jì) 第4章  讓網(wǎng)頁(yè)元素動(dòng)起來(lái) 第5章  交互動(dòng)畫(huà)設(shè)計(jì) 第6章  網(wǎng)頁(yè)元素之文本 第7章  網(wǎng)頁(yè)元素之圖像 第8章  網(wǎng)頁(yè)元素之鏈接 第9章  網(wǎng)頁(yè)元素之多媒體 第10章   傳統(tǒng)方式布局 第11章  XHTML標(biāo)記語(yǔ)言 第12章   設(shè)計(jì)網(wǎng)頁(yè)元素樣式 第13章  Web 2.0布局方式 第14章  精彩網(wǎng)頁(yè)特效 第15章  所見(jiàn)即所得的行為 第16章  交互頁(yè)面設(shè)計(jì) 第17章  便捷的框架網(wǎng)頁(yè) 第18章  高效創(chuàng)建網(wǎng)頁(yè) 第19章  綜合實(shí)例：設(shè)計(jì)游戲娛樂(lè)網(wǎng)頁(yè) 第20章  綜合實(shí)例：設(shè)計(jì)新聞網(wǎng)頁(yè) 第21章  綜合實(shí)例：設(shè)計(jì)企業(yè)網(wǎng)站

章節(jié)摘錄

　　2.色彩分析　　新聞?lì)惥W(wǎng)頁(yè)通常需要設(shè)計(jì)得樸素、大方.因此在配色方面較少追求一些花俏、鮮艷的顏色.以防止這些顏色過(guò)于明顯，分散用戶(hù)對(duì)網(wǎng)頁(yè)中文本的吸引力?！　〕Ｒ?jiàn)的新聞?lì)惥W(wǎng)站以灰色、淺藍(lán)色和深藍(lán)色等主色調(diào)居多，例如.新華網(wǎng)、人民網(wǎng)等?；疑?、淺藍(lán)色和深藍(lán)色等色調(diào)可以使瀏覽者感到理智與平靜?！　∩贁?shù)新聞網(wǎng)站會(huì)使用黑白紅等搭配，也可凸顯莊重、肅穆等風(fēng)格。除此之外.還有些新聞網(wǎng)站采用黑白搭配，給人以嚴(yán)肅、刻板的感覺(jué)?！　”纠龑⑦x擇淺藍(lán)色和藍(lán)灰色作為網(wǎng)站的主體色調(diào)，并點(diǎn)綴以桔黃色.既顯大氣，又不失別致。3.圖像設(shè)計(jì)　　對(duì)于以展示欄目文字信息的網(wǎng)站而言，圖像設(shè)計(jì)的工作量并不大。在本例中，涉及到圖像設(shè)計(jì)的主要是網(wǎng)頁(yè)頭部和版尾的藍(lán)色極光背景、網(wǎng)頁(yè)的1ogo，以及欄目的標(biāo)題欄背景等?！　?duì)于網(wǎng)頁(yè)的導(dǎo)航欄、搜索欄以及版權(quán)信息等部分，則主要使用了白色到灰色的漸變色以及藍(lán)灰色邊框的圓角矩形，使整個(gè)網(wǎng)頁(yè)顯得整齊有序。4.交互設(shè)計(jì)　　在本例中，涉及到前臺(tái)網(wǎng)頁(yè)和用戶(hù)交互的用途主要為兩個(gè)部分，即搜索框下方的關(guān)鍵字和圖像新聞?wù)故緳谀?。　　在搜索欄目?本例將通過(guò)JavaScript編寫(xiě)一段簡(jiǎn)單的代碼.監(jiān)聽(tīng)用戶(hù)單擊關(guān)鍵字，并將關(guān)鍵字填入到搜索框中?！　《趫D像新聞?wù)故緳谀浚瑒t通過(guò)JavaScript控制圖像每4秒切換1次。同時(shí).通過(guò)循環(huán)語(yǔ)句動(dòng)態(tài)生成按鈕，當(dāng)用戶(hù)單擊按鈕時(shí)自動(dòng)切換到相應(yīng)的圖片。

編輯推薦

　　雙色印刷+全程圖解+書(shū)盤(pán)結(jié)合+超值實(shí)用　　16段全程視頻教程　　60個(gè)書(shū)中實(shí)例教材文件　　25張書(shū)中實(shí)例效果圖　　32段網(wǎng)頁(yè)制作實(shí)例制作視頻　　400個(gè)Flash動(dòng)畫(huà)實(shí)例文件

圖書(shū)封面

圖書(shū)標(biāo)簽Tags

無(wú)

評(píng)論、評(píng)分、閱讀與下載

---

    網(wǎng)頁(yè)設(shè)計(jì)與制作 PDF格式下載

---