综合练习网站首的整体布局商品分类版块.docx

图1.1 图1.1贵美首页的整体布局 姓名 张燕斌 学号 1267159206 实验成绩 班级 软件12级2班 实验日期 第17 周（星期一）12月22日第34节 项目号、实验名称 实验11综合练习（一）一一网站首页的整体布局、商品分类版块 ? 实验目标： 掌握使用DIV+CSS页面布局的方法实现网站首页。 实验所需软件： Ultra Edit 实验内容： 1练习——贵美首页的整体布局 。 需求说明： 重新实现贵美首页的整体布局，如图 1.1所示 实 验 要 求 （任 课 教 师 提 供） 2、练习 贵美商品分类版块。 需求说明： 在上一练习基础上，根据提供的素材，重新实现贵美左边的商品分类版块。如图 1.2所示。 （1） 实现页面HTML吉构 （2） 实现CSS ~9t M3 刑：，gg zl： N? V Jh^rg +R KU nr? *i| ￥*ii 咄 g e* 怦ww MH BA m tn nr bi 鳏4通 it g en tr M Mtt MR m 1恥 Tm VM ?lf* **l K 冬 Un vr. rr* HU |内容伽tent) (sidebar) .Wi .- ■:i ■ 图1.2贵美左边的商品分类版块 1练习一一贵美首页的整体布局：代码如下: html head titlebox/title vstyle type=text/css ★contain