项目1初识dreamweaver cs3站点的创建与管理.docVIP

项目1：初识Dreamweaver CS3——站点的创建与管理 一、新课引入 Dreamweaver CS3作为网页制作专业软件，具有强大的实用功能，目前已经成为市面上流行的网页编辑设计工具。从现在起，我们将逐步学习并掌握其使用方法。 下面我们通过实例来熟悉Dreamweaver CS3 环境，创建一个自己的站点，并在后继课程中创建一个基本的网页。 二、新课教学 活动一：网页组成要素及其作用 教师布置任务：打开项目1素材anpcs中的index.htm，如图1所示网页，并观察，了解网页组成要素及其作用；如果有条件，请上网搜索感兴趣的网站，了解什么是网页设计。 学生活动：自主学习探索，完成上述任务。 教师讲解：打开anpcs网站，介绍Dreamweaver功能 文本：组成网页的基本内容，根据需要可对其进行格式设置或用CSS样式控制其格式。 图像：常用的有GIF、JPEG等格式，用于美化网页。 FLASH动画：动画用于美化网页，使网页内容生动。 表格：用于网页内容的布局，组织整个页面外观，实现页面内容的精确定位。 超级链接：网站必不可少的内容，指从一个网页指向另一个目的端——网页、图片、其他格式文档、E-Mail地址等的链接。 导航栏：一组超级链接，方便用户浏览站点，一般由多个按钮或多个文本超链接组成。 框架：网页的一种组织形式，用于将相互关联的多个网页组织在一个浏览窗口中显示。（见项目10）。 表单：用于收集反馈信息。 CSS样式：用于控制文本格式。 行为：由Javascript代码组成，可实现动态页面效果。 模板和库：用于创建具有固定风格和结构、共同格式的网页。 活动二：Dreamweaver CS3工作窗口 教师布置任务：启动Dreamweaver CS3，利用网络或软件的帮助信息，查阅关于Dreamweaver CS3的功能介绍、工作窗口组成及作用，并加以描述。 学生活动：自主探索学习，完成上述任务，并回答上述问题。 教师讲解： 标题栏：显示软件名称及文档名称。 菜单栏：提供了软件操作的各种功能。 插入工具栏：用于创建和插入对象的按钮，这些按钮按类别分组。 常用：用于创建和插入最常用的对象，如图像和表格等。 布局：用于插入表格、Div标签、框架和Spry构件。还可以选择表格的两种视图：标准表格和扩展表格。 表单：包含一些按钮，用于创建表单和插入表单元素。 数据：可以插入Spry数据对象和其它动态元素，例如记录集、重复区域、插入记录表单和更新记录表单。 Spry：包含一些用于构建Spry页面的按钮，包括Spry数据对象和构件。 文本：用于插入各种文本格式和列表格式的标签，如b、em、p、h1和ul。 收藏夹：用于将插入工具栏中最常用的按钮分组和组织到某一公共位置。 属性栏（属性面板）：设置或编辑当前选定页面元素的最常用属性，属性栏中的内容根据选定的元素会有所不同。默认情况下，属性栏位于工作区的底部边缘，也可以将它停靠在工作区的顶部边缘，或者使其成为工作区中的浮动面板。 浮动面板：包括CSS、应用程序、标签检查器、文件面板组。每个面板组都可以展开或折叠，并且可以和其他面板组停靠在一起或取消停靠。 学生活动：观察Dreamweaver的各项面板 将面板展开、折叠、关闭、移动、调出 观察三种视图方式：设计视图、代码视图、设计代码视图 活动三：站点的创建和管理 站点（Web Site）又称网站，是由许多相互关联的网页组成的一个有机整体，是一系列通过超链接相互联系的网页的集合。 通常情况下，一个站点下的所有网页都具有统一的风格、统一的标题和统一的LOGO等。 注：CI是英文Corporate Identity 的英文缩写，直译为“企业形象规范体系”。这是指一个企业为了获得社会的理解与信任，将其企业的宗旨和产品包含的文化内涵传达给公众，而建立自己的视觉体系形象系统。在弹出的“管理站点”对话框中单击“新建”按钮，选择“站点”，如图3所示； 图3 设置站点名称为“myweb”，如图4所示； 图4 单击“下一步”，如果制作静态网页，则选择“否，我不想使用服务器技术”（如果制作动态网页，则使用服务器技术。在此，选择“否，我不想使用服务器技术”。如图5所示； 图5 单击“下一步”，设置“您将把文件存储在计算机上的什么位置”为：磁盘上先前建立的文件夹（如E:\web）图7 单击“下一步”，单击“完成”，则完成站点的设置。 10、观察：E:\Web。结论：站点事实上就是一个文件夹。 活动四：管理站点（选做） 教师布置任务：对创建的站点进行复制、删除、导入、导出操作。比较其作用与异同点。 学生练习：练习上述操作 教师讲解：（略） 选择站点“管理站点，从左侧的列表中选择一个站点。 单击一个按钮选择以下选项之一，并单击完成。 新建创建新站点。 编辑