網(wǎng)頁制作技術(shù)

前言

　　隨著因特網(wǎng)的流行，很多個(gè)人、企事業(yè)單位和政府機(jī)關(guān)都創(chuàng)建了自己的網(wǎng)站，以發(fā)布單位新聞、產(chǎn)品信息、政策法規(guī)和進(jìn)行信息交流等。網(wǎng)頁制作與網(wǎng)站建設(shè)技術(shù)綜合了策劃創(chuàng)意、平面設(shè)計(jì)等多方面知識(shí)，重視設(shè)計(jì)理念和設(shè)計(jì)美學(xué)。無論是個(gè)人主頁還是企業(yè)網(wǎng)站，都不能停留在內(nèi)容發(fā)布的最基本層面上，因此網(wǎng)頁要做到識(shí)別性強(qiáng)、形象品質(zhì)好、設(shè)計(jì)理念清晰、色彩統(tǒng)一和諧、定位準(zhǔn)確。Macromedia公司的Dreamweaver、Fireworks和Flash自問世以來備受網(wǎng)頁設(shè)計(jì)專業(yè)人士青睞，被譽(yù)為“網(wǎng)頁制作三劍客”。Dreamweaver主要用于制作網(wǎng)頁和管理網(wǎng)站，F(xiàn)ireworks主要用于制作網(wǎng)頁圖像，F(xiàn)lash主要用于制作網(wǎng)頁動(dòng)畫。使用這些軟件可以讓網(wǎng)頁設(shè)計(jì)師們便捷地統(tǒng)一網(wǎng)站中所有元素的風(fēng)格?！　”窘滩氖遣捎毛@得國家教學(xué)成果獎(jiǎng)的“就業(yè)導(dǎo)向的職業(yè)能力系統(tǒng)化課程及開發(fā)方法”（簡稱VOCSCUM），對“計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)”專業(yè)進(jìn)行職業(yè)能力課程開發(fā)的成果。根據(jù)“計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)”專業(yè)的三大職業(yè)核心能力，我們分別建構(gòu)了“網(wǎng)絡(luò)系統(tǒng)配置”、“網(wǎng)絡(luò)程序設(shè)計(jì)和數(shù)據(jù)庫開發(fā)”、“網(wǎng)頁設(shè)計(jì)和網(wǎng)站建設(shè)”三條職業(yè)能力培養(yǎng)的鏈路課程。每個(gè)鏈路課程反映掌握專門技術(shù)的從易到難的訓(xùn)練過程，也是理論知識(shí)學(xué)習(xí)的從簡到難的過程?！　∵M(jìn)行課程開發(fā)時(shí)，我們把每個(gè)鏈路看成一個(gè)整體工作任務(wù)，從問題中心課程開始，到任務(wù)中心課程結(jié)束，使學(xué)生通過鏈路課程完整體驗(yàn)實(shí)際完成任務(wù)的過程。鏈路課程共分為四個(gè)階段，分別為Step 1、Step 2、Step 3、Step 4。在橫向的鏈路課程形成遞進(jìn)的層次關(guān)系的同時(shí)，縱向的鏈路課程之間課程形成相關(guān)性。

內(nèi)容概要

　　《網(wǎng)頁制作技術(shù)（三劍客）》是“網(wǎng)頁設(shè)計(jì)與網(wǎng)站建設(shè)”職業(yè)能力課程的第二階段課程，主要涉及DreamweaverMX2004、FireworksMX 2004和Flash MX 2004軟件的應(yīng)用。這三個(gè)軟件是Macromedia公司的產(chǎn)品，自問世以來備受網(wǎng)頁設(shè)計(jì)專業(yè)人士青睞，被譽(yù)為“網(wǎng)頁制作三劍客”。Dreamweaver MX 2004主要用于制作網(wǎng)頁和管理網(wǎng)站；Fireworks Mx2004主要用于制作和處理網(wǎng)頁圖像；Flash MX 2004主要用于制作Web動(dòng)畫?！　　毒W(wǎng)頁制作技術(shù)（三劍客）》適合于高等職業(yè)學(xué)校、高等?？茖W(xué)校、成人高等院校、本科院校舉辦的職業(yè)技術(shù)學(xué)院電子信息類專業(yè)教學(xué)使用，也可供示范性軟件職業(yè)技術(shù)學(xué)院、繼續(xù)教育學(xué)院、民辦高校、技能型緊缺人才培養(yǎng)使用。

