网站设计与开发（世界技能大赛项目转化系列教材）

本书为世界技能大赛规划教材之一，由上海市jiaowei教研室牵头主编。《网站设计与开发》根据世赛项目的内容，结合专业教学实际，确定了网站设计、网站页面重构布局、网站后端功能开发、网站前端脚本技术技术四大模块，设计了符合学生学习特点和教学规律的13个任务。在网站设计、网站页面重构模块中，本教材通过引导学生为虚构的博物馆导览组织设计和制作官网，锻炼学生的页面设计和重构能力。在前端开发、后端开发模块中，本教材先根据世赛考核内容和实际行业中的项目开发情况，讲述后台API 开发方法；接着基于开发的API，继续完成前端与后端的数据绑定和交互效果，实现网站功能。

葛睿， 上海信息技术学校副校长。高级教师，曾任上海信息技术学校信息技术系主任兼教学运行中心副主任，2015-2019年度上海市先进工作者。赵俊卿，上海信息技术学校信息技术系讲师。曾获上海市园丁奖、两次获得上海星光计划三星金牌指导教师、全国职业院校技能大赛金牌指导教师。曾任第41、42、43届世赛网站项目中国翻译，第43、44、45届世赛网站项目中国教练组长。任健，上海信息技术学校信息技术系主任。

模块一 网站设计
任务 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