web技术应用实验指导书V230115Word文件下载.docx

1、2内容：掌握IIS的安装方法； 掌握有关Web服务器的配置方法；安装相关软件和开发工具。要求：了解当前计算机的配置，完整实现有关服务器端所需软件的安装；正确配置Web服务器的各项参数并测试；熟悉IIS或相关的软件的主目录、安全性、IP地址、端口等的配置。演示HTML与网页布局熟悉HTML语言的基本语法；掌握不同的标签对网页的影响及其效果；利用HTML部分实现自己设计的需求。了解HTML规范的基本内容，熟悉其中重要标签及常用标签的功能和用法；通过实例体会不同的标签之间的区别和不同属性间的差异；掌握Dreamweaver或Frontpage等软件的使用方法，熟悉网页布局的方法。验证3JavaScr

2、ipt与网页特效在纯HTML网页中加入JavaScript的方法；熟悉JavaScript的内置对象及其使用方法；掌握利用JavaScript实现特殊显示效果的方法。掌握JavaScript嵌入网页的方式；通过实践掌握JavaScript的基本语法；了解JavaScript的内置对象及其使用方法；尝试使用JavaScript实现一个完整的网页特效。4动态主页设计在前期对网站的策划和设计的基础上，利用所学的有关知识，进行一个完整网站的制作；实现动态主页的制作；掌握网站开发的基本流程。利用任何一种动态网页技术来实现动态网页；了解连接数据库的基本方法；通过实现更多功能完善自己的网站。综合三、 实验设

3、备和环境1.实验硬件设备PIV以上、1G内存 。具备上网条件。2. 实验软件环境Windows2003/XP/2008、Dreamweaver、Access、SQL Server，Apache，IE。四、 考核及实验报告1. 考核本课程实验非独立设课，考核方式以学生上机操作和完成设计作业相结合。实验成绩的评定：实验到课率（10）；实验完成（70）；实验效果（20）。实验成绩占课程总成绩的20。2.实验报告实验报告内容：实验题目（写明该次实验题目）；实验内容（实验操作的步骤或实验过程，要求步骤完整）；实验小结（实验中遇到的问题及解决方法）等，具体实验报告的要求可以参实验指导书的有关内容。实验报告

4、要书写规范、文字简练、语句通顺、图表清晰。五、 参考站点实验一 开发环境的建立一、 实验目的和要求1 了解网站建设的前期准备工作；2 规划步骤及如何建立一个网站； 3 掌握服务器的安装过程；4 了解维护时所需要考虑的安全措施。二、 实验准备1 分析网站建设的前期准备工作。包括：人员，服务器（软、硬件）的选择，域名的获得等； 2 分析服务器的安装过程及软件的维护。IIS；SQL Server；ASP；.net Framework等；3 预习有关软件的相关使用方法。三、 实验内容1如果安装的是Windows Professional操作系统：（1） 安装并配置IIS，安装完成后发布IIS的默认主页

5、，完成IIS的启动和停止操作；（2） 安装并配置SQL Server个人版数据库系统，完成停止和启动SQL Server的操作。2如果安装了Windows Server操作系统：（2） 安装并配置 SQL Server企业版/标准版数据库系统,并完成停止和启动SQL Server的操作。3安装并配置Windows操作系统下的ASP运行环境（1） 配置IIS，测试安装是否成功；（2） 安装并配置 SQL Server企业版/标准版数据库系统，并完成停止和启动SQL Server的操作。2为一个Web站点的开发小组规划一个Windows Server下的ASP工作环境。假设该组有10个成员，客户端

6、可能使用不同的操作系统。请画出该环境的示意图，标明所需的硬件、软件，并规划环境的IP地址。3在Windows环境下完成IIS 的安装、配置与信息发布。前面工作的基础上完成以下工作：（1） 网络的硬件连接；（2） Windows Server的安装与测试；（3） 客户端操作系统和浏览器安装与测试；（4）IIS的安装；（5）TCP/IP协议的安装与配置；（6）主页的发布；（7）使用FTP工具应用FTP协议实现上传和下载文件的操作。四、 思考题 1 在Windows Professional版本和Windows Server版本上安装和运行是否存在差异？2 在IIS的Web服务器上，主页、FTP的默