書籍目錄

第1章 網(wǎng)站制作入門基礎(chǔ)1.1 網(wǎng)絡(luò)與網(wǎng)站之間的相互關(guān)系1.2 網(wǎng)站設(shè)計(jì)的總體認(rèn)識(shí)”1.3 網(wǎng)頁制作需注意的問題及一般流程小結(jié)課后習(xí)題第2章 網(wǎng)頁設(shè)計(jì)2.1 制作網(wǎng)頁中文本與圖片的超鏈接2.1.1 效果圖2.1.2 制作步驟2.1.3 技術(shù)要點(diǎn)2.2 制作特殊的一圖多鏈2.2.1 效果圖2.2.2 制作步驟2.2.3 技術(shù)要點(diǎn)2.3 制作錨點(diǎn)鏈接2.3.1 效果圖2.3.2 制作步驟2.3.3 技術(shù)要點(diǎn)2.4 制作一個(gè)簡單的表格布局網(wǎng)頁2.4.1 效果圖2.4.2 制作步驟2.4.3 技術(shù)要點(diǎn)2.5 利用表襠制作一個(gè)時(shí)間安排表2.5.1 效果圖2.5.2 制作步驟2.5.3 技術(shù)要點(diǎn)2.6 對表格數(shù)據(jù)進(jìn)行導(dǎo)入／導(dǎo)出2.7 表格排序2.8 使用布局表格制作一個(gè)簡單的網(wǎng)頁2.8.1 效果圖2.8.2 制作步驟2.8.3 技術(shù)要點(diǎn)2.9 制作可根據(jù)瀏覽器窗口自動(dòng)調(diào)整頁面大小的網(wǎng)頁2.9.1 效果圖2.9.2 制作步驟2.9.3 技術(shù)要點(diǎn)2.1 0利用框架制作一個(gè)郵件收發(fā)界面2.1 0.1 效果圖2.1 0.2 制作步驟2.1 0.3 技術(shù)要點(diǎn)2.1 1使用表單制作一個(gè)網(wǎng)上報(bào)名表2.1 1.1 效果圖2.1 1.2 制作步驟2.1 1.3 技術(shù)要點(diǎn)2.1 2使用模板制作網(wǎng)頁2.1 2.1 效果圖2.1 2.2 制作步驟2.1 2.3 技術(shù)要點(diǎn)小結(jié)課后習(xí)題第3章 動(dòng)態(tài)網(wǎng)頁制作3.1 使用圖層與行為實(shí)現(xiàn)網(wǎng)頁中的拼圖游戲3.1.1 效果圖3.1.2 制作步驟3.1.3 技術(shù)要點(diǎn)3.2 使用圖層與行為制作網(wǎng)頁中的下拉菜單3.2.1 效果圖3.2.2 制作步驟3.2.3 技術(shù)要點(diǎn)3.3 使用時(shí)間軸制作一個(gè)伸縮菜單3.3.1 效果圖3.3.2 制作步驟3.3.3 技術(shù)要點(diǎn)3.4 制作一個(gè)應(yīng)用于層的CSS樣式3.4.1 效果圖3.4.2 制作步驟3.4.3 技術(shù)要點(diǎn)3.5 網(wǎng)頁中的滾動(dòng)字幕效果3.5.1 效果圖3.5.2 制作步驟3.5.3 技術(shù)要點(diǎn)小結(jié)課后習(xí)題第4章 FireworksMX2004的基本操作4.1 選擇和變形對象4.1.1 選擇對象4.1.2 選擇像素4.1.3 變形和扭曲所選對象和選區(qū)4.2 圖層與蒙版4.2.1 圖層的使用4.2.2 蒙版的使用4.3 使用濾鏡與效果4.3.1 使用濾鏡4.3.2 使用效果4.3.3 樣式與形狀4.4 矢量編輯4.4.1 改變路徑4.4.2 矢量對象的操作4.4.3 對象的變形4.4.4 對象的排列4.4.5 對象的對齊4.4.6 多個(gè)矢量對象的操作4.5 切片和熱點(diǎn)4.5.1 使用切片4.5.2 使用熱點(diǎn)小結(jié)課后習(xí)題第5章 Fireworks案例集錦5.1 制作動(dòng)態(tài)橢圓形按鈕5.1.1 效果圖5.1.2 制作步驟5.1.3 技術(shù)要點(diǎn)5.2 制作羽毛5.2.1 效果圖5.2.2 制作步驟5.2.3 技術(shù)要點(diǎn)5.3 制作動(dòng)態(tài)分隔條5.3.1 效果圖5.3.2 制作步驟5.3.3 技術(shù)要點(diǎn)5.4 制作翠玉小熊效果5.4.1 效果圖5.4.2 制作步驟5.4.3 技術(shù)要點(diǎn)5.5 制作旋轉(zhuǎn)文字特效5.5.1 效果圖5.5.2 制作步驟5.5.3 技術(shù)要點(diǎn)5.6 制作關(guān)聯(lián)翻轉(zhuǎn)圖5.6.1 效果圖5.6.2 制作步驟5.6.3 技術(shù)要點(diǎn)5.7 制作彈出菜單5.7.1 效果圖5.7.2 制作步驟5.7.3 技術(shù)要點(diǎn)小結(jié)課后習(xí)題第6章 制作網(wǎng)頁中的特殊文字效果6.1 制作線框文字6.1.1 效果圖6.1.2 制作步驟6.1.3 技術(shù)要點(diǎn)6.2 七彩文字制作6.2.1 效果圖6.2.2 制作步驟6.2.3 技術(shù)要點(diǎn)6.3 制作網(wǎng)頁中的圖片文字6.3.1 效果圖6.3.2 制作步驟6.3.3 技術(shù)要點(diǎn)6.4 制作網(wǎng)頁中的光影變幻文字6.4.1 效果圖6.4.2 制作步驟6.4.3 技術(shù)要點(diǎn).小結(jié)課后習(xí)題第7章 網(wǎng)頁中常用基本動(dòng)畫實(shí)例7.1 利用幀動(dòng)畫制作球的拋體運(yùn)動(dòng)動(dòng)畫7.1.1 效果圖7.1.2 制作步驟.7.1.3 技術(shù)要點(diǎn)7.2 利用形變動(dòng)畫制作驢與獅子互變動(dòng)畫7.2.1 效果圖7.2.2 制作步驟7.2.3 技術(shù)要點(diǎn)7.2.4 應(yīng)用形狀提示制作驢與獅子互變7.3 利用運(yùn)動(dòng)動(dòng)畫制作海中升明月動(dòng)畫7.3.1 效果圖7.3.2 制作步驟7.3.3 技術(shù)要點(diǎn)7.4 利用遮罩層制作百葉窗動(dòng)畫7.4.1 效果圖7.4.2 制作步驟7.4.3 技術(shù)要點(diǎn)7.5 利用引導(dǎo)層制作天體運(yùn)動(dòng)動(dòng)畫7.5.1 效果圖7.5.2 制作步驟7.5.3 技術(shù)要點(diǎn)小結(jié)課后習(xí)題第8章 網(wǎng)頁中的交互動(dòng)畫實(shí)例8.1 制作風(fēng)景按鈕8.1.1 效果圖8.1.2 制作步驟8.1.3 技術(shù)要點(diǎn)8.2 利用按鈕制作林中小貓動(dòng)畫8.2.1 效果圖8.2.2 制作步驟8.2.3 技術(shù)要點(diǎn)8.3 制作探照燈動(dòng)畫效果8.3.1 效果圖8.3.2 制作步驟8.3.3 技術(shù)要點(diǎn)8.4 制作變化的時(shí)鐘動(dòng)畫8.4.1 效果圖8.4.2 制作步驟8.4 3技術(shù)要點(diǎn)8.5 制作Music播放器動(dòng)畫8.5.1 效果圖8.5.2 制作步驟8.5.3 技術(shù)要點(diǎn)8.6 制作MTV8.6.1 效果圖8.6.2 制作步驟8.6.3 技術(shù)要點(diǎn)8.7 Flash的測試與發(fā)布第6章 制作網(wǎng)頁中的特殊文字效果6.1 制作線框文字6.1.1 效果圖6.1.2 制作步驟6.1.3 技術(shù)要點(diǎn)6.2 七彩文字制作6.2.1 效果圖6.2.2 制作步驟6.2.3 技術(shù)要點(diǎn)6.3 制作網(wǎng)頁中的圖片文字6.3.1 效果圖6.3.2 制作步驟6.3.3 技術(shù)要點(diǎn)6.4 制作網(wǎng)頁中的光影變幻文字6.4.1 效果圖6.4.2 制作步驟6.4.3 技術(shù)要點(diǎn)小結(jié)課后習(xí)題第7章 網(wǎng)頁中常用基本動(dòng)畫實(shí)例7.1 利用幀動(dòng)畫制作球的拋體運(yùn)動(dòng)動(dòng)畫7.1.1 效果圖7.1.2 制作步驟7.1.3 技術(shù)要點(diǎn)7.2 利用形變動(dòng)畫制作驢與獅子互變動(dòng)畫7.2.1 效果圖7.2.2 制作步驟7.2.3 技術(shù)要點(diǎn)7.2.4 應(yīng)用形狀提示制作驢與獅子互變7.3 利用運(yùn)動(dòng)動(dòng)畫制作海中升明月動(dòng)畫7.3.1 效果圖7.3.2 制作步驟7.3.3 技術(shù)要點(diǎn)7.4 利用遮罩層制作百葉窗動(dòng)畫7.4.1 效果圖7.4.2 制作步驟7.4.3 技術(shù)要點(diǎn)7.5 利用引導(dǎo)層制作天體運(yùn)動(dòng)動(dòng)畫7.5.1 效果圖7.5.2 制作步驟7.5.3 技術(shù)要點(diǎn)小結(jié)課后習(xí)題第8章 網(wǎng)頁中的交互動(dòng)畫實(shí)例8.1 制作風(fēng)景按鈕8.1.1 效果圖8.1.2 制作步驟8.1.3 技術(shù)要點(diǎn)8.2 利用按鈕制作林中小貓動(dòng)畫8.2.1 效果圖8.2.2 制作步驟8.2.3 技術(shù)要點(diǎn)8.3 制作探照燈動(dòng)畫效果8.3.1 效果圖8.3.2 制作步驟8.3.3 技術(shù)要點(diǎn)8.4 制作變化的時(shí)鐘動(dòng)畫8.4.1 效果圖8.4.2 制作步驟8.4.3 技術(shù)要點(diǎn)8.5 制作Music播放器動(dòng)畫8.5.1 效果圖8.5.2 制作步驟8.5.3 技術(shù)要點(diǎn)8.6 制作MTV8.6.1 效果圖8.6.2 制作步驟8.6.3 技術(shù)要點(diǎn)8.7 Flash的測試與發(fā)布第9章 作一個(gè)網(wǎng)上個(gè)人工作室參考文獻(xiàn)及地址

