江苏现代职教图书发行有限公司

图书详情

书名：网页设计与制作项目教程（HTML+CSS+Bootstrap）(第2版)

定价：￥56.00

主编：徐云晴

出版社：北京理工大学出版社

ISBN：9787576307658

开本：

印色：

页面：

内容介绍

教材展示连接
随着Web2.0时代的到来，越来越多的网站开始注重Web标准化。这其中，HTML与CSS是Web标准化技术的核心和基础。移动平台的广泛应用的需求促使了万维网联盟（W3C）于2014年推出了下一代HTML标准——HTML5.0。Bootstrap是基于HTML、CSS和JAVASCRIPT的快速开发网站前端的框架。
教材编写组主要面向网页设计与制作的入门者，尽量择选了贴近当前市场上Web前端开发的主流技术，以Dreamweaver 2021作为学习平台，以项目为教程内容的组织形式，以网站前端开发的一般流程作为项目主线编写了本教程。
本教材共九大项目。通过每个项目的学习，读者都能创建一个完整的网站。每一个项目都是以网站开发的完整流程展开，同时项目的设计又突出体现了各个项目的学习重点，前后项目既相对独立，又相互联系。
项目内容任务化。每个项目划分为多个任务，读者就是在逐个完成一系列的任务后，完成了整个网站的创建。
本教程的部分图片可通过手机扫一扫功能扫描图片旁的二维码，预览查看该图彩色效果。

编写团队

主编

徐云晴，女，1974年12月，副教授，无锡旅游商贸高等职业技术学校信息工程系系主任，江苏省信息技术类中心组成员，无锡市属院校第一批学科带头人，江苏联合职业技术学院计算机网络技术专业带头人，国家职业技能鉴定高级考评员，省职业院校技能大赛先进个人，徐云晴AIOT创新名师工坊获无锡市技能大师名师工坊称号。长期担任《web前端开发基础》课任教师，每年围绕web前端开发开设市级、省级乃至国家级公开课、示范课。
主编教材《网页设计与制作》获评“十二五”职业教育国家规划教材
主编教材《网页设计与制作项目教程（HTML+CSS+Bootstrap）（第2版）》获评“十四五”职业教育江苏省规划教材
主编教材《中小企业网站建设与管理》（静态篇）（动态篇）于2012年8月电子工业出版社出版，该教材获得无锡市职业院校优秀教材评选一等奖。
主持《网页设计与制作》课程获评无锡市精品课程
主持教学成果奖获评江苏省职业教育成果奖二等奖
主持江苏省中职计算机网络技术类技能教学标准和理论考试大纲的开发
主持江苏省教育科学十二五规划课题并结题
作为第一指导教师指导学生参加江苏省互联网+创新大赛获省赛一等奖
领衔计算机网络技术专业群获江苏省现代化专业群称号
2019年被省教科院聘为江苏省职业院校教学大赛决赛命题专家
2020年为江苏省职业院校教学大赛评委
教育理念：让每个孩子成为更好的自己

副主编

琚敏敏，女，1982年12月，高级讲师，苏州工业园区工业技术学校教务处副处长，从事计算机应用技术专业相关课程的教学工作，授课课程有网页设计与制作、动态网页制作、数据库、二维动画设计与制作、图形图像设计、影视后期处理等；多次参加教学能力大赛并获得市级、省级奖项，现为苏州工业园区学科带头人。
主编校本教材《网页制作教程》
微课《DIV和CSS布局》获得区级二等奖
微课《CSS盒子模型》获得市级二等奖
参与《影视后期制作》课程获评苏州市精品课程
课件《设计会员登录功能》获得江苏省多媒体教育软件二等奖
开设区级公开课《个人网站制作》
教育理念：让每个孩子都找到适合自己的发展道路

李永明，男，1973年12月，副教授、网络工程师、高级技师，无锡立信高等职业技术学校图书信息中心主任，江苏联合职业技术学院计算机网络技术专业带头人。第五届无锡技能精英大赛裁判长。长期担任《网页设计与制作》、《电子商务网站开发》、《网络组建》等课程教学。每年均开设2节以上公开课，在教学上，积极探索新型信息化手段在教学中的运用，学生评教满意率均为100%。
主编教材《网络广告》获评江苏联合职业技术学院院本教材
副主编教材《网页设计与制作项目教程（HTML+CSS+Bootstrap）（第2版）》获评 “十四五”职业教育江苏省规划教材
主持《Dreamweaver网页设计》课程获评无锡市精品课程
主持江苏省职业教育教学改革研究课题并结题
担任计算机网络技术专业群负责人获评省现代化专业群称号
担任“网络技能特训班”项目负责人并获评市校企合作示范组合
教育理念：教育者，非为已往，而专为将来！

