本书是中国大学MOOC平台慕课“Web前端设计基础”、重量精品资源共享课“Web技术应用基础”、北京市高校优质本科课程“Web前端设计”的配套教材。本书基于Web前端设计的工作过程，采用“项目→学习任务→任务”的编写方式，以培养学生的实践应用能力为主线，通过具体的网站建设项目，介绍Web基础、HTML、CSS、JavaScript等网站前端开发推荐的基本知识和操作技术，为从事Web前端设计工作打下坚实的基础。本书内容结构合理、语言简练、示例翔实，扫描相应的二维码可观看相应知识点示例的视频操作和讲解。本书主要面向Web前端设计的学习人员，适合作为普通高等院校相关专业Web前端设计、网页设计与制作等课程的教材，还可作为Web前端设计与开发从业人员的参考资料。

薛晓霞，副教授，双师素质教师北京联合大学应用科技学院电子商务专业负责人。主讲“Web技术应用基础”等多门课程，为高校和企业开发软件10余项。重量精品资源共享课程“Web技术应用基础”负责人，重量教学成果奖一等奖核心成员。

项目1 认识Web前端设计
学习任务1 了解Web基础知识
任务1.1.1 理解Web相关概念
任务1.1.2 了解页面元素
任务1.1.3 了解Web前端设计技术与工具
任务1.1.4 了解网站建设流程
学习任务2 设计网站
任务1.2.1 设计网站形象
任务1.2.2 设计页面布局
任务1.2.3 设计网站导航及栏目
任务1.2.4 设计网页层次及目录结构
项目2 创建及编辑Web网页——HTML5
学习任务1 创建网站首页文档
任务2.1.1 创建网站首页
任务2.1.2 理解HTML标记语法
任务2.1.3 理解HTML布局标记
任务2.1.4 理解HTML5结构标记
学习任务2 编辑网站首页内容
任务2.2.1 插入文本及列表
……