网页制作教程

本书主要培养初学者掌握网页设计与制作的基本技能，使初学者熟悉网页设计的概念和方法，能够运用HTML和CSS设计和美化网页，进行网站规划、建立和维护，具备网页设计岗位的职业技术能力，成为熟练的网页制作者和Web站点管理者。
作为一种技术的入门教程，*重要的也*难的一件事情就是要将一些非常复杂、难以理解的思想和问题简单化，让初学者能够轻松理解并快速掌握。本书对每个知识点都进行了深入的分析，针对每个知识点精心设计了相关案例，并模拟这些知识点在实际工作中的运用，真正做到了知识的由浅入深，由易到难。
全书共10章，包含以下内容。
（1）第1章主要介绍了网页制作的基础知识，通过学习，初学者能够简单地认识网页，了解HTML与CSS语言，了解网页制作的常用工具。
（2）第2章主要介绍网站的建站流程、分类和网站建设过程中的一些行业规范。
（3）第3、4章分别为HTML基础和CSS入门，要求初学者掌握HTML与CSS语言的基本语法，熟悉常用的HTML文本标记、图像标记，能够熟练地使用CSS控制网页中的字体和文本外观。
（4）第5～8章主要讲解了CSS高级技巧、布局与常见的兼容性。掌握这些实用的技巧，可以使初学者在制作网页时得心应手。
（5）第9、10章为实战开发内容，结合前面学习的基础知识，引导初学者开发一个综合性的页面—— 学校的网页首页，并掌握在网上进行发布的技术。通过实战训练，初学者可以更好地掌握一个完整网站项目的开发流程。
本书附有配套的源代码、习题、教学课件、教学大纲、教学辅助案例等资源。
本书由聊城职业技术学院王琰琰、白伟杰主编，负责整书思路、主要框架和大纲的编写。陈婧、李秋敬、吴英宾、郑桂昌、王秀玲任副主编。束华娜、赵华丽、王慧、王飞宇、姜运宇也参与了本书的编写（排名不分前后）。
由于编者水平有限，书中错误、疏漏之处在所难免，恳请广大读者批评指正。

HTML与CSS是网页制作技术的核心和基础，也是每个网页制作者必须要掌握的基础知识，两者在网页设计中不可或缺。本书从初学者的角度，以形象的比喻、实用的案例、通俗易懂的语言详细介绍了使用HTML与CSS进行网页设计与制作的各方面内容和技巧。
本书共10章，其中第1～4章主要介绍了网页概述、建站规范、HTML基础和CSS入门。第5～8章主要讲解了CSS盒子模型、浮动与定
位、列表与超链接、HTML表单。第9、10章为实战开发内容，引导读者开发一个综合的网页，并掌握网上发布的技术。
本书配套有源代码、习题、教学课件、教学大纲、教学辅助案例等资源。
本书可作为普通高等院校、高等职业技术学院相关专业网页设计与制作课程的教材，也可以作为网页平面设计的培训教材，还可以作为网页制作、美工设计、网页编程等行业人员的参考用书。

前 言
第1章　网页概述............................................................................1
1.1　网页基本概念.........................................................................2
1.2　网页制作简介.........................................................................5
1.3　网页制作常用工具介绍...........................................................9
第2章　建站规范..........................................................................15
2.1　网站建站流程.......................................................................16
2.2　网站分类.............................................................................18
2.3　网站设计规范.......................................................................19
第3章　HTML基础......................................................................23
3.1　HTML页面的形成................................................................24
3.2　HTML文本控制标记.............................................................28
3.3　图像标记.............................................................................37
3.4　阶段性案例—— 制作图文混排页面........................................43
第4章　CSS入门.........................................................................47
4.1　CSS基础.............................................................................48
4.2　CSS选择器.........................................................................55
4.3　CSS设置字体效果...............................................................58
4.4　CSS文本外观属性...............................................................62
4.5　CSS复合选择器、层叠性与继承性以及优先级......................64
4.6　阶段性案例—— 百度搜索页面...............................................74
第5章　CSS盒子模型..................................................................79
5.1　什么是盒子模型...................................................................80
5.2　盒子模型相关属性................................................................80
5.3　元素类型.............................................................................88
5.4　块状元素垂直边距的合并......................................................93
5.5　阶段性案例—— 多图像显示效果...........................................96
第6章　浮动与定位......................................................................99
6.1　浮动..................................................................................100
6.2　定位..................................................................................106
6.3　阶段性案例—— 导航栏制作................................................111
第7章　列表与超链接.................................................................115
7.1　列表..................................................................................116
7.2　超链接...............................................................................121
7.3　阶段性案例—— 新闻版块的制作.........................................127
第8章　HTML表单....................................................................131
8.1