毛燕，女，1981年11月，副教授，无锡旅游商贸高等职业技术学校信息中心主任，无锡市行知青年，无锡市学科带头人，江苏省职业教育领军人才教师班学员。长期担任《HTML5》《web前端开发基础》任课教师，每年围绕web前端开发开设省市级公开课、示范课。
教材《中小企业网站建设与管理》（静态篇）（动态篇）于2012年8月电子工业出版社出版，副主编，该教材获得无锡市职业院校优秀教材评选一等奖。
教材《网页设计与制作》并于2013年8月江苏教育出版社凤凰职教出版，副主编，该教材入选国规教材。
教材《网页设计与制作项目教程（HTML+CSS+BootStrap）》并于2018年8月北京理工大学出版社出版，副主编。
教材《网页设计与制作项目教程（HTML+CSS+Bootstrap）（第2版）》，副主编，获评 “十四五”职业教育江苏省规划教材。
2014年“领航杯”江苏省学生电脑制作活动网页设计项目一等奖；
2015年江苏省五课两课评比“示范课”荣誉；
2016年江苏省第四届教育科学优秀成果三等奖，排名第三；
2017年江苏省教学成果奖（职业教育类）一等奖，排名第四；
2021年江苏省教学成果奖（职业教育类）二等奖，排名第六。
教育理念:教学的艺术不在于传授的本领，而在于激励、唤醒、鼓舞。

谈李清，男，1982年5月，副教授，无锡机电高等职业技术学校电子信息工程系党支部书记，信息专业教研室主任，无锡市属院校第三批计算机学科带头人，Java Web应用开发职业技能等级证书考评员、云计算平台运维与开发职业技能等级证书考评员，江苏省职业技能竞赛优秀教练，无锡市教育系统网络安全先进个人，无锡市属职业院校教育科研先进个人。
主持江苏省教育科学十二五规划青年专项课题并结题
无锡市信息化教学竞赛一等奖
江苏省职业教育成果奖一等奖核心组成员
教育理念：人点亮人，心照亮心

花小琴，女，1979年8月，高级讲师，南京高等职业技术学校网络技术教研室主任。长期担任《网页设计与制作》、《WEB应用开发》、《网站开发综合课程》任课教师，近年来围绕网页设计、网站开发方向开设校、市级公开课，并参加各级部门组织的教学大赛并获奖。
《Dreamweaver CS6 网页制作案例应用》，参编，2014年1月，高等教育出版社
《网页设计与制作》，副主编，2014年7月，江苏教育出版社，国家十二五规划教材
《网页设计与制作项目教程（HTML+CSS+Bootstrap）》，副主编，2018年8月，北京理工大学出版社
《高职院校招生管理系统V1.0》，软著登字第4434342号
《〈网页设计与制作〉核心课程及数字资源建设的实践研究》，江苏省职业技术教育学会课题，核心组成员，2016年10月结题
2014年12月两课评比“信息技术类”南京市一等奖
2015年1月两课评比“信息技术类”江苏省研究课
2017年7月南京市职业学校教学大赛课堂教学二等奖
2021年4月指导学生参加江苏省职业院校技能技能“移动应用开发”赛项获三等奖
2021年7月江苏省职业院校教学大赛（中职组）电子信息大类计算机类二等奖
2021年开设市级公开课《Echarts动态加载数据》
《网页设计与制作》超星慕课课程建设指导专家

特色创新

特色与创新点一、校企合作的开发机制
基于调研确定教材大纲
本教材编订前，教材组成员进行了大量的调研工作，一方面面向企事业单位展开web前端开发的工作岗位进行工作内容的调研，另一方面，面向职业院校的网页设计与制作课程开设情况进行调查。从这两方面确定了教材开发的大纲。
校企合作的开发机制
本教材的开发特别聘请了永中软件公司的蔡怀进项目经理作指导，无论在企业调研，还是在项目案例的制定，特别是对于工程化思维的引导，蔡经理的深度参与都发挥了非常重要的作用。
教材案例取材于企业真实案例
教材中的案例大量来自于企业的真实案例，有的因为教学需要进行了一定的删减或变形。尤其教材中的项目八“全瀚通信项目”基本是完全真实地为对应企业开发的项目。项目九“菲菲服饰”也源自于企业项目，根据教学需要做了适度调整。

特色与创新点二、适应1+X改革需要
从1+X内容框架上看。根据2019年3月工业与信息化部教育考试中心发布的首批1+X《web前端开发职业技能标准》所给出的web前端开发的职业技能定义中正是以HTML、CSS、JavaScript、网页开发框架作为主体内容的。而该标准中恰恰择选的网页开发框架就是Bootstrap。这与我们开发完成的本教材框架不谋而合。
从1+X体系等级上看。从《web前端开发职业技能标准》所划分的等级上看，本教材恰当地适应了初级标准。
落实课程思政要求情况
根据新形势下的教材建设的要求，在这一次的改版中，注重有机融入课程思政，在每一个项目开篇的项目目标中提示职业素养的培养和课程思政，相关案例内容进行完善或调整。教材整体注重培养网站建设的系统工程思维；培养网页标准化的基本建设思想；培养科学规范、团结协作等职业素养……这些都充分体现了课程思政。这一点还得到了常州纺织服装职业技术学院二级教授、党委书记吴访升的高度赞扬。

设计思路

