《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.添加缩进,首先插入项目符号,选中文本框,执行开始--到项目符号样式,选择对应的符号。这样标题与正文,都显示小三角形图标。再选中正文-点击项目符号--选择其他项目符号--自定义--特殊字符--短划线--再插入即可完成。 | |||||
小结 | 对学生制作的站点进行点评和总结,指出不足和改进方向。同时,让学生总结本节课所学的知识点和技能点,以加深对所学知识的理解和掌握。 | ||||
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论