網(wǎng)頁設計與制作（微課版第3版）-教學大綱

《網(wǎng)頁設計與制作》課程教學大綱課程編號：130103課程名稱：網(wǎng)頁設計與制作英文名稱：ComputerNetwork課程性質(zhì)：計算機應用基礎課總學時：48學分：2.5適用對象：文理工管等專業(yè)先修課程：大學計算機基礎一、課程介紹本課程是關(guān)于網(wǎng)頁設計與制作的一門主流課程，該課程不僅是計算機類專業(yè)的重要專業(yè)課，同時也是經(jīng)管類、藝術(shù)設計類、新文科類等擴展計算機應用能力的一門重要課程。本課程的主要任務是講授網(wǎng)頁設計制作理論和方法，課程的內(nèi)容主要包括：網(wǎng)頁制作與HTML5基礎知識，主要介紹網(wǎng)頁的基本概念、DreamweaverCS6和HTML5等知識；網(wǎng)頁整體規(guī)劃與設計時網(wǎng)頁的布局類型、設計流程和網(wǎng)頁顏色搭配等內(nèi)容；本地站點的建立、管理；網(wǎng)頁中文本的多種處理方法；介紹網(wǎng)頁中的圖像、動畫、視頻和音頻等多媒體在網(wǎng)頁中的基本處理方法；網(wǎng)頁中的超鏈接，介紹超鏈接的概念和實現(xiàn)的方法；網(wǎng)頁中表格使用與簡單頁面布局，介紹表格在網(wǎng)頁中的使用及使用表格進行布局的方法；設計框架網(wǎng)頁，介紹頁面框架及其應用；CSS與Div布局，介紹CSS樣式的語法及Div實現(xiàn)頁面布局的方法；網(wǎng)頁的行為，介紹在網(wǎng)頁中實現(xiàn)行為的方法；網(wǎng)頁交互與特效，介紹交互的行為和Spry框架及其應用；網(wǎng)頁表單的應用，介紹相關(guān)表單的實現(xiàn)方法；網(wǎng)站綜合設計與制作，介紹完整網(wǎng)站頁面的設計與制作過程。通過學習為從事與網(wǎng)頁設計制作、管理與維護打下良好的基礎。二、課程目標通過本課程的理論學習和制作實踐，學生應具備以下能力：.能夠運用網(wǎng)頁制作知識和網(wǎng)頁設計與制作理論表達網(wǎng)頁設計與制作技術(shù)問題，能抽象或歸納網(wǎng)頁設計與制作問題。.能夠運用網(wǎng)頁設計與制作理論分析方法對網(wǎng)頁設計與制作問題進行性能分析評價，并給出有效結(jié)論及解決方案。.能夠針對較復雜網(wǎng)頁設計與制作的要求和特性，確定網(wǎng)頁設計與制作設計的方案，并能進行網(wǎng)頁設計與制作系統(tǒng)的設計，能以設計制作方案的形式呈現(xiàn)設計結(jié)果。.能夠運用網(wǎng)頁設計與制作軟件分析網(wǎng)頁設計驗證網(wǎng)頁設計的正確性。.能夠應用網(wǎng)頁設計與制作的專業(yè)軟件進行網(wǎng)頁的規(guī)劃、設計與制作等。

三、教學內(nèi)容與預期學習成效

