网页大作业满屋花案例DW网页成品
成品图
网页代码
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <link rel="stylesheet" type="text/css" href="css/index.css"/> </head> <body> <div class="center"> <!--头部--> <div class="top"> <img src="img/banner.jpg" /> </div> <!--导航栏--> <div class="navlist"> <ul> <li>鲜花礼品</li> <li>自助订花</li> <li>绿色植物</li> <li>花之物语</li> <li>会员中心</li> <li>联系我们</li> <li>支付方式</li> </ul> </div> <!--内容--> <div class="content"> <!--左边列表--> <div class="contentleft"> <div class="login"> <img src="img/login.jpg" /> <form action="index.html" method="get"> <div class="logininput"> <label class="text">用户:</label> <input type="text" name="" id="" value="" class="txtinput" /> <br> <label class="text">密码:</label> <input type="password" name="" id="" value="" class="txtinput"/> <input type="submit" value="登录" class="btnlogin"/> <input type="submit" value="注册" class="btnlogin"/> <a href="#">忘记密码</a> </div> </form> <img src="img/category.jpg" /> <!--鲜花分类--> <div class="flowerlist"> <p>用途</p> <ul> <li>爱情鲜花</li> <li>生日送花</li> <li>新年献花</li> <li>家庭用花</li> <li>亲情用花</li> <li>道歉鲜花</li> <li>开业花篮</li> <li>会议用花</li> </ul> <br/> <p>花材</p> <ul> <li>玫瑰花</li> <li>百合花</li> <li>郁金香</li> <li>太阳花</li> <li>康乃馨</li> <li>马蹄莲</li> <li>扶郎</li> <li>剑兰</li> </ul> <br/> <p>价格</p> <ul> <li>100~200</li> <li>200~300</li> <li>300~400</li> <li>400~500</li> <li>500~600</li> <li>600~800</li> <li>800元以上</li> </ul> </div> </div> </div> <!--右边内容--> <div class="contentright"> <!--本站快讯--> <img src="img/latest.jpg"/> <div class="news"> <img src="img/new1.jpg"/> <img src="img/new2.jpg"/> <img src="img/new3.jpg"/> </div> <!--鲜花推荐--> <div class="remand"> <img src="img/recommend.jpg"/> <div class="rmd"> <img src="img/flower1.jpg"/> <img src="img/flower2.jpg"/> <img src="img/flower3.jpg"/> <img src="img/flower4.jpg"/> <img src="img/flower5.jpg"/> <img src="img/flower6.jpg"/> <img src="img/flower7.jpg"/> <img src="img/flower8.jpg"/> </div> </div> <!--新品上市--> <div class="remand"> <img src="img/new.jpg"/> <div class="rmd"> <img src="img/flower9.jpg"/> <img src="img/flower10.jpg"/> <img src="img/flower11.jpg"/> <img src="img/flower12.jpg"/> </div> </div> <!--鲜花导购--> <div class="remand"> <img src="img/tips.jpg"/> <div class="rmd"> <ul> <li>>各种鲜花所代表的含义</li> <li>>花的喜怒哀乐</li> <li>>氧化与养生之道</li> <li>>每天清晨的第一缕阳光</li> <li>>花香的味道</li> <li>>世界各地关于送花的习俗</li> <li>>种花与送花</li> <li>>手捧一束鲜花的等待</li> </ul> </div> </div> </div> </div> </div> </body> </html>
①本站所有成品淘宝购买需确认收货并好评后发货;
②所有作品如需修改需另加费用;
③所有作品没有任何人的姓名学校之类信息;
④请务必确认网页是您需要的,源码具有可复制性,所以无法退换!
⑤每份网页都可以更换内容,费用50元起,如需更换内容请联系客服!
dw网页设计 » 网页大作业满屋花案例DW网页成品
②所有作品如需修改需另加费用;
③所有作品没有任何人的姓名学校之类信息;
④请务必确认网页是您需要的,源码具有可复制性,所以无法退换!
⑤每份网页都可以更换内容,费用50元起,如需更换内容请联系客服!
dw网页设计 » 网页大作业满屋花案例DW网页成品