網(wǎng)頁(yè)設(shè)計(jì)與制作教學(xué)大綱(共9頁(yè))

1、精選優(yōu)質(zhì)文檔-傾情為你奉上網(wǎng)頁(yè)設(shè)計(jì)與制作課程教學(xué)大綱課程編號(hào): 課程名稱：網(wǎng)頁(yè)設(shè)計(jì)與制作 課程類型:專業(yè)基礎(chǔ)課總 學(xué) 時(shí)：64 講課學(xué)時(shí)：32 實(shí)驗(yàn)學(xué)時(shí)：32適用班級(jí): 一、課程性質(zhì)、目的和任務(wù)： （加粗，以下同）1、目的本課程要求學(xué)生掌握基本的HTML語(yǔ)言。學(xué)會(huì)使用Dreamweaver開(kāi)發(fā)工具進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)。這是一門重在實(shí)踐的科目，因此需要學(xué)生多上機(jī)、多進(jìn)行實(shí)際操作，把老師所教授的各種網(wǎng)頁(yè)制作、版面設(shè)計(jì)以及程序熟練制作或調(diào)試出來(lái)，并且能夠在此基礎(chǔ)上有所創(chuàng)造、有更進(jìn)一步的發(fā)揮。2、任務(wù)本課程的主要任務(wù)是介紹利用Dreamweaver開(kāi)發(fā)工具進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)，包括新建、編輯和設(shè)置一個(gè)Web站點(diǎn)；如何

2、對(duì)頁(yè)面屬性進(jìn)行基本的設(shè)置，如何設(shè)置、編輯CSS層疊式樣式表；如何排版文字、表格和層；如何進(jìn)行基本的圖像處理；建立框架；模板和庫(kù)的使用和編輯；網(wǎng)站的發(fā)布與維護(hù)等基本知識(shí)與應(yīng)用。目的是通過(guò)本課程的學(xué)習(xí)，培養(yǎng)學(xué)生的實(shí)際動(dòng)手能力和計(jì)算機(jī)的操作能力，能夠運(yùn)用所學(xué)的知識(shí)進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)。二、教學(xué)基本要求： （分三級(jí)：掌握、理解、了解）1掌握：要求學(xué)生能夠全面掌握所學(xué)內(nèi)容，并能夠用其分析、應(yīng)用與Dreamweaver網(wǎng)頁(yè)設(shè)計(jì)相關(guān)的問(wèn)題，能夠舉一反三。2理解：要求學(xué)生能夠較好地理解與Dreamweaver網(wǎng)頁(yè)設(shè)計(jì)相關(guān)的問(wèn)題，并且能夠進(jìn)行簡(jiǎn)單分析和判斷。3了解：要求學(xué)生能夠一般地了解的所學(xué)內(nèi)容。三、教學(xué)內(nèi)容及要求：

3、 第1章 Dreamweaver基礎(chǔ)教學(xué)內(nèi)容：Dreamweaver 的歷史和簡(jiǎn)介Dreamweaver 的安裝過(guò)程Dreamweaver 的全新界面改進(jìn)的設(shè)計(jì)與開(kāi)發(fā)環(huán)境主菜單介紹對(duì)象控制面板介紹教學(xué)要求：掌握：Dreamweaver的基本特點(diǎn)、新增功能及界面組成。基本操作，如安裝、新建、打開(kāi)、導(dǎo)入、保存、關(guān)閉等。理解：新增功能、界面組成的優(yōu)點(diǎn)。了解：Dreamweaver可以為我們做些什么。第2章 網(wǎng)頁(yè)設(shè)計(jì)語(yǔ)言基礎(chǔ)教學(xué)內(nèi)容：HTML及XHTML語(yǔ)言介紹常用的網(wǎng)頁(yè)語(yǔ)法標(biāo)記教學(xué)要求：理解：HTML及XHTML語(yǔ)言介紹，常用的網(wǎng)頁(yè)語(yǔ)法標(biāo)記第3章&#

