文档介绍：网页设计(GL)
实验报告
题 目:网页布局设计
院(部)：管理工程学院
专 业：信息管理与信息系统
班 级：信管102
姓 名：张凤丹
学 号：2010021418
指导教师：刘夏
实验目的:
1、 掌握表格的基本使用方法和表格的编辑处理；
2、 掌握表格布局页面的方法；
3、 掌握层的操作及参数设置；
4、 掌握层布局页面的方法；
5、 掌握框架布局页面的方法。
实验任务：
1、 在本地磁盘建立一个文件夹，文件夹名称为web加下划线加各自学号，
例如：web_2007021234o
2、 建立一个本地站点，站点名称为各自的姓名的全拼，站点存放到1中所 建立文件夹中，不采用服务器技术。
站点定义
hangfengdang的站点定M•为
云本 高税
可以使用’高级’送项卡时您的站点进行进一步se羞。
试 HK 奔 2S -
访何：我将-在以后六成此设蚩O
您的站点包含以下设宣：
本粤信怠《将皿建本均娘文件夹)
治点名称
本地根文件夹：£八
远程信宾
访何：我将在以后灵成此设责。
巨上一步8) J [ 一成CD) 〕| 一 串界j | | 帮助
3、在2所建站点中加入3个页面，分别实现用表格、层和框架布局页面。
页面中的布局格式可参照课本例题，页面中的内容分别为：对于一本书或一门课 程的介绍、一个人物的介绍和一种植物的介绍
人物:
... p •
X : B 1 r ' • QlMl ■
衫■, g TAB GSR. 否（WI-J
-J *4
.. 归:
n • a ■ ♦-即响・ x（5），m（o）-❷-”
黛玉荡
<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML Transitional//EN"
"-">
<html xmlns=,'">
<head>
<meta http-equiv="Content-Type" content=,,text/html; charset=gb2312" />
<title>无标题文档v /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="row"xp class="STYLE2">黛玉荡v/p> </th>
</tr>
<tr>
<th colspan="3" rowspan="5" scope="row"ximg
src=Hfile:///C|/Users/Asus/Pictures/" width=”600” height="450" alt=”黛玉 "/></th>
<td width="279" height="91"ximg
src=nfile:///C|/Users/Asus/Pictures/u=3339156366,2270671727&amp;fm=3&amp;gp=" width=”278” height=”82” alt= ”标题” />
<div class=”STYLE3” id="Layer1 "xa href=”">黛玉的诗</a></divx/td>
</tr>
<tr>
<td height="97"ximg src="file:///C|/Users/Asus/Pictures/73cc43ce8db2d82801 " width="280" height=,,89"