下载文档原格式
实验一网站主页版面的设计一、实验目标1、要求学生掌握网站设计基本知识。
2、如何规划网站。
3、熟悉Photoshop软件的使用。
二、实验内容1、学生自行下载素材，设计某网站主页版面。
三、实验参考步骤（一）画布处理1、启动软件，新建一个画布大小为1002pxX810px，颜色模式：RGB，分辨率72.2、渐变工具：淡蓝-白色，从上向下垂直线形渐变填充整个画布。
、3、为进行网页的布局比例，按“视图”选择“标尺”，设置相应标尺，已被布局使用（二）、创建上方的TOP和导航条、LOGO1、将素材图片“top”插入到画布的最顶端，与标尺对齐；TOP（此背景及建筑可自由进行合成，使用抠图命令进行合成处理）由素材TOP1、TOP2合成处理完成：使用了魔棒工具进行选取白色区域，工具属性栏，填加到选区，补充选区其他白色区域。
选择菜单-反选，选择建筑物区域选择移动工具，编辑菜单-拷贝将选区内容粘贴到TOP2背景中。
再使用移动工具进行位置调整。
2、在图片上用文本工具在图片中间插入文字“品质成就价值专业成就品质”，使用华文行楷，30号，3、制作公司LOGO；新建48*52点画布，前景色使用蓝色填充，新建图层组，继续新建图层：使用椭圆选取工具制作一个椭圆选区，进行描边2象素白色使用动作命令及文字工具制作LOGO：打开动作调板：窗口菜单-动作，，新建动作，开启动作记录，，复制椭圆图层编辑菜单-自由变换，旋转+30°，回车应用，动作停止记录，选择动作1，点击播放按钮进行复制播放输入文字COME使用移动工具将LOGO放入合适位置4、导航条制作：使用圆角矩形工具绘制一个圆角的长方形，两个图层进行颜色渐变，颜色和效果如下具体：使用工具箱圆角矩形工具，设置半径45象素，绘制圆角矩形双击属性工具栏上的，调出渐变编辑器，进行线性渐变编辑填充按CTRL单击矩形选区图层取得圆角矩形选区，通过选区布尔减选区运算制作选区新建图层2填充白色、降低图层部透明度5、文字效果，使用横排文字工具，输入文字，并设置为加粗插入文字后的效果为6、素材图标制作：圆角矩形、描边：橘色；正方形通过变形制作成菱形描边：红色，输入文字，使用移动工具调整合适位置。
WEB程序设计实验指导书计算机基础教研室目录实验1 ASP运行环境及简单ASP编程 (3)实验2 VBScript脚本语言 (5)实验3 Request与Response对象的应用 (8)实验4 Application对象Session对象Server对象 (12)实验5 ASP服务器组件实验 (16)实验6 Connection对象,Command对象,Recordset对象 (20)实验7 Recordset对象Fields集合Field对象.htm (22)实验8 综合实例网上书店 (26)实验1 ASP运行环境及简单ASP编程一实验内容:1 掌握使用PWS作为WEB服务器进行ASP页面发布的方法2 掌握使用ASP脚本进行基本输出的方法二实验要求:1 根据以下实验步骤书写实验准备报告2 独立完成实验3 书写实验报告书三实验步骤:1 安装篇PWS(因实验室微机已安装PWS,本步骤无须上机完成)：您可以到该站点下载PWS:/cn99new/series/dyndns/pws.zip,也可以在本校的FTP站点下载它.另外,在完整的Win 98光盘里包含有PWS，它位于光盘的add-onspws文件夹中。
然后运行其中的setup.exe，安装过程中一路回车即可。
安装完毕重启机器，PWS会自启动并在系统托盘里出现一个PWS的运行图标。
双击此图标，会出现PWS的主窗口。
点击窗口左下角的“高级”图标，可打开一个窗口(见图2)。
PWS的重要设置尽在其中。
2 设定WEB主目录主目录是存放WEB服务器页面的初始目录,只有此目录下的文件才能被客户访问.默认的主目录一般为c:\inetpub\wwwroot,您也以按图所示来更改主目录.3 设置默认文档接下来，为您的主目录设置一个能在默认情况下自动运行的文档。
该文档的作用是，当进入本站点时，如没有指定要访问的文档，则服务器自动提供一个默认文档让其访问。
在图中，选中“启用默认文档”复选框，并在“默认文档”框中，输入自己的首页文档名index.asp。
《Web程序设计实验》课程课程编号：433013实验指导书主撰人：审核人：经济与管理科学系电子商务教研室二○一二年四月目录前言 1 实验1搭建ASP开发环境 2 实验2Dreamweaver编写页面 5 实验3超文本标记语言HTML 7 实验4VBScript编程9 实验5ASP内置对象的使用（一）11 实验6 ASP内置对象的使用（二）13 实验7 ADO组件的使用15前言实验总体目标: 培养Web程序设计编程能力适用专业年级: 电子商务三年级第五学期实验课时分配: 24学时实验环境要求每次可提供每人一台正常运行的计算机，实验室面积为60平方米以上，多媒体投影系统，室内采光通风良好卫生，供电正常，无强大信号干扰源，消防设备齐全，疏散通道正常。
实验总体要求通过本实验课程的教学，学生能基本上达到独立完成实验内容，通过老师的指导可完成研究性实验内容，能将相关内容应用到课程设计、电子竞赛、毕业设计等实践性环节中。
本课程的重点、难点及教学方法建议1、重点:掌握ASP开发平台的搭建；掌握HTML语言编写网页；掌握ASP的工作原理及其编程；熟练掌握VBScript程序的编写；熟练使用ASP内置对象编程；熟练使用ASP内置组件编程；熟练掌握通过ADO访问数据库的编程。
2、难点：掌握ASP内置对象编程；掌握通过ADO访问数据库的编程。
3、教学方法建议：注重理论与实验相结合，可利用现有的实验条件开发不同方法的综合性、设计性及研究性实验内容或实验项目。
实验1 搭建ASP开发环境一、实验目的1、掌握使用IIS作为WEB服务器进行ASP页面发布的方法2、掌握使用ASP脚本进行基本输出的方法二、实验设备及要求本实验主要使用设备为：计算机1台三、实验原理1、利用Windows组件IIS搭建Web服务器实现对ASP页面的解析。
2、利用简单ASP页面的运行检测IIS工作是否正常。
四、实验内容与步骤1、安装IIS（因实验室微机已安装IIS，本步骤无须上机完成）；将WindowsXP安装光盘放入光驱（或将安装光盘下I386文件夹拷贝至硬盘中）。
Web程序设计实验指导书杨松波2010.09实验一 C#和3.5一．实验目的(1)了解C#语言规范(2)掌握C#基础语法、流程控制和异常处理等。
(3)掌握创建C#类并应用于3.5 Web窗体中的方法。
二.实验内容及要求1.转换输入的成绩到相应的等级要求如下：（1）页面浏览效果如图1-1所示（2）成绩输入使用TextBox控件。
（3）点击Button控件时输出相应的等级信息，其中等级信息输出在一个Label上图1-1 成绩转换浏览效果2.在Web窗体上输出九九乘法表浏览效果如图1-2所示图1-2 “九九乘法表”浏览效果3.输入一组以空格间隔的共10个以内的整数，输出该组整数的降序排列要求如下：（1）页面浏览效果如图1-3所示。
（2）输入使用TextBox控件。
（3）单击Botton控件时输出所有整数的降序排列。
（4）必须使用数组。
图1-3 降序排列浏览效果4.计算两个数的商要求如下：（1）页面浏览效果如图1-4和图1-5所示。
（2）输入使用两个TextBox控件。
（3）单击Botton控件时输出两个数的商。
（4）必须包含异常处理。
图1-4 计算商浏览效果（1）图1-5计算商浏览效果（2）5.设计一个用户信息类UserInfo要求如下：（1）包括两个属性：姓名（Name）和生日（Birthday）。
（2）包括一个方法DecideAge（）用于判断用户是否达到规定年龄。
当年龄大于等于18岁时返回值“XXX，您是成年人了!”; 当年龄小于18岁时返回值“XXX，您还没长大呢!”。
6.将UserInfo类应用于Web窗体中页面浏览效果如图1-6和图1-7所示。
图1-6 UserInfo类浏览效果图（1）图1-7 UserInfo类浏览效果图（2）三.实验步骤1. 转换输入的成绩到相应的等级（1）设计Web窗体新建一个Web窗体，切换到设计视图。
如图1-8所示，向页面添加1个TextBox控件、1个Botton控件和1个Lable控件。
《Web程序设计》实验指导书单位：信息工程学院编写：XXXXX时间：2015年11月目录实验一：语法基础 (1)一、实验目的 (1)二、实验要求 (1)三、实验内容 (1)实验二：数据交互处理 (4)一、实验目的 (4)二、实验要求 (4)三、实验内容 (4)实验三：Ajax数据交互 (14)一、实验目的 (14)二、实验要求 (14)三、实验内容 (14)实验四：综合设计 (22)一、实验目的 (22)二、实验要求 (22)三、实验内容 (22)实验一：语法基础一、实验目的1．掌握PHP语法基本元素，掌握数据类型、变量和常量、运算符、表达式的使用。
2．掌握PHP流程控制。
3．掌握在Html和PHP命令标记相结合的方法。
4．掌握用PHP和Html交互的处理方法。
二、实验要求1．要求学生独立完成2．熟练掌握PHP与HTML标签的结合的操作3．要求独立完成实验，并使用到PHP的基本语法三、实验内容第一题：在html中嵌入PHP命令标记编写一个php动态页面，在html标记中用先嵌入一段php代码，给变量$xh赋一个文本数值；然后把$xh的数值作为一个html表单中的文本型输入框的value属性值。
编程示例：<html><head><title>在html中嵌入PHP命令</title><meta http-equiv="Content-Type" content="text/html; charset=gb2312"></head><body><h1>PHP inside html</h1><?php$xh="081101";?><form action="" method="post">学号是<input type="text" name="xh" size="20" value="<?php echo $xh;?>"> </form></body></html>第二题：PHP语法实验（1）变量、表达式和判断的使用编写一段PHP代码，用于判断一个整数变量的数值是否大于5，并显示判断结果。
Web技术实验指导书内容简介Web技术是计算机专业学生的一门专业课程，着重讲述Web编程的技术方法。
对于学生从事Web系统的研发、使用和维护有重要意义。
本课程概念多、内容涉及面广、系统性强。
通过本课程的学习，学生应能从软件、硬件功能分配的角度去了解、分析和研究Web系统，建立起对Web系统的全面认识，树立全面地、发展地看问题的观点，从而加深对各种类型Web系统的了解。
本课程的学习应注重理论与实践相结合，因此实验教学是教学环节中必不可少的重要内容。
通过实验教学的学习，使学生熟练掌握有关Web编程的基本概念、基本原理和基本思想，掌握对Web系统进行设计、分析和计算的方法。
实验部分包括四个实验，包括实验目的、实验内容和实验所需环境等，介绍了每个实验所需的一些基础知识和技巧。
在实验中给出的实验题，跟课堂教学的内容都有密切的关系，所以需要将课堂上讲授的例子程序融会贯通，掌握实验所需的一些基本方法和工具，并在吃透例子程序的基础上，积极独立思考设计和编写满足实验要求的程序。
中南大学信息科学与工程学院鲁鸣鸣制定上机实验要求及规范Web技术课程具有比较强的实践性。
上机实验是一个重要的教学环节。
一般情况下学生能够重视实验环节，对于编写程序上机练习具有一定的积极性。
但是容易忽略实验的总结，忽略实验报告的撰写。
对于一名大学生必须严格训练分析总结能力、书面表达能力。
需要逐步培养书写科学实验报告以及科技论文的能力。
拿到一个题目，一般不要急于编程。
正确的方法是：首先理解问题，明确给定的条件和要求解决的问题，然后按照自顶向下，逐步求精，分而治之的策略，按照面向对象的程序设计思路，逐一地解决子问题。
一、实验报告的基本要求：一般性、较小规模的上机实验题，必须遵循下列要求。
养成良好的习惯。
姓名班级学号日期题目i. 问题描述ii. 设计简要描述iii. 程序清单（带有必要的注释）iv. 结果分析（原始图示，测试数据与运行记录，分析正确性；）v. 调试报告：实验者必须重视最后这两个环节，否则等同于没有完成实验任务。
安阳师范学计算机与信息工程学院综合性、设计性实验报告书实验课程：Web程序设计实验指导教师：实验时间：2015.06.08——2015.06.18实验题目：实验类型：■综合性□设计性一、实验目的我们在开发一个功能实用、操作方便，简单明了的企业办公自动化管理系统。
在设计出功能强大的软件的同时，尽可能地减少对系统资源的占用，并且还要力求做到通过使用本系统，尽量使单位的办公管理工作系统化，自动化和规范化，从而达到提高企、事业单位管理效率的目的。
具体内容如下：●系统采用人机对话方式，界面美观友好，信息查询灵活、方便，数据存储安全可靠。
●实施强大的手机短信息群发功能。
●灵活快速的发送和接收文件更快捷。
●实现员工的上下班考勤。
●实现功能强大的公告发布与管理功能。
●对用户输入的数据，系统进行严格的数据检验，尽可能排除人为的错误。
●系统最大限度地实现了易维护性和易操作性。
●界面简洁、框架清晰、美观大方。
●实现企业部门和职员的信息管理功能。
●为了促进内部员工之间的交流，设置聊天室、活动投票功能。
●实现公司优秀员工评比功能。
●实现职员修改登录系统的个人密码。
●通过后台查看与删除公告信息、查看公文信息的功能。
●对员工信息、职位信息与部门信息的管理。
二、实验仪器设备及实验环境：实验仪器设备：Windows操作系统的计算机实验环境：（1）C#语言和Microsoft Visual Studio 2008R2工具介绍本系统采用C#作为开发语言，C#是一种简洁、类型安全的面向对象的语言，开发人员可以使用它来构建在.NET Framework 上运行的各种安全、可靠的应用程序。
使用C#，您可以创建系统的Windows 客户端应用程序、XML Web services、分公式组件、客户端-服务器应用程序、数据库应用程序以及很多其他类型的程序。
Microsoft Visual Studio 2008R2提供高级代码编辑器、方便的用户界面设计器、集成调试器和许多其他工具，以在C# 语言版本和.NET Framework 4.0的基础上加快应用程序的开发。
Web程序设计实验指导书实验学时：28实验一 JSP实验环境组建与JSP应用（2学时）一、实验目的（1）通过运行程序，了解JSP的运行原理；（2）掌握JSP开发环境的配置和部署；（3）部署运行JSP程序。
二、实验内容1.开发环境搭建Step1:安装和设置JDK以jdk1.6为例，安装位置C:\Program Files\Java\jdk1.6.0_12创建环境变量：JAVA_HOME为C:\Program Files\Java\jdk1.6.0_12在建环境变量PATH中添加：%JAVA_HOME%\bin;创建环境变量CLASSPATH:%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar;Step2:安装支持JSP的Web服务器以Tomcat6.0.29为例，安装位置d:\Tomcat6Step3:安装MyEclipse安装MyEclipse9Step4:设置Tomcat,可以从MyEclipse中直接启动Tomcat6操作步骤：Window→Preferences→MyEclipse Enterprise Workbench→MyEclipse→Servers→Tomcat→Tomcat6.x●Tomcat Server选择Enable●Tomcat home directory：d:\tomcat6●设置Tomcat运行使用的JDK：展开Tomcat6.x，单击JDK，单击tomcat JDKname:后的Add,在打开的页面中，单击JRE home后的Directory按钮，选择输入C:\Program Files\Java\jdk1.6.0_122.开发和运行JSP程序⏹创建Web项目File→New→Web Project(如：Myjsp)⏹新建JSP文件(如firstJsp.jsp)⏹编辑JSP文件⏹发布项目到Tomcat右击项目名称Myjsp→MyEclipse→Add and Remove Project DeploymentsProject:选择Myjsp项目，并单击Add，弹出Project Deployments对话框，在对话框中，选择server为Tomcat 6.x,并单击Finish⏹运行测试⏹启动Tomcat 6.x⏹运行JSP文件浏览器中输入：http://localhost:8080/Myjsp/firstJsp.jsp3.练习（1）编写一个JSP程序，在页面中输入系统时间，要求：输入的系统时间时判断当前时间是“上午”、“中午”还是“下午”，并给出友好的提示信息。
例如，当前系统时间是上午，在页面输出“早上好，新的一天即将开始，你准备好了吗？”；当前系统时间是中午，在页面输出“午休时间，正午好时光！”；当前系统时间是下午，在页面中输出“下午继续努力工作吧”。
参考代码：<%@page language="java"import="java.util.*,java.text.*"pageEncoding="I SO-8859-1"%><html><head><title>output the system time!</title></head><body><%Date d=new Date();SimpleDateFormat format=new SimpleDateFormat("yyyy-MM-ddHH:mm:ss");String time=format.format(d);out.println("Current time is "+time);%><br><%//Excise1.5int h=d.getHours();if(h>=1 && h<=12)out.println(h+"hour Good morning");elseif(h>=13 && h<=16)out.println(h+"hour Good aftermoon");elseout.println(h+"hour Good evening");%></body></html>（2）编写一个电子商城的用户注册页面，要求该主页面中包含用户设置的用户名、密码、真实姓名、性别、年龄等表单，并使用Javascript编写函数，当用户点击“提交”按钮时，会检查用户名、密码、真实姓名等项是否为空。
三、复习和预习内容眼过千遍不如手动一遍，所以一定要多动手写程序，才可能真正的理解程序的逻辑和内涵。
复习JSP程序的结构、部署和运行过程；预习JSP语法的相关内容。
希望大家能在实验中多思考，多给自己提问题，多设想几种可能。
做实验时不要满足于验证书本知识。
在以后的实验中，请读者自己设计具体的实验步骤，尽可能自己补充增加一些内容，以提高自己的实践能力。
实验二JSP语法（2学时）一、实验目的（1）掌握JSP文件的HTML元素等的使用。
（2）掌握JSP文件中的脚本元素、指令元素和动作元素，灵活使用JSP中的各种元素。
二、实验内容1、通过include指令元素，制作一个新闻网页的首页，其中，该页面上侧包含新闻的logo 图片，左侧包含含有新闻类别的超链接信息，右侧包含所有新闻的查询信息。
（1）创建名称“top.jsp”页面，该页面的主要代码如下：<%@ page contentType="text/html; charset=gb2312" language="java" import="java.sql.*" errorPage="" %> <html><head><title>无标题文档</title></head><body>新闻LOGO区域</body></html>（2）创建名称“left.jsp”页面，该页面的主要代码如下：<%@ page contentType="text/html; charset=gb2312" language="java" import="java.sql.*" errorPage="" %> <html><head><title>无标题文档</title></head><body>新闻操作区域</body></html>（3）创建名称“right.jsp”页面，该页面的主要代码如下：<%@ page contentType="text/html; charset=gb2312" language="java" import="java.sql.*" errorPage="" %> <html><head><title>无标题文档</title></head><body>新闻显示区域</body></html>（4）创建名称“down.jsp”页面，该页面的主要代码如下：<%@ page contentType="text/html; charset=gb2312" language="java" import="java.sql.*" errorPage="" %> <html><head><title>无标题文档</title></head><body>网站版权信息区域</body></html>（5）创建名称“index.jsp”页面，该页面的主要代码如下：<%@ page contentType="text/html; charset=gb2312" language="java"import="java.sql.*" errorPage=""%><html><head><title>新闻首页模板设计</title></head><body><table width="600" height="388" border="1" align="center"><tr><td height="50" colspan="2" align="center"><%@ include file="top.jsp"%></td> </tr><tr><td width="149" height="282" align="center"><%@ include file="left.jsp"%></td> <td width="435" align="center"><%@ include file="right.jsp"%></td></tr><tr><td height="46" colspan="2" align="center"><%@ include file="down.jsp"%></td> </tr></table></body></html>（6）程序运行结果如下图所示。