4、160;文本和圖像處理教學(xué)內(nèi)容：文本屬性面板編輯文本和插入對(duì)象設(shè)置文本的格式編號(hào)與項(xiàng)目符號(hào)在網(wǎng)頁(yè)中插入圖像圖像的應(yīng)用教學(xué)要求：掌握：設(shè)置文本屬性和格式；編號(hào)與項(xiàng)目符號(hào)的使用；插入、編輯和排版圖像。理解：如何進(jìn)行圖像調(diào)整。第4章  表格與頁(yè)面布局教學(xué)內(nèi)容：表格的基本操作單元格的基本操作表格的自動(dòng)套用格式表格的創(chuàng)建表格的編輯創(chuàng)建布局單元和表格教學(xué)要求：掌握：如何插入、編輯表格，創(chuàng)建布局單元和表格。理解：表格在網(wǎng)頁(yè)排版中的作用。了解：使用頁(yè)面布局模式進(jìn)行網(wǎng)頁(yè)排版的方法。第5章  創(chuàng)建超級(jí)鏈接教學(xué)內(nèi)容：鏈接分類創(chuàng)建超級(jí)鏈接鏈接的四種狀態(tài)創(chuàng)建Email鏈接管理超級(jí)

5、鏈接教學(xué)要求：掌握：創(chuàng)建超級(jí)鏈接和Email鏈接，會(huì)設(shè)置鏈接的各種狀態(tài)。理解：超級(jí)鏈接幾種狀態(tài)之間的差別和共同點(diǎn)。了解：創(chuàng)建Email鏈接中的各種技巧。第6章 層與層動(dòng)畫教學(xué)內(nèi)容：層的概念創(chuàng)建層層操作層與表格的相互轉(zhuǎn)換層動(dòng)畫的概念與設(shè)計(jì)教學(xué)要求：掌握：層的概念與使用理解：層動(dòng)畫的概念與設(shè)計(jì)第7章  框架與框架網(wǎng)頁(yè)教學(xué)內(nèi)容：框架的基本概念創(chuàng)建框架和框架集框架的使用框架和框架集的屬性設(shè)置教學(xué)要求：掌握：框架和框架集的創(chuàng)建；框架的使用。理解：使用框架的優(yōu)缺點(diǎn)。第8章  創(chuàng)建樣式表教學(xué)內(nèi)容：CSS層疊式樣式表定義CSS樣式表創(chuàng)建并鏈接到外部CSS樣式設(shè)

6、置CSS樣式的格式化參數(shù)設(shè)置超鏈接顯示狀態(tài)添加各種效果教學(xué)要求：掌握：內(nèi)部和外部的添加方法，編輯屬性，使用進(jìn)行頁(yè)面的排版，創(chuàng)建各種效果。理解：使用CSS排版的優(yōu)點(diǎn)。了解：如何使用控制背景、鼠標(biāo)以及添加其它特殊效果。第9章  資源、模板和庫(kù)教學(xué)內(nèi)容：資源管理模板的創(chuàng)建模板的編輯定義模板可編輯區(qū)域創(chuàng)建，管理和編輯庫(kù)項(xiàng)目教學(xué)要求：掌握：模板的創(chuàng)建，模板的編輯，定義模板可編輯區(qū)域理解：資源管理了解：創(chuàng)建，管理和編輯庫(kù)項(xiàng)目第10章  媒體對(duì)象的應(yīng)用教學(xué)內(nèi)容：插入Flash對(duì)象插入Shockwave對(duì)象插入視頻插入ActiveX控件與Java小程序填加聲音教學(xué)要求：

7、掌握：插入Flash對(duì)象、插入Shockwave對(duì)象、插入視頻、插入ActiveX控件與Java小程序、填加聲音第11章  表單處理教學(xué)內(nèi)容：表單概述表單對(duì)象創(chuàng)建表單處理表單創(chuàng)建動(dòng)態(tài)表單教學(xué)要求：掌握：創(chuàng)建表單、處理表單和設(shè)置表單參數(shù)。理解：表單的概念和作用。了解：如何使用表單創(chuàng)建交互式界面。第12章  創(chuàng)建Web站點(diǎn)教學(xué)內(nèi)容：站點(diǎn)規(guī)劃在Dreamweaver8中創(chuàng)建站點(diǎn)管理站點(diǎn)與站點(diǎn)文件使用站點(diǎn)地圖為網(wǎng)站指定服務(wù)器技術(shù)教學(xué)要求：掌握：規(guī)劃站點(diǎn)、建立和管理站點(diǎn)；使用站點(diǎn)文件和地圖。理解：創(chuàng)建站點(diǎn)的必要性。了解：服務(wù)器技術(shù)的指定。第13章 

