實用Web標準網(wǎng)頁及動畫制作

內(nèi)容概要

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

書籍目錄

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

章節(jié)摘錄

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

圖書封面

評論、評分、閱讀與下載

---

    實用Web標準網(wǎng)頁及動畫制作 PDF格式下載

---