网页设计与制作（HTML+CSS） - 传智教育图书库

内容简介

全书共11章，第1到3章主要讲解了HTML与CSS的基础知识，包括Web基本概念、HTML与CSS简介、Dreamweaver工具的使用、HTML文本与图像标记、CSS选择器、CSS文本样式属性、CSS的继承性和优先级。第4到7章分别讲解了盒子模型、列表与超链接、表格与表单、元素的浮动与定位，他们是学习网页制作的核心。第8章到到9章主要讲解了CSS的高级技巧、布局与常见的兼容性，掌握这些实用的技巧，可以使初学者在制作网页时得心应手。第10到11章为实战开发，结合前面学习的基础知识，带领初学者开发一个包含首页和多个子页面的中型网站。

适合群体

本书可作为高等院校本、专科计算机相关专业程序设计类课程专用教材。

图书特色

HTML与CSS是网页制作技术的核心和基础，也是每个网页制作者必须要掌握的基本知识，两者在网页设计中不可或缺。本书从初学者的角度，以形象的比喻、实用的案例、通俗易懂的语言详细介绍了使用HTML与CSS进行网页设计与制作的各方面内容和技巧。

本书附有配套的教学PPT、题库（2000道）、教学视频、源代码、教学补充案例、教学设计等资源。同时，为了帮助初学者及时地解决学习过程中遇到的问题，传智播客还专门提供了免费的在线答疑平台，并承诺在3小时内针对问题给予解答。

本书可作为高等院校本、专科计算机相关专业程序设计类课程专用教材。

配套资源

进入高校教辅平台查看资源

图书目录

