31web网站设计实验讲义

《Web程序设计（ASP.Net版）》实验指导书编写：梁兴建二〇〇八年十二月目录附一、实验报告填写方法...................................................................................................................1附1．1实验开发环境..............................................................................................................1附1．2实验过程要求...............................................................................................................1附1．3实验报告内容填写.......................................................................................................1实验一：HTML语言静态网页设计................................................................................................21．1实验目的............................................................................................................................21．2实验内容及要求................................................................................................................2实验二：IIS的配置和管理................................................................................................................42．1实验目的............................................................................................................................42．2实验知识点........................................................................................................................42．3实验内容及要求................................................................................................................9实验三：ASP.Net项目的建立及控件的熟悉..................................................................................103．1实验目的..........................................................................................................................103．2实验知识点......................................................................................................................103．3实验内容及要求..............................................................................................................14实验四：ASP.net内置对象的使用..................................................................................................164．1实验目的.........................................................................................................................164．2实验内容及要求.............................................................................................................16实验五：使用ADO.Net访问数据库.................................................................................................205．1实验目的..........................................................................................................................205．2实验知识点......................................................................................................................205．3实验内容及要求..............................................................................................................211附一、实验报告填写方法附1．1实验开发环境1.硬件：IntelP42.4G/256M/40GPC机一套；2.软件：WindowsXP+j2sdk1.5.0+JCreatorPro3.1.0+(MSAccess2000)附1．2实验过程要求1.在上课的同时，将每个实验预习的每个例题直接完成在实验指导书上；2.在实验之前，将实验要求的程序写在草稿本上；3.每次实验之前需要把实验指导书和写有程序的草稿纸带上，以备检查，否则不能进入实验室。4.实验过程中，不能做与实验无关的事情（如：打游戏、看其他书籍），否则本次实验成绩记0分，在遇到问题的时候举手提问，同学之间交流的声音不可太大。附1．3实验报告内容填写1.第1页：填写（1）实验目的、（2）实验要求2.第2页～第3页：填写（3）实验程序源代码3.第4页：填写（4）实验运行结果、（5）实验总结2实验一：HTML语言静态网页设计如果说一个网站是一座大厦，那么构成网站的每个栏目就是构成大厦的房间，而构建每个房间的砖瓦就应是每一张网页了！网页与一般文档类似，它们都要求字体清晰、格式正确、排列整齐、布局合理、图文并茂，这就需要对网页的内容进行修饰。网页在排版上有较高的要求，排版的好坏是网页成败的关键因素之一。而表格是实现页面排版的有效工具，通过使用表格可以很方便有效地控制页面各元素的位置。与表格类似的框架则可以通过分割屏幕使得在一个屏幕上打开多个网页。1．1实验目的1）熟悉HTML语言开发环境和HTML语言的语法规则；2）熟悉HTML语言的各元素的属性，文字、图片的颜色设置，网页的表格及对齐；3）掌握CSS网页风格的定义及使用；4）表单元素的设计。5）能够设计普通的有一定特色的静态网页。1．2实验内容及要求1、实验内容实验利用HTML自带的元素，设计一个“三”型框架的网页，网页主要框架如下。其中:1）框架边框为1，灰色，里面嵌入了一张图片、2个网页，如图所示。所有的链接使用相对路径，假设C:\html为根目录。2）1.html:背景图片＝C:\html\img\2.jpg；表单提交到网页：C:\html\asp\login.asp。3）2.html：左上角为浅绿色背景滚动文本框，左下脚为链接：新闻1链接到网页：C:\html\news\1.html；新闻2链接到网页：C:\html\news\2.html。4）写一个cs.css文件，使1.html和2.html的风格都是：超链在点击之前都为黑色；鼠标移动上去都是蓝色、有下划线；点击之后恢复原貌。2、设计步骤：（1）设计框架(index.html)：framesetrows=”___________”……framesrc=”______”……frame____________________________frame____________________________/frameset(2)设计1.html3body___________________--背景图片formaction=”______”……用户名：inputtype=”________”…………/from--注意下端对齐/body（3）设计2.html……table……tr……td……Marquee…………/Marquee/tdtd……table……/table--注意有表头/td/tr……--第二行/table……（4）设计超链的css文件（cs.css）a:link{属性；……}a:visited{属性；……}a:hover{属性；……}a:active{属性；……}4实验二：IIS的配置和管理网站发展至今，人机交互和信息快速更新必须要很方便快捷的进行。而常规的静态网页对这两方面功能基本上是不予支持的，因此现在的网站设计必须是以动态网页为模式的。动态网页设计是指：综合利用静态网页技术、中间件技术、数据库技术，实现网页与用户之间的相互操作。静态网页无法反馈信息。动态网页的界面、布局、基本内容以及修饰都必须以静态网页为基础。当用户申请一个*.aspx主页时，Web服务器响应该HTTP请求，调用ASPX引擎，解释被申请文件。当遇到任何副区段脚本(如VBScript和C#等)时，ASP引擎会调用相应的脚本引擎进行处理。客户端脚本（如：JavaScript）与HTML直接转到客户机。若脚本指令中含有访问数据库的请求，就通过ODBC与后台数据库相连，由数据库访问组件执行访库操作。动态网页的脚本是在服务器端解释执行的，它依据访库的结果集自动生成符合HTML语言的主页，去响应用户的请求。所有相关的发布工作由Web服务器负责。2．1实验目的1）了解Web服务器的工作原理，2）掌握Windows2000/XP服务器上IIS的安装与配置;3）了解并掌握虚拟目录的设置方法；2．2实验知识点1、使用脚本语言—C#和Javascript脚本语言分为客户端脚本和服务端脚本两种，服务器端脚本和客户端脚本的主要区别:（1）服务器端脚本在Web服务器上执行，由服务器根据脚本的执行结果生成相应的HTML页面并发送到客户端浏览器中并显示。（2）客户端脚本由浏览器进行解释执行。1、针对客户端脚本，使用script属性…/script标识符。属性为：Language：表明脚本语言类型如：s