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

前言

　　本書是介紹網(wǎng)頁設(shè)計的基礎(chǔ)教程。本書不僅介紹了網(wǎng)頁設(shè)計的基本原則和網(wǎng)頁中數(shù)字媒體元素的組成，而且圍繞著網(wǎng)頁設(shè)計的基本元素，如文本、圖像、按鈕、導(dǎo)航條和動畫介紹了相關(guān)的元素設(shè)計和制作方法。書中所設(shè)計的元素緊緊圍繞著5iDM網(wǎng)站需求而展開。元素設(shè)計分別采用目前主流的設(shè)計軟件PhotoshopCS3、Flash8和Dreamweaver8?？紤]到網(wǎng)頁設(shè)計軟件的通用性，網(wǎng)頁中圖像設(shè)計采用PhotoshopCS3軟件?！　”緯厣骸　。?）打破傳統(tǒng)的網(wǎng)頁設(shè)計三劍客組合，網(wǎng)頁圖像設(shè)計選用主流的設(shè)計軟件Photoshop，從而使網(wǎng)頁圖像設(shè)計方法更具有通用性和實用性?！　。?）網(wǎng)頁元素設(shè)計和內(nèi)容組織緊緊圍繞5iDM數(shù)字媒體網(wǎng)站而展開。前面的素材設(shè)計為后面的網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計和多媒體內(nèi)容集成服務(wù)，克服了傳統(tǒng)網(wǎng)頁設(shè)計教程內(nèi)容零散不系統(tǒng)的缺陷?！　。?）網(wǎng)頁設(shè)計內(nèi)容的講解以網(wǎng)頁設(shè)計元素案例的方法組織，使讀者通過案例詳解掌握相關(guān)的軟件操作方法、設(shè)計和制作技能，有助于提高學(xué)生的設(shè)計實踐技能。　?。?）書中的案例富有代表性，涵蓋了常用的網(wǎng)頁元素設(shè)計，如跟圖像相關(guān)的元素網(wǎng)頁Ｌogo圖標(biāo)、Banner圖像、按鈕、導(dǎo)航條和網(wǎng)頁圖像動畫都有詳細(xì)介紹。　　本書內(nèi)容的組織主要分4個部分：　　第1部分（第1章）首先介紹了網(wǎng)頁的主要設(shè)計要素、網(wǎng)頁設(shè)計原則、網(wǎng)頁設(shè)計和開發(fā)流程，以及常用的網(wǎng)頁設(shè)計軟件，使讀者對網(wǎng)頁設(shè)計有粗略的概括認(rèn)識。后面的內(nèi)容圍繞著網(wǎng)頁元素設(shè)計——圖像設(shè)計、動畫設(shè)計和網(wǎng)站建設(shè)和網(wǎng)頁設(shè)計展開?！　〉?部分（第2～4章）以：PhotoshopCS3軟件為例介紹了軟件的基本操作和圖像處理的常用方法。重點詳盡地介紹了網(wǎng)頁中圖像元素的設(shè)計和制作方法，尤其以5iDM數(shù)字媒體網(wǎng)站為例詳細(xì)介紹了網(wǎng)頁中Logo圖像、Banner圖像、圖像按鈕和背景圖像的設(shè)計方法。

內(nèi)容概要

　　本書主要由4部分組成。第1部分介紹了網(wǎng)頁的主要設(shè)計要素、網(wǎng)頁設(shè)計原則、網(wǎng)頁設(shè)計和開發(fā)流程，第2部分以Photoshop CS3軟件為例介紹了網(wǎng)頁中圖像元素的設(shè)計和制作方法，第3部分以Flash 8網(wǎng)頁動畫制作軟件為例介紹了網(wǎng)頁中動畫設(shè)計和制作方法，第4部分以Dreamweaver 8為例介紹了網(wǎng)站建設(shè)和網(wǎng)頁框架設(shè)計和集成方法?！　”緯墙榻B網(wǎng)頁設(shè)計的基礎(chǔ)教程，可作為高等院校計算機科學(xué)與技術(shù)、信息技術(shù)等專業(yè)網(wǎng)頁設(shè)計課程的教材，也可以作為非信息類專業(yè)和藝術(shù)設(shè)計類等專業(yè)網(wǎng)頁設(shè)計課程教材。同時，本書也可作為各類網(wǎng)頁設(shè)計愛好者和網(wǎng)站開發(fā)和設(shè)計人員的一本專業(yè)參考書。

