2023年4月20日 星期四

课题：网站的创建与管理

授课人：蔡薇教学目标

任务一

任务三

小结

作业

任务二

任务四

知识目标• 了解网页制作的基本概念• 掌握站点的创建与管理

能力目标• 会创建站点并进行编辑

教学目标教学目标

回目录页

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

任务一任务一

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

网页要素网页要素

回目录页

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

网页要素网页要素

回目录页

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

任务二任务二

回目录页

标题栏：显示软件名称及文档名称。 菜单栏：提供了软件操作的各种功能插入工具栏：用于创建和插入对象的按钮，这些按钮按类别分组。

常用：用于创建和插入最常用的对象，如图像和表格等布局：用于插入表格、DIV标签、框架和Spry构件。还可以选择表格的两种视图：标准表格和扩展表格表单：包含一些按钮，用于创建表单和插入表单元素数据：可以插入Spry数据对象和其它动态元素，例如记录集、重复区域、插入记录表单和更新记录表单

工作窗口组成工作窗口组成

回目录页

Spry ：包含一些用于构建 Spry页面的按钮，包括Spry数据对象和构件文本：用于插入各种文本格式和列表格式的标签，如 b/em/p/h1/ul收藏夹：用于将插入工具栏中最常用的分组和组织到某一公共位置

属性栏（属性面板）：设置或编辑当前选定页面元素的最常用属性，属性栏中的内容根据选定的元素根据选定的元素会有所不同。默认情况下，属性栏位于工作区的底部边缘，也可以将它停靠在工作区的顶部边缘，或者使其成为工作区中的浮动面板

工作窗口组成工作窗口组成

回目录页

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

工作窗口组成工作窗口组成

回目录页

在磁盘上创建文件夹 Web ，创建名称为 myweb 的站点。

任务三任务三

回目录页

对创建的站点进行复制、删除、导入、导出操作。比较其作用与异同点

任务四任务四

回目录页

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

管理站点管理站点

回目录页

网页的组成要素及作用：文本、图像、 FLASH 动画、表格、超级链接、导航栏、框架、表单、 CSS样式、行为、模板和库。

工作窗口组成及功能：标题栏、菜单栏、插入工具栏、属性栏、浮动面板创建站点和管理站点：新建、编辑、复制、删除、导出、导入

小结小结

回目录页

作业作业

查阅相关资料，进一步理解网页元素及其作用

练习站点的创建与管理