第1章HTML与CSS网页设计概述.. 1 
1.1   Web 基本概念 .............................. 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简介........................... 8
1.2.3  常见浏览器介绍................ 9
1.3   Dreamweaver 工具的使用........... 10
1.3.1 Dreamweaver界面介绍... 10
1.3.2 Dreamweaver初始化设置................................. 15
1.3.3  创建第一个网页.............. 17
本章小结............................................. 19
第2章HTML入门.......................... 20 
2.1   什么是 HTML ............................. 20
2.1.1 HTML文档基本格式...... 20
2.1.2 HTML标记..................... 21
2.1.3  标记的属性..................... 25
2.1.4 HTML文档头部相关标记................................. 27
2.2   HTML 文本控制标记 ................. 30
2.2.1  标题和段落标记.............. 30
2.2.2  文本样式标记.................. 35
2.2.3  文本格式化标记.............. 37
2.2.4  特殊字符标记.................. 38
2.3   HTML 图像标记 ......................... 40
2.3.1  常用图像格式.................. 40
2.3.2  图像标记......................... 41
2.3.3  相对路径和绝对路径...... 45
2.4   阶段案例——制作图文混排 页面............................................ 48
2.4.1  分析效果图......................48
2.4.2  制作页面结构..................48
2.4.3  控制图像..........................49
2.4.4  控制文本..........................50
本章小结 .............................................52
第3章CSS入门.............................53 
3.1   CSS核心基础 .............................53
3.1.1 CSS样式规则..................53
3.1.2  引入CSS样式表.............54
3.1.3 CSS基础选择器..............59
3.2   CSS 文本相关样式......................62
3.2.1 CSS字体样式属性...........62
3.2.2 CSS文本外观属性...........67
3.3   CSS高级特性 .............................73
3.3.1 CSS复合选择器..............73
3.3.2 CSS层叠性和继承性.......76
3.3.3 CSS优先级......................78
3.4   阶段案例——制作新闻页面 ......81
3.4.1  分析效果图......................82
3.4.2  制作页面结构..................82
3.4.3  定义CSS样式.................83
本章小结 .............................................85
第4章  盒子模型..............................86 
4.1   认识盒子模型.............................86
4.2   盒子模型相关属性 .....................88
4.2.1  边框属性..........................88
4.2.2  内边距属性......................94
4.2.3  外边距属性......................96
4.2.4  背景属性..........................98
4.2.5  盒子的宽与高................104
4.3   元素的类型与转换 ...................105
4.3.1  元素的类型....................105
4.3.2 <div>与<span>标记.......107
4.3.3  元素的转换....................110
4.4   块元素垂直外边距的合并 ....... 112
4.4.1  相邻块元素垂直外边距的合并............................112
4.4.2  嵌套块元素垂直外边距的合并............................113
4.5   阶段案例——制作音乐盒........ 115
4.5.1  分析效果图....................115
4.5.2  制作页面结构.................117
4.5.3  定义CSS样式................118
本章小结........................................... 119
第5章  列表与超链接.................... 120 
5.1  列表标记.................................. 120
5.1.1  无序列表ul ................... 120
5.1.2  有序列表ol ................... 122
5.1.3  定义列表dl ................... 123
5.1.4  列表的嵌套应用............ 126
5.2   CSS 控制列表样式 ................... 127
5.2.1 list-style-type属性........ 127
5.2.2 list-style-image属性...... 129
5.2.3 list-style-position属性.. 130
5.2.4 list-style属性................ 131
5.3   超链接标记 .............................. 133
5.3.1  创建超链接................... 133
5.3.2  锚点链接....................... 135
5.4   链接伪类控制超链接............... 137
5.5   阶段案例——制作新闻列表.... 139
5.5.1  分析效果图................... 139
5.5.2  制作页面结构................ 140
5.5.3  定义CSS样式............... 141
本章小结........................................... 142
第6章  表格与表单........................ 143 
6.1   表格标记.................................. 143
6.1.1  创建表格....................... 143
6.1.2 <table>标记的属性........ 145
6.1.3 <tr>标记的属性............. 149
6.1.4 <td>标记的属性............ 151
6.1.5 <th>标记及其属性........ 154
6.1.6  表格的结构....................154
6.2   CSS 控制表格样式....................156
6.2.1 CSS控制表格边框.........156
6.2.2 CSS控制单元格边距.....159
6.2.3 CSS控制单元格的宽高....160
6.3   认识表单...................................161
6.4   创建表单...................................163
6.5   表单控件...................................164
6.5.1 input控件.......................164
6.5.2 textarea控件..................168
6.5.3 select控件......................169
6.6   CSS 控制表单样式....................174
6.7   阶段案例——制作注册界面 ....177
6.7.1  分析效果图....................177
6.7.2  制作页面结构................178
6.7.3  定义CSS样式...............181
本章小结 ...........................................183
第7章  浮动与定位........................184 
7.1   元素的浮动...............................184
7.1.1  元素的浮动属性............184
7.1.2  清除浮动........................188
7.2   overflow 属性.............................194
7.3   元素的定位...............................196
7.3.1  元素的定位属性............196
7.3.2  静态定位........................196
7.3.3  相对定位relative ...........197
7.3.4  绝对定位........................198
7.3.5  固定定位........................201
7.3.6 z-index层叠等级属性....201
7.4   阶段案例——制作 banner ........201
7.4.1  分析效果图....................202
7.4.2  制作页面结构................202
7.4.3  定义CSS样式...............204
本章小结 ...........................................208
第8章CSS高级技巧....................209 
8.1   CSS 精灵技术 ...........................209
8.1.1  需求分析........................209
8.1.2  工作原理........................210 
8.1.3  案例实战——精品课程... 213
8.2   CSS 滑动门技术 ....................... 217
8.2.1  需求分析....................... 217
8.2.2  工作原理....................... 217
8.2.3  案例实战——梯形网站导航............................... 217
8.3   margin 负值的应用................... 220
8.3.1  对同级元素应用负margin ....................... 221
8.3.2  对子元素应用负margin ....................... 222
8.3.3  案例实战——登录注册模块....................... 223
本章小结........................................... 226
第9章  布局与兼容性.................... 227 
9.1   CSS布局................................... 227
9.1.1  版心和布局流程............ 227
9.1.2  单列布局....................... 229
9.1.3  两列布局....................... 231
9.1.4  三列布局....................... 233
9.1.5  通栏布局....................... 236
9.1.6  网页模块命名规范........ 238
9.2   浏览器兼容性 .......................... 239
9.2.1 CSSHack........................ 239
9.2.2 IE条件注释语句........... 244
9.2.3  使用!important解决高度自适应问题............ 246
9.3   常见 IE 6 浏览器的兼容问题 .. 248
9.3.1 IE6中浮动元素的双倍外边距问题................... 248
9.3.2 IE 6不支持透明图像问题............................... 250
9.3.3 IE 6中图片底部的像素间隙问题................ 251 
9.3.4 IE 6中元素最小高度的问题............................252
9.3.5 IE 6显示多余字符问题................................253
9.3.6 IE6中3像素间距Bug ..255
本章小结 ...........................................256
第10章  实战开发（上）—传智播客设计学院首页面...............257 
10.1   准备工作.................................260
10.1.1  建立站点......................260
10.1.2  站点初始化设置...........261
10.1.3  首页面效果图分析.......262
10.1.4  切片..............................263
10.1.5  页面布局......................265
10.2   首页面详细制作 .....................266
10.2.1  制作头部和导航...........267
10.2.2 banner和通告..............269
10.2.3  主体内容区域..............273
10.2.4  底部版权区域..............288
本章小结 ...........................................290
第11章  实战开发（下）—传智播客设计学院子页面...............291 
11.1   Dreamweaver 模板...................291
11.1.1  模板的作用..................291
11.1.2  建立模板的步骤...........291
11.1.3  引用模板......................295
11.2   列表详情页面制作 .................296
11.2.1  “关于我们”页面制作................................297
11.2.2  课程介绍页面制作.......302
11.2.3  课程详细介绍页面制作..............................308
本章小结 ...........................................320

展开全部内容