Dreamweaver CS5网页制作项目三
- 格式:ppt
- 大小:3.44 MB
- 文档页数:23
项目一网页制作基础任务三初识Dreamweaver CS5一、教学目标1、知道创建站点。
2、掌握创建网站的首页及子页。
二、学生特征分析学生利用Dreamweaver cs5软件,尝试创建站点,首页、子页,并制作一个简单的首页页面。
三、课型实训课四、教学重点创建站点名称:水连天旅行社。
五、教学难点创建一个首页,另创建子页:公司简介、景点介绍、。
六、课前准备机房七、课时安排2课时(45分钟×2)八、教学过程1、复习思考与组织教学初步创建站点,首页、子页及首页页面。
2、引入新课老师先讲解步骤方法及演示引入课题。
3、讲授新课在首页中编辑内容《见素材》。
1、准备好网页素材。
2、创建水连天旅行社的站点。
3、创建一个首页,另创建子页:公司简介、景点介绍、在线报名、在线团购。
4、保存并用浏览器浏览网页看其较果。
如下图所示。
4、巩固深化尝试建立首页页面。
5、课堂小结A、教学内容与时间分配:第一节课:一、在软件中定义站点(10分钟)二、在软件中管理站点(10分钟)三、网站文档的基本操作(25分钟)第二节课上机操作(45分钟)B、教学活动:通过软件功能解析深入学习软件功能和制作特点。
C、教师活动:通过软件相关功能的解析学习Dreamweaver CS5工作界面的基本操作和设置文件头的基本方法。
D、学生活动:除了课堂讲解的软件功能外,还可以根据相关的工具特点进行简单的练习和操作。
布置作业上机作业(见素材)。
九、板书设计十、教学反思本次上机课主要让学生掌握操作创建站点和创建首页及相关子页,进一步巩固上节课所学内容,其次学会一些简单的首页页面编辑,学生有了前面上机操作的基础,这次上机作业也做得比较理想,但还是有少数部分学生不知道操作,所以还要在教学上找出原因。
规则”对话框,直接单击
图11-37 新建文件 图11-38 创建DIV 图11-39 设置方框样式
(4) 依次单击按钮确认设置,然后删除默认的文本,使用相同的方法创建一个名称为“top”的DIV,设置大小为“1000×404”像素,初学者为了便于查找和观看,可先为其设置一个背景颜色,这里设置将该标签背景设置为“#FC9”,如图11-40所示。
(5) 将插入点定位到名称为all的DIV中,再次插入一个名称为“maid”的DIV,大小为“1000×499”像素,设置背景颜色为“#”,效果如图11-41所示。
(6)使用相同的方法在底部创建一个名称为“
图11-40 设置top样式 图11-41 设置maid样式 图11-42 设置bottion样式)将插入点定位到名称为的DIV中,再次插入一个名称为“top_tb”的DIV,大小为“1000×121”像素,设置背景颜色为白色。
在“top”中单击定位插入点,选择【插入】→【布局对象】→【Div标签】菜单命令,插入一个AP Div标签,选择该标签,在“属性”面板中设置大小为“606×121”像素,背景颜色为白色。
)选择创建的AP Div标签,然后在“CSS面板”中单击“编辑”按钮,在打开的面板中。
Dreamweaver CS5网页设计教程课程设计一、教学目标本课程的主要目标是:1.了解网页设计的基本原理与规范。
2.掌握Dreamweaver CS5的使用方法和网页设计技巧。
3.能够独立完成基本网页设计与制作。
二、教学内容2.1 网页设计概述本章主要介绍网页设计的概念和原理,阐述网页设计的规范和流程。
包括以下内容:1.网页设计的概念和作用。
2.网页设计的规范和流程。
3.网页设计中常用的设计软件和工具介绍。
2.2 Dreamweaver CS5入门本章主要介绍Dreamweaver CS5的基本界面和功能,让学生熟悉Dreamweaver CS5的基本操作。
包括以下内容:1.Dreamweaver CS5的安装和界面介绍。
2.Dreamweaver CS5的基本功能介绍。
3.Dreamweaver CS5的基本操作。
2.3 网页设计基础本章主要介绍网页设计的基础知识和技巧,包括页面布局、图片处理、文字处理和颜色搭配等。
包括以下内容:1.页面布局的概念和方法。
2.图片处理和文字处理的技巧。
3.颜色搭配的原则和方法。
2.4 网页设计实战本章主要介绍如何使用Dreamweaver CS5实现网页设计,通过实战让学生熟练掌握Dreamweaver CS5的使用和网页设计的流程。
包括以下内容:1.Dreamweaver CS5实现网页设计的流程。
2.网页设计实战案例介绍和指导。
3.指导学生独立完成网页设计任务。
三、教学方法本课程采用教师授课和学生实践相结合的教学方法。
具体包括:1.教师讲课。
2.演示Dreamweaver CS5的使用。
3.学生模仿和操作。
4.学生独立完成网页设计任务。
四、考核方式本课程的考核方式主要采用网页设计实战任务和学生作业。
具体包括:1.网页设计实战任务:由教师给出网页设计题目,要求学生独立完成。
任务要求设计符合规范、美观大方的网页,并在规定时间内提交。
2.学生作业:要求学生根据教师课堂讲解和演示,完成与课程相关的作业。