请输入您要查询的百科知识:

 

词条 HTML+CSS网页开发技术精解
释义

图书信息

HTML+CSS网页开发技术精解吴玉中 等 编著

ISBN 978-7-121-14938-2

2012年1月出版

定价:59.80元(含光盘1张)

16开

424页

从学到会,以练求精

内容简介

本书学习的三大技术是Web标准的主要组成部分,在Web标准中,HTML/XHTML负责页面结构,CSS负责样式表现,JavaScript负责动态行为。本书不仅仅将笔墨局限于语法讲解上,每一个知识点均相应配以一个实例,通过边分析代码边查看结果,以一种可视化的方式来学习语言,避免了单纯学习语法的枯燥与乏味,使读者易于接受。

本书共21章,由5部分组成,由浅入深地介绍了HTML、CSS、JavaScript。第1部分讲述了HTML的基础知识,包括教你如何编写HTML,如何运用这些标记在Web页面中生成特殊效果。第2部分介绍了(X)HTML与CSS概述,并对CSS的各个语法标记的应用进行了实例讲解。第3部分介绍了盒子模型的概念、盒子的浮动与定位方式、CSS与DIV的布局方法。第4部分介绍了JavaScript语法基础、JavaScript程序、JavaScript标识符和变量、JavaScript运算符和表达式、JavaScript中事件的分析、JavaScript中的不同对象。第5部分采用最流行的CSS+DIV布局的方法,综合讲述了网站的制作全过程。

本书注重基础、讲究实用、选材精当、深入浅出,本书可作为从事网页设计与制作、网站开发、网页编程等行业人员参考,也可以作为普通高校计算机及相关专业教材、高职高专和社会培训班的教材。

前 言

近年来,随着网络信息技术的广泛应用,互联网正逐步改变着人们的生活方式和工作方式。越来越多的个人、企业等纷纷建立自己的网站,利用网站来宣传推广自己。人们的工作、生活和交流方式发生了巨大的改变,网页技术已经成为当代青年学生必备的知识技能。目前大部分制作网页的方式都是运用可视化的网页编辑软件,这些软件的功能相当强大,使用非常方便。而今天,Internet领域已经改变了太多,用软件点几下、拖几下即可完成整个网站的方法已经完全不适用。

早期只需要使用HTML即可单独完成前台网页制作,而今天一个专业网页设计者需要学习整个Web标准体系才能完成规范的前台网页制作。在Web标准中,HTML/XHTML负责页面结构,CSS负责样式表现,JavaScript负责动态行为。本书集合这3种技术带领初学者入门,相比复杂的后台技术而言,初学者学习前台技术将更加简单、直观。

本书主要内容

本书从初学者的角度出发,展现网页制作独特的魅力,使技术学习不再枯燥、教条。网页制作中融入了很多设计的理念,很多读者会发现,原来冷冰冰的代码竟能如此有趣。本书不仅将笔墨局限于语法讲解上,还通过一个个鲜活、典型的实战案例来达到学以致用的目的。从本书的目录可见一斑,每个语法都有相应的案例,在本书的最后还有综合案例。本书共21章,由5部分组成,由浅入深地介绍了HTML、CSS、 JavaScript。

第1篇 HTML篇

本部分由第1章至第9章组成,主要讲述了HTML的基础知识,教你如何编写HTML,如何运用这些标记在Web页面中生成特殊效果,并且对每章节的属性和方法进行了详细的解析,同时还运用了大量的案例加以说明。

第2篇 CSS基础篇

本部分由第10章至第16章组成。在本部分中,首先,介绍了(X)HTML与CSS概述。然后,用充分的案例来讲述CSS的各个语法标记的应用。

第3篇 CSS布局篇

本部分由第17章至第19章组成。在本部分中,介绍了盒子模型的概念、盒子的浮动与定位方式、CSS与DIV的布局方法。

第4篇 JavaScript篇

本部分由第20章组成。在本部分中,主要介绍了JavaScript语法基础、JavaScript程序、JavaScript标识符和变量、JavaScript运算符和表达式、JavaScript中事件的分析、JavaScript中的不同对象。

