本书根据技术应用型人才的培养目标,以一个企业生产性项目“新闻网”的设计制作贯穿始终,将课程内容整合、序化为8个教学模块、26个开发任务、63个案例、28个实训操作任务、3个企业典型综合项目,采用由易到难、螺旋递进的方式详细讲解了Web前端开发技术,并介绍了HTML和CSS的基础知识和使用技巧。本书内容主要包括Web前端开发的相关概念、网站的设计与策划、开发工具的使用、文本图像的创建、CSS样式对页面的美化、列表的典型应用、各种超链接的创建、表格和表单的应用,以及DIV+CSS页面布局等实用技术,覆盖了“1+X证书”Web前端开发职业技能中HTML+CSS的基本知识点,同时根据教学模块主题,融入了思政教育内容,将立德树人、课程思政等元素穿插到教学内容中,润物细无声,使学习者掌握专业技能的同时,完成全方位育人的重任。本书是一本从零开始学习Web前端开发技术的教材,无须读者具有任何编程基础。本书既可作为高等院校本、专科计算机及相关专业的网页设计与制作课程的教材,又可作为Web前端开发学习班的培训教材或网页制作爱好者的参考书。

模块1 网站的设计与策划1 1.1 任务1:认识网页与网站1 1.1.1 网页与网站的相关概念2 1.1.2 服务器与客户端3 1.2 任务2:认识网页开发技术4 1.2.1 Web前端的概念4 1.2.2 Web前端开发技术5 1.3 任务3:设计策划网站9 1.3.1 网站设计原则9 1.3.2 网站制作流程11 1.4 任务4:选择网页开发工具12 1.4.1 编写工具12 1.4.2 浏览工具16 1.5 知识进阶16 1.6 小结18 1.7 实训任务19 实训任务1:创建班级网站页面 19 实训任务2:制作班级学习交流页面20 实训任务3:制作班级公告栏21 模块2 制作图文并茂的新闻页面24 2.1 任务1:创建网页结构25 2.1.1 HTML文档结构25 2.1.2 HTML基本语法26 2.1.3 标记27 2.1.4 任务实施28 2.2 任务2:添加网页文本内容29 2.2.1 标题与段落标记30 2.2.2 水平线标记32 2.2.3 换行标记33 2.2.4 特殊字符33 2.2.5