本书主要内容包括CSS的基本语法和概念，设置文字、图片、背景、表格、表单和菜单等网页元素的方法，以及CSS如何控制XML文档样式；着重讲解如何利用CSS+DIV进行网页布局，注重实际操作，使读者在学习CSS应用技术的同时掌握CSS+DIV的精髓。本书注重理论与实践相结合，采用案例教学模式，突出实践环节，能够提高学生的学习兴趣，促进学生将所学知识很快应用于实际工作。本书作为微课版教材，配套微视频教学、电子课件、习题答案、各案例源文件等免费教学辅助资源，让教材立体化，使得教与学更加高效方便。本书内容翔实、结构清晰、循序渐进，基础知识与案例实战紧密结合，既可作为高等院校相关专业网页设计课程的教材，也可作为CSS+DIV网页设计初学者的入门教材，同时也适合作为中高级用户进一步学习的参考用书。

本书结合 的HTML5与CSS3技术，深入浅出地介绍了前台网页设计需要掌握的相关知识及技能，全书共14章，内容包括：网页设计入门、处理网页文件、HTML5的基本结构、文本、使用CSS样式、图像、列表、超链接与导航、使用CSS进行页面布局、表格、表单、视频、音频和其他多媒体、使用CSS3式样进行样式增强、网站的调试与发布等。本书的各项目按Web前端开发技术在专业活动的工作过程进行编排，依据岗位对技能和知识的需求，对接1+X证书Web前端开发，重构知识结构和能力结构体系，让学生完整体验Web开发工作的程序、内容和方法。本书可作为相关专业的网页设计教材，也可作为Web前端开发人员、网站建设人员的参考书，还可作为各类电脑职业培训教材。

近些年“互联网+”从火爆到积淀，不仅留下了如快递柜、外卖小哥、共享单车等改变生活习惯的产品，而且随着浪潮的平息带走了不少创业者的时光和资本。从PC端互联网到移动端互联网行业，互联网行业的发展一直都是摸着石头过河，每次都在用野蛮而快速的方式推动社会进步。本书试图从这个潮流中识别出一些规律，帮助从业人员在新时代“互联网+”的道路上行走得更加顺利。本书中紧紧围绕产品从创意到落地的整个过程，介绍了基于工程化思维的UI设计流程。本书适用于高职高专院校软件技术、数字媒体、信息技术等相关专业学生及互联网行业从业人员，尤其适用于有一定设计经验，略懂UI设计流程和产品设计流程的人员。

本书是面向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个附录。通过每个项目的学习，读者都能创建一个完整的网站。每一个项目都是以网站开发的完整流程展开的，同时，项目的设计又突出体现了各个项目的学习重点，前后项目既相对独立，又相互联系。