This repository has been archived by the owner on Oct 20, 2023. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
254 lines (250 loc) · 12.8 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>0174815许伟</title>
<link href="style.css" rel="stylesheet" type="text/css">
<meta name="author" content="张书明">
<meta name="keywords" content="书店，叮叮书店，图书">
<meta name="description" content="叮叮书店是一个销售书籍的网上书店。">
<meta name="robots" content="index,follow">
<script type="text/javascript" src="js/main.js"></script>
</head>
<body>
<div id="adv1"><a href="#"><img src="./images/adv1.gif" alt="广告"></a></div>
<div id="close1"><img src="./images/close1.jpg" alt="关闭"></div>
<div id="advr"><a href="#"><img src="./images/adv1.gif" alt="广告"></a></div>
<div id="closer"><img src="./images/close1.jpg" alt="关闭"></div>
<!--页眉-->
<div id="header-wrapper"></div>
<!--网站 LOGO-->
<header class="container" id="advaddr">
<div id="logo">
<a href="index.html">
<h1>叮叮书店</h1>
</a>
</div>
<div id="search">
<form action="index.html" method="GET">
<input type="search" placeholder="站内搜索"><input type="submit" value="搜索">
</form>
</div>
</header>
<!--导航菜单-->
<div id="nav">
<nav class="contianer">
<ul>
<li><a href="index.html">首页</a></li>
<li><a href="category.html">书籍分类</a>
<ul>
<li><a href="#">编程语言</a></li>
<li><a href="#">数据库</a></li>
<li><a href="#">图形图像</a></li>
</ul>
</li>
<li><a href="specials.html">特刊降价</a></li>
<li><a href="contact.html">联系我们</a></li>
<li><a href="about.html">关于我们</a></li>
</ul>
<div id="displaydate"></div>
<div id="displaytime"></div>
<div id="menu-logo">
<a href="cart.html">购物车</a>
</div>
</nav>
</div>
<!--内容-->
<div id="content-wrapper" class="container">
<!--左边内容区-->
<article>
<!--图片切换广告-->
<div id="adv">
<dl>
<dt><a href="#" id="a1">1</a><a href="#" id="a2">2</a><a href="#" id="a3">3</a><a href="#" id="a4">4</a></dt>
<dd><a href="#"><img src="images/b-ad1.jpg" id="badimg" alt="广告" /></a></dd>
</dl>
</div>
<!--本周推荐-->
<section>
<h2 id="title1">本周推荐</h2>
<section class="recommand">
<h3>《HTML5权威指南》</h3>
<a href="#"><img src="images/prod2.jpg" alt="HTML5权威指南" title="0174815许伟"></a>
<div class="recommand-content">
<p>作为下一代Web标准
<mark>HTML5</mark>
致力于为互联网开发者搭建更加便捷、开放的沟通平台。业界普遍认为，在未来几年内，
<mark>HTML5</mark>
无疑成为移动互联网领域的主宰者。本书是系统学习网页设计和移动设计的参考图书。
</p>
<p>Adam Freeman,曾在多家名企担任高级职务，现为畅销技术图书作家，著有多部C#、.NET
和Java方面的大部分作品。其中《ASP.NET 4高级程序设计（第4版）》、《精通ASP.NET MVC
3框架（第3版）》销量均在同品种中名列前茅，倍受读者推崇。Freeman专门为网页设计
开发新手和网页设计师打造大经典参考书，这本书秉承作者的一贯风格，幽默风趣、简约凝练、
逻辑性强，是广大Web开发人员的必读经典。</p>
</div>
<div class="cartmore">
<a class="cart" href="cart.html">加入购物车</a> <a class="more" href="more.html">详细内容</a>
</div>
</section>
<section class="recommand">
<h3>《JavaScript权威指南》</h3>
<a href="#"><img src="images/prod3.jpg" alt="JavaScript权威指南" title="0174815许伟"></a>
<div class-"recommand-content">
<p>经典的JavaScript工具书，从1996年以来，本书已经成为JavaScript程序员心中的《圣经》。</p>
<p>David Flanagan,是一名程序员，也是一名作家。他在O'Reilly出版的其他销售书还包括
《JavaScript Pocket Reference》、《The Ruby Programing Language》、以及《Java in
a Nutshell》。David毕业于麻省理工学院，获得计算机科学与工程学位。他和妻子和孩子一起生活
在西雅图和温哥华之间的美国太平洋西北海岸。
</p>
</div>
<div class="cartcore">
<a class="cart" href="cart.html">加入购物车</a> <a class="more" href="more.html">详细内容</a>
</div>
</section>
</section>
<!--最近新书-->
<section class="article-section">
<h2 id="title2">最近新书</h2>
<section>
<h3>《HTML5+CSS从入门到精通》</h3>
<div class="effect-1">
<div class="image-box">
<img src="images/prod4.jpg" alt="HTML5+CSS3从入门到精通" title="0174815许伟">
</div>
<div class="text+desc">
<h3>《HTML5+CSS3从入门到精通》</h3>
<p>
《<mark>HTML5</mark>+CSS3从入门到精通》通过基础知识+中小案例+综合实例的方式，
讲述了用<mark>HTML5</mark>+CSS3设计构建网站的必备知识，相对于权威指南、高级
程序设计、开发指南同类图书，本书是一本适合快速入手的自学教程
</p>
<a class="btn" href="cart.html">加入购物车</a> <a class="btn" href="details.html">详细内容</a>
</div>
</div>
</section>
<section>
<h3>《响应式Web设计》</h3>
<div class="image-box">
<img src="images/prod5.jpg" alt="响应式Web设计" title="0174815许伟">
</div>
<div class="text-desc">
<h3>《响应式Web设计》</h3>
<p>
《响应式Web设计：<mark>HTML5</mark>和CSS3实战》将当前Web设计中热门的响应式设计技术
与<mark>HTML5</mark>和CSS3结合起来，为读者全面深入地讲解了针对各种屏幕大小设计和开发
现代网站的各种技术。《响应式Web设计：<mark>HTML5</mark>和CSS3实战》适合各个层面的Web
开发和设计人员阅读。
</p>
<a class="btn" href="cart.html">加入购物车</a> <a class="btn" href="details.html">详细内容</a>
</div>
</section>
</section>
<!--最近促销-->
<section class="article-section">
<h2 id="title3">最近促销</h2>
<section>
<h3>《HTML5和CSS3实例教程》</h3>
<a href="#"><img class="promotion" src="images/prod1.jpg" alt="HTML5和CSS3实例教程" title="0174815许伟"></a>
<div>
<a class="cart" href="cart.html">加入购物车</a>
</div>
</section>
<section>
<h3>《JavaScript权威指南》</h3>
<a href="#"><img class="promotion" src="images/prod3.jpg" alt="JavaScript权威指南" title="0174815许伟"></a>
<div>
<a class="cart" href="cart.html">加入购物车</a> <a class="more" href="more.html">详细内容</a>
</div>
</section>
</section>
</article><!--右边边栏区--><aside>
<!--广告区-->
<section id="advert">
<a href="#"><img src="images/ad1.jpg" alt="广告" title="0174815许伟"></a>
<a href="#"><img src="images/ad2.jpg" alt="广告" title="0174815许伟"></a>
<a href="#"><img src="images/ad3.jpg" alt="广告" title="0174815许伟"></a>
</section>
<div class="border"><img src="images/border.gif" alt="分隔线" title="0174815许伟"></div>
<!--畅销图书-->
<section id="best-selling">
<h2 id="title7">畅销图书</h2>
<ul>
<li><a class="selling" herf="#">查令十字街84号（珍藏版）（汤唯、吴秀波主演北京遇上西雅图2）</a>
<div class="curr">
<div class="p-img">
<a title="查令十字街84号（珍藏版）（汤唯、吴秀波主演北京遇上西雅图2）" href="#"><img width="80" height="80" src="images/selling1.jpg" title="0174815"></a>
</div>
<div class="p-name">
<a title="查令十字街84号（珍藏版）（汤唯、吴秀波主演北京遇上西雅图2）" href="#">查令十字街84号（珍藏版）（汤唯、吴秀波主演北京遇上西雅图2）</a>
<strong>￥43.50</strong>
<del>￥52.00</del>
</div>
</div>
</li>
<li><a class="selling" href="#">分享经济 供给侧改革的新经济方案</a>
<div class="curr">
<div class="p-imag">
<a title="分享经济 供给侧改革的新经济方案" href="#"><img width="80" height="80" src="images/selling2.jpg" title="0174815"></a>
</div>
<div class="p-name">
<a title="分享经济 供给侧改革的新经济方案" href="#">分享经济 供给侧改革的新经济方案</a>
<strong >￥43.50</strong>
<del>￥52.00</del>
</div>
</div>
</li>
</ul>
</section>
<div class="border"><img src="images/border.gif" alt="分隔线" title="0174815许伟"></div>
<!--图书分类-->
<section class="aside-section">
<h2 id="title4">图书分类</h2>
<ul>
<li><a href="category.html">编程语言</a></li>
<li><a href="category.html">数据库</a></li>
<li><a href="category.html">图形图像</a></li>
<li><a href="category.html">网页制作</a></li>
<li><a href="category.html">考试认证</a></li>
</ul>
</section>
<!--合作伙伴-->
<section id="aside-section">
<h2 id="title5">合作伙伴</h2>
<ul>
<li><a href="#">中国电子商务研究中心</a></li>
<li><a href="#">清华大学出版社</a></li>
<li><a href="#">中国人民出版社</a></li>
<li><a href="#">中国社会科学出版社</a></li>
</ul>
</section>
<div class="border"><img src="images/border.gif" alt="分隔线" title="0174815许伟"></div>
<!--关于书店-->
<section class="about">
<h2 id="title6">关于书店</h2>
<img src="images/about.gif" alt="叮叮书店" title="0174815许伟">
<p>
叮叮书店成立于2010年6月，是由教育部主管、清华大学主办的综合出版单位。植根于“清华”这座久负盛名
的高等学府，秉承于清华人“自强不息，厚德载物”的人文精神。
</p>
</section>
</aside>
</div>
<!--页脚-->
<div id="footer-wrapper">
<footer class="container">
<section>
<a href="index.html">首页</a> <a href="about.html">关于我们</a> <a href="#">服务条款</a> <a href="#">隐私策略</a> <a href="#">联系我们</a>
</section>
</footer>
</div>
<!--版权标志-->
<section id="copyright" class="container">
copyright (C) <a herf="index.html">叮叮书店</a> 2016-2018， ALL Rights Reserved | 京ICP证000001号音像制品经营许可证
<address>
通讯地址：清华大学学研大厦A座 读者服务部 电话：(010)62781733 网管信箱
</address>
</section>
</body>
</html>