网站开发工具第7讲.ppt

第7章 Dreamweaver 的基本应用 7.1 初识Dreamweaver 7.2 创建于管理站点 7.3 网页的基本属性 7.4 页面文本的格式化 7.5 超级链接与导航栏 本章知识技能要点： Dreamweaver中各个控制面板的作用 站点的创建与管理 页面的各个属性及其设置方法 网页中文本的格式化方法 CSS样式的概念 设置CSS样式，并用其统一网站的风格 在Dreamweaver中创建超级链接的方法 制作网页中的导航栏 7.1 初识Dreamweaver 7.1.1 Dreamweaver简介 Dreamweaver是Macromedia公司推出的一套专业的Web站点开发程序。是一款专业的 HTML 编辑器，用于对 Web 站点、Web 页和 Web 应用程序进行设计、编码和开发。 7.1.2 Dreamweaver 8 的工作环境 启动Dreamweaver 8之后，进入下图所示画面。在此画面上，可以选择各种进入Dreamweaver 8的方式。 1、插入工具栏 插入栏包含用于将各种类型的“对象”（如图像、表格和层）插入到文档中的按钮。 2、标准工具栏 标准工具栏包含对文档的一些基本操作命令，例如“新建”、“保存”、“剪切”、“复制”、“粘帖”、“撤销”、“重做”等等。 3、文档工具栏 文档工具栏中包含视图切换按钮，这些按钮可以在“代码”视图、“设计”视图、同时显示“代码”和“设计”视图的拆分视图之间快速切换。 4、“文档”窗口 “文档”窗口显示当前创建和编辑的网页文档。 5、属性检查器 属性检查器是一个很有用的面板，用于查看和更改当前所选对象或文本的各种属性。 6、“文件”面板 “文件”面板用于管理当前站点的文件和文件夹 7、状态栏 状态栏提供与您正创建的文档有关的其它信息。 8、面板组 “面板组”是在某个标题下面的相关面板的集合。 9 菜单概述 “文件”菜单 “编辑”菜单 “查看”菜单 “插入”菜单 “修改”菜单 “文本”菜单 “命令”菜单 “站点”菜单 “窗口”菜单 “帮助”菜单 7.2 创建与管理站点 7.2.1 创建本地站点 Web 站点是一组具有如相关主题、类似的设计、链接文档和资源。Dreamweaver 8 是一个站点创建和管理工具，因此使用它不仅可以创建单独的文档，还可以创建完整的 Web 站点。 建立一个网站，首先要在本地机器上做好网站，再传到网上的虚拟空间上。下面主要介绍本地站点的建立，站点文件命名。 在此以建立一个“校园生活网站”为例，介绍具体的操作步骤： （1）启动 Dreamweaver 8 ： （2）从“站点”菜单选择“新建站点”。出现“站点定义”对话框。 （3）在“站点定义”对话框中单击“基本”选项卡。 出现“站点定义向导”的第一个界面，为站点输入一个名称，例如键入“校园生活网站”。然后单击“下一步”。 （4）出现向导的下一个界面，询问是否要使用服务器技术。如图。 因为实例建立的是一个静态站点，就选择“否，我不想使用服务器技术”，指示目前该站点是一个静态站点，没有动态页。单击“下一步”。 （5）出现向导的下一个界面，询问要如何使用您的文件，选择标有“编辑我的计算机上的本地副本，完成后再上传到服务器（推荐）”的选项。 （6）对于其下方询问“您将把文件存贮在计算机的什么位置？” 单击该文本框旁边的文件夹图标。 随即会出现“选择站点校园生活的本地根文件夹”对话框。 单击“创建新文件夹”按钮，在D盘上建立一个名为“myweb”的站点文件夹，并以此作为“校园生活网站”的本地根文件夹。单击“打开”，在下一个出现的对话框中单击“选择”按钮。回到“站点定义”界面。文本框中显示的“D:\myweb\”即为站点文件夹所在的位置。单击“下一步”。 （7）出现向导的下一个界面，询问如何连接到远程服务器。从弹出式菜单中选择“无”。 （8）单击“下一步”按钮，该向导的下一个屏幕将出现的是以上所有设置的概要。 7.2.2 管理本地站点 如果对所创建的站点有不满意的地方，还可以随时对其进行修改、编辑。具体操作步骤如下： （1）选择“站点”菜单→“管理站点”。 出现“管理站点”对话框。 （2）点击“新建(N)…”按钮：可以创建一个新的站点。 （3）在左侧的站点列表中选择一个站点，可以对其进行下列操作： 点击“编辑(E)…”按钮：可以对选中的站点重新编辑。 点击“复制(P)…”按钮：可以复制选中的站点。 点击“删除(R)按钮：可以删除选中的站点。 （4）单击“完成”，关闭管理站点对话框。 7.3 网页的基本属性 7.3.1 创建网页 有两个方法创建新文档： 在文件菜单