《Dreamweaver网页设计与制作》课程标准.docx

《Dreamweaver网页设计与制作》课程标准.docx

《《Dreamweaver网页设计与制作》课程标准.docx》由会员分享，可在线阅读，更多相关《《Dreamweaver网页设计与制作》课程标准.docx（14页珍藏版）》请在冰豆网上搜索。

《Dreamweaver网页设计与制作》课程标准

Dreamweaver网页设计与制作

课程标准

武汉市黄陂区职业技术学校

2014年3月

一、课程性质与任务

本课程是中等职业学校计算机专业网络方向核心课程之一。

本课程的主要任务是介绍利用Dreamweaver开发工具进行网页设计，包括新建、编辑和设置一个Web站点；如何对页面属性进行基本的设置，如何设置、编辑CSS层叠式样式表；如何排版文字、表格和层；如何进行基本的图像处理；建立框架；模板和库的使用和编辑；网站的发布与维护等基本知识与应用。

目的是通过本课程的学习，培养学生的实际动手能力和计算机的操作能力，能够运用所学的知识进行网页设计。

本课程建议安排在二年级完成。

二、课程教学目标

1．了解WEB站点的工作原理；

2．了解WWW、HTTP、HTML、CSS的定义，概念和作用；

3．掌握HTML语言中的各种文本格式、字符格式、段落设置、列表、表单、框架、多媒体标记的作用；

4．掌握Dreamweaver应用软件的使用功能；

5．能熟练运用Dreamweaver应用软件；熟练掌握使用绝对和相对URL，创建超链接，图像链接，图像映射的建立方法；

6．掌握在网页中添加CSS、嵌入图像、声音、多媒体信息的方法；

7．熟练掌握表格的使用方法，学会利用表格设布局网页；掌握框架制作网页的方法，会使用框架设计网页；掌握制作表单的方法，会利用表单建立交互式页面；

8．能够按网页设计技术要求修改和调试JavaScript代码；

三、教学的内容及要求

本课程的教学内容由理论模块、实训模块两个部分构成。

1.讲授模块是由教师示范操作，让学生通过练习达到掌握操作的要求；总的教学时数为36-42学时。

2.实训模块是由教师布置实训任务，由学生分组共同完成，达到熟练掌握使用Dreamweaver设计网站的要求，教学时数为48-54学时。

理论模块

第一单元　网页设计概述

教学单元

教学内容与要求

教学提示与活动建议

Dreamweaver 的历史和简介

掌握：

Dreamweaver的基本特点、新增功能及界面组成。

基本操作，如安装、新建、打开、导入、保存、关闭等。

理解：

新增功能、界面组成的优点。

了解：

Dreamweaver可以为我们做些什么。

可以通过安排播放音视频资料等手段，让学生在活动中了解Dreamweaver的相关情况

Dreamweaver 的安装过程

可以通过演示整个安装过程的方法让学生掌握Dreamweaver 的安装

Dreamweaver 的主菜单与控制面板介绍

可以结合案例介绍主菜单与控制面板的各种功能

第二单元　创建Web站点

教学单元

教学内容与要求

教学提示与活动建议

站点规划

掌握：

规划站点、建立和管理站点；使用站点文件和地图。

理解：

创建站点的必要性。

了解：

服务器技术的指定。

结合各种创建站点的案例进行教学，帮助学生掌握具体操作

在Dreamweaver8中创建站点

管理站点与站点文件

为网站指定服务器技术

第三单元　网页设计语言基础

教学单元

教学内容与要求

教学提示与活动建议

HTML语言介绍

理解：

HTML语言，常用的网页语法标记

可以结合案例介绍主HTML语句

常用的网页语法标记

第四单元　文本和图像处理

教学单元

教学内容与要求

教学提示与活动建议

文本属性面板

掌握：

设置文本属性和格式；编号与项目符号的使用；插入、编辑和排版图像。

理解：

如何进行图像调整。

结合各种录入文字、插入图像的案例进行教学，帮助学生掌握具体操作

编辑文本和插入对象

设置文本的格式

编号与项目符号

在网页中插入图像与设置

第五单元　表格与页面布局

教学单元

教学内容与要求

教学提示与活动建议

表格的基本操作

掌握：

如何插入、编辑表格，创建布局单元和表格。

理解：

表格在网页排版中的作用。

了解：

使用页面布局模式进行网页排版的方法。

结合各种应用表格的案例进行教学，帮助学生掌握具体操作

单元格的基本操作

表格的创建与编辑

创建布局单元和表格

第六单元　创建超级链接

教学单元

教学内容与要求

教学提示与活动建议

链接分类

掌握：

创建超级链接和Email链接，会设置链接的各种状态。

理解：

