網(wǎng)頁(yè)設(shè)計(jì)案例教程

前言

　　自從Dreamweaver、Fireworks和Flash網(wǎng)頁(yè)三劍客推出之后，這3個(gè)工具獲得了用戶廣泛的好評(píng)，并成為網(wǎng)頁(yè)設(shè)計(jì)和制作人員的首選工具?，F(xiàn)在Adobe公司全新推出的Dreamweaver。CS3、Flash CS3和Fireworks CS3，以其更強(qiáng)大的功能和方便、快捷的操作界面，幫助用戶輕松、快速地完成設(shè)計(jì)、開(kāi)發(fā)和維護(hù)網(wǎng)站的全過(guò)程?！　‖F(xiàn)在書(shū)店中陳列的關(guān)于網(wǎng)頁(yè)設(shè)計(jì)的書(shū)非常豐富，但對(duì)于初學(xué)者而言，選擇一本好書(shū)則顯得尤為重要。本書(shū)在內(nèi)容編寫(xiě)上按由淺入深、從易到難的順序，以圖文并茂、案例分析的方式講述，是學(xué)習(xí)三劍客軟件的初、中級(jí)用戶的首選教材?！　”緯?shū)主要為高等職業(yè)院校以及中等職業(yè)學(xué)校學(xué)習(xí)網(wǎng)頁(yè)設(shè)計(jì)而編寫(xiě)，下面介紹主要內(nèi)容及寫(xiě)作思路?！　?xiě)作思路：本書(shū)第1章由認(rèn)識(shí)網(wǎng)頁(yè)引出構(gòu)成網(wǎng)頁(yè)的主要元素，以本書(shū)附帶的教學(xué)網(wǎng)站網(wǎng)頁(yè)為例引出制作網(wǎng)頁(yè)涉及的一些基本知識(shí)。第2～14章則由該網(wǎng)站中的網(wǎng)頁(yè)或網(wǎng)頁(yè)元素引出涉及的知識(shí)點(diǎn)，并詳細(xì)介紹了基本用法及網(wǎng)頁(yè)或網(wǎng)頁(yè)元素的制作步驟。第15章則簡(jiǎn)要介紹了網(wǎng)站設(shè)計(jì)成型后要進(jìn)行的測(cè)試、發(fā)布與推廣。

內(nèi)容概要

本書(shū)介紹了網(wǎng)頁(yè)設(shè)計(jì)三劍客——DreamweaverCS3、FireworksCS3和FlashCS3的基本知識(shí)和具體用法。    本書(shū)第1章通過(guò)一個(gè)網(wǎng)頁(yè)介紹了構(gòu)成網(wǎng)頁(yè)的基本元素，通過(guò)自建的網(wǎng)頁(yè)教學(xué)網(wǎng)站介紹了網(wǎng)頁(yè)設(shè)計(jì)涉及的一些基本知識(shí)。第2～8章主要介紹了Dreamweaver CS3的使用，包括站點(diǎn)的建立、網(wǎng)頁(yè)的布局、網(wǎng)頁(yè)內(nèi)容的編排、CSS樣式表、編輯表單、模板和庫(kù)的使用、添加網(wǎng)頁(yè)特效等。第9～11章主要介紹了FireworksCS3的使用，包括矢量圖繪制、位圖的美化與優(yōu)化、特效按鈕的制作等；第12～14章介紹了FIash CS3的使用方法與技巧，用以制作網(wǎng)頁(yè)中需要的矢量動(dòng)畫(huà)以及設(shè)置交互動(dòng)作等效果；第15章介紹了網(wǎng)站的測(cè)試、發(fā)布與推廣的基本知識(shí)。    本書(shū)內(nèi)容編排注重理論與實(shí)踐相結(jié)合，以本書(shū)網(wǎng)站的制作為主線，通過(guò)網(wǎng)站中的網(wǎng)頁(yè)制作引出相關(guān)的知識(shí)點(diǎn)，并詳細(xì)介紹了網(wǎng)頁(yè)的具體實(shí)現(xiàn)。全書(shū)重點(diǎn)突出、結(jié)構(gòu)清晰、內(nèi)容翔實(shí)、實(shí)例豐富。在每章后配備的上機(jī)實(shí)訓(xùn)，可進(jìn)一步提高讀者的知識(shí)應(yīng)用能力與實(shí)踐能力。    本書(shū)可作為高職、大中專(zhuān)院校和計(jì)算機(jī)培訓(xùn)班的教材，也可作為網(wǎng)頁(yè)設(shè)計(jì)人員的專(zhuān)業(yè)參考書(shū)，同時(shí)可作為業(yè)余愛(ài)好者的自學(xué)用書(shū)。

書(shū)籍目錄

