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

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

展开全文

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

这几个Vultr VPS主机商家的优点造就商家的用户驱动力

目前云服务器市场竞争是相当的大的，比如我们在年中活动中看到各大服务商都找准这个噱头的活动发布各种活动，有的甚至就是平时的活动价格，只是换一个说法而已。可见这个行业确实竞争很大，当然我们也可以看到很多主机商几个月就消失，也有看到很多个人商家捣鼓几个品牌然后忽悠一圈跑路的。当然，个人建议在选择服务商的时候尽量选择老牌商家，这样性能更为稳定一些。近期可能会准备重新整理Vultr商家的一些信息和教程。以前...

野草云提供适合入门建站香港云服务器年付138元起 3M带宽 2GB内存

野草云服务商在前面的文章中也有多次提到，算是一个国内的小众服务商。促销活动也不是很多，比较专注个人云服务用户业务，之前和站长聊到不少网友选择他们家是用来做网站的。这不看到商家有提供香港云服务器的优惠促销，可选CN2、BGP线路、支持Linux与windows系统，支持故障自动迁移，使用NVMe优化的Ceph集群存储，比较适合建站用户选择使用，最低年付138元。野草云（原野草主机），公司成立于20...

Dynadot COM特价新注册48元

想必我们有一些朋友应该陆续收到国内和国外的域名注册商关于域名即将涨价的信息。大概的意思是说从9月1日开始，.COM域名会涨价一点点，大约需要单个9.99美元左右一个。其实对于大部分用户来说也没多大的影响，毕竟如今什么都涨价，域名涨一点点也不要紧。如果是域名较多的话，确实增加续费成本和注册成本。今天整理看到Dynadot有发布新的八月份域名优惠活动，.COM首年注册依然是仅需48元，本次优惠活动截止...

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

这几个Vultr VPS主机商家的优点造就商家的用户驱动力

野草云提供适合入门建站香港云服务器 年付138元起 3M带宽 2GB内存

Dynadot COM特价新注册48元

野草云提供适合入门建站香港云服务器年付138元起 3M带宽 2GB内存