第5篇 综合案例篇

本部分由第21章组成,采用最流行的CSS+DIV布局的方法,综合讲述了网站的制作全过程。

学习流程图

本书主要特点

完善的知识结构

本书从网页制作的实际角度出发,将所有HTML、CSS和JavaScript元素进行归类,每个标记的语法、属性和参数都有完整详细的说明,信息量大,知识结构完善。

实例众多,步骤详细

每一个知识点均相应配以一个案例,通过边分析代码边查看结果,以一种可视化的方式来学习语言,避免了单纯学习语法的枯燥与乏味,使读者易于接受。所有案例都具有代表性,着重解决网页相关工作中的实际问题。

由浅入深,循序渐进

本书的编排采用循序渐进的方式,适合初学者逐步掌握复杂的页面前台制作。本书在编排上,不仅章与章之间遵循由浅入深的原则,每一章中的节与节之间也同样遵循这一原则。这样,本书就更接近于一本完整的学习教材。

图文并茂,重点突出

书中每个实例的演示效果都用图片的方式展示出来,做到明确直观。读者无须自己进行编码,也可以看到相应的运行结果或者显示效果。在不便上机操作的情况下,读者也可以根据书中的实例和效果图进行分析和比较。

每章最后配有习题,让读者总结提高,如果自己不能解答的话,我们还给出了答案,以加强学习。

本书读者对象

专业的网页制作人员。

广大的网页设计爱好者。

网页程序代码编写人员。

专业的网页维护人员。

培训机构、高等院校及职业院校的学生。

从事网页代码优化的工作人员。

拥有个人站点的站长。

本书是集体的结晶,除了署名外,另外参加编写和提供素材的还有邓静静、李银修、刘宇星、邓方方、张礼明、孙良军、杨建伟、李晓民、孙良志、刘中华、晁辉、陈石送、孙启云、王方等。参加本书编写的人员均为从事网页教学工作的资深教师和大型商业网站建设经验的资深网页设计师,有着丰富的教学经验和网页设计经验。由于时间所限,书中疏漏之处在所难免,恳请广大读者朋友批评指正。

目 录

第1篇 HTML篇

第1章 网页标识语言HTML基础 2

1.1 HTML语言概述 3

1.1.1 认识HTML语言 3

1.1.2 HTML语言的发展历史 3

1.2 HTML文件的基本结构 4

1.2.1 HTML文件结构 4

1.2.2 编写HTML文件的注意事项 4

1.3 编写简单的HTML实例 5

1.3.1 使用记事本手工编写HTML页面 5

1.3.2 使用Dreamweaver辅助编写HTML页面 6

1.4 课后习题 7

第2章 页面基本元素 8

2.1 页面头部元素<head> 9

2.2 页面标题元素<title> 9

2.3 元信息元素<meta> 10

2.3.1 元信息元素名称属性name、content 10

2.3.2 元信息元素的附加属性http-equiv 11

2.3.3 设置页面关键字 12

2.3.4 设置页面说明 12

2.3.5 定义页面的跳转 13

2.3.6 定义页面的作者信息 14

2.3.7 定义页面的版权信息 14

2.4 页面主体元素<body> 15

2.4.1 主体元素的背景属性bgcolor 15

2.4.2 主体元素的背景图片属性background 16

2.4.3 主体元素的文本属性text 16

2.4.4 未访问过的链接属性link 17

2.4.5 激活的链接属性alink 19

2.4.6 已访问过的链接属性vlink 19

2.4.7 IE浏览器中的左边界属性leftmargin 20

2.4.8 IE浏览器中的上边界属性topmargin 21

2.4.9 主体元素的背景图片滚动属性bgproperties 21

2.5 创建样式元素<style> 23

2.6 脚本元素<script> 24

2.7 课后习题 25

第3章 网页文本与段落信息组织 26

3.1 文本基本标记 28

3.1.1 字体属性face 28

3.1.2 字号属性size 29

