dreamweaver第十五章 网站制作综合实例

《dreamweaver第十五章 网站制作综合实例》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、在这一讲中，将向读者演示制作一个虚构的餐馆的网站的过程，以示大家能够更全面完整地了解一个网站是如何构建出来的。　　为了方便大家学习，这个练习的所有素材都来源于Dreamweaver本身，也就是说之需要安装了Dreamweaver，就可以在计算机中找到该网站的所需资源。　　　　15.1　了解练习的基本任务　　　　创建本地站点时，可将任何现有资源（图像或其它内容）放在本地站点的根文件夹（站点的主文件夹）下。当用户准备向页面中添加内容时，可随时使用这些资源。　　Dreamweaver中附带的示例文件包含用户构建这个练习Web站点时所需的资源。创建站点的第一步是将示例文件从Dreamw

2、eaver应用程序文件夹复制到用户的硬盘上相应的文件夹中。　　在硬盘上的Dreamweaver应用程序文件夹中找到cafe_townsend文件夹。如果将Dreamweaver安装到其默认位置，则该文件夹的路径如下所示：　　C:ProgramFilesMacromediaDreamweaver8Tutorial_assetscafe_townsend。　　定义本地文件夹　　用户必须为创建的每一个新Web站点定义Dreamweaver本地文件夹。本地文件夹是用户在硬盘上用来存储站点文件的工作副本的文件夹。如果不定义本地文件夹，Dreamweaver中的某些功能可能无法

3、正确运行。　　如果定义了本地文件夹，用户还可以管理文件，并使用一些文件传输方法在本地与Web服务器之间传输文件。　　下面将cafe_townsend文件夹定义为用户的本地文件夹。　　1.启动Dreamweaver，选择“站点/管理站点”。出现“管理站点”对话框。　　2.单击“新建”按钮，然后选择“站点”。出现“站点定义”对话框。　　3.如果显示向导（“基本”选项卡），请单击“高级”选项卡，然后从“分类”列表中选择“本地信息”（它应当是默认选项）。　　4.在“站点名称”文本框中，输入CafeTownsend作为站点名称。　　5.在“本地根文件夹”文本框中，指定cafe_towns

4、end文件夹。可以单击文件夹图标来浏览并选择该文件夹，或者在“本地根文件夹”文本框中输入路径。　　6.在“默认图像文件夹”文本框中，指定cafe_townsend文件夹中已有的images文件夹。可以单击文件夹图标来浏览并选择该文件夹，或者在“默认图像文件夹”文本框中输入路径。　　7.单击“确定”。随即出现“管理站点”对话框，显示新站点。　　8.单击“完成”关闭“管理站点”对话框。　　此时“文件”面板显示当前站点的新本地根文件夹。“文件”面板中的文件列表将充当文件管理器，允许用户复制、粘贴、删除、移动和打开文件，就象在计算机桌面上一样。　　现在，已经为用户的站点定义了一个本地根

5、文件夹。本地根文件夹是本地计算机上用来存储Web页面的工作副本的文件夹。如果用户以后想要发布页面并使其可供公众访问，则需要在运行Web服务器的远程计算机上定义一个远程文件夹，用来存储本地文件的已发布副本。　　15.2　创建基于表格的页面布局　　首先创建一个新的页面，作为网站的首页。　　创建并保存一个新页面　　建立站点并检查设计草样后，就可以开始创建Web页面了。首先将创建一个新页面，并将它保存到Web站点的本地根文件夹中。该页面最终将成为虚构餐馆的主页。　　1.在Dreamweaver中，选择“文件/新建”。在“新建文档”对话框的“常规”选项卡上，从“类别”列表中选择“基本页”

6、，从“基本页”列表中选择“HTML”，然后单击“创建”。　　2.选择“文件/另存为”。在“另存为”对话框中，浏览至定义为站点的本地根文件夹。在“文件名”文本框中输入index.html，然后单击“保存”。文件名即出现在应用程序窗口顶部的标题栏中。　　3.在新文档顶部的“文档标题”文本框中，键入CafeTownsend。这就是页面的标题。站点访问者在Web浏览器中查看页面时将在浏览器窗口的标题栏中看到此标题。　　4.选择“文件/保存”来保存该页面。　　创建表格　　接下来将添加一个表格，用于放置文本、图形和Flash等内容。　　在页面上单击一次，在页面左上角放置插入点。　　选择“插

7、入/表格”。　　在“插入表格”对话框中，执行下面的操作：　　在“行数”文本框中，输入3。　　在“列数”文本框中，输入1。　　在“表格宽度”文本框中，输入700。　　在“表格宽度”弹出式菜单中，选择“像素”。　　在“边框粗细”文本框中，输入0。　　在“单元格边距”文本框中，输入0。　　在“单元格间距”文本框中，输入0。　　单击“确定”。一个三行一列的表格即出现在文档中。该表格的宽度为700像素，边框、单元格边距和单元格间距均为0。　　单击一次该表格右侧取消对它的选择。　　选择“插入/表格”以插