多媒体课件制作教案
使用专业：教育学、使用年级：三年级 撰写人：潘威 课程性质：选修课 使用教材： 授课时数：34
心理学 1
第一章 网页制作概述 2学时
教学目的：
了解网页及网站基本概念及网页的基本要素分析及网站设计流程 教学重点与难点：
网页、网站设计流程，网页基本要素
第一节 网页和网站
一、网页
网页又称为Web页，是网站的基本信息单位 二、网站
互联网上服务器所承载的一组相关网页。 三、网页的基本功能
第二节 网页中的主要元素
一、文本
网页发布信息所用的主要形式。 二、图像
网页上的图形格式一般使用JPEG和GIF，
四、链接标志
通过链接可以从一个网页转到另一个网页，也可以从一个网站转到另一个网站。 链接有网页外、网页内、邮件链接 五、其他的基本要素
第三节 网页制作工具
一、网页编辑工具 二、网页图像编辑工具 三、动态网页技术
第四节 网页设计的基本流程
一、网站的设计流程 二、网页的设计与制作 三、网页的测试 四、网页上传和发布
第二部分 FRONTPAGE讲解 16学时
2
第三部分DREAMWEAVER讲解 16学时 第一章 Dream weaver基础 2学时
教学目的：
了解DW8的操作界面及常用命令，掌握规划和创建站点的操作，掌握基
本的网页操作知识。
教学重点与难点：
规划站点的结构、网页的基本操作
第一节 Dream weaver 8工作界面
一、启动和退出Dreamweaver 二、Dreamweaver8操作界面
第二节 规划与创建站点
一、规划网站的整体结构
规划站点结构是设计站点的必要前提，其操作是将不同的文件分类存放
在文件夹中以便于设计者管理。
? 在制作站点之前需要先建立一个文件夹以保存在网页制作过程中产
生的文件，从而方便管理。发布站点时只需将这个文件夹上传到WEB服务器上即可。
? 在制作网页过程中合理地命名文件和文件夹是很重要的，一般以易于
记忆和理解的英文或汉语拼音命名。
站点规划好后，可以绘制网站结构草图。还需要确定整个网站的风格和
样式，颜色及页面的布局等。
二、建立本地站点
本地站点是用户工作的目录，是存放网页、素材等的本地文件夹。
一般在网页制作阶段只需要建立本地站点即可。
新建站点可通过站点新建 站点菜单命令，具体看演示。
三、管理本地站点
站点建立之后需要对其进行管理，主要包括编辑本地站点，删除本地站点等。
? 管理站点地图
通过使用站点地图的方式查看和管理站点，这种管理方式能清晰地显示出站点各个页面之间的链接关系，对于管理整个网站非常有用。
操作演示：文件夹及文件的建立，相互链接的建立。 四、页面设置
3
当站点建立好之后，可以进行具体的网页编辑操作了，但在编辑之前，还需要对页面进行一些简单的属性设置以方便以后的工作。
具体操作如下：修改 页面属性。
第三节 网页文件的基本操作
一、新建网页 二、保存网页 三、关闭网页 四、打开网页 五、预览网页
第二章 网页中的基础元素 4学时
教学目的：
通过本章的学习可以掌握在网页中的文本和段落的设置方法，掌握图像
的插入及其属性的设置的方法，熟悉页面属性的设置，熟悉各种超级链接及设置。熟悉多媒体的插入。
教学重点与难点：
文本和段落的设置文本、图像的插入及其属性的设置、超链接，多媒体
的插入。
第一节 在网页中插入文本
文本是网页中最常见、运用最广泛的元素之一，从某种意义上说文本是网页存在的基础，其信息传载的有效性是其它任何一种网页元素无法替代的。 一、插入文本
? 直接输入文本
? 在WORD等文本编辑软件中编辑好，复制、粘贴（选择性粘贴）。 ? 插入特殊符号 文本插入栏中
? 添加连续空格 插入 HTML 特殊字符 不换行空格 二、设置文本格式
网页文本的格式会直接影响到网页的整体效果，可通过属性面版对文本
进行格式设置。
三、段落格式的编辑 四、设置列表
在文档编辑区中，可为现有文本创建有序列表、无序列表及定义列表。 五、简单的CSS样式应用
4
第二节 在网页插入图像
在网页中使用精美的图像不但能使网页更加美观、形象，还能使网页中的内容更加丰富多彩。 一、插入图像 直接插入
占位符插入 如制作网页时还未选定需插入的图像，但确定了图像大小
的时候，可能使用占位符来代替图像的方式插入到文档中。
二、设置图像属性
在网页中插入图像后可通过属性面版对其属性进行修改等设置，如图像
的大小，对齐方式等。
三、编辑图像
单击属性面版中，可以编辑图像。 四、图像外部编辑 五、鼠标经过图像
一种在浏览器中查看网页时，鼠标光标经过该图像时，图像发生变化的
动态图像。
六、创建导航条
一般由图像或图像组组成，这些图像的显示内容随用户的操作不同而进
行相应的变化。一个页面中只允许有一个导航条。
一般状态、按下状态、按下时鼠标经过状态、
第三节 插入其他网页元素
一、水平线 二、日期和时间
第四节 设置网页的页面属性
一、打开页面属性对话框 二、设置网页的标题 三、设置网页的背景 四、设置网页的文本 五、设置网页的边界
第五节 设置超级链接
超级链接是指页面对象之间的链接关系，它是网页的灵魂，能合理、协
调的将网站中的各个元素、页面通过超级链接构成了一个有机整体，使浏览者能快速地访问到想要访问的页面。超级链接可以是文本和图像，也可以是其他的网
5
DREAMWEAVER8教案