7、认发布目录是什么？3 Web的体系结构是什样的？请简述它的工作过程？五、 选作题使用Apache建立WEB站点，安装相应的服务软件，比较和体会IIS与Apache的异同。实验二 HTML与网页布局1 了解HTTP协议的基本特点；2 了解HTTP协议的基本开发方法；3 熟练掌握HTML语言标准。1 分析各种编辑工具间的差异，学会根据项目的要求选择合适的编辑工具；2 预习有关软件的使用方法。DreamWeaver；FrontPage等。1 应用HTML制作第一个页面，向浏览器输出一行文字。2 使用HTML制作一个页面，要有背景图案，页面显示内容及格式如图2.1所示。图2.1 页面显示内容及格式3制

8、作一个页面，上有文字、图像和朋友的E-Mail地址，在文字和图像上创建超级链接，当用户点击链接时， 页面转跳到其它页面，点击E-Mail地址时，打开信箱，发送邮件。4使用HTML/DHTML技术制作一个本学期使用的课表。5制作一个计算器界面，界面如图2.2所示。图2.2 计算器界面6使用DHTML技术制作一个页面，页面内容及显示格式如下：（1） 使用内联样式单实现。（2） 使用嵌入式样式单实现。（3） 使用外部链接样式单实现。7修改上机练习5的代码，使页面上的文字和按钮具有动态效果。例如，当用户把鼠标移动到按钮上时，按钮将改变其显示方式等。8制作一个页面，使图像的说明文字在图像之中，请注意文字

9、颜色的选择，使用户能把图像和文字区分开。9选择Dreamweaver、Flash、FrontPage等软件，能够使用这些工具制作一个在人才市场推销自己的个人主页，并在建立好的Web服务器上发布。1 表单在页面中起什么作用？2 网页的基本元素有哪些?3 HTML的本质是什么？它是什么格式的文件? HTML文件的结构是什么样的开发一个年级网站，该网站应有：（1） 你所在系的概貌，并介绍相关信息。（2）年级概貌，所学专业，并介绍相关信息。（3） 你所在班级的概貌，并介绍相关信息。（4） 每个人的情况介绍。为完成该课题，需成立：（1） 年级设计与规划小组，负责年级网站的规划、设计、信息采集与年级网站蓝

10、图的制作，并分配与协调班级网页的制作工作。（2） 班级设计与规划小组，负责班级网站的规划、设计、信息采集与班级网站蓝图的制作，并分配和协调个人网页的制作工作。实验三 JavaScript与网页特效1 了解客户端脚本的基本特点；2 了解JavaScript的基本语法；3 熟练掌握JavaScript的语言标准。1. 掌握有关函数和对象的基本概念；2. 学习JavaScript语句的编写和调试方法，了解各种编辑工具间的差异。1. 使用标记把一小段脚本程序嵌入HTML页面，并在浏览器中显示它的结果。2. 使用脚本语言制作一个具有动画效应的页面。3. 使用JavaScript编制一段代码完成以下功能：

11、（1）要求用户输入一个电话号码。（2）用确认框检查输入是否正确（是否为合法输入字符，位长是否合理等）。（3）根据输入给出相应的提示。4. 制作一个页面，页面上有五幅图像，图像等分在一个圆上，当用户点击页面时，图象逆时钟移动。5. 页面上有一幅图像，在状态栏显示有关图像的说明。当用户点击图像时，换成另一幅图像，同时状态栏的内容也做相应的变更。6. 制作一个页面，页面上有四个独立的块，每个块显示不同的内容，或图像加文字说明，或表格加文字说明，或表格加图像等等，当用户用鼠标在页面上点击时，将显示该鼠标所在位置对象的标记名和ID。7. 在客户端验证用户输入信息，如果输入正确，允许链接到网站；如果不正确

