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

实 验 报 告
2011 至 2012 学年度第 一 学期
课程名称： 网 页 设 计
系别班级： 10 数 本
学 号：
姓 名： 陶 士 林
授课老师： 丁 邦 旭
指导老师： 丁 邦 旭
目 录
实验项目一： 创建站点和管理站点
实验项目二： 在网页中建立各种超链接
实验项目三： 利用表格设计和制作网页
实验项目四： 应用框架技术制作网页
实验项目五： 应用层技术制作网页
实验项目六： 用表单收集数据
实验项目名称： 一、创建和管理站点
实验地点：实验楼C407
日 期：2011年9月26日
实验内容
建立本地站点。
搭建站点结构。
管理和维护站点。
实验目的
掌握站点的总体规划方法。
掌握本地站点的定义方法。
掌握站点结构的搭建方法。
掌握站点的管理与维护方法。
实验具体操作过程
创建本地站点
在菜单栏中选择“站点”—>“新建站点”命令。
在文本框中输入网站的名称“畅想未来”。站点的URL可以暂时不输入，到上传网站的时候再添加。
单击“下一步”按钮，设置站点需要使用服务器端技术。由于此时新建的是静态站点，并不需要相关技术，所以选择“否，我不想使用服务器技术”单选按钮。
单击“下一步”按钮，设置站点的编辑方式和存储位置。大多数情况下，用户都是先在自己的计算机上编辑网页，然后通过FTP上传到远程服务器上，因此选择第一个选项。在文本框中直接输入“D：\furture”。
单击“下一步”按钮，设置计算机与服务器的链接方式，这里在下拉列表框中选择“无”选项。
单击“下一步”按钮，Dreamweaver列出前面设置的各项信息以供用户检查。
在确认无误后，单击“完成”按钮。系统会在D盘的根目录下自动创建“furture”文件夹，同时“文件”面板显示出刚才新建的站点。
搭建站点结构
在“文件”面板中，单击文件下拉列表框，从中选择“畅想未来”，打开“畅想未来”站点。
右键单击站点根文件夹，从弹出的快捷菜单中选择“新建文件夹”命令，在本地站点的根文件夹下创建一个新文件夹。输入名称“images”，按回车键单击区外的任意位置，完成对文件夹名的命名。然后用相同的方法新建“webpages”
等其他文件夹。
右键单击站点根文件夹，从弹出的快捷菜单中选择“新建文件”命令，在本地站点的根文件夹中创建了一个新文件，。“畅想未来”网站的首页。此时建立的文件内容为空，以后可以通过编辑页面来添加内容。
在“文件”面板中右键单击某个文件，从弹出的快捷菜单中选择“设为首页”命令。
管理和维护站点
打开“畅想未来”站点。
在菜单栏中选择“站点”——>“管理站点”命令，打开“管理站点”对话框。
在左侧的站点列表中选择需要修改的站点，然后单击右侧的“编辑”按钮。
在打开的“站点定义”对话框中单击“高级”选项卡，用户可以根据需要对当前站点进行全面的编辑修改。
（5）利用“管理站点”对话框，可以对当前站点进行复制、删除等操作。
实验结果分析：通过此次上机操作，我知道了如何在本地建立一个站点，以及搭建站点的结构。在创建本地站点的过程中，我学到了如何设置站点的编辑方式和存储位置、设置计算机与服务器的链接方式；在搭建站点结构过程中，我学到了在本地站点的根文件夹下创建一个新文件夹、在本地站点的根文件夹中创建一个新文件。通过此次上机实验，我了解到要建立一个网站，首先要规划站点结构，考虑站点中各类文件的存放位置，同时我还知道了如何建立存放站点文件的文件夹、定义本地站点、对文件中的站点进行操作、设置网站的首页等操作。经过本次的初次上机，使我认识到建立一个网站的难处，更增加了我对这门学问的学习兴趣。
成 绩
教师签名
实验项目名称：二 、在网页中建立各种超链接
实验地点：实验楼C407
日 期：2011年10月10日