網頁設計與制作課程教學大綱課程編號: 課程名稱：網頁設計與制作 課程類型:專業基礎課總 學 時：64 講課學時：32 實驗學時：32適用班級: 一、課程性質、目的和任務： （加粗，以下同）1、目的本課程要求學生掌握基本的HTML語言。學會使用Dreamweaver開發工具進行網頁設計。這是一門重在實踐的科目，因此需要學生多上機、多進行實際操作，把老師所教授的各種網頁制作、版面設計以及程序熟練制作或調試出來，并且能夠在此基礎上有所創造、有更進一步的發揮。2、任務本課程的主要任務是介紹利用Dreamweaver開發工具進行網頁設計，包括新建、編輯和設置一個Web站點；如何對頁面屬性進行基本的設置，如何設置、編輯CSS層疊式樣式表；如何排版文字、表格和層；如何進行基本的圖像處理；建立框架；模板和庫的使用和編輯；網站的發布與維護等基本知識與應用。目的是通過本課程的學習，培養學生的實際動手能力和計算機的操作能力，能夠運用所學的知識進行網頁設計。二、教學基本要求： （分三級：掌握、理解、了解）1掌握：要求學生能夠全面掌握所學內容，并能夠用其分析、應用與Dreamweaver網頁設計相關的問題，能夠舉一反三。2理解：要求學生能夠較好地理解與Dreamweaver網頁設計相關的問題，并且能夠進行簡單分析和判斷。3了解：要求學生能夠一般地了解的所學內容。三、教學內容及要求： 第1章Dreamweaver基礎教學內容：Dreamweaver的歷史和簡介Dreamweaver的安裝過程Dreamweaver的全新界面改進的設計與開發環境主菜單介紹對象控制面板介紹教學要求：掌握：Dreamweaver的基本特點、新增功能及界面組成?；静僮鳎绨惭b、新建、打開、導入、保存、關閉等。理解：新增功能、界面組成的優點。了解：Dreamweaver可以為我們做些什么。第2章網頁設計語言基礎教學內容：HTML及XHTML語言介紹常用的網頁語法標記教學要求：理解：HTML及XHTML語言介紹，常用的網頁語法標記第3章文本和圖像處理教學內容：文本屬性面板編輯文本和插入對象設置文本的格式編號與項目符號在網頁中插入圖像圖像的應用教學要求：掌握：設置文本屬性和格式；編號與項目符號的使用；插入、編輯和排版圖像。理解：如何進行圖像調整。第4章表格與頁面布局教學內容：表格的基本操作單元格的基本操作表格的自動套用格式表格的創建表格的編輯創建布局單元和表格教學要求：掌握：如何插入、編輯表格，創建布局單元和表格。理解：表格在網頁排版中的作用。了解：使用頁面布局模式進行網頁排版的方法。第5章創建超級鏈接教學內容：鏈接分類創建超級鏈接鏈接的四種狀態創建Email鏈接管理超級鏈接教學要求：掌握：創建超級鏈接和Email鏈接，會設置鏈接的各種狀態。理解：超級鏈接幾種狀態之間的差別和共同點。了解：創建Email鏈接中的各種技巧。第6章層與層動畫教學內容：層的概念創建層層操作層與表格的相互轉換層動畫的概念與設計教學要求：掌握：層的概念與使用理解：層動畫的概念與設計第7章框架與框架網頁教學內容：框架的基本概念創建框架和框架集框架的使用框架和框架集的屬性設置教學要求：掌握：框架和框架集的創建；框架的使用。理解：使用框架的優缺點。第8章創建樣式表教學內容：CSS層疊式樣式表定義CSS樣式表創建并鏈接到外部CSS樣式設置CSS樣式的格式化參數設置超鏈接顯示狀態添加各種效果教學要求：掌握：內部和外部的添加方法，編輯屬性，使用進行頁面的排版，創建各種效果。理解：使用CSS排版的優點。了解：如何使用控制背景、鼠標以及添加其它特殊效果。第9章資源、模板和庫教學內容：資源管理模板的創建模板的編輯定義模板可編輯區域創建，管理和編輯庫項目教學要求：掌握：模板的創建，模板的編輯，定義模板可編輯區域理解：資源管理了解：創建，管理和編輯庫項目第10章媒體對象的應用教學內容：插入Flash對象插入Shockwave對象插入視頻插入ActiveX控件與Java小程序填加聲音教學要求：掌握：插入Flash對象、插入Shockwave對象、插入視頻、插入ActiveX控件與Java小程序、填加聲音第11章表單處理教學內容：表單概述表單對象創建表單處理表單創建動態表單教學要求：掌握：創建表單、處理表單和設置表單參數。理解：表單的概念和作用。了解：如何使用表單創建交互式界面。第12章創建Web站點教學內容：站點規劃在Dreamweaver8中創建站點管理站點與站點文件使用站點地圖為網站指定服務器技術教學要求：掌握：規劃站點、建立和管理站點；使用站點文件和地圖。理解：創建站點的必要性。了解：服務器技術的指定。第13章制作動態網站教學內容：Access數據庫基礎ODBC數據源設置ASP與Web服務器配置Dreamweaver8動態網站設計創建與數據庫連接教學要求：掌握：數據源的設置，如何配置Web服務器，如何創建與數據庫的鏈接。理解：數據庫在動態網站設計中角色的重要性。了解：設置數據源和創建數據庫鏈接的技巧第14章網站的維護和上傳教學內容：在本機中測試網站預覽網頁效果網站的查錯發布網站到服務器教學要求：掌握：Dreamweaver8的測試、預覽和發布設置。理解：網站排錯的必要性。了解：如何發布網站到服務器。四、實踐環節： 實訓1：建立Web網頁實訓2：利用表格進行網頁排版實訓3：使用頁面布局模式實訓4：對網頁進行排版應用格式表實訓5：在網頁中應用模板實訓6：在網頁中應用庫實訓7：在網頁中插入導航條和翻轉按鈕實訓8：插入Flash及多媒體內容實訓9：使用層進行網頁的排版和布局實訓10：自行設計和制作個人網站實訓11：自行設計和制作商業網站五、課外習題及課程討論：正文為宋體，5號字六、教學方法與手段：板書講授、多媒體演示七、各教學環節學時分配：理論實習選修其他合計Dreamweaver基礎11網頁設計語言基礎11文本和圖像處理22表格與頁面布局22創建超級鏈接44層與層動畫44框架與框架網頁22創建樣式表22資源、模板和庫22媒體對象的應用22表單處理44創建Web站點22網站的維護和上傳22制作動態網站22合計3232表格居中，表格寬度基本占滿版心，行高設為0.8cm（兩行文字的設為1.1cm）。八、考核方式： 1. 考核方式：閉卷考試。2. 成績核定辦法：