1、2023年2月9日课题:网站的创建与管理课题:网站的创建与管理授课人:蔡薇知识目标知识目标 了解网页制作的基本概念了解网页制作的基本概念 掌握站点的创建与管理掌握站点的创建与管理能力目标能力目标 会创建站点并进行编辑会创建站点并进行编辑回目录页 打开项目1素材anpcs中的index.htm,并观察,了解网页组成要素及其作用;如果有条件,请上网搜索感兴趣的网站,了解什么是网页设计u 文本:组成网页的基本内容,根据需要可对其文本:组成网页的基本内容,根据需要可对其进行格式设置或用进行格式设置或用CSS样式控制其格式。样式控制其格式。u 图像:常用的有图像:常用的有GIF、JPEG等格式,用于美化
2、网等格式,用于美化网页。页。uFLASH动画:用于美化网页,使网页内容生动。动画:用于美化网页,使网页内容生动。u表格:用于网页内容的布局,组织整个页面外观,表格:用于网页内容的布局,组织整个页面外观,实现页面内容的精确定位。实现页面内容的精确定位。u超级链接:网站必不可少的内容,从一个网页指超级链接:网站必不可少的内容,从一个网页指向另一个目的端向另一个目的端网页、图片、其他格式文档、网页、图片、其他格式文档、E-Mail地址等的链接。地址等的链接。回目录页u导航栏:一组超级链接,方便用户浏览站点,一导航栏:一组超级链接,方便用户浏览站点,一般由多个按钮或多个文本超链接组成。般由多个按钮或多
3、个文本超链接组成。u 框架:网页的一种组织形式,用于将相互关联框架:网页的一种组织形式,用于将相互关联的多个网页组织在一个浏览窗口中显示。(见项的多个网页组织在一个浏览窗口中显示。(见项目目10)u表单:用于收集反馈信息。表单:用于收集反馈信息。uCSS样式:用于控制文本格式。样式:用于控制文本格式。u行为:由行为:由Javascript代码组成,可实现动态页面效代码组成,可实现动态页面效果。果。u模板和库:用于创建具有固定风格和结构、共同模板和库:用于创建具有固定风格和结构、共同格式的网页。格式的网页。回目录页 安装、启动Dreamweaver CS3,利用网络或软件的帮助信息,查阅关于Dr
4、eamweaver CS3的功能介绍、工作窗口组成及作用,并加以描述。回目录页u标题栏:显示软件名称及文档名称。标题栏:显示软件名称及文档名称。u 菜单栏:提供了软件操作的各种功能菜单栏:提供了软件操作的各种功能u插入工具栏:用于创建和插入对象的按钮,这些插入工具栏:用于创建和插入对象的按钮,这些按钮按类别分组。按钮按类别分组。l 常用:用于创建和插入最常用的对象,如图像和表格常用:用于创建和插入最常用的对象,如图像和表格等等l 布局:用于插入表格、布局:用于插入表格、DIV标签、框架和标签、框架和Spry构件。构件。还可以选择表格的两种视图:标准表格和扩展表格还可以选择表格的两种视图:标准表
5、格和扩展表格l 表单:包含一些按钮,用于创建表单和插入表单元素表单:包含一些按钮,用于创建表单和插入表单元素l 数据:可以插入数据:可以插入Spry数据对象和其它动态元素,例如数据对象和其它动态元素,例如记录集、重复区域、插入记录表单和更新记录表单记录集、重复区域、插入记录表单和更新记录表单回目录页l Spry:包含一些用于构建:包含一些用于构建Spry页面的按钮,包括页面的按钮,包括Spry数据对象和构件数据对象和构件l 文本:用于插入各种文本格式和列表格式的标签,如文本:用于插入各种文本格式和列表格式的标签,如b/em/p/h1/ull 收藏夹:用于将插入工具栏中最常用的分组和组织到收藏夹
6、:用于将插入工具栏中最常用的分组和组织到某一公共位置某一公共位置u 属性栏(属性面板):设置或编辑当前选定页面元素的属性栏(属性面板):设置或编辑当前选定页面元素的最常用属性,属性栏中的内容根据选定的元素根据选定最常用属性,属性栏中的内容根据选定的元素根据选定的元素会有所不同。默认情况下,属性栏位于工作区的的元素会有所不同。默认情况下,属性栏位于工作区的底部边缘,也可以将它停靠在工作区的顶部边缘,或者底部边缘,也可以将它停靠在工作区的顶部边缘,或者使其成为工作区中的浮动面板使其成为工作区中的浮动面板回目录页u浮动面板:包括浮动面板:包括CSS、应用程序、标签检查器、应用程序、标签检查器、文件面
7、板组。每个面板组都可以展开或折叠,并文件面板组。每个面板组都可以展开或折叠,并且可以和其他面板组停靠在一起或取消停靠。且可以和其他面板组停靠在一起或取消停靠。回目录页 在磁盘上创建文件夹Web,创建名称为myweb的站点。回目录页 对创建的站点进行复制、删除、导入、导出操作。比较其作用与异同点 回目录页u新建:用于创建新站点。新建:用于创建新站点。u 编辑:用于编辑现有站点。编辑:用于编辑现有站点。u复制:创建所选站点的副本,副本将出现在站点复制:创建所选站点的副本,副本将出现在站点列表窗口中。列表窗口中。u 删除:删除所选站点,此操作无法撤销。删除:删除所选站点,此操作无法撤销。u 导出:可
8、以将站点设置导出为导出:可以将站点设置导出为XML文件(文件(*.ste)u 导入:可以选择要导入的站点设置文件导入:可以选择要导入的站点设置文件(*.ste)回目录页u网页的组成要素及作用:文本、图像、网页的组成要素及作用:文本、图像、FLASH动动画、表格、超级链接、导航栏、框架、表单、画、表格、超级链接、导航栏、框架、表单、CSS样式、行为、模板和库。样式、行为、模板和库。u 工作窗口组成及功能:标题栏、菜单栏、插入工工作窗口组成及功能:标题栏、菜单栏、插入工具栏、属性栏、浮动面板具栏、属性栏、浮动面板u创建站点和管理站点:新建、编辑、复制、删除、创建站点和管理站点:新建、编辑、复制、删除、导出、导入导出、导入回目录页查阅相关资料,进一步理解网页元素及其作用查阅相关资料,进一步理解网页元素及其作用练习站点的创建与管理练习站点的创建与管理