注:此站点文件夹最后将包含多个站点,因此不要选择站点文件夹作为本地根文件夹。马上您将在站点文件夹中为该 特定站点创建一个本地根文件夹 如果您尚未创建站点文件夹,现在就可以创建一个(使用“选择站点的本地根文件夹”对话 框中的文件夹创建按钮),并将该文件夹命名为“ Sites”。站点文件夹的推荐位置取决于您的 操作系统: ·在 Windows中,如果您还没有用来存储站点文件的位置,则在C驱动器根目录创建一个文 件夹并将其命名为“ Sites'”。即该文件夹的路径是C: Sites ·在 Mac os9中,如果您还没有存储站点的位置,则在磁盘驱动器的根目录创建一个文件夹 并将其命名为“ Sites” 在 Mac os x中,您的主文件夹( Users/your_user_name)包含一个名为“ Documents”的 文件夹。定位到该文件夹,并且在其中创建名为“ Sites”的文件夹 10还是在“选择站点的本地根文件夹”对话框中,在您的 Sites文件夹中创建一个新文件夹。将 这个新文件夹命名为“ GettingStarted”,然后单击“确定”退出“选择站点的本地根文件 夹”对话框。 这个新文件夹就是您的站点的本地根文件夹 nn1 Car]Rental的站点定义为 基本商级 站点定义 编辑文件,第3部分正在调试文件 在开发过程中,您打算如何使用您的文件? 试服务器是这台计算机〕 在本地进行编,然后上传到程测胆器 ○使用本地网络直接在远程测试服务器上进行编辑 O使用rIP或Hs直接在远程试服务器上进行编辑 您将把文件存储在计算机上的什么位置? C: \inetpub \wwwroot\Global Car\ 上一步m下一步》取消帮助 11单击“下一步”进入下一个步骤c 出现向导的下一个屏幕,询问您如何连接到远程服务器 在 Dreamweaver中创建您的第一个Web站点
在 Dreamweaver 中创建您的第一个 Web 站点 21 注意:此站点文件夹最后将包含多个站点,因此不要选择站点文件夹作为本地根文件夹。马上您将在站点文件夹中为该 特定站点创建一个本地根文件夹。 如果您尚未创建站点文件夹,现在就可以创建一个 (使用 “选择站点的本地根文件夹”对话 框中的文件夹创建按钮),并将该文件夹命名为“Sites”。站点文件夹的推荐位置取决于您的 操作系统: • 在 Windows 中,如果您还没有用来存储站点文件的位置,则在 C 驱动器根目录创建一个文 件夹并将其命名为 “Sites”。即该文件夹的路径是 C:\Sites。 • 在 Mac OS 9 中,如果您还没有存储站点的位置,则在磁盘驱动器的根目录创建一个文件夹 并将其命名为 “Sites”。 • 在 Mac OS X 中,您的主文件夹 (/Users/your_user_name) 包含一个名为 “Documents”的 文件夹。定位到该文件夹,并且在其中创建名为 “Sites”的文件夹。 10 还是在“选择站点的本地根文件夹”对话框中,在您的 Sites 文件夹中创建一个新文件夹。将 这个新文件夹命名为 “GettingStarted” ,然后单击 “确定”退出 “选择站点的本地根文件 夹”对话框。 这个新文件夹就是您的站点的本地根文件夹。 11 单击 “下一步”进入下一个步骤。 出现向导的下一个屏幕,询问您如何连接到远程服务器
12现在,从弹出式菜单中选择“无”。单击“下一步”进入下一个步骤 该向导的下一个屏幕将出现,其中显示您的设置概要 13单击“完成”完成设置 您可以稍后设置有关远程站点的信息(请参见第45页的“设置远程站点,然后发布”) 目前,本地站点信息对于开始创建页已经足够了 将出现一个警告,通知您 Dreamweaver将创建站点缓存。站点缓存是 Dreamweaver存储有 关站点信息的一种方式,可以使多个站点操作速度更快 14单击“确定”允许 Dreamweaver创建站点缓存 “站点”面板现在显示当前站点的新本地根文件夹,同时显示一个图标允许您以分层树视图査看 所有本地磁盘。该图标标为“桌面”( Windows)或“计算机”( Macintosh 文件·編辑、视图·站点 |↓會↓| Global Car Rente本地视图 Global Car Rental ( C: \inety “站点”面板通常显示您站点中的所有文件和文件夹,但是目前站点中不包含任何文件或文件 夹。当站点中存在文件时,“站点”面板中的文件列表将充当文件管理器,允许您拷贝、粘贴 删除、移动和打开文件,就象在计算机桌面上一样← 如果您已经具有一组要用来创建Web站点的本地HTML文件,则可以使用“站点”面板中的 文件浏览器将这些文件拷贝到新创建站点的文件夹中。但是,在开始使用自己的文件之前,您可 能要使用 Dreamweaver附带的文件来完成本指南中的课程 如果您在远程服务器上已经具有了一个web站点并要使用 Dreamweaver来编辑该站点,请参 见 Dreamweaver“帮助”(“帮助”>“使用 Dreamweaver”) 22第2章
22 第 2 章 12 现在,从弹出式菜单中选择 “无”。单击 “下一步”进入下一个步骤。 该向导的下一个屏幕将出现,其中显示您的设置概要。 13 单击 “完成”完成设置。 您可以稍后设置有关远程站点的信息 (请参见第 45 页的 “设置远程站点,然后发布”); 目前,本地站点信息对于开始创建页已经足够了。 将出现一个警告,通知您 Dreamweaver 将创建站点缓存。站点缓存是 Dreamweaver 存储有 关站点信息的一种方式,可以使多个站点操作速度更快。 14 单击 “确定”允许 Dreamweaver 创建站点缓存。 “站点”面板现在显示当前站点的新本地根文件夹,同时显示一个图标允许您以分层树视图查看 所有本地磁盘。该图标标为 “桌面” (Windows) 或 “计算机” (Macintosh)。 “站点”面板通常显示您站点中的所有文件和文件夹,但是目前站点中不包含任何文件或文件 夹。当站点中存在文件时,“站点”面板中的文件列表将充当文件管理器,允许您拷贝、粘贴、 删除、移动和打开文件,就象在计算机桌面上一样。 如果您已经具有一组要用来创建 Web 站点的本地 HTML 文件,则可以使用 “站点”面板中的 文件浏览器将这些文件拷贝到新创建站点的文件夹中。但是,在开始使用自己的文件之前,您可 能要使用 Dreamweaver 附带的文件来完成本指南中的课程。 如果您在远程服务器上已经具有了一个 Web 站点并要使用 Dreamweaver 来编辑该站点,请参 见 Dreamweaver “帮助”(“帮助” > “使用 Dreamweaver”)
将资源添加到您的站点 在创建了本地站点之后,如果您已为该站点创建了资源(图像或其他内容片断),则将这些资源 放置在本地站点根文件夹内的一个文件夹中。那么当您要向页中添加内容时,这些资源将随时可 用 Dreamweaver附带“ Global Car Renta”站点的图像和文本文件。如果要创建 Renta”的页,您必须将站点的图像拷贝到您的站点的本地根文件夹中。可以使用“站点”面板 完成此操作。 这些资源在一个名为“ Design”的文件夹中。为了简单起见并和本《入门》指南中其余的部分 保持一致,请将整个 Design文件夹拷贝到您的站点中,然后在该文件夹中进行操作。 着要将国像的文件夹拷贝到您的站点的本地根文件夹中,请执行以下操作 1如果尚未打开“站点”面板,则选择“窗 站点”将其打开 即会显示“站点”面板。(如果“站点”面板已经打开,则执行该步骤后不会显示“站点” 面板。如果未显示“站点”面板,则再次选择“窗口”>“站点”显示该面板。) 2在“站点”面板中,展开“桌面”( Windows)或“计算机”( Macintosh)图标以査看可用的 磁盘 3按需要展开文件夹以打开 Dreamweaver应用程序文件夹 4展开 Samples文件夹 5展开 Samples文件夹中的 Getting Started文件夹。 6选择 Getting Started文件夹中的 Design文件夹,然后按curl+C组合键( Windows)或 Command+C组合键( Macintosh)拷贝该文件夹 Design文件夹包含一个名为“Ases”的文件夹,而Ases文件夹又包含与站点相关的多个 资源(其中包括一个 Images子文件夹) 7还是在“站点”面板中,滚动到您的站点的本地根文件夹(您在定义站点时创建的文件夹) 并选择该文件夹。然后按Cr+V组合键( Windows)或 Command+V组合键( Macintosh)将 Design文件夹的拷贝粘贴到您的站点中。 在 Dreamweaver中创建您的第一个Web站点23
在 Dreamweaver 中创建您的第一个 Web 站点 23 将资源添加到您的站点 在创建了本地站点之后,如果您已为该站点创建了资源(图像或其他内容片断),则将这些资源 放置在本地站点根文件夹内的一个文件夹中。那么当您要向页中添加内容时,这些资源将随时可 用。 Dreamweaver 附带 “Global Car Rental”站点的图像和文本文件。如果要创建 “Global Car Rental”的页,您必须将站点的图像拷贝到您的站点的本地根文件夹中。可以使用“站点”面板 完成此操作。 这些资源在一个名为 “Design”的文件夹中。为了简单起见并和本 《入门》指南中其余的部分 保持一致,请将整个 Design 文件夹拷贝到您的站点中,然后在该文件夹中进行操作。 若要将图像的文件夹拷贝到您的站点的本地根文件夹中,请执行以下操作: 1 如果尚未打开 “站点”面板,则选择 “窗口” > “站点”将其打开。 即会显示 “站点”面板。(如果 “站点”面板已经打开,则执行该步骤后不会显示 “站点” 面板。如果未显示 “站点”面板,则再次选择 “窗口” > “站点”显示该面板。) 2 在“站点”面板中,展开“桌面”(Windows) 或“计算机”(Macintosh) 图标以查看可用的 磁盘。 3 按需要展开文件夹以打开 Dreamweaver 应用程序文件夹。 4 展开 Samples 文件夹。 5 展开 Samples 文件夹中的 GettingStarted 文件夹。 6 选择 GettingStarted 文件夹中的 Design 文件夹,然后按 Ctrl+C 组合键 (Windows) 或 Command+C 组合键 (Macintosh) 拷贝该文件夹。 Design 文件夹包含一个名为 “Assets”的文件夹,而 Assets 文件夹又包含与站点相关的多个 资源 (其中包括一个 images 子文件夹)。 7 还是在 “站点”面板中,滚动到您的站点的本地根文件夹 (您在定义站点时创建的文件夹) 并选择该文件夹。然后按 Ctrl+V 组合键 (Windows) 或 Command+V 组合键 (Macintosh) 将 Design 文件夹的拷贝粘贴到您的站点中
创建并保存新页 设置完站点后,您就可以创建Web页来填充站点了。 当启动 Dreamweaver时,将自动创建一个空的HTML文档。在继续之前,请关闭该文档 着要关闭酞认的空文档,抗行以下操作: 选择“文件”>“关闭 着娶创新页,请执行以下操作 1选择“文件”>“新建” 即会出现“新建文档”对话框。 CSs样式表 口图像:縮略图列表 本:文章B 具有栏的一个长文本块的布局 主板水平 2 创建:⊙文档①)O模板c 帮助Q茜数选择) 获取更多内容 2在左边的类别列表中,选择“页面设计”类别 对话框内中间列的列表重新标为“页面设计”。即会出现一组预先设计的页面设计 3在“页面设计”列表中向下滚动,选择名为“文本:文章D(具有导航条)”的项。 :还有一项具有相似的名称。一定不要选择名为“文本 D”的项,该项没有导航条
24 第 2 章 创建并保存新页 设置完站点后,您就可以创建 Web 页来填充站点了。 当启动 Dreamweaver 时,将自动创建一个空的 HTML 文档。在继续之前,请关闭该文档。 若要关闭默认的空文档,请执行以下操作: 选择 “文件” > “关闭”。 若要创建新页,请执行以下操作: 1 选择 “文件” > “新建”。 即会出现 “新建文档”对话框。 2 在左边的类别列表中,选择 “页面设计”类别。 对话框内中间列的列表重新标为 “页面设计”。即会出现一组预先设计的页面设计。 3 在 “页面设计”列表中向下滚动,选择名为 “文本:文章 D (具有导航条)”的项。 注意:还有一项具有相似的名称。一定不要选择名为 “文本:文章 D”的项,该项没有导航条
在对话框的右侧显示该页的一个小预览图像 新建文档 第规模板 基本页 口数:数字详细资料 页面设计(有辅助功能的) 说明水 口文本:文章A 具有侧栏的一个长文本块的布局 主模板水平 创建:⊙文档①)O模板 帮助Q0数选择) 获取更多内容 创速①】取消c 如果愿意,您可以使用所提供的任何其他页面设计创建页,或通过从“基本页”类别中选择 一项创建没有预设格式的页。本课的其余部分假设您正在使用“文本:文章D(具有导航 条)”页面设计 4确保选择了该对话框右下角的“文档”单选按钮。 在 Dreamweaver中创建您的第一个Web站点25
在 Dreamweaver 中创建您的第一个 Web 站点 25 在对话框的右侧显示该页的一个小预览图像。 如果愿意,您可以使用所提供的任何其他页面设计创建页,或通过从 “基本页”类别中选择 一项创建没有预设格式的页。本课的其余部分假设您正在使用 “文本:文章 D (具有导航 条)”页面设计。 4 确保选择了该对话框右下角的 “文档”单选按钮