网页设计实验报告网页布局设计.docVIP

网页设计(GL) 实验报告 题 目： 网页布局设计 院 （部）： 管理工程学院 专 业： 信息管理与信息系统 班 级：信管102 姓 名：张凤丹 学 号：2010021418 指导教师： 刘夏 实验目的： 掌握表格的基本使用方法和表格的编辑处理； 2、掌握表格布局页面的方法； 3、掌握层的操作及参数设置； 4、掌握层布局页面的方法； 5、掌握框架布局页面的方法。 实验任务： 1、在本地磁盘建立一个文件夹，文件夹名称为web加下划线加各自学号，例如：web_2007021234。 2、建立一个本地站点，站点名称为各自的姓名的全拼，站点存放到1中所建立文件夹中，不采用服务器技术。 3、在2所建站点中加入3个页面，分别实现用表格、层和框架布局页面。页面中的布局格式可参照课本例题，页面中的内容分别为：对于一本书或一门课程的介绍、一个人物的介绍和一种植物的介绍 人物： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=/1999/xhtml head meta http-equiv=Content-Type content=text/html; charset=gb2312 / title无标题文档/title style type=text/css !-- .STYLE2 { font-size: 8mm; color: #3399CC; } #Layer1 { position:absolute; width:147px; height:46px; z-index:1; left: 697px; top: 164px; } .STYLE3 {font-size: 7mm} #Layer2 { position:absolute; width:145px; height:56px; z-index:2; left: 705px; top: 255px; } -- /style /head body table width=894 height=485 border=0 tr th colspan=4 bgcolor=#FFCCFF scope=rowp class=STYLE2黛玉殇/p /th /tr tr th colspan=3 rowspan=5 scope=rowimg src=file:///C|/Users/Asus/Pictures/6a2b3b28802d43d1033bf609.jpg width=600 height=450 alt=黛玉 //th td width=279 height=91img src=file:///C|/Users/Asus/Pictures/u=3339156366,2270671727amp;fm=3amp;gp=0.jpg width=278 height=82 alt=标题 / div class=STYLE3 id=Layer1a href=活管档案.doc黛玉的诗/a/div/td /tr tr td height=97img src=file:///C|/Users/Asus/Pictures/73cc43ce8db2d82801e928dc.gif width=280 height=89 alt=表 //td /tr tr td height=89img src=file:///C|/Users/Asus/Pictures/u=710862008,3789716319amp;fm=0amp;gp=0.jpg width=280 height=84 alt=标 //td /tr tr td height=78img src=file:///C|/Users/Asus/Pictures/u=1276731542,1872951161amp;fm=0amp;gp=0.jpg width=281 height=74 alt=biao //td /tr tr tdimg src=file:///C|/Users/Asus/Pictures/u=2325499365,4203989945amp;fm=0amp;gp=0.jpg width=280 height=78 //td /tr /table div class=STYLE3 id=Layer2a href=活管档案.doc黛玉的情/