定 价:33 元
丛书名:高职高专“工作过程导向”新理念教材·计算机系列
- 作者:汤明伟,崔蓬,何隽,郑伟 编
- 出版时间:2015/2/1
- ISBN:9787302387831
- 出 版 社:清华大学出版社
- 中图法分类:TP312
- 页码:232
- 纸张:胶版纸
- 版次:1
- 开本:16K
本书以Web前端开发的岗位需求和行业开发规范为基础,以电子商务网站“叮当网上书店”为导入项目,按照“项目导入,任务驱动”的教学模式,基于岗位的工作过程精心组织和安排教学内容。本书内容由4个任务阶段组成: 网站的前期准备、网站的结构架设、网站的效果设计和网站的人机交互。本书的重点在于采用XHTML、CSS和jQuery等前端技术进行网站的开发、设计,本书的难点在于浏览器的兼容性设计。
本书将Web前端开发技术的知识和技能有机地融入各个任务中,读者通过项目任务的逐步实施,在学中做,在做中学。本书可作为高职高专院校相关专业的教材,也可作为网站设计师、Web前端开发工程师、UI设计工程师等网站设计与开发人员的参考书。
第一阶段网站的前期准备
任务1“叮当网上书店”项目需求分析
1.1任务描述
1.2相关知识
1.2.1什么是Web标准
1.2.2Web标准的历史
1.2.3Web标准的构成
1.2.4网站项目需求分析的流程
1.3任务实现
1.3.1页面级设计需求
1.3.2网站功能级的需求
1.4任务拓展
1.5任务小结
1.6能力评估
任务2“叮当网上书店”前台版面设计稿
2.1任务描述
2.2相关知识
2.2.1网站常用的布局结构
2.2.2网站常用的页面版式
2.3任务实现
2.3.1“叮当网上书店”首页版面设计稿
2.3.2“叮当网上书店”登录页版面设计稿
2.3.3“叮当网上书店”图书分类页版面设计稿
2.3.4“叮当网上书店”购物车页版面设计稿
2.4任务拓展
2.4.1“叮当网上书店”注册页版面设计稿
2.4.2“叮当网上书店”图书详细页版面设计
2.5任务小结
2.6能力评估
任务3“叮当网上书店”图片素材设计
3.1任务描述
3.2相关知识
3.2.1Photoshop工作环境
3.2.2像素与分辨率
3.2.3位图和矢量图
3.2.4图像的颜色模式
3.2.5图像的格式
3.2.6图层
3.2.7Photoshop常用工具
3.2.8参考线
3.2.9Photoshop与GIF动画
3.2.10蒙版
3.3任务实施
3.3.1“叮当网上书店”Logo制作
3.3.2“购买”按钮图片制作
3.3.3头部高级搜索按钮背景的制作
3.3.4导航按钮背景图片制作
3.3.5分类导航条背景的制作
3.3.6GIF动画设计制作
3.3.7蒙版Banner图制作
3.4任务拓展
3.5任务小结
3.6能力评估
第二阶段网站的结构架设
任务4“叮当网上书店”项目建站
4.1任务描述
4.2相关知识
4.2.1Dreamweaver CS6工作环境
4.2.2什么是XHTML
4.2.3XHTML文件结构
4.2.4DTD文件
4.2.5XHTML编码规则
4.2.6头部标签head
4.3任务实现
4.3.1“叮当网上书店”项目建站
4.3.2“叮当网上书店”新建首页
4.4任务拓展
4.4.1SEO——让你的网站排名靠前
4.4.2head三标签SEO
4.5任务小结
4.6能力评估
任务5“叮当网上书店”页面框架结构
5.1任务描述
5.2相关知识
5.2.1div标签
5.2.2span标签
5.3任务实施
5.3.1“叮当网上书店”首页XHTML框架结构
5.3.2“叮当网上书店”购物车页XHTML框架结构
5.4任务拓展
5.4.1“叮当网上书店”登录页XHTML框架结构
5.4.2“叮当网上书店”注册页XHTML框架结构
5.4.3“叮当网上书店”图书分类页XHTML框架结构
5.4.4“叮当网上书店”图书详细页XHTML框架结构
5.5任务小结
5.6能力评估
任务6“叮当网上书店”首页总体结构
6.1任务描述
6.2相关知识
6.2.1插入图片——img标签
6.2.2列表——ul、ol和li标签
6.2.3超链接——a标签
6.2.4表单类标签
6.2.5hn和p标签
6.3任务实现
6.3.1首页header区域XHTML模块结构
6.3.2首页search区域XHTML模块结构
6.3.3首页中间left区域XHTML模块结构
6.3.4首页中间right区域XHTML模块结构
6.3.5首页中间center区域XHTML模块结构
6.3.6首页footer区域XHTML模块结构
6.4任务拓展
6.4.1图书分类页XHTML总体结构
6.4.2图书详细页XHTML总体结构
6.4.3登录页XHTML总体结构
6.5任务小结
6.6能力评估
任务7“叮当网上书店”购物车页整体结构
7.1任务描述
7.2相关知识
7.2.1table、tr、th和td标签
7.2.2thead、tbody和tfoot标签
7.3任务实现
7.3.1购物车主体部分整体结构
7.3.2标题shoppingtitle结构
7.3.3表头shoppingtabletop结构
7.3.4中间表格区shoppingtablecenter结构
7.3.5底部shoppingtablefooter结构
7.4任务拓展
7.4.1注册页XHTML总体结构
7.4.2登录页XHTML总体结构
7.5任务小结
7.6能力评估
第三阶段网站的效果设计
任务8“叮当网上书店”页面布局与定位
8.1任务描述
8.2相关知识
8.2.1CSS样式表
8.2.2应用CSS到网页中
8.2.3盒子模型
8.2.4浮动布局
8.2.5定位布局
8.3任务实施
8.3.1首页布局与定位
8.3.2图书分类页布局与定位
8.3.3购物车页布局与定位
8.4任务拓展
8.5任务小结
8.6能力评估
任务9“叮当网上书店”首页navlink区样式
9.1任务描述
9.2相关知识
9.2.1使用列表元素
9.2.2背景控制
9.2.3文本与段落样式
9.2.4超链接样式控制
9.3任务实施
9.3.1首页navlink区Logo图片样式
9.3.2首页navlink区导航菜单样式
9.3.3首页navlink区用户快速导航样式
9.4任务拓展
9.5任务小结
9.6能力评估
任务10“叮当网上书店”首页search区样式
10.1任务描述
10.2相关知识
10.2.1圆角背景控制
10.2.2表单UI设计效果
10.3任务实施
10.3.1首页search区圆角背景样式
10.3.2首页search区表单设计样式
10.4任务拓展
10.4.1首页main_left、main_right两侧样式
10.4.2首页main_right用户登录区样式
10.4.3用户注册页样式
10.4.4用户登录页样式
10.5任务小结
10.6能力评估
任务11“叮当网上书店”首页main_center区样式
11.1任务描述
11.2相关知识
11.2.1CSS缩写
11.2.2CSS Hack技术
11.2.3ul的不同表现
11.2.4容器不扩展问题
11.3任务实施
11.3.1首页main_center区主编推荐区样式
11.3.2首页main_center区本月新出版区样式
11.4任务拓展
11.4.1首页main_center区媒体热点区样式
11.4.2首页footer区样式
11.5任务小结
11.6能力评估
任务12“叮当网上书店”购物车页样式
12.1任务描述
12.2相关知识
12.2.1细线表格
12.2.2表格隔行变色
12.3任务实施
12.3.1购物车页表格列表效果
12.3.2购物车页表格隔行变色效果
12.4任务拓展
12.4.1用户登录页样式
12.4.2用户注册页样式
12.5任务小结
12.6能力评估
第四阶段网站的人机交互
任务13“叮当网上书店”表单验证交互
13.1任务描述
13.2相关知识
13.2.1jQuery概述
13.2.2jQuery文件下载
13.2.3jQuery验证函数
13.2.4jQuery验证代码结构
13.2.5jQuery样式效果
13.3任务实施
13.3.1表单不为空的验证
13.3.2表单邮箱格式验证
13.3.3表单两次密码相同验证
13.4任务拓展
13.4.1用户自定义jQuery方法验证
13.4.2采用jQuery和Ajax实现无刷新验证
13.5任务小结
13.6能力评估
参考文献