書籍目錄

第1章　基礎(chǔ)知識　1.1　認(rèn)識網(wǎng)頁　　1.1.1　網(wǎng)站和網(wǎng)頁　　1.1.2　靜態(tài)網(wǎng)頁和動態(tài)網(wǎng)頁　　1.1.3　形象頁、主頁和欄目頁　1.2　網(wǎng)頁的主要設(shè)計元素　　1.2.1　網(wǎng)頁標(biāo)識設(shè)計　　1.2.2　網(wǎng)頁導(dǎo)航設(shè)計　　1.2.3　網(wǎng)頁版式設(shè)計　　1.2.4　網(wǎng)頁色彩設(shè)計　　1.2.5　網(wǎng)頁音效設(shè)計　1.3　網(wǎng)頁設(shè)計原則　1.4　網(wǎng)頁設(shè)計流程　1.5　網(wǎng)頁設(shè)計的主要軟件　　1.5.1　Photoshop CS3——網(wǎng)頁頁面設(shè)計軟件　　1.5.2　Firworks 8——網(wǎng)頁圖像設(shè)計軟件　　1.5.3　Flash 8——網(wǎng)頁動畫制作軟件　　1.5.4　Dreamweaver 8——網(wǎng)頁頁面制作軟件　小結(jié)　習(xí)題第2章　走進(jìn)Photoshop　2.1　Photoshop的應(yīng)用　　2.1.1　圖像處理和圖像合成　　2.1.2　平面設(shè)計　　2.1.3　產(chǎn)品設(shè)計　　2.1.4　網(wǎng)頁設(shè)計　2.2　Photoshop CS3基本環(huán)境　　2.2.1　菜單欄　　2.2.2　工具箱　　2.2.3　工具狀態(tài)欄　　2.2.4　圖像窗口　　2.2.5　調(diào)板　2.3　Photoshop CS3基本概念　　2.3.1　像素　　2.3.2　位圖和矢量圖　　2.3.3　網(wǎng)頁設(shè)計中常用的圖像格式　　2.3.4　圖像分辨率　　2.3.5　顏色模式　2.4　Photoshop CS3基本操作　　2.4.1　新建、打開圖像文件　　2.4.2　保存圖像文件　　2.4.3　圖像顯示比例控制　　2.4.4　單位和標(biāo)尺的設(shè)置　　2.4.5　參考線、網(wǎng)格和切片　　2.4.6　后退命令和歷史記錄調(diào)板　　2.4.7　圖層　小結(jié)　習(xí)題第3章　圖像處理　3.1　修飾修復(fù)圖像　　3.1.1　仿制圖章工具　　3.1.2　污點修復(fù)畫筆工具　　3.1.3　修復(fù)畫筆工具　　3.1.4　修補工具　　3.1.5　紅眼工具　　3.1.6　模糊/銳化工具　　3.1.7　減淡/加深工具　　3.1.8　海綿工具　3.2　裁剪圖像　3.3　變換圖像　　3.3.1　縮放　　3.3.2　旋轉(zhuǎn)　　3.3.3　斜切　　3.3.4　扭曲　　3.3.5　透視　　3.3.6　變形　3.4　選取圖像與摳圖　　3.4.1　快速選擇工具　　3.4.2　魔棒工具　　3.4.3　魔術(shù)橡皮擦工具　　3.4.4　鋼筆工具　　3.4.5　抽出濾鏡　3.5　調(diào)整圖像色彩　　3.5.1　創(chuàng)建灰度效果圖像　　3.5.2　增強圖像的色彩飽和度　　3.5.3　創(chuàng)建反相效果的圖像　　3.5.4　創(chuàng)建黑白圖像　　3.5.5　使用【色調(diào)分離】命令創(chuàng)建特殊效果圖像　　3.5.6　使用【漸變映射】命令創(chuàng)建漸變色彩效果圖像　　3.5.7　使用【匹配顏色】命令改變圖像色彩　　3.5.8　調(diào)整圖像的亮度和對比度　3.6　使用濾鏡創(chuàng)建特殊效果的圖像　　3.6.1　風(fēng)格化　　3.6.2　畫筆描邊　　3.6.3　模糊　　3.6.4　素描　　3.6.5　紋理　　3.6.6　像素化　　3.6.7　渲染　3.7　使用圖層蒙版合成圖像　　3.7.1　創(chuàng)建圖層蒙版　　3.7.2　刪除圖層蒙版　　3.7.3　編輯圖層蒙版　3.8　批處理圖像　　3.8.1　動作　　3.8.2　批處理　　　實例一：使用批處理命令修改圖像大小　　　實例二：使用批處理命令重命名圖像　　3.8.3　Web照片畫廊　小結(jié)　習(xí)題第4章　常見網(wǎng)頁元素設(shè)計　4.1　網(wǎng)頁背景圖案的制作　　4.1.1　斜線圖案的制作　　　實例一：細(xì)斜線圖案的制作　　　實例二：粗斜線圖案的制作　　4.1.2　立體圖案的制作　　4.1.3　文字圖案的制作　　4.1.4　其他類型圖案的制作  4.2　LOGO設(shè)計制作　　4.2.1　iDM網(wǎng)站LOGO設(shè)計制作　　4.2.2　iDM網(wǎng)站論壇標(biāo)簽設(shè)計制作　　4.2.3　以圖形為主的網(wǎng)站LOGO制作　4.3　按鈕設(shè)計制作　　4.3.1　iDM網(wǎng)站的導(dǎo)航按鈕制作　　4.3.2　水晶按鈕設(shè)計制作　　4.3.3　具有凹槽效果的按鈕制作　4.4　Banner和導(dǎo)航菜單的設(shè)計制作　　4.4.1iDM網(wǎng)站的Banner設(shè)計　　4.4.2iDM網(wǎng)站的導(dǎo)航設(shè)計　小結(jié)　習(xí)題第5章　Flash 8軟件概述及基本操作　5.1　Flash 8軟件概述　　5.1.1　Flash 8特點　　5.1.2　軟件界面　　5.1.3　工具欄　　5.1.4　面板　5.2　Flash 8繪圖操作　　5.2.1　Flash文檔創(chuàng)建　　5.2.2　文檔屬性設(shè)置　　5.2.3　Flash文檔保存　　5.2.4　Flash 8繪圖模式　　5.2.5　繪圖工具使用　5.3　Flash 8時間軸及幀操作　　5.3.1　時間軸　　5.3.2　幀和關(guān)鍵幀　　5.3.3　圖層　5.4　Flash 8元件和實例　　5.4.1　元件和實例　　5.4.2　元件類型　　5.4.3　風(fēng)車元件創(chuàng)建　5.5　Flash文件發(fā)布和播放　　5.5.1　Flash文件發(fā)布設(shè)置　　5.5.2　Flash動畫文件播放　小結(jié)　習(xí)題第6章　Flash 8動畫分類及網(wǎng)頁文字動畫　6.1　幀并幀動畫　　6.1.1　幀并幀動畫　　6.1.2　笑臉動畫　6.2　漸變動畫　　6.2.1　形狀漸變動畫　　6.2.2　運動漸變動畫　6.3　網(wǎng)頁文字動畫創(chuàng)作　　6.3.1　文本類型　　6.3.2　字體安裝　　6.3.3　文本編輯　　6.3.4　網(wǎng)頁文本動畫制作舉例　小結(jié)　習(xí)題第7章　網(wǎng)頁中常用圖像動畫創(chuàng)作　7.1　網(wǎng)頁圖像基本操作　　7.1.1　矢量圖形和位圖圖像　　7.1.2　Flash 8中支持的圖形圖像格式　　7.1.3　位圖圖像、矢量圖形導(dǎo)入　　7.1.4　處理導(dǎo)入的位圖圖像　7.2　圖像動畫創(chuàng)作　　7.2.1　圖像漸變動畫　　7.2.2　圖像遮罩動畫　　7.2.3　圖像引導(dǎo)動畫　　7.2.4　模糊圖像動畫　7.3　網(wǎng)頁圖像動畫　小結(jié)　習(xí)題第8章　交互式網(wǎng)頁動畫創(chuàng)作　8.1　ActionScript腳本語言　　8.1.1　ActionScript語言的概述　　8.1.2　腳本語言屬性設(shè)置　　8.1.3　動作面板　　8.1.4　影片瀏覽器面板　8.2　按鈕腳本動畫制作　　8.2.1　按鈕元件　　8.2.2　利用按鈕庫編輯按鈕動畫　　8.2.3　自定義按鈕動畫　8.3　幀腳本動畫制作　　8.3.1　幀動作　　8.3.2　幀腳本動畫實例　　8.3.3　雪花飛舞幀腳本動畫制作　　　8.4　影片剪輯腳本動畫制作　小結(jié)　習(xí)題第9章　Dreamweaver 8基礎(chǔ)知識　9.1　Dreamweaver 8基本概念　9.2　Dreamweaver 8基本工作環(huán)境　　9.2.1　工作環(huán)境　　9.2.2　工具欄　　9.2.3　【屬性】面板　　9.2.4　面板組　9.3　Dreamweaver 8基本操作　　9.3.1　站點的基本操作　　9.3.2　文件的命名和管理　　9.3.3　HTML基本概念　小結(jié)　習(xí)題第10章　靜態(tài)網(wǎng)頁設(shè)計與制作　10.1　表格　10.2　文本編輯　　10.2.1　文本編輯　　10.2.2　CSS樣式表　　10.2.3 【CSS樣式】面板　10.3　網(wǎng)頁圖像編輯　　10.3.1　網(wǎng)頁圖像　　10.3.2　圖像插入　10.4　網(wǎng)頁多媒體元素編輯　　10.4.1　向Web頁面中添加音頻　　10.4.2　向Web頁面中添加視頻　　10.4.3　向Web頁面中添加Flash動畫　10.5　利用表格布局網(wǎng)頁　10.6　利用布局表格設(shè)計網(wǎng)頁　　10.6.1　布局模式　　10.6.2　設(shè)置布局模式首選參數(shù)　　10.6.3　布局表格基本操作　　10.6.4　利用布局表格設(shè)計網(wǎng)頁　10.7　利用層布局頁面　　10.7.1　設(shè)置層首選參數(shù)　　10.7.2　創(chuàng)建層　　10.7.3　設(shè)置層的屬性　　10.7.4　【層】面板使用　　10.7.5　層操作　　10.7.6　層和表格轉(zhuǎn)換　　10.7.7　利用層設(shè)計頁面　小結(jié)　習(xí)題第11章　網(wǎng)頁的交互式設(shè)計與制作　11.1　表單頁面制作　　11.1.1　表單操作　　11.1.2　創(chuàng)建HTML表單　　11.1.3　網(wǎng)頁表單元素的插入　　11.1.4　注冊表單頁面設(shè)計與制作　11.2　網(wǎng)頁的超鏈接　　11.2.1　HTML的超鏈接　　11.2.2　常用鏈接的制作　11.3　行為的添加　　11.3.1　制作彈出信息效果　　11.3.2　制作打開瀏覽器窗口效果　　11.3.3　制作彈出菜單效果　　11.3.4　制作播放音樂效果　11.4　站點的測試和上傳　　11.4.1　測試站點　　11.4.2　上傳站點　小結(jié)　習(xí)題參考文獻(xiàn)

