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

前言

　　網(wǎng)頁(yè)設(shè)計(jì)是目前計(jì)算機(jī)行業(yè)非常流行的技術(shù)之一。（《網(wǎng)頁(yè)設(shè)計(jì)與制作》是高職學(xué)院計(jì)算機(jī)相關(guān)專業(yè)的必開課程。　　本書以任務(wù)驅(qū)動(dòng)教學(xué)為方法，以應(yīng)用實(shí)例為主線，介紹了利用Dreamweaver MX 2004創(chuàng)建、管理與優(yōu)化網(wǎng)頁(yè)的基本技術(shù)，介紹了利用Fireworks MX 2004修飾圖像的基本方法，介紹了利用Flash MX 2004制作動(dòng)畫的基本技巧。本書在注重系統(tǒng)性、科學(xué)性的基礎(chǔ)上重點(diǎn)突出了實(shí)用性與可操作性。本書旨在培養(yǎng)學(xué)生制作網(wǎng)頁(yè)的實(shí)踐能力，使學(xué)生掌握制作網(wǎng)頁(yè)的方法與技巧?！　”緯扑]授課課時(shí)為70~80學(xué)時(shí)，并提倡在實(shí)驗(yàn)室授課。課程結(jié)束后，建議安排1～2周的實(shí)訓(xùn)。本書共由9章組成。第1章至第4章為網(wǎng)頁(yè)設(shè)計(jì)的基礎(chǔ)，主要內(nèi)容包括：網(wǎng)頁(yè)設(shè)計(jì)的基礎(chǔ)知識(shí)，HTML設(shè)計(jì)基礎(chǔ)，系統(tǒng)設(shè)計(jì)一個(gè)網(wǎng)站的步驟與實(shí)例，網(wǎng)站的文本修飾與超級(jí)鏈接。第5章主要介紹Fireworks MX 2004的使用，并配以實(shí)例制作講解。第6章主要介紹Flash MX 2004.的使用，并配以實(shí)例制作講解。第6至第9章為網(wǎng)頁(yè)設(shè)計(jì)的高級(jí)技術(shù)，主要內(nèi)容包括：利用表格、層、框架布局網(wǎng)頁(yè)；利用模板、CSS樣式格式化網(wǎng)頁(yè)；利用表單與各種表單對(duì)象制作動(dòng)態(tài)網(wǎng)頁(yè)；制作具有動(dòng)感的網(wǎng)頁(yè)對(duì)象等。本書注重強(qiáng)化網(wǎng)頁(yè)設(shè)計(jì)能力的訓(xùn)練，每一章均安排了精選的上機(jī)實(shí)驗(yàn)內(nèi)容，力求通過循序漸進(jìn)的方法強(qiáng)化學(xué)生的設(shè)計(jì)能力。　　建議教師在講授網(wǎng)頁(yè)設(shè)計(jì)課程之前，帶領(lǐng)學(xué)生盡可能多地瀏覽成名網(wǎng)站，分析這些網(wǎng)站的主頁(yè)與其他網(wǎng)頁(yè)的設(shè)計(jì)特征、設(shè)計(jì)規(guī)律。教師在講授課程的同時(shí)，盡量穿插對(duì)這些網(wǎng)站主頁(yè)的分析講解?！　【W(wǎng)頁(yè)設(shè)計(jì)課程應(yīng)注重培養(yǎng)學(xué)生的制作能力，提倡嚴(yán)謹(jǐn)?shù)摹€(gè)性化的制作風(fēng)格。建議教師在講授課程時(shí)，應(yīng)以學(xué)生為主體，啟發(fā)學(xué)生的自主創(chuàng)作能力，允許學(xué)生創(chuàng)作自己風(fēng)格的實(shí)用網(wǎng)頁(yè)?！　”緯杀本┬畔⒙殬I(yè)技術(shù)學(xué)院孫振業(yè)主編，北京信息職業(yè)技術(shù)學(xué)院樂新、姜百濤參加編寫。本書的第2、3、4、7、8章由孫振業(yè)編寫，第1、5、9章由樂新編寫，第6章由姜百濤編寫。由孫振業(yè)完成統(tǒng)稿。本書編者均是從事網(wǎng)頁(yè)設(shè)計(jì)教學(xué)多年的教師?！　”緯须y免會(huì)存在一些缺陷和不足，殷切希望廣大讀者與教師提出寶貴意見，以便再版時(shí)加以改進(jìn)。

內(nèi)容概要

