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

网站布局时间: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>

展开全文

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

丽萨主机122元/每季，原生IP,CN2 GIA网络

萨主机(lisahost)新上了美国cn2 gia国际精品网络 – 精品线路，支持解锁美区Netflix所有资源，HULU, DISNEY, StartZ, HBO MAX，ESPN, Amazon Prime Video等，同时支持Tiktok。套餐原价基础上加价20元可更换23段美国原生ip。支持Tiktok。成功下单后，在线充值相应差价，提交工单更换美国原生IP。!!!注意是加价20换原生I...

Hostiger发布哥伦布日提供VPS主机首月七折优惠月费2.79美元

Hostiger商家我们可能以前也是有见过的，以前他们的域名是Hostigger，后来进行微调后包装成现在的。而且推出Columbus Day哥伦布日优惠活动，提供全场的VPS主机首月7折月付2.79美元起的优惠。这里我们普及一下基础知识，Columbus Day ，即为每年10月12日，是一些美洲国家的节日，纪念克里斯托弗·哥伦布在北美登陆，为美国的联邦假日。Hostiger 商家是一个成立于2...

EtherNetservers年付仅10美元，美国洛杉矶VPS/1核512M内存10GB硬盘1Gpbs端口月流量500GB/2个IP

EtherNetservers是一家成立于2013年的英国主机商，提供基于OpenVZ和KVM架构的VPS，数据中心包括美国洛杉矶、新泽西和杰克逊维尔，商家支持使用PayPal、支付宝等付款方式，提供 60 天退款保证，这在IDC行业来说很少见，也可见商家对自家产品很有信心。有需要便宜VPS、多IP VPS的朋友可以关注一下。优惠码SUMMER-VPS-15 （终身 15% 的折扣）SUMMER-...

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

丽萨主机122元/每季，原生IP,CN2 GIA网络

Hostiger发布哥伦布日提供VPS主机首月七折优惠 月费2.79美元

EtherNetservers年付仅10美元，美国洛杉矶VPS/1核512M内存10GB硬盘1Gpbs端口月流量500GB/2个IP

Hostiger发布哥伦布日提供VPS主机首月七折优惠月费2.79美元