2023年Html设计实验报告.doc

山东信息职业技术学院 《网页设计》试验汇报 （—第二学期） 班 级： 姓 名： 学 号： 指导老师： 试验一 认识Dreamweaver CS3 一、试验目的 1、熟悉Dreamweaver CS3环境。 2、理解HTML文献构造。 二、试验环境 计算机 三、试验内容 创立站点有两种方式：使用向导有序地进行设置，或者通过在“管理站点”对话框中设置“高级”选项卡信息来创立。无论哪种方式，都要事先在当地磁盘上建立一种用来寄存站点的文献夹，这个文献夹就是当地站点的根目录。下面简介一下这两种方式的详细操作环节。 1．使用向导建立站点 使用向导建立站点的环节如下：（1）打开建立站点向导的措施有3种。 ①在进入Dreamweaver的起始页界面中选择“新建”→“Dreamweaver站点”命令，如图所示。 ②选择“站点”菜单中的“新建站点”命令。 ③选择“站点”菜单中的“管理站点”命令，打开如图所示的“管理站点”对话框，执行“新建”→“站点”命令。 起始页中新建站点 “管理站点”对话框 （2）打开“站点定义为”对话框，在“您打算为您的站点起什么名字”文本框中输入站点名字，如travel。若已申请域名则可以在“您的站点的HTTP地址（URL）是什么”文本框中填入申请的域名地址。如图所示。 设置站点名和URL地址 （3）单击“下一步”按钮，问询与否使用服务器技术，如图所示。若是静态站点则选中“否，我不想使用服务器技术”单项选择按钮，若是动态站点可以深入设置使用哪一种服务器技术。 选择与否使用服务器技术 （4）单击“下一步”按钮，在“您将把文献存储在计算机上的什么位置”文本框中直接输入站点根目录的途径，或者单击“浏览”按钮，选择文献夹目录。 （5）单击“下一步”按钮，在“您怎样连接到远程服务器”下拉列表框中选择一种连接到远程服务器的方式，这里选择“无”选项。 （6）单击“下一步”按钮，将显示前几步设置的总结信息，若需修改可单击“上一步”按钮返回重新设置，若确定设置则单击“完毕”按钮。 站点创立完毕后将在“文献”面板中显示出站点的构造和文献。 2．使用高级设置建立站点 使用高级设置建立站点的第一步同前，在如图所示的“站点定义为”对话框中切换到“高级”选项卡，如图所示。在左边的分类中选择“当地信息”选项，然后分别设置“站点名称”、“当地根文献夹”、“默认图像文献夹”、“HTTP地址”等信息。若有需要还可以在左边的分类中选择其他项目进行设置，完毕后来单击“确定”按钮，即可创立站点。 对于已经创立好的站点，可以执行编辑、复制、删除、导出和导入等操作。 1．编辑站点 假如要重新设置站点的属性，可以执行如下环节： （1）单击“站点”→“管理站点”选项。（2）从站点列表中选择要编辑的站点名称，单击“编辑”按钮。可以参照前面创立站点的措施重新设置站点属性。（3）编辑完毕后，单击“确定”按钮，返回到“管理站点”对话框，单击“完毕”按钮。 2．复制站点 假如要创立多种构造相似或相似的站点，可以运用站点的复制功能，详细环节如下： 单击“站点”→“管理站点”选项。 （2）从列表中选择要复制的站点名称，单击“复制”按钮。 （3）若要对复制的站点进行编辑，可以从站点列表中选中新复制的站点，单击“编辑”按钮，编辑完毕返回到“管理站点”对话框，单击“完毕”按钮。 3．删除站点 假如某个站点在Dreamweaver中不再需要编辑了可以删除该站点，详细环节如下： 单击“站点”→“管理站点”选项。 从列表中选择要删除的站点名称，单击“删除”按钮。 在弹出的提醒对话框中，单击“是”按钮，即可删除选定的站点。 四、试验规定 1、认真预习，写出操作环节。 2、遵守机房纪录，填好设备档案。 3、认真写试验总结，试验环节。 五、试验总结 Dreamweaver CS3创立网站的环节 试验二 网页基础练习 一、试验目的 1、掌握html文献的基本构造 2、纯熟使用head元素、body元素的各个属性 二、试验环境 计算机 三、试验内容 1、打开“记事本”，输入书本P5图所示代码，保留为以.htm或.html为扩展名的web文献，双击该文献，观测显示效果。（注意标题栏的显示内容和正文部分的对齐方式） 2、启动Dreamweaver CS3,切换到HTML视图下,完毕书本第一章中出现的所有HTML源文献,然后切换到预览视图下观测效果。 3、练习使用向导建立当地站点；练习在“文献”面板中新建目录及文献的操作。完毕第一章中的练习2和练习3 4、登录网站,单击申请空间链接，按其规定认真填写有关注册信息，完毕个人免费空