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>
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/286614.html
標籤：其他