12、，禁止链接，要求用户界面友好。8. 制作一个页面，状态栏将根据页面内容滚动显示。9. 制作一个数字钟，根据网页下载持续时间进行收费。10. 制作一个打猎游戏，页面上有几个猎物，或在飞或在跑，用户用鼠标追赶猎物，追上后用鼠标单击猎物，弹出信息框说明猎物被击中，同时猎物消失。11. 为某单位的主页制作标题，使标题具有动态效果。1 JavaScript是如何在页面中发挥作用的？2 JavaScript能完成哪些功能?3 JavaScript的本质是什么？它于C语言或C有何异同?1 应用VBScript制作一个计算器，可以对整数和小数进行加、减、乘、除运算，计算器的界面如图所示，使用VBScript脚

13、本语言完成控件之间的事件响应任务和计算任务。图3.1 计算器界面2 为某企业网站设计并制作一个业务查询栏目。当用户输入正确的用户名及口令后，允许用户进行查询。请读者完成用户需求分析，确定查询的项目，设计并规划栏目的界面，并使用JavaScript脚本语言完成控件之间的响应任务和计算任务（如果存在计算任务）。3 某银行网站希望增加一个栏目，用户在界面中输入本金、存款方式和存款时间后，即可得到到期后的本金和利息之和共有多少，以利于客户选择存款方式。完成该栏目的设计与制作。实验四 动态主页设计1 了解服务器端脚本的基本特点；2 熟练掌握ASP.Net的基本语法；3. 掌握客户端与服务器端进行数据交换

14、的方法；4 掌握ASP.Net连接数据库的方法和数据库的有关操作。1. 掌握有关ASP.Net运行的机制和脚本语言用法；2. 学习ASP.Net的编写和调试方法，并建立数据库。3. 预习有关软件的使用方法。SQLServer；DreamWeaver等。1 应用ASP.Net技术在浏览器中输出三行由大变小的文字。2 应用VBScript和 JavaScript混合编制一个ASP.Net文件。用VBScript读取系统当前时间，用JavaScript接收系统时间，并向用户显示。3 为商家制作一个用户意见征求应用，当用户在表单中输入信息后，单击“确定”按钮，将信息发往服务器端，商家根据用户意见向用户

15、返回信息。4 请使用ASP.Net技术获得浏览器的名字和版本号、服务器的端口号等信息。5 请用不同的方式向浏览器输出信息。6 制作一个网站在线人数和总访问人数统计程序，如果用户离开页面或在5分钟内不刷新页面，被认为离线。7 在服务器端libdb数据库中创建Readers表存储读者信息，（1）用SQL Server建立一个数据库，在库中建一张表存贮读者信息，如图4.1所示。（2）为数据库建立数据源。（3）设计并编制源代码。图4.1 Readers表数据8 输出libdb数据库中Readers表的表头。9 输出libdb数据库中Readers表的所有记录。10 在Readers表中插入一位新读者的

16、记录。11 在Readers表把账号是000004读者的电话号码改为84627711。12 小项目：制作一个如图4.2所示的网上购物表单，商家返回的信息如题图4.3所示。图4.2网上购物表单图4.3 商家返回信息1 客户端脚本和服务器端脚本的区别是什么？2 解释动态Web页面和静态Web页面的含义。在网页中插入动画或影视媒体是否就称其为动态的页面?1 为网站完成一个留言板的制作，留言板的界面如图4.4所示，当用户点击页面上“浏览留言”超链接时，显示留言数据库中的内容。图4.4 留言板界面2 使用ASP.Net技术及ADO功能建立一个班级网站，要求：（1）建立一个班级数据库，数据库中应有班级的基

17、本信息，如：通信录、成绩单等。（2）制作一个动态网页。该网页能够接收用户信息，并根据用户要求激活服务器端的ASP程序，把后台数据库信息发布到前端的浏览器。（3）在网页中提供各种查询功能，例如：查询某位同学的学习成绩、计算班级的及格率或优秀率等等。附件：实验报告班级： 姓名： 学号：课程名称Web技术应用实验项目实验项目类型设计指导教师成 绩一、实验目的二、实验步骤三、实验过程原始记录（数据、图表、计算等）四、实验结果及分析签名：年 月 日备注：1、此表表头必须按此格式制作。2、表头以下的栏目和内容，各系部可根据实验课程的具体需要和要求确定，表中所列内容仅供参考。该栏可以根据需要加页。3、一门课程有多个实验项目的，应每一个实验项目一份。