前言本书是江西省省级精品在线开放课程“网页设计”的配套教材，适合零基础并对网页设计与制作技术感兴趣的读者学习使用，适合作为网页设计制作类或Web前端设计开发类课程的入门教材，可供高等院校相关专业及职业技术培训机构选用。随着互联网技术的飞速发展以及移动互联时代的强势到来，“互联网+”已经深入到了各行各业的各个领域。网页作为信息的重要载体，其设计与制作技术在这个时代显得愈加重要。网页设计与制作类课程是工学学科计算机类多个专业的专业核心课程，也是各高校非计算机类专业学生喜爱的公共选修课程之一，但是网页设计与制作类课程涉及的技术繁杂, 技术更新快，综合性也很强，是当今社会职场热门并且人才需求量极大的一门实践性很强的课程,因此教学工作必须与时俱进，难度大也富有挑战性。针对高校网页类教材及课程教学中出现的一些问题，在教材建设及课程建设方面我们做了一些积极的尝试与改革，并付诸实践取得了较好的成绩。本书正是在作者和课程团队成员们的共同努力下，博采众家之长，为努力使高校课堂教学紧跟市场企业需求方向而打造的。本书特色主要有以下三方面: (1) 本书配套的教学资源丰富齐全，拥有完整的省级精品在线开放课程配套资源。
重点案例均有视频教程讲解，教学大纲、PPT课件、教案、题库与考试等教学资源齐备。 (2) 全书采用任务驱动方式，将重要知识点及基本技能要求嵌入到各个案例任务中，并且教学案例大多从淘宝、京东、腾讯、新浪等大型成熟网站中精心挑选出经典应用案例来诠释各知识点与必备技能。本书不仅介绍了传统的网页开发工具的基本用法，而且采用了当下流行的主流开发工具之一 作为网页开发工具，力求教学内容贴近职场需求，力求充分调动学生的学习主动性。(3) 全书知识体系结构完整，脉络清晰，涵盖了网页设计与制作技术的入门必备基础知识与技能。重点阐述HTML元素、CSS样式、网页布局技术、导航与超链接、表格与表单等基础知识与技能，包括的语义化标签结构和CSS3常用样式设置，以及基础应用和响应式网页布局技术相关媒体查询、框架应用等实用技术的介绍。本书分10个章节。第1章 网页设计基础知识，从Web发展史讲起，对网页基本术语意义、网站开发基本流程、浏览器及浏览器开发者工具作了相关介绍; 第2章 HTML网页结构基础篇，重点介绍HTML文档基本结构及HTML元素基本语法，包括语义化标签结构基础; 第3章 CSS网页设计基础篇和第4章 CSS网页设计进阶篇，重点介绍CSS样式盒子模型、选择器、背景边框样式包括CSS3中的常用样式设置方法，火力全开用网页常见的模块布局讲解盒模型，用淘宝首页局部排版讲解精灵图技术，用腾讯IMQQ网页视差特效讲解背景定位样式; 第5章 网页布局基础，用新浪微博发言版块案例继续攻克布局定位样式的设置原理及应用; 第6章 导航与超链接，依次介绍纵向、横向、带下拉菜单的导航栏和应用滑动门技术导航栏的制作; 第7章 表格及样式设置，介绍网页中常见的细线表格及隔行变色、鼠标悬停等效果表格的制作; 第8章 表单及样式设置，掌握表单及控件的用法及样式设置，包括中新增的表单控件和属性用法，挑战京东账户登录表单效果的制作; 第9章 基础，用淘宝焦点轮播图、图片跑马灯效果案例来组织基础知识; 第10章 响应式网页布局基础，简单介绍了弹性布局、视口与媒体查询，以及框架的基础知识，慕课视频教程中还增加 动画和CSS3动画的知识，为有兴趣、有能力的同学们指明了下一步努力的方向。
本书由萍乡学院梁莉菁副教授和衡水学院刘巧丽副教授共同撰写完成，本书配套的慕课资源建设由萍乡学院梁莉菁副教授主持，协同其精品课程教学团队成员廖德伟、邱望等老师一起完成制作，该课程已被认定为江西省省级精品在线开放课程，是江西省所有高校的公共选修学分课程。对于选用了本书作为教材的高校教师及其他读者，可以在清华大学出版社官方网站获取全书配套的案例源代码、教学大纲、进度计划、教案及PPT课件等教学资源，也可以使用江西高校课程资源共享平台网络教学平台中的“网页设计”慕课课程进行网络教学与学习。本书在编撰过程和课程建设过程中得到了萍乡学院和衡水学院的各级领导和同事们的大力支持与帮助，在此表示诚挚的感谢，尤其感谢萍乡学院信息与计算机工程学院的同事们，他们对本书的编排与撰写提出了许多宝贵的意见与建议，同时也感谢至亲的家人们为我们忙碌于繁杂的工作提供了无私的帮助和轻松的环境。由于编者水平有限，书中难免有疏漏之处，敬请各位专家和读者批评指正，不胜感激。感谢您使用本书，顺祝学习愉快。梁莉菁2020年10月于北京
more >