刚刚写了长长一篇，具体提示超过字数，返回之后文章就没了，郁闷。。我觉得51cto可以模仿qq空间日志一样，写过的日志都可以自动保存，就算不小心丢失了，也会自动保存在草稿箱里。。

没心情重新写了。。总结一下吧。

今天模仿淘宝的首页，写了网龙乐印的首页，虽然花了一下午没有写完，但是，写完的部分，兼容性测试都没问题，用的都是html5标签。html5的脚本也是从淘宝网站下下来的。

网龙公司是我曾经梦寐以求进的公司，没想到，这次我刷新简历后，他们会主动联系我，多少有点兴奋。

 

 
  
  1. <!DOCTYPE HTML> 
  2. <html> 
  3.     <head> 
  4.         <meta charset="UTF-8"> 
  5.         <title>91乐印</title> 
  6.         <link href="css/css.css" rel="stylesheet" type="text/css" /> 
  7.         <script type="text/javascript" src="js/html5.js"></script> 
  8.     </head> 
  9.     <body> 
  10.     <!---header---> 
  11.         <header class="top-header"> 
  12.             <div class="top_login clearfix"> 
  13.                 <figure class="logo"><a href="###"><img src="p_w_picpaths/logo.gif"  alt="logo" /></a></figure> 
  14.                 <div class="index_login"> 
  15.                     <span class="top_num">0591-87085678</span> 
  16.                     <span class="client"><a href="###">登录</a><a href="###">注册</a><a href="###">我的购物车(<b>0</b>)</a></span> 
  17.                 </div> 
  18.             </div> 
  19.             <nav class="channel-wrap clearfix"> 
  20.                 <ul> 
  21.                     <li><a href="###">首页</a></li> 
  22.                     <li><a href="###">照片冲洗</a></li> 
  23.                     <li><a href="###">个性印洗</a></li> 
  24.                     <li><a href="###">个性印品</a></li> 
  25.                     <li><a href="###">送礼品</a></li> 
  26.                     <li><a href="###">帮助中心</a></li> 
  27.                 </ul> 
  28.             </nav> 
  29.             <div class="top_banner"><img src="pic/ad_banner.gif"  alt="" /></div> 
  30.         </header> 
  31.     <!---header---> 
  32.     <!---wrapper-->  
  33.         <section class="hot-screen clearfix"> 
  34.             <aside class="product-list"> 
  35.                 <h3>所有个性印品</h3> 
  36.                 <ul class="clearfix"> 
  37.                     <li><a href="###">冲印照片</a><span>照片冲印低至0.4元</span></li> 
  38.                     <li><a href="###">照片书</a><span>影楼相册</span></li> 
  39.                     <li><a href="###">个性家饰</a><span>爱与家庭</span></li> 
  40.                     <li><a href="###">纯银饰品</a><span>银装素裹</span></li> 
  41.                     <li><a href="###">木版画</a><span>拉米娜真彩</span></li> 
  42.                     <li><a href="###">乐印创意集</a><span>无限创意</span></li> 
  43.                     <li><a href="###">杯子</a><span>一杯子 一辈子</span></li> 
  44.                     <li><a href="###">激光雕刻打火</a><span>刻的不止是打火机</span></li> 
  45.                     <li><a href="###">日历/海报</a><span>个性DIY台历</span></li> 
  46.                     <li><a href="###">T恤</a><span>个性DIYT恤</span></li> 
  47.                     <li><a href="###">Iphone壳</a><span>个性DIY手机壳</span></li> 
  48.                 </ul> 
  49.             </aside> 
  50.             <article class="attraction"> 
  51.                 <div class="clearfix"> 
  52.                     <div class="m_ad"> 
  53.                     <div class="j_slide"> 
  54.                     <img src="pic/ad_flash.gif"  alt="" /> 
  55.                 </div> 
  56.                 <div class="time_buy"> 
  57.                     <p class="time">仅剩<b>03</b>时<b>13</b>分<b>14</b>秒</p> 
  58.                     <ul class="time_col"> 
  59.                         <li><img src="pic/buy_icon_1.gif"  alt="" /><p>LOVE心形水晶</p><p>原价：<del>168.00</del></p><p>现价：150.00</p></li> 
  60.                         <li><img src="pic/buy_icon_2.gif"  alt="" /><p>LOVE心形水晶</p><p>原价：<del>168.00</del></p><p>现价：150.00</p></li> 
  61.                         <li><img src="pic/buy_icon_1.gif"  alt="" /><p>LOVE心形水晶</p><p>原价：<del>168.00</del></p><p>现价：150.00</p></li> 
  62.                     </ul> 
  63.                     <ul class="time_con"><img src="pic/buy_con.gif"  alt="" /></ul> 
  64.                 </div> 
  65.                 </div> 
  66.                 <aside class="expressway"> 
  67.                 <div class="sub_col"> 
  68.                     <a href="###"><img src="p_w_picpaths/pic_first.gif"  alt="" /></a> 
  69.                     <h4>官方资讯</h4> 
  70.                     <ul> 
  71.                         <li><a href="###" class="hot">[置顶] 支持货到货款，30天退换货</a></li> 
  72.                         <li><a href="###">[公告] 近期团购发货延期的公告</a></li> 
  73.                         <li><a href="###">[公告] 爱动漫&91斗斗优惠送</a></li> 
  74.                         <li><a href="###">[公告] 91乐印-DIY平台重装上阵</a></li> 
  75.                     </ul> 
  76.                 </div> 
  77.                 <div class="pir_video"><img src="pic/ad_video.gif"  alt="" /></div> 
  78.                 <div class="hot_news"> 
  79.                     <h3></h3> 
  80.                     <ul class="clearfix"> 
  81.                         <li class="clearfix"> 
  82.                             <a href="###" class="hot_img"><img src="pic/hot_1.gif"  alt="" /></a> 
  83.                             <a href="###"> 
  84.                                 <img src="p_w_picpaths/icon_hot1.gif"  alt="" /> 
  85.                                 <p>LOVE心形水晶</p><span>7天售出<b>4228</b>件</span><span>抢购价：<strong>¥199</strong></span> 
  86.                             </a> 
  87.                         </li> 
  88.                         <li class="clearfix"> 
  89.                             <a href="###" class="hot_img"><img src="pic/hot_2.gif"  alt="" /></a> 
  90.                             <a href="###"> 
  91.                                 <img src="p_w_picpaths/icon_hot2.gif"  alt="" /> 
  92.                                 <p>LOVE心形水晶</p><span>7天售出<b>4228</b>件</span><span>抢购价：<strong>¥199</strong></span> 
  93.                             </a> 
  94.                         </li> 
  95.                         <li class="clearfix"> 
  96.                             <a href="###" class="hot_img"><img src="pic/hot_3.gif"  alt="" /></a> 
  97.                             <a href="###"> 
  98.                                 <img src="p_w_picpaths/icon_hot3.gif"  alt="" /> 
  99.                                 <p>LOVE心形水晶</p><span>7天售出<b>4228</b>件</span><span>抢购价：<strong>¥199</strong></span> 
  100.                             </a> 
  101.                         </li> 
  102.                     </ul> 
  103.                 </div> 
  104.             </aside> 
  105.                 </div> 
  106.             <div class="show"> 
  107.                 <h2 class="a"></h2> 
  108.                 <ul> 
  109.                     <li><a href="###"><img src="pic/pro1.gif"  alt="" /><p>LOVE心形水晶</p><span class="price">¥ 168.00</span></a></li> 
  110.                     <li><a href="###"><img src="pic/pro1.gif"  alt="" /><p>只有你 纯银名字项链情侣款</p><span class="price">¥ 168.00</span></a></li> 
  111.                     <li><a href="###"><img src="pic/pro1.gif"  alt="" /><p>LOVE心形水晶</p><span class="price">¥ 168.00</span></a></li> 
  112.                     <li><a href="###"><img src="pic/pro1.gif"  alt="" /><p>只有你 纯银名字项链情侣款</p><span class="price">¥ 168.00</span></a></li> 
  113.                     <li><a href="###"><img src="pic/pro1.gif"  alt="" /><p>LOVE心形水晶</p><span class="price">¥ 168.00</span></a></li> 
  114.                 </ul> 
  115.             </div> 
  116.             </article> 
  117.         </section> 
  118.  
  119.     <!---wrapper-->  
  120.         <footer class="footer"> 
  121.          
  122.         </footer> 
  123.     </body> 
  124. </html>