HTML CSS网页设计详解图书目录

时间：2023-02-21 01:22:01 | 来源：营销百科

时间：2023-02-21 01:22:01 来源：营销百科

HTML CSS网页设计详解图书目录：第1篇 页面制作入门篇

第1章 了解网页2

1.1 什么是网页 2

1.1.1 网页的概述 2

1.1.2 静态网页 3

1.1.3 动态网页 4

1.1.4 开发动态页面和静态页面的联系 5

1.2 开发网页的工具 7

1.2.1 HTML页面的开发工具 7

1.2.2 动态页面的开发工具 8

1.3 使用网页浏览器 9

1.3.1 网页浏览器的工作原理 9

1.3.2 常用的两种浏览器 10

1.4 HTML、XML和XHTML语言 11

1.4.1 超文本标记语言HTML 11

1.4.2 可扩展标识语言XML 12

1.4.3 可扩展超文本标识语言XHTML 12

1.5 编写一个简单的页面 13

1.6 小结 14

1.7 本章习题 14

第2章 通过学习他人的网页了解HTML能做什么 16

2.1 用记事本打开一个页面 16

2.2 初识HTML 18

2.2.1 HTML语法18

2.2.2 HTML文档的结构 19

2.3 HTML文档基本结构标签的作用 21

2.3.1 给页面一个声明--样本代码 21

2.3.2 踏出制作页面的第一步--开始标签html 22

2.3.3 页面的'脑袋'--头标签和头标签的对象 22

2.3.4 给页面起名字--标题标签title 25

2.3.5 页面的'身体'--主体标签body 26

2.3.6 美化HTML文档 27

2.4 案例：制作第一个页面 27

2.5 小结 29

2.6 本章习题 29

第3章 动手在网页中写些什么 31

3.1 新旧方法对比 31

3.2 文本的排版格式 33

3.2.1 写一行换一行 33

3.2.2 在页面文本中空格 34

3.2.3 文本的段落要对齐 36

3.3 文本的属性样式 38

3.3.1 不一样的文本字体大小 39

3.3.2 奇妙的特殊符号 41

3.3.3 给文本加标注 42

3.4 整齐的文本列表 43

3.4.1 无序列表 43

3.4.2 有序列表 44

3.4.3 定义列表 45

3.4.4 列表嵌套 46

3.5 制作一则通知 48

3.6 小结 50

3.7 本章习题 50

第4章 将图像放入页面中 52

4.1 图像的基础知识 52

4.1.1 最常用的图像--位图 53

4.1.2 在页面中常用的位图格式 53

4.1.3 奇妙的矢量图 54

4.1.4 图像的分辨率 55

4.1.5 认识一些网页中常用的BANNER尺寸 55

4.2 用图像编织美丽的页面 56

4.2.1 理解图像路径 56

4.2.2 像编辑文本对齐一样在页面中对齐图像 57

4.2.3 图像与文本的对齐方式 58

4.2.4 控制图像与文本的距离 60

4.3 让图像变得更美观 61

4.3.1 修改图像的宽度和高度 61

4.3.2 不一样的改变--给图像添加边框 62

4.3.3 独树一帜的水平线 63

4.4 改变页面的背景 64

4.5 案例：把宠物的照片放到网页上去 65

4.6 小结 67

4.7 本章习题 67

第5章 让网页变得更绚丽 69

5.1 了解计算机语言下的颜色描述 69

5.2 让页面绚丽多彩 70

5.2.1 改变页面背景颜色 70

5.2.2 改变页面文本字体颜色 71

5.3 不寻常的图像应用 72

5.3.1 会动的GIF图像 72

5.3.2 图像的透明通道 73

5.3.3 带有透明通道图像的应用 75

5.4 案例：修饰普通页面 77

5.5 小结 78

5.6 本章习题 78

第6章 页面链接 81

6.1 何为页面链接 81

6.1.1 初识页面链接 82

6.1.2 理解链接地址 83

6.2链接的基本知识 84

6.2.1 基本的文本链接 84

6.2.2 基本的图像链接 85

6.2.3 邮箱地址链接 86

6.2.4 在同一页面中快速查找信息 87

6.3 提高页面链接的友好度 89

6.3.1 美观链接的状态 90

6.3.2 特殊的链接方式 92

6.3.3 热点图像区域的链接 93

6.4 在新窗口中显示链接窗口 96

6.5 案例：制作普通链接的主页 96

6.6 小结 99

6.7 本章习题 99

第2篇 页面制作提高篇

第7章 CSS规则 104

7.1 如何学习CSS 104

7.2 CSS基本的规则写法 107

7.2.1 基本的样式表的写法 107

7.2.2 使用类class和标志id链接样式表 108

