《Web应用程序设计》上机实验指导书Word文档下载推荐.docx
- 文档编号:19674142
- 上传时间:2023-01-08
- 格式:DOCX
- 页数:9
- 大小:38.79KB
《Web应用程序设计》上机实验指导书Word文档下载推荐.docx
《《Web应用程序设计》上机实验指导书Word文档下载推荐.docx》由会员分享,可在线阅读,更多相关《《Web应用程序设计》上机实验指导书Word文档下载推荐.docx(9页珍藏版)》请在冰豆网上搜索。
1、了解并掌握WindowsXp个人计算机上IIS的安装与配置;
2、了解并掌握虚拟目录的设置方法;
3、了解并掌握DreamWeaver8的常用操作;
4、了解并掌握在DreamWeaver8配置站点的方法,能够在DreamWeaver8中测试ASP动态网页。
二、实验要求
1、独立设计完成;
2、程序编写正确。
三、实验设备、环境
Windowsxp计算机、装有IIS组件、Dreamweaver8软件。
四、实验内容
(一)按教材所介绍的方法,在自己的个人计算机上不同的Windows系统安装IIS。
(二)编写一个简单的ASP网页程序,实现在浏览器IE中输出“这是我的第一个ASP程序!
”。
(三)熟悉DreamWeaver8的运行环境,如何创建和管理站点。
五、操作步骤:
(1)启动Dreamweaver(双击桌面上的快捷图标启动Dreamweaver)。
(2)创建站点(菜单方法:
站点->
新建站点,站名名:
“实验项目”,文件存储位置“F:
\”,其他信息均采用默认方式)。
(3)配置站点(菜单方法:
管理站点,选择“实验项目”站点,点击编辑,在打开的窗口中选择“高级”选项卡,在本地信息中,HTTP地址处输入:
http:
//localhost/实验项目/;
在测试服务器中,服务器模型:
ASPVBScript;
访问:
本地/网络;
测试服务器文件夹:
F:
\实验项目\;
URL前缀:
//localhost/实验项目/)。
(4)启动IIS(开始->
程序->
管理工具->
Internet信息服务)。
(5)建立虚拟目录(右击默认网站,选择“新建->
虚拟目录”,提示:
虚拟目录别名“实验项目”,输入内容所在的目录路径“F:
\实验项目”,允许权限“执行、浏览”)。
(6)在Dreamweaver中,将Dreamweaver窗口切换到“显示代码视图”。
(7)在<
body>
与<
/body>
之间加入以下ASP代码:
<
%Response.Write(“这是我的第一个ASP程序!
”)%>
(8)保存网页,文件可命名为first.asp。
(9)观察输出结果(单击工具栏中的“在浏览器中预览/调试”或按“F12”浏览网页;
也可在IE浏览器的地址栏中键入:
//localhost/实验项目/first.asp,按回车,观察能否正确运行)。
六、讨论、思考题
1、尝试利用四种不同的方法浏览、运行和访问ASP文件,它们之间有何区别?
实验二表格的制作
表格的制作
1、掌握HTML表格标记及属性;
2、掌握多媒体的标记及属性。
制作一个学生成绩表,要求有表格标题、表头和具体的学生成绩信息,表头包括学号、姓名、性别、学期、课程名称、成绩等内容。
五、实验步骤
(1)利用实验一的方法,搭建ASP的运行环境。
(2)打开Dreamweaver8编辑器,在窗口的显示代码视图下编写相应代码。
(3)参考代码
%@LANGUAGE="
VBSCRIPT"
CODEPAGE="
936"
%>
html>
head>
metattp-equiv="
Content-Type"
content="
text/html;
charset=gb2312"
>
title>
学生成绩表<
/title>
/head>
<
tableborder="
2"
caption>
/caption>
trbgcolor="
#c0c0c0"
th>
学号<
/th>
姓名<
性别<
学期<
课程名称<
成绩<
/tr>
tr>
td>
1001<
/td>
张明<
男<
08-09-1<
面向对象技术<
70<
1002<
王丽<
女<
89<
1003<
马飞<
80<
/table>
/html>
(3)保存网页,文件可命名为Table_paper.asp。
(4)浏览网页,输出结果如下图。
1、如果在浏览时,要达到下图所示的显示效果,应如何修改原代码。
实验三注册信息表的制作
注册信息表的制作
2、掌握常用表单控件标记及属性。
本实验把几种常用表单输入区域放置在表格单元格中,使各种类型的输入区域排列整齐、美观。
具体样式要求如图所示。
metahttp-equiv="
注册信息表的制作<
styletype="
text/css"
!
--
.STYLE1{
font-size:
18px;
font-weight:
bold;
}
-->
/style>
0"
align="
center"
cellpadding="
4"
cellspacing="
bgcolor="
#99FF66"
captionalign="
top"
class="
STYLE1"
注册信息表
tdalign="
right"
strong>
姓名:
/strong>
formname="
form2"
method="
post"
action="
"
inputname="
name"
type="
text"
id="
/form>
密码:
form3"
password"
电话:
form4"
call"
E-mail:
form5"
E-mail"
size="
50"
籍贯:
form6"
selectname="
JG"
optionvalue="
安徽省"
安徽省<
/option>
江苏省"
江苏省<
浙江省"
浙江省<
/select>
性别:
form9"
sex"
radio"
value="
radiobutton"
checked>
男
女
年龄:
form7"
age"
10"
简介:
form8"
textareaname="
textarea"
rows="
3"
/textarea>
tdcolspan="
form1"
divalign="
inputtype="
submit"
name="
Submit"
确定"
reset"
Submit2"
重填"
/div>
(4)调试程序并打开浏览器运行运行注册信息表程序。
1、在Dreamweaver8编辑环境下,如何在设计试图模式下,完成上图所示的效果。
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- Web应用程序设计 Web 应用 程序设计 上机 实验 指导书