8、60;制作動(dòng)態(tài)網(wǎng)站教學(xué)內(nèi)容：Access數(shù)據(jù)庫(kù)基礎(chǔ)ODBC數(shù)據(jù)源設(shè)置ASP與Web服務(wù)器配置Dreamweaver8動(dòng)態(tài)網(wǎng)站設(shè)計(jì)創(chuàng)建與數(shù)據(jù)庫(kù)連接教學(xué)要求：掌握：數(shù)據(jù)源的設(shè)置，如何配置Web服務(wù)器，如何創(chuàng)建與數(shù)據(jù)庫(kù)的鏈接。理解：數(shù)據(jù)庫(kù)在動(dòng)態(tài)網(wǎng)站設(shè)計(jì)中角色的重要性。了解：設(shè)置數(shù)據(jù)源和創(chuàng)建數(shù)據(jù)庫(kù)鏈接的技巧第14章  網(wǎng)站的維護(hù)和上傳教學(xué)內(nèi)容：在本機(jī)中測(cè)試網(wǎng)站預(yù)覽網(wǎng)頁(yè)效果網(wǎng)站的查錯(cuò)發(fā)布網(wǎng)站到服務(wù)器教學(xué)要求：掌握：Dreamweaver8的測(cè)試、預(yù)覽和發(fā)布設(shè)置。理解：網(wǎng)站排錯(cuò)的必要性。了解：如何發(fā)布網(wǎng)站到服務(wù)器。四、實(shí)踐環(huán)節(jié)： 實(shí)訓(xùn)1：建立Web網(wǎng)頁(yè)實(shí)訓(xùn)2：利用表格進(jìn)行網(wǎng)頁(yè)排版實(shí)訓(xùn)3

9、：使用頁(yè)面布局模式實(shí)訓(xùn)4：對(duì)網(wǎng)頁(yè)進(jìn)行排版應(yīng)用格式表實(shí)訓(xùn)5：在網(wǎng)頁(yè)中應(yīng)用模板實(shí)訓(xùn)6：在網(wǎng)頁(yè)中應(yīng)用庫(kù)實(shí)訓(xùn)7：在網(wǎng)頁(yè)中插入導(dǎo)航條和翻轉(zhuǎn)按鈕實(shí)訓(xùn)8：插入Flash及多媒體內(nèi)容實(shí)訓(xùn)9：使用層進(jìn)行網(wǎng)頁(yè)的排版和布局實(shí)訓(xùn)10：自行設(shè)計(jì)和制作個(gè)人網(wǎng)站實(shí)訓(xùn)11：自行設(shè)計(jì)和制作商業(yè)網(wǎng)站五、課外習(xí)題及課程討論：正文為宋體，5號(hào)字六、教學(xué)方法與手段：板書講授、多媒體演示七、各教學(xué)環(huán)節(jié)學(xué)時(shí)分配：理論實(shí)習(xí)選修其他合計(jì)Dreamweaver基礎(chǔ)11網(wǎng)頁(yè)設(shè)計(jì)語(yǔ)言基礎(chǔ)11文本和圖像處理22表格與頁(yè)面布局22創(chuàng)建超級(jí)鏈接44層與層動(dòng)畫44框架與框架網(wǎng)頁(yè)22創(chuàng)建樣式表22資源、模板和庫(kù)22媒體對(duì)象的應(yīng)用22表單處理44創(chuàng)建Web站點(diǎn)22網(wǎng)站的維護(hù)和上傳22制作動(dòng)態(tài)網(wǎng)站22合計(jì)3232表格居中，表格寬度基本占滿版心，行高設(shè)為0.8cm（兩行文字的設(shè)為1.1cm）。八、考核方式： 1. 考核方式：閉卷考試。2. 成績(jī)核定辦