章節(jié)摘錄

　　1．網(wǎng)站的形象設(shè)計(jì)　　網(wǎng)站形象設(shè)計(jì)包括標(biāo)準(zhǔn)字、標(biāo)志（LOGO）、導(dǎo)航條（BANNER）、標(biāo)準(zhǔn)色彩、廣告語等。LOGO和BANNER是宣傳網(wǎng)站最重要的部分，所以這兩個(gè)部分一定要在頁面上突顯出來。怎樣做到這一點(diǎn)呢？這就需要將LOGO和BANNER做得鮮亮一些，也就是色彩方面跟網(wǎng)頁的主題色分離開來。有時(shí)候?yàn)榱烁怀觯部梢允褂门c主題色相反的顏色。網(wǎng)頁中色彩的應(yīng)用是網(wǎng)頁設(shè)計(jì)中極為重要的一環(huán)，賞心悅目的網(wǎng)頁，其色彩的搭配一定是和諧、優(yōu)美的。在確定網(wǎng)站的主題后，就要了解哪些顏色適合該站點(diǎn)使用，哪些不適合，這主要根據(jù)人們的審美習(xí)慣和站點(diǎn)的風(fēng)格來定，一般情況下要注意以下幾點(diǎn)?！　、偌芍M使用強(qiáng)烈對比的顏色搭配做主色；　?、谂渖啙?，主色要盡量控制在3種以內(nèi)；　?、郾尘昂蛢?nèi)容的對比要明顯，少用花紋復(fù)雜的背景圖片，以便突出顯示文字內(nèi)容?！　?．網(wǎng)站的目錄結(jié)構(gòu)　　一個(gè)制作嚴(yán)謹(jǐn)?shù)木W(wǎng)站必須首先有一個(gè)層次清晰、分工明確的目錄結(jié)構(gòu)。首先是根目錄，通常文件名都是網(wǎng)站的名稱，其中子文件夾的設(shè)置一般為：圖片文件夾（images）用來存放所有網(wǎng)頁中要用到的圖片；論壇文件夾（forum）存放論壇頁面；數(shù)據(jù)庫文件夾（database）存放網(wǎng)站數(shù)據(jù)庫（PHP的數(shù)據(jù)庫文件存放在專用文件夾中）；臨時(shí)文件夾（templates）存放網(wǎng)頁模板等。在實(shí)際制作中，根據(jù)內(nèi)容的分類不同，可能會(huì)有不同的安排。　　3．網(wǎng)站導(dǎo)航鏈接的設(shè)計(jì)藝術(shù)　　導(dǎo)航欄在網(wǎng)站中相當(dāng)于目錄。它的存在是為了方便瀏覽者快速找到所需的內(nèi)容，所以一個(gè)合理、完善的導(dǎo)航欄設(shè)置將給瀏覽者一個(gè)良好的印象，除此之外還可在頁面中放置一些小標(biāo)題，可以大大提高鏈接的靈活度。所以可以使用比較鮮明的色彩來標(biāo)示重點(diǎn)欄目，吸引瀏覽者的視線，讓他們感覺網(wǎng)站清晰明了、層次分明，不會(huì)迷失方向?！　?．確定網(wǎng)站的主題以及根據(jù)主題發(fā)展優(yōu)勢　　每個(gè)網(wǎng)站都必須有一個(gè)主題，并以此為根據(jù)來擴(kuò)展網(wǎng)站的內(nèi)容。主題可選擇的范圍是很廣泛的，但通常還是選擇自己比較擅長的或是非常喜歡的，這樣可使制作過程更加得心應(yīng)手?！　∮捎诰W(wǎng)絡(luò)上各種各樣的信息很多，別人可以輕易地在知名站點(diǎn)查找?guī)缀跛凶约合胍男畔ⅲ@些信息可能并不完整，而且查找起來費(fèi)時(shí)、費(fèi)力，所以網(wǎng)站開發(fā)者要關(guān)注的是怎樣節(jié)省網(wǎng)友的時(shí)間，讓他能更快、更便捷地找到想要的信息，這就是要突出重點(diǎn)，而不是面面俱到，以提高網(wǎng)站的競爭力。

圖書封面

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

---

    網(wǎng)頁制作技術(shù) PDF格式下載

---