本书分为技能知识篇和综合项目实战篇，共10个项目。项目一至项目九为技能知识篇，主要介绍HTML5+CSS3+Javascript前端技术基础知识，具体包括初识HTML5、网站搭建与管理、构建HTML5网页文件、CSS3新样式修饰网页、盒子模型、元素的浮动与定位、网页布局技术、网页表单的应用、跨平台响应式技术。项目涉及的主要知识点和技能点包括:网站开发环境的选取和配置、常见标记和样式属性的使用、 CSS和各种选择器的使用、DIV+CSS 页面布局的用法、网格布局和弹性盒布局的使用、各类导航菜单的制作、表格及表单用法、HTML5 的视频与音频插入、JavaScript 轮播图的制作等。？

      Web前端开发工程师的工作任务之一就是使用HTML和 CSS将网页效果图转化为代码，制作出“静态网页”。本书为高等职业院校“双高计划”建设教材，从开发人员的角度入手，全面介绍了制作符合Web标准的网页所需的知识。
      本书基于项目教学的理念，将一个典型网站的实现过程分解成若干子任务。每个子任务的讲解围绕情境导入、任务提出、学习目标、相关知识、项目实践、小结、课后习题等几部分展开。通过这些内容的前后衔接，层层递进，让读者在完成任务的过程中自然而然地学到网页制作中的各项知识和技能。
       本书具有以下特色：
       1.以网站前端页面的开发为主线，采用边讲边练的方式，配有大量的实用案例，并基于开发过程组织教学内容，配图丰富，效果直观，理论和实践深度结合。
       2.本书整合所学理论知识，力求做到课证融通，并吸纳Web前端开发工程师职业标准所要求的知识技能，秉承立德树人的教学理念，将思政元素润物细无声地融入教材中。
      3.本书每个项目均按问题引入、知识解析、案例引入、案例实现、项目小结、项目实训和项目拓展开展启发式学习。
       全书共分为九个项目：
      （1）项目一介绍了Web前端开发入门的基础知识。通过本项目的学习，读者能够了解网页的基本概念以及 Web 标准的构成，掌握使用HTML5搭建网页结构的方法——使用Hbulider软件创建一个简单网页。
      （2）项目二介绍了网页中插入图像和文本，学习网页中图像的应用。通过本项目的学习，读者应掌握HTML5的常用标签，能够熟练使用HTML5的各类标签将网页内容表示出来。
     （3）项目三介绍了网页简单布局的核心内容，详细讲解了CSS选择器、盒子模型，以及使用CSS3美化网页文本、背景、边框的方法。
     （4）项目四介绍了使用DIV+CSS布局网页和浮动布局页面，讲解了应用DIV+CSS布局网上商城首页和网格布局方法。
     （5）项目五介绍了运用超链接为页面设计一级导航菜单和二级弹出式菜单的定位设计，讲解了运用链接伪类美化网页。
     （6）项目六介绍网页中视频、音频文件的插入，以及在网页中引入视频和音频的标准方法。

     （7）项目七介绍了使用列表进行图文混排，使用列表实现多级导航，熟练使用Flex 布局。
     （8）项目八介绍HTML5 中表格、表单元素的应用，以及使用CSS3 美化表格、美化表单的方法。
     （9）项目九介绍了在网站中添加动态效果，实现页面中过渡、变形动态效果的方法，以及网页中轮播图制作的方法。
     本书由丁丽英、常红主编，项目一、项目二、项目三、项目四由黑龙江农业工程职业学院常红编写，项目五、项目六、项目七、项目八、项目九由黑龙江农业工程职业学院丁丽英编写。由于时间仓促、编者水平有限，书中难免存在不妥之处，恳请广大读者批评指正。
？

项目一 Web前端开发入门.1
任务一 初识Web前端技术1
任务二 走进HTML59
任务三 制作第一个网页12
项目二 网页中插入图像和文本17
任务一 网页中文本的应用17
任务二 网站首页中图像的应用.26
项目三 初识首页布局37
任务一 CSS装饰网页37
任务二 CSS3选择器44
任务三 盒子模型54
项目四 DIV+CSS复杂布局73
任务一 浮动布局两栏式页面73
任务二 DIV+CSS布局网上商城首页.82
任务三 网格布局网上蔬果商城首页.87
项目五 网站首页添加导航96
任务一 页面中超链接的使用96
任务二 一级导航菜单的设计开发.102
任务三 二级弹出式菜单的定位.110
项目六 网页中插入视频和音频.118
任务一 向网页中插入视频118
任务二 向网页中插入音频122
项目七 制作多级导航.126
任务一 认识列表126
任务二 使用列表制作多级导航.144

任务三 使用弹性盒布局151
项目八 网页中应用表格、表单元素168
任务一 网页中表格元素的应用. 168
任务二 网页中表单元素的应用. 179
项目九 网站中的动态效果.200
任务一 过渡、变形和动画应用. 200
任务二 实现网站首页的轮播图. 218
参考文献.238

      丁丽英，硕士研究生，副教授，现任黑龙江农业工程职业学院计算机应用技术专业教师，从事计算机科学与技术相关课程教学二十余年，主持省级科研课题三项，参与国家级科研课题一项。参加教师教学能力比赛获省赛二等奖。指导学生参加多项比赛获省赛一等、二等多个奖项。获得三项实用新型专利。主编及参编教材多部。发表专业及教学论文十余篇。

      常红，副教授，哈尔滨工业大学硕士研究生，具有15年一线教学经验，现任黑龙江农业工程职业学院信息工程分院计算机应用专业负责人。主要从事Web全栈开发研究,网络技术方向。参与黑龙江省教育厅科研课题5项，公开发表论文8篇，主编、参编教材4部。

？

本书为双高院校“双高计划”建设教材，是校企合作双元开发教材？