7.2.3 创建选择器 109

7.2.4 应用CSS样式表 113

7.3 用CSS来修饰页面文本 115

7.3.1 修饰页面文本字体 115

7.3.2 文本的字号 116

7.3.3 文本段落行高 117

7.3.4 禁止文本自动换行 119

7.4 给页面对象添加颜色 120

7.5 案例：使用CSS制作个人页面 121

7.6 小结 123

7.7 本章习题 124

第8章 表格 126

8.1 理解页面中的表格 126

8.2 普通表格的应用 126

8.2.1 制作普通表格 127

8.2.2 表格的基本属性 128

8.2.3 合并单元格 130

8.2.4 表格标题 132

8.2.5 拆分表格 132

8.2.6 设置表格的列 133

8.3 修饰单元格 135

8.3.1 通过CSS修饰单元格的边框 135

8.3.2 合并相邻单元格 137

8.4 编辑单元格中的内容 138

8.4.1 单元格中文本与单元格大小 138

8.4.2 修饰单元格中的内容 139

8.5 案例：制作球赛积分表 140

8.6 小结 143

8.7 本章习题 144

第9章 创建框架结构的页面 146

9.1 创建窗口框架页面 146

9.1.1 创建窗口框架的frameset和frame标签 147

9.1.2 横向分割窗口 147

9.1.3 纵向分割窗口 148

9.1.4框架的嵌套 149

9.1.5 将页面放入窗口框架中 150

9.2 修饰框架的细节 151

9.2.1 给无法处理框架的浏览器注释说明 151

9.2.2 固定框架的位置 152

9.2.3 框架中设置滚动条 152

9.3 修改框架边框的样式 153

9.3.1 判定边框是否显示 153

9.3.2 改变边框的表现效果 154

9.3.3 边框的边距 155

9.4 框架集中页面之间的链接 156

9.4.1 在指定的框架中打开链接 156

9.4.2 框架内的锚点链接 159

9.5 灵活的iframe框架 160

9.6 案例：制定自己的链接主页 161

9.7 小结 163

9.8 本章习题 164

第10章 当CSS样式表遇到层 166

10.1 理解块级的意义 166

10.2 页面中的层 167

10.2.1 行span和层div 168

10.2.2层的基本定位 168

10.2.3 层的叠加 170

10.3 框模型 171

10.3.1 理解框模型 171

10.3.2 空距padding属性 173

10.3.3 边框border的扩展属性 175

10.3.4 边距（margin） 176

10.3.5 框模型的溢出 177

10.4 定制层的display属性 178

10.5 CSS Hack 180

10.6 案例：简单的CSS DIV 182

10.7 小结 184

10.8 本章习题 184

第11章 进一步讨论页面布局的方法 187

11.1 页面中的定位 187

11.1.1 静态定位 187

11.1.2相对位置188

11.1.3 绝对定位 189

11.1.4 固定定位 190

11.2 浮动层 190

11.3 CSS的新奇技术以及未来发展 192

11.3.1 图像替换技术 193

11.3.2 CSS 3.0的新发展 195

11.3.3 实现圆角框模型 195

11.4 案例：有效地管理页面布局 196

11.5 小结 202

11.6 本章习题 202

第3篇 动感页面篇

第12章 神奇的表单 206

12.1表单的工作原理 208

12.1.1 script标签 208

12.1.2 创建表单 208

12.1.3 表单域 210

12.2 通过表单展示不一样的页面 210

12.2.1 input对象下的多种表单表现形式 210

12.2.2 text文本框的样式表单 211

12.2.3 password输入密码的样式表单 212

12.2.4 checkbox复选框的样式表单 213

12.2.5 radio单选按钮的样式表单 214

12.2.6 submit提交数据的样式表单 215

12.2.7 hidden隐藏域的样式表单 216

12.2.8 image样式的表单 217

12.2.9 file上传文件的样式表单 217

12.3 textarea对象的表单 218

12.4 select对象的表单 219

12.5 表单域集合 222

12.6 案例：制作一个精美的由表单构成

的页面 222

12.7 小结 227

12.8 本章习题 227

第13章 在网页中加入神奇的效果 230

13.1 什么是脚本语言 230

13.1.1 初识VBScript 230

13.1.2 学习JavaScript的起步 231

13.2 JavaScript和Java的区别 233

13.3 JavaScript的基本语法 233

13.3.1 JavaScript中的标识符和保留关键字 234

13.3.2 JavaScript语法的特殊规则 235

13.4 JavaScript的数据类型 235

13.4.1 常量 236

13.4.2 变量 236

13.4.3 数据类型转换 237

13.4.4运算符238

13.4.5 表达式 239

13.5 流程控制 240