本書是普通高等教育“十五”國(guó)家級(jí)規(guī)劃教材。    本教材以設(shè)計(jì)實(shí)用網(wǎng)頁(yè)的過程為主線，圍繞創(chuàng)建與設(shè)計(jì)Web站點(diǎn)、創(chuàng)建與優(yōu)化網(wǎng)頁(yè)、測(cè)試與發(fā)布站點(diǎn)這三個(gè)基本步驟，全面介紹利用Dreamweaver MX 2004創(chuàng)建、管理與優(yōu)化站點(diǎn)的方法，并介紹Fireworks MX 2004與FlashMX 2004的應(yīng)用。本書的編寫采用任務(wù)驅(qū)動(dòng)方法，注重實(shí)例，使讀者逐步構(gòu)建設(shè)計(jì)與制作實(shí)用網(wǎng)頁(yè)的能力，逐步提高設(shè)計(jì)與制作實(shí)用網(wǎng)頁(yè)的方法與技巧。本教材安排了大量應(yīng)用實(shí)例的講解，并提供了大量的實(shí)驗(yàn)內(nèi)容。    本書適合于高等職業(yè)學(xué)校、高等專科學(xué)校、成人高校、本科院校舉辦的二級(jí)職業(yè)技術(shù)學(xué)院，也可供示范性軟件職業(yè)技術(shù)學(xué)院、繼續(xù)教育學(xué)院、民辦高校、技能型緊缺人才培養(yǎng)使用，還可供本科院校、計(jì)算機(jī)專業(yè)人員和愛好者參考使用。

書籍目錄

