. . . .
图书商店图书列表-综合项目
第一部分 案例描述
案例目的
学习使用Html静态页面技术，掌握css样式表的使用。用JavaScript脚本实现页面动态效果
案例难度
★★★
系统中着重使用了html中的基本元素，以及用css样式表控制页面布局和用JavaScript脚本实现页面中拖拽效果。
案例覆盖技能点
a) Html基本元素 b) Css样式表
c) JavaScript编程基础 d) Dom模型 e) jQuery基础
推荐案例完成时间
5天
适用课程和对象
Html、css样式、JavaScript
第二部分 需求和开发环境
案例需求
随着网络的发展，足不出户便能够从网上购买物品。网上书店更成为网上购物的重头戏。当当等网上书店在纳斯达克成功上市，更使得人们对网上书店的盈利信心满满。更好的用户体验成为网上商城的技术中心。为了实现更好的用户体验，ajax等技术应运而生。
. . . . .
. . . .
本项目针对网上图书列表实现分页、排序等功能。采用jQuery库、JavaScript等技术。
使用技术和开发环境
使用技术：Html、Css、jQuery库、JavaScript 开发环境：Dreamweaver
第三部分 功能点介绍
功能点介绍
显示图书列表，页面整体效果图如下：
. . . . .
. . . .
图 1-9 页面整体效果
每页图书容不能过长，所以采用分页效果，将图书列表分页显示，效果图如下：
. . . . .
. . . .
图 1-10 分页效果
图书列表排序：点击列表上方的类别，可以按照不同分类排序（升序/降序），效果图如下：
. . . . .
. . . .
图 1-10 按照标题排序
第四部分 考核评价点
号 1 2 2 3 序功能列表 功能描述 分数 说明 难度 页面图书列表布局 分页功能 排序功能 使用css样用表格显示图书列表 实现分页 实现升序、降序功能 20 30 30 20 必做 必做 必做 必做 ★★ ★★★ ★★★ ★★ 用样式表控制页面显示 . . . . .
网上书店图书显示--综合项目
