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

本文格式為Word版，下載可任意編輯——《Dreamweaver網(wǎng)頁(yè)設(shè)計(jì)與制作》教學(xué)大綱

Dreamweaver網(wǎng)頁(yè)設(shè)計(jì)與制作

一、課程性質(zhì)與任務(wù)

本課程是中等職業(yè)學(xué)校計(jì)算機(jī)專業(yè)網(wǎng)絡(luò)方向核心課程之一。本課程的主要任務(wù)是介紹利用Dreamweaver開(kāi)發(fā)工具進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)，包括新建、編輯和設(shè)置一個(gè)Web站點(diǎn)；如何對(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ì)。

本課程建議安排在二年級(jí)完成。二、課程教學(xué)目標(biāo)

1.了解WEB站點(diǎn)的工作原理；

2.了解、HTTP、HTML、CSS的定義，概念和作用；

3.把握HTML語(yǔ)言中的各種文本格式、字符格式、段落設(shè)置、列表、表單、框架、多媒體標(biāo)記的作用；

4.把握Dreamweaver應(yīng)用軟件的使用功能；

5.能熟練運(yùn)用Dreamweaver應(yīng)用軟件；熟練把握使用絕對(duì)和相對(duì)URL，創(chuàng)立超鏈接，圖像鏈接，圖像映射的建立方法；

6.把握在網(wǎng)頁(yè)中添加CSS、嵌入圖像、聲音、多媒體信息的方法；

7.熟練把握表格的使用方法，學(xué)會(huì)利用表格設(shè)布局網(wǎng)頁(yè)；把握框架制作網(wǎng)頁(yè)的方法，會(huì)使用框架設(shè)計(jì)網(wǎng)頁(yè)；把握制作表單的方法，會(huì)利用表單建立交互式頁(yè)面；8.能夠按網(wǎng)頁(yè)設(shè)計(jì)技術(shù)要求修改和調(diào)試JavaScript代碼；三、教學(xué)的內(nèi)容及要求

本課程的教學(xué)內(nèi)容由理論模塊、實(shí)訓(xùn)模塊兩個(gè)部分構(gòu)成。

1.講授模塊是由教師示范操作，讓學(xué)生通過(guò)練習(xí)達(dá)到把握操作的要求；總的教學(xué)時(shí)數(shù)為36-42學(xué)時(shí)。

2.實(shí)訓(xùn)模塊是由教師布置實(shí)訓(xùn)任務(wù)，由學(xué)生分組共同完成，達(dá)到熟練把握使用Dreamweaver設(shè)計(jì)網(wǎng)站的要求，教學(xué)時(shí)數(shù)為48-54學(xué)時(shí)。理論模塊

第一單元網(wǎng)頁(yè)設(shè)計(jì)概述

教學(xué)單元Dreamweaver的歷史和簡(jiǎn)介教學(xué)內(nèi)容與要求新增功能及界面組成?；静俳虒W(xué)提醒與活動(dòng)建議視頻資料等手段，讓學(xué)把握：Dreamweaver的基本特點(diǎn)、可以通過(guò)安排播放音作，如安裝、新建、開(kāi)啟、導(dǎo)入、生在活動(dòng)中了解1

保存、關(guān)閉等。點(diǎn)。Dreamweaver的安裝過(guò)程了解：Dreamweaver可以為我們做些什么。Dreamweaver的相關(guān)情可以通過(guò)演示整個(gè)安裝過(guò)程的方法讓學(xué)生把握Dreamweaver的安裝可以結(jié)合案例介紹主菜單與控制面板的各種功能理解：新增功能、界面組成的優(yōu)況Dreamweaver的主菜單與控制面板介紹

其次單元?jiǎng)?chuàng)立Web站點(diǎn)教學(xué)單元站點(diǎn)規(guī)劃在Dreamweaver8中創(chuàng)立站點(diǎn)管理站點(diǎn)與站點(diǎn)文件為網(wǎng)站指定服務(wù)器技術(shù)

