网页设计实验报告(学生)

实 验 报 告

2011 至 2012 学年度第 一 学期

课程名称： 网 页 设 计

系别班级： 10 数 本

学 号：

姓 名： 陶 士 林

授课老师： 丁 邦 旭

指导老师： 丁 邦 旭

目 录

实验项目一： 创建站点和管理站点

实验项目二： 在网页中建立各种超链接

实验项目三： 利用表格设计和制作网页

实验项目四： 应用框架技术制作网页

实验项目五： 应用层技术制作网页

实验项目六： 用表单收集数据

实验项目名称： 一、创建和管理站点

实验地点：实验楼C407

日 期：2011年9月26日

实验内容

建立本地站点。

搭建站点结构。

管理和维护站点。

实验目的

掌握站点的总体规划方法。

掌握本地站点的定义方法。

掌握站点结构的搭建方法。

掌握站点的管理与维护方法。

实验具体操作过程

创建本地站点

在菜单栏中选择“站点”—>“新建站点”命令。

在文本框中输入网站的名称“畅想未来”。站点的URL可以暂时不输入，到上传网站的时候再添加。

单击“下一步”按钮，设置站点需要使用服务器端技术。由于此时新建的是静态站点，并不需要相关技术，所以选择“否，我不想使用服务器技术”单选按钮。

单击“下一步”按钮，设置站点的编辑方式和存储位置。大多数情况下，用户都是先在自己的计算机上编辑网页，然后通过FTP上传到远程服务器上，因此选择第一个选项。在文本框中直接输入“D：\furture”。

单击“下一步”按钮，设置计算机与服务器的链接方式，这里在下拉列表框中选择“无”选项。

单击“下一步”按钮，Dreamweaver列出前面设置的各项信息以供用户检查。

在确认无误后，单击“完成”按钮。系统会在D盘的根目录下自动创建“furture”文件夹，同时“文件”面板显示出刚才新建的站点。

搭建站点结构

在“文件”面板中，单击文件下拉列表框，从中选择“畅想未来”，打开“畅想未来”站点。

右键单击站点根文件夹，从弹出的快捷菜单中选择“新建文件夹”命令，在本地站点的根文件夹下创建一个新文件夹。输入名称“images”，按回车键单击区外的任意位置，完成对文件夹名的命名。然后用相同的方法新建“webpages”

等其他文件夹。

右键单击站点根文件夹，从弹出的快捷菜单中选择“新建文件”命令，在本地站点的根文件夹中创建了一个新文件，将文件命名为index.html。Dreamweaver会自动将index.html作为“畅想未来”网站的首页。此时建立的文件内容为空，以后可以通过编辑页面来添加内容。

在“文件”面板中右键单击某个文件，从弹出的快捷菜单中选择“设为首页”命令。

管理和维护站点

打开“畅想未来”站点。

在菜单栏中选择“站点”——>“管理站点”命令，打开“管理站点”对话框。

在左侧的站点列表中选择需要修改的站点，然后单击右侧的“编辑”按钮。

在打开的“站点定义”对话框中单击“高级”选项卡，用户可以根据需要对当前站点进行全面的编辑修改。

(5)利用“管理站点”对话框，可以对当前站点进行复制、删除等操作。

实验结果分析：通过此次上机操作，我知道了如何在本地建立一个站点，以及搭建站点的结构。在创建本地站点的过程中，我学到了如何设置站点的编辑方式和存储位置、设置计算机与服务器的链接方式；在搭建站点结构过程中，我学到了在本地站点的根文件夹下创建一个新文件夹、在本地站点的根文件夹中创建一个新文件。通过此次上机实验，我了解到要建立一个网站，首先要规划站点结构，考虑站点中各类文件的存放位置，同时我还知道了如何建立存放站点文件的文件夹、定义本地站点、对文件中的站点进行操作、设置网站的首页等操作。经过本次的初次上机，使我认识到建立一个网站的难处，更增加了我对这门学问的学习兴趣。

成 绩

教师签名

实验项目名称：二 、在网页中建立各种超链接

实验地点：实验楼C407

日 期：2011年10月10日

实验内容

创建内部超链接

创建外部超链接

创建空链接和脚本链接

创建E-mail超链接

实验目的

掌握内部、外部超链接的创建方法。

掌握E-mail链接的创建方