Dreamweaver网页设计与制作一、课程性质与任务本课程是中等职业学校计算机专业网络方向核心课程之一。本课程的主要任务是介绍利用Dreamweaver开发工具进行网页设计,包括新建、编辑和设置一个Web站点;如何对页面属性进行基本的设置,如何设置、编辑CSS层叠式样式表;如何排版文字、表格和层;如何进行基本的图像处理;建立框架;模板和库的使用和编辑;网站的发布与维护等基本知识与应用。目的是通过本课程的学习,培养学生的实际动手能力和计算机的操作能力,能够运用所学的知识进行网页设计。本课程建议安排在二年级完成。二、课程教学目标1.了解WEB站点的工作原理;2.了解、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对象掌握:插入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周33网页设计语言基础第4周44文本和图像处理第5周35表格与页面布局第7周46创建超级链接第8周37层与层动画第10周38框架与框架网页第12周29创建CSS样式表第13周410媒体对象的应用第14周311表单处理第15周312网站的维护和上传第16周2机动6合计36~42实训模块的教学时数分配由学校根据具体情况自行安排48-54个课时,教学安排穿插在讲授模块各单元之间。五、教法建议在本课程教学中,应充分体现以学生为主体,把学习的主动权交给学生,让学生作为主体参与教学过程,使学生养成良好的学习习惯;应充分发挥教师在教学设计、教学组织中的主导作用,提倡结合现有教学条件,灵活选择、运用教学方法。应注重学生能力的培养,强调学做结合,理论与实践融为一体,培养学生实际动手能力和解决实际问题的能力。实训模块的教学应穿插在讲授模块的各单元之间,根据当前行业情况设计相应案例,着重培养学生适应行业需要的网页设计基本技能和基础知识。六、教材使用建议《DreamweaverCS3网页制作案例应用》高等教育出版社《网页制作基础教程(DreamweaverCS3版)》电子工业出版社《网页制作教程》人民邮电出版社七、教学评价建议1.考试考核要求及评价建议本课程的考核与评价要坚持总结性评价和过程性评价相结合,定量评价和定性评价相结合,教师评价和学生自评、互评相结合。(1)课程结业考核采用平时作业与实训项目情况相结合的原则进行:平时作业占30%,实训项目占30%,通过期末考核占40%,形成学生的考试成绩。(2)“项目学分制”考核。学生在专业教师指导下,通过实践,能达到独立制作网站,个人作品能得到应用(即:成功为企、事业单位或个人建立网站),即可取得该课程学分。2.成都市教