實(shí)用Web標(biāo)準(zhǔn)網(wǎng)頁及動(dòng)畫制作

內(nèi)容概要

本書共由七章組成，第一章既是對傳統(tǒng)網(wǎng)頁制作方法的回顧，又是起步篇。從模仿繪制設(shè)計(jì)圖、生成頁面，以及學(xué)習(xí)制作簡單動(dòng)畫，直到完成一張完整的頁面。    從第二章開始踏上標(biāo)準(zhǔn)之路，首先簡單介紹有意義(X)HTML元素，然后通過案例驅(qū)動(dòng)，逐步掌握如何構(gòu)建標(biāo)準(zhǔn)的結(jié)構(gòu)和怎樣編寫CSS規(guī)則，并且初步認(rèn)識定位的概念，附帶學(xué)幾個(gè)簡單的招數(shù)來克服傳統(tǒng)瀏覽器的缺陷。    第三章把重心放到浮動(dòng)定位上，從講述概念到實(shí)際操練，真正掌握CSS中這一常用的定位方法，從而學(xué)會制作具有分欄的頁面。    在第四章，深入講解頁面的布局方法，并且嘗試用一些特殊的技巧來解決一些特定的問題。這是非常具有實(shí)用價(jià)值的一章。    第五章和第六章是Flash的學(xué)習(xí)篇。第五章從繪制靜畫再到制作動(dòng)畫，一步步讓你掌握五種基本動(dòng)畫的概念和技巧。    第六章從另一個(gè)角度切入Flash，它從文本框開始。然后深入到ActionScript編程，直到初步掌握用ActionScript3編寫自定義類、綁定類。    第七章全由簡單案例組成，它可以使初學(xué)者通過學(xué)習(xí)這些小案例來熟練各種基本制作技巧，對鞏固學(xué)習(xí)成果大有裨益。    隨書附帶的光盤里有對應(yīng)每一章、每一個(gè)案例的素材和結(jié)果。建議讀者讀書時(shí)結(jié)合案例、制作時(shí)參考教材，教材與實(shí)例相配合才是最好的學(xué)習(xí)方法。光盤里還有一個(gè)考試系統(tǒng)，其中收錄了20個(gè)考題。另外，配套的PPT是專門對應(yīng)第二章到第四章有關(guān)標(biāo)準(zhǔn)之路的教學(xué)內(nèi)容，非常有利于教師的教學(xué)。同時(shí)，對讀者加深理解概念和分析案例也非常有幫助。    本書涉及面廣，內(nèi)容較多。錯(cuò)漏之處，敬請批評指正！

書籍目錄

第一章　傳統(tǒng)網(wǎng)頁制作方法回顧　1.1　繪制設(shè)計(jì)圖    1.1.1  準(zhǔn)備工作    1.1.2  頁面的報(bào)頭制作    1.1.3  畫頁面主體部分的外框    1.1.4  畫頁面主體部分的內(nèi)容　1.2　頁面布局    1.2.1  為制作翻轉(zhuǎn)按鈕做準(zhǔn)備    1.2.2　在Fireworks中切片    1.2.3  導(dǎo)出HTML文件    1.2.4  用Dreamweaver清理Fireworks生成的頁面　1.3　頁面中的動(dòng)畫    1.3.1  為動(dòng)畫準(zhǔn)備素材    1.3.2　使用Flash制作簡單動(dòng)畫    1.3.3　將Flash插入頁面    1.3.4  另外一種做法    1.3.5　對Flash的修改第二章　初探Web標(biāo)準(zhǔn)　2.1　相同的文檔不同的表現(xiàn)　2.2　幾個(gè)CSS基本規(guī)則、框模型和定位簡介    2.2.1  四個(gè)常用的選擇器    2.2.2　框模型簡介    2.2.3　相對定位與絕對定位　2.3　案例分析：用CSS制作一張頁面　  2.3.1　繪制設(shè)計(jì)圖  　2.3.2　拆分設(shè)計(jì)圖  　2.3.3　導(dǎo)出拆分圖　  2.3.4　布局制網(wǎng)頁　2.4　幾個(gè)常用的HTML標(biāo)簽    2.4.1　段落標(biāo)簽    2.4.2　換行標(biāo)簽    2.4.3　強(qiáng)調(diào)標(biāo)簽和    2.4.4　標(biāo)題標(biāo)簽    2.4.5　列表標(biāo)簽、和    2.4.6　超級鏈接標(biāo)簽    2.4.7　圖像標(biāo)簽    2.4.8　表格標(biāo)簽    2.4.9  區(qū)塊標(biāo)簽    2.4.10　行內(nèi)標(biāo)簽    2.4.11  頁面內(nèi)容標(biāo)簽    2.4.12　塊框和行框第三章　用浮動(dòng)模型制作頁面　3.1　浮動(dòng)定位    3.1.1  浮動(dòng)    3.1.2  清理　3.2　利用浮動(dòng)模型制作首頁    3.2.1　布局安排    3.2.2　輸入頁面代碼    3.2.3　CSS美化    3.2.4　其他制作方法　3.3　兩列布局的頁面制作    3.3.1　繪制設(shè)計(jì)圖    3.3.2　拆分設(shè)計(jì)圖    3.3.3　導(dǎo)出拆分圖    3.3.4  布局制網(wǎng)頁    3.3.5　錄入和編輯內(nèi)容第四章　布局與典型技術(shù)第五章　基本動(dòng)畫制作第六章　Actionscript視覺效果第七章　典型案例分析

