網页设计实验报告(学生).docVIP

实 验 报 告 2011 至 2012 学年度第 一 学期 课程名称： 网 页 设 计 系别班级： 10 数 本 学 号： 1006131031 姓 名： 陶 士 林 授课老师： 丁 邦 旭 指导老师： 丁 邦 旭 目 录 实验项目一： 创建站点和管理站点 实验项目二： 在网页中建立各种超链接 实验项目三： 利用表格设计和制作网页 实验项目四： 应用框架技术制作网页 实验项目五： 应用层技术制作网页 实验项目六： 用表单收集数据 实验项目名称： 一、创建和管理站点 实验地点：实验楼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超链接 实