Dreamweaver网页设计》课程理实一体化教学设计方案
一、课程性质与任务
本课程是三年制高等职业院校计算机专业的一门专业必修课程,是学生今后学习网站建设及web程序设计的基础课程。本课程的主要任务是介绍利用Dreamweaver开发工具进行网页设计,包括新建、编辑和设置一个Web站点;如何对页面属性进行基本的设置,如何设置、编辑CSS层叠式样式表;如何排版文字、表格和层;如何进行基本的图像处理;建立框架;模板和库的使用和编辑;网站的发布与维护等基本知识与应用。目的是通过本课程的学习,培养学生的实际动手能力和计算机的操作能力,能够运用所学的知识进行网页设计。
二、课程的教学基本要求
本课程要求学生掌握基本的HTML语言。学会使用Dreamweaver开发工具进行网页设计。这是一门重在实践的科目,因此需要学生多上机、多进行实际操作,把老师所教授的各种网页制作、版面设计以及程序熟练制作或调试出来,并且能够在此基础上有所创造、有更进一步的发挥。
三、设计思路
1.该课程的总体设计思路是:打破以知识传授为主要特征的传统学科课程模式,转变为以实践能力为中心组织课程内容,让学生在完成具体实训的过程中来构建相关理论知识,并发展职业能力。本课程主要是围绕如何利用Dreamweaver该软件配合HTML语言的一些基础知识来制作静态网页这个学习项目,该学习项目进行细分的模块化的工作任务均是以实践为主导来进行设计的。课程内容突出对学生职业能力的训练,理论知识的选取紧紧围绕工作任务完成的需要来进行,同时又充分考虑了高等职业教育对理论知识学习的需要,并融合了相关职业资格证书对知识、技能和态度的要求。
2.学习项目的学习都按以典型案例为载体设计来进行,以工作任务为中心整合理论与实践,实现理论与实践的教学做一体化。教学过程中,充分开发学习资源,给学生提供丰富的实践机会。教学效果评价采取过程评价与结果评价相结合的方式,通过理论与实践相结合,重点评价学生的职业能力。具体可以学生的总评成绩为评价标准,其中总评成绩由学生的上课表现(20%+作业成绩(20%项目测验(20%)和期末考试成绩(占40%)决定。学生该课程的学期总评成绩在80分以上则该门课程成绩为优秀,70-80分为良好,60-69分为合格,60分以下为不合格。
3.该门课程的总学时为36+36课时。讲授占50%,实训占50%
四、课程的主要内容与要求
祖国72周年华诞
序号
工作任务
知识要求
技能要求
参考学时
理论
实训
1
网页设计基础
· 掌握关于Web一些概念;
·网页的基本要素、制作基本步骤、页面设计的步骤;
·掌握宋仲基出轨Dreamweaver的基本特点;
· Dreamweaver操作界面的基本组成:标题栏、菜单栏、插入栏、文档工具栏等
·各类工具的下载安装,网页制作的基本步骤;
·制作“个人简介”的简单网页;
·网页的创建过程:编辑、保存、预览、发布;
· Dreamweaver工作区的选择。
1
1
2
创建和规划站点
·掌握网站设计的创意与风格:排版、彩、字体、LOGO等;
·如何策划设计网站、网站主题名称的选择、栏目与板块的设计;
·定义站点、使用站点地图、站点布局、设计备注。
·能从网站的整体进行规划,定位网站的主体和风格。
·架构一个新的网站(创建站点);
· 构建网站骨架,包括主页和各分支页面的创建;
·“站点地图”的基本操作;
·“站点管理器”的各项功能操作。
1
1
3
笔记本电脑哪个牌子HTML语言简介
·HTML语言基础,HTML文件的基本结构:标记概念及格式、标记属性。
· 网页制作的一些基本工具的了解。
· 头部标记及其之间的主要标记;主体标记及其之间的常用标记。
·掌握HTML文档的基本结构、书写特点及基本标记的使用;
·其它常用标记;
·掌握利用HTML标记制作表格、链接、框架等;
·DHTML技术和使用技巧。
8
8
4
网页文字的编辑
·网页文字的创建方法
·掌握Dreamweaver中的基本文字版面设置;
·文字的属性设置与段落编排;
·文字列表设置。
·文字版面设置,格式化;
·HTML样式,文字属性面板的使用,换行与分段;
·常用列表的使用。
2
2
5
网页图像的编辑
·掌握几种常见的图形、图像文件格式;
·在网页中加载图像的方法;
·图像属性面板的使用,图像的编辑。
·掌握在网页中插入各种图像;
·图像外部编辑器的使用。
·图文混排。
2
2
6
CSS样式表
·使用CSS进行网页的编辑处理;
·灵活应用内部与外部CSS样式表。
·使用CSS样式:创建新的CSS样式、样式的类型、编辑样式、样式对话框中参数的设定、滤镜等;
·CSS样式表的应用、删除、导出与附加。
2
2
7
如何使用表格
·关于表格及其标签代码的含义;
·表格及布局表格的区别和联系
·表格及单元格属性的含义;
· 关于表格使用的一些建议。
·表格:创建表格、选择表格、设置表格属性、设置单元格属性、在表格中输入内容、表格的格式化和排序、表格应用综合实例、网页相册;
·单元格合并属性colspanrowspan的使用;
·布局表格:绘制布局表格、绘制嵌套布局表格、布局表格的属性、绘制布局单元格与布局单元格属性、布局表格实例;
·能利用表格对网页布局。
6
6
8
建立超级链接
·URL及链接的常用路径;
· 超级链接标记及属性;
·属性target的不同取值及对应的含义;
·文本链接、锚点链接、链接、下载链接、图像及图像各部分热区链接、鼠标经过图像链接、导航条链接;
·超级链接的管理。
·实际制作各种超级链接:文本链接、锚点链接、链接、下载链接、图像及图像各部分热区链接、鼠标经过图像链接、导航条链接;
·两种超级链接制作方式:直接编写代码及自动生成代码;
·能够进行链接的管理;
·修改站点地图的布局;
·检查网页的链接情况;
·制作多彩文字链接。
6
6
9
如何使用框架和框架集
·认识框架技术和框架网页; 
·掌握创建框架网页的方法;
·掌握编辑框架网页的方法;
·学会设置框架网页的属性;
·学会创建框架的链接。 
·框架的创建,包括:框架的创建与保存、拆分框架、删除框架;
·为框架设置链接;
· 设置框架和框架集的属性,包括:框架的属性、框架集的属性、设置框架和框架集的标题。
2
2
10
如何创建和使用层
· 学会层的建立,利用层面板设置层的显示/隐藏属性; 
·层属性面板及层管理面板;
· Z值的大小与层的显示的关系,如何快速的对齐层;
·层与表格的相互转化,使用层可以实现精确定位布局。
·创建新层、创建嵌套层、设置层属性;
·层的移动、调整层的大小、层的对齐、排列层、层面板、层与表格的相互转换;
·拖动层、层的显示与隐藏;
·能利用层对网页进行布局。
2
2
11
多媒体元素
·最初的梦想歌词掌握FlashShockwave媒体元素的使用和设置;
·掌握在网页中使用声音和视频,及其控制;
·掌握网站相册的制作
·插入Flash影片;
·插入Shockwave影片;
·插入其它视频媒体插件
·插入网页背景音乐,音乐播放器的显隐;
·创建网站相册
2
2
12
行为的使用
·认识行为的基本概念;
·掌握触发行为发生的基本事件;
·行为事件所引发的动作种类。
·行为面板应用:调用Javascript
·行为面板应用:转到URL
·行为面板应用:交换图像;
· 行为面板应用:打开浏览器窗口;
·行为面板应用:播放声音;
·行为面板应用:显示-隐藏层;
· 行为面板应用:拖动层及设置文本;
·行为面板应用:弹出信息及时间轴动画。
4
4
13
模板和库的使用
·掌握模板和库的概念;
·可编辑区域、模板参数、重复区域、可选区域、可编辑选择区域、可编辑标签属性知识的掌握与应用;
·库项目
· 设置模板的可编辑范围,包括:定义可编辑区域、设置模板参数、创建可选区域、创建可编辑区域、定义可编辑标签属性;
·套用模板建立新的网页,更新模板;
·创建、管理和编辑库项目,包括:创建库项目、在文档中插入库项目、编辑库项目。
4
4
14
网站管理与发布
· 空间、域名;
· 管理站点和文件链   接;
·设置服务器与发布站点 
·在农村如何致富 站点窗口及站点地图。
· 航天员在太空怎么上厕所空间及域名的申请;
·测试站点;
·站点窗口及站点地图的使用,站点资源的合理组织;
·上传站点,删除站点;
·导入与导出站点。
2
2
15
表单的设计
·认识表单及认识表单对象包括:表单标记、表单中单行文本、密码域、单选按钮、提交与取消按钮设计等;
·认识表单对象包括:复选框、多行文本框、下拉列表的设计;
·掌握各种表单标记符的使用。
·能够制作一个含有表单的网页。要求表单中含有:单行、多行文本框;单选、多选按钮;下拉菜单,密码域、单选按钮、提交与取消按钮设计等; 
·能够进行验证及传送表单的操作; 
·能够进行简单的数据库中修改表单上传上来的记录。 
4
4
16
小计
48
48
17
合计
96