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

网站布局时间:2021-02-12 阅读:()

掌握使用DIV+CSS页面布局的方法实现网站首页。

实验所需软件

Ultra Edit

实验内容

1练习——贵美首页的整体布局。

需求说明

重新实

现贵美

2、练习贵美商品分类版块。

需求说明在上一练习基础上根据提供的素材重新实现贵美左边的商品分类版块。如

图

1.2所示。

 1 实现页面HTML吉构

2实现CSS

1练习一一贵美首页的整体布局代码如下:<html>

<head>

<title>box</title>vstyle type="text/css">

★container

{width:980;margi n:0px auto;

实

验 }

内

容 #header

由

学 {

生

填 height:136px;

backgro un d:#ccc;

}

#ma in1

{float: left;height:300px;width:240px;backgro un d:gree n;

#mai n2

{float: left;height:300px;width:500px;backgro un d:blue;}

#mai n3{float:right;height:300px;width:240px;backgro un d:yel low;

}

#footer

{clear:both;height:136px;backgro un d-color:#ccc;}v/style>

</head>

<div id="header">header

</div>

<divid="mai n1">

商品分类cat

</div>

<divid="mai n2">

内容content 

</div>

<divid="mai n3">右侧sidebar  </div><d iv id="footer">footer

</div>

v/div>v/body><html>

运行结果如下:rjEsder

2、练习- -贵美商品分类版块代码如下:

<html>

<head>

#container{width:1000px;margi n:auto;

width:100%; height:136px;backgro un d:url(images/logo.jpg)

#sidebar{ width:20%;

#foote r{width:100%; height:100px; backgrou nd:#ccc;

}v/style>

</head>

<body>

<divclass="me nu">

<ul>

帮助中心</a>v/l i>

</ul>v/div>

</div>

展开全文

首页综合练习网站首的整体布局商品分类版块相关文档

RackNerd 黑色星期五5款年付套餐

RackNerd 商家从2019年上线以来争议也是比较大的，一直低价促销很多网友都认为坚持时间不长可能会跑路。不过，目前看到RackNerd还是在坚持且这次黑五活动也有发布，且活动促销也是比较多的，不过对于我们用户来说选择这些低价服务商尽量的不要将长远项目放在上面，低价年付套餐服务商一般都是用来临时业务的。RackNerd商家这次发布黑五促销活动，一共有五款年付套餐，涉及到多个机房。最低年付的套餐...

水墨云历史黑名单IDC，斟酌选购

水墨云怎么样?本站黑名单idc，有被删除账号风险，建议转出及数据备份!水墨云ink cloud Service是成立于2017年的商家，自2020起开始从事香港、日本、韩国、美国等地区CN2 GIA线路的虚拟服务器租赁，同时还有台湾、国内nat vps相关业务，也有iplc专线产品，相对来说主打的是大带宽服务器产品。注意：本站黑名单IDC，有被删除账号风险，请尽量避免，如果已经购买建议转出及数据备...

香港九龙湾（27元） 2核2G 20元香港沙田

弘速云是创建于2021年的品牌，运营该品牌的公司HOSU LIMITED（中文名称弘速科技有限公司）公司成立于2021年国内公司注册于2019年。HOSU LIMITED主要从事出售香港VPS、美国VPS、香港独立服务器、香港站群服务器等，目前在售VPS线路有CN2+BGP、CN2 GIA，该公司旗下产品均采用KVM虚拟化架构。可联系商家代安装iso系统。国庆活动优惠码:hosu10-1产品介绍...

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

RackNerd 黑色星期五5款年付套餐

水墨云历史黑名单IDC，斟酌选购

香港九龙湾（27元） 2核2G 20元 香港沙田

香港九龙湾（27元） 2核2G 20元香港沙田