第三單元網(wǎng)頁(yè)設(shè)計(jì)語(yǔ)言基礎(chǔ)教學(xué)單元HTML語(yǔ)言介紹

第四單元文本和圖像處理

教學(xué)單元文本屬性面板編輯文本和插入對(duì)象設(shè)置文本的格式編號(hào)與項(xiàng)目符號(hào)在網(wǎng)頁(yè)中插入圖像與設(shè)置2

教學(xué)內(nèi)容與要求把握：規(guī)劃站點(diǎn)、建立和管理站點(diǎn)；使用站點(diǎn)文件和地圖。理解：創(chuàng)立站點(diǎn)的必要性。了解：服務(wù)器技術(shù)的指定。教學(xué)提醒與活動(dòng)建議結(jié)合各種創(chuàng)立站點(diǎn)的案例進(jìn)行教學(xué)，幫助學(xué)生把握具體操作教學(xué)內(nèi)容與要求教學(xué)提醒與活動(dòng)建議理解：HTML語(yǔ)言，常用的網(wǎng)頁(yè)語(yǔ)可以結(jié)合案例介紹主HTML語(yǔ)句常用的網(wǎng)頁(yè)語(yǔ)法標(biāo)記法標(biāo)記教學(xué)內(nèi)容與要求把握：設(shè)置文本屬性和格式；編號(hào)與項(xiàng)目符號(hào)的使用；插入、編輯和排幅員像。理解：如何進(jìn)行圖像調(diào)整。教學(xué)提醒與活動(dòng)建議結(jié)合各種錄入文字、插入圖像的案例進(jìn)行教學(xué)，幫助學(xué)生把握具體操作

第五單元表格與頁(yè)面布局

教學(xué)單元表格的基本操作單元格的基本操作表格的創(chuàng)立與編輯創(chuàng)立布局單元和表格

第六單元?jiǎng)?chuàng)立超級(jí)鏈接教學(xué)單元鏈接分類創(chuàng)立與管理超級(jí)鏈接鏈接的四種狀態(tài)教學(xué)內(nèi)容與要求把握：創(chuàng)立超級(jí)鏈接和Email鏈接，會(huì)設(shè)置鏈接的各種狀態(tài)。理解：超級(jí)鏈接幾種狀態(tài)之間的結(jié)合各種應(yīng)用超級(jí)鏈區(qū)別和共同點(diǎn)。技巧。

第七單元層與層動(dòng)畫(huà)教學(xué)單元層的概念把握：層的概念與使用創(chuàng)立層與層操作層與表格的相互轉(zhuǎn)換層動(dòng)畫(huà)的概念與設(shè)計(jì)

第八單元框架與框架網(wǎng)頁(yè)

教學(xué)單元教學(xué)內(nèi)容與要求教學(xué)提醒與活動(dòng)建議結(jié)合各種應(yīng)用框架的案例進(jìn)行教學(xué)，幫助學(xué)生把握具體操作理解：層動(dòng)畫(huà)的概念與設(shè)計(jì)結(jié)合各種應(yīng)用層的案例進(jìn)行教學(xué)，幫助學(xué)生把握具體操作教學(xué)內(nèi)容與要求教學(xué)提醒與活動(dòng)建議接的案例進(jìn)行教學(xué)，幫了解：創(chuàng)立Email鏈接中的各種助學(xué)生把握具體操作創(chuàng)立Email鏈接教學(xué)提醒與活動(dòng)建議教學(xué)內(nèi)容與要求把握：如何插入、編輯表格，創(chuàng)立布局單元和表格。理解：表格在網(wǎng)頁(yè)排版中的作用。頁(yè)排版的方法。結(jié)合各種應(yīng)用表格的案例進(jìn)行教學(xué)，幫助學(xué)生把握具體操教學(xué)提醒與活動(dòng)建議了解：使用頁(yè)面布局模式進(jìn)行網(wǎng)作框架的基本概念把握：框架和框架集的創(chuàng)立；框架的創(chuàng)立框架和框架集框架的使用

使用。理解：使用框架的優(yōu)缺點(diǎn)。3

