1000字范文 > web前端期末大作业 html+css+javascript网页设计实例企业网站制作——星利源商贸物

web前端期末大作业 html+css+javascript网页设计实例企业网站制作——星利源商贸物

时间：2023-07-04 05:07:43

web前端期末大作业 html+css+javascript网页设计实例企业网站制作——星利源商贸物流有限公司（毕业设计）

常见网页设计作业题材有个人、美食、公司、学校、旅游、电商、宠物、电器、茶叶、家居、酒店、舞蹈、动漫、明星、服装、体育、化妆品、物流、环保、书籍、婚纱、军事、游戏、节日、戒烟、电影、摄影、文化、家乡、鲜花、礼品、汽车、其他等网页设计题目,A+水平作业, 可满足大学生网页大作业网页设计需求, 喜欢的可以下载!

作品介绍

1.网页作品简介：HTML期末大学生网页设计作业 A+水平 ,喜欢的可以下载，文章页支持手机PC响应式布局。

2.网页作品编辑：作品下载后可使用任意HTML编辑软件（如：DW、HBuilder、NotePAD 、Vscode 、Sublime 、Webstorm、 Notepad++等任意HTML软件编辑修改网页）。

3.网页作品技术：Div+CSS、鼠标滑过特效、Table、导航栏效果、banner、表单、二级三级页面等，视频、音频元素、Flash，同时设计了logo（源文件），基本期末作业所需的知识点全覆盖。

文章目录

web前端期末大作业 html+css+javascript网页设计实例企业网站制作——星利源商贸物流有限公司（毕业设计）作品介绍一、作品展示二、文件目录三、代码实现四、学习资料五、完整源码

一、作品展示

二、文件目录

