Web前端开发项目化教程


Web前端开发项目化教程

文章插图
Web前端开发项目化教程【Web前端开发项目化教程】《Web前端开发项目化教程》是2015年清华大学出版社出版的图书,作者是汤明伟 。
基本介绍书名:Web前端开发项目化教程
作者:汤明伟
ISBN:9787302387831
定价:33元
出版社:清华大学出版社
出版时间:2015年02月
装帧:平装
内容简介本书内容由4个任务阶段组成: 网站的前期準备、网站的结构架设、网站的效果设计和网站的人机互动 。本书的重点在于採用XHTML、CSS和jQuery等前端技术进行网站的开发、设计,本书的难点在于浏览器的兼容性设计 。图书目录第一阶段网站的前期準备任务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.1DreamweaverCS6工作环境4.2.2什幺是XHTML4.2.3XHTML档案结构4.2.4DTD档案4.2.5XHTML编码规则4.2.6头部标籤head4.3任务实现4.3.1“叮噹网上书店”项目建站4.3.2“叮噹网上书店”新建首页4.4任务拓展4.4.1SEO——让你的网站排名靠前4.4.2head三标籤SEO4.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能力评估参考文献