实验一_运用XHTL标记进行网页设计_(岳嘉辉B11050508).docVIP

实验报告 课程名称 Web程序设计 实验名称 实验一、运用XHTML标记进行网页设计 日期 2014.2.24 学生学号 姓名 岳嘉辉 班级 B110505 实验目的： 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”，在浏览器窗口中显示一个图像。图像的宽度为200个像素点，高度为150个像素点，边框宽度为10个像素点 (4) 在网页中做一张课程表，要求所有的文字均居中，背景为黄色，表格居中，宽度为500像素。单元格间距与单元格边距为20像素。 (5) 创建一个网页，通过链接可以跳转到(1)创建的rumengling.aspx上。 （2）源代码 （1） center h1 如梦令/h1 h2 李清照/h2 hr style =width :30%;height:0.5px;color:Black / 昨夜雨疏风骤br /浓睡不消残酒br /试问卷帘人br /却道海棠依旧br /知否知否br /应是绿肥红瘦 /center （2） 1.咏梅 ul li style =list-style-type :circle驿外断桥边，寂寞开无主。/li li style =list-style-type :circle已是黄昏独自愁，更著风和雨。/li li style =list-style-type :circle无意苦争春，一任群芳妒。/li li style =list-style-type :circle零落成泥碾作尘，只有香如故。/li /ul 2.如梦令 ul li style =list-style-type :square昨夜雨疏风骤,浓睡不消残酒。/li li style =list-style-type :square试问卷帘人，却道海棠依旧。/li li style =list-style-type :square知否？知否？应是绿肥红瘦。/li /ul （3） form id=form1 runat=server div h2 An example of image/h2 img src=images/123.jpgalign=middle border=10width =200height=150alt=123 / （4） center table border =10cellpadding =20 tr align =center td bgcolor =yellow /td td bgcolor=yellow周一/td td bgcolor=yellow周二/td td bgcolor=yellow周三/td td bgcolor=yellow周四/td td bgcolor=yellow周五/td tr align =center td bgcolor =yellow1-2/td td bgcolor=yellow/td td bgcolor=yellow/td td bgcolor=yellow/td td bgcolor=yellow/td td bgcolor=yellow/td /tr tr align =center td bgcolor =yellow3-4/td td bgcolor=yellow/td td bgcolor=yellow/td td bgcolor=yellow/td td bgcolor=yellow/td td bgcolor=yellow/td /tr tr align =center td bgcolor =yellow5-6/td td bgcolor=yellow/td td bgcolor=yellow/td td bgcolor=yellow/td td bg