Dreamweaver网页设计与制作
一、课程性质与任务
本课程是中等职业学校计算机专业网络方向核心课程之一。本课程的主要任务是介绍利用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和外部CSS的添加方法,编辑CSS属性,使用CSS进行页面的排版,创建各种CSS效果。 理解:使用CSS排版的优点。 了解:如何使用CSS控制背景、鼠标以及添加其它特殊效果。 教学提示与活动建议 结合各种应用CSS样式的案例进行教学,帮助学生掌握具体操作 第十单元 媒体对象的应用
教学单元 插入Flash对象 插入Shockwave对象 掌握:插入Flash对象、插入Shockwave对象、插入视频、插入ActiveX控件与Java插入视频与音频 插入ActiveX控件与小程序、填加声音 Java小程序 教学内容与要求 教学提示与活动建议 结合各种插入媒体对象的案例进行教学,帮助学生掌握具体操作 第十一单元 表单处理
教学单元 表单概述 表单对象 创建表单 处理表单 教学内容与要求 掌握:创建表单、处理表单和设置表单参数。 理解:表单的概念和作用。 了解:如何使用表单创建交互式界面。 教学提示与活动建议 结合各种应用表单的案例进行教学,帮助学生掌握具体操作 第十二单元 网站的维护和上传
教学单元 在本机中测试网站 预览网页效果 网站的查错 发布网站到服务器 教学内容与要求 教学提示与活动建议 结合各种发布与维护掌握:框架和框架集的创建;框架的使用。 网站的案例进行教理解:使用框架的优缺点。 学,帮助学生掌握具 体操作 实训模块
序号 模块名称 教学要求与活动 实训目的: 1.了解一个网站的基本元素 2.练习构思一个网站域名和标志 3.设计一个网站的框架结构 4.培养团队意识和协作精神 实训过程: 1.采用分组教学 , 每个小组就是一个开发团队 2.充分发挥小组内各成员的积极性、主动性和创造性 实训目的: 1.熟练掌握 HTML 中各种网页元素的添加 2.熟练掌握表格的使用 实训过程: 1.项目互动式教学法 2.“讲、学、练”相结合:对于实现建立和设计网页的相关细节,大量采用演示、讲解和操作等方式。使学生在建立和设计网页的实践中加深对相关内容的理解并熟练掌握。 实训目的: 1.掌握框架的基本结构 2.掌握框架的各种属性 3.熟练掌握框架结构之间的链接 实训过程: 1.项目互动式教学法 2.“讲、学、练”相结合:对于实现建立和设计HTML框架页面的相关细节,大量采用演示、讲解和操作等方式。使学生在建立和设计网页的实践中加深对相关内容的理解并熟练掌握。 实训目的: 1.掌握表单标志 2.掌握输入标志 实训过程: 1.项目互动式教学法 2.“讲、学、练”相结合:对于实现建立和设计HTML表单的相关细节,大量采用演示、讲解和操作等方式。使学生在建立和设计网页的实践中加深对相关内容的理解并熟练掌握。 实训一 网站规划 实训二 HTML基本标记及表格 实训三 用 HTML制作框架页面 实训四 用 HTML制作表单
《Dreamweaver网页设计与制作》课程标准



