web网站的设计实验的讲义.doc

《Web程序设计（ASP.Net版）》 实验指导书 编写：梁兴建 二〇〇八年十二月  目 录 附一、实验报告填写方法 1 附1．1 实验开发环境 1 附1．2实验过程要求 1 附1．3实验报告内容填写 1 实验一： HTML语言静态网页设计 2 1．1实验目的 2 1．2实验内容及要求 2 实验二：IIS的配置和管理 4 2．1实验目的 4 2．2实验知识点 4 2．3实验内容及要求 9 实验三：ASP.Net项目的建立及控件的熟悉 10 3．1实验目的 10 3．2实验知识点 10 3．3实验内容及要求 14 实验四：ASP.net内置对象的使用 16 4．1 实验目的 16 4．2 实验内容及要求 16 实验五：使用ADO.Net访问数据库 20 5．1实验目的 20 5．2实验知识点 20 5．3实验内容及要求 21  附一、实验报告填写方法 附1．1 实验开发环境 硬件：Intel P4 2.4G/256M/40G PC机一套； 软件：Windows XP+j2sdk1.5.0+JCreator Pro 3.1.0+(MS Access 2000) 附1．2实验过程要求 在上课的同时，将每个实验预习的每个例题直接完成在实验指导书上； 在实验之前，将实验要求的程序写在草稿本上； 每次实验之前需要把实验指导书和写有程序的草稿纸带上，以备检查，否则不能进入实验室。 实验过程中，不能做与实验无关的事情（如：打游戏、看其他书籍），否则本次实验成绩记0分，在遇到问题的时候举手提问，同学之间交流的声音不可太大。 附1．3实验报告内容填写 第1页：填写（1）实验目的、（2）实验要求 第2页～第3页：填写（3）实验程序源代码 第4页：填写（4）实验运行结果、（5）实验总结  实验一： HTML语言静态网页设计 如果说一个网站是一座大厦，那么构成网站的每个栏目就是构成大厦的房间，而构建每个房间的砖瓦就应是每一张网页了！网页与一般文档类似，它们都要求字体清晰、格式正确、 排列整齐、布局合理、图文并茂，这就需要对网页的内容进行修饰。 网页在排版上有较高的要求，排版的好坏是网页成败的关键因素之一。而表格是实现页面排版的有效工具，通过使用表格可以很方便有效地控制页面各元素的位置。 与表格类似的框架则可以通过分割屏幕使得在一个屏幕上打开多个网页。 1．1实验目的 熟悉HTML语言开发环境和HTML语言的语法规则； 熟悉HTML语言的各元素的属性，文字、图片的颜色设置，网页的表格及对齐； 掌握CSS网页风格的定义及使用； 表单元素的设计。 能够设计普通的有一定特色的静态网页。 1．2实验内容及要求 实验内容 实验利用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)： frameset rows=”___________” …… frame src=”______” …… frame ____________________________ frame ____________________________ /frameset (2)设计1.html body ___________________--背景图片 form action=” ______” …… 用户名： input type=”________”…… …… /from--注意下端对齐 /body （3）设计2.html …… table …… tr …… td …… Marquee …………/Marquee /td td …… table……/table--注意有表头 /td /tr …… --第二行 /table …… （4）设计超链的css文件（cs.css） a:link {属性；……} a:visited {属性；……} a:hover{属性；……} a:active {属性；……}  实验二：IIS的配置和管理 网站发展至今，人机交互和信息快速更新必须要很方便快捷的