web网站设计实验讲义.doc

《web网站设计实验讲义.doc》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、《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

2、实验五：使用ADO.Net访问数据库205．1实验目的205．2实验知识点205．3实验内容及要求21附一、实验报告填写方法附1．1实验开发环境1.硬件：IntelP42.4G/256M/40GPC机一套；2.软件：WindowsXP+j2sdk1.5.0+JCreatorPro3.1.0+(MSAccess2000)附1．2实验过程要求1.在上课的同时，将每个实验预习的每个例题直接完成在实验指导书上；2.在实验之前，将实验要求的程序写在草稿本上；3.每次实验之前需要把实验指导书和写有程序的草稿纸带上，以备检查，否则

3、不能进入实验室。4.实验过程中，不能做与实验无关的事情（如：打游戏、看其他书籍），否则本次实验成绩记0分，在遇到问题的时候举手提问，同学之间交流的声音不可太大。附1．3实验报告内容填写1.第1页：填写（1）实验目的、（2）实验要求2.第2页～第3页：填写（3）实验程序源代码3.第4页：填写（4）实验运行结果、（5）实验总结实验一：HTML语言静态网页设计如果说一个网站是一座大厦，那么构成网站的每个栏目就是构成大厦的房间，而构建每个房间的砖瓦就应是每一张网页了！网页与一般文档类似，它们都要求字体清晰、格式正确、排列整齐

4、、布局合理、图文并茂，这就需要对网页的内容进行修饰。网页在排版上有较高的要求，排版的好坏是网页成败的关键因素之一。而表格是实现页面排版的有效工具，通过使用表格可以很方便有效地控制页面各元素的位置。与表格类似的框架则可以通过分割屏幕使得在一个屏幕上打开多个网页。1．1实验目的1）熟悉HTML语言开发环境和HTML语言的语法规则；2）熟悉HTML语言的各元素的属性，文字、图片的颜色设置，网页的表格及对齐；3）掌握CSS网页风格的定义及使用；4）表单元素的设计。5）能够设计普通的有一定特色的静态网页。1．2实验内容及要求1

5、、实验内容实验利用HTML自带的元素，设计一个“三”型框架的网页，网页主要框架如下。其中:1）框架边框为1，灰色，里面嵌入了一张图片、2个网页，如图所示。所有的链接使用相对路径，假设C:html为根目录。2）1.html:背景图片＝C:htmlimg2.jpg；表单提交到网页：C:htmlasplogin.asp。3）2.html：左上角为浅绿色背景滚动文本框，左下脚为链接：新闻1链接到网页：C:htmlews1.html；新闻2链接到网页：C:htmlews2.html。4）写一个cs

6、.css文件，使1.html和2.html的风格都是：超链在点击之前都为黑色；鼠标移动上去都是蓝色、有下划线；点击之后恢复原貌。2、设计步骤：（1）设计框架(index.html)：(2)设计1.html--

7、背景图片用户名：……--注意下端对齐（3）设计2.html…………

8、}a:active{属性；……}实验二：IIS的配置和管理网站发展至今，人机交互和信息快速更新必须要很方便快捷的进行。而常规的静态网页对这两方面功能基本上是不予支持的，因此现在的网站设计必须是以动态网页为模式的。动态网页设计是指：综合利用静态网页技术、中间件技术、数据库技术，实现网页与用户之间的相互操作。静态网页无法反馈信息。动态网页的界面、布