dreamweaer第十五章 网站制作综合实例.docVIP

　　在这一讲中，将向读者演示制作一个虚构的餐馆的网站的过程，以示大家能够更全面完整地了解一个网站是如何构建出来的。　　为了方便大家学习，这个练习的所有素材都来源于Dreamweaver本身，也就是说之需要安装了Dreamweaver，就可以在计算机中找到该网站的所需资源。　　　　15.1　了解练习的基本任务　　　　创建本地站点时，可将任何现有资源（图像或其它内容）放在本地站点的根文件夹（站点的主文件夹）下。当用户准备向页面中添加内容时，可随时使用这些资源。　　Dreamweaver 中附带的示例文件包含用户构建这个练习Web 站点时所需的资源。创建站点的第一步是将示例文件从 Dreamweaver 应用程序文件夹复制到用户的硬盘上相应的文件夹中。　　在硬盘上的 Dreamweaver 应用程序文件夹中找到 cafe_townsend 文件夹。如果将Dreamweaver 安装到其默认位置，则该文件夹的路径如下所示：　　C:\Program Files\Macromedia\Dreamweaver 8\Tutorial_assets\cafe_townsend\。　　定义本地文件夹　　用户必须为创建的每一个新 Web 站点定义 Dreamweaver 本地文件夹。本地文件夹是用户在硬盘上用来存储站点文件的工作副本的文件夹。如果不定义本地文件夹，Dreamweaver 中的某些功能可能无法正确运行。　　如果定义了本地文件夹，用户还可以管理文件，并使用一些文件传输方法在本地与 Web 服务器之间传输文件。　　下面将cafe_townsend 文件夹定义为用户的本地文件夹。　　1.启动 Dreamweaver，选择“站点 /管理站点”。出现“管理站点”对话框。　　2.单击“新建”按钮，然后选择“站点”。出现“站点定义”对话框。　　3.如果显示向导（“基本”选项卡），请单击“高级”选项卡，然后从“分类”列表中选择“本地信息”（它应当是默认选项）。 　　4.在“站点名称”文本框中，输入 Cafe Townsend 作为站点名称。 　　5.在“本地根文件夹”文本框中，指定cafe_townsend 文件夹。可以单击文件夹图标来浏览并选择该文件夹，或者在“本地根文件夹”文本框中输入路径。　　6.在“默认图像文件夹”文本框中，指定 cafe_townsend 文件夹中已有的 images 文件夹。可以单击文件夹图标来浏览并选择该文件夹，或者在“默认图像文件夹”文本框中输入路径。　　7.单击“确定”。随即出现“管理站点”对话框，显示新站点。　　8.单击“完成”关闭“管理站点”对话框。 　　此时“文件”面板显示当前站点的新本地根文件夹。“文件”面板中的文件列表将充当文件管理器，允许用户复制、粘贴、删除、移动和打开文件，就象在计算机桌面上一样。　　现在，已经为用户的站点定义了一个本地根文件夹。本地根文件夹是本地计算机上用来存储 Web 页面的工作副本的文件夹。如果用户以后想要发布页面并使其可供公众访问，则需要在运行 Web 服务器的远程计算机上定义一个远程文件夹，用来存储本地文件的已发布副本。　　15.2　创建基于表格的页面布局　　首先创建一个新的页面，作为网站的首页。　　创建并保存一个新页面　　建立站点并检查设计草样后，就可以开始创建Web页面了。首先将创建一个新页面，并将它保存到Web站点的本地根文件夹中。该页面最终将成为虚构餐馆的主页。　　1.在Dreamweaver中，选择“文件/新建”。在“新建文档”对话框的“常规”选项卡上，从“类别”列表中选择“基本页”，从“基本页”列表中选择“HTML”，然后单击“创建”。 　　2.选择“文件/另存为”。在“另存为”对话框中，浏览至定义为站点的本地根文件夹。在“文件名”文本框中输入 index.html，然后单击“保存”。文件名即出现在应用程序窗口顶部的标题栏中。　　3.在新文档顶部的“文档标题”文本框中，键入Cafe Townsend。 这就是页面的标题。站点访问者在 Web 浏览器中查看页面时将在浏览器窗口的标题栏中看到此标题。　　4.选择“文件/保存”来保存该页面。　　创建表格　　接下来将添加一个表格，用于放置文本、图形和Flash等内容。　　在页面上单击一次，在页面左上角放置插入点。 　　选择“插入/表格”。 　　在“插入表格”对话框中，执行下面的操作： 　　在“行数”文本框中，输入 3。 　　在“列数”文本框中，输入 1。 　　在“表格宽度”文本框中，输入 700。 　　在“表格宽度”弹出式菜单中，选择“像素”。 　　在“边框粗细”文本框中，输入 0。 　　在“单元格边距”文本框中，输入 0。 　　在