Html设计实验报告.docx

山东信息职业技术学院
《网页设计》实验报告
2010— 2011 学年第二学期）
班 级：
姓 名：
学 号：
指导老师：
山东信息职业技术学院《网页设计》实验报告
实验一 认识 Dreamweaver CS3
一、实验目的
1、熟悉 Dreamweaver CS3 环境。
2、了解 HTML文件结构。
二、实验环境
计算机
三、实验内容
创建站点有两种方式： 使用向导有序地进行设置， 或者通过在 “管理站点” 对话框中设置 “高级”选项卡信息来创建。 无论哪种方式， 都要事先在本地磁盘上建立一个用来存放站点的文件夹，
这个文件夹就是本地站点的根目录。下面介绍一下这两种方式的具体操作步骤。
1．使用向导建立站点
使用向导建立站点的步骤如下： （ 1）打开建立站点向导的方法有 3 种。
①在进入 Dreamweaver 的起始页界面中选择“新建”→“ Dreamweaver 站点”命令，如图所
示。
②选择“站点”菜单中的“新建站点”命令。
③选择 “站点” 菜单中的 “管理站点” 命令，打开如图所示的 “管理站点” 对话框， 执行 “新建”→“站点”命令。
起始页中新建站点 “管理站点”对话框
（ 2）打开“站点定义为”对话框，在“您打算为您的站点起什么名字？”文本框中输入站点
名字，如 travel。若已申请域名则可以在“您的站点的 HTTP 地址（ URL ）是什么？”文本框中填入申请的域名地址。如图所示。
设置站点名和 URL 地址
- 1 -
山东信息职业技术学院《网页设计》实验报告
3）单击 “下一步” 按钮， 询问是否使用服务器技术， 如图所示。 若是静态站点则选中 “否，我不想使用服务器技术”单选按钮，若是动态站点可以进一步设置使用哪一种服务器技术。
选择是否使用服务器技术
4）单击“下一步”按钮，在“您将把文件存储在计算机上的什么位置？”文本框中直接输入站点根目录的路径，或者单击“浏览”按钮，选择文件夹目录。
5）单击“下一步”按钮，在“您如何连接到远程服务器？”下拉列表框中选择一种连接到
远程服务器的方式，这里选择“无”选项。
6）单击“下一步”按钮，将显示前几步设置的总结信息，若需修改可单击“上一步”按钮返回重新设置，若确定设置则单击“完成”按钮。
站点创建完成后将在“文件”面板中显示出站点的结构和文件。
2．使用高级设置建立站点
使用高级设置建立站点的第一步同前， 在如图所示的 “站点定义为” 对话框中切换到 “高级”
选项卡，如图所示。在左边的分类中选择“本地信息”选项，然后分别设置“站点名称” 、“本地
根文件夹” 、“默认图像文件夹” 、“HTTP 地址”等信息。若有需要还可以在左边的分类中选择其他项目进行设置，完成以后单击“确定”按钮，即可创建站点。
对于已经创建好的站点，可以执行编辑、复制、删除、导出和导入等操作。
1．编辑站点
如果要重新设置站点的属性，可以执行以下步骤：
（ 1）单击“站点” →“管理站点” 选项。（ 2）从站点列表中选择要编辑的站点名称， 单击 “编
辑”按钮。可以参考前面创建站点的方法重新设置站点属性。 （ 3）编辑完毕后，单击“确定”按钮，返回到“管理站点”对话框，单击“完成”按钮。
2．复制站点
如果要创建多个结构相同或相似的站点，可以利用站点的复制功能，具体步骤如下：
1）单击“站点”→“管理站点”选项。
2）从列表中选择要复制的站点名称，单击“复制”按钮。
（ 3）若要对复制的站点进行编辑， 可以从站点列表中选中新复制的站点， 单击 “编辑” 按钮，
- 2 -
山东信息职业技术学院《网页设计》实验报告
编辑完成返回到“管理站点”对话框，单击“完成”按钮。
3．删除站点
如果某个站点在 Dreamweaver 中不再需要编辑了可以删除该站点，具体步骤如下：
1）单击“站点”→“管理站点”选项。
2）从列表中选择要删除