網頁設計與製作任務驅動式教程(第2版)（簡體書）

《全國高職高專教育規劃教材．國家精品課程配套教材：網頁設計與製作任務驅動式教程（第2版）》是國家級精品課程“網頁設計與製作”的配套教材，是創新教學方法、注重素質培養、強化技能訓練的特色教材。
《全國高職高專教育規劃教材．國家精品課程配套教材：網頁設計與製作任務驅動式教程（第2版）》以訓練網頁製作技能為中心，在真實的開發環境中以真實的製作流程執行真實的開發要求，製作真實的旅遊網站。圍繞“旅遊”這個主題精心設計了18個網頁，以網頁製作為主線設計了33項主任務、80項子任務。《全國高職高專教育規劃教材．國家精品課程配套教材：網頁設計與製作任務驅動式教程（第2版）》面向教學全過程設置了12個必要的教學環節：教學導航——操作準備——引導訓練——引導訓練考核評價——同步訓練——同步訓練考核評價——拓展訓練——拓展訓練考核評價——代碼解讀——問題探究——單元小結——單元習題。在全書力求做到課內與課外相結合、教師引導示範與學生自主訓練相結合、能力培養與關注態度相結合。
課程教學以完成網頁製作任務為主線，實行“項目導向、任務驅動、理論實踐一體化”的教學方法，融“教、學、練、評”於一體，體現了“做中學、做中會”的教學理念。
《全國高職高專教育規劃教材．國家精品課程配套教材：網頁設計與製作任務驅動式教程（第2版）》可以作為各大專院校相關專業的網頁設計與製作教材，也可以作為網頁製作的培訓教材和網站開發的參考書。

陳承歡，教授，高級工程師，軟件設計師，湖南省省級專業帶頭人，國家精品課程《網頁設計與製作》主持人，國家資源庫子項目負責人，湖南省“十一五”教育科學重點課題主持人，湖南省教學改革項目主持人，湖南省軟件實習實訓基地項目負責人。多年來致力於總結教學規律、探索教學模式、創新教學方法、開發特色教材，主持開發《網頁設計與製作任務驅動式教程（第2版）》、《XHTML+CSS網頁佈局與美化案例教程》、《ASP.NET網站開發實例教程》、《soLServer2008數據庫設計與管理》、《Java程序設計任務驅動式教程》、《C#程序設計案例教程》、《信息技術實用技能案例教程》、《計算機應用基礎實用教程》、《計算機組裝與維護》、《管理信息系統應用與開發》、《實用工具軟件》等特色教材，其中國家級規劃教材多種。成功地實現了以真實項目或任務為載體重構教學內容、面向教學全過程設置教學環節、“教、學、做、評”一體化設計，在教學實施中取得了良好的教學效果。

《全國高職高專教育規劃教材:網頁設計與制作任務驅動式教程(第2版)》可以作為各大專院校相關專業的網頁設計與制作教材，也可以作為網頁制作的培訓教材和網站開發的參考書。

單元1創建站點與瀏覽網頁
【教學導航】
【操作準備】
【引導訓練】
【任務1-1】創建“E遊天下”站點並瀏覽網頁
【任務1-1-1】創建本地站點“E遊天下
【任務1-1-2】認識DreamweaverCS6的工作界面
【任務1-1-3】打開與保存網頁文檔0101．html
【任務1-1-4】在瀏覽器中瀏覽網頁0101．Html
【引導訓練考核評價】
【同步訓練】
【任務1-2】賞析“快樂旅遊”網的主頁
【同步訓練考核評價】
【拓展訓練】
【任務1-3】賞析“愛旅遊”網的主頁
【拓展訓練考核評價】
【HTML代碼解讀】
【問題探究】
【單元小結】
【單元習題】

單元2製作文本網頁
【教學導航】
【操作準備】
【引導訓練】
【任務2-1】製作總覽旅遊景點的文本網頁
【任務2-1-1】建立站點結構
【任務2-1-2】創建與保存網頁文檔
【任務2-1-3】設置網頁的首選參數
【任務2-1-4】設置頁面的整體屬性
【任務2-1-5】在網頁中輸入文字
【任務2-1-6】輸入與編輯網頁中的文本
【任務2-1-7】網頁文本的格式化
【任務2-1-8】插入與文本相關的元素並設置其屬性
【任務2-1-9】設置超鏈接與瀏覽網頁效果
【引導訓練考核評價】
【同步訓練】
【任務2-2】製作介紹中國名河的文本網頁
【同步訓練考核評價】
【拓展訓練】
【任務2-3】製作介紹中國名山的文本網頁
【拓展訓練考核評價】
【HTML代碼解讀】
【問題探究】
【單元小結】
【單元習題】

