Transcript （Dreamweaver）下载

网页制作—Dreamweaver
课程设计
湖南省怀化技工学校：杨凌
主 要 内 容
1
课
2
教
3
教
4
5
课
程
学
设
对
学
程
象
置
分
析
内
实
施
容
条
件
教学实施——教学单元、教学方法、
考核
1、课程设置
本课程是计算机应用专业网络技术方向的专
业主干课程。是Macromedia公司推出的“网
页制作三剑客”之一。本课是集理论与实践
于一体的综合应用课程。通过学习，使学生
掌握网站建设的基本方法，掌握网页制作工
具的使用方法和技巧，培养学生管理、设计
网站的能力。
1.1 课程性质
 对WEB设计师和网络
美工的工作过程进行
分解分析，确定该岗
位的核心能力。
 将核心能力整合提升
为对应的课程，构建
出以工作体系为基础
的课程体系。
网站规划
网站制作
网站维护与管理
1.2. 前导课程与后续课程
企业网站设计
动态网页设计
Dreamweaver
计算机应用
Photoshop cs
第一学年
8
第二学年
第三学年
1.3 课程能力目标
对网站美工所涵盖的岗位群进行工作任务的职业
能力分析，归纳出课程能力目标：
网站的规划能力
网站风格设计能力
图片和文字的编辑能力
颜色搭配能力
1.4 课程设计思路
• 以职业岗位为导向，以素质为基
础，突出能力目标。
• 以学生为主体，以项目为载体，
以实训为手段，设计知识、理论、
实践一体化的课程。
• 全面培养学生的“自我学习能
力”，以保证学生的持续发展能力。
 精选课程内容
 构建项目模块
 设计教学案例
 组织教学活动
 考核职业能力
2、教学对象——中职学生分析
学习准备情况分析
• 学业基础差
• 学习自觉性低
• 厌学情绪大
改变“满堂灌”的状况,贯穿“精讲多练”的原则。
学习风格分析
重视职业技能的训练，重视实践环节锻炼
调动学生学习积极性，突出操作环节,提高学生的动手
能力和创新意识 。
教学内容——3.1.内容遴选
 掌握知识
 掌握单项技能
 掌握综合技能
 练成解决实际
问题的技能
• 以企业对网站设计能力需求为导
向，以学生感兴趣的网站为实例，
将相关知识点分解到实际项目中。
• 选择实用性、趣味性强的教学实
例进行分析、讲解。
3.2 内容组织
序号
模 块 内 容 安 排
重
点
1
规划站点——“幽幽我心”的网
站的创建
2
网页制作的方法—
创建个人网站首页实例
√
3
表格的布局、表格格式—
“我的作品”网页实例
√
4
框架、框架集—
制作心情日记网页实
5
热点、锚点链接和层的应用—
制作家乡山水网页实
6
表单、表单要素模板应用及
网站发布——
制作访客信息网页实例
√
难
点
√
√
总课
时
课时分配
讲授
实践
10
4
6
10
6
4
20
8
12
16
6
10
10
4
6
14
6
8
总课时数为80课时，其中多媒本课堂讲授30课时，实践50课
时，实践课时占62%。
4、课程实施条件
 教师团队：专业教师5名
 实训室：多媒体教室1间；计算机实训室1间；
 软件资源：Photoshop、Dreamweaver8、Flash8、
Fireworks8
5、教学实施
 以学生为主体，以教师为主导，以具体项目为载体。
 课程内容和教学要求以项目任务为单元来展开。倡导精讲多
练、教学做一体化的教学模式。
 使学生熟悉软技开发的工作流程，能完成相关岗位的工作任
务，获得个性发展与工作岗位需要相一致的职业能力。
5.1教学单元设计
 情景导入
 分析讲解
 举一反三
 总结提高
选取学生感兴趣的一些个人主页进行
演示，引导学生分析页面的风格、
组成，剖析网页制作的基本方法和
步骤，指导学生由浅入深掌握网页制
制作的基本方法。
1、情景导入
这个页面漂亮吗？
是如何做出来的呢？
教学单元设计
 情景导入
 分析讲解
 举一反三
 总结提高
通过情景导入法，“教师做，学生
模拟” ，实现从知识点到实际操作
技能的转变 。
如何规划网站——类比法
2、分析讲解
讲解概念
 站点目录就是对站点进行规划，就相当于一套住房首先要分
出每个房间的用途功能一样。
 首页文件和各子页文件放在站点的根目录下，图片文件放在
指定的文件夹（images)下，各素材分门别类放到相应的文
件夹中。
 各个页面的设计实际就如房间的设计。
www.yywx.com
Index.html
images
uploadphoto
Hometown.html
hometown
……
Diary.html
网页的制作方法——演示归纳法
分析讲解
 页面功能、页面风格的确定。
 简单的页面可以用直接输入法制作；
也可以用表格、框架、层和表单来制
作。（根据客户不同的需要）
 创建文件和图像文件夹
 添加文本、空格、图像
 编辑文本样式
 使用代码制作图文网页
教学单元设计
 情景导入
 分析讲解
 举一反三
 总结提高
配备与知识点相对应的网页项
目，学生通过项目实习过程后，能
牢固的掌握网页制作的技术。
请同学们自己做一个个人主页，应包含以下内容：
3、举一反三
 特色首页，主页中的导航按钮至少包括个人
简介，个人作品展示，学习园地等。
 个人简介，包括文字和图片
 个人作品把自己所做的Flash、PS 图片和
fireworks图片展示。（保证图片能正确显示）
 学习园地，包括学习资料和学习经验交流。
方法探讨
举一反三
——同学们积极思考，各抒己见，得出以下方法：
 整体布局可用表格或框架确定各功能区的大小。
 导航按钮可用PS、Flash或在fireworks中设计。
 个人简介部分，可直接在大表格框架下套用小表格，也可
以使用层来插入个人内容。
 个人作品区中，将自己的学习作品分类拷贝到指定文件夹，
使图片能正确显示。
 学习园地，加入自己的学习心得或超链接到其它的学习网
页。
每位同学可根据自己的实际操作水平，制作
符合题目要求的简洁或内容丰富的页面。
教学单元设计
 情况导入
 边教边学
 举一反三
 总结提高
该阶段是对所学理论与技能的一个总
结提炼的过程。
4、总结提高
项目评价
项目考核
 网站结构的合理性
 网站功能的实用性
网站上传
制作比赛
 网站界面的美观性
 网站功能的可维护性
小组内学生互评
小组间学生互评
教师点评
网站的点击率
5.2 教学方法设计
 在教学过程中，培养学生以客户需求为导向，分
析网站的风格和功能，使用合适的方法完成相应
功能
难点
 学生的网页设计能力培养以及再学习能力和创新
能力培养是这门课的
重点
教学方法设计

理论教学使用案例驱动教学法。概念采用类比法讲解。
 单元项目实践采用“榜样学习”教学法。 学生模拟教师
讲授过的项目，完成知识点相同或类似的项目，以巩固学生
对相关知识的掌握，并树立学生信心和成就感。
基于榜样的教学方法
任务陈述
知识点讲解
教师示范
指导练习
教师点评
5.3 教 学 评 价
考核内容
知识点
考 核
项目考核
考 核 方 式
各章考核
知识点考核
小计
项目实训
平时考核
总
权 重
30%
30%
网页内容
5%
网页效果
20%
实训态度
5%
操作熟练程度
5%
答辩
15%
小计
50%
作业成绩
5%
出勤情况
5%
课堂答问
5%
课堂纪律
5%
小计
20%
计
100%
请各位专家、老师批评指正！