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

前言

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

內(nèi)容概要

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

書籍目錄

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

章節(jié)摘錄

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

編輯推薦

　　雙色印刷+全程圖解+書盤結(jié)合+超值實用　　16段全程視頻教程　　60個書中實例教材文件　　25張書中實例效果圖　　32段網(wǎng)頁制作實例制作視頻　　400個Flash動畫實例文件

圖書封面

圖書標(biāo)簽Tags

無

評論、評分、閱讀與下載

---

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

---