知識單元知識點預期學習成效學時網(wǎng)頁制作與HTML5基礎知識網(wǎng)頁的定義和分類；網(wǎng)頁設計的相關(guān)概念；網(wǎng)頁的基本組成元素；DreamweaverCS6概述；DreamweaverCS6的工作界面；網(wǎng)頁標準技術(shù)與HTML；網(wǎng)頁結(jié)構(gòu)語言；網(wǎng)頁表現(xiàn)語言；網(wǎng)頁行為語言；在DreamweaverCS6中創(chuàng)立HTML5文檔；HTML5常用標簽。①掌握網(wǎng)頁設計與制作的基本概念；②掌握網(wǎng)頁的基本組成；③理解DREAMWEAVERCS6的工作界面和結(jié)構(gòu)；④理解網(wǎng)頁的標準；⑤理解HTML5語言及結(jié)構(gòu)。3網(wǎng)頁整體規(guī)劃與設計網(wǎng)頁設計基礎；網(wǎng)頁布局類型；網(wǎng)頁整體造型；網(wǎng)頁設計要素；網(wǎng)站與網(wǎng)頁的設計流程及主題確實定；網(wǎng)站與網(wǎng)頁的設計流程；網(wǎng)站主題確實定；網(wǎng)站的需求分析；色彩基礎知識；網(wǎng)站中的色彩應用；網(wǎng)頁元素之間的色彩搭配。①掌握網(wǎng)頁設計基本；②理解網(wǎng)頁的布局與整體造型；③掌握網(wǎng)站與網(wǎng)頁的設計流程及主題與網(wǎng)站的需求分析；④學習色彩基礎知識；⑤會進行基本的網(wǎng)頁的色彩搭配。3建立本地站點什么是站點；本地站點；創(chuàng)立本地站點；管理本地站點；切換站點與站點的其他操作。①理解站點的概念；②掌握站點的創(chuàng)建；③對站點能進行管理；④會切換站點；⑤能對站點時行維護；3制作文本創(chuàng)立文檔；保存文檔；文本編輯；輸入文本；添加新的字體；設置文本格式；設置文本格式；設置段落在頁面中添加其他元素；設置網(wǎng)頁背景；工程符號和編號；水平線、網(wǎng)格與標尺。①掌握文檔創(chuàng)立和編輯；②會設置文本的格式；③會設置段落；④會設置網(wǎng)頁中的背景；⑤掌握工程符號、編號以及水平線、網(wǎng)格與標尺的使用。4網(wǎng)頁中的多媒體網(wǎng)頁中常用的圖像格式、GIF格式、JPEG格式、PNG格式；插入與設置圖像；插入圖像占位符實現(xiàn)鼠標經(jīng)過圖像；插入Flash動畫、插入FLV視頻：網(wǎng)頁中的音頻文件格式：網(wǎng)頁中的視頻文件格式；插入HOCKWAVE①掌握多媒體的格式；②掌握圖像的插圖插入與設置；④掌握動畫的插入與設置；⑤掌握FLV視頻的插入與設置；⑥掌握音頻文件在網(wǎng)頁中的應用，如背景音樂的應用。4影片、插入ActiveX控件、插入背景音樂。網(wǎng)頁中的超鏈接超鏈接的定義；超鏈接的類型；鏈接路徑；創(chuàng)立超鏈接的方法；文本超鏈接；下載超鏈接；電子郵件超鏈接；圖像超鏈接；命名錨記超鏈接；空鏈接；設置腳本超鏈接；管理超鏈接；自動更新超鏈接。①理解超鏈接的定義、超鏈接的類型；②掌握文本超鏈接；③掌握電子郵件超鏈接、圖像超鏈接；④會命名錨記超鏈接；⑤掌握空鏈接、設置腳本超鏈接；⑥理解管理超鏈接、自動更新超鏈接。4表格使用與簡單頁面布局插入表格；在表格中插入網(wǎng)頁元素；設置表格及單元格的屬性；設置單元格的屬性；表格與單元格的具體操作；表格分隔線與邊框操、表格特效設置；擴展表格模式的進入和退出。①掌握插入表格；②掌握在表格中插入網(wǎng)頁元素；③掌握單元格的屬性的設置；④掌握對表格的調(diào)整；⑤掌握表格在頁面中的應用方式。4設計框架網(wǎng)頁框架網(wǎng)頁概念；創(chuàng)立各種框架；編輯框架集和保存框架集；設置框架頁面滾動條；向框架中添加內(nèi)容；框架屬性；框架鏈接；框架標簽；內(nèi)嵌框架IFRAME;IFRAME的屬性及應用。①理解框架網(wǎng)頁概念；②會創(chuàng)立框架；③會編輯框架集和保存框架集；④能設置框架頁面滾動條、向框架中添加內(nèi)容；⑤能內(nèi)嵌框架IFRAME并設置IFRAME的屬性。4CSS與Div布局CSS的基本概念；CSS基本語法；CSS的分類；設置文本CSS樣式、設置文字樣式；設置文本對象樣式修飾背景和邊框；設置背景顏色和背景圖像；設置邊框樣式；盒模型；設置標簽的顯示方式；CSS+Div布局DIV標簽；3種布局方式。①理解CSS的基本概念；②理解CSS的分類；③掌握CSS樣式、文字樣式的設置和背景邊框修飾；④掌握盒狀模型；⑤掌握CSS+DIV布局DIV標簽的使用。4行為行為概述；事件、動作；“行為”面板；添加行為、編輯行為；文本類行為；設置狀態(tài)欄文本；圖像類行為；代碼屬性類行為、跳轉(zhuǎn)類行為、效果類行為。①理解行為基本概念；②掌握行為的基本操作；③能添加行為、編輯行為；文本類行為；④掌握圖像類行為；⑤掌握效果類行為。4網(wǎng)頁交互與特效網(wǎng)頁的交互行為概念；拖動AP元素；顯示隱藏元素；Spry框架Spry①理解交互行為基本概念；②掌握拖動AP元素操作；③Spry框架Spry效4

效果、Spry菜單欄；Spry選項卡式面板;Spry折疊式面板、Spry可折疊面板。果；spry菜單欄；；④Spry折疊式面板、Spry可折疊面板。網(wǎng)頁表單的應用Spry表單驗證技術(shù)；Spry驗證文本域；Spry驗證密碼域；Spry驗證文本區(qū)域；Spry驗證單項選擇按鈕組；①理解Spry表單驗證技術(shù)基本概念；②掌握SPRY驗證密碼域、SPRY驗證文本區(qū)域；③Spry驗證列表；④Spry驗證復選。3網(wǎng)站綜合設計與制作實踐網(wǎng)站定位；網(wǎng)站需求分析；網(wǎng)站欄目設計；站點定義與目錄管理；網(wǎng)頁設計與制作；頁面布局；制作網(wǎng)站首頁；內(nèi)容頁面的制作。①掌握站點需求分析；②站點規(guī)劃；③掌握站點設計；④掌握站點實現(xiàn)。4課時加課汴（-）考核內(nèi)容及占比過程性考核占40%（包括作業(yè)、考勤、課堂表現(xiàn)等）；作品占40%（提交完整的網(wǎng)頁設計作品）。（見作品考核參考標準）（二）考核方式1.考核方式網(wǎng)頁作品。五、推薦教材、參考書目（一）推薦教材口］雷偉軍，馮永亮，毛艷，侯敏等.網(wǎng)頁設計與制作（微課版第3版）加］.