移动互联网时代，前端工程师经常面临如何在PC端和各种移动平台间跨平台开发的问题。针对这个问题，《HTML5+CSS+JavaScript网页布局从入门到精通》在研究分析当前应用开发解决方案和主流技术的基础上，提出一种跨平台的前端应用方案，即利用支持标准 HTML5、CSS和JavaScript 的跨平台前端框架开发。《HTML5+CSS+JavaScript网页布局从入门到精通》按从基础到开发大型平台前端的思路，介绍了如何使用HTML5+CSS+JavaScript布局网页的方法。以大型电商平台作为前端开发的案例，按从入门到高级商业产品应用的开发思路进行讲解，让读者通过书中的内容即可成为一名名副其实的前端开发工程师。《HTML5+CSS+JavaScript网页布局从入门到精通》内容丰富、结构清晰，注重商业应用思维的训练与实践应用，向读者提供了Web前端开发的基础知识、开发技术、动画特效的制作方法，适合初、中级网页设计爱好者，Web前端工程师，以及希望对原有网站进行重构的网页设计者使用，也可以作为高等院校相关专业和相关培训机构的教学用书。

本书是畅销套系“金牌网站设计师”系列的一本新产品，针对目前就业市场上抢手的前端开发工程师编写，书中内容融入了作者十余年网络开发的实践经验与技巧，所有案例均来自真实的商业案例，还免费提供全部源代码和教学电子课件，既适合自学，也适合相关专业院校或培训机构的老师教学，是一本不可多得的前端开发宝典，可以帮助读者快速掌握主流的前端开发技能，轻松获得就业岗位，成为IT精英。

陈益材，现任中公教育教学研发研究院院长，兼任中国互联网信用中心技术总监，拥有十多年的互联网技术开发与营销经验，精通网站的前端布局设计、网站的策划运营。创办环博文化IT出版品牌，策划并辅助过近百家企业网站的建立与营销推广。王志晓，工学博士，IEEE会员、CCF会员，现为西安理工大学教师，具有计算机网络、Web技术、网络通信协议分析等课程的多年教学和实践经验；于2010年9月至2011年7月获欧盟伊拉斯谟计划资助，赴德国哥廷根大学学习交流，并进行合作研究。

前言第1章 HTML5基础知识11.1 HTML文档基本结构21.1.1 HTML文档编辑器21.1.2 HTML文档类型21.1.3 HTML文档标准结构51.2 HTML标签、元素和属性61.2.1 HTML标签的概念61.2.2 元素和元素形式71.2.3 属性的定义81.2.4 大小写规范91.3 常用HTML5标签91.3.1 基础标签91.3.2 格式标签111.3.3 表单标签131.3.4 框架标签241.3.5 图像标签241.3.6 音/视频标签271.3.7 链接标签311.3.8 列表标签321.3.9 表格标签341.3.10 样式/节标签351.3.11 元信息标签381.3.12 编程标签40第2章 CSS基本语法和应用422.1 CSS层叠样式表432.1.1 CSS的作用、类型与冲突432.1.2 编辑CSS层叠样式表442.1.3 在HTML文档中应用CSS的方法462.2 CSS的基本语法492.2.1 CSS的3种选择器502.2.2 选择器的声明542.2.3 CSS样式继承562.2.4 使用CSS注释582.3 CSS盒模型控制582.3.1 CSS盒模型概念582.3.2 外边距margin的控制602.3.3 边框border的样式设置622.3.4 内边距padding的设置64第3章 DIV+CSS网页基础布局663.1 div元素的基础知识673.1.1 div标签控制方法673.1.2 HTML中的元素693.1.3 元素的样式设置703.2 DIV+CSS基础布局723.2.1 网页宽度的设置723.2.2 水平居中的设置733.2.3 div的嵌套设置753.2.4 div的浮动方法763.2.5 网页布局的实例813.3 列表元素布局843.3.1 列表元素布局导航843.3.2 导航条的超链接853.3.3 导航条的互动设计873.4 元素的非常规定位方式883.4.1 CSS绝对定位883.4.2 CSS固定定位903.4.3 CSS相对定位923.4.4 CSS程序的简化93第4章 JavaScript编程应用基础954.1 成功网站的特点和嵌入网页的动画技术964.1.1 成功网站所具备的特点964.1.2 嵌入网页的动画技术974.2 JavaScript应用基础1004.2.1 JavaScript的特点1004.2.2 在网页中嵌入JavaScript1014.3 JavaScript的图片轮播应用1024.3.1 设计首页的版面1034.3.2 创建和编辑站点1054.3.3 使用DIV+CSS布局网页1054.3.4 使用动画技术111第5章 Photoshop网页设计与应用1175.1 网站的策划准备工作1185.1.1 网站建设前期的总体策划1185.1.2 定位网站的主题1185.1.3 拟定网站访问群体1195.2 网站策划的重点1195.2.1 网站栏目的设计1205.2.2 网站VI形象的定位1205.2.3 网站设计的宣传标语1225.2.4 网站框架的确定1235.2.5 网站资料的收集1245.2.6 网站制作的注意事项1245.3 网页设计全程实例1255.3.1 首页版式的设计分析1265.3.2 网站首页的大小设计1275.3.3 页面框架的搭建1285.3.4 设计Banner图片1295.3.5 小导航的制作1305.3.6 大导航的制作1305.3.7 版权的设计1315.3.8 内容的设计1335.3.9 友情链接133第6章 HTML5+CSS布局网页1356.1 网站首页的布局设计1366.1.1 首页图片的切片1366.1.2 调节网页图片1396.1.3 创建站点1426.2 使用HTML5+CSS布局网页1436.2.1 布局的整体规划1436.2.2 首页的HTML5布局1446.2.3 CSS的样式美化1466.2.4 HTML5兼容IE的设置148第7章 电子商城首页布局1507.1 电子商城系统规划1517.1.1 网站整体布局规划1517.1.2 建立网站的本地站点1517.1.3 商城首页布局分析1547.2 首页布局基础功能1567.2.1 重置样式表global.css1567.2.2 跨平台自适应网页宽度1597.2.3 链接样式表和JavaScript1607.2.4 布局小导航功能1607.2.5 搜索功能的布局设计1647.2.6 大导航和二级菜单1677.2.7 制作首页图片的轮播1727.3 功能模块的首页布局1767.3.1 市场精选频道设计1777.3.2 特价商品和品牌馆1787.3.3 版权内容排版布局180第8章 用户管理系统布局1818.1 用户管理系统的规划1828.1.1 系统结构设计1828.1.2 页面规划设计1828.2 用户注册功能的布局1838.2.1 用户注册页面DIV1838.2.2 CSS样式设计1878.2.3 表单的交互验证1898.3 用户登录模块的设计2018.3.1 登录页面的设计2018.3.2 登录成功个人页面2048.4 找回密码的布局2058.4.1 确认用户的页面2068.4.2 选择找回方式2088.4.3 修改和找回密码212第9章 购物车系统布局2159.1 购物车系统规划2169.1.1 购物车系统功能2169.1.2 购物车系统流程2179.1.3 系统结构设计2199.1.4 页面规划设计2209.2 产品前台展示功能2209.2.1 产品列表页.html2219.2.2 产品详情页.html2279.3 购物车下订单功能2359.3.1 购物车.html2369.3.2 确认订单.html2479.3.3 付款.html2509.3.4 完成.html253