Dreamweaver-CC教案可编辑文档.docx

《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.添加缩进，首先插入项目符号，选中文本框，执行开始--找到项目符号样式，选择对应的符号。这样标题与正文，都显示小三角形图标。再选中正文-点击项目符号--选择其他项目符号--自定义--特殊字符--短划线--再插入即可完成。

小结

对学生制作的站点进行点评和总结，指出不足和改进方向。同时，让学生总结本节课所学的知识点和技能点，以加深对所学知识的理解和掌握。

《Dreamweaver网页设计与制作》

项目三制作图像页面

课时内容

制作图像页面

授课时间

135分钟

课时

3

教学目标

掌握基本的网页制作和设计原则。

掌握在网页中插入图像的方法。

能够设计制作具有吸引力的图像页面。

教学重点

网页的基本构成和设计原则。

在网页中插入图像的方法。

图像的处理和美化方法。

教学难点

如何合理地使用图像和设计元素来制作页面。

如何根据需求进行页面布局和美化。

教学内容

教学过程：

导入新课：

教学准备：准备一些优秀的图像页面案例。

准备一个图像处理软件（如Photoshop、GIMP等）。

准备一个网页制作软件（如Dreamweaver、SublimeText等）。

通过展示一些优秀的图像页面案例，激发学生对网页制作的兴趣和热情。

新课教学：通过讲解和演示的方式，让学生了解网页的基本构成和设计原则，以及在网页中插入图像的方法和处理图像的技巧。同时，让学生了解图像页面的特点和设计原则。

学生实践：让学生动手实践，设计制作一个具有吸引力的图像页面，要求包含标题、正文、页脚等基本元素，并插入合适的图像和处理图像来美化页面。同时，让学生尝试使用不同的工具和方法来实现自己的设计需求。

1.插入图片：在文档中插入图片，并选择合适的图片