web技术实验指导书(V2.3)20120115
WEB技术实验指导书
第二版
主编：吴伟敏
南京邮电大学教育科学与技术学院
2012年
性质：《Web技术》课程是教育技术学专业和数字媒体技术专业的限选专业课。本实验是《Web技术》课程的课内上机实验教学环节。
目的和任务：本课程是一门实践性较强的课程。在学生系统学习了Web 基础知识及有关编程基本技能的基础上，经上机实践，使学生更加全面地掌握Web开发的基本技术和方法；综合运用课堂上掌握的相关知识，熟练使用网页制作工具及编程语言进行应用系统、各类Web运用的开发以及调试，掌握Web开发中各个环节所需技能的训练。
通过理论和实验教学，使学生掌握Web应用开发的一般方法，具备建立开发环境、建立网页、采用JavaScript来丰富网页展现形式、采用CSS 来管理网页的样式、利用服务器端脚本语言或其它编程语言来构建服务器端应用的方法，最终能创建一个完整的网站运用。
三、
1.实验硬件设备
PIV以上、1G内存。具备上网条件。
2. 实验软件环境
Windows 2003/XP/2008、DreamWeaver、Access、SQL Server，Apache，IE。
四、考核及实验报告
1. 考核
本课程实验非独立设课，考核方式以学生上机操作和完成设计作业相结合。实验成绩的评定：实验到课率（10％）；实验完成（70％）；实验效果（20％）。实验成绩占课程总成绩的20％。
2.实验报告
实验报告内容：实验题目（写明该次实验题目）；实验内容（实验操作的步骤或实验过程，要求步骤完整）；实验小结（实验中遇到的问题及解决方法）等，具体实验报告的要求可以参实验指导书的有关内容。
实验报告要书写规范、文字简练、语句通顺、图表清晰。
五、
https://www.wendangku.net/doc/605938042.html,/webcourse/webmonkey
https://www.wendangku.net/doc/605938042.html,/
https://www.wendangku.net/doc/605938042.html,/Channel/Source/
https://www.wendangku.net/doc/605938042.html,/webjs/
https://www.wendangku.net/doc/605938042.html,/javascript/
https://www.wendangku.net/doc/605938042.html,/webcourse/webmonkey/sucaiku/
实验一开发环境的建立
一、实验目的和要求
1．了解网站建设的前期准备工作；
2．规划步骤及如何建立一个网站；
3．掌握服务器的安装过程；
4．了解维护时所需要考虑的安全措施。
二、实验准备
1．分析网站建设的前期准备工作。包括：人员，服务器（软、硬件）的选择，域名的获得等；
2．分析服务器的安装过程及软件的维护。包括：IIS；SQL Server；ASP；.net Framework等；
3．预习有关软件的相关使用方法。
三、实验内容
1．如果安装的是Windows Professional操作系统：
(1) 安装并配置IIS，安装完成后发布IIS的默认主页，完成IIS的启动和停止操作；
(2) 安装并配置SQL Server个人版数据库系统，完成停止和启动SQL Server的操作。
2．如果安装了Windows Server操作系统：
(1) 安装并配置IIS，安装完成后发布IIS的默认主页，完成IIS的启动和停止操作；
(2) 安装并配置 SQL Server企业版/标准版数据库系统,并完成停止和启动SQL Server的操作。
3．安装并配置Windows操作系统下的ASP运行环境
(1) 配置IIS，测试安装是否成功；
(2) 安装并配置 SQL Server企业版/标准版数据库系统，并完成停止和启动SQL Server的操作。
2．为一个Web站点的开发小组规划一个Windows Server下的ASP工作环境。
假设该组有10个成员，客户端可能使用不同的操作系统。请画出该环境的示意图，标明所需的硬件、软件，并规划环境的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的默认发布目录是什么？
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．制作一个页面，上有文字、图像和朋友的E-Mail地址，在文字和图像上创建超级链接，当用户点击链接时，页面转跳到其它
页面，点击E-Mail地址时，打开信箱，发送邮件。
4．使用HTML/DHTML技术制作一个本学期使用的课表。
5．制作一个计算器界面，界面如图2.2所示。
图2.2 计算器界面
6．使用DHTML技术制作一个页面，页面内容及显示格式如下：
(1) 使用内联样式单实现。
(2) 使用嵌入式样式单实现。
(3) 使用外部链接样式单实现。
7．修改上机练习5的代码，使页面上的文字和按钮具有动态效果。例如，当用户把鼠标移动到按钮上时，按钮将改变其显示方式等。8．制作一个页面，使图像的说明文字在图像之中，请注意文字颜色的选择，使用户能把图像和文字区分开。
9．选择Dreamweaver、Flash、FrontPage等软件，能够使用这些工具制作一个在人才市场推销自己的个人主页，并在建立好的Web服务器上发布。
四、思考题
1．表单在页面中起什么作用？
2．网页的基本元素有哪些?
3．HTML的本质是什么？它是什么格式的文件? HTML文件的结构是什么样的
五、选作题
开发一个年级网站，该网站应有：
（1）你所在系的概貌，并介绍相关信息。
（2）年级概貌，所学专业，并介绍相关信息。
（3）你所在班级的概貌，并介绍相关信息。
（4）每个人的情况介绍。
为完成该课题，需成立：
（1）年级设计与规划小组，负责年级网站的规划、设计、信息采集与年级网站蓝图的制作，并分配与协调班级网页的制作工作。
(2) 班级设计与规划小组，负责班级网站的规划、设计、信息采集与班级网站蓝图的制作，并分配和协调个人网页的制作工作。
实验三 JavaScript与网页特效
一、实验目的和要求
1．了解客户端脚本的基本特点；
2．了解JavaScript的基本语法；
3．熟练掌握JavaScript的语言标准。
二、实验准备
1.掌握有关函数和对象的基本概念；
2.学习JavaScript语句的编写和调试方法，了解各种编辑工
具间的差异。
三、实验内容
1.使用