3.1.3 颜色属性color 30

3.2 标题元素<H1~H6> 31

3.3 段落元素<p> 32

3.4 文本的间隔和布局 33

3.4.1 换行元素<br> 33

3.4.2 缩进元素<blockquote> 34

3.4.3 保留格式元素<pre> 35

3.4.4 取消换行元素<nobr> 36

3.4.5 引用元素<q> 37

3.5 水平分隔线元素<hr> 38

3.5.1 粗细属性size 38

3.5.2 阴影属性noshade 39

3.5.3 宽度属性width 40

3.5.4 对齐属性align 41

3.5.5 颜色属性color 42

3.6 文本的样式设置 43

3.6.1 放大元素<big> 43

3.6.2 缩小元素<small> 44

3.6.3 斜体显示元素<i>、<em>和<cite> 45

3.6.4 加粗的强调元素<strong>和<b> 46

3.6.5 下标元素<sub> 47

3.6.6 上标元素<sup> 47

3.7 课后习题 49

第4章 列表的建立和使用 50

4.1 使用无序列表 51

4.1.1 无序列表标记ul 51

4.1.2 无序列表的类型type 52

4.1.3 菜单列表标记menu 53

4.1.4 目录列表dir 54

4.2 使用有序列表 55

4.2.1 有序列表标记ol 56

4.2.2 有序列表的类型type 56

4.2.3 有序列表的起始数值start 58

4.3 列表条目元素<li> 59

4.3.1 项目符号的类型属性type 59

4.3.2 条目编号属性value 60

4.4 定义列表元素<dl> 61

4.5 课后习题 62

第5章 网页图像和多媒体信息组织 64

5.1 图像元素<img> 65

5.1.1 图像元素的路径属性src 65

5.1.2 代替图片的文本属性alt 66

5.1.3 图像元素的宽度、高度属性width、height 67

5.1.4 图像元素的边框属性border 68

5.1.5 图像元素的对齐属性align 69

5.1.6 图像元素的垂直边距属性vspace 71

5.1.7 图像元素的水平边距属性hspace 72

5.2 使用背景音乐 73

5.2.1 背景音乐的路径属性src 73

5.2.2 背景音乐的重复属性loop 74

5.3 滚动标签marquee 75

5.3.1 滚动标记marquee 75

5.3.2 滚动方向direction 76

5.3.3 滚动方式behavior 77

5.3.4 滚动次数loop 78

5.3.5 滚动速度scrollamount 79

5.3.6 滚动延迟scrolldelay 80

5.3.7 滚动区域的背景颜色bgcolor 81

5.3.8 滚动背景宽度width和高度height 82

5.3.9 设置空白空间hspace、vspace 83

5.4 多媒体标签 84

5.5 课后习题 85

第6章 超链接的建立 86

6.1 超链接基础 87

6.2 链接元素<a> 87

6.2.1 指定路径属性href 87

6.2.2 显示链接目标属性target 88

6.3 设置不同的链接目标 88

6.3.1 设置页面内部的特定目标的链接 88

6.3.3 设置图片的超链接 91

6.3.4 设置电子邮件链接 91

6.4 图像热区链接 92

6.5 课后习题 93

第7章 用表格排列组织网页元素 95

7.1 表格元素的结构 96

7.1.1 表格<table> 96

7.1.2 行<tr> 97

7.1.3 单元格<td> 97

7.2 <table>元素的属性 98

7.2.1 边框属性border 98

7.2.2 水平对齐属性align 100

7.2.3 高度属性height 101

7.2.4 宽度属性width 102

7.2.5 边框颜色属性bordercolor 103

7.2.6 边框亮边线属性bordercolorlight 104

7.2.7 边框暗边线属性bordercolordark 105

7.2.8 背景颜色属性bgcolor 106

7.2.9 背景图片属性background 107

7.2.10 单元格间距属性cellspacing 108

7.2.11 单元格补白属性cellspadding 109

7.3 <tr>元素的属性 110

7.3.1 水平对齐属性align 110

