动态网页设计与网站管理实验指导书.docx
《动态网页设计与网站管理实验指导书.docx》由会员分享，可在线阅读，更多相关《动态网页设计与网站管理实验指导书.docx（54页珍藏版）》请在冰豆网上搜索。
动态网页设计与网站管理实验指导书
《动态网页设计与网站管理》
实验指导书
李桂芝编写
北京信息科技大学计算中心
2010.3.9
实验一ASP运行环境的配置
一、实验学时：
2学时
二、实验类型：
验证性
该实验的目的在于验证已经学习过的ASP运行环境的配置。
目的明确、原理清楚，所验证的知识点单一，实验方法、步骤制定完备，学生只需根据“实验指导书”中的操作步骤进行操作，就会在规定的时间内完成实验，得出实验结果，撰写实验报告。
三、实验目的
1．掌握Windows2000/XP上IIS的安装与配置；
2．理解虚拟目录的设置方法；
3．掌握ASP文件的编写和运行方法。
4．掌握DreamweaverMX站点环境的设置。
四、实验内容
1．在自己的个人计算机上安装IIS。
2．配置IIS
3．ASP文件的编写和运行
4．DreamweaverMX站点环境的设置
五、实验步骤
1．安装IIS
（1）将WINDOWS系统光盘插入光驱。
（2）将WINDOWS2000系统光盘插入光驱，在“开始”->“设置”->“控制面板”->”添加删除程序”并单击“添加删除windows组件”选项。
（3）在弹出的“windows组件向导”对话框中选中“Internet信息服务（IIS）”复选框安装界面如图1-1所示。
（4）再单击“下一步”按钮，会弹出“选择安装路径的对话框，选择Windows系统盘的路径（G:
\wind\tools\i386下的文件）。
（5）单击“确定”按钮，再单击“下一步”按钮，按屏幕提示完成安装。
（6）检验安装。
启动IE浏览器，在地址栏输入：
http:
//localhost或http:
//127.0.0.1，并按回车键，出现如图1-2所示的网页，表示IIS组件已经安装成功。
2．配置IIS
（1）开始－>控制面板－>管理工具－>Internet服务管理器命令，可以打开“Internet信息服务”窗口，如图1-3所示。
图1-3Internet信息服务对话框
（2）右键单击“默认网站”，在弹出的快捷菜单中选择“属性”，将会出现如图1-4“网站属性”对话框；
图1-4“网站属性”对话框
（3）配置IP。
这里可以指定Web站点的IP，如没有特别需要，则选择全部未分配。
（4）指定站点主目录。
主目录用来存放站点文件的位置，默认是C:
Inetpub\wwwroot。
单击“主目录”标签，切换到如图1-5所示的主目录设置页面，该页面可实现对主目录的更改或设置。
可以选择其他目录作为存放站点文件的位置。
点击“浏览”按钮，选择存放站点文件的实际物理路经的c:
\myweb。
图1-5主目录设置页面
（5）设定默认文档。
每个网站都会有默认文档，默认文档就是访问者访问站点时首先要访问的那个文件，未制定所要访问的网页文件时，系统会访问默认的页面文件。
常见的主页文件名有index.htm、index.asp、default.htm、default.asp等。
单击“文档”标签，选择启动默认的文档复选框；点选“添加”按钮，在默认文档对话框中设置默认文档名（取名为：
index.asp为默认显示首页）；通过箭头按钮，调整默认文档搜索顺序。
如图1-6所示：
图1-6设置启动默认文档
3．虚拟目录的设置
要从主目录以外的其他目录中进行发布，就必须创建虚拟目录。
“虚拟目录”不包含在主目录中，但在显示给客户浏览器时就象位于主目录中一样。
本实验以对实际路径（例如：
d:
\aspexample）创建虚拟目录来说明其操作过程。
（1）在D:
盘根目录下创建aspexample文件夹。
（2）打开Internet信息服务器。
（3）新建虚拟目录：
在“默认网站”单击鼠标右键，选择“新建”－>“虚拟目录”，如图1－7所示。
图1-7“虚拟目录创建向导——开始”对话框
（4）单击“下一步”按钮，将会出现“虚拟目录创建向导——虚拟目录别名”对话框，在该对话框中“别名”下的文本框中输入“ASPE”，如图1-8所示；
图1-8“虚拟目录创建向导——虚拟目录别名”对话框
（5）单击“下一步”按钮，将会出现“虚拟目录创建向导——网站内容目录”对话框，在该对话框中“目录”下面的文本框中输入文件夹名“D:
\ASPExmaple”或单击“浏览”按钮，查找到“D:
\ASPExmaple”文件夹，如图1-9所示。
图1-9“虚拟目录创建向导——网站内容目录”对话框
（6）单击“下一步”按钮，将会出现“虚拟目录创建向导——访问权限”对话框，直接按“下一步”按钮，在出现的对话框中单击“完成”按钮便完成了“虚拟目录”的创建。
此时在“Internet信息服务”窗口中就可以看到建立的虚拟目录“ASPE”，如图1-10所示。
图1-10建立的虚拟目录
4．ASP文档的创建与运行
（1）用记事本将下述代码文本命名为time.asp保存在c:
\myweb下，即可形成一个ASP文件。
<%@Language=VBScript%>
您好！
现在的时间是：
<%
t=Time
Response.Writet'显示当前系统时间
%>
（2）在IE浏览器的地址栏输入“http:
//127.0.0.1/time.asp”或者113.251.219.116“http:
//localhost/time.asp”，脚本代码被执行。
查看运行结果如图1－11所示。
图1-11网页效果
（3）将该文件复制到d:
\aspexample文件夹下，在IE浏览器的地址栏输入http:
//127.0.0.1/ASPE/time.asp，查看网页结果，理解虚拟目录的概念。
5．在Dreamweaver2004MX下设置管理站点
为了能方便的在此软件中创建、调试和运行程序，需要在DW中给网页程序设置管理站点。
假设要实验的应用程序存储在实际路径c:
\myweb中，在DW中的管理站点名设为“ASP实验站点”，则具体操作如下：
（1）启动Dreamweaver2004MX程序
（2）选择：
站点→站点管理，则出现对话框,如图1-12所示：
图1-12“管理站点”对话框
（3）单击“新建”按钮，选择“站点”，则屏幕显示如图1－13所示。
图1-12“站点命名”对话框
（4）输入站点名“ASP实验站点”，单击下一步，显示如图1－14所示。
图1-14“选择服务器技术”对话框
（5）选择单选按钮：
是，我想使用服务器技术；然后根据下拉菜单选择：
ASPVBScript。
单击下一步，显示显示如图1－15所示。
图1-15“选择文件存放位置”对话框
（6）择文件存储的实际位置，该实验为:
c:
\myweb。
单击下一步，继续显示如图1-16所示。
图1-16“选择站点根目录”对话框
（7）输入该管理站点浏览的根目录，该实验为：
http:
//localhost，然后单击“测试URL（T）”按钮，来测试设置是否成功。
测试成功，再单击“下一步“，显示如图1-17所示。
图1-17“选择是否传文件”对话框
（8）选择单选按钮“否”，单击“下一步”则出现站点定义总结，然后按“完成“按钮，则结束对管理站点的设置。
6.用DW编写并运行一个简单的ASP网页程序
（1）启动Dreamweaver2004MX，然后选择已建立的“ASP实验站点”，在其下进行创建、编辑和运行文件。
（2）文件→新建，选择“动态页”和“ASPVBScript”，点按“创建”，在出现的屏幕上的
与之间加入以下ASP代码：
<%response.write（“我们有信心学好ASP这门课程！
”）%>
<%response.write（“现在系统的时间为:
“&now）%>
（3）将网页保存到路径c:
\myweb目录下，文件可命名为first.asp。
（4）启动IE浏览器，在地址栏键入：
http:
//locallost/first.asp或者http:
//127.0.0.1/first.asp,然后按回车查看结果。
实验二HTML标记符的使用
一、实验学时：
2学时
二、实验类型：
设计性
学生根据实验目的和内容要求，运用所学的知识，运用HTML语言设计实现各种网页，并进行实际验证，得出实验结果，撰写实验报告。
三、实验目的
1．掌握HTML标记符的用法和功能。
2．掌握HTML网页的基本结构。
四、实验内容
1．用HTML标记语言编程实现如图2－1所示的网页。
图2-1网页
素材如下：
唐诗——七言乐府
此题作者《全唐诗》为无名氏。
这首诗含义比较单纯，反复咏叹强调爱惜时光，莫要错过青春年华。
从字面看，是对青春和爱情的大胆歌唱，是热情奔放的坦诚流露。
然而字面背后，仍然是“爱惜时光”的主旨。
因此，若作“行乐及时”的宗旨看似乎低了，作“珍惜时光”看，便摇曳多姿，耐人寻味。
《金缕衣》
作者：
杜秋娘
劝君莫惜金缕衣，劝君惜取少年时。
花开堪折直须折，莫待无花空折枝。
2．用HTML标记语言编程实现如图2－2所示的网页。
图2-2网页
参考代码：
超链接综合实例中国诗词赏析
金缕衣
静夜思
沁园春﹒雪
念奴娇﹒赤壁怀古
欢迎下载中国诗词集
唐诗三百首
宋词五百首
请和我联系:
goodlook@">龙的传人多媒体工作室 返回页顶