1. 教材编写理念
1.1 教材定位当前市场的前沿技术——WEB前端开发的主流技术
随着Web2.0时代的到来，越来越多的网站开始注重Web标准化。网站的前端由此发生了翻天覆地的变化，包括新浪、搜狐、网易、腾讯、淘宝等在内的各种规模的IT企业都对自己的网站进行了重构。这其中，HTML与CSS是Web标准化技术的核心和基础。移动平台的广泛应用的需求又促使了万维网联盟（W3C）于2014年推出了下一代HTML标准——HTML5.0。Bootstrap是基于HTML、CSS和JAVASCRIPT的快速开发网站前端的框架。
同时，目前的中高职教学中，网站开发的课程设置相当部份的学校还停滞在网页制作阶段，也就是是Web 1.0时代，大大滞后于市场。
在这样的背景下，本编写组定位教材内容不再是传统的网页制作，而是WEB前端开发。择选了贴近当前市场上WEB前端开发的主流技术，确定以HTML5.0+CSS3.0+Bootstrap作为教材的核心内容。
1.2 教材编写框架基于“工作过程系统化”职教理念
本教材基于“工作过程系统化”的职教理念编著，建设“行知合一”的项目化教材，努力实现“五个对接”。教材的编写坚持“做中学、做中教”的理念，以学生为主体，注重职业核心能力的培养。
根据专业课程标准的要求，结合网页设计与制作课程的特点，以能力为本位，对接岗位，坚持以职业实践为主线，整合理论与实践知识。让学生在完成任务的过程中掌握网页设计与制作的知识和技能，着眼于学生职业生涯发展和职业能力的培养，引领职业教育课程教学改革。

1.3 在岗位典型工作任务分析的基础上进行教材内容设计
本教材内容设计完全按照当前企业所面向的岗位定位、岗位工作任务定位和任务的职业能力定位，展开项目课程的开发。根据专业对应工作岗位及岗位群，实施典型工作任务分析；根据能力复杂程度、事例、典型工作任务，形成综合能力领域；根据认知及职业成长、规律递进，重构领域转换为教材内容；根据完整思维及职业特征，分解学习领域为主题学习单元，并有机嵌入了网站开发岗位的职业能力标准，使学生走上工作岗位后能很快适应岗位要求。
1.4 项目导入、任务驱动的教材结构模式
根据计算机相关专业培养网站开发岗位人才的目标及企业网站开发人才调研需求状况，基于典型工作情境，工作内容以工作过程为导向进行排序。并按照典型任务的形式重组，再转换为项目化的教学内容；学生通过完成项目、任务的形式实现校内学习与实际工作的一致性。
本教材结构根据每个具体项目为中心，从“企业真实任务”着手，通过设计完成“任务”的方法与步骤，在完成“任务”的过程中掌握知识和技能，培养学生提出问题、分析问题、解决问题的综合能力，既达到了实际能力的培养，又达到了职业能力的训练，真正实现了“教、学、做”一体的目标。
2. 内容设计

应用推广

实践应用
《网页设计与制作项目教程（HTML+CSS+Bootstrap）》教材第一版2018年8月第1次出版，2018年9月已经第3次印刷，下图为出版社给出的50本以上的订单截图,。从截图上看，仅仅当时出版12个月内的教材订单数达到16家单位超过3560本。

目前第一版的教材辐射全国，教材远赴江西、福州等地，发行量累计达10618册。
2021年，教材组与时俱进，在第一版的基础上，进一步改版，推出本版（第2版）。

推广效果
本书使用面较广，从中职到高职，从学生到一线使用教师都得到了不同程度的高度评价。
一线教师
惠山中专的沈晓老师：“教材符合“网页设计与制作”课程标准，在内容编排上将学生的认知规律与网页制作过程有机结合，大大提高了教与学的效果”。
学生
无锡机电高等职业技术学校软件技术专业1701班学生裘宇瑞：“教材将每一个知识点都做成一个项目，有理论有实践，学得很快而且比较有成就感”。
行业、企业评价
无锡市计算机协会副秘书长，上海外国语大学王挺博士：“教材项目设计贴近实际工作需求，通过任务驱动的方式逐步完成任务，图文并茂，有利于激发学生的学习兴趣，符合高职学生认识规律。”
无锡市物联网产业协会秘书长、高级工程师谈伟中：“教材内容设计能够按照当前企业所面向的岗位定位、岗位工作任务定位和任务的职业能力定位，展开项目课程的开发。”
江苏中铭慧业科技有限公司副总经理吴克军：“教材的编写能够深入企业调研，按照企业“网站开发”岗位实际需求为基本依据选取教材内容，充分体现了教材的实用性、实践性和职业性，符合计算机行业的实际需求。”
专家评价
常州纺织服装职业技术学院党委书记、二级教授吴访升博士:
教材注重培养网站建设的系统工程思维；培养网页标准化的基本建设思想；培养科学规范、团结协作等职业素养；充分体现了课程思政。
江苏信息职业技术学院物联网工程学院与士官学院党总支书记、教授 华驰:
教材采用企业真实的项目为载体，对培养学生的动手能力、项目设计能力、团队协作能力和职业能力具有显著的效果。