HTML+CSS+JavaScript网页设计与布局实用教程 (第2版)

HTML+CSS+JavaScript网页设计与布局实用教程 (第2版)
分享
扫描下方二维码分享到微信
打开微信,点击右上角”+“,
使用”扫一扫“即可将网页分享到朋友圈。
作者:
2018-06
版次: 2
ISBN: 9787302496069
定价: 59.00
装帧: 其他
开本: 16开
纸张: 胶版纸
页数: 392页
字数: 594千字
13人买过
  • 胡秀娥,资深Web技术专家,有10余年网站开发授课经验,是国内较早专业从事Web开发的一线技术人员和培训讲师。一直致力于对HTML、JavaScript、CSS、jQuery、jQUery Mobile等Web开发技术的研究和实践。
      《HTML CSS JavaScript网页设计与布局实用教程(第2版)》共21章,引导读者从零开始,一步步掌握网页设计与布局的全过程。《HTML CSS JavaScript网页设计与布局实用教程(第2版)》紧密围绕网页设计师在制作网页过程中实际需要掌握的技术,全面介绍了使用HTML、CSS、JavaScript进行网页设计和制作的各方面内容和技巧。《HTML CSS JavaScript网页设计与布局实用教程(第2版)》不是单纯讲解语法,而是通过一个个鲜活、典型的实战案例来达到学以致用的目的。每个语法都有相应的实例。每章后面又配有综合小实例,同时配有习题,力求达到理论知识与实践操作完美结合的效果。
      《HTML CSS JavaScript网页设计与布局实用教程(第2版)》可作为普通高校计算机及相关专业的教材,并可供从事网页设计与制作、网站开发及网页编程等行业的人员参考。
    胡秀娥,资深Web技术专家,有10余年网站开发授课经验,是国内较早专业从事Web开发的一线技术人员和培训讲师。一直致力于对HTML、JavaScript、CSS、jQuery、jQUery Mobile等Web开发技术的研究和实践。

    目    录

    第1章  网页标记语言HTML入门基础      1

    1.1  HTML概述     1

    1.2  HTML文件的构成          2

    1.2.1  HTML文件结构 2

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

    1.3  怎样编写HTML文件    4

    1.3.1  使用记事本文件编写页面         4

    1.3.2  使用Dreamweaver编写HTML页面         5

    1.4 网页设计与开发的过程        6

    1.4.1 明确网站定位    6

    1.4.2 收集信息和素材         7

    1.4.3 规划栏目结构    7

    1.4.4 设计页面方案    8

    1.4.5 制作页面    9

    1.4.6 实现后台功能    10

    1.4.7 网站的测试与发布    11

    1.5  本章小结        11

    1.6  练习题   12

    第2章  HTML网页文档的结构  13

    2.1  HTML文档主体标记     13

    2.1.1  bgcolor属性        13

    2.1.2  background属性         14

    2.1.3  text属性     15

    2.1.4  设置链接文字属性    16

    2.1.5  设置页面边距    19

    2.2  head部分的标记  20

    2.2.1  title标记     20

    2.2.2  定义页面关键字         20

    2.2.3  定义页面描述    21

    2.2.4  定义编辑工具    22

    2.2.5  定义作者信息    22

    2.2.6  定义网页文字及语言         23

    2.2.7  定义网页的定时跳转         24

    2.3  综合实例——创建基本的HTML文件         24

    2.4  本章小结        27

    2.5  练习题   28

    第3章 网页文本与段落排版     29

    3.1  插入其他标记        29

    3.1.1  空格符号  29

    3.1.2  特殊符号    30

    3.2  设置文字的格式   31

    3.2.1  face属性     31

    3.2.2  size属性     32

    3.2.3  color属性   33

    3.2.4  b、strong、em、u标记    34

    3.2.5  sup与sub标记  35

    3.3  设置段落的格式   36

    3.3.1  p标记 36

    3.3.2  段落对齐属性align    37

    3.3.3  nobr标记    38

    3.3.4  br标记         39

    3.4  水平线标记   40

    3.4.1  hr标记         40

    3.4.2  水平线宽度与高度属性:width、size     41

    3.4.3  水平线颜色属性color        42

    3.4.4  水平线的对齐方式属性align    43

    3.4.5  水平线去掉阴影属性noshade 44

    3.5  使用marquee设置滚动效果        45

    3.5.1  marquee标记及其属性     45

    3.5.2  使用marquee插入滚动公告    46

    3.6  综合实例——设置页面文本及段落   48

    3.7  本章小结        50

    3.8  练习题   50

    第4章 网页图像和多媒体          51

    4.1  网页中常见的图像格式        51

    4.2  图像标记及其属性        52

    4.2.1  img标记      52

    4.2.2  height属性 53

    4.2.3  width属性  54

    4.2.4  border属性         55

    4.2.5  hspace属性         56

    4.2.6  vspace属性         57

    4.2.7  align属性    57

    4.3  添加背景音乐        59

    4.3.1  bgsound标记      59

    4.3.2  loop属性     60

    4.4  综合实例        60

    综合实例1——多媒体网页 61

    综合实例2——创建图文混合排版网页      63

    4.5  本章小结        65

    4.6  练习题   66

    第5章 用HTML创建超链接和表单 67

    5.1  超链接的基本概念        67

    5.2  创建超链接   67

    5.2.1  超链接标记         68

    5.2.2  设置的目标窗口         69

    5.3  创建图像的超链接        70

    5.3.1  设置图像超链接         70

    5.3.2  设置图像热区链接    71

    5.4  创建锚点链接        73

    5.4.1  创建锚点    73

    5.4.2  链接到页面不同位置的锚点链接    74

    5.5  表单form       76

    5.5.1  action  76

    5.5.2  表单名称name  76

    5.5.3  传送方法method       77

    5.5.4  编码方式enctype       78

    5.5.5  目标显示方式target 78

    5.6  综合实例        79

    综合案例1——插入表单对象      79

    综合案例2——给网页添加链接 85

    5.7  本章小结        86

    5.8  练习题   87

    第6章 用表格排列网页数据     88

    6.1  表格属性        88

    6.1.1  表格的基本标记table、tr、td          88

    6.1.2  表格宽度和高度width、height         89

    6.1.3  表格标题caption        90

    6.1.4  表格的表头th    91

    6.1.5  表格对齐方式align    93

    6.1.6  边框宽度border         95

    6.1.7  表格边框颜色bordercolor         96

    6.1.8  单元格间距cellspacing      97

    6.1.9  单元格边距cellpadding     98

    6.1.10  表格的背景色bgcolor      99

    6.1.11  表格的背景图像 background 100

    6.2  表格的结构标记   101

    6.2.1  设计表头样式thead  101

    6.2.2  设计表主体样式tbody       103

    6.2.3  设计表尾样式tfoot   104

    6.3  综合实例——使用表格排版网页        105

    6.4  本章小结        111

    6.5  练习题   111

    第7章  HTML 5入门基础   113

    7.1  HTML 5简介  113

    7.2  HTML 5与HTML 4的区别    114

    7.2.1  HTML 5的语法变化   114

    7.2.2  HTML 5中的标记方法       114

    7.2.3  HTML 5语法中的3个要点        115

    7.3  HTML 5新增的元素和废除的元素      116

    7.3.1  新增的结构元素         116

    7.3.2  新增块级元素    118

    7.3.3  新增的行内的语义元素    120

    7.3.4  新增的嵌入多媒体元素与交互性元素    123

    7.3.5  新增的input元素的类型  124

    7.3.6  废除的元素         126

    7.4  新增的属性和废除的属性   126

    7.4.1  新增的属性         126

    7.4.2  废除的属性         128

    7.5  创建简单的HTML 5页面     129

    7.5.1  HTML 5文档类型       129

    7.5.2  字符编码    130

    7.5.3  页面语言    130

    7.5.4  添加样式表         130

    7.5.5  添加JavaScript   131

    7.5.6  测试结果    131

    7.6  本章小结        131

    7.7  练习题   132

    第8章  HTML 5的结构        133

    8.1  新增主体结构元素        133

    8.1.1  article元素 133

    8.1.2  section元素        134

    8.1.3  nav元素      135

    8.1.4  aside元素   137

    8.2  新增的非主体结构元素        138

    8.2.1  header元素         138

    8.2.2  hgroup元素         139

    8.2.3  footer元素 140

    8.2.4  address元素       141

    8.3  本章小结        142

    8.4  练习题   142

    第9章  CSS入门基础  143

    9.1 为什么要在网页中加入CSS          143

    9.1.1 什么是CSS 143

    9.1.2 使用CSS的好处          145

    9.1.3 如何编写CSS      145

    9.1.4 CSS基本语法      146

    9.1.5 浏览器与CSS      147

    9.2  在HTML中使用CSS      147

    9.2.1  链接外部样式表         147

    9.2.2  行内方式    148

    9.2.3  嵌入外部样式表         148

    9.2.4  定义内部样式表         149

    9.3  选择器类型   149

    9.3.1 标签选择器         149

    9.3.2 类选择器    150

    9.3.3 ID选择器    151

    9.4  本章小结        153

    9.5  练习题   154

    第10章 用CSS设置文本样式   155

    10.1 设计网页中的文字样式      155

    10.1.1 font-family属性         155

    10.1.2 font-size属性   157

    10.1.3 font-weight属性       158

    10.1.4 font-style属性  159

    10.1.5 font-variant属性       160

    10.1.6 text-decoration属性         161

    10.2 设计文本的段落样式 162

    10.2.1  line-height属性         162

    10.2.2  text-align属性  162

    10.2.3 text-indent属性        163

    10.2.4 word-spacing属性    164

    10.2.5 first-letter首字下沉         165

    10.2.6 text-transform  166

    10.3  综合实例——用CSS排版网页文字  168

    10.4  本章小结      170

    10.5  练习题 170

    第11章  用CSS设计图像和背景        171

    11.1 设置网页的背景 171

    11.1.1 background-color属性      171

    11.1.2 background-image属性   172

    11.2 设置背景图像的属性 173

    11.2.1 background-repeat属性  173

    11.2.2 background-attachment属性  174

    11.2.3 background-position属性         175

    11.3 设置网页图像的样式 175

    11.3.1 border属性       176

    11.3.2 图文混合排版  177

    11.4  综合实例——给图片添加边框 177

    11.5  本章小结      179

    11.6  练习题 179

    第12章 用CSS设置表格 和表单样式      181

    12.1 网页中的表格      181

    12.1.1 表格对象标记  181

    12.1.2 在Dreamweaver中插入 表格        182

    12.1.3 表格的bgcolor属性         183

    12.1.4 表格的border样式 184

    12.1.5 设置表格的阴影       185

    12.2 网页中的表单      186

    12.2.1 表单对象  186

    12.2.2 表单标记  186

    12.2.3 表单的布局设计       187

    12.2.4 设置边框样式  190

    12.2.5 设置背景样式  190

    12.2.6 设置输入文本的样式       191

    12.3  综合实例      192

    综合实例1——制作变换背景色的表格      192

    综合实例2——设计文本框的样式      194

    12.4  本章小结      196

    12.5  练习题 196

    第13章  用CSS制作链接与网站导航        198

    13.1 超链接基础 198

    13.1.1 超链接的基本概念  198

    13.1.2  使用页面属性设置超链接       199

    13.2 链接标记      200

    13.2.1 a:link 200

    13.2.2 a:visited     200

    13.2.3 a:active      201

    13.2.4 a:hover      201

    13.3 各种形式的超链接      202

    13.3.1  背景色变换链接       202

    13.3.2  多姿多彩的下画线链接  204

    13.3.3 图像翻转链接  205

    13.3.4 边框变换链接  206

    13.4  项目列表      208

    13.4.1  有序列表  208

    13.4.2  无序列表  212

    13.5 横排导航      217

    13.5.1 文本导航  217

    13.5.2 标签式导航       219

    13.6 竖排导航      221

    13.7  综合实例      222

    实例1——使用CSS实现鼠标指针形状改变     222

    实例2——实现背景变换的导航菜单 224

    13.8  本章小结      227

    13.9  练习题 228

    第14章 CSS DIV布局入门基础         229

    14.1  网站与Web标准         229

    14.1.1 什么是Web标准      229

    14.1.2 为什么要建立Web标准 230

    14.1.3 怎样改进现有网站  231

    14.2 Div标记与Span 标记          232

    14.2.1 Div概述    232

    14.2.2 Div与Span的区别   233

    14.3 盒子模型      235

    14.3.1 盒子模型的概念       235

    14.3.2 border        235

    14.3.3 padding      242

    14.3.4 margin       244

    14.4 盒子的浮动与定位      246

    14.4.1 盒子的浮动float      246

    14.4.2 position定位     249

    14.4.3 z-index空间位置      254

    14.5  本章小结      255

    14.6  练习题 255

    第15章  CSS DIV布局方法         257

    15.1 CSS布局理念       257

    15.1.1 将页面用div分块    257

    15.1.2 用CSS定位       258

    15.2  固定宽度布局      259

    15.2.1  一列固定宽度  259

    15.2.2  两列固定宽度  260

    15.2.3  圆角框       261

    15.3  可变宽度布局      263

    15.3.1  一列自适应       263

    15.3.2  两列宽度自适应       264

    15.3.3  两列右列宽度自适应       265

    15.3.4  三列浮动中间宽度自适应       266

    15.3.5  三行二列居中高度自适应布局       267

    15.4  CSS布局与传统的表格方式布局分析       269

    15.5  本章小结      271

    15.6  练习题 271

    第16章  CSS 3网页开发      273

    16.1  CSS 3概述    273

    16.1.1 CSS 3的发展历史     273

    16.1.2 CSS 3的新增特性     274

    16.1.3 主流浏览器对CSS 3的支持    278

    16.2  边框      279

    16.2.1  圆角边框 border-radius  279

    16.2.2  边框图片border-image   280

    16.2.3  边框阴影box-shadow      281

    16.3  背景      283

    16.3.1  背景图片尺寸 background-size      283

    16.3.2  背景图片定位区域 background-origin   284

    16.3.3  背景绘制区域 background-clip       286

    16.4  文本      287

    16.4.1  文本阴影text-shadow     287

    16.4.2  强制换行word-wrap        288

    16.4.3  文本溢出text-overflow    289

    16.5  多列      290

    16.5.1  创建多列column-count   291

    16.5.2  列的宽度column-width   292

    16.6  转换      293

    16.6.1  移动translate()         293

    16.6.2  旋转rotate()     294

    16.6.3  缩放scale()       296

    16.7  实例应用——图片      297

    16.8  本章小结      299

    16.9  练习题 299

    第17章 JavaScript语法基础      300

    17.1 JavaScript简介    300

    17.1.1 JavaScript的历史     300

    17.1.2 JavaScript的特点     301

    17.2 JavaScript的放置位置         301

    17.2.1  使用方法    301

    17.2.2  使用外部JavaScript 302

    17.2.3  添加到事件中  302

    17.3 JavaScript运算符         303

    17.3.1 算术运算符       303

    17.3.2 逻辑运算符       303

    17.3.3 比较运算符       303

    17.4  JavaScript程序语句    304

    17.4.1 使用If语句       304

    17.4.2 使用for循环    305

    17.4.3 使用Switch语句      306

    17.4.4 使用while语句         307

    17.5 综合实例——制作倒计时特效 308

    17.6  本章小结      309

    17.7  练习题 310

    第18章 JavaScript中的事件      311

    18.1 事件概述      311

    18.2 事件分析      311

    18.2.1 click事件  312

    18.2.2 change事件      313

    18.2.3 Select事件        313

    18.2.4 focus事件          314

    18.2.5 load事件  316

    18.2.6 鼠标移动事件  317

    18.2.7 onBlur事件       318

    18.3 其他常用事件      319

    18.4 综合实例——将事件应用于按钮中 321

    18.5  本章小结      322

    18.6  练习题 322

    第19章 JavaScript中的函数和对象 324

    19.1  什么是函数 324

    19.2  函数的定义 325

    19.2.1  函数的普通定义方式       325

    19.2.2  函数的变量定义方式       326

    19.2.3  函数的指针调用方式       327

    19.3 JavaScript对象的声明和引用    329

    19.3.1 声明和实例化  329

    19.3.2 对象的引用       330

    19.4 浏览器对象 331

    19.4.1 Navigator对象 332

    19.4.2 window对象     333

    19.4.3 location对象     335

    19.4.4 history对象       335

    19.4.5 document对象 336

    19.5  内置对象      338

    19.5.1 Date对象 338

    19.5.2 数学对象math          341

    19.5.3 字符串对象string    342

    19.5.4 数组对象Array         343

    19.6 综合实例——改变网页背景颜色      345

    19.7  本章小结      346

    19.8  练习题 346

    第20章  设计布局富有个性的个人网站   348

    20.1  个人网站设计指南      348

    20.1.1  确定网站主题  348

    20.1.2  个人网站色彩搭配和结构设计       349

    20.2  网站前期策划      349

    20.2.1  确定网站主题  350

    20.2.2  确定目录结构  350

    20.2.3  网站蓝图的规划       350

    20.3  创建本地站点      351

    20.4  制作网站主页      353

    20.4.1  导入外部CSS    354

    20.4.2  制作顶部导航部分  356

    20.4.3  制作正文部分  358

    20.4.4  制作底部版权部分  363

    20.5  本章小结      363

    20.6  练习题 364

    第21章  公司宣传网站的布局   365

    21.1  企业网站设计指南      365

    21.1.1  企业网站的主要功能       365

    21.1.2  色彩搭配与风格设计       366

    21.2 分析架构      367

    21.2.1  内容分析  367

    21.2.2 HTML结构设计        368

    21.3 各模块设计 369

    21.3.1 布局设计  369

    21.3.2  制作页头部分  371

    21.3.3  制作网页正文部分  373

    21.3.4  制作网页版权部分  376

    21.4  本章小结      378

    21.5  练习题 378

    附录  部分习题参考答案     379
  • 内容简介:
    胡秀娥,资深Web技术专家,有10余年网站开发授课经验,是国内较早专业从事Web开发的一线技术人员和培训讲师。一直致力于对HTML、JavaScript、CSS、jQuery、jQUery Mobile等Web开发技术的研究和实践。
      《HTML CSS JavaScript网页设计与布局实用教程(第2版)》共21章,引导读者从零开始,一步步掌握网页设计与布局的全过程。《HTML CSS JavaScript网页设计与布局实用教程(第2版)》紧密围绕网页设计师在制作网页过程中实际需要掌握的技术,全面介绍了使用HTML、CSS、JavaScript进行网页设计和制作的各方面内容和技巧。《HTML CSS JavaScript网页设计与布局实用教程(第2版)》不是单纯讲解语法,而是通过一个个鲜活、典型的实战案例来达到学以致用的目的。每个语法都有相应的实例。每章后面又配有综合小实例,同时配有习题,力求达到理论知识与实践操作完美结合的效果。
      《HTML CSS JavaScript网页设计与布局实用教程(第2版)》可作为普通高校计算机及相关专业的教材,并可供从事网页设计与制作、网站开发及网页编程等行业的人员参考。
  • 作者简介:

    胡秀娥,资深Web技术专家,有10余年网站开发授课经验,是国内较早专业从事Web开发的一线技术人员和培训讲师。一直致力于对HTML、JavaScript、CSS、jQuery、jQUery Mobile等Web开发技术的研究和实践。

  • 目录:
    目    录

    第1章  网页标记语言HTML入门基础      1

    1.1  HTML概述     1

    1.2  HTML文件的构成          2

    1.2.1  HTML文件结构 2

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

    1.3  怎样编写HTML文件    4

    1.3.1  使用记事本文件编写页面         4

    1.3.2  使用Dreamweaver编写HTML页面         5

    1.4 网页设计与开发的过程        6

    1.4.1 明确网站定位    6

    1.4.2 收集信息和素材         7

    1.4.3 规划栏目结构    7

    1.4.4 设计页面方案    8

    1.4.5 制作页面    9

    1.4.6 实现后台功能    10

    1.4.7 网站的测试与发布    11

    1.5  本章小结        11

    1.6  练习题   12

    第2章  HTML网页文档的结构  13

    2.1  HTML文档主体标记     13

    2.1.1  bgcolor属性        13

    2.1.2  background属性         14

    2.1.3  text属性     15

    2.1.4  设置链接文字属性    16

    2.1.5  设置页面边距    19

    2.2  head部分的标记  20

    2.2.1  title标记     20

    2.2.2  定义页面关键字         20

    2.2.3  定义页面描述    21

    2.2.4  定义编辑工具    22

    2.2.5  定义作者信息    22

    2.2.6  定义网页文字及语言         23

    2.2.7  定义网页的定时跳转         24

    2.3  综合实例——创建基本的HTML文件         24

    2.4  本章小结        27

    2.5  练习题   28

    第3章 网页文本与段落排版     29

    3.1  插入其他标记        29

    3.1.1  空格符号  29

    3.1.2  特殊符号    30

    3.2  设置文字的格式   31

    3.2.1  face属性     31

    3.2.2  size属性     32

    3.2.3  color属性   33

    3.2.4  b、strong、em、u标记    34

    3.2.5  sup与sub标记  35

    3.3  设置段落的格式   36

    3.3.1  p标记 36

    3.3.2  段落对齐属性align    37

    3.3.3  nobr标记    38

    3.3.4  br标记         39

    3.4  水平线标记   40

    3.4.1  hr标记         40

    3.4.2  水平线宽度与高度属性:width、size     41

    3.4.3  水平线颜色属性color        42

    3.4.4  水平线的对齐方式属性align    43

    3.4.5  水平线去掉阴影属性noshade 44

    3.5  使用marquee设置滚动效果        45

    3.5.1  marquee标记及其属性     45

    3.5.2  使用marquee插入滚动公告    46

    3.6  综合实例——设置页面文本及段落   48

    3.7  本章小结        50

    3.8  练习题   50

    第4章 网页图像和多媒体          51

    4.1  网页中常见的图像格式        51

    4.2  图像标记及其属性        52

    4.2.1  img标记      52

    4.2.2  height属性 53

    4.2.3  width属性  54

    4.2.4  border属性         55

    4.2.5  hspace属性         56

    4.2.6  vspace属性         57

    4.2.7  align属性    57

    4.3  添加背景音乐        59

    4.3.1  bgsound标记      59

    4.3.2  loop属性     60

    4.4  综合实例        60

    综合实例1——多媒体网页 61

    综合实例2——创建图文混合排版网页      63

    4.5  本章小结        65

    4.6  练习题   66

    第5章 用HTML创建超链接和表单 67

    5.1  超链接的基本概念        67

    5.2  创建超链接   67

    5.2.1  超链接标记         68

    5.2.2  设置的目标窗口         69

    5.3  创建图像的超链接        70

    5.3.1  设置图像超链接         70

    5.3.2  设置图像热区链接    71

    5.4  创建锚点链接        73

    5.4.1  创建锚点    73

    5.4.2  链接到页面不同位置的锚点链接    74

    5.5  表单form       76

    5.5.1  action  76

    5.5.2  表单名称name  76

    5.5.3  传送方法method       77

    5.5.4  编码方式enctype       78

    5.5.5  目标显示方式target 78

    5.6  综合实例        79

    综合案例1——插入表单对象      79

    综合案例2——给网页添加链接 85

    5.7  本章小结        86

    5.8  练习题   87

    第6章 用表格排列网页数据     88

    6.1  表格属性        88

    6.1.1  表格的基本标记table、tr、td          88

    6.1.2  表格宽度和高度width、height         89

    6.1.3  表格标题caption        90

    6.1.4  表格的表头th    91

    6.1.5  表格对齐方式align    93

    6.1.6  边框宽度border         95

    6.1.7  表格边框颜色bordercolor         96

    6.1.8  单元格间距cellspacing      97

    6.1.9  单元格边距cellpadding     98

    6.1.10  表格的背景色bgcolor      99

    6.1.11  表格的背景图像 background 100

    6.2  表格的结构标记   101

    6.2.1  设计表头样式thead  101

    6.2.2  设计表主体样式tbody       103

    6.2.3  设计表尾样式tfoot   104

    6.3  综合实例——使用表格排版网页        105

    6.4  本章小结        111

    6.5  练习题   111

    第7章  HTML 5入门基础   113

    7.1  HTML 5简介  113

    7.2  HTML 5与HTML 4的区别    114

    7.2.1  HTML 5的语法变化   114

    7.2.2  HTML 5中的标记方法       114

    7.2.3  HTML 5语法中的3个要点        115

    7.3  HTML 5新增的元素和废除的元素      116

    7.3.1  新增的结构元素         116

    7.3.2  新增块级元素    118

    7.3.3  新增的行内的语义元素    120

    7.3.4  新增的嵌入多媒体元素与交互性元素    123

    7.3.5  新增的input元素的类型  124

    7.3.6  废除的元素         126

    7.4  新增的属性和废除的属性   126

    7.4.1  新增的属性         126

    7.4.2  废除的属性         128

    7.5  创建简单的HTML 5页面     129

    7.5.1  HTML 5文档类型       129

    7.5.2  字符编码    130

    7.5.3  页面语言    130

    7.5.4  添加样式表         130

    7.5.5  添加JavaScript   131

    7.5.6  测试结果    131

    7.6  本章小结        131

    7.7  练习题   132

    第8章  HTML 5的结构        133

    8.1  新增主体结构元素        133

    8.1.1  article元素 133

    8.1.2  section元素        134

    8.1.3  nav元素      135

    8.1.4  aside元素   137

    8.2  新增的非主体结构元素        138

    8.2.1  header元素         138

    8.2.2  hgroup元素         139

    8.2.3  footer元素 140

    8.2.4  address元素       141

    8.3  本章小结        142

    8.4  练习题   142

    第9章  CSS入门基础  143

    9.1 为什么要在网页中加入CSS          143

    9.1.1 什么是CSS 143

    9.1.2 使用CSS的好处          145

    9.1.3 如何编写CSS      145

    9.1.4 CSS基本语法      146

    9.1.5 浏览器与CSS      147

    9.2  在HTML中使用CSS      147

    9.2.1  链接外部样式表         147

    9.2.2  行内方式    148

    9.2.3  嵌入外部样式表         148

    9.2.4  定义内部样式表         149

    9.3  选择器类型   149

    9.3.1 标签选择器         149

    9.3.2 类选择器    150

    9.3.3 ID选择器    151

    9.4  本章小结        153

    9.5  练习题   154

    第10章 用CSS设置文本样式   155

    10.1 设计网页中的文字样式      155

    10.1.1 font-family属性         155

    10.1.2 font-size属性   157

    10.1.3 font-weight属性       158

    10.1.4 font-style属性  159

    10.1.5 font-variant属性       160

    10.1.6 text-decoration属性         161

    10.2 设计文本的段落样式 162

    10.2.1  line-height属性         162

    10.2.2  text-align属性  162

    10.2.3 text-indent属性        163

    10.2.4 word-spacing属性    164

    10.2.5 first-letter首字下沉         165

    10.2.6 text-transform  166

    10.3  综合实例——用CSS排版网页文字  168

    10.4  本章小结      170

    10.5  练习题 170

    第11章  用CSS设计图像和背景        171

    11.1 设置网页的背景 171

    11.1.1 background-color属性      171

    11.1.2 background-image属性   172

    11.2 设置背景图像的属性 173

    11.2.1 background-repeat属性  173

    11.2.2 background-attachment属性  174

    11.2.3 background-position属性         175

    11.3 设置网页图像的样式 175

    11.3.1 border属性       176

    11.3.2 图文混合排版  177

    11.4  综合实例——给图片添加边框 177

    11.5  本章小结      179

    11.6  练习题 179

    第12章 用CSS设置表格 和表单样式      181

    12.1 网页中的表格      181

    12.1.1 表格对象标记  181

    12.1.2 在Dreamweaver中插入 表格        182

    12.1.3 表格的bgcolor属性         183

    12.1.4 表格的border样式 184

    12.1.5 设置表格的阴影       185

    12.2 网页中的表单      186

    12.2.1 表单对象  186

    12.2.2 表单标记  186

    12.2.3 表单的布局设计       187

    12.2.4 设置边框样式  190

    12.2.5 设置背景样式  190

    12.2.6 设置输入文本的样式       191

    12.3  综合实例      192

    综合实例1——制作变换背景色的表格      192

    综合实例2——设计文本框的样式      194

    12.4  本章小结      196

    12.5  练习题 196

    第13章  用CSS制作链接与网站导航        198

    13.1 超链接基础 198

    13.1.1 超链接的基本概念  198

    13.1.2  使用页面属性设置超链接       199

    13.2 链接标记      200

    13.2.1 a:link 200

    13.2.2 a:visited     200

    13.2.3 a:active      201

    13.2.4 a:hover      201

    13.3 各种形式的超链接      202

    13.3.1  背景色变换链接       202

    13.3.2  多姿多彩的下画线链接  204

    13.3.3 图像翻转链接  205

    13.3.4 边框变换链接  206

    13.4  项目列表      208

    13.4.1  有序列表  208

    13.4.2  无序列表  212

    13.5 横排导航      217

    13.5.1 文本导航  217

    13.5.2 标签式导航       219

    13.6 竖排导航      221

    13.7  综合实例      222

    实例1——使用CSS实现鼠标指针形状改变     222

    实例2——实现背景变换的导航菜单 224

    13.8  本章小结      227

    13.9  练习题 228

    第14章 CSS DIV布局入门基础         229

    14.1  网站与Web标准         229

    14.1.1 什么是Web标准      229

    14.1.2 为什么要建立Web标准 230

    14.1.3 怎样改进现有网站  231

    14.2 Div标记与Span 标记          232

    14.2.1 Div概述    232

    14.2.2 Div与Span的区别   233

    14.3 盒子模型      235

    14.3.1 盒子模型的概念       235

    14.3.2 border        235

    14.3.3 padding      242

    14.3.4 margin       244

    14.4 盒子的浮动与定位      246

    14.4.1 盒子的浮动float      246

    14.4.2 position定位     249

    14.4.3 z-index空间位置      254

    14.5  本章小结      255

    14.6  练习题 255

    第15章  CSS DIV布局方法         257

    15.1 CSS布局理念       257

    15.1.1 将页面用div分块    257

    15.1.2 用CSS定位       258

    15.2  固定宽度布局      259

    15.2.1  一列固定宽度  259

    15.2.2  两列固定宽度  260

    15.2.3  圆角框       261

    15.3  可变宽度布局      263

    15.3.1  一列自适应       263

    15.3.2  两列宽度自适应       264

    15.3.3  两列右列宽度自适应       265

    15.3.4  三列浮动中间宽度自适应       266

    15.3.5  三行二列居中高度自适应布局       267

    15.4  CSS布局与传统的表格方式布局分析       269

    15.5  本章小结      271

    15.6  练习题 271

    第16章  CSS 3网页开发      273

    16.1  CSS 3概述    273

    16.1.1 CSS 3的发展历史     273

    16.1.2 CSS 3的新增特性     274

    16.1.3 主流浏览器对CSS 3的支持    278

    16.2  边框      279

    16.2.1  圆角边框 border-radius  279

    16.2.2  边框图片border-image   280

    16.2.3  边框阴影box-shadow      281

    16.3  背景      283

    16.3.1  背景图片尺寸 background-size      283

    16.3.2  背景图片定位区域 background-origin   284

    16.3.3  背景绘制区域 background-clip       286

    16.4  文本      287

    16.4.1  文本阴影text-shadow     287

    16.4.2  强制换行word-wrap        288

    16.4.3  文本溢出text-overflow    289

    16.5  多列      290

    16.5.1  创建多列column-count   291

    16.5.2  列的宽度column-width   292

    16.6  转换      293

    16.6.1  移动translate()         293

    16.6.2  旋转rotate()     294

    16.6.3  缩放scale()       296

    16.7  实例应用——图片      297

    16.8  本章小结      299

    16.9  练习题 299

    第17章 JavaScript语法基础      300

    17.1 JavaScript简介    300

    17.1.1 JavaScript的历史     300

    17.1.2 JavaScript的特点     301

    17.2 JavaScript的放置位置         301

    17.2.1  使用方法    301

    17.2.2  使用外部JavaScript 302

    17.2.3  添加到事件中  302

    17.3 JavaScript运算符         303

    17.3.1 算术运算符       303

    17.3.2 逻辑运算符       303

    17.3.3 比较运算符       303

    17.4  JavaScript程序语句    304

    17.4.1 使用If语句       304

    17.4.2 使用for循环    305

    17.4.3 使用Switch语句      306

    17.4.4 使用while语句         307

    17.5 综合实例——制作倒计时特效 308

    17.6  本章小结      309

    17.7  练习题 310

    第18章 JavaScript中的事件      311

    18.1 事件概述      311

    18.2 事件分析      311

    18.2.1 click事件  312

    18.2.2 change事件      313

    18.2.3 Select事件        313

    18.2.4 focus事件          314

    18.2.5 load事件  316

    18.2.6 鼠标移动事件  317

    18.2.7 onBlur事件       318

    18.3 其他常用事件      319

    18.4 综合实例——将事件应用于按钮中 321

    18.5  本章小结      322

    18.6  练习题 322

    第19章 JavaScript中的函数和对象 324

    19.1  什么是函数 324

    19.2  函数的定义 325

    19.2.1  函数的普通定义方式       325

    19.2.2  函数的变量定义方式       326

    19.2.3  函数的指针调用方式       327

    19.3 JavaScript对象的声明和引用    329

    19.3.1 声明和实例化  329

    19.3.2 对象的引用       330

    19.4 浏览器对象 331

    19.4.1 Navigator对象 332

    19.4.2 window对象     333

    19.4.3 location对象     335

    19.4.4 history对象       335

    19.4.5 document对象 336

    19.5  内置对象      338

    19.5.1 Date对象 338

    19.5.2 数学对象math          341

    19.5.3 字符串对象string    342

    19.5.4 数组对象Array         343

    19.6 综合实例——改变网页背景颜色      345

    19.7  本章小结      346

    19.8  练习题 346

    第20章  设计布局富有个性的个人网站   348

    20.1  个人网站设计指南      348

    20.1.1  确定网站主题  348

    20.1.2  个人网站色彩搭配和结构设计       349

    20.2  网站前期策划      349

    20.2.1  确定网站主题  350

    20.2.2  确定目录结构  350

    20.2.3  网站蓝图的规划       350

    20.3  创建本地站点      351

    20.4  制作网站主页      353

    20.4.1  导入外部CSS    354

    20.4.2  制作顶部导航部分  356

    20.4.3  制作正文部分  358

    20.4.4  制作底部版权部分  363

    20.5  本章小结      363

    20.6  练习题 364

    第21章  公司宣传网站的布局   365

    21.1  企业网站设计指南      365

    21.1.1  企业网站的主要功能       365

    21.1.2  色彩搭配与风格设计       366

    21.2 分析架构      367

    21.2.1  内容分析  367

    21.2.2 HTML结构设计        368

    21.3 各模块设计 369

    21.3.1 布局设计  369

    21.3.2  制作页头部分  371

    21.3.3  制作网页正文部分  373

    21.3.4  制作网页版权部分  376

    21.4  本章小结      378

    21.5  练习题 378

    附录  部分习题参考答案     379
查看详情