课题：网站的创建与管理

1. 教学目标 授课人：蔡薇 课题：网站的创建与管理 任务一 任务二 任务三 任务四 小结 作业

2. 教学目标 知识目标 • 了解网页制作的基本概念 • 掌握站点的创建与管理 能力目标 • 会创建站点并进行编辑 回目录页

3. 任务一 打开项目1素材anpcs中的index.htm，并观察，了解网页组成要素及其作用；如果有条件，请上网搜索感兴趣的网站，了解什么是网页设计

4. 文本：组成网页的基本内容，根据需要可对其进行格式设置或用CSS样式控制其格式。 文本：组成网页的基本内容，根据需要可对其进行格式设置或用CSS样式控制其格式。 图像：常用的有GIF、JPEG等格式，用于美化网页。 FLASH动画：用于美化网页，使网页内容生动。 表格：用于网页内容的布局，组织整个页面外观，实现页面内容的精确定位。 超级链接：网站必不可少的内容，从一个网页指向另一个目的端——网页、图片、其他格式文档、E-Mail地址等的链接。 网页要素 回目录页

5. 导航栏：一组超级链接，方便用户浏览站点，一般由多个按钮或多个文本超链接组成。导航栏：一组超级链接，方便用户浏览站点，一般由多个按钮或多个文本超链接组成。 框架：网页的一种组织形式，用于将相互关联的多个网页组织在一个浏览窗口中显示。（见项目10） 表单：用于收集反馈信息。 CSS样式：用于控制文本格式。 行为：由Javascript代码组成，可实现动态页面效果。 模板和库：用于创建具有固定风格和结构、共同格式的网页。 网页要素 回目录页

6. 任务二 安装、启动Dreamweaver CS3，利用网络或软件的帮助信息，查阅关于Dreamweaver CS3的功能介绍、工作窗口组成及作用，并加以描述。 回目录页

7. 标题栏：显示软件名称及文档名称。 菜单栏：提供了软件操作的各种功能 插入工具栏：用于创建和插入对象的按钮，这些按钮按类别分组。 常用：用于创建和插入最常用的对象，如图像和表格等 布局：用于插入表格、DIV标签、框架和Spry构件。还可以选择表格的两种视图：标准表格和扩展表格 表单：包含一些按钮，用于创建表单和插入表单元素 数据：可以插入Spry数据对象和其它动态元素，例如记录集、重复区域、插入记录表单和更新记录表单 工作窗口组成 回目录页

8. Spry ：包含一些用于构建Spry页面的按钮，包括Spry数据对象和构件 文本：用于插入各种文本格式和列表格式的标签，如b/em/p/h1/ul 收藏夹：用于将插入工具栏中最常用的分组和组织到某一公共位置 属性栏（属性面板）：设置或编辑当前选定页面元素的最常用属性，属性栏中的内容根据选定的元素根据选定的元素会有所不同。默认情况下，属性栏位于工作区的底部边缘，也可以将它停靠在工作区的顶部边缘，或者使其成为工作区中的浮动面板 工作窗口组成 回目录页

9. 浮动面板：包括CSS、应用程序、标签检查器、文件面板组。每个面板组都可以展开或折叠，并且可以和其他面板组停靠在一起或取消停靠。浮动面板：包括CSS、应用程序、标签检查器、文件面板组。每个面板组都可以展开或折叠，并且可以和其他面板组停靠在一起或取消停靠。 工作窗口组成 回目录页

10. 任务三 在磁盘上创建文件夹Web，创建名称为myweb的站点。 回目录页

11. 任务四 对创建的站点进行复制、删除、导入、导出操作。比较其作用与异同点 回目录页

12. 新建：用于创建新站点。 编辑：用于编辑现有站点。 复制：创建所选站点的副本，副本将出现在站点列表窗口中。 删除：删除所选站点，此操作无法撤销。 导出：可以将站点设置导出为XML文件（*.ste） 导入：可以选择要导入的站点设置文件（*.ste） 管理站点 回目录页

13. 网页的组成要素及作用：文本、图像、FLASH动画、表格、超级链接、导航栏、框架、表单、CSS样式、行为、模板和库。网页的组成要素及作用：文本、图像、FLASH动画、表格、超级链接、导航栏、框架、表单、CSS样式、行为、模板和库。 工作窗口组成及功能：标题栏、菜单栏、插入工具栏、属性栏、浮动面板 创建站点和管理站点：新建、编辑、复制、删除、导出、导入 小结 回目录页

14. 作业 • 查阅相关资料，进一步理解网页元素及其作用 • 练习站点的创建与管理

15. 谢谢!