<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>综合案例内容页</title>
<link href="css/css18-2.css" rel="stylesheet" type="text/css">
</head>
<body>
<div class="header">
<div class="headercontent">
<div class="logo"><img title="省钱省时贴心导航" alt="比价购物" src="images/logo.jpg" /></a></div>
<div class="searchbox">
<form action="#" method="get" class="search_form">
<input type="text" name="s" class="sinput" placeholder="输入关键字后回车搜索" autofocus x-webkit-speech>
<input type="submit" value="搜索" class="sbtn">
</form>
</div>
<div class="hotkeywords">热门搜索:
<a href="/">家居</a>, <a href="/">育婴</a>, <a href="/">鞋包</a>, <a href="/">电器</a>,<a href="/">儿童玩具</a></div>
</div>
</div>
</div>
</div>
<div class="main">
<div class="mainleft">
<div class="menu">
<ul>
<li><a href="18-1.html"><span>首页</span></a></li>
<li><a href="18-2.html"><span>电 器</span></a></li>
<li><a href="18-3.html"><span>服 装</span></a></li>
<li><a href="18-3.html"><span>家 居</span></a></li>
<li><a href="18-3.html"><span>鞋 包</span></a></li>
<li><a href="18-3.html"><span>饰 品</span></a></li>
<li><a href="18-3.html"><span>办 公</span></a></li>
<li><a href="18-2.html"><span>食 品</span></a></li>
<li><a href="18-2.html"><span>化 妆</span></a></li>
<li><a href="18-2.html"><span>母 婴</span></a></li>
<li><a href="18-2.html"><span>教 育</span></a></li>
<li><a href="18-1.html"><span>卫 生</span></a></li>
</ul>
</div>
</div>
<div class="content">
<div class="category">
<div class="nav">今日特价 </div>
<ul>
<li><a href="18-2.html">【周大福】 金价降破底线,立即抢购!</a></li>
<li><a href="#">【优雅壹佰】超细纤维超长神奇干发帽</a></li>
<li><a href="#">【梦芭莎】春装狠划算 最高直降120 ! </a></li>
<li><a href="#"> 【多米网】兰博基尼遥控车模,惊喜不断 实惠多多!</a></li>
<li><a href="#"> 【诗薇儿】牛皮针扣头皮带,自由搭配!</a></li>
<li><a href="#"> 【拍拍网】曼巴狂徒加重游戏鼠标 </a></li>
<li><a href="#">【胡桃夹子】 春末夏初简约时尚女包 全场立减20!</a></li>
<li><a href="#">【要红酒】每周特价 惊喜不断 实惠多多!</a></li>
<li><a href="#">【格林豪泰】震撼来袭,酒店1元秒杀!</a></li>
<li><a href="#">【美国购物网】疯抢!CK男士钱包腰带低价促销!</a></li>
</ul>
</div>
<div class="category">
<a href="19-2.html"><div class="nav">生活电器</div></a>
<div class="navli">
<p><img alt="zg" src="images/ld.jpg"/></p>
龙的除螨专家吸尘
</div>
<div class="navli">
<p><img alt="zg" src="images/gl.jpg"/></p>
格力 压缩机
</div>
<div class="navli">
<p><img alt="zg" src="images/ld.jpg"/></p>
龙的除螨专家吸尘
</div>
<div class="navli">
<p><img alt="zg" src="images/gl.jpg"/></p>
格力 压缩机
</div>
<div class="navli">
<p><img alt="zg" src="images/zg.jpg"/></p>
志高 冷暖两用冷风扇(尊贵木纹)
</div>
<div class="navli">
<p><img alt="zg" src="images/flp.jpg"/></p>
飞利浦吸尘器
</div>
</div>
<div class="category">
<div class="nav">厨房电器</div>
<div class="navli">
<p><img alt="zg" src="images/cf1.jpg"/></p>
龙的水壶
</div>
<div class="navli">
<p><img alt="zg" src="images/cf2.jpg"/></p>
电饭煲
</div>
<div class="navli">
<p><img alt="zg" src="images/cf3.jpg"/></p>
刀架和菜刀
</div>
<div class="navli">
<p><img alt="zg" src="images/cf4.jpg"/></p>
菜刀
</div>
<div class="navli">
<p><img alt="zg" src="images/cf5.jpg"/></p>
电磁炉
</div>
<div class="navli">
<p><img alt="zg" src="images/cf6.jpg"/></p>
洗菜器
</div>
</div>
<div class="category">
<div class="nav">个护健康 </div>
<ul>
<li><a href="18-2.html">韩国引进精品超卡哇伊泰迪熊宝宝热卖中质量三包 </a></li>
<li><a href="#">纯色健康小小食品密封盒 进口商品</a></li>
<li><a href="#">飞利浦(Philips)SC5275/00洁面仪 </a></li>
<li><a href="#"> 松下(Panasonic) EH2473N 离子蒸汽美容器!</a></li>
<li><a href="#">SKG SKJ518 蒸面器 家用蒸脸美容仪!</a></li>
<li><a href="#"> 飞利浦(Philips)HP8203 均衡呵护系列电吹风 </a></li>
<li><a href="#"> CEM华盛昌DT-8806H红外线人体测温仪</a></li>
<li><a href="#">欧姆龙(OMRON) 计步器HJ-204(白色) </a></li>
<li><a href="#">凯仕乐(Kasrrow) KSR-13普及新型肩颈乐肩部捶打按摩器 </a></li>
</ul>
</div>
<div class="category">
<div class="nav">五金家装 </div>
<ul>
<li><a href="18-2.html">圣德保罗18件家庭五金工具套装箱包</a></li>
<li><a href="#">圣德保罗43件豪华家庭五金工具套装箱包</a></li>
<li><a href="#">铝合金户外救生口哨 4个装 </a></li>
<li><a href="#"> 金积嘉8寸带4路监控录像机</a></li>
<li><a href="#"> 雨花泽(Yuhuaze) DN-005 干鞋器家庭装!</a></li>
<li><a href="#"> 玛斯特(Master Lock) 4680DKNL TSA系列密码锁 (灰色) </a></li>
<li><a href="#">霍尼韦尔(Honeywell)S200A透明镜片 防雾眼镜!</a></li>
<li><a href="#">福吉斯特(Forgestar)36件家用工具组套Z017-36</a></li>
<li><a href="#">福吉斯特(Forgestar)36件电讯工具组套!</a></li>
</ul>
</div>
<div class="category">
<a href="18-2.html"><div class="nav">大家电 </div></a>
<div class="navli">
<p><img alt="zg" src="images/djd1.jpg"/></p>
液晶电视
</div>
<div class="navli">
<p><img alt="zg" src="images/djd2.jpg"/></p>
格力 空调
</div>
<div class="navli">
<p><img alt="zg" src="images/djd3.jpg"/></p>
电冰箱
</div>
<div class="navli">
<p><img alt="zg" src="images/djd4.jpg"/></p>
格力 洗衣机
</div>
<div class="navli">
<p><img alt="zg" src="images/djd5.jpg"/></p>
高档音响
</div>
<div class="navli">
<p><img alt="zg" src="images/djd6.jpg"/></p>
热水器
</div>
</div>
</div>
</div>
<div class="footer">
<div class="footerBox">
版权所有:html5+css3网页设计案例教程编写组所有,如有相似之处请联系我们!
</div>
<div class="footerbot">
脚注信息:添加友情链接||合作商家||特别推荐||联系本站方式
</div>
</div>
</body>
</html>
没有合适的资源?快使用搜索试试~ 我知道了~
HTML5网页设计
共60个文件
jpg:42个
png:8个
html:3个
1星 需积分: 49 166 下载量 194 浏览量
2018-05-27
19:42:14
上传
评论 19
收藏 667KB ZIP 举报
温馨提示
自己设计并完成一个静态网站,用于大作业的上交。其中老师的具体要求如下: 1、网站至少由5个页面构成,除主页外,至少要包含四个主栏目,每个页面必须图文并茂,能较好地表达主题,切忌采用过多的文字、过多的图像或者过多flash,不允许添加视频。作品应体现Web的特点,网站结构完整,链接正确、导航有效。 2、网站主题自选。 3、对于HTML,文档的语义应正确、清晰可读,符合行文规范。 4、对于页面上各个元素,使用CSS进行外观设计,根据主题选取适当的字体大小、颜色和元素背景等。 5、要求使用外部CSS文件。 6、布局方面,使用DIV+CSS布局。 7、对于设计完成的网页样式,要求具有较高的灵活性、可维护性和可重用性,既要确保整个网站外观风格上的统一,每个页面之间也要存在一定的差异。
资源推荐
资源详情
资源评论
收起资源包目录
购物.zip (60个子文件)
购物
css
css18-3.css 3KB
css18-1.css 5KB
css18-2.css 4KB
images
gw5.jpg 56KB
cf5.jpg 21KB
djd6.jpg 16KB
zg.jpg 17KB
dq.jpg 15KB
ld.jpg 21KB
uli.png 4KB
djd3.jpg 16KB
xl.jpg 19KB
v5_repeat_x.png 1KB
未标题-1.psd 73KB
djd1.jpg 19KB
v5_main_img.png 23KB
cf2.jpg 17KB
s6.jpg 5KB
gm.psd 129KB
tv.jpg 25KB
gw2.jpg 58KB
dq3.jpg 6KB
cf6.jpg 18KB
main_bot_bg.png 3KB
times.jpg 28KB
hover.png 4KB
djd5.jpg 16KB
gw3.jpg 46KB
body_bg.png 4KB
flp.jpg 18KB
maintop_bg.png 2KB
phone.jpg 19KB
cf3.jpg 13KB
cf1.jpg 18KB
s4.jpg 5KB
gw4.jpg 46KB
dq2.jpg 5KB
logo.jpg 26KB
mainbj.jpg 15KB
gw1.jpg 54KB
gw6.jpg 59KB
s2.jpg 4KB
caterbj.jpg 16KB
djd4.jpg 16KB
cf4.jpg 19KB
djd2.jpg 16KB
catergory.jpg 16KB
s3.jpg 4KB
s1.jpg 4KB
filter_del.gif 1KB
s5.jpg 4KB
gm.jpg 22KB
sv5_main_img.png 21KB
k3.jpg 3KB
nav.gif 3KB
gl.jpg 16KB
bbg.jpg 45KB
18-1.html 4KB
18-3.html 3KB
18-2.html 7KB
共 60 条
- 1
资源评论
- 努力再努力学习的小白2021-09-01很差劲,别下载,浪费积分
- u0111267142022-09-22没啥用,不要浪费积分
清江一梦
- 粉丝: 2
- 资源: 4
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- Android 实现一个系统级的悬浮秒表
- 摇钱树指标,基于机构订单原理
- 【java毕业设计】足球赛会管理系统源码(ssm+jsp+mysql+说明文档+LW).zip
- 技术资料分享STM32F10xxCDE-Errata-CH-V5很好的技术资料.zip
- 技术资料分享STM32F10xx46-Errata-CH-V2很好的技术资料.zip
- 技术资料分享STM32F10xx8B-Errata-CH-V6很好的技术资料.zip
- 技术资料分享STM32F2技术培训-灵活的静态存储控制器-FSMC很好的技术资料.zip
- Mamba快速入门.pdf
- 【java毕业设计】宜佰丰超市进销存管理系统源码(ssm+jsp+mysql+说明文档+LW).zip
- 全开源免费AI网址导航网站源码 AigoTools
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功