出版時(shí)間:2008-6 出版社:人民郵電出版社 作者:劉霆雨 頁(yè)數(shù):266 字?jǐn)?shù):432000
Tag標(biāo)簽:無(wú)
內(nèi)容概要
本書首先全面講述了網(wǎng)頁(yè)配色與網(wǎng)頁(yè)布局的基本知識(shí),然后基于Dreamweaver+Photoshop的工具組合,詳細(xì)地介紹了手機(jī)增值業(yè)務(wù)網(wǎng)站、旅游休閑網(wǎng)站、家電家居網(wǎng)站、手機(jī)和數(shù)碼產(chǎn)品網(wǎng)站、音樂(lè)網(wǎng)站、藝術(shù)設(shè)計(jì)網(wǎng)站、企業(yè)網(wǎng)站和時(shí)尚社區(qū)網(wǎng)站8個(gè)典型實(shí)例的設(shè)計(jì)和制作過(guò)程。在介紹各個(gè)網(wǎng)站實(shí)例的制作過(guò)程中,不僅分析了各個(gè)網(wǎng)站的配色方案和布局結(jié)構(gòu),而且還細(xì)致地講解了從設(shè)計(jì)版面效果到實(shí)現(xiàn)最終HTML頁(yè)面的操作步驟,以及一些實(shí)際網(wǎng)頁(yè)設(shè)計(jì)和制作中常用的方法和技巧。 本書面向?qū)嵱茫峁┝舜罅烤W(wǎng)頁(yè)設(shè)計(jì)與制作的細(xì)節(jié)圖解,采用由淺入深的講解方式,即使是初學(xué)者也可以輕松掌握Dreamweaver+Photoshop工具,制作出精美的網(wǎng)頁(yè)并搭建功能強(qiáng)大的網(wǎng)站。隨書光盤提供了本書所有的實(shí)例素材及網(wǎng)站源文件(PSD、HTML、Flash),以幫助讀者進(jìn)行操作練習(xí)。 本書適用于網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站制作的初學(xué)者,也適用于相關(guān)從業(yè)人員進(jìn)階,還可以作為大中專院校相關(guān)專業(yè)的教學(xué)輔導(dǎo)和參考用書,或作為相關(guān)培訓(xùn)機(jī)構(gòu)的培訓(xùn)教材。
書籍目錄
第1章 網(wǎng)頁(yè)配色 1.1 關(guān)于網(wǎng)頁(yè)的配色 1.1.1 網(wǎng)頁(yè)安全色 1.1.2 基本配色的方法 1.1.3 基本色相、色調(diào)的配色方案 1.2 色彩和感覺(jué)的神秘關(guān)系 1.2.1 色彩的溫度感 1.2.2 色彩的重量感 1.2.3 色彩和聲音 1.2.4 色彩和味覺(jué)、香味 1.2.5 色彩與光 1.2.6 色彩的心理感覺(jué) 第2章 網(wǎng)頁(yè)布局 2.1 網(wǎng)頁(yè)布局類型的確定方法 2.1.1 把內(nèi)容放入自己喜歡的網(wǎng)頁(yè)類型中 2.1.2 草繪出兩三個(gè)不同網(wǎng)頁(yè)類型的模板 2.2 網(wǎng)頁(yè)布局的連貫性和多樣性 2.3 網(wǎng)頁(yè)布局結(jié)構(gòu) 2.3.1 網(wǎng)頁(yè)布局結(jié)構(gòu)的標(biāo)準(zhǔn)——信息架構(gòu) 2.3.2 單一結(jié)構(gòu) 2.3.3 復(fù)合結(jié)構(gòu) 2.4 網(wǎng)頁(yè)布局形態(tài) 2.4.1 功能優(yōu)先還是形態(tài)優(yōu)先 2.4.2 網(wǎng)頁(yè)布局形態(tài)表達(dá)的含義及傳遞的情感 2.4.3 普通形態(tài) 2.4.4 獨(dú)特形態(tài) 2.4.5 實(shí)驗(yàn)形態(tài) 第3章 手機(jī)增值業(yè)務(wù)網(wǎng)站 3.1 背景概述 3.2 實(shí)例分析 3.2.1 色彩分析 3.2.2 布局分析 3.3 使用Photoshop軟件設(shè)計(jì)版面效果 3.3.1 新建文件并設(shè)置參考線 3.3.2 設(shè)計(jì)Logo和導(dǎo)航 3.3.3 設(shè)計(jì)主要內(nèi)容區(qū) 3.3.4 設(shè)計(jì)版權(quán)信息部分 3.3.5 切割網(wǎng)頁(yè)圖像并存儲(chǔ)為Web所用格式 3.4 使用Dreamweaver軟件制作成HTML頁(yè)面 3.4.1 定義本地站點(diǎn) 3.4.2 使用表格布局頁(yè)面 3.4.3 制作Logo和菜單欄 3.4.4 使用CSS樣式定義背景和文本域?qū)傩浴? 3.4.5 制作主要內(nèi)容區(qū) 3.4.6 制作版權(quán)信息部分 3.5 將網(wǎng)頁(yè)發(fā)布到因特網(wǎng)上 3.5.1 使用Dreamweaver自帶的上傳功能上傳 3.5.2 使用CuteFTP軟件上傳 第4章 旅游網(wǎng)站 4.1 背景概述 4.2 實(shí)例分析 4.2.1 色彩分析 4.2.2 布局分析 4.3 使用Photoshop軟件設(shè)計(jì)版面效果 4.3.1 設(shè)計(jì)頭部區(qū)域 4.3.2 設(shè)計(jì)內(nèi)容區(qū)域 4.3.3 設(shè)計(jì)尾部區(qū)域 4.3.4 切割網(wǎng)頁(yè)圖像 4.4 將效果圖制作成HTML頁(yè)面 4.4.1 定義站點(diǎn)與表格布局 4.4.2 制作會(huì)員登錄入口 4.4.3 插入Flash菜單和頂部導(dǎo)航 4.4.4 利用CSS樣式設(shè)置邊框效果 4.4.5 編排內(nèi)容區(qū)域各元素 4.4.6 制作尾部區(qū)域 4.4.7 利用時(shí)間軸和層制作漂浮廣告 第5章 家電家居網(wǎng)站 5.1 背景概述 5.2 實(shí)例分析 5.2.1 色彩分析 5.2.2 布局分析 5.3 使用Photoshop軟件設(shè)計(jì)版面效果 5.3.1 設(shè)計(jì)主內(nèi)容區(qū)域 5.3.2 設(shè)計(jì)尾部區(qū)域 5.3.3 切割網(wǎng)頁(yè)圖像 5.4 將效果圖制作成HTML頁(yè)面 5.4.1 定義站點(diǎn)與表格布局 5.4.2 制作導(dǎo)航條 5.4.3 制作下拉菜單 5.4.4 編排其他內(nèi)容 5.4.5 制作尾部區(qū)域 5.5 利用模板制作網(wǎng)頁(yè) 5.5.1 認(rèn)識(shí)模板 5.5.2 創(chuàng)建模板 5.5.3 應(yīng)用模板制作內(nèi)頁(yè) 第6章 手機(jī)和數(shù)碼產(chǎn)品網(wǎng)站 6.1 背景概述 6.2 實(shí)例分析 6.2.1 色彩分析 6.2.2 布局分析 6.3 使用Photoshop軟件設(shè)計(jì)版面效果 6.3.1 規(guī)劃整體版面 6.3.2 使用鋼筆工具繪制不規(guī)則圓角粗邊框 6.3.3 設(shè)計(jì)Banner區(qū)域 6.3.4 制作Logo和導(dǎo)航區(qū)域 6.3.5 設(shè)計(jì)內(nèi)容區(qū)域邊框 6.3.6 設(shè)計(jì)內(nèi)容區(qū)域各元素 6.3.7 切割網(wǎng)頁(yè)圖像 6.4 使用Dreamweaver軟件制作HTML頁(yè)面 6.4.1 定義站點(diǎn)與設(shè)置頁(yè)面屬性 6.4.2 利用表格和〔CSS樣式〕面板布局 6.4.3 利用〔行為〕面板制作交換圖像效果菜單 6.4.4 制作Banner區(qū)域 6.4.5 利用CSS樣式設(shè)置內(nèi)容區(qū)域邊框 6.4.6 編排內(nèi)容區(qū)域各元素 6.4.7 利用〔行為〕面板制作彈出頁(yè)面 第7章 音樂(lè)網(wǎng)站 7.1 背景概述 7.2 實(shí)例分析 7.2.1 色彩分析 7.2.2 布局分析 7.3 使用Photoshop軟件設(shè)計(jì)版面效果 7.3.1 設(shè)計(jì)斜形紋理背景圖像 7.3.2 規(guī)劃整體版面 7.3.3 設(shè)計(jì)頭部區(qū)域 7.3.4 設(shè)計(jì)導(dǎo)航區(qū)域 7.3.5 設(shè)計(jì)動(dòng)畫播放窗口 7.3.6 設(shè)計(jì)內(nèi)容區(qū)域 7.3.7 設(shè)計(jì)尾部區(qū)域 7.4 使用Dreamweaver軟件制作HTML頁(yè)面 7.4.1 設(shè)置背景圖像 7.4.2 利用表格初步布局 7.4.3 插入Flash文件 7.4.4 編輯其他內(nèi)容區(qū)域 7.4.5 制作內(nèi)頁(yè) 7.4.6 在頁(yè)面中插入視頻文件 7.4.7 在頁(yè)面中插入背景音樂(lè) 第8章 藝術(shù)設(shè)計(jì)網(wǎng)站 8.1 背景概述 8.2 實(shí)例分析 8.2.1 色彩分析 8.2.2 布局分析 8.3 使用Photoshop軟件設(shè)計(jì)版面效果 8.3.1 規(guī)劃整體版面 8.3.2 設(shè)計(jì)Logo 8.3.3 設(shè)計(jì)導(dǎo)航欄 8.3.4 設(shè)計(jì)左邊區(qū)域和Banner區(qū)域 8.3.5 設(shè)計(jì)其他區(qū)域 8.3.6 切割網(wǎng)頁(yè)圖像 8.4 使用Dreamweaver軟件制作HTML頁(yè)面 8.4.1 利用表格布局 8.4.2 制作“鼠標(biāo)經(jīng)過(guò)圖像”效果 8.4.3 制作左邊區(qū)域的內(nèi)容 8.4.4 使用〔顯示-隱藏層〕行為制作Banner 8.4.5 制作其他內(nèi)容部分 8.4.6 設(shè)置狀態(tài)欄文本 8.4.7 設(shè)置滾動(dòng)條顏色和隱藏滾動(dòng)條 8.4.8 加入防止網(wǎng)頁(yè)被COPY的代碼 第9章 企業(yè)網(wǎng)站 9.1 背景概述 9.2 實(shí)例分析 9.2.1 色彩分析 9.2.2 布局分析 9.3 使用Photoshop軟件設(shè)計(jì)版面效果 9.3.1 規(guī)劃整體版面 9.3.2 設(shè)計(jì)頭部區(qū)域 9.3.3 設(shè)計(jì)導(dǎo)航區(qū)域 9.3.4 設(shè)計(jì)內(nèi)容區(qū)域 9.3.5 設(shè)計(jì)尾部區(qū)域 9.3.6 切割網(wǎng)頁(yè)圖像 9.4 使用Dreamweaver軟件制作HTML頁(yè)面 9.4.1 初步編輯網(wǎng)頁(yè) 9.4.2 制作頭部區(qū)域和導(dǎo)航區(qū)域 9.4.3 制作內(nèi)容區(qū)域 9.4.4 制作尾部區(qū)域 第10章 時(shí)尚社區(qū)網(wǎng)站 10.1 背景概述 10.2 實(shí)例分析 10.2.1 色彩分析 10.2.2 布局分析 10.3 使用Photoshop軟件設(shè)計(jì)版面效果 10.3.1 設(shè)計(jì)頭部區(qū)域 10.3.2 設(shè)計(jì)導(dǎo)航和Banner區(qū)域 10.3.3 設(shè)計(jì)內(nèi)容區(qū)域 10.3.4 設(shè)計(jì)尾部區(qū)域 10.3.5 切割網(wǎng)頁(yè)圖像 10.4 使用Dreamweaver軟件制作HTML頁(yè)面 10.4.1 新建站點(diǎn)與設(shè)置頁(yè)面屬性 10.4.2 利用表格布局 10.4.3 制作導(dǎo)航和Banner區(qū)域 10.4.4 制作會(huì)員登錄部分 10.4.5 制作內(nèi)容區(qū)域其他部分 10.4.6 制作尾部區(qū)域
編輯推薦
100個(gè)優(yōu)秀網(wǎng)頁(yè)鑒賞,168個(gè)網(wǎng)頁(yè)BANNER,180個(gè)矢量圖標(biāo),888個(gè)經(jīng)典LOGO,3288個(gè)LCON圖標(biāo),本書實(shí)例源文件與素材,常見網(wǎng)頁(yè)配色詞典?! ”緯m用于:網(wǎng)頁(yè)設(shè)計(jì)與制作人員、網(wǎng)站建設(shè)與開發(fā)人員、網(wǎng)站管理與維護(hù)人員、多媒體設(shè)計(jì)與開發(fā)人員、網(wǎng)頁(yè)設(shè)計(jì)與制作培訓(xùn)學(xué)員、DreamweaVer愛好者與個(gè)人用戶?! ”緯蕛?nèi)容:網(wǎng)頁(yè)配色、網(wǎng)頁(yè)布局、手機(jī)增值業(yè)務(wù)網(wǎng)站、旅游網(wǎng)站、家電家居網(wǎng)站、手機(jī)和數(shù)碼產(chǎn)品網(wǎng)站、音樂(lè)網(wǎng)站、藝術(shù)設(shè)計(jì)網(wǎng)站、企業(yè)網(wǎng)站、時(shí)尚社區(qū)網(wǎng)站。 本書基于Dreamweaver+Photoshop工具組合,系統(tǒng)詳細(xì)地介紹了8個(gè)不同特色的網(wǎng)站的設(shè)計(jì)和制作過(guò)程。每一實(shí)例又分為實(shí)例背景分析、使用Photoshop軟件設(shè)計(jì)版面效果、使用Dreamweaver軟件制作成HTML頁(yè)面3個(gè)過(guò)程進(jìn)行討論。 本書采用了全新的圖文結(jié)合方式,全面展現(xiàn)了網(wǎng)頁(yè)設(shè)計(jì)與制作過(guò)程中的細(xì)節(jié),尤其通過(guò)大量注釋詳盡的圖解為讀者化解了閱讀和學(xué)習(xí)上的障礙,使得讀者可以更加快速和高效地提升自己的網(wǎng)頁(yè)制作技能。
圖書封面
圖書標(biāo)簽Tags
無(wú)
評(píng)論、評(píng)分、閱讀與下載