第1章 網(wǎng)頁(yè)概述　1.1 網(wǎng)頁(yè)基礎(chǔ)　　1.1.1 Web的起源　　1.1.2 Web的特點(diǎn)　　1.1.3 HTML　　1.1.4 Web的結(jié)構(gòu)　　1.1.5 瀏覽器　1.2 Web的常用術(shù)語(yǔ)　1.3 網(wǎng)頁(yè)制作工具　　1.3.1 網(wǎng)頁(yè)編輯工具　　1.3.2 網(wǎng)頁(yè)圖像與動(dòng)畫制作工具　1.4 網(wǎng)站開發(fā)流程　　1.4.1 網(wǎng)站規(guī)劃　　1.4.2 網(wǎng)站制作　　1.4.3 后期維護(hù)　上機(jī)實(shí)驗(yàn)1　習(xí)題1第2章 網(wǎng)頁(yè)制作基礎(chǔ)　2.1 中文DreamweaverMX 2004的工作窗口　　2.1.1 工作窗口　　2.1.2 文檔窗口　　2.1.3 浮動(dòng)面板　2.2 使用面板、菜單和輔助設(shè)計(jì)工具　　2.2.1 顯示和隱藏面板　　2.2.2 調(diào)整面板形狀與面板組合　　2.2.3 使用快捷方式　　2.2.4 使用標(biāo)尺　　2.2.5 使用網(wǎng)格　2.3 HTML基礎(chǔ)　　2.3.1 HTML的基本概念　　2.3.2 HTML網(wǎng)頁(yè)的編寫方法　　2.3.3 HTML的頭部標(biāo)記與主體標(biāo)記　　2.3.4 HTML的文本標(biāo)記于鏈接標(biāo)記　　2.3.5 HTML的圖像標(biāo)記　　2.3.6 HTML的表格標(biāo)記　　2.3.7 HTML的表單標(biāo)記　　2.3.8 HTML的框架標(biāo)記　　2.3.9 HTML的其他標(biāo)記　上機(jī)實(shí)驗(yàn)2　習(xí)題2第3章 創(chuàng)建“我們的班”網(wǎng)頁(yè)　3.1 創(chuàng)建“我們的班”站點(diǎn)　　3.1.1 設(shè)置站點(diǎn)存儲(chǔ)位置　　3.1.2 建立Dreamweaver站點(diǎn)　　3.1.3 建立站點(diǎn)文件夾　　3.1.4 建立網(wǎng)頁(yè)新文件　　3.1.5 打開站點(diǎn)窗口　3.2 制作“我們的班”網(wǎng)頁(yè)　　3.2.1 制作網(wǎng)頁(yè)標(biāo)題　　3.2.2 設(shè)置導(dǎo)航欄　　3.2.3 設(shè)置網(wǎng)頁(yè)內(nèi)容　　3.2.4 網(wǎng)頁(yè)的超級(jí)鏈接　　3.2.5 設(shè)置頁(yè)面屬性　　3.2.6 保存網(wǎng)頁(yè)　　3.2.7 瀏覽頁(yè)面　　3.2.8 設(shè)置首頁(yè)及應(yīng)用站點(diǎn)地圖　3.3 網(wǎng)站上傳　　3.3.1 保存完整的Web站點(diǎn)　　3.3.2 申請(qǐng)網(wǎng)頁(yè)空間與注冊(cè)域名　　3.3.3 上傳本地站點(diǎn)　上機(jī)實(shí)驗(yàn)3　習(xí)題3第4章 網(wǎng)頁(yè)編輯與超級(jí)鏈接　4.1 網(wǎng)頁(yè)中文本的設(shè)置　　4.1.1 輸入文本　　4.1.2 修飾文本　　4.1.3 插入日期　　4.1.4 創(chuàng)建文本的超級(jí)鏈接　4.2 網(wǎng)頁(yè)中圖像的設(shè)置　　4.2.1 網(wǎng)頁(yè)圖像的基礎(chǔ)知識(shí)　　4.2.2 網(wǎng)頁(yè)圖像素材的搜集　　4.2.3 插入圖像　　4.2.4 設(shè)置圖像屬性　　4.2.5 制作圖像的提示信息　4.3 制作圖像效果　　4.3.1 制作網(wǎng)頁(yè)中的滾蓋圖　　4.3.2 創(chuàng)建圖像映射　　4.3.3 創(chuàng)建網(wǎng)站相冊(cè)　4.4 設(shè)置超級(jí)鏈接　　4.4.1 超級(jí)鏈接概述　　4.4.2 制作書簽錨記　　4.4.3 創(chuàng)建空鏈接　　4.4.4 檢查鏈接的有效性　　4.4.5 創(chuàng)建跳轉(zhuǎn)菜單　　4.4.6 創(chuàng)建E―mail鏈接　上機(jī)實(shí)驗(yàn)4　習(xí)題4第5章 美化網(wǎng)頁(yè)圖像　5.1 Fireworks MX 2004的工作窗口　　5.1.1 Fireworks MX 2004的工作窗口　　5.1.2 浮動(dòng)面板組　5.2 文字設(shè)計(jì)　　5.2.1 文字的輸入與編輯　　5.2.2 將文本附加于路徑　　5.2.3 將文本轉(zhuǎn)換為路徑　5.3 矢量對(duì)象的制作　　5.3.1 創(chuàng)建基本圖形　　5.3.2 設(shè)計(jì)網(wǎng)站logo　　5.3.3 繪制球體　5.4 位圖的處理　　5.4.1 區(qū)域的選擇　　5.4.2 位圖的編輯　　5.4.3 濾鏡　　5.4.4 蒙版　5.5 創(chuàng)建動(dòng)畫　　5.5.1 動(dòng)畫的制作　　5.5.2 動(dòng)畫的輸出　5.6 熱點(diǎn)、切片和彈出菜單　　5.6.1 熱點(diǎn)　　5.6.2 切片　　5.6.3 彈出菜單　上機(jī)實(shí)驗(yàn)第6章 讓網(wǎng)頁(yè)動(dòng)起來(lái)　6.1 Flash動(dòng)畫原理　　6.1.1 電腦動(dòng)畫　　6.1.2 Flash的特點(diǎn)與應(yīng)用領(lǐng)域　　6.1.3 Flash MX 2004的主要功能　6.2 Flash基礎(chǔ)　　6.2.1 矢量圖與位圖　　6.2.2 Flash MX 2004的工作窗口　6.3 Flash MX 2004中圖形的繪制與處理　　6.3.1 基本圖形的創(chuàng)建　　6.3.2 圖形、聲音素材的處理　　6.3.3 矢量圖的轉(zhuǎn)換　6.4 元件的創(chuàng)建與應(yīng)用　　6.4.1 元件的創(chuàng)建　　6.4.2 制作按鈕　6.5 圖層　　6.5.1 創(chuàng)建層　　6.5.2 編輯層　6.6 基礎(chǔ)動(dòng)畫與實(shí)例　　6.6.1 幀與關(guān)鍵幀　　6.6.2 創(chuàng)建逐幀動(dòng)畫　　6.6.3 創(chuàng)建補(bǔ)間動(dòng)畫　　6.6.4 創(chuàng)建引導(dǎo)線動(dòng)畫　　6.6.5 創(chuàng)建遮罩動(dòng)畫　6.7 聲音　　6.7.1 導(dǎo)入聲音　　6.7.2 為動(dòng)畫添加聲音　　6.7.3 編輯聲音　　6.7.4 輸出與壓縮　6.8 創(chuàng)建交互動(dòng)畫　　6.8.1 動(dòng)作面板　　6.8.2 為對(duì)象添加交互語(yǔ)句　6.9 Flash影片的發(fā)布　　6.9.1 測(cè)試與播放Flash影片　　6.9.2 發(fā)布Flash影片第7章 網(wǎng)頁(yè)布局　7.1 表格的應(yīng)用　　7.1.1 創(chuàng)建表格　　7.1.2 表格的基本操作與屬性設(shè)置　　7.1.3 應(yīng)用格式表格　　7.1.4 表格的修飾和嵌套　　7.1.5 應(yīng)用實(shí)例――利用表格設(shè)計(jì)網(wǎng)頁(yè)　7.2 層的應(yīng)用　　7.2.1 插入新層　　7.2.2 設(shè)置層的屬性　　7.2.3 調(diào)整層　　7.2.4 層與表格的轉(zhuǎn)換　7.3 框架　　7.3.1 創(chuàng)建框架　　7.3.2 設(shè)置框架與框架集的屬性　　7.3.3 應(yīng)用實(shí)例――利用框架設(shè)計(jì)網(wǎng)頁(yè)　上機(jī)實(shí)驗(yàn)7　習(xí)題7第8章 創(chuàng)建動(dòng)態(tài)網(wǎng)頁(yè)　8.1 表單　　8.1.1 表單和表單對(duì)象　　8.1.2 創(chuàng)建表單　　8.1.3 插入表單對(duì)象　　8.1.4 表單與表單對(duì)象的應(yīng)用　8.2 行為　　8.2.1 行為的概念　　8.2.2 附加行為　　8.2.3 行為的應(yīng)用　8.3 時(shí)間軸　　8.3.1 時(shí)間軸的概念　　8.3.2 制作一個(gè)簡(jiǎn)單的時(shí)間軸動(dòng)畫　　8.3.3 制作動(dòng)態(tài)文字　　8.3.4 制作飄動(dòng)的廣告　上機(jī)實(shí)驗(yàn)8　習(xí)題8第9章 模板與CSS樣式　9.1 模版　　9.1.1 模板概述　　9.1.2 創(chuàng)建模板　　9.1.3 設(shè)定模板的可編輯區(qū)域　　9.1.4 應(yīng)用模板　　9.1.5 編輯模板　　9.1.6 更新基于模板的網(wǎng)頁(yè)文件　9.2 文字樣式　　9.2.1 CSS樣式的基本操作　　9.2.2 設(shè)置CSS樣式的屬性　　9.2.3 CSS樣式應(yīng)用實(shí)例　上機(jī)實(shí)驗(yàn)9　習(xí)題9

