Html设计实验报告
《网页设计》实验报告
(2010—2011学年第二学期) ) ) ) ) ) ) )。
类：
姓氏：
学号：
静静的寒风：
实验一认识Dreamweaver CS3
一、实验目的
1、熟悉Dreamweaver CS3环境。
2、了解HTML文件的结构。
二.实验环境
电脑
三.实验内容
有两种创建站点的方法：使用向导进行设置，以及在管理站点上设置高级选项卡信息。 无论如何，请创建用于在本地磁盘上存储站点的文件夹。 此文件夹是本地站点的根目录。 介绍这两种方式的具体操作步骤。 1 .使用向导创建站点
使用向导创建站点的步骤如下。 要打开“创建站点”向导，您可以在访问Dreamweaver起始页的界面中选择“新建”“Dreamweaver站点”。
从“站点”菜单中选择“新建站点”命令。
从“站点”菜单中选择站点管理命令，打开如图所示的“管理站点”对话框，然后执行“新建”-“站点”。
打开起始页上的“新建站点管理”对话框“站点定义”对话框，然后在为站点命名的文本框中输入站点名称，如travel。 如果申请了域名，网站的HTTP地址(URL )是什么？ 在框中填写申请的域名地址。 如图所示。
设置站点名称和URL地址，然后单击“下一步”按钮，询问是否要使用服务器技术。 对于静态站点，请选择否。 我不想使用服务器技术。 对于动态站点，还可以配置要使用的服务器技术。
选择是否使用服务器技术
单击“next (下一步)”按钮将文件保存在计算机上的什么位置？ 在文本框中直接输入站点根目录的路径，或者单击按钮选择文件夹目录。
)5)单击“下一步”按钮，并在“连接到远程服务器的方式”框中选择连接到远程服务器的方式。 在此选择“不点击下一步按钮”，将显示上一步骤的设定概要。 如果需要更改，请单击“上一步”返回重新设置，然后单击“完成”按钮完成站点创建后，“文件”面板将显示站点结构和文件2。 使用高级设置创建站点
在使用“高级”建立站点的第一次同步之前，请在“站点定义”对话框中切换到“高级”选项卡，如图所示。 在左侧类别中选择本地信息，并分别设置站点名称、本地根文件夹、默认图像文件夹和HTTP地址等信息。 如果需要，请在左侧的分类中选择其他项目进行设置，完成后单击“确定”按钮创建站点。 可以对创建的站点执行编辑、复制、删除、导出、导入等操作。 1 .编辑网站
要重置站点属性，请执行以下步骤：
单击站点“管理站点”。 从站点列表中选择要编辑的站点名称，然后单击“编辑”按钮。 可以通过参考先前创建站点的方法来重新设置站点属性。 编辑完成后，单击“确定”按钮，返回到“管理站点”对话框，然后单击“完成”按钮。 2 .站点复制
如果要创建多个结构相同或结构相似的站点，可以使用站点复制功能。 具体步骤如下。
单击站点“管理站点”。
从列表中选择要复制的站点名称，然后单击“复制”按钮。
要编辑复制的站点，请从站点列表中选择新复制的站点，单击“编辑”按钮，编辑完成后返回“管理站点”对话框，然后单击“完成”按钮。 3 .删除网站
如果站点不再需要在Dreamweaver中进行编辑，请执行以下步骤删除站点：
单击站点“管理站点”。
从列表中选择要删除的站点名称，然后单击“删除”按钮。 在显示的“提示”对话框中，单击“是”按钮可删除选定的站点。 使用练习向导创建本地站点； 在“文件”面板中练习新目录和创建文件的操作，将网页文本标题、作者和正文设置为不同的字体和大小，使其看起来更有层次感； 设置所有文本的居中对齐，使其看起来更漂亮。
四.实验步骤
3、主要操作步骤如下：
)1)启动Dreamweaver，然后单击标准工具栏上的“新建”按钮，在出现的“新建文档”对话框中创建主页的新HTML文档。
修改-显示“页面属性命令”、“页面属性”对话框，从“分类”下拉列表中选择外观选项，在“外观选项”区域的“背景图像”文本框中设置背景图像，然后单击“确定”按钮在文档中绘制插图
选择标题偶然，在属性面板的字体下拉列表框中选择黑体选项，在大小下拉列表框中选择36，效果如图所示。 输入图文本图以设置标题格式。 将标题下的hhdl文本的字体设置为所有者的书，如图所示。 尺寸是18。
选择正文文本，并将该字体设置为小圆。 如图所示，大小为16。 图文本图设置正文文本选择所有文本后，在“属性”面板中单击“居中”按钮将其居中，然后单击按钮，在打开的“颜色”面板中选择深蓝色。 保存文件，然后选择文件-“在浏览器中预览”IExplore”命令预览网页，最终效果如图所示。 1 )默认水平线
2 )粗细为5像素的水平线
3 )长100像素的水平线
4 )长度为屏幕宽度50%的水平线
5 ) 5像素宽的实心水平线