Dreamweaver网页设计与制作》
项目一 创建站点
课时内容
创建站点
授课时间
135分钟
如何制作网页插件课时
3
教学目标
1.了解站点的作用和创建站点的步骤。
2..掌握如何对站点进行编辑和管理。
3.学会在网页中插入图像的方法
教学重点
1.创建站点的方法和步骤。
2.在网页中插入图像的方法。
教学难点
1.对站点进行编辑和管理的方法。
2.如何在网页中正确地插入图像。
教学内容
教学过程
1.导入新课:通过展示一个具有代表性的网站案例,激发学生对网页制作的兴趣和热情。
2.新课教学:通过讲解和演示的方式,让学生了解站点的概念和作用,以及创建站点的步骤和方法。同时,让学生了解如何在网页中插入图像的方法。
学生实践:让学生动手实践,创建一个自己的站点,并在其中插入图像。同时,让学生尝试对站点进行编辑和管理,以加深对所学知识的理解和掌握。
1.打开Dreamweaver软件,选择“站点”菜单,点击“新建站点”,在弹出的对话框中输入站点名称。
2.选择“本地站点文件夹”,点击“浏览”按钮,选择一个文件夹,点击“选择”按钮。
3.返回对话框后点击“保存”按钮,站点就创建成功了。
4.新建站点。在"站点"菜单中选择"新建站点",并在弹出的对话框中输入站点名称。
5.编辑站点。双击已经创建好的站点,在弹出的对话框中对站点的一些基本信息做出修改。
6.复制站点。单击对话框下方按钮,可以复制该站点,在列表里会显示复制站点的名称。
除此之外,还可以设置站点的默认图像文件夹路径、链接类型等参数。
小结
对学生制作的站点进行点评和总结,指出不足和改进方向。同时,让学生总结本节课所学的知识点和技能点,以加深对所学知识的理解和掌握。
《Dreamweaver网页设计与制作》
项目二 制作简单的文字页面
课时内容
制作简单的文字页面
授课时间
135分钟
课时
3
教学目标
掌握基本的HTML语法和标签。
掌握基本的CSS样式和布局。
能够制作简单的文字页面。
教学重点
HTML标签的使用方法。
CSS样式的应用方法。
文字页面的布局和排版。
教学难点
如何合理地使用HTML和CSS来制作页面。
如何根据需求进行页面布局和排版。
教学内容
教学过程
1、    导入新课:通过展示一个简单的文字页面案例,激发学生对网页制作的兴趣和热情。
2、    新课教学:通过讲解和演示的方式,让学生了解HTML和CSS的基本语法和标签,以及如何应用CSS样式来布局和排版文字页面。同时,让学生了解文字页面的一般结构和设计原则。
学生实践:让学生动手实践,制作一个简单的文字页面,要求包含标题、正文、页脚等基本元素,并应用CSS样式进行布局和排版。同时,让学生尝试使用不同的HTML标签和CSS样式来实现自己的设计需求。
1.根据页面内容,提炼标题,优化内容,让整个页面有层次感,让用户能够一眼看到大概讲什么内容。
2.调整间距,选中标题,点击鼠标右键,设置段前间距12磅(数值根据页面情况适当调整)。选中正文,点击鼠标右键,设置多倍行距值为1.2(数值根据页面情况适当调整)。
3.添加缩进,首先插入项目符号,选中文本框,执行开始--到项目符号样式,选择对应的符号。这样标题与正文,都显示小三角形图标。再选中正文-点击项目符号--选择其他项目符号--自定义--特殊字符--短划线--再插入即可完成。
小结
对学生制作的站点进行点评和总结,指出不足和改进方向。同时,让学生总结本节课所学的知识点和技能点,以加深对所学知识的理解和掌握。