框架和框架集的屬性設(shè)置

第九單元?jiǎng)?chuàng)立ＣＳＳ樣式表教學(xué)單元CSS層疊式樣式表創(chuàng)立并鏈接到外部CSS樣式框架和框架集的屬性設(shè)置

第十單元媒體對(duì)象的應(yīng)用

教學(xué)單元插入Flash對(duì)象插入Shockwave對(duì)象插入視頻與音頻插入ActiveX控件與Java小程序

第十一單元表單處理教學(xué)單元表單概述表單對(duì)象創(chuàng)立表單處理表單

4

教學(xué)內(nèi)容與要求把握：內(nèi)部ＣＳＳ和外部ＣＳＳ的添加方法，編輯ＣＳＳ屬性，使用ＣＳ效果。理解：使用CSS排版的優(yōu)點(diǎn)。了解：如何使用ＣＳＳ控制背景、鼠標(biāo)以及添加其它特別效果。教學(xué)提醒與活動(dòng)建議定義CSS樣式表Ｓ進(jìn)行頁(yè)面的排版，創(chuàng)立各種ＣＳＳ結(jié)合各種應(yīng)用CSS樣式的案例進(jìn)行教學(xué)，幫助學(xué)生把握具體操作教學(xué)內(nèi)容與要求教學(xué)提醒與活動(dòng)建議把握：插入Flash對(duì)象、插入Shockwave對(duì)象、插入視頻、插入聲音結(jié)合各種插入媒體對(duì)象的案例進(jìn)行教學(xué)，作ActiveX控件與Java小程序、填加幫助學(xué)生把握具體操教學(xué)內(nèi)容與要求把握：創(chuàng)立表單、處理表單和設(shè)置表單參數(shù)。理解：表單的概念和作用。了解：如何使用表單創(chuàng)立交互式界面。教學(xué)提醒與活動(dòng)建議結(jié)合各種應(yīng)用表單的案例進(jìn)行教學(xué)，幫助學(xué)生把握具體操作

第十二單元網(wǎng)站的維護(hù)和上傳

教學(xué)單元教學(xué)內(nèi)容與要求教學(xué)提醒與活動(dòng)建議結(jié)合各種發(fā)布與維護(hù)網(wǎng)站的案例進(jìn)行教學(xué)，幫助學(xué)生把握具體操作在本機(jī)中測(cè)試網(wǎng)站把握：框架和框架集的創(chuàng)立；框預(yù)覽網(wǎng)頁(yè)效果網(wǎng)站的查錯(cuò)實(shí)訓(xùn)模塊序號(hào)模塊名稱實(shí)訓(xùn)目的：架的使用。理解：使用框架的優(yōu)缺點(diǎn)。發(fā)布網(wǎng)站到服務(wù)器教學(xué)要求與活動(dòng)1．了解一個(gè)網(wǎng)站的基本元素2．練習(xí)構(gòu)思一個(gè)網(wǎng)站域名和標(biāo)志3．設(shè)計(jì)一個(gè)網(wǎng)站的框架結(jié)構(gòu)實(shí)訓(xùn)一網(wǎng)站規(guī)劃4．培養(yǎng)團(tuán)隊(duì)意識(shí)和協(xié)作精神實(shí)訓(xùn)過(guò)程：1．采用分組教學(xué),每個(gè)小組就是一個(gè)開(kāi)發(fā)團(tuán)隊(duì)2．充分發(fā)揮小組內(nèi)各成員的積極性、主動(dòng)性和創(chuàng)造性實(shí)訓(xùn)目的：1．熟練把握HTML中各種網(wǎng)頁(yè)元素的添加2．熟練把握表格的使用實(shí)訓(xùn)過(guò)程：1．項(xiàng)目互動(dòng)式教學(xué)法2．“講、學(xué)、練〞相結(jié)合：對(duì)于實(shí)現(xiàn)建立和設(shè)計(jì)網(wǎng)頁(yè)的相關(guān)細(xì)節(jié)，大量采用演示、講解和操作等方式。使學(xué)生在建立和設(shè)