前言
《HTML5 与CSS 网页设计基础》是一本适合网页设计或开发初级课程。每个主题都只用两页篇幅进行讲解,在指出关键点的同时,一般还包含动手实作。全书覆盖网页设计师需要掌握的所有基础知识,包括以下主题:
互联网和万维网的概念;
用HTML5 创建网页;
用层叠样式表(CSS) 配置文本、颜色和网页布局;
配置网页上的图片和多媒体;
探索CSS Flexbox和CSS网格布局系统;
网页设计最佳实践;
创建在桌面和移动设备上都能良好显示的网页;
对无障碍访问、可用性和搜索引擎优化的考量;
取得域名和主机;
发布到网上。
本书中文版的学生文件可以从配套网站https://pan.baidu.com/s/1yd43W 下载(区分大小写),其中包括动手实作的原始文件和解决方案以及案例学习的原始文件。
在本书第4 版取得极大成功之后,第5版新增了以下特色:
更丰富的动手实作;
全面更新了范例代码、案例学习和网络资源;
更新了HTML5.2 元素和属性;
扩充了网页布局设计和灵活响应网页设计技术;
第8 章更名为“灵活响应布局基础”,强调了新的布局系统,包括CSS灵活布局模块(Flexbox) 和CSS 网格布局;
扩充了灵活响应图像技术,包括新的HTML5 的picture元素;
更新了HTML5 和CSS参考资源。
本书特色
立足当下,展望未来。本书采用独特的教学方式,使学生在学习适合当下的网页设计技能的同时,掌握新的HTML5 和CSS 编码技术,迎接未来的挑战。
精心挑选主题。本书既传授“硬”技能,比如HTML5 和层叠样式表( 第1 章和第2 章,第4 章~ 第11 章),也传授“软”技能,比如网页设计( 第3 章) 和发布到网上( 第12 章)。打下良好基础之后,学生作为网页设计师追寻自己的职业梦想时,会更加得心应手。使用本书的学生和老师会发现,我们这个课程变得更有趣了。学生在创建网页和网站时,可以一起讨论、综合和运用软硬技能。每个主题都用两页的篇幅来讲解,除了快速提供需要掌握的知识点外,还通过动手实例来巩固所学到的知识。
每个主题两页篇幅。每个主题都用简洁的、两页篇幅的一个小节进行讲述。许多小节还包含马上就可以开始的动手实作,旨在帮助巩固新学的技能或概念。这种精心设计对学业沉重的学生尤其有用,因为他们需要立即搞清楚关键的概念。
动手实作。网页开发是一门技能,只有通过动手实作才能更好地掌握。本书十分强调实际动手能力的培养,体现在每章的动手实作练习题、章末练习题以及通过真实的案例学习来完成网站的开发。
网站案例学习。从第2 章开始,案例学习将贯穿全书。它的作用是巩固每章所学的技能。教师资源中心提供了案例的示例解决方案,网址是http://www.pearsonhighered.com/irc。
聚焦网页设计。大多数章都提供额外的活动来探索与本章有关的网页设计主题。这些活动可以用于巩固、扩展和增强课程主题。
在我的网页开发课堂中,学生经常会问到一些同样的问题。书中列出了这些问题,并用FAQ 标志注明。
开发无障碍网页的重要性日益增强,所以无障碍网页设计技术将贯穿全书。这个特殊标记可以让您更方便地找到这些信息。
本书使用特殊的道德规范标记注明与网页开发有关的道德规范话题。
提供有用的背景资料,或者帮助提高生产力。
这个特殊标记代表可供深入探索的网络资源,方便学生对当前主题进行深入学习。
参考资料。附录提供了丰富的参考资料,包括HTML5 参考、CSS 参考、WCAG 2.1快速参考以及ARIA Landmark Roles 概述。
视频讲解(Video Note) 视频讲解讲解关键编程概念和技术,演示从设计到编码来解决问题的过程。视频讲解方便学生自学自己感兴趣的主题,支持选择、播放、倒退、快进和暂停。每当看到 视频讲解:……,都表明当前主题有对应的视频讲解。
视频列表可从本书中文版配套网站获取,网址是https://pan.baidu.com/s/1yd43W。注意,由于是英文视频,所以为了方便索引,书中保留了这些视频的英文名称。
补充材料
学生资源。本书中文版读者请访问https://pan.baidu.com/s/1yd43W(区分大小写)获取学生资源(含视频讲解)。
教师资源。以下补充资源仅供认证教师使用。
章末练习题答案;
案例学习作业答案;
试题;
PPT 演示文稿;
示范教学大纲。
作者网站。除了出版社为本书提供的配套网站,作者还专门创建了一个网站,网址为https://www.webdevbasics.net。该网站拥有许多额外资源,包括调色板和学习/复习游戏,还为每一章都单独建了一个网页,提供这一章的示例、链接和更新信息。
该网站由作者自行维护,和出版商无利益关系。
致谢
特别感谢出版社的工作人员,包括戈登斯坦(Matt Goldstein),雅各比(Meghan Jacoby) 和布兰兹(Amanda Brands)。
感谢我的家人,尤其是我的“另一半”,感谢他的耐心、关爱、支持和鼓励。最后还要特别纪念我的父亲,我们永远想念他。