7.3.2 垂直对齐属性valign 111

7.3.3 背景颜色属性bgcolor 112

7.3.4 边框颜色属性bordercolor 113

7.3.5 边框暗边线属性bordercolordark 114

7.3.6 边框亮边线属性bordercolorlight 115

7.4 <td>元素的属性 116

7.4.1 宽度属性width 116

7.4.2 高度属性height 117

7.4.3 背景颜色属性bgcolor 118

7.4.4 背景图片属性background 119

7.4.5 水平对齐属性align 120

7.4.6 垂直对齐属性valign 121

7.4.7 边框颜色属性bordercolor 122

7.4.8 合并列属性colspan 123

7.4.9 合并行属性rowspan 124

7.5 表格中使用的其他元素 125

7.5.1 表格标题元素<caption> 126

7.5.2 表格头行元素<thead> 127

7.5.3 表主体元素<tbody> 129

7.5.4 表格行尾元素<tfoot> 130

7.6 课后习题 132

第8章 用表单创建交互式网页 133

8.1 表单元素form 134

8.1.1 处理动作action 134

8.1.2 表单名称name 134

8.1.3 传送方法method 135

8.1.4 编码方式enctype 136

8.1.5 目标显示方式target 137

8.2 表单控件<input> 138

8.2.1 文字字段text 138

8.2.2 密码域password 140

8.2.3 单选按钮radio 141

8.2.4 复选框checkbox 142

8.2.5 普通按钮button 143

8.2.6 提交按钮submit 145

8.2.7 重置按钮reset 146

8.2.8 图像域image 147

8.2.9 隐藏域hidden 148

8.2.10 文件域file 149

8.3 选择列表条目元素<option> 151

8.4 选择列表元素<select> 152

8.4.1 高度属性size 152

8.4.2 多项选择属性multiple 154

8.5 文本区域元素<textarea> 155

8.6 课后习题 156

第9章 创建框架结构网页 158

9.1 框架简介 159

9.2 框架集元素<frameset> 159

9.2.1 水平分割窗口rows 159

9.2.2 垂直分割窗口cols 160

9.2.3 边框属性frameborder 161

9.2.4 边框宽度framespacing 162

9.2.5 边框颜色bordercolor 163

9.3 框架内容元素<frame> 164

9.3.1 框架页面源文件src 164

9.3.2 框架名称name 165

9.3.3 框架窗口的尺寸noresize 166

9.3.4 框架边框与页面内容的水平边距marginwidth 167

9.3.5 框架边框与页面内容的垂直边距marginheight 168

9.3.6 设置框架滚动条scrolling 169

9.3.7 不支持框架标记noframes 171

9.4 浮动框架元素<iframe> 171

9.4.1 浮动框架的页面源文件src 172

9.4.2 浮动框架的宽度width和高度height 172

9.4.3 浮动框架对齐方式align 173

9.4.4 框架边框与页面内容的水平边距marginwidth 174

9.4.5 框架边框与页面内容的垂直边距marginheight 175

9.4.6 设置浮动框架是否显示滚动条scrolling 175

9.4.7 浮动框架的边框frameborder 176

9.5 课后习题 177

第2篇 CSS基础篇

第10章 (X)HTML与CSS概述 180

10.1 HTML与XHTML 181

10.1.1 什么是XHTML 181

10.1.2 DOCTYPE声明 181

10.1.3 XHTML与HTML的重要区别 182

10.2 何谓Web标准 184

10.3 (X)HTML与CSS 184

10.3.1 CSS标准 184

10.3.2 传统HTML的缺点 185

10.3.3 如何编辑CSS 186

10.4 课后习题 187

第11章 CSS语言基础 188

11.1 CSS基本语法 189

11.2 基本CSS选择器 189

11.2.1 标签选择器 189

11.2.2 类选择器 190

11.2.3 ID选择器 191

11.3 在HTML中添加CSS的方法 193

11.3.1 在标签中加入样式 193

11.3.2 在HTML文档中植入CSS样式 194

11.3.3 链接外部样式 194