第1章　網(wǎng)站基礎(chǔ)  1.1　網(wǎng)站基本知識(shí)    1.1.1　組成網(wǎng)頁(yè)的常用元素    1.1.2　制作網(wǎng)頁(yè)時(shí)應(yīng)注意的因素  1.2　本教材配套教學(xué)網(wǎng)站  1.3  習(xí)題第2章　站點(diǎn)的創(chuàng)建與管理  2.1  本地站點(diǎn)的創(chuàng)建并上傳案例    2.1.1　工作環(huán)境    2.1.2　文檔窗口    2.1.3　插入面板    2.1.4　屬性面板    2.1.5　浮動(dòng)面板    2.1.6　創(chuàng)建新站點(diǎn)    2.1.7　管理資源站點(diǎn)    2.1.8　設(shè)置本地文件災(zāi)    2.1.9　上傳下載文件    2.1.10　案例實(shí)現(xiàn)  2.2  上機(jī)實(shí)訓(xùn)  2.3  習(xí)題第3章　網(wǎng)頁(yè)布局  3.1  站點(diǎn)巾表格網(wǎng)頁(yè)的制作案例    3.1.1　使用表格進(jìn)行布局    3.1.2　網(wǎng)頁(yè)制作實(shí)現(xiàn)  3.2　站點(diǎn)中層網(wǎng)頁(yè)的制作案例    3.2.1  使用層進(jìn)行布局    3.2.2　網(wǎng)頁(yè)制作實(shí)現(xiàn)  3.3　站點(diǎn)中框架網(wǎng)頁(yè)的制作案例    3.3.1　使用框架進(jìn)行布局    3.3.2　網(wǎng)頁(yè)制作實(shí)現(xiàn)  3.4　上機(jī)實(shí)訓(xùn)  3.5  習(xí)題第4章　添加網(wǎng)頁(yè)內(nèi)容  4.1　站點(diǎn)中“設(shè)置文本格式”網(wǎng)頁(yè)的制作案例    4.1.1　在網(wǎng)頁(yè)中使用文本    4.1.2　網(wǎng)頁(yè)制作實(shí)現(xiàn)  4.2　站點(diǎn)中“圖像與動(dòng)畫(huà)”網(wǎng)頁(yè)的制作案例    4.2.1  在網(wǎng)頁(yè)中使用圖像與動(dòng)畫(huà)    4.2.2  網(wǎng)頁(yè)制作實(shí)現(xiàn)  4.3　站點(diǎn)中“主頁(yè)”網(wǎng)頁(yè)的制作案例    4.3.1  超鏈接    4.3.2　網(wǎng)頁(yè)制作實(shí)現(xiàn)  4.4　上機(jī)實(shí)訓(xùn)  4.5  習(xí)題第5章　CSS樣式表  5.1　站點(diǎn)中“CSS樣式”頁(yè)面的制作案例    5.1.1　CSS樣式的基本操作    5.1.2　CSS濾鏡效果    5.1.3　網(wǎng)頁(yè)制作實(shí)現(xiàn)  5.2　上機(jī)實(shí)訓(xùn)  5.3  習(xí)題第6章　編輯表單  6.1  站點(diǎn)中“用戶信息”網(wǎng)頁(yè)的制作案例    6.1.1　表單的基本操作    6.1.2　網(wǎng)頁(yè)制作實(shí)現(xiàn)  6.2　上機(jī)實(shí)訓(xùn)  6.3  習(xí)題第7章　模板和庫(kù)  7.1　站點(diǎn)中“Home page”網(wǎng)頁(yè)的制作案例    7.1.1  模板　……第8章　添加網(wǎng)頁(yè)特效第9章　fireworks CS3中矢量圖的用法第10章　位圖應(yīng)用　第11章　按鈕制作　第12章　Flash CS3基礎(chǔ)第13章　動(dòng)畫(huà)基礎(chǔ)第14章　文本對(duì)象與腳本應(yīng)用　第15章　網(wǎng)站的測(cè)試與發(fā)布參考文獻(xiàn)

章節(jié)摘錄

　　第1章　網(wǎng)站基礎(chǔ)　　1.2　本教材配套教學(xué)網(wǎng)站　　根據(jù)教材內(nèi)容，我們制作了一個(gè)簡(jiǎn)單的教學(xué)網(wǎng)站，制作網(wǎng)站的目的是結(jié)合教學(xué)內(nèi)容，盡可能多地把Dreamweaver CS3、Fireworks CS3、Flash CS3的功能與用法體現(xiàn)在該教學(xué)網(wǎng)站中，在后續(xù)教學(xué)過(guò)程中可以圍繞該網(wǎng)站中涉及的知識(shí)點(diǎn)展開(kāi)教學(xué)。另一個(gè)目的是最終體現(xiàn)職業(yè)教育的特點(diǎn)，使學(xué)與用緊密結(jié)合，達(dá)到學(xué)以致用。下面我們來(lái)看該網(wǎng)站中的部分網(wǎng)頁(yè)?！　?.首頁(yè)　　網(wǎng)站的首頁(yè)如圖1.6所示?！　≡摼W(wǎng)頁(yè)頁(yè)面元素不多，網(wǎng)頁(yè)的布局樣式為我們前面講的整幅效果型。整個(gè)頁(yè)面背景是一幅圖畫(huà)，色彩明快人，以橘色為主色調(diào)。網(wǎng)頁(yè)中“網(wǎng)頁(yè)設(shè)計(jì)實(shí)戰(zhàn)演練”是由Fireworks制作完成的一幅特效透明圖片，顏色為綠色，使用這種顏色的目的是橘紅色配以綠色，起到顏色均衡作用。中間部分是用Fireworks制作的靜態(tài)Lo90“三劍客”，該圖既涉及Fireworks矢量圖的繪制與編輯，也涉及Fireworks位圖處理。在“三劍客”外圍是圍繞“三劍客”旋轉(zhuǎn)的動(dòng)態(tài)Lo90，涉及了在Fireworks制作簡(jiǎn)單動(dòng)畫(huà)的用法。制作靜態(tài)Lo90與動(dòng)態(tài)Lo90涉及的知識(shí)及具體制作方法將在第9、10章中講解?！　　?/pre>








圖書(shū)封面






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



還沒(méi)讀過(guò)(58)
勉強(qiáng)可看(422)
一般般(720)
內(nèi)容豐富(2987)
強(qiáng)力推薦(244)


 


    網(wǎng)頁(yè)設(shè)計(jì)案例教程 PDF格式下載