13.5.1 顺序结构 240

13.5.2 选择结构 241

13.5.3 循环结构 243

13.6 了解函数 245

13.7 案例：一个使用基本语法的

JavaScript例子 247

13.8 小结 250

13.9 本章习题 250

第14章 JavaScript入门 253

14.1 了解一下何为'对象' 253

14.1.1 JavaScript对象概述 253

14.1.2 DOM介绍 255

14.2 JavaScript中的数组 256

14.2.1 定义和操作数组 256

14.2.2 多维数组 259

14.3 内部对象 259

14.3.1 Math对象 260

14.3.2 Date对象 260

14.3.3 String对象 260

14.4 window对象 261

14.4.1 window对象属性 261

14.4.2 window对象方法 264

14.4.3 window对象事件 267

14.5 document对象 269

14.5.1 document对象属性 269

14.5.2 document对象方法 269

14.5.3 document对象事件 270

14.6 案例：一个运用JavaScript实现的动态页面 272

14.7 小结 275

14.8 本章习题 276

第15章 了解制作页面的工具 278

15.1 可视化编辑页面工具--Dreamweaver 278

15.1.1 了解Dreamweaver CS6的界面 278

15.1.2 Dreamweaver的菜单 280

15.2 神奇的'美工笔'--Photoshop 280

15.2.1 了解Photoshop的界面 280

15.2.2 Photoshop的使用技巧 281

15.3 网页中的动画--Flash 283

15.3.1 认识Flash文件 283

15.3.2 在页面中放入Flash文件 283

15.3.3 制作Flash的软件 286

15.3.4 Flash 8的菜单 287

15.3.5 Flash 8的主要功能 287

15.3.6 Flash的常用交互技巧 287

15.4 案例：使用Dreamweaver制作页面 289

15.5 小结 291

15.6 本章习题 291

第4篇 页面实战篇

第16章 综合案例1：制作主流网站界面 294

16.1 构思基础的布局 294

16.2 设计基础模块的样式表 295

16.3 完善网站的子模块 297

16.3.1 网站的导航栏 297

16.3.2 页面的侧栏 298

16.4 最终页面 300

16.5 小结 301

第17章 综合案例2：设计复杂页面 302

17.1 页面的框架布局 302

17.1.1 定位页面的内容 302

17.1.2 页面初级布局的代码 303

17.2 细化页面的局部 304

17.2.1 intro部分 304

17.2.2 页面的左侧部分 306

17.2.3 页面的右侧栏主体部分和页脚 309

17.3 小结 312

第18章 综合案例3：制作英文网站 313

18.1 分析效果图 313

18.2 切图 314

18.2.1 制作首页的切图 315

18.2.2 二级页面的切图 316

18.3 制作站点首页头部 317

18.3.1 首页头部的信息和基础样式的制作 317

18.3.2 首页头部的分析 318

18.3.3 首页头部结构的制作 318

18.3.4 首页头部CSS代码的编写 319

18.4 制作首页的主体部分 321

18.4.1 分析主体部分效果图 321

18.4.2 制作主体左侧部分的结构 322

18.4.3 制作主体左侧部分的样式 324

18.4.4 制作主体中间部分的结构 327

18.4.5 制作主体中间部分的样式 328

18.4.6 制作主体右侧部分的结构 331

18.4.7 制作主体右侧部分的样式 332

18.5 制作首页的底部 334

18.6 二级页面的制作 336

18.6.1 分析二级页面的效果图 336

18.6.2 制作二级页面中间内容部分的结构 336

18.6.3 制作二级页面中间内容部分的样式 337

18.6.4 制作二级页面右侧部分的结构 339

18.6.5 制作二级页面右侧部分的样式 340

18.8 小结 341

第19章 综合案例4：使用Dreamweaver制作中文网站 342

19.1 分析效果图 342

19.2 制作首页的切图 343

19.3 制作站点首页头部 345

19.3.1 首页头部的信息和基础样式的制作 345

19.3.2 首页头部的分析 348

19.3.3 首页头部logo和banner部分的制作 348

19.3.4 导航列表的制作 351

19.4 制作首页的主体部分 354

19.4.1 分析主体部分效果图 354

19.4.2 制作主体部分的父元素 355

19.4.3 制作主体左侧部分的样式 356

19.4.4 制作主体右侧内容中'关于我们'的部分 359

19.4.5 制作'今日新闻'部分 362

19.4.6 制作'证券点拨'和'证券时评'部分 364

19.4.7 制作'合作伙伴'部分 366

19.5 制作首页的底部 368

19.6 二级页面的制作 369

19.7 小结 371

附录1 HTML 4.0快速参考 372

附录2 CSS中支持的颜色名称 387^[2]