• Pomelo123
    了解作者
  • HTML
    开发工具
  • 2.9MB
    文件大小
  • zip
    文件格式
  • 0
    收藏次数
  • 1 积分
    下载积分
  • 6
    下载次数
  • 2019-06-06 23:19
    上传日期
HTML5+CSS网页设计,制作一个花店的网页,有预订售卖购物车等多种功能。
FloralShop.zip
内容介绍
<!DOCTYPE html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Floral Shop, Ecommerce, Online Shopping, Web Store</title> <link href="templatemo_style.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="css/orman.css" type="text/css" media="screen" /> <link rel="stylesheet" href="css/nivo-slider.css" type="text/css" media="screen" /> <link rel="stylesheet" type="text/css" href="css/ddsmoothmenu.css" /> <script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript" src="js/ddsmoothmenu.js"> </script> <script type="text/javascript"> ddsmoothmenu.init({ mainmenuid: "templatemo_menu", orientation: 'h', classname: 'ddsmoothmenu', contentsource: "markup" }) function clearText(field) { if (field.defaultValue == field.value) field.value = ''; else if (field.value == '') field.value = field.defaultValue; } </script> <link rel="stylesheet" href="css/slimbox2.css" type="text/css" media="screen" /> <script type="text/JavaScript" src="js/slimbox2.js"></script> </head> <body> <div id="templatemo_wrapper_h"> <div id="templatemo_header_wh"> <div id="templatemo_header" class="header_home"> <div id="site_title"><a href="#" title="Floral" rel='nofollow' onclick='return false;'>Floral</a></div> <div id="templatemo_menu" class="ddsmoothmenu"> <ul> <li><a href="index.html" class="selected" rel='nofollow' onclick='return false;'>主页</a></li> <li><a href="about.html" rel='nofollow' onclick='return false;'>关于我们</a></li> <li><a href="products.html" rel='nofollow' onclick='return false;'>商品</a> <ul> <li><a href="products.html" rel='nofollow' onclick='return false;'>第一页</a></li> <li><a href="products.html" rel='nofollow' onclick='return false;'>第二页</a></li> <li><a href="products.html" rel='nofollow' onclick='return false;'>第三页</a></li> <li><a href="products.html" rel='nofollow' onclick='return false;'>第四页</a></li> <li><a href="products.html" rel='nofollow' onclick='return false;'>第五页</a></li> </ul> </li> <li><a href="checkout.html" rel='nofollow' onclick='return false;'>登录</a></li> <li><a href="contact.html" rel='nofollow' onclick='return false;'>公司信息</a></li> <li><a href="faqs.html" rel='nofollow' onclick='return false;'>常见问题</a></li> </ul> <div id="templatemo_search"> <form action="#" method="get"> <input type="text" value="查找你想要的商品" name="keyword" id="keyword" title="keyword" onfocus="clearText(this)" onblur="clearText(this)" class="txt_field" /> <input type="submit" name="Search" value="" alt="Search" id="searchbutton" title="Search" class="sub_btn" /> </form> </div> <br style="clear: left" /> </div> <a href="#" title="visit " class="site_repeat" target="_blank" rel='nofollow' onclick='return false;'></a> <div class="slider-wrapper theme-orman"> <div class="ribbon"></div> <div id="slider" class="nivoSlider"> <a href="#" rel='nofollow' onclick='return false;'> </a> </div> <div id="htmlcaption" class="nivo-html-caption"> <strong>本花店</strong>支持<a href="#" rel='nofollow' onclick='return false;'>信用卡</a><em>付款</em>. </div> </div> <script type="text/javascript" src="js/jquery-1.6.1.min.js"></script> <script type="text/javascript" src="js/jquery.nivo.slider.pack.js"></script> <script type="text/javascript"> $(window).load(function() { $('#slider').nivoSlider({ controlNav:false }); }); </script> </div> </div> <div id="templatemo_main_wrapper"> <div id="templatemo_main"> <div id="sidebar" class="left"> <div class="sidebar_box"><span class="bottom"></span> <h3>分类</h3> <div class="content"> <ul class="sidebar_list"> <li><a href="#" rel='nofollow' onclick='return false;'>选花推荐</a></li> <li><a href="#" rel='nofollow' onclick='return false;'>推荐商品</a></li> <li><a href="#" rel='nofollow' onclick='return false;'>最新商品</a></li> <li><a href="#" rel='nofollow' onclick='return false;'>询问客服</a></li> <li><a href="#" rel='nofollow' onclick='return false;'>养花秘籍</a></li> <li><a href="#" rel='nofollow' onclick='return false;'>花篮选择</a></li> <li><a href="#" rel='nofollow' onclick='return false;'>花市新闻</a></li> <li><a href="#" rel='nofollow' onclick='return false;'>推荐商品</a></li> <li><a href="#" rel='nofollow' onclick='return false;'>单售商品</a></li> </ul> </div> </div> <div class="sidebar_box"><span class="bottom"></span> <h3>每周优惠</h3> <div class="content special"> <a href="#" rel='nofollow' onclick='return false;'>紫色矢车菊</a> <p> Price: <span class="price normal_price">$160</span>&nbsp;&nbsp; <span class="price special_price">$100</span> </p> </div> </div> </div> <div class="copyrights">Collect from <a href="http://www.mycodes.net/" rel='nofollow' onclick='return false;'>Website Template</a></div> <div id="content" class="right"> <h2>欢迎来到Floral花市</h2> <p>Floral花店提供多种多样最新鲜的鲜花供您选择,质量优良价格实惠,是馈赠朋友恋人的不二选择,本店出售的花种类繁多,如果您有疑问可以咨询客服,我们将24小时为您服务。</p> <div class="product_box"> <a href="productdetail.html" rel='nofollow' onclick='return false;'></a> <h3>黄玫瑰</h3> <p class="product_price">$240</p> <p class="add_to_cart"> <a href="productdetail.html" rel='nofollow' onclick='return false;'>商品细节</a> <a href="shoppingcart.html" rel='nofollow' onclick='return false;'>加入购物车</a> </p> </div> <div class="product_box"> <a href="productdetail.html" rel='nofollow' onclick='return false;'></a> <h3>紫色矢车菊</h3> <p class="product_price">$160</p> <p class="add_to_cart"> <a href="productdetail.html" rel='nofollow' onclick='return false;'>商品细节</a> <a href="shoppingcart.html" rel='nofollow' onclick='return false;'>加入购物车</a> </p> </div> <div class="product_box"> <a href="productdetail.html" rel='nofollow' onclick='return false;'></a> <h3>彩色玫瑰</h3> <p class="product_price">$140</p> <p class="add_to_cart"> <a href="productdetail.html" rel='nofollow' onclick='return false;'>商品细节</a> <a href="shoppingcart.html" rel='nofollow' onclick='return false;'>加入购物车</a> </p> </div> <div class="product_box no_margin_right"> <a href="productdetail.html" rel='nofollow' onclick='return false;'></a> <h3>金香玉玫瑰</h3> <p class="product_price">$320</p> <p class="add_to_cart"> <a href="productdetail.html" rel='nofollow' onclick='return false;'>商品细节</a> <a href="shoppingcart.html" rel='nofollow' onclick='return false;'>加入购物车</a> </p> </div> <div class="product_box"> <a href="productdetail.html" rel='nofollow' onclick='return false;'></a> <h3>白色百合</h3> <p class="product_price">$150</p> <p class="add_to_cart"> <a href="productdetail.html" rel='nofollow' onclick='return false;'>商品细节</a> <a href="shoppingcart.html" rel='nofollow' onclick='return false;'>加入购物车</a>
评论
    相关推荐
    • 网页设计期末作业(乌镇)
      1.五个页面互相链接形成一个小的网站; 2.5个页面相互独立 3.html+css+javascript 4.期末大作业,刚交上去(川师学子请勿下载,害怕遭)
    • 利用bootstrap编写的旅游网页
      html,css , bootstrap,网页设计,有利于网页初学者参考,有很大的帮助
    • 028ASP留言薄设计
      028ASP留言薄设计 Internet的迅猛发展,推动了各种网络技术的不断产生和更新,ASP便是在这一条件下产生的,ASP的出现改变了以往网站是由单纯的HTML语言编写的静态网页所组成的情况,有了ASP以后,我们就能够根据...
    • ios-酒店预订App.zip
      自定义URL Schemes便于其他App或者网页唤起;方便App或者网页传递参数 工程结构一幕了然,便于拓展 界面采用代码实现,部分界面采用xib实现。整个代码可读性比较好、代码规范、有注释说明,配合服务端是自己用php...
    • 轴图素设计(毕业设计)
      如果每设计一根轴都要一条线一条线的去画,不仅效率低而且精度也很难保证。轴图素库就是在这样一种背景下应运而生的。轴图素库是将具有相同结构特征的绘图元素,组合的一起形成绘图元素的集合,以后在绘制类似这种...
    • 酒店预订课程设计
      运用asp.net知识,编写酒店预订网页
    • 凌安电脑会议室预订系统V2.0
      网站式设计,可通过网络,随时随地进行会议室预订,最大限度充分利用您的会议室资源 本系统预设帐号:admin,密码:111111 如有问题或者其他额外需求,请联系西安凌安电脑官网www.lingan.com.cn 官方下载页:...
    • j2ee经典案例设计与实现
      案例12:JSP调用EJB开发商务预订系统 案例13:利用iText在JSP中生成PDF报表 案例14:基于Model 2的购物车程序 本章小结 第8章 J2EE综合经典案例设计与实现 案例1: 网络在线考试系统 案例2: 银行账户管理系统 案例3:...
    • music-promotion-pbf:Monkees。 前端网页设计,内置HTML5,CSS3和Javascript
      为了获得最终的歌迷体验,可以预订乐队参加婚礼,周年纪念日,生日等活动。歌迷还可以访问唱片目录,其中提供了他们的专辑的完整列表,音轨和可播放的视频,包括最新的“庆祝乐队成立5周年的Good Times专辑。 链接...
    • 在线客房预订系统源码
      9.能使网页设计师面向对象设计,更体现随意发挥创意和思想,可根据网站本身的性质而设置其本身的特性如:模块 ,颜色,标志,如商务型,国际贸易型,个人型(简约)根据系统本身的功能,您可以做成,网上商店型,...