超级链接几种状态之间的差别和共同点。

了解：

创建Email链接中的各种技巧。

结合各种应用超级链接的案例进行教学，帮助学生掌握具体操作

创建与管理超级链接

链接的四种状态

创建Email链接

第七单元　层与层动画

教学单元

教学内容与要求

教学提示与活动建议

层的概念

掌握：

层的概念与使用

理解：

层动画的概念与设计

结合各种应用层的案例进行教学，帮助学生掌握具体操作

创建层与层操作

层与表格的相互转换

层动画的概念与设计

第八单元　框架与框架网页

教学单元

教学内容与要求

教学提示与活动建议

框架的基本概念

掌握：

框架和框架集的创建；框架的使用。

理解：

使用框架的优缺点。

结合各种应用框架的案例进行教学，帮助学生掌握具体操作

创建框架和框架集

框架的使用

框架和框架集的属性设置

第九单元　创建ＣＳＳ样式表

教学单元

教学内容与要求

教学提示与活动建议

CSS层叠式样式表

掌握：

内部ＣＳＳ和外部ＣＳＳ的添加方法，编辑ＣＳＳ属性，使用ＣＳＳ进行页面的排版，创建各种ＣＳＳ效果。

　　理解：

使用CSS排版的优点。

了解：

如何使用ＣＳＳ控制背景、鼠标以及添加其它特殊效果。

结合各种应用CSS样式的案例进行教学，帮助学生掌握具体操作

定义CSS样式表

创建并链接到外部CSS样式

框架和框架集的属性设置

第十单元　媒体对象的应用

教学单元

教学内容与要求

教学提示与活动建议

插入Flash对象

掌握：

插入Flash对象、插入Shockwave对象、插入视频、插入ActiveX控件与Java小程序、填加声音

结合各种插入媒体对象的案例进行教学，帮助学生掌握具体操作

插入Shockwave对象

插入视频与音频

插入ActiveX控件与Java小程序

第十一单元　表单处理

教学单元

教学内容与要求

教学提示与活动建议

表单概述

掌握：

创建表单、处理表单和设置表单参数。

　　理解：

表单的概念和作用。

了解：

如何使用表单创建交互式界面。

结合各种应用表单的案例进行教学，帮助学生掌握具体操作

表单对象

创建表单

处理表单

第十二单元　网站的维护和上传

教学单元

教学内容与要求

教学提示与活动建议

在本机中测试网站

掌握：

框架和框架集的创建；框架的使用。

理解：

使用框架的优缺点。

结合各种发布与维护网站的案例进行教学，帮助学生掌握具体操作

预览网页效果

网站的查错

发布网站到服务器

实训模块

序号

模块名称

教学要求与活动

实训一

网站规划

实训目的：

1．了解一个网站的基本元素

2．练习构思一个网站域名和标志

3．设计一个网站的框架结构

4．培养团队意识和协作精神

实训过程：

1．采用分组教学,每个小组就是一个开发团队

2．充分发挥小组内各成员的积极性、主动性和创造性

实训二

HTML基本标记及表格

实训目的：

1．熟练掌握HTML中各种网页元素的添加

2．熟练掌握表格的使用

实训过程：

1．项目互动式教学法

2．“讲、学、练”相结合：

对于实现建立和设计网页的相关细节，大量采用演示、讲解和操作等方式。

使学生在建立和设计网页的实践中加深对相关内容的理解并熟练掌握。

实训三

用HTML制作框架页面

实训目的：

1．掌握框架的基本结构

2．掌握框架的各种属性

3．熟练掌握框架结构之间的链接

实训过程：

1．项目互动式教学法

2．“讲、学、练”相结合：

对于实现建立和设计HTML框架页面的相关细节，大量采用演示、讲解和操作等方式。

使学生在建立和设计网页的实践中加深对相关内容的理解并熟练掌握。

实训四

用HTML制作表单

实训目的：

1．掌握表单标志

2．掌握输入标志

实训过程：

1．项目互动式教学法

2．“讲、学、练”相结合：

对于实现建立和设计HTML表单的相关细节，大量采用演示、讲解和操作等方式。

使学生在建立和设计网页的实践中加深对相关内容的理解并熟练掌握。

实训五

CSS样式的应用

实训目的：

1．掌握CSS的基本概念

2、掌握CSS样式定义

3、掌握CSS常用属性与值

实训过程：

1．项目互动式教学法

2．“讲、学、练”相结合：

对于建立和设计CSS样式的相关细节，大量采用演示、讲解和操作等方式。

使学生在建立和设计网页的实践中加深对相关内容的理解并熟练掌握。

实训六

用Dreamweaver建立和管理站点

实训目的：

1．掌握建立新站点的方法

2．学会设置站点参数

