切换模式
HTML5期末大作业：女装服装商城网站设计——女装服装商城(11页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页
web前端领域-网页设计
web网页设计实例作业 HTML期末大作业 静态网页制作
HTML5期末大作业：女装服装商城网站设计——女装服装商城(11页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页
常见网页设计作业题材有个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他等网页设计题目,A+水平作业, 可满足大学生网页大作业网页设计需求, 喜欢的可以下载!
获取更多源码
PC电脑端关注我们
作者主页-更多源码
HTML期末大作业文章专栏
作品介绍
1.网页作品简介 ：HTML期末大学生网页设计作业 A+水平 ,喜欢的可以下载，文章页支持手机PC响应式布局。
2.网页作品编辑：作品下载后可使用任意HTML编辑软件（如：DW、HBuilder、NotePAD 、Vscode 、Sublime 、Webstorm、 Notepad++ 等任意HTML软件编辑修改网页）。
3.网页作品技术：Div+CSS、鼠标滑过特效、Table、导航栏效果、banner、表单、二级三级页面等，视频、 音频元素 、Flash，同时设计了logo（源文件），基本期末作业所需的知识点全覆盖。
@ TOC
一、作品展示
二、文件目录
三、代码实现
<html><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>服装展厅_服装面料裁剪设计企业网站(带手机端)</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<LINK href="style/master.css" rel=stylesheet>
<LINK href="style/jbox.css" rel=stylesheet>
<script language="JavaScript" type="text/javascript" src="js/jquery.js" ></script>
<script language="JavaScript" type="text/javascript" src="js/functions.js" ></script>
<script language="JavaScript" type="text/javascript" src="js/formvalid.js" ></script>
<script language="JavaScript" type="text/javascript" src="js/jquery.jbox-2.3.min.js" ></script>
<script language="JavaScript" type="text/javascript" src="js/nav.js" ></script>
<script language="JavaScript" type="text/javascript" src="js/ajax.js" ></script>
<script language="JavaScript" type="text/javascript" src="js/search.js" ></script>
<script language="JavaScript" type="text/javascript" src="js/jqselect.js" ></script>
<script language="JavaScript" type="text/javascript" src="js/xfocus.o.js" ></script>
<script language="JavaScript" type="text/javascript" src="js/jquery.sochange-min.js" ></script>
<!--[if IE 6]>
<SCRIPT src="/skin/js/iepng.js"></SCRIPT>
<SCRIPT>DD_belatedPNG.fix('div,img,span,li,a')</SCRIPT>
<![endif]-->
</head>
<body>
<div class="top"> <img src="images/banner.jpg" class="bannerpic"/><!-- banner直接替换这样图片，建站完成记得删除本条注释-->
<div class="topcenter"> <a href="index.htm" title="服装面料裁剪设计企业网站(带手机端)" class="logo"><img src="images/logo.png" alt="服装面料裁剪设计企业网站(带手机端)"/></a> </div>
<div class="navbg">
<ul class="nav">
<li><a href="index.htm" title="网站首页">网站首页</a></li>
<li> <a href="index-1.htm" title="关于我们">关于我们</a>
<div> <a href="index-2.htm" title="公司简介">公司简介</a> <a href="index-3.htm" title="经营理念">经营理念</a> <a href="index-4.htm" title="企业文化">企业文化</a> </div>
</li><li> <a href="index-5.htm" title="新闻中心">新闻中心</a>
<div> <a href="index-6.htm" title="行业动态">行业动态</a> <a href="index-7.htm" title="新闻动态">新闻动态</a> </div>
</li><li> <a href="index-8.htm" title="服装展厅">服装展厅</a>
<div> <a href="index-9.htm" title="秋装新品">秋装新品</a> <a href="index-10.htm" title="复古时尚">复古时尚</a> <a href="index-11.htm" title="热卖精选">热卖精选</a> <a href="index-12.htm" title="新品展示">新品展示</a> </div>
</li><li> <a href="index-13.htm" title="实店经营">实店经营</a>
<div> </div>
</li><li> <a href="index-14.htm" title="招商加盟">招商加盟</a>
<div> </div>
</li><li> <a href="index-15.htm" title="公司荣誉">公司荣誉</a>
<div> </div>
</li><li> <a href="index-16.htm" title="人才招聘">人才招聘</a>
<div> </div>
</li><li> <a href="index-17.htm" title="客户留言">客户留言</a>
<div> </div>
</li><li> <a href="index-18.htm" title="联系我们">联系我们</a>
<div> </div>
</li>
</ul>
</div>
</div>
<div class="marqueebg">
<div class="marquee">
<div class="search">
<script type="text/javascript">
$(document).ready(function() {
$("#rid").selectbox();
});
</script>
<form name="formsearch" action="http://dema41.hnyiju.com/plus/search.php">
<input type="hidden" name="kwtype" value="0" />
<input type="text" class="text" name="q" id="q" value="请输入搜索关键词"/>
<input type="submit" value="" class="button" title="搜索" />
</form>
</div>
<span class="mar_title">最新<br/>
公告</span>
<marquee>
欢迎光临本公司网站！
</marquee>
</div>
</div>
<div class="subpage"> <div class="left">
<div class="leftnav">
<div class="lefttitle"> <span>服装展厅</span>
<!-- <p>about</p>-->
</div>
<ul class="leftul">
<li class="nothave"><a href="index-9.htm" title="秋装新品">秋装新品</a> </li>
<li class="nothave"><a href="index-10.htm" title="复古时尚">复古时尚</a> </li>
<li class="nothave"><a href="index-11.htm" title="热卖精选">热卖精选</a> </li>
<li class="nothave"><a href="index-12.htm" title="新品展示">新品展示</a> </li>
</ul>
</div>
<div class="leftad">
<div class="focus" id="focus3"> <a href="javascript:void(0);" title="热卖新品4"><img src="images/1-1G1091019350-L.jpg" width="266" height="244" alt="热卖新品4" class="" /></a>
<a href="javascript:void(0);" title="热卖新品3"><img src="images/1-1G109101T70-L.jpg" width="266" height="244" alt="热卖新品3" class="" /></a>
<a href="javascript:void(0);" title="复古时尚4"><img src="images/1-1G109101K90-L.jpg" width="266" height="244" alt="复古时尚4" class="" /></a>
<a href="javascript:void(0);" title="新品展示2"><img src="images/1-1G10Z94519121.jpg" width="266" height="244" alt="新品展示2" class="" /></a>
</div>
</div>
<div class="leftcontact"> <span>服务热线</span>
<p>13978789898</p>
<img src="images/leftqq.jpg" class="leftqq"/> </div>
</div>
<div class="right">
<div class="righttitle"> <img src="images/tit2.jpg" alt=""/>
<p>当前位置：<a href="index.htm" >主页</a> > <a href="index-8.htm" >服装展厅</a> > </p>
</div>
<div class="rightcon">
<ul class="product">
<li> <a href="41.html" title="热卖新品4 " class="linkborder3"><img src="images/1-1G1091019350-L.jpg" width="210" height="232" alt="热卖新品4" class="PicAuto" /></a> <a href="41.html" title="热卖新品4" class="linkborder4">
<p>热卖新品4</p>
</a> </li><li> <a href="40.html" title="热卖新品3 " class="linkborder3"><img src="images/1-1G109101T70-L.jpg" width="210" height="232" alt="热卖新品3" class="PicAuto" /></a> <a href="40.html" title="热卖新品3" class="linkborder4">
<p>热卖新品3</p>
</a> </li><li> <a href="39.html" title="复古时尚4 " class="linkborder3"><img src="images/1-1G109101K90-L.jpg" width="210" height="232" alt="复古时尚4" class="PicAuto" /></a> <a href="39.html" title="复古时尚4" class="linkborder4">
<p>复古时尚4</p>
</a> </li><li> <a href="25.html" title="新品展示2 " class="linkborder3"><img src="images/1-1G10Z94519121.jpg" width="210" height="232" alt="新品展示2" class="PicAuto" /></a> <a href="25.html" title="新品展示2" class="linkborder4">
<p>新品展示2</p>
</a> </li><li> <a href="26.html" title="新品展示1 " class="linkborder3"><img src="images/1-1G10Z94502356.jpg" width="210" height="232" alt="新品展示1" class="PicAuto" /></a> <a href="26.html" title="新品展示1" class="linkborder4">
<p>新品展示1</p>
</a> </li><li> <a href="23.html" title="热卖新品2 " class="linkborder3"><img src="images/1-1G10Z9443HE.jpg" width="210" height="232" alt="热卖新品2" class="PicAuto" /></a> <a href="23.html" title="热卖新品2" class="linkborder4">
<p>热卖新品2</p>
</a> </li><li> <a href="24.html" title="热卖新品1 " class="linkborder3"><img src="images/1-1G10Z94421312.jpg" width="210" height="232" alt="热卖新品1" class="PicAuto" /></a> <a href="24.html" title="热卖新品1" class="linkborder4">
<p>热卖新品1</p>
</a> </li><li> <a href="20.html" title="复古时尚3 " class="linkborder3"><img src="images/1-1G10Z94332529.jpg" width="210" height="232" alt="复古时尚3" class="PicAuto" /></a> <a href="20.html" title="复古时尚3" class="linkborder4">
<p>复古时尚3</p>
</a> </li><li> <a href="21.html" title="复古时尚2 " class="linkborder3"><img src="images/1-1G10Z94313T9.jpg" width="210" height="232" alt="复古时尚2" class="PicAuto" /></a> <a href="21.html" title="复古时尚2" class="linkborder4">
<p>复古时尚2</p>
</a> </li>
</ul>
<p class="clear"></p>
<div class="pagination-wrapper">
<div class="pagination"> <li><a>首页</a></li>
<li class="thisclass"><a>1</a></li>
<li><a href="list_3_2.html" >2</a></li>
<li><a href="list_3_2.html" >下一页</a></li>
<li><a href="list_3_2.html" >末页</a></li>
</div>
</div>
</div>
</div>
<p class="clear"></p>
</div>
<div class="linskbg">
<div class="links"> <a href="javascript:if(confirm('http://www.baidu.com/ \n\n�ļ���δ�� Teleport Pro ȡ� ���Ϊ �������·��������ʼ��ַ�����õķ�Χ�� \n\n��Ҫ�ӷ������ϴ�����'))window.location='http://www.baidu.com/'" target='_blank'>百度一下</a> <span>|</span> <a href="javascript:if(confirm('http://www.sucai58.com/ \n\n�ļ���δ�� Teleport Pro ȡ� ���Ϊ �������·��������ʼ��ַ�����õķ�Χ�� \n\n��Ҫ�ӷ������ϴ�����'))window.location='http://www.sucai58.com/'" target='_blank'>建站素材</a> <span>|</span> <a href="javascript:if(confirm('http://www.adashuo.com/ \n\n�ļ���δ�� Teleport Pro ȡ� ���Ϊ �������·��������ʼ��ַ�����õķ�Χ�� \n\n��Ҫ�ӷ������ϴ�����'))window.location='http://www.adashuo.com/'" target='_blank'>创业找项目</a> <span>|</span> <a href="javascript:if(confirm('http://www.zhangguizi.com/ \n\n�ļ���δ�� Teleport Pro ȡ� ���Ϊ �������·��������ʼ��ַ�����õķ�Χ�� \n\n��Ҫ�ӷ������ϴ�����'))window.location='http://www.zhangguizi.com/'" target='_blank'>掌柜子</a> <span>|</span> <a href="javascript:if(confirm('http://www.yiyongtong.com/ \n\n�ļ���δ�� Teleport Pro ȡ� ���Ϊ �������·��������ʼ��ַ�����õķ�Χ�� \n\n��Ҫ�ӷ������ϴ�����'))window.location='http://www.yiyongtong.com/'" target='_blank'>微信小程序开发</a> <span>|</span> </div>
</div>
<div class="footbg">
<div class="foot">
<div class="footnav"> <a href="index.htm" title="网站首页">网站首页</a><span>|</span> <a href="index-1.htm" title="关于我们">关于我们</a> <span>|</span> <a href="index-5.htm" title="新闻中心">新闻中心</a> <span>|</span> <a href="index-8.htm" title="服装展厅">服装展厅</a> <span>|</span> <a href="index-13.htm" title="实店经营">实店经营</a> <span>|</span> <a href="index-14.htm" title="招商加盟">招商加盟</a> <span>|</span> <a href="index-15.htm" title="公司荣誉">公司荣誉</a> <span>|</span> <a href="index-16.htm" title="人才招聘">人才招聘</a> <span>|</span> <a href="index-17.htm" title="客户留言">客户留言</a> <span>|</span> <a href="index-18.htm" title="联系我们">联系我们</a> <span>|</span> </div>
<p><span>地址：广东省广州市番禺经济开发区58号</span><span>电话：13978789898</span><span>传真：020-66889888</span></p>
<p> <span>Copyright @ 2011-2017 某某服装有限公司 All Rights Reserved.</span><span>技术支持：<a href="javascript:if(confirm('http://www.baidu.com/ \n\n�ļ���δ�� Teleport Pro ȡ� ���Ϊ �������·��������ʼ��ַ�����õķ�Χ�� \n\n��Ҫ�ӷ������ϴ�����'))window.location='http://www.baidu.com/'" target="_blank" title="58">百度一下</a> </span> <a href="javascript:if(confirm('http://www.miitbeian.gov.cn/ \n\n�ļ���δ�� Teleport Pro ȡ� ���Ϊ �������·��������ʼ��ַ�����õķ�Χ�� \n\n��Ҫ�ӷ������ϴ�����'))window.location='http://www.miitbeian.gov.cn/'" target="_blank" title="粤ICP备32165498号">ICP备案编号：粤ICP备32165498号</a> </p>
<div class="footshare">
<div id="bdshare" class="bdshare_t bds_tools get-codes-bdshar share"> <span class="bds_more">分享到：</span> <a class="bds_qzone"></a> <a class="bds_tsina"></a> <a class="bds_tqq"></a> <a class="bds_renren"></a> <a class="bds_t163"></a> <a class="shareCount"></a> </div>
<script type="text/javascript" id="bdshare_js" data="type=tools&uid=6515882" ></script>
<script type="text/javascript" id="bdshell_js"></script>
<script type="text/javascript">
document.getElementById("bdshell_js").src = "http://bdimg.share.baidu.com/static/js/shell_v2.js?cdnversion=" + Math.ceil(new Date()/3600000)
</script>
</div>
</div>
</div>
<div class="fixed"> <a href="index-17.htm" title="客户留言" class="book"></a> <a href="javascript:void(0);" title="二维码" class="codepic"></a> <a href="javascript:void(0);" title="返回顶部" class="backup"></a>
<div> <img src="images/qrcode.png" class="code" /> </div>
</div>
</body>
</html>四、获取更多源码
~ 关注我，点赞博文~ 每天带你涨知识!
相关问题可以相互学习，可关注↓公Z号 获取更多源码 !
五、学习资料
web前端 零基础-入门到高级 (视频+源码+开发软件+学习资料+面试题) 一整套 (教程) 适合入门到高级的童鞋们入手~送1000套HTML+CSS+JavaScript模板网站
六、更多源码
HTML5期末考核大作业源码 包含 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他* 可满足大学生网页大作业网页设计需求, 喜欢的可以下载!
编辑于 2021-11-29 17:19
HTML5
网页设计
页面设计