网页设计实验报告(学生)
实验报告
2011-2012年度第一学期
课程名称：网页设计
本科班：十几本
学号：
名字：瘦老鼠
kfdxtz :笑的冰棍
dldwt :笑的冰棍
目录
实验项目1 :创建站点和管理站点
实验项目2 :在网页上创建各种超链接
实验项目3 :利用表格设计和制作网页
实验项目4 :应用框架技术制作页面
实验项目5:APP应用层技术创建页面
实验项目6 :用表格收集数据
实验项目名称：一、网站创建与管理
实验地点：实验楼C407
日期： 2011年9月26日
实验内容
创建本地站点。
构建网站结构。
站点管理和维护。
实验的目的
掌握网站的总体规划方法。
掌握本地网站的定义方法。
掌握网站结构的构建方法。
掌握网站的管理和维护方法。
实验的具体操作过程
创建本地站点
从菜单栏中选择“站点”“新建站点”命令。
在文本框中输入网站的名称“联想未来”。 站点的URL暂时不输入，上传到站点时可以添加。
单击“下一步”按钮设置站点需要服务器端技术。 此时，由于新建了静态站点，不需要相关技术，因此选中“不，我不想使用服务器技术”单选按钮。
单击“下一步”按钮，设置站点的编辑方式和保存位置。 用户通常在自己的计算机上编辑网页，然后通过FTP将其上传到远程服务器。 因此，选择第一个选项。 直接在文本框中键入D:furture。
单击“next (下一步)”按钮设置计算机与服务器的链接方式。 在此，请从下拉列表框中选择“无”选项。
单击“下一步”按钮，Dreamweaver将显示之前设置的信息，供用户确认。
确认无误后，单击“完成”按钮。 将在d驱动器的根目录下自动创建" furture "文件夹，“文件”面板中将显示刚才创建的站点。
构建网站结构
在“文件”面板中，单击“文件”下拉列表框，然后从其中选择“记住未来”以打开“记住未来”网站。
右键单击站点的根文件夹，然后从快捷菜单中选择“新建文件夹”命令，以在本地站点的根文件夹下创建新文件夹。 键入images，按回车键，然后在城市外的任意位置单击以完成文件夹名称的命名。 然后用同样的方法新建“webpages”
等待其他文件夹。
右键单击站点的根文件夹，然后从快捷菜单中选择“新建文件”命令，以在本地站点的根文件夹中创建名为index.html的新文件。 Dreamweaver将自动使index.html成为“思考未来”网站的首页。 此时创建的文件内容为空，可以稍后通过编辑页面来添加内容。
在“文件”面板中，右键单击文件，然后从弹出菜单中选择“设置主视图”命令。
站点管理和维护
打开“联想未来”的网站。
从菜单栏中选择“管理站点——”命令以打开“管理站点”对话框。
在左侧的站点列表中选择要修改的站点，然后单击右侧的“编辑”按钮。
在打开的“站点定义”对话框中，单击“高级”选项卡，用户可以根据需要完全编辑和修改当前站点。
)5)在“管理站点”对话框中，可以复制、删除当前站点等操作。
实验结果分析：通过此次上机操作，了解了如何在本地搭建网站，如何搭建网站结构。 在创建本地站点的过程中，您学习了如何编辑站点、设置存储位置以及如何设置计算机和服务器链接。在构建站点结构的过程中，请在本地站点的根文件夹下创建新文件夹，然后在本地站点的根文件夹中创建新文件夹在这次实验中，我们了解到要构建站点，必须首先规划站点结构，并考虑站点中各种文件的存储位置。 他还了解如何创建存储站点文件的文件夹、定义本地站点、处理文件中的站点以及设置站点主页。 经过这次的第一次高兴，我认识到了建立网站的困难，提高了我对这门学问的兴趣。
成绩
教师的签名
实验项目名称：二、在网页上建立各种超链接
实验地点：实验楼C407
日期： 2011年10月10日
实验内容
创建内部超链接
创建外部超链接
创建空链接和脚本链接
创建电子邮件超链接
实验的目的
了解如何创建内部、外部超链接。
了解电子邮件链接的来源