<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>蔚蓝网注册页面</title>
<link href="css/global.css" rel="stylesheet" />
<link href="css/layout.css" rel="stylesheet" />
<link href="css/template.css" rel="stylesheet" />
</head>
<body>
<header class="header_middle">
<div id="register_header">
<div class="register_header_left"><img src="images/logo.png" alt="logo"/></div>
<div class="register_header_right"><a href="index.html" class="blue">首页</a> | <a href="product.html" class="blue">商品展示页</a> | <a href="shopping.html" class="blue">购物车</a> | <a href="login.html" class="blue">登录</a></div>
</div>
</header>
<section id="main">
<div class="register_content">
<div class="register_mid_bg">用户注册</div>
<div class="register_message">
<form action="" method="post" id="myform">
<dl class="register_row">
<dt>Email地址:</dt>
<dd><input id="email" type="email" required="required" class="register_input"/></dd>
</dl>
<dl class="register_row">
<dt>设置昵称:</dt>
<dd><input id="nickName" type="text" class="register_input" required="required" pattern="[a-zA-Z0-9]{4,20}"/></dd>
</dl>
<dl class="register_row">
<dt>设定密码:</dt>
<dd><input id="pwd" type="password" class="register_input"required="required" pattern="[a-zA-Z0-9]{6,20}"/></dd>
</dl>
<dl class="register_row">
<dt>再输入一次密码:</dt>
<dd><input id="repwd" type="password" class="register_input"/></dd>
</dl>
<dl class="register_row">
<dt>性别:</dt>
<dd><input name="sex" id="man" type="radio" value="男" checked="checked"/> <label for="man">男</label></dd>
<dd> <input name="sex" id="woman" type="radio" value="女"/> <label for="woman">女</label></dd>
</dl>
<dl class="register_row">
<dt>所在地区:</dt>
<dd>
<select id="province" style="width:120px;">
<option>请选择省/城市</option>
</select>
</dd>
<dd>
<select id="city" style="width:130px;">
<option>请选择城市/地区</option>
</select>
</dd>
</dl>
<div class="registerBtn"><input id="registerBtn" type="image" src="images/register_btn_out.gif"/></div>
</form>
</div>
</div>
</section>
<!--网站版权部分开始-->
<footer id="footer">
<div class="footer_top"><a href="#" target="_parent" class="footer_dull_red">正版保障</a> | <a href="#" target="_parent" class="footer_dull_red">满额免运</a> | <a href="#" target="_parent" class="footer_dull_red">货到付款</a> | <a href="#" target="_parent" class="footer_dull_red">品种最全</a> | <a href="#" target="_parent" class="footer_dull_red">免费退换</a></div>
<div class="footer_end">Copyright (C) 蔚蓝网 2006-2016, All Rights Reserved <img src="images/validate.gif" alt="版权" style="vertical-align:middle;" /> 京ICP证100488号 出版物经营许可证 京批100160号</div>
</footer>
<script src="js/jquery-1.12.4.js"></script>
<script src="js/register.js"></script>
</body>
</html>
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>蔚蓝网商品展示页面</title>
<link href="css/global.css" rel="stylesheet"/>
<link href="css/layout.css" rel="stylesheet"/>
<link href="css/template.css" rel="stylesheet" />
</head>
<body>
<header id="header">
<div class="header_top">
<div class="header_top_left">您好!欢迎光临蔚蓝网 [<a href="login.html" target="_parent">登录</a> | <a href="register.html" target="_parent">免费注册</a>]</div>
<div class="header_top_right">
<ul>
<li><a href="#" target="_self">客户服务</a></li>
<li>|</li>
<li id="menu"><a href="#" target="_self">新手入门</a> <img src="images/arrow_down.gif" alt="arrow" />
<div id="dd_menu_top_down">
<a href="#" target="_self">购物保障</a><br />
<a href="#" target="_self">购物流程</a><br />
<a href="#" target="_self">会员介绍</a><br />
<a href="#" target="_self">常见问题</a><br />
</div>
</li>
<li>|</li>
<li><a href="#" target="_self">礼品卡</a></li>
<li>|</li>
<li><a href="#" target="_self">我的订单</a></li>
<li>|</li>
<li><a href="#" target="_self">我的账户</a></li>
<li>|</li>
<li><a href="shopping.html" target="_parent">购物车</a></li>
<li><img src="images/header_shop.gif" alt="shopping"/></li>
</ul>
</div>
</div>
</header>
<div class="header_middle">
<div class="logo"><img src="images/logo.png" alt="logo"/></div>
<div class="search"><input type="text" placeholder="请输入搜索关键字"><input type="button"></div>
</div>
<nav id="nav">
<ul>
<li><a href="#"> 全部商品分类</a></li>
<li><a href="#"> 首页</a></li>
<li><a href="#"> 图书</a></li>
<li><a href="#"> 特价</a></li>
<li><a href="#"> 团购</a></li>
</ul>
</nav>
<!--中间部分开始-->
<section id="main">
<div class="current_place">您现在的位置:<a href="index.html">蔚蓝图书</a> >> 小说 >> 财经</div>
<!--左侧菜单开始-->
<div id="product_left">
<div id="product_catList">
<div class="product_catList_top">浏览同级分类</div>
<div id="product_catList_class"><!--使用javaScript显示图书分类--></div>
</div>
<div class="product_catList_end">
<img src="images/product_01.gif" alt="shopping"/>
<img src="images/product_02.gif" alt="shopping"/>
</div>
</div>
<!--右侧内容开始-->
<div id="product_storyList">
<div id="product_storyList_top">
<ul>
<li>排序方式</li>
<li><img src="images/dd_arrow_right.gif" alt="arrow"/></li>
<li>
<select id="compositor">
<option>按销量 降序</option>
<option>按价格 升序</option>
<option>按价格 降序</option>
<option>按折扣 升序</option>
<option>按折扣 降序</option>
<option>按出版时间 升序</option>
<option>按出版时间 降序</option>
<option>按上架时间 升序</option>
<option>按上架时间 降序</option>
</select>
</li>
<li><img src="images/product_icon_01.gif" alt="icon"/></li>
<li><img src="images/product_icon_02.gif" alt="icon"/></li>
<li><img src="images/product_icon_03.gif" alt="icon"/></li>
<li><img src="images/product_icon_04.gif" alt="icon"/></li>
<li>每页显示的数量</li>
<li><img src="images/dd_arrow_right.gif" alt="arrow"/></li>
<li><img src="images/product_icon_20.gif" alt="icon"/></li>
<li><img src="images/product_icon_40.gif" alt="icon"/></li>
<li style="float:right; padding-right:10px;"><img src="images/product_page_down.gif" alt="icon"/></li>
<li style="float:right;">第1页</li>
<li style="float:right;"><img src="images/product_page_up.gif" alt="icon"/></li>
</ul>
</div>
<div id="product_array">
<a class="click" name="array" href="javascript:void(0)">列表</a>
<a name="bigImg" href="javascript:void(0)">大图</a>
</div>
<!--图书排列开始-->
<div id="product_storyList_content" class="product_storyList_content">
<div id="storyBooksssss"><!--使用javaScript显示图书列表--></div>
<!--列表开始-->
<div class="product_storyList_content_left"><img src="images/product_list_01.jpg" alt="图书列表"/></div>
<div class="product_storyList_content_right">
<ul>
<li class="product_storyList_content_dash"><a href="#" class="blue_14">私募(首部披露资本博弈秘密的金融小说)</a></li>
<li>顾客评分:<img src="images/star_red.gif" alt="star"/><img src="images/star_red.gif" alt="star"/><img src="images/star_red.gif" alt="star"/><img src="images/star_red.gif" alt="star"/><img src="images/star_gray.gif" alt="star"/></li>
<li>作 者:<a href="#" class="blue_14">郭现杰</a> 著</li>
<li>出版社:<a href="#" class="blue_14">花山文艺出版社</a></li>
<li>出版时间:2009年08月</li>
<li>数年前,在一次股市的多、空之战中,以赵云狄、林康为首的私募基金―金鼎投资,和以王雨龙为首的私募基金,达成锁仓协议分食利益。殊料,以王雨龙为首的私募基金―鑫利投资背信弃义,导致金鼎投资惨败。以至...</li>
<li>
<dl class="product_content_dd">
<dd><img src="images/product_buy_02.gif" alt="shopping"/></dd>
<dd><img src="images/product_buy_01.gif" alt="shopping"/></dd>
<dd>节省:¥13.10</dd>
<dd>折扣:<span>59折</span></dd>
<dd class="footer_dull_red"><span>¥18.90</span></dd>
<dd class="product_content_delete"><span>¥32.00</span></dd>
</dl>
</li>
</ul>
</div>
<div class="product_storyList_content_bottom"></div>
<!--列表开始-->
<div class="product_storyList_content_left"><img src="images/product_list_02.jpg" alt="图书列表"/></div>
<div class="product_storyList_content_right">
<ul>
<li class="product_storyList_content_dash"><a href="#" class="blue_14">圈子圈套.1.战局篇 </a></li>
<li>顾客评分:<img src="images/star_red.gif" alt="star"/><img src="images/star_red.gif" alt="star"/><img src="images/star_red.gif" alt="star"/><img src="images/star_red.gif" alt="star"/><img src="images/star_red2.gif" alt="star"/></li>
<li>作 者:<a href="#" class="blue_14">王强 </a> 著</li>
<li>出版社:<a href="#" class="blue_14">清华大学出版社</a></li>
<li>出版时间:2006年01月</li>
<li>虽然没有硝烟,却比战场更血腥;虽然并未战死,却比死亡更痛苦。 洪钧从一个底层的销售人员,成为一家著名的跨国公司的中国区代理首席代表,在即将被扶正,事业情感都志得意满的时候,掉入俞威设计的圈套,...</li>
<li>
<dl class="product_content_dd">
<dd><img src="images/product_buy_02.gif" alt="shopping"/></dd>
<dd><img src="images/product_buy_01.gif" alt="shopping"/></dd>
<dd>节省:¥8.90</dd>
<dd>折扣:<span>68折</span></dd>
<dd class="footer_dull_red"><span>¥19.10</span></dd>
<dd class="product_content_delete"><span>¥28.00</span></dd>
</dl>
</li>
</ul>
</div>
<div class="product_storyList_content_bottom"></div>
<!--列表开始-->
<div class="product_storyList_content_left"><img src="images/product_list_03.jpg" alt="图书列表"/></div>
<div class="product_storyList_content_right">
<ul>
<li class="product_storyList_content_dash"><a href="#" class="blue_14">饕餮(最真实的商场高端博弈小说) </a></li>
<li>顾客评分:<img src="images/star_red.gif" alt="star"/><img src="images/star_red.gif" alt="star"/><img src="images/star_red.gif" alt="star"/><img src="images/star_red.gif" alt="star"/><img src="images/star_red.gif" alt="star"/></li>
<li>作 者:<a href="#" class="blue_14">韦帕 </a> 著</li>
<li>出版社:<a href="#" class="blue_14">国际文化出版公司</a></li>
<li>出版时间:2009年07月</li>
<li>北京,六百公里处,有宝地,233亩,土地价值2.5亿,总投资额近八亿,利润近三亿。 项目吸引了众多北京房地产商目光,其中最贪婪的一道目光,来自顾忱。但顾忱,总资产不过千万!想拿项目,无异于“空手套...</li>
<li>
<dl class="product_content_dd">
<dd><img src="images/product_buy_02.gif" alt="shopping"/></dd>
<dd><img src="images/product_buy_01.gif" alt="shopping"/></dd>
<dd>节省:¥8.40</dd>
<dd>折扣:<span>74折</span></dd>
<dd class="footer_dull_red"><span>¥23.60</span></dd>
<dd class="product_content_delete"><span>¥32.00</span></dd>
</dl>
</li>
</ul>
</div>
<div class="product_storyList_content_bottom"></div>
<!--列表开始-->
<div class="product_storyList_content_left"><img src="images/product_list_04.jpg" alt="图书列表"/></div>
<div class="product_storyList_content_right">
<ul>
<li class="product_storyList_content_dash"><a href="#" class="blue_14">圈子圈套 迷局篇2:职场商战三部曲 </a></li>
<li>顾客评分:<img src="images/star_red.gif" alt="star"/><img src="images/star_red.gif" alt="star"/><img src="images/star_red.gif" alt="star"/><img src="images/star_red.gif" alt="star"/><img src="images/star_red.gif" alt="star"/></li>
<li>作 者:<a href="#" class="blue_14">王强 </a> 著</li>
<li>出版社:<a href="#" class="blue_14">长江文艺出版社</a></li>
<li>出版时间:2006年08月</li>
<li>《圈子圈套2・迷局篇》是“圈子圈套三部曲”的第二部。 职场风云再起。洪钧出任维西尔中国区总经理,他和俞威之间的较量又或明或暗地展开来,面对内部的纷争和商场上的尔虞我诈,他该如何出招……俞威依...</li>
<li>
<dl class="product_content_dd">
<dd><img src="images/product_buy_02.gif" alt="shopping"/></dd>
<dd><img src="images/product_buy_01.gif" alt="shopping"/></dd>
<dd>节省:¥11.4</dd>
<dd>折扣:<span>59折</span></dd>
<dd class="footer_dull_red"><span>¥16.60</span></dd>
<dd class="product_content_delete"><span>¥28.00</span></dd>
</dl>
</li>
</ul>
</div>
<div class="product_storyList_content_bottom"></div>
<!--列表开始-->
<div class="product_storyList_content_left"><img src="images/product_list_05.jpg" alt="图书列表"/></div>
<div class="product_storyList_content_right">
<ul>
<li class="product_storyList_content_dash"><a href="#" class="blue_14">圈子圈套3.终局篇(附赠王强演讲光盘) </a></li>
<li>顾客评分:<img src="images/star_red.gif" alt="star"/><img src="images/star_red.gif" alt="star"/><img src="images/star_red.gif" alt="star"/><img src="images/star_red.gif" alt="star"/><img src="images/star_gray.gif" alt="star"/></li>
<li>作 者:<a href="#" class="blue_14">王强 </a> 著</li>
<li>出版社:<a href="#" class="blue_14">长江文艺出版社</a></li>
<li>出版时间:2007年10月</li>
<li>本书全景展示了商场和职场的生死厮杀、巅峰对决。主人公的命运、项目结局、所有的爱恨情仇都在本书中揭开谜底。 再次陷入低谷的洪钧在内忧外患中不甘消沉,在职场上和自己的上司明争暗斗,在商场上则和夙...</li>
<li>
<dl class="product_content_dd">
<dd><img src="images/product_buy_02.gif" alt="shopping"/></dd>
<dd><img src="images/product_buy_01.gif" alt="shopping"/></dd>
<dd>节省:¥13.10</dd>
<dd>折扣:<span>59折</span></dd>
<dd class="footer_dull_red"><span>¥18.9</span></dd>
<dd class="product_content_delete"><span>¥32.00</span></dd>
</dl>
</li>
</ul>
</div>
<div class="product_storyList_content_bottom"></div>
<div>
<dl class="product_content_dd">
<dd><img src="images/OK.gif" alt="ok"/></dd>
<dd>页</dd>
<dd><input name="page" type="text" value="1" style="width:20px;"/></dd>
<dd>跳转到第</dd>
<dd><img src="images/next.gif" alt="ok"/></dd>
<dd>
<ul id="product_page">
<li><a href="#" class="product_page">1</a></li>
<li><a href="#" class="product_page">2</a></li>
<li> <a href="#" class="product_page">3</a></li>
<li> ...</li>
<li><a href="#" class="product_page">14</a></li>
<li><a href="#" class="product_page">15</a></li>
<li><a href="#" class="product_page">16</a></li>
</ul>
</dd>
<dd><img src="images/product_page_up.gif" alt="ok"/></dd>
</dl>
</div>
</div>
</div>
<!--右侧内容结束-->
</section>
<!--网站版权部分开始-->
<footer id="footer">
<div class="footer_top"><a href="#" target="_parent" class="footer_dull_red">正版保障</a> | <a href="#" target="_parent" class="footer_dull_red">满额免运</a> | <a href="#" target="_parent" class="footer_dull_red">货到付款</a> | <a href="#" target="_parent" class="footer_dull_red">品种最全</a> | <a href="#" target="_parent" class="footer_dull_red">免费退换</a></div>
<div class="footer_end">Copyright (C) 蔚蓝网 2006-2016, All Rights Reserved <img src="images/validate.gif" alt="版权" style="vertical-align:middle;" /> 京ICP证100488号 出版物经营许可证 京批100160号</div>
</footer>
<script src="js/jquery-1.12.4.js"></script>
<script src="js/product.js"></script>
<script src="js/header.js"></script>
</body>
</html>