本书是面向Web前端开发学习者的入门教材，以简洁易懂的语言及丰富实用的案例，深入浅出地讲解了HTML5+CSS3+Bootstrap响应式开发技术。针对重点、难点，本书在相应位置添加了相关微课，读者可以扫码观看学习视频，这种书网结合的方式可 好地帮助读者理解知识点。全书共7章包括25个项目：第1章讲述了互联网的基础及网页的发布；第2～5章讲解了HTML5和CSS3基础知识：常用标签、列表、表格和表单及CSS3相关知识；第6章讲解了弹性盒布局和响应式Bootstrap框架的应用；第7章讲解了CSS3的提高部分：动画、2D和3D变形。读者通过书中25个项目对应65个实用有趣的任务练习，可 加牢固地掌握知识点。本书既可作为高等院校计算机、电子商务等相关专业的Web前端开发课程的教材，也可以用作网页设计与制作培训用书，还可以作为广大IT技术人员和编程爱好者的自学用书和参考书。

基于对UI知识结构的梳理，本教材由武汉传媒学院的姚田老师牵头，集合了 各高校老师、企业的设计师共同完成这本教材的编写，且部分案例参考25学堂、UI中国等设计资讯网站。本书对UI知识的理解侧重于移动端的知识体系讲解，而并不是泛泛地介绍WEB端和移动端， 不是狭义地把它定义为软件操作。通过对本书的学习，希望读者能熟悉UI的视觉表现技巧，了解移动互联网项目的完整设计过程，掌握不同手机平台的基本规范并灵活运用，了解交互设计流程及UI的基本布局，希望能对有意从事UI行业的设计师有一定的帮助。

本书采用项目教学方式，通过大量案例对网页的HTML结构和CSS层叠样式行了深入解析，使用HTML5新的布局方式，让读者可以轻松设计出符合Web标准的网页。本书根据网页制作典型职业活动分析，以工作任务为载体，确定了12个项目，内容涵盖HTML5的基本结构、CSS3样式基础、使用CSS3选择器、使用CSS美化网页字体、使用CSS美化网页段落、使用CSS美化图片、使用CSSCSS美化表格、使用CSS美化表单、使用CSS3动画、HTML5+CSS3网页排版——企业网站的制作、使用CSS3的弹性布局制作响应式页面。每个项目均由项目目标、项目描述、项目分析、知识引入、项目实施、项结、项目拓展7个环节组成，每个环节环环相扣。项目编排的原则是由易到难、循序，遵循学生的认知规律，让学生轻松获取知识及技能，便于教学的实施。本书的后两个综合实例，帮助读结前面所学的知识，综合应用HTML和CSS各类技术制作出符合实际应用需要的网页。

本书为高职高专院校网页设计与制作相关课程的教材，主要内容包括网页设计与制作概述、HTML5页面元素及属性、CSS美化HTML网页、网页div+CSS布局设计与制作、网页表格布局设计与制作、网页框架设计与制作、网页模板设计与制作、网页表单设计与制作、网页简单特效设计与制作，以及网页多媒体设计与制作。各项目内容通过项目导向、任务驱动逐步展开，不仅更好地体现了“能力导向，学生主体”的原则，也更好地适应了高职项目化的教学要求。本书配套的电子课件、素材等资源，请登录华信教育资源网（http：//www.hxedu.com.cn）注册后免费下载。本书既可以作为高职高专院校网页设计与制作相关课程的教材，也可以作为对网页设计与制作感兴趣的人员的学习参考用书。