3．学会管理站点

实训过程：

1．项目互动式教学法

2．“讲、学、练”相结合：

对于实现建立和管理站点的相关操作细节，大量采用演示、讲解和操作等方式。

使学生在建立和设计网页的实践中加深对相关内容的理解并熟练掌握。

实训七

用Dreamweaver处理文本和图片

实训目的：

1．掌握文本的基本操作

2.掌握图片的基本操作

实训过程：

1．项目互动式教学法

2．“讲、学、练”相结合：

对于实现文本和图片处理的相关细节，大量采用演示、讲解和操作等方式。

使学生在建立和设计网页的实践中加深对相关内容的理解并熟练掌握。

实训八

用表格和布局模式布局网页

实训目的：

1．掌握用表格布局网页基本操作

2.掌握用布局模式布局网页基本操作

3.比较表格和布局模式的优劣

实训过程：

1．项目互动式教学法

2．“讲、学、练”相结合：

对于实现布局网页的相关细节，大量采用演示、讲解和操作等方式。

使学生在建立和设计网页的实践中加深对相关内容的理解并熟练掌握。

实训九

用Dreamweaver制作框架网页

实训目的：

1．制作框架网页

2.制作浮动框架网页

实训过程：

1．项目互动式教学法

2．“讲、学、练”相结合：

对于实现框架页面的相关细节，大量采用演示、讲解和操作等方式。

使学生在建立和设计网页的实践中加深对相关内容的理解并熟练掌握。

实训十

使用Dreamweaver制作表单网页

实训目的：

1．学会制作表单网页

实训过程：

1．项目互动式教学法

2．“讲、学、练”相结合：

对于实现网页表单的相关细节，大量采用演示、讲解和操作等方式。

使学生在建立和设计网页的实践中加深对相关内容的理解并熟练掌握。

实训十一

Dreamweaver中的层及其运用

实训目的：

1．掌握层的应用

实训过程：

1．项目互动式教学法

2．“讲、学、练”相结合：

对于层的用法相关操作细节，大量采用演示、讲解和操作等方式。

使学生在建立和设计网页的实践中加深对相关内容的理解并熟练掌握。

实训十二

Dreamweaver综合实训

实训目的：

1．如何定位网站的主题

2.如何设计网站栏目

3.如何选用技术手段和色彩搭配

4.培养团队意识和协作精神

实训过程：

1．采用分组教学,每个小组就是一个开发团队

2、充分发挥小组内各成员的积极性、主动性和创造性

四、教学进度和课时安排

建议学校开设周课时5-6节，一期完成。

序号

课程内容

教学时数

教学进度安排

讲授与上机

说明

1

网页设计概述

第1周

2

建议在机房组织教学，上课即为上机，讲授与上机合二为一

2

创建Web站点

第1周

3

3

网页设计语言基础

第4周

4

4

文本和图像处理

第5周

3

5

表格与页面布局

第7周

4

6

创建超级链接

第8周

3

7

层与层动画

第10周

3

8

框架与框架网页

第12周

2

9

创建CSS样式表

第13周

4

10

媒体对象的应用

第14周

3

11

表单处理

第15周

3

12

网站的维护和上传

第16周

2

机动

6

合计

36～42

实训模块的教学时数分配由学校根据具体情况自行安排48-54个课时，教学安排穿插在讲授模块各单元之间。

五、教法建议

在本课程教学中，应充分体现以学生为主体，把学习的主动权交给学生，让学生作为主体参与教学过程，使学生养成良好的学习习惯；应充分发挥教师在教学设计、教学组织中的主导作用，提倡结合现有教学条件，灵活选择、运用教学方法。

应注重学生能力的培养，强调学做结合，理论与实践融为一体，培养学生实际动手能力和解决实际问题的能力。

实训模块的教学应穿插在讲授模块的各单元之间，根据当前行业情况设计相应案例，着重培养学生适应行业需要的网页设计基本技能和基础知识。

六、教材使用建议

《DreamweaverCS5网页制作案例应用》高等教育出版社

《网页制作基础教程（DreamweaverCS5版）》电子工业出版社

《网页制作教程》人民邮电出版社

七、教学评价建议

1.考试考核要求及评价建议

本课程的考核与评价要坚持总结性评价和过程性评价相结合，定量评价和定性评价相结合，教师评价和学生自评、互评相结合。

（1）课程结业考核采用平时作业与实训项目情况相结合的原则进行:

平时作业、实训项目占40%，通过期末考核占60%，形成学生的考试成绩。

（2）“项目学分制”考核。

学生在专业教师指导下，通过实践，能达到独立制作网站，个人作品能得到应用（即：

成功为企、事业单位或个人建立网站），即可取得该课程学分。