章節(jié)摘錄

　　第1章　基礎(chǔ)知識　　本章介紹學(xué)習(xí)網(wǎng)頁設(shè)計所必須具備的基本知識，主要包括網(wǎng)頁的基本概念、分類、設(shè)計流程、設(shè)計要素以及進(jìn)行網(wǎng)頁設(shè)計應(yīng)遵循的基本原則。通過本章的學(xué)習(xí)，讀者應(yīng)掌握什么是靜態(tài)網(wǎng)頁和動態(tài)網(wǎng)頁、網(wǎng)頁設(shè)計流程中各個環(huán)節(jié)及功能、網(wǎng)頁中各設(shè)計要素的表現(xiàn)特點、制作網(wǎng)頁的相關(guān)軟件工具等知識點。尤其要深刻理解：一個優(yōu)秀的網(wǎng)頁設(shè)計，并非只是軟件的簡單實現(xiàn)，更重要的是對網(wǎng)頁進(jìn)行美感和功能方面的整體設(shè)計與策劃，它是藝術(shù)和技術(shù)的整合體。　　1.1　認(rèn)識網(wǎng)頁　　Internet越來越影響到現(xiàn)實生活，網(wǎng)站是一個企業(yè)對外的窗口，是一個人對外的名片。隨著網(wǎng)絡(luò)與人們?nèi)粘９ぷ鳌⑸铌P(guān)系的緊密，更多的企業(yè)和個人選擇通過Internet展示自己。企業(yè)通過Internet迅速提高了自己的知名度，縮短了產(chǎn)品與用戶見面的時間，個人通過Internet有效地宣傳了自己，網(wǎng)絡(luò)越來越深刻地改變著人們的生活?！　?.1.1　網(wǎng)站和網(wǎng)頁　　網(wǎng)站是由許多網(wǎng)頁組成的一個集合，網(wǎng)頁是單一的頁面。如果將Internet上的資源視為—個大型圖書館，那么“網(wǎng)站”就像圖書館中的一本本書，而“網(wǎng)頁”則是書中的某一頁，多個網(wǎng)頁合在一起便組成了一個網(wǎng)站。每一個網(wǎng)頁都擁有一個被稱為“統(tǒng)一資源定位符”（URL）的唯一地址，就像書本中的頁數(shù)一樣，是唯一的。通常URL地址的表現(xiàn)形式為：http：／／www.jdsos.corn／index.htrnl。一個網(wǎng)站至少有一個網(wǎng)頁，網(wǎng)頁包含于網(wǎng)站中。網(wǎng)站中網(wǎng)頁的數(shù)量多少是沒有上限的，只要用戶的硬盤空間允許，則可以在一個網(wǎng)站中放人任意多的網(wǎng)頁?！　【W(wǎng)站中的網(wǎng)頁是互相連接的。單擊某一網(wǎng)頁中被稱為超級鏈接的文本或圖形就可以鏈接到其他頁面。

編輯推薦

　　打破傳統(tǒng)，網(wǎng)頁圖像設(shè)計選用Photoshop CS3；內(nèi)容豐富，涵蓋常用網(wǎng)頁元素的設(shè)計與制作；實例貫穿，案例組織圍繞5iDM數(shù)字媒體網(wǎng)站?！毒W(wǎng)頁設(shè)計與制作教程：Photoshop CS3/Flash 8/Dreamweaver 8》是介紹網(wǎng)頁設(shè)計的基礎(chǔ)教程?！毒W(wǎng)頁設(shè)計與制作教程：Photoshop CS3/Flash 8/Dreamweaver 8》不僅介紹了網(wǎng)頁設(shè)計的基本原則和網(wǎng)頁中數(shù)字媒體元素的組成，而且圍繞著網(wǎng)頁設(shè)計的基本元素，如文本、圖像、按鈕、導(dǎo)航條和動畫介紹了相關(guān)元素的設(shè)計和制作方法。書中所設(shè)計的元素緊緊圍繞著5iDM網(wǎng)站需求而展開。元素設(shè)計分別采用目前主流的設(shè)計軟件Photoshop CS3、Flash 8和Drearnweaver 8。

圖書封面

評論、評分、閱讀與下載

---

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

---