HTML5+CSS3是设计构建网站的 知识，本书根据中等职业学校学生学习需要和特点，参考了学生毕业时企业招聘毕业生常见考题内容，转化为适合课堂上提高学生技能提高的项目任务，内容有：HTML5文档的结构及常见标签， CSS3部分主要CSS选择器、文本、字体与颜色、背景和边框、边距、图像、变形，动画实现、用户界面以及CSS3的部分新应用。项目一搜索网站项目，讲述了导航菜单、图像显示定位、输入框、选项卡等应用的实现；项目二公司网站项目讲述了页面布局、图像背景、边框线、项目符号等应用技能；项目三学校网站项目讲述了渐变色文本、滚动公告、校园风采、学校简讯、轮播 、轮播指示点等功能的实现；项目四电商网站项目讲述了排行标志、打折展示商品滚播、优惠券、用户信息、图形表示进度、查看大图、用户登录信息输入框等功能的实现；项目五 旅游网站项目讲述了景点展示、景点推荐、打折航班、酒店宣传、旅游保障、机票 、特色推介、天气提醒等场景应用的实现；项目六 工具网站项目讲述了设置页面背景和搜索框、网址图标列表、底部应用卡片、热门资讯应用卡片、天气预报应用卡片、证券行情应用卡片等功能实现的过程；项目七后台管理网站讲述了制作登录页面、实现页面总体布局、实现顶部导航栏、实现左侧侧边栏、实现右侧个人信息表、制作后台总览页面等功能的实现。本书既可作为院校相关专业的网页设计与制作课程的教材，也可作为网页平面设计的培训教材，是一本适合网页制作、网站开发、网页编程等行业人员阅读与参考的读物。

全书分为14个模块，主要内容包括：第1，2个模块介绍了网页设计的基本知识和网站的创建与管理；;第3~7个模块介绍了HTML5的基础知识与基于HTML5的超链接、表单、多媒体应用；第8、9个模块讲述了CSS基础知识及应用；第10、11个模块讲述了基于DIV+CSS的布局基础知识，第12、13个模块讲述了基于DIV+CSS的布局网页、网站制作方法，第14个模块讲述了网站的测试、发布与维护等知识。模块13是企业项目制作，属于拓展学习，利用在线课程进行学习。 本书在编写过程中，坚持科学性、实用性、先进性和职业性相统一，力求与计算机技术发展同步，着重提高学习者的网页设计和制作能力。

本教程主要面向网页设计与制作的入门者，尽量选择了贴近当前市场上网站前端开发的主流技术，以Dreamweaver 2021作为学 台，以项目为教材内容的组织形式，以网站前端开发的一般流程作为项目主线编写而成。本教程共9个项目和3个附录。通过每个项目的学习，读者都能创建一个完整的网站。每一个项目都是以网站开发的完整流程展开的，同时，项目的设计又突出体现了各个项目的学习重点，前后项目既相对独立，又相互联系。

网页制作与网店装修课程是电子商务专业的一门核心课程。本书以项目为载体，将多个完整的项目贯穿整个学习的始终。在项目的选择上，在考虑项目实用性的同时，也尽可能地提高项目的趣味性，从而帮助学生理解和掌握相关知识与技能。实施任务驱动、教学做一体化，使学生完整地介入不同电商业态电子商务网页设计和制作及店铺设计的整个过程， 终完成一个较为成熟的项目。本书采用情景化、立体化、多样化和富媒体形式开展线上、线下课堂深度融合，同时对教学内容开展一体化设计，可作为高职高专院校电子商务专业和相关专业的教学用书，也可供在职人员和对电子商务感兴趣的其他社会人士培训和自学参考。

本书以一个完整的网上商城网站的前端页面开发项目为载体，按照项目开发流程和学习者的认知规律，由浅入深、循序渐进地将HTML5、CSS3、JavaScript的理论知识和关键技术融入各个工作任务中。通过一个个具体任务的完成及 终整个项目的完整实现，读者能够快速掌握网站前端页面开发相关的理论知识和职业技能，能够独立设计开发各种商业网站。项目涉及的主要知识点和技能点包括：网站开发环境的选取和配置、常见标记和样式属性的使用、CSS和各种选择器的使用、DIV+CSS页面布局的用法、网格布局和弹性盒布局的使用、各类导航菜单的制作、表格及表单用法、HTML5的视频与音频插入、JavaScript轮播图的制作等。本书既可作为高职高专院校或应用型本科院校相关专业网站设计与开发课程的教材或教学参考书，也可作为“Web前端1+X职业技能等级证书”考试的辅助用书，还可供广大计算机从业者和爱好者学习和参考。

本书以问答的方式介绍Web 前端的相关知识，分为初级篇、进阶篇、 篇、框架篇；内容包括JavaScript、HTML、CSS的基础知识，边框效果、背景效果、形状效果、阴影效果、动画效果，文本、字体技术，选择器、定时器，canvas绘图，定位，图片、背景美化，ES6框架、Bootstrap框架、React框架。