想一想： 为什么在制作网页时常使用默认的字体？在使用一些特殊字体的文字时，为何需要将其制作为图片？ 练一练： （1）打开提供的“shouye-me.html”网页，通过分段、换行和插思考及作业 入连续空格等操作输入网页中的文本内容。 （2）利用CSS格式为各段文本设置不同的格式。 （3）在第一段文本后插入水平线。 （4）在倒数第二段文本后分段，输入“最近更新：”文本并设置格式，然后插入日期，要求保存时自动更新。 （5）将更新日期的上一段文本设置为滚动字幕，滚动方式为“scroll”，速度为“15”。 第3讲
课时内容 插入图像和多媒体对象 授课时间 90分钟 课时 2 ? 掌握在网页中插入与编辑图像的各种操作。 ? 熟悉美化与优化图像的方法。 教学目标 ? 掌握插入多媒体插件、SWF动画和FLV视频的方法。 ? 了解添加网页背景音乐的方法。 ? 图像的插入、编辑、美化与优化等操作。 教学重点 ? 多媒体插件的使用。 教学难点 如何在网页中设计图像与多媒体。 1、 教学思路：（1）演示“关于我们”页面的具体步骤，让学员了解如何在网页中使用图片；（2）演示“新品展台”网页的具体步骤，让学员了解如何添加多媒体插件，如何在网页中使用多媒体；（3）安排上机实训。 教学设计 2、 教学手段：（1）实例讲解过程穿插使用其他多媒体的基础知识，实例结束后进行总结和疑难提问；（2）对于重点操作可以着重演示，并加强举例说明。 3、 教学资料及要求：除教材中的实例外，可以在网上找一些现成的网站进行展示，吸引学员注意，便于学员理解，拓宽学员思维。 教学内容 知识回顾：在前面讲解了Dreamweaver CS5中图像和多媒体的应用，在实例制作过程中也涉及了添加背景音乐的操作。 讨论问题：1、为什么需要在网页中添加图像？ 2、在设置鼠标经过图像时应注意些什么？ 内容大纲：具体可结合本章的PPT课件进行配合讲解。 3.1 制作“关于我们”页面 3.1.1 插入与编辑图像 3.1.2 美化与优化图像 3.1.3 创建鼠标经过图像 3.2 制作“新品展台”网页 3.2.1 添加多媒体插件 3.2.2 添加背景音乐 3.2.3 插入SWF动画 3.2.4 插入FLV视频 3.3 实训——制作“旅游导航”网页 3.3.1 实训目标 3.3.2 专业背景 3.3.3 操作思路 3.4 疑难解析 3.5 习题 拓展知识 课堂案例1——“关于我们”页面 课堂案例2——“新品展台”网页 上机实训——“旅游导航”网页 1、 掌握在网页中插入和编辑图像的操作。 2、 掌握设置鼠标经过图像、插入多媒体插件、插入页面背景音乐、插小结 入SWF动画和插入FLV视频等操作。 3、 本章内容同样是网页制作的基础，只有掌握了这些对象的插入与使用方法，才能制作出内容丰富的网页。 想一想： 图像的使用在网页中通常起什么作用？怎样才能快速在网页中添加多媒体文件？ 练一练： 思考及作业 （1）打开“zhuye-me.html”网页，将提供的“01.jpg”、“02.jpg”和“03.jpg”图像插入到网页中，设置边框为“1”。 （2）在“我的动态”图像下插入“04.jpg”图像，设置对齐方式为“左对齐”，缩小图像尺寸，增加水平边距，然后适当降低图像品质。 （3）分别在“最新留言”图像和“动感相册”图像下插入多媒体插件和SWF动画，其中插件的尺寸为“538×45”。 第4讲
课时内容 布局网页版面 授课时间 150分钟 课时 4 ? 掌握在网页中插入与编辑表格的方法。 教学目标 ? 熟悉使用AP Div布局网页的方法。 ? 了解框架和框架集在网页中的应用。 ? 使用表格布局网页、使用AP Div布局网页、使用框架布局网页。 教学重点 ? 表格、AP Div和框架的使用。 教学难点 如何在制作网页的过程综合使用3种网页布局方式。 1、 教学思路：（1）演示“产品展示”网页布局的具体步骤，让学员理解表格的作用与设置；（2）演示“千履千寻”网页布局的具体步骤，让学员理解AP Div的概念和使用方法；（3）演示“公司公告”网页布局的具体步骤，让学员理解框架和框架集的概念和属性的设置；（4）安排上机实训。 教学设计 2、 教学手段：（1）实例讲解过程穿插与网页布局相关的基础知识，实例结束后进行总结和疑难提问；（2）对于重点操作可以着重演示，并加强举例说明。 3、 教学资料及要求：除教材中的实例外，可以再找一些包含各种布局的网页进行展示，便于学员理解。 教学内容 知识回顾：在前面讲解了Dreamweaver CS5中使用表格、AP Div和框架布局的操作，在实例制作过程中也接触了在表格和AP Div中插入内容的操作。 讨论问题：1、除了介绍的3种布局方式，还有其他什么布局方式？
网页设计教学教案课程