11.3.4 导入样式 195

11.3.5 在脚本内添加CSS样式 195

11.4 课后习题 196

第12章 用CSS设置文本样式 197

12.1 文字样式的设置 198

12.1.1 字体font-family 198

12.1.2 字号font-size 198

12.1.3 文字倾斜效果font-style 200

12.1.4 文字加粗font-weight 201

12.1.5 字体变体font-variant 202

12.2 文本的排版 203

12.2.1 调整字母间距letter-spacing 204

12.2.2 调整单词间距word-spacing 205

12.2.3 添加文字修饰text-decoration 206

12.2.4 设置文本排列方式text-align 207

12.2.5 设置段落缩进text-indent 208

12.2.6 调整行高line-height 209

12.2.7 转换英文大小写text-transform 210

12.2.8 垂直对齐属性vertical-align 211

12.3 课后习题 212

第13章 用CSS设置网页图片和背景 214

13.1 设置图片边框 215

13.1.1 基本属性 215

13.1.2 设置不同的边框样式 216

13.2 图片缩放 217

13.3 图文混排 219

13.3.1 文字环绕 219

13.3.2 设置图片与文字的间距 220

13.4 设置网页的背景 221

13.4.1 背景颜色background-color 221

13.4.2 背景图像background-image 222

13.5 设置背景图像的属性 224

13.5.1 背景图片重复background-repeat 224

13.5.2 背景图片滚动属性background-attachment 225

13.5.3 背景图片定位background-position 226

13.6 课后习题 227

第14章 CSS中的滤镜 229

14.1 不透明度alpha 230

14.2 动感模糊blur 232

14.3 对颜色进行透明处理chroma 233

14.4 设置阴影dropShadow 235

14.5 对象的翻转flipH、flipV 236

14.6 发光效果glow 237

14.7 灰度处理gray 238

14.8 反相invert 239

14.9 X光片效果xray 240

14.10 波形滤镜wave 242

14.11 课后习题 243

第15章 用CSS设置表格和表单样式 244

15.1 控制表格元素的显示 245

15.1.1 边框合并属性border-collapse 245

15.1.2 表格边框间距属性border-spacing 246

15.1.3 表格标题位置属性caption-side 247

15.1.4 表格布局属性table-layout 248

15.2 美化表格 249

15.2.1 隔行换色的斑马纹表格 250

15.2.2 通过mouse事件制作变色的单元格 251

15.3 CSS与表单 252

15.3.1 表单中的元素 252

15.3.2 改变按钮的背景颜色和文字颜色 253

15.3.3 用dl、dd、dt替换table实现表单布局 254

15.3.4 设计文本框的样式 255

15.3.5 改变下拉菜单颜色 256

15.4 课后习题 258

第16章 用CSS设置链接与导航菜单 259

16.1 链接标签 260

16.2 创建按钮式超链接 261

16.3 控制鼠标指针 262

16.4 设置项目列表样式 263

16.4.1 列表符号类型list-style-type 263

16.4.2 列表符号的混用 265

16.4.3 列表图像属性list-style-image 267

16.4.4 标签位置属性list-style-position 268

16.4.5 列表综合属性list-style 269

16.5 创建简单的导航菜单 270

16.5.1 简单的竖直排列菜单 270

16.5.2 横竖自由转换菜单 272

16.6 鼠标指针移上时图片渐变的效果 273

16.7 课后习题 274

第3篇 CCS布局篇

第17章 CSS盒子模型 278

17.1 “盒子”与“模型”的概念 279

17.2 边框border 280

17.2.1 边框宽度border-width 280

17.2.2 边框颜色border-color 281

17.2.3 边框样式border-style 282

17.3 设置内边距padding 284

17.3.1 顶部属性padding-top 284

17.3.2 右侧属性padding-right 285

17.3.3 底部属性padding-bottom 286

17.3.4 左侧属性padding-left 287

17.4 设置外边距margin 288

17.4.1 顶部边界属性margin-top 288

17.4.2 右侧边界属性margin-right 289

