网页制作——Dreamweaver教学大纲.doc

网页制作-Dreamweaver 教学大纲  一、课程目标 理解什么是网站 使用Dreamweaver创建网页 标准化网页制作 通过网页链接创建交互站点 二、课程对象 中职学校学生，学习启蒙星课程的第一个学期 三、课程学时 　　　 16 16 32 四、课程地位 五、课程内容组织结构 六、课程各章内容、重点、组织结构及授课要求 理论部分,共　16　课时 第一章　介绍 内容概述 介绍了web的一些基本概念，Dreamweaver的环境和界面，及设置网页属性。 重点和难点 熟悉Dreamweaver的环境 内容组织结构 1.1 简介 进入点 操作点 退出点 设计好网站的重要准则 基本术语 1.2介绍Dreamweaver在网站项目中的作用 Dreamweaver MX 是专业的 HTML 编辑器，用于设计、编码和开发网站、网页，还有功能强大的 Web 应用。Dreamweaver MX 具有手动编码 HTML 控制和可视化编辑环境。Dreamweaver 提供了有用的工具，可以增强 Web 创建体验。Dreamweaver 是一种完全成熟的 WYSIWYG（What You See IS What You Get，所见即所得）HTML 编辑器，允许您轻松、快捷地创建网页和网站。 1.3 Dreamweaver概念 静态站点 动态站点 本地站点 远程站点 根文件夹 1.4 界面 插入栏 属性栏 面板 面板组 页面属性 段落样式 段落对齐 段落缩进 练习和作业 选择题，巩固本章的概念 第二章　文本格式化 内容概述 介绍了如何在网页中添加文本，设置文本格式，及如何创建各种列表。 重点和难点 添加文本，及对文本进行格式化 创建列表，设置列表属性 内容组织结构 2.1 简介 在本章中，将学习创建网页的各种方法，使用最常用的格式.html和.htm保存网页，如何在页面上添加文本，以及如何根据要求对文本进行格式化。 2.2 新建页面 在启动 Dreamweaver MX 时，将看到一个新的空白页面。这是一个无标题的新页面，可保存为 HTML 格式。介绍页面标题的意义。 2.3 保存文件 应确保将文件保存在为站点创建的文件夹中。一旦将页面保存到站点中，就可以在“站点”窗口中查看并打开它。本节介绍保存文件的步骤。 2.4 添加文本 在 Dreamweaver MX 中添加文本与在 MS Word 应用程序中键入文本一样简单。在“文档”窗口中单击时，将出现闪烁的光标。此时即可键入需要添加的文本。 换行 不换行空格 2.5 拷贝粘贴文本 Dreamweaver 提供很多输入文本的方法，其中最简单的就是直接键入。但是，也可以直接从字处理程序拷贝文本，并粘贴到 Dreamweaver 的“文档”窗口。本节介绍拷贝和粘贴文本的步骤。 2.6 从Word 导入HTML 在 Dreamweaver 中，可以使用“文件”菜单中的“打开”或“导入”选项，来打开以 HTML 格式保存的 Word 文件。 2.7 段落 一般来说，在文档窗口输入文字，然后按下回车，即可定义为一个段落，Dreamweaver会自动为文字两端添加上p和 /p 标记。p和 /p标记主要用于定义一个段落，在段落内可以是文本，也可以是其他类型的对象文件。本节讲解以下知识点： 段落样式 段落对齐 段落缩进 2.8字符 在 Dreamweaver 中把“插入”面板切入到“字符”分类。可以直接输入很多特殊字符。如 ? 、?等。系统为这些 HTML 代码和特殊字符提供一个完整菜单。本节主要介绍以下知识点：文本样式、HTML样式 2.9 Lists 列表 列表是一种将主题或数据与文档的其他部分区分开的有效方法。最常用的列表类型为项目列表和编号列表。项目列表被称为无序列表,编号列表被称为有序列表。 项目列表和编号列表 定义列表 嵌套列表 练习和作业 选择题，巩固本章的概念 第三章　表格 内容概述 介绍了表格的基本概念，如何创建和使用表格，及如何导出表格式的数据。 重点和难点 对表格的操作 内容组织结构 3.1表格的基础知识 创建网页并不仅仅是将各种内容组合起来后上载到服务器上，而是一项需要动脑筋的艺术创作。有条理地创建网页的内容和图形，与内容的深度一样重要。表格可以用来以结构化的方式更有效地排列网页上的内容。在 HTML 中，可以采用布局视图或标准视图创建表格。 3.2插入表格 本节介绍有关表格的一些基本术语，并讲解在Dreamweaver中插入表格的步骤。 3.3格式化表格 绘制布局单元格 布局单元格属性 嵌套表格 表格式数据 对表格中的数据进行排序 导出表格式数据 练习和作业 选择题，巩固本章的概念 第四章　库和代码片断 内容