适读人群 ：职业院校学生、教师

本教材可作为职业院校网站设计与开发等相关专业的拓展和补充教材，建议完成主要专业课程的教学后，在专业综合实训或顶岗实践教学活动中使用 , 也可作为相关技能职业培训教材。

模块一? 网站设计

任务 1 网站风格指南基础设计 ………………………………… 3

任务 2 网站首页设计 …………………………………………… 13

任务 3 网站功能页设计 ………………………………………… 31

任务 4 响应式网站设计 ………………………………………… 44

模块二? 网站页面重构

任务 1 基础网站制作 …………………………………………… 67

任务 2 页面结构和内容制作 …………………………………… 78

任务 3 页面动画和交互效果制作 ……………………………… 101

任务 4 响应式网站制作 ………………………………………… 111

模块三? 网站后端功能开发

任务 1 使用 PHP 开发后端功能 ………………………………… 127

任务 2 MySQL 数据库操作……………………………………… 138

任务 3 网站 API 开发 …………………………………………… 150

模块四? 网站前端脚本技术

任务 1 搭建 Node.js 前端开发环境 …………………………… 185

任务 2 使用 Vue 开发 Web 单页应用程序……………………… 196

附录 1 《网站设计与开发》职业能力结构 ……………………… 239

附录 2 API 参数详情列表 ……………………………………… 243