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

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

展开全文

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

HostDare（$33.79/年）CKVM和QKVM套餐可选CN2 GIA线路

关于HostDare服务商在之前的文章中有介绍过几次，算是比较老牌的服务商，但是商家背景财力不是特别雄厚，算是比较小众的个人服务商。目前主流提供CKVM和QKVM套餐。前者是电信CN2 GIA，不过库存储备也不是很足，这不九月份发布新的补货库存活动，有提供九折优惠CN2 GIA，以及六五折优惠QKVM普通线路方案。这次活动截止到9月30日，不清楚商家这次库存补货多少。比如 QKVM基础的五个方案都...

轻云互联（19元）香港高防云服务器，美国云服务器

轻云互联成立于2018年的国人商家，广州轻云互联网络科技有限公司旗下品牌，主要从事VPS、虚拟主机等云计算产品业务，适合建站、新手上车的值得选择，香港三网直连（电信CN2GIA联通移动CN2直连）；美国圣何塞（回程三网CN2GIA）线路，所有产品均采用KVM虚拟技术架构，高效售后保障，稳定多年，高性能可用，网络优质，为您的业务保驾护航。活动规则：用户购买任意全区域云服务器月付以上享受免费更换IP服...

Sharktech：鲨鱼机房1Gbps无限流量美国服务器;丹佛$49/月起,洛杉矶$59/月起

sharktech怎么样?sharktech鲨鱼机房(Sharktech)我们也叫它SK机房，是一家成立于2003年的老牌国外主机商，提供的产品包括独立服务器租用、VPS主机等，自营机房在美国洛杉矶、丹佛、芝加哥和荷兰阿姆斯特丹等，主打高防产品，独立服务器免费提供60Gbps/48Mpps攻击防御。机房提供1-10Gbps带宽不限流量服务器，最低丹佛/荷兰机房每月49美元起，洛杉矶机房最低59美元...

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

HostDare（$33.79/年）CKVM和QKVM套餐 可选CN2 GIA线路

轻云互联（19元）香港高防云服务器 ，美国云服务器

Sharktech：鲨鱼机房1Gbps无限流量美国服务器;丹佛$49/月起,洛杉矶$59/月起

HostDare（$33.79/年）CKVM和QKVM套餐可选CN2 GIA线路

轻云互联（19元）香港高防云服务器，美国云服务器