章節(jié)摘錄

　　網(wǎng)頁(yè)中的圖像不宜太多，圖像過多將影響網(wǎng)頁(yè)的傳輸速度?！　?.超級(jí)鏈接　　超級(jí)鏈接是網(wǎng)頁(yè)中最有用的功能。超級(jí)鏈接是從一個(gè)網(wǎng)頁(yè)指向另一個(gè)目的端的鏈接，該鏈接既可以指向本地網(wǎng)站的另一個(gè)網(wǎng)頁(yè)，也可以指向世界各地的其他網(wǎng)頁(yè)?！　‘?dāng)瀏覽者單擊超級(jí)鏈接時(shí)，其指向的目的端的內(nèi)容將顯示在瀏覽者的Wleb瀏覽器中。不論是文字還是圖像，都可以設(shè)置超級(jí)鏈接?！　〕?jí)鏈接一般包括兩種類型：站內(nèi)鏈接和站外鏈接?！　?.導(dǎo)航欄　　導(dǎo)航欄是網(wǎng)站設(shè)計(jì)者在規(guī)劃網(wǎng)站結(jié)構(gòu)時(shí)必須考慮的一個(gè)問題?！　≡O(shè)置導(dǎo)航欄的目的是讓瀏覽者順利地瀏覽，避免迷失方向。導(dǎo)航欄能使瀏覽者方便地返回主頁(yè)或繼續(xù)下一頁(yè)的訪問。導(dǎo)航欄可以是按鈕、文本或圖像。站點(diǎn)的每個(gè)網(wǎng)頁(yè)上均應(yīng)設(shè)置導(dǎo)航欄，導(dǎo)航欄應(yīng)放置在網(wǎng)頁(yè)比較明顯的位置?！　?.表格　　網(wǎng)頁(yè)中的表格是一種用于控制網(wǎng)頁(yè)頁(yè)面布局的有效方法。為了達(dá)到理想的視覺效果，通常不顯示邊框。如果網(wǎng)頁(yè)具有橫豎分明的風(fēng)格，那么一定是由表格輔助布局的?！　?.表單　　表單是一種特殊的網(wǎng)頁(yè)元素，通常用于收集信息或?qū)崿F(xiàn)一些交互式的效果。表單的主要功能是接收瀏覽者在瀏覽器端的輸入信息，然后將這些信息發(fā)送到瀏覽者設(shè)置的目的端。

圖書封面

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

---

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

---