综合练习 网站首 的整体布局 商品分类版块.docx
- 文档编号：2731451
- 上传时间：2023-05-04
- 格式：DOCX
- 页数：10
- 大小：210.57KB
综合练习 网站首 的整体布局 商品分类版块.docx
《综合练习 网站首 的整体布局 商品分类版块.docx》由会员分享，可在线阅读，更多相关《综合练习 网站首 的整体布局 商品分类版块.docx（10页珍藏版）》请在冰点文库上搜索。
综合练习网站首的整体布局商品分类版块
姓名
张燕斌
学号
1267159206
实验成绩
班级
软件12级2班
实验日期
第17周（星期一）12月22日第34节
项目号、实验名称
实验11综合练习
（一）——网站首页的整体布局、商品分类版块.
实
验
要
求
（任课
教
师
提
供）
实验目标：
掌握使用DIV+CSS页面布局的方法实现网站首页。
实验所需软件：
UltraEdit
实验内容：
1、练习——贵美首页的整体布局。
需求说明：
重新实现贵美首页的整体布局，如图1.1所示。
图1.1贵美首页的整体布局
2、练习——贵美商品分类版块。
需求说明：
在上一练习基础上，根据提供的素材，重新实现贵美左边的商品分类版块。
如图1.2所示。
（1）实现页面HTML结构
（2）实现CSS
图1.2贵美左边的商品分类版块
实
验
内
容
（由学
生
填
写）
1、练习——贵美首页的整体布局：
代码如下：
#container
{
width:
980;
margin:
0pxauto;
}
#header
{
height:
136px;
background:
#ccc;
}
#main1
{
float:
left;
height:
300px;
width:
240px;
background:
green;
}
#main2
{
float:
left;
height:
300px;
width:
500px;
background:
blue;
}
#main3{
float:
right;
height:
300px;
width:
240px;
background:
yellow;
}
#footer
{
clear:
both;
height:
136px;
background-color:
#ccc;
}
header
商品分类（cat）
内容（content）
右侧（sidebar）
footer
整编新型生态农业旅游休闲农庄项目发展建设市场研究报告.docx