單元3制作圖文混排網頁
【教學導航】
【操作準備】
【引導訓練】
【任務3-1】製作介紹中國瀑布的圖文混排網頁
【任務3-1-1】使用【管理站點】對話框創建站點“單元3
【任務3-1-2】應用【文件】面板新建網頁0301．Html
【任務3-1-3】設置頁面的背景圖像
【任務3-1-4】從外部導入文本並設置文本格式
【任務3-1-5】插入圖像與設置圖像屬性
【任務3-1-6】插入鼠標經過圖像並設置其屬性
【引導訓練考核評價】
【同步訓練】
【任務3-2】製作介紹中國名泉的圖文混排網頁
【同步訓練考核評價】
【拓展訓練】
【任務3-3】製作介紹中國名島的圖文混排網
【拓展訓練考核評價】
【HTML代碼解讀】
【問題探究】
【單元小結】
【單元習題】

單元4製作表格佈局的網頁
【教學導航】
【操作準備】
【引導訓練】
【任務4-1】製作以表格佈局的展示千島湖旅遊景點的網頁
【任務4-1-1】插入表格1並設置其屬性
【任務4-1-2】在表格1中插入SWF動畫並設置其屬性
【任務4-1-3】設置表格1單元格的背景圖像
【任務4-1-4】在表格1的單元格中輸入文本
【任務4-1-5】設置滾動文本效果
【任務4-1-6】插入表格2並設置其屬性
【任務4-1-7】設置表格2及其行、列屬性
【任務4-1-8】在表格2第1列的單元格中插入圖像並設置其屬性
【任務4-1-9】在表格2第2列的兩個單元格中輸入文本並設置其屬性
【任務4-1-10】在表格2第3列的單元格中插入嵌套表格2-1
【任務4-1-11】插入表格3並設置其屬性
【任務4-1-12】插入表格4並設置其屬性
【任務4-1-13】插入嵌套表格4-1並設置其屬性
【任務4-1-14】插入表格5並設置其屬性
【任務4-1-15】設置網頁頭文件的內容
【引導訓練考核評價】
【同步訓練】
【任務4-2】製作以表格佈局展示三峽旅遊景點的網頁
【同步訓練考核評價】
【拓展訓練】
【任務4-3】製作以表格佈局介紹中國名湖的網頁
【拓展訓練考核評價】
【HTML代碼解讀】
【問題探究】
【單元小結】
【單元習題】

單元5製作包含超鏈接和APDiv的網頁
【教學導航】
【操作準備】
【引導訓練】
……
單元6使用模板和庫製作網頁
單元7製作表單網頁
單元8使用CSS佈局與美化網頁
單元9製作包含輔效的網頁
單元10設計與製作網站主頁
單元11整合與發佈網站
單元12網頁設計與製作類職業
單元13崗位需求分析
單元14課程教學設計

2.制作網頁的常用工具
（1）Dreamweaver CS6
Dreamweaver是世界頂級軟件廠商Adobe推出的一套制作并編輯網站和移動應用程序的專業網頁設計軟件，其最新推出的版本為Dreamweaver CS6。由于它支持代碼、拆分、設計、實時視圖等多種方式來創作、編寫和修改網頁，無需編寫任何代碼就能快速創建Web頁面。其成熟的代碼編輯工具更適用于Web開發高級人員的創作。CS6版本使用了自適應網格版面創建頁面，在發布前使用多屏幕預覽審閱設計，可大大提高工作效率。改善的FTP性能，可更高效地傳輸大型文件。“實時視圖”和“多屏幕預覽”面板可呈現HTML5代碼，更能夠檢查自己的工作。
Dreamweaver CS6的主要功能如下。
①使用Adobe@Dreamweaver@CS6軟件中的自適應網格版面創建行業標準的HTML5和CSS3編碼。jQuery移動和Adobe PhoneGapTM框架的擴展支持可以為各種屏幕、手機和平板電腦建立項目，將HTML5視頻和CSS3轉換融入頁面。
②利用重新改良的FTP傳輸工具快速上傳大型文件，節省發布項目時批量傳輸相關文件的時間。
③建立復雜的網頁設計和版面，無需編寫代碼。自適應網格版面能夠及時響應，可以快速設計出能在臺式機和各種不同大小屏幕中顯示的項目。
④使用Dreamweaver中集成的Adobe Business Catalyst面板連接并編輯利用AdobeBusiness Catalyst建立的網站，利用托管解決方案建立電子商務網站。
⑤借助jQuery代碼提示加入高級交互性功能，jQuery可輕松為網頁添加互動內容，借助針對手機的啟動模板快速開始設計。
⑥借助Adobe PhoneGap為AndroidTM和iOS構建并封裝本機應用程序。在Dreamweaver中，借助PhoneGap框架將現有的HTML轉換為手機應用程序。
⑦將CSS屬性變化制成動畫轉換效果，使網頁設計栩栩如生。在處理網頁元素和創建優美效果時保持對網頁設計的精準控制。
⑧使用支持顯示HTML5內容的WebKit轉換引擎，在發布之前檢查所制作的網頁，以確保版面的跨瀏覽器兼容性和版面顯示的一致性。
⑨借助“多屏幕預覽”面板，為智能手機、平板電腦和臺式機進行設計。使用媒體查詢支持，為各種不同設備設計樣式并將呈現內容可視化。