首页 > 分享 > html网页制作期末大作业

html网页制作期末大作业

 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.com/">图片来源</a>

<a href="http://www.hy755.cn/case2/list_55_10.html">模板来源</a>

<a href="http://shmilychangan.gitee.io/flower_shop/">在线浏览</a>

<a href="http://www.ifeng.com/">文字来源</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.net/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.cn/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>

相关知识

html5期末大作业鲜花花卉主题网页设计html网页模板源码?
HTML5期末大作业:鲜花网站设计——网上鲜花网页设计(5页) HTML+CSS+JavaScript 期末作业HTML代码
Web前端期末大作业
大学生网页设计作业 html+css+js网上鲜花售卖网站(期末网页设计作业)
150.大学生HTML期末大作业 —【鲜花主题网页】 Web前端网页制作 html+css
5.大学生HTML期末大作业 —【薛之谦明星主题网页】 Web前端网页制作 html+css+js
HTML+CSS网页设计期末课程大作——篮球网页设计(6页) 学校篮球网页制作模板 学生简单体育运动网站设计成品
153.大学生HTML期末大作业 —【 环保科技公司响应式网页】 Web前端网页制作 html+css+js
学生花卉网网页设计作品 学生鲜花网页模板 简单在线花店主页成品 鲜花网页制作 HTML学生花店商城网站作业设计
HTML5期末大作业:网上花店/鲜花网站设计——大气的鲜花预订商城(6页) HTML+CSS+JavaScript

网址: html网页制作期末大作业 https://m.huajiangbk.com/newsview558591.html

所属分类:花卉
上一篇: 花店官网制作【花店官网怎么做】
下一篇: 长沙花店难有真玫瑰 基本是月季花