HTML5和CSS3是Web前端开发的最新技术，适合跨平台场景下，移动端/PC端的Web应用开发。本书以就业为导向，从真实岗位中选取案例，由浅及深地介绍了HTML5和CSS3 Web前端开发技术。在内容编排上，本书抛弃呈现完整的学科体系的思路与想法，打破以传统知识传授为主要特征的学科知识组织模式，转变为以工作任务为中心组织教学内容。全书设计了8个项目，每个项目下又设计若干任务，可以让初学者在完成项目的具体任务过程中学习相关理论知识，提高相应的职业能力。本书在设计的技能考核点中既融入了Web前端设计岗位的知识，又引入了国家相关职业证书知识，实现了岗证融通。
本书为高等职业本专科院校计算机类、电子信息类、通信类等专业的教材，也可作为开放大学、自学考试、成人教育、中职学校的教材，以及网站技术人员的参考用书。

许艳丹，湖州职业技术学院副教授，计算机应用技术专业，省教学名师、教坛新秀，现为软件技术专业教师。参编教育部“十四五”规划教材《网页设计与制作》。获得安徽省教学成果二等奖2项、三等奖3项，获浙江省高职院校教学能力比赛二等奖1项，安徽省高等职业院校教师教学能力大赛二等奖1项，浙江省现代远程教育学会优秀科研成果二等奖1项，多次课程教学质量评价优秀。主持浙江省高职院校“十四五”首批重点教材建设项目，主持安徽省质量工程项目“支撑创新教学活动的教学质量评价模式研究 ”和“网页设计与编程智慧课堂试点”。
张前进，湖州职业技术学院副教授，博士，计算机科学与技术专业，现为大数据技术专业教师。主持浙江省现代远程教育学会优秀科研成果二等奖1项。主持省级质量工程项目1项。主持安徽省高等学校自然科学研究重点项目1项；指导专业学生参加职业院校技能大赛获得国家级三等奖1项、省级二等奖2项、三等奖2项。发表教科研学术论文20余篇，其中SCI一区2篇、SCI二区2篇、EI收录1篇。

项目1 简单页面制作
任务1.1 创建Web 项目
任务1.2 制作“在湖州看见美丽中国”页面
任务1.3 制作“红色电影影评网”页面
项目2 样式页面制作
任务2.1 制作“社会主义核心价值观”页面
任务2.2 制作“游子吟”页面
任务2.3 制作“中国剪纸”页面
任务2.4 制作“校园动态”文章列表
项目3 图文混排页面制作
任务3.1 制作“中华文化网”琴棋书画模块
任务3.2 设置“中华文化网”页面背景
任务3.3 制作“中华文化网”导航菜单
项目4 列表页面制作
任务4.1 制作“低碳环保网”文字列表模块
任务4.2 制作“环保百科”图像列表模块
任务4.3 制作“低碳环保网”头部模块
项目5 网页版块布局
任务5.1 制作“低碳环保网”绿水青山模块
任务5.2 制作“低碳环保网”轮播图
任务5.3 布局“公益行动”二级页面
项目6 表单页面制作
任务6.1 制作登录、注册页面
任务6.2 制作后台管理页面
项目7 动画页面制作
任务7.1 制作“中国梦”主页头部轮播动画模块
任务7.2 制作“漫游科技馆”模块
任务7.3 制作“科普世界”模块
任务7.4 制作页脚模块
项目8 响应式布局
任务8.1 “茶文化”页面整体布局
任务8.2 制作“导航菜单”模块
任务8.3 制作“茶具展示”模块
参考文献