17.4.3 底部边界属性margin-bottom 290

17.4.4 左侧边界属性margin-left 291

17.5 课后习题 292

第18章 盒子的浮动与定位 293

18.1 盒子的浮动 294

18.1.1 元素的浮动属性float 294

18.1.2 清除浮动属性clear 298

18.2 元素的定位 299

18.2.1 元素的定位属性position 299

18.2.2 上边偏移属性top、下边偏移属性bottom 300

18.2.3 左边偏移属性left、右边偏移属性right 302

18.3 盒子的定位 303

18.3.1 绝对定位(absolute) 303

18.3.2 固定定位(fixed) 306

18.3.3 相对定位(relative) 308

18.3.4 静态定位(static) 309

18.4 z-index空间位置 310

18.5 课后习题 312

第19章 CSS+DIV布局方法 314

19.1 CSS布局理念 315

19.1.1 将页面用DIV分块 315

19.1.2 设计各块的位置 315

19.1.3 用CSS定位 316

19.2 固定宽度布局 317

19.2.1 两列布局 318

19.2.2 三列布局 319

19.2.3 多列布局 321

19.3 圆角框 322

19.4 变宽度网页布局制作 324

19.5 课后习题 327

第4篇 JavaScript篇

第20章 JavaScript基础 330

20.1 JavaScript起步 332

20.1.1 JavaScript简介 332

20.1.2 JavaScript实例 333

20.1.3 JavaScript放置位置 334

20.2 JavaScript程序 335

20.2.1 语句和语句块 335

20.2.2 函数 339

20.2.3 常用系统函数 340

20.2.4 消息对话框 343

20.2.5 注释 344

20.3 标识符和变量 344

20.3.1 关于命名的规定 344

20.3.2 JavaScript的数据类型 345

20.3.3 变量 346

20.3.4 转义字符 347

20.4 运算符和表达式 348

20.4.1 算术运算符和表达式 348

20.4.2 赋值运算符和表达式 350

20.4.3 关系运算符和表达式 350

20.4.4 逻辑运算符和表达式 351

20.4.5 条件运算符和表达式 352

20.5 对象 353

20.5.1 对象属性的使用 353

20.5.2 对象方法的使用 354

20.5.3 浏览器的内部对象 354

20.6 事件编程 357

20.6.1 事件简介 357

20.6.2 onFocus事件 358

20.6.3 鼠标事件 359

20.6.4 单击事件 360

20.6.5 页面载入和离开 360

20.7 课后习题 361

第5篇 综合案例篇

第21章 网站页面制作综合案例 364

21.1 案例概述 365

21.2 内容分析 366

21.3 HTML结构设计 366

21.4 页面方案设计 368

21.5 定义页面的整体样式 370

21.6 制作页面头部 372

21.6.1 制作页面头部的结构 372

21.6.2 定义页面头部的样式 372

21.7 制作左侧导航 374

21.7.1 制作左侧导航部分的结构 374

21.7.2 定义左侧导航的样式 375

21.8 制作“联系我们”部分 376

21.8.1 制作“联系我们”部分的结构 376

21.8.2 定义“联系我们”内容的样式 376

21.9 制作“公司介绍”部分 377

21.9.1 制作“公司介绍”部分结构 377

21.9.2 定义“公司介绍”部分的样式 378

21.10 制作“图片展示”和“新闻动态” 379

21.10.1 制作页面结构 379

21.10.2 定义页面样式 379

21.11 制作“酒店订购”部分 380

21.11.1 制作页面结构 380

21.11.2 定义页面样式 381

21.12 制作底部版权部分 381

21.13 课后习题 382

附录A HTML标签索引表 383

附录B CSS常用样式速查表 388

附录C JavaScript语法手册 393

附录D 课后习题答案 400

随便看

 

百科全书收录4421916条中文百科知识,基本涵盖了大多数领域的百科知识,是一部内容开放、自由的电子版百科全书。

 

Copyright © 2004-2023 Cnenc.net All Rights Reserved
更新时间:2025/3/27 14:34:14