网页设计与制作基础教程(高职高专计算机类专业系列教材)/移动

前 言

根据高等职业教育改革的发展方向和Web应用开发对技术技能型人才的培养要求，本书从高等职业教育的特点出发，以工作过程系统化为原则，强调网页布局、样式设置和前端交互等基本能力的培养。紧贴“1 X证书制度”《Web前端开发职业技能等级标准》中制定的职业素养、能力标准和知识要求。
近年来随着移动互联新技术层出不穷，Web技术已经广泛渗透至企业跨屏门户、移动应用、企业办公应用、广告营销、游戏开发、大数据可视化、物联网等多个领域。HTML5、CSS3和JavaScript技术是各类Web应用开发的技能。通过对本教材的学习，为后续Web相关技能的学习打下基础，也使学生能够在毕业时具有更广泛的岗位适应性。
本教材选用典型工作任务模式编写，邀请企业资深讲师共同商讨，将目前流行的Web开发技术融入任务中，紧跟时代步伐。案例选取上，以我国源远流长的传统文化“诗词”为主题，以“中国诗词”网站为任务主线，按网站开发流程推进，以工作手册式编排。从网站总体设计构思到网站要素设计，从HTML元素搭建布局结构到CSS样式设计再到JavaScript交互设计，本教材涵盖网页设计与制作的重要基础，培养学生综合运用知识搭建Web页面的能力及形成良好的Web设计素养，并对HTML5*规范、网页性能优化、浏览器兼容问题、安全性问题等内容进行介绍。同时加入编写团队的企业工程师，将企业真实案例拆解成知识点融合本书案例中，并将应用技巧穿插其中，更侧重知识的实用性。教材内容重视与工作岗位相匹配的理论﹑技能知识和职业素养的培养, 缩短“毕业生”到“员工”的过渡期。在编写形式上遵循“以学生为中心”的理念，以通俗易懂的方式呈现和引导, 使学生爱看﹑易懂﹑学了有用。
为适应信息化和互联网技术的发展，适应“新形态一体化教材”的需求，依托在线教学平台，形成“线上线下”融合的立体化教材，将微课视频、课堂教学视频、教学辅助课件、交互教学、PPT课件、实训素材资源、辅导视频、案例效果影像资料等内容集成入资源平台。
本教材分为准备、HTML、CSS和JavaScript四篇共16个项目，每个项目又细分为2~4个工作任务，每个任务先通过“任务描述”明确任务内容，再通过“知识准备”介绍完成任务需要用到的知识点，*后“任务实现”解读任务完成步骤。在部分任务中还加入“能力提升”，作为扩展内容供学有余力的学习者学习。
本教程由华英、李金祥主编，编写分工为：华英编写准备篇和CSS篇，李金祥编写JavaScript篇项目四，廖黎莉编写JavaScript篇项目一～三，钟卫铭编写HTML篇项目三～五，詹亮编写HTML篇项目一～二。感谢驰星教育科技有限公司在整个教材编写过程中给予的支持，特别感谢詹亮和王静静两位工程师全程参与编写工作。在此也衷心感谢在本书编写过程中给予我们支持和帮助的所有人。
限于编者水平，尽管我们尽了*的努力，但教材中难免会有不足之处，恳请本书读者在使用过程中有任何意见和建议随时批评指正，我们的联系邮箱是hy@jssvc.edu.cn。

编　者
2020年8月

HTML、CSS和JavaScript是Web应用开发的基础，本书的编写满足了Web应用开发对前端技术的要求，同时在编写过程中严格贯彻落实2019年2月国务院正式印发的《国家职业教育改革实施方案》，遵循《Web前端开发职业技能等级标准》，内容紧紧围绕Web前端开发“1 X”证书制度要求。本书选取一个完整的网站项目，以工作任务为驱动，将知识点融入子项目中。本书不仅介绍了HTML、CSS和JavaScript的基本原理，而且灵活运用理论再现了网站项目的开发过程。本书以“一体化设计，颗粒化资源”为指导思想，以“产教融合”为原则，邀请企业资深讲师共同商讨，将目前流行的Web开发技术融入任务中。既培养学生掌握扎实的Web基础知识，也培养学生形良好的Web设计素养。本书既可作为高等职业院校计算机各专业的“Web开发基础”课程教材，也可供中职及成人教育相关专业使用或参考。本教材配套了完整的在线开放课程资源，内容包含教学PPT、微课、操作视频、相关参考资料等。

华英，女，就职于苏州市职业大学，主持苏州市科技计划项目《基于ASAS的服务器容量分析软件的研发》参与研发，江苏省大学生创新创业训练计划项目《基于Android的移动数字化课堂的设计与实现》 指导学生