首页综合练习网站首的整体布局商品分类版块
掌握使用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>
<body>vdiv id="con tai ner">
<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>
<title>贵美商城</title>
<style type="text/css">
#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>
<l i nk rel="stylesheet" href="css/layout.css"type="text/css"/>
</head>
<body>
<div id="co ntai ner">
<div id="header">
<divclass="me nu">
<ul>
<l i class="pic5"><a herf="#"> 注册</a>v/l i>
<l i class="pic5"><a herf="#"> 登陆</a>v/l i>
<l i><aherf="#"> 设位首页</a></l i>
<l i class="pic4"></l i>
<l i><a herf="#"> 加入收藏</ax/l i>
<l i class="pic3"></l i>
<l i><aherf="#">
帮助中心</a>v/l i>
<l i class="pic2"></l i>
<l i><aherf="#"> 购物车v/a>v/| i><l i class="pic1"></l i>
</ul>v/div>
<div class="hel lo">
</div>
- 首页综合练习网站首的整体布局商品分类版块相关文档
- !电子技术应用"
- 网站网站布局
- 全国计算机应用水平考试
- 互联网网站布局
- 网页设计论文投稿范文下载
- 网页网站布局
HostKvm 黑色星期五香港服务器终身六折 其余机房八折
HostKvm商家我们也不用多介绍，这个服务商来自国内某商家，旗下也有多个品牌的，每次看到推送信息都是几个服务商品牌一起推送的。当然商家还是比较稳定的，商家品牌比较多，这也是国内商家一贯的做法，这样广撒网。这次看到黑五优惠活动发布了，针对其主打的香港云服务器提供终身6折的优惠，其余机房服务器依然是8折，另还有充值50美元赠送5美元的优惠活动，有需要的可以看看。HostKvm是一个创建于2013年的...
提速啦(24元/月）河南BGP云服务器活动 买一年送一年4核 4G 5M
提速啦的来历提速啦是 网站 本着“良心 便宜 稳定”的初衷 为小白用户避免被坑 由赣州王成璟网络科技有限公司旗下赣州提速啦网络科技有限公司运营 投资1000万人民币 在美国Cera 香港CTG 香港Cera 国内 杭州 宿迁 浙江 赣州 南昌 大连 辽宁 扬州 等地区建立数据中心 正规持有IDC ISP CDN 云牌照 公司。公司购买产品支持3天内退款 超过3天步退款政策。提速啦的市场定位提速啦主...
HostKvm（$4.25/月），俄罗斯CN2带宽大升级,俄罗斯/香港高防限量5折优惠进行中
HostKvm是一家成立于2013年的国外VPS服务商，产品基于KVM架构，数据中心包括日本、新加坡、韩国、美国、俄罗斯、中国香港等多个地区机房，均为国内直连或优化线路，延迟较低，适合建站或者远程办公等。本月，商家旗下俄罗斯、新加坡、美国、香港等节点带宽进行了大幅度升级，俄罗斯机房国内电信/联通直连，CN2线路，150Mbps(原来30Mbps)带宽起，目前俄罗斯和香港高防节点5折骨折码继续优惠中...
-
迅雷不能登录为什么我的迅雷不能登陆?还说我网络没连接上,可我明明连上了的神雕侠侣礼包大全神雕侠侣手游华山论剑礼包有什么 怎么领取微信怎么看聊天记录什么方法可以知道微信的聊天记录freebsd安装FreeBSD系统NetBSD系统OpenBSD系统 这三个系统安装方法相似吗？用什么方法装哦？263企业邮箱设置ipad mini2怎么设置263企业邮箱怎样申请支付宝怎么申请支付宝？关闭qq相册图标如何关闭QQ相册的图标优锁笔记本电脑怎么样防止被盗basic语言教程VB基础语言是什么？youtubemp3mp4仿真IPOD mp4 和真的IPOD mp4功能上有什么区别？