实验一_运用XHTML标记进行网页设计.doc

《实验一_运用XHTML标记进行网页设计.doc》由会员分享，可在线阅读，更多相关《实验一_运用XHTML标记进行网页设计.doc（6页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、实验报告课程名称Web程序设计实验名称实验一、运用XHTML标记进行网页设计日期2015.3.10学生学号姓名班级实验目的：1掌握开发工具VS2008开发网站的基本步骤。2掌握一个静态网页的设计步骤。3通过几个网页的设计掌握XHTML标记的作用。实验条件： 电脑一台、能上网查阅资料。实验内容与步骤：(1) 创建一个XHTML页面rumengling.aspx，输出结果如图1-1所示。图1-1(2) 练习列表标记songci.aspx，输出结果如图1-2所示：图1-2(3) 用XHTML语言编写符合以下要求的页面：标题为“An example of image”，在浏览器窗口中显示一个图像。图像

2、的宽度为200个像素点，高度为150个像素点，边框宽度为10个像素点(4) 在网页中做一张课程表，要求所有的文字均居中，背景为黄色，表格居中，宽度为500像素。单元格间距与单元格边距为20像素。(5) 创建一个网页，通过链接可以跳转到(1)创建的rumengling.aspx上。（2）源代码 (1) 如梦令 李清照昨夜雨疏风骤浓睡不消残酒试问卷帘人却道海棠依旧知否知否应是绿肥红瘦 (2) 1.咏梅 驿外断桥边，寂寞开无主。 已是黄昏独自愁，更著风和雨。 无意苦争春，一任群芳妒。 零落成泥碾作尘，只有香如故。 2.如梦令 昨夜雨疏风骤,浓睡不消残酒。 试问卷帘人，却道海棠依旧。 知否？知否？应是绿肥红瘦。 (3) An example of image(4) 周一 周二 周三 周四 周五 第一二节 第三四节 第五六节 第七八节 第九十节 （5） rumengling.aspx的超链接： rumengling.aspx 实验总结（结论或问题分析）： 通过本次实验，我对网站程序设计有了更深刻的了解。学会了怎么去添加链接和在网页中插入图片，运用XHTML标记进行网页设计。实验成绩任课教师签名郭俊恩