html网页制作期末大作业-网上花店html+css+javascript

Posted IT-精英联盟

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了html网页制作期末大作业-网上花店html+css+javascript相关的知识,希望对你有一定的参考价值。

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>

 

以上是关于html网页制作期末大作业-网上花店html+css+javascript的主要内容,如果未能解决你的问题,请参考以下文章

HTML+CSS期末大作业 中国传统美食网站设计 节日美食13页 html5网页设计作业代码 html制作网页案例代码 html大作业网页代码

HTML5期末大作业:web课程设计“我的家乡”——四川成都(7页) HTML+CSS+JavaScript

Web大学生网页成品 HTML+CSS网页期末大作业

web前端期末大作业制作一个HTML+CSS保护动物宠物网页

HTML5期末大作业:在线电影介绍(6页) HTML+CSS+JavaScript 大学生毕设网页设计源码HTML web网页设计制作成品

HTML5期末大作业:旅游网页设计——旅游住宿酒店(14页) HTML+CSS+JavaScript