html网页制作期末大作业-网上花店html+css+javascript 6个页面适用学生作业 课程设计花店、期末作业花店、毕业设计花店
部分网页截图
部分网页源码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>鲜花·花艺店官网</title>
<link href="css/publice.css" type="text/css" rel="stylesheet" />
<link href="css/style.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery1.42.min.js"></script>
<script type="text/javascript" src="js/jquery.SuperSlide.2.1.1.js"></script>
<script type="text/javascript" src="js/style.js"></script>
</head>
<body>
<!--top_bar-->
<div class="clear"></div>
<div class="topWrap">
<div class="top_bar">
<div class="top_left">
鲜花·花艺官方网站！
</div>
<div class="top_right">
<p class="icon icon1">138-8888-8888</p>
<p class="icon icon2">官方微信</p>
<p class="icon icon3">企业微博</p>
</div>
</div>
</div>
<!--nav-->
<div class="clear"></div>
<div class="navWrap">
<div class="logo">
<a href="#"><img src="temp/2375abab6dbd7aefd922252470bb8fcd.png"></a>
<h1>鲜花·花艺店</h1>
</div>
<div class="nav_bar">
<a href="index.html" class="cur">首页</a>
<a href="trends.html">公司动态</a>
<a href="brief.html" >公司简介</a>
<a href="product_center.html">产品中心</a>
<a href="about.html">关于我们</a>
<a href="linkUs.html">联系我们</a>
</div>
</div>
<div id="menu">
<li class="home">
<div class="bg">
<a class="home_text" href="index.html"></a>
</div>
<div class="home_list">
<a href="http://www.51yuansu/">图片来源</a>
<a href="http://www.hy755/case2/list_55_10.html">模板来源</a>
<a href="http://shmilychangan.gitee.io/flower_shop/">在线浏览</a>
<a href="http://www.ifeng/">文字来源</a>
<a href="http://shmilychangan.gitee.io/failed_404/">404</a>
</div>
</li>
</div>
<!--banner-->
<div class="clear"></div>
<div class="index_banner">
<div id="slideBox" class="slideBox">
<div class="hd">
<ul>
<li></li>
<li></li>
<li></li>
</ul>
</div>
<div class="bd">
<ul>
<li><a href="#" target="_blank"><img src="temp/ia_100000003.jpg" /></a></li>
<li><a href="#" target="_blank"><img src="temp/11294412.jpeg" /></a></li>
<li><a href="#" target="_blank"><img src="temp/11234123.jpeg" /></a></li>
</ul>
</div>
</div>
</div>
<!--main-->
<div class="clear"></div>
<div class="mainWrap">
<div class="main_one">
<div class="main_left">
<video class="video_mp4" autoplay controls>
<source
src="https://www.videvo/videvo_files/converted/2016_01/preview/Smoke_Light_08_Videvo.mov45734.webm">
</source></video>
</div>
<div class="main_right">
<div class="r_left">
<h2>新闻动态</h2>
<div class="dt_con">
<a href="#">
<h3>7月财运大翻身、喜事降临，桃花运来袭</h3>
<p>运势分析，只是一种参考，人生究竟能够达到什么样的高度，还是要靠我们实实在在的努力，只有你能够有所行动和付出，那样当好运到来，就能把握，对于正处于迷茫中的朋友，希望能给到一些温暖的支持和正能量。
</p>
</a>
</div>
<div class="dt_con" style="padding-top: 25px;">
<a href="#">
<h3>7月上旬，不缺财源，喜事多多，事业前程似锦</h3>
<p>生肖羊的他们7月一到，大波好运袭来，缺财来财，改变早期阵子财运欠佳，求财的路总是不顺的情况，时机一到，事业旺遇贵人，定能事事如愿。另外对于一部分生肖羊之人而言，可能是财运引导桃花，部分朋友桃花百倍涨，对“小鹿”乱撞的人来讲，假如想早日脱单，应该加倍努力挣钱，不然就只能贫贱夫妻百事哀。
</p>
</a>
</div>
</div>
<div class="r_right">
<h2>鲜花样品</h2>
<img src="temp/3a74831895cc2d69231b7d52179072d0.png">
</div>
</div>
</div>
</div>
<!-- 悬浮图 -->
<div id="fixed">
<img src="temp/375c7c0e7301782371e363e80f947470.png" alt="">
</div>
<div class="clear"></div>
<div class="mainWrap mainWrapa">
<div class="main_one main_two">
<div class="main_left">
<video class="video_video" autoplay controls>
<source src="https://gossv.cfp/videos/mts_videos/medium/VCG42682635184.mp4">
</source>
</video>
</div>
<div class="main_right">
<h2>公司简介</h2>
<p> 鲜花·花艺在线，是在鲜花社的大力支持下，由北京龙焱世纪文化交流有限公司投资成立的国内首家花艺,该xx平台的出现,
将弥补国内花店业远程教育的空白，将更好地为中国花店业服务，为促进xx花店业的交流更快更好地与国际接轨打下良好的基础。
<p> 我们致力于以下几个方面的教育：</p>
<p> 提升花艺设计及产品创新能力 我们将携手国内、外最优秀的花艺师推出适合本地市场需要的商业花礼设计，并且将该设计的制作过程拍摄成视频，在视频中将揭示设计的理念、制作的过程、知识
点的讲解等，供花店、花艺师及花艺爱好者学习和交流。提升花店经营管理及市场营销能力 我们将推出中国花店经营管理精品培训系列，与中国最优秀的花店经营者对话，把他们的实战经验传授给更多的xxx花店业者。
</p>
<p> 我们的特色是：</p>
<p> 内容的实战性，无论是花艺设计还是经营管理培训，都将基于中国花店业的现状及最迫切的需求，将培训与花店的日常经营紧密地结合在一起，因为我们认为，只有最快能转换成生产力的培训才是最好的培训。内容的高水准，我们将陆续与国内外最优秀的花艺师签约，由他们亲自设计，并且用专业的视频拍摄及制作团队制作成精良的视频课件，供学习和交流。学习的成本更低、效率更高。花店可在本地学习，可以反复观看，可以有选择性地学习，这种学习方式直接省去了传统培训方式中与学习无关的相关费用，如差旅等，将让学习的成本更低、效率更高。
</p>
<p>我公司一直保持良好的技术及服务态度，更好地为客户服务。</p>
</div>
</div>
</div>
<div class="clear"></div>
<div class="mainWrap">
<div class="main_one">
<h2>浪漫爱情</h2>
<div class="picScroll-left">
<div class="hd">
<a class="next"></a>
<a class="prev"></a>
</div>
<div class="bd">
<ul class="picList">
<li>
<div class="pic"><a href="#" target="_blank"><img src="temp/ia_100000007(已去底).jpg" /></a>
</div>
</li>
<li>
<div class="pic"><a href="#" target="_blank"><img src="temp/ia_100000008(已去底).jpg" /></a>
</div>
</li>
<li>
<div class="pic"><a href="#" target="_blank"><img src="temp/ia_100000009(已去底).jpg" /></a>
</div>
</li>
<li>
<div class="pic"><a href="#" target="_blank"><img src="temp/ia_100000010(已去底).jpg" /></a>
</div>
</li>
<li>
<div class="pic"><a href="#" target="_blank"><img src="temp/ia_100000011(已去底).jpg" /></a>
</div>
</li>
<li>
<div class="pic"><a href="#" target="_blank"><img src="temp/ia_100000012(已去底).jpg" /></a>
</div>
</li>
<li>
<div class="pic"><a href="#" target="_blank"><img src="temp/ia_100000013(已去底).jpg" /></a>
</div>
</li>
</ul>
</div>
<div class="bd">
<ul class="picList">
<li>
<div class="pic"><a href="#" target="_blank"><img src="temp/抠图/ia_600000008.png" /></a>
</div>
</li>
<li>
<div class="pic"><a href="#" target="_blank"><img src="temp/抠图/ia_600000007.png" /></a>
</div>
</li>
<li>
<div class="pic"><a href="#" target="_blank"><img src="temp/抠图/ia_600000006.png" /></a>
</div>
</li>
<li>
<div class="pic"><a href="#" target="_blank"><img src="temp/抠图/ia_600000005.png" /></a>
</div>
</li>
<li>
<div class="pic"><a href="#" target="_blank"><img src="temp/抠图/ia_600000004.png" /></a>
</div>
</li>
<li>
<div class="pic"><a href="#" target="_blank"><img src="temp/抠图/ia_300000007.png" /></a>
</div>
</li>
<li>
<div class="pic"><a href="#" target="_blank"><img
src="temp/3a74831895cc2d69231b7d52179072d0.png" /></a>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
<!--foot-->
<div class="clear"></div>
<div class="footWrap">
<div class="footer">
<div class="foot_l">
<p><img src="img/foot_icon1.png">138-8888-8888</p>
<p><img src="img/foot_icon2.png">138-8888-8888</p>
</div>
<div class="foot_r">
<p class="wz wza"><a href="#">留言反馈</a>|<a href="#" class="linkUs">联系我们</a></p>
<p class="wz">©2020-2050 鲜花·花艺有限责任公司版权所有，并保留所有权利</p>
</div>
</div>
</div>
</body>
</html>
更多推荐
html网页制作期末大作业-网上花店html+css+javascript
发布评论