HTML与CSS是网页制作技术的核心和基础,也是每个网页制作者必须要掌握的基本知识,两者在网页设计中不可或缺。本书从初学者的角度,以形象的比喻、实用的案例、通俗易懂的语言详细介绍了使用HTML与CSS(包括HTML5和CSS3)进行网页设计与制作的各方面内容和技巧。 全书共11章,第1到3章主要讲解了HTML与CSS的基础知识,包括Web基本概念、HTML与CSS简介、Dreamweaver工具的使用、HTML文本与图像标记、CSS选择器、CSS文本样式属性、CSS的继承性优先级以及HTML5和CSS3的新特性。第4到9章分别讲解了盒子模型、列表与超链接、表格与表单、元素的浮动与定位、音频与视频的嵌入、过渡、变形、动画等,它们是学习网页制作的核心。第10章主要讲解了CSS的高级技巧、布局与常见的兼容性,掌握这些实用的技巧,可以使初学者在制作网页时得心应手。第11章为实战开发,结合前面学习的基础知识,带领初学者开发一个电商网站的首页面。 本书附有配套视频、源代码、习题、教学课件等资源,而且为了帮助初学者更好地学习本书讲解的内容,还提供了在线答疑,希望得到更多读者的关注。 本书既可作为高等院校相关专业的网页设计与制作课程的教材,也可作为网页平面设计的培训教材,是一本适合网页制作、美工设计、网站开发、网页编程等行业人员阅读与参考的优秀读物。
江苏传智播客教育科技股份有限公司(简称传智播客)与中国铁道出版社是战略合作关系。传智播客是一家专门致力于高素质软件开发人才培养的高科技公司。传智播客致力于为企业优选一流的人才的培训理念,经过多年的教学探索及战略布局,已向着综合型职业教育集团发展。黑马程序员是传智播客旗下高端IT教育品牌。
第1章 HTML和CSS网页制作概述 1
1.1 网页概述 . 1
1.1.1 网页的构成 . 1
1.1.2 网页相关名词 3
1.1.3 Web标准 .. 4
1.2 网页制作技术 6
1.2.1 HTML简介 . 6
1.2.2 CSS简介 7
1.3 网页展示ping台
8
1.4 网页代码编辑工具 .11
1.4.1 Dreamweaver操作界面 11
1.4.2 Dreamweaver初始化设置 .. 16
1.4.3 创建第#一个网页 18
小结 20
第2章 HTML入门
.. 21
2.1 HTML概述 ..21
2.1.1 HTML文档格式. 21
2.1.2 HTML标签 .. 22
2.2 HTML文本控制标签 .26
2.2.1 页面格式化标签 26
2.2.2 文本样式标签 . 32
2.2.3 文本格式化标签 33
2.2.4 特殊字符 34
2.3 HTML图像应用 35
2.3.1 常用图像格式 . 35
2.3.2 图像标签. 36
2.3.3 绝#对路径和相对路径.. 39
2.4 阶段案例制作图文混排
页面 40
2.4.1 分析效果图 .. 40
2.4.2 制作页面结构 . 40
2.4.3 控制图像 41
2.4.4 控制文本 42
小结. 43
第3章 CSS入门.. 44
3.1 CSS核心基础 44
3.1.1 CSS样式规则 .. 44
3.1.2 CSS样式引入 .. 46
3.1.3 CSS基础选择器 . 52
3.2 CSS文本样式属性 . 55
3.2.1 CSS字体样式属性 55
3.2.2 CSS文本外观属性 .. 59
3.3 CSS高#级特性 68
3.3.1 CSS复合选择器 . 68
3.3.2 CSS层叠性和继承性 .. 71
3.3.3 CSS优先级 73
3.4 阶段案例制作新闻页面
.. 76
3.4.1 分析效果图 .. 76
3.4.2 制作页面结构 . 77
3.4.3 定义CSS样式 .. 78
小结. 79
第4章 盒子模型.. 80
4.1 认识盒子模型 .. 80
4.2 盒子模型的相关属性 . 82
4.2.1 边框属性 82
4.2.2 内边距属性 .. 89
4.2.3 外边距属性 .. 91
4.2.4 背景属性 92
4.2.5 盒子的宽与高 . 98
4.3 CSS3新增盒子模型属性 .. 99
4.3.1 颜色透明度 .. 99
4.3.2 圆角 100
4.3.3 图片边框..103
4.3.4 阴影 106
4.3.5 渐变 108
4.3.6 多背景图像 .114
4.3.7 修剪背景图像 115
4.4 元素的类型和转换 116
4.4.1 元素的类型 .116
4.4.2 div和span ..118
4.4.3 元素类型的转换 . 121
4.5 块元素垂直外边距的合并123
4.5.1 相邻块元素垂直外边距的
合并 123
4.5.2 嵌套块元素垂直外边距的
合并 125
4.6 阶段案例制作音乐
排行榜 ..127
4.6.1 分析效果图 127
4.6.2 制作页面结构 .. 128
4.6.3 定义CSS样式 129
小结 130
第5章 列表和超链接 ..
131
5.1 列表标签 ..131
5.1.1 无序列表 . 131
5.1.2 有序列表 . 133
5.1.3 定义列表 . 134
5.1.4 列表的嵌套应用 . 136
5.2 CSS控制列表样式 ..137
5.2.1 list-style-type属性 . 137
5.2.2 list-style-image属性.. 139
5.2.3 list-style-position属性 . 140
5.2.4 list-style属性 . 141
5.3 超链接标签 . 143
5.3.1 创建超链接 144
5.3.2 锚点链接 . 146
5.4 链接伪类控制超链接. 148
5.5 阶段案例制作新闻列表
.. 150
5.5.1 分析效果图 150
5.5.2 制作页面结构 .. 151
5.5.3 定义CSS样式 152
5.6 小结 154
第6章
表格和表单155
第7章
网页布局213
第8章
视频和音频252
第9章
过渡、变形和动画268
第10章
网页制作应用技巧296
第11章
实战开发-电商网站首页312