章節(jié)摘錄

　　第一章　傳統(tǒng)網(wǎng)頁制作方法回顧　　本課將要完成的任務(wù)：　　學(xué)會在Fireworks中繪圖　　在Fireworks中切片　　從Fireworks導(dǎo)出HTML　　用Flash制作簡單動(dòng)畫　　在Dreamweaver中插入Flash動(dòng)畫　　預(yù)計(jì)課時(shí)：150～300分鐘　　怎么做網(wǎng)頁？從何處人手？　　有關(guān)網(wǎng)頁制作的教材非常多，基本上都是從介紹軟件、講解菜單開始。實(shí)際上，只要參加過計(jì)算機(jī)應(yīng)用能力培訓(xùn)的人都有體會，教師花了很大的氣力講軟件的界面、軟件的功能，但其作用似乎不大，對操作來說效果甚微。那么究竟什么是學(xué)習(xí)網(wǎng)頁制作的最好方法呢？回答是兩個(gè)字——模仿?！　D1—1左圖是一張用傳統(tǒng)方法制作的頁面。雖說傳統(tǒng)方法是過去習(xí)慣的方法，但是其中許多步驟與基于標(biāo)準(zhǔn)的頁面制作方法卻相同，所以不妨先以這張頁面為樣板，將模仿這張頁面作為學(xué)習(xí)制作網(wǎng)頁之旅程的起點(diǎn)，既能熱熱手，又能了解網(wǎng)頁制作的過去。　　先撇開Dreamweaver、Flash和Fireworks的功能和使用方法，不問為什么，一步一步地跟隨教程來了解學(xué)習(xí)如何模仿制作圖1—1所示的頁面?！　?.1　繪制設(shè)計(jì)圖　　1.1.1　準(zhǔn)備工作　?。?）首先在桌面上新建一個(gè)“案例”文件夾。　?。?）啟動(dòng)Fireworks圖形處理軟件。選擇菜單“文件/打開”，彈出“打開”對話框，選取配送光盤的素材中的“第一章/素材/LX01樣圖.png”文件，按“打開”按鈕后，將圖1-1右圖所示的“樣板頁面”的圖片打開，準(zhǔn)備模仿?！　。?）選擇菜單“文件/新建”，彈出“新建文檔”對話框，設(shè)置畫布大小為：750PX*500PX，如圖1-2的右側(cè)所示。按“確定”按鈕后，屏幕上顯示Fireworks主窗口，如圖1-2所示?！　。?）選擇菜單“文件/保存”，彈出“另存為”對話框，將該文檔以“LX01.PNG”命名，保存到桌面上的“案例”文件夾中。

圖書封面

評論、評分、閱讀與下載

---

    實(shí)用Web標(biāo)準(zhǔn)網(wǎng)頁及動(dòng)畫制作 PDF格式下載

---