三、代码实现

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><meta name="Keywords" content="星利源集团供应商" /><meta name="Description" content="星利源集团" /><title>星利源集团</title><link rel="icon" href="favicon.ico" mce_href="favicon.ico" type="image/x-icon"><link rel="shortcut icon" href="favicon.ico" mce_href="favicon.ico" type="image/x-icon"><link href="webcss/global.css" type="text/css" rel="stylesheet" /><link href="webcss/layout.css" type="text/css" rel="stylesheet" /><script src="webjs/jquery-1.8.3.min.js" type="text/javascript"></script></head><body><div class="index_top"><div class="index_topCon"><dl class="clearfix"><dt>热线电话：<em>800-830-9184</em></dt><dd class="dd3"><a href="register.html">注册</a></dd><dd class="dd4"><a href="login.html">登录</a> |</dd><dd class="dd2"><a href="Friend.html">星客汇</a></dd><dd class="dd1" style="display:none"><a href="#">英文版</a></dd></dl></div><div class="index_menuCon"><ul class="clearfix"><li id="pr_3"><a href="Product.html">产品与业务</a></li><li id="pr_4"><a href="News.html">资讯中心</a></li><li id="pr_5"><a href="Job.html">人力资源</a></li><li id="pr_6"><a href="About.html">关于我们</a></li><li id="pr_7"><a href="Contact.html">联系我们</a></li></ul><a href="index.html" class="index_logo"><img src="webimages/index_logo_07.png" width="334" height="70" alt="" /></a></div></div><script src="webjs/topMember.js"></script><script type="text/javascript">function mobile_device_detect(url) {var thisOS = navigator.platform;var os = new Array("iPhone", "iPod", "iPad", "android", "Nokia", "SymbianOS", "Symbian", "Windows Phone", "Phone", "Linux armv71", "MAUI", "UNTRUSTED/1.0", "Windows CE", "BlackBerry", "IEMobile");for (var i = 0; i < os.length; i++) {if (thisOS.match(os[i])) {window.location = url;}}//因为相当部分的手机系统不知道信息,这里是做临时性特殊辨认if (navigator.platform.indexOf('iPad') != -1) {window.location = url;}//做这一部分是因为Android手机的内核也是Linux//但是navigator.platform显示信息不尽相同情况繁多,因此从浏览器下手，即用navigator.appVersion信息做判断var check = navigator.appVersion;if (check.match(/linux/i)) {//X11是UC浏览器的平台，如果有其他特殊浏览器也可以附加上条件if (check.match(/mobile/i) || check.match(/X11/i)) {window.location = url;}}//类in_array函数Array.prototype.in_array = function (e) {for (i = 0; i < this.length; i++) {if (this[i] == e)return true;}return false;}}mobile_device_detect("http://m.synergy-/");</script> <div class="ny_banner"><img src="webimages/about_01.jpg" width="1920" height="500" alt="" /></div><div class="ny_box clearfix"><div class="ny_title"><p><a href="index.html">首页</a> > <a href="Gongying.html">我是供应商</a> > <a href="Gongying.html" class="cur">供应商解决方案</a></p><h3>我是供应商</h3></div><div class="leftBar"><div class="left_nav"><ul><li id="ch-16"><a href="Gongying.html" >供应商解决方案</a></li><script type="text/javascript">$("#ch-16").addClass("cur");</script></ul><dl class="clearfix"><dd class="dd1"><a href="Lingshou.html">我是零售商</a></dd><dd class="dd2 cur"><a href="Gongying.html">我是供应商</a><</dd></dl></div><div class="left_news"><h3><span>电子资料</span></h3><ul><li><em>1</em><a href="UpLoadFiles/0417/041716564363.pdf" target="_blank">一站式厂价直销平台”推介会-画册</a></li><li><em>2</em><a href="UpLoadFiles/0417/041716555749.pdf" target="_blank">iDC项目特邀重点厂商高峰会议-画册</a></li></ul><h3><span>最新资讯</span></h3><dl class="clearfix"><dt><a href="News-con.html"><img src="UpLoadFiles/0919/091917273151.jpg" width="105" height="90" alt="" /></a></dt><dd><h4><a href="News-con.html">星利源商贸物流集团教师节再度给…</a></h4><span>.09</span></dd></dl><dl class="clearfix"><dt><a href="News-con.html"><img src="UpLoadFiles/0913/091316482376.jpg" width="105" height="90" alt="" /></a></dt><dd><h4><a href="News-con.html">星利源供应商创新与交流会…</a></h4><span>.09</span></dd></dl><dl class="clearfix"><dt><a href="News-con.html"><img src="UpLoadFiles/0911/091119461360.jpg" width="105" height="90" alt="" /></a></dt><dd><h4><a href="News-con.html">热烈祝贺星利源集团入选广东省供…</a></h4><span>.09</span></dd></dl></div></div><div class="rightBar"><div class="aboutCon"><p align="left" style="text-align:left;"><strong style="line-height:1.5;"><span style="font-size:16px;"><img src="KindEditor/attached/image/0616/0616105508_0625.jpg" alt="" /><br /></span></strong> </p><p align="left" style="text-align:left;"><strong style="line-height:1.5;"><span style="font-size:16px;"></span></strong> </p><p align="left" style="text-align:left;"><strong style="line-height:1.5;"><span style="font-size:16px;"><br /></span></strong> </p><p align="left" style="text-align:left;"><strong style="line-height:1.5;"><span style="font-size:16px;">大部分供应厂商在传统渠道所面对的问题：</span></strong> </p><p align="left" style="text-align:left;"><strong style="line-height:1.5;"><span style="font-size:16px;"><img src="KindEditor/attached/image/0616/0616105547_6562.jpg" alt="" /><br /></span></strong> </p><p align="left" style="text-align:left;"><img src="KindEditor/attached/image/0616/0616105611_5000.jpg" alt="" /> </p><p align="left" style="text-align:left;"><br /></p><p align="left" style="text-align:left;"><br /></p><p><span style="color:#E53333;font-size:16px;"><strong>全面掌控传统零售渠道销售信息！</strong></span> </p><p><span style="color:#E53333;font-size:16px;line-height:1.5;"><strong>加快交易效率！   </strong></span> </p><p><span style="color:#E53333;font-size:16px;"><strong> 降低交易成本！</strong></span> </p><p><span style="color:#E53333;font-size:16px;"><strong>助力提升市场销售规模和盈利！</strong></span> </p><p> </p><p><strong><span style="font-size:18px;">快速消费品城际流通供应链平台简介</span></strong><br /><strong><span style="font-size:18px;"> <span style="font-size:14px;">Synergy FMCG Intercity Distribution Platform</span><span style="font-size:10px;"></span></span></strong> </p><p><strong><span style="font-size:18px;"><span style="font-size:14px;"><br /></span></span></strong></p><p><span style="font-size:16px;">      星利源商贸物流集团创建的「快速消费品城际流通供应链平台」(intelligent Intercity Distribution Center,简称iDC),专业为快速消费品行业提供流通供应链解决方案；将快消品传统渠道的代理商模式转变为智能化平台运营模式，每个城市平台的服务网络覆盖下游近4000家中小零售便利店铺，有效解决企业渠道下沉的成本、人力、运营三大难题，帮助快消品企业高效分销。平台两年内将覆盖深莞惠超过1万个终端零售便利店铺，为品牌商与终端店铺提供全面的采购销售服务。星利源通过整合资源，构建集物流、商流、资金流和信息流于一体的智慧城际流通供应链服务平台，为客户实现供应链管理的优化，使整体商品供应链管理成本降低，达到国际同行业领先的竞争水准。</span> </p><p><br /></p></div></div></div><div class="index_footer"><span class="scrollTop"></span><dl class="clearfix"><dt><p> © 版权所有：星利源商贸物流集团</p><p><a href="/" target="_blank">网站模板</a> | <a href="#">浏览量分析</a></p></dt><dd><p><a href="Friend.html">星客汇 </a> | <a href="Gongying.html">供应商中心</a> | <a href="Product.html">产品业务</a> | <a href="News.html">资讯中心 </a> | <a href="Job.html">人力资源 </a></p><p><a href="About.html">关于我们</a> | <a href="Contact.html">联系我们</a> | <a href="#"> 友情链接 </a> | <a href="#">隐私政策 </a> | <a href="#">法律条款</a></p></dd></dl></div><div class="index_floatNav"><div class="floatNav_con"><dl><dd class="dd1"><a href="javascript:"><em>微信</em></a><p><img src="UpLoadFiles/0414/041414560392.jpg" width="100" height="100" alt="" /></p></dd><dd class="dd2"><a href="mailto:Synergy@synergy-"><em>邮箱</em></a></dd></dl><ul><li class="cur1"><a href="/msgrd?v=3&uin=3101847697&site=qq&menu=yes">在线问</a></li><li class="cur5"><a href="#">回顶部</a></li></ul></div><span>展开<em></em></span></div></body><script src="webjs/zml.js" type="text/javascript"></script><script type="text/javascript">$("#ch-30").addClass("cur");$("#pr-@ChannerPrId@").addClass("cur");</script></html>