网页设计入门经典HTML+CSS+JavaScript 完全学习手册PDF电子书下载

Chapter 1 HTML入门基础 2

1.1 什么是HTML 2

1.2　HTML文件的基本结构 2

1.2.1 HTML文件结构 2

1.2.2　编写文件注意事项 3

1.3 HTML文件编写方法 4

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

1.3.2 使用Dreamweaver编写HTML页面 5

1.4　浏览HTML文件 5

1.4.1 查看页面效果 5

1.4.2　查看源文件 6

Chapter 2　HTML文件整体构架标记 10

2.1　头部标记：head 10

2.2　标题标记：title 10

2.3　元信息标记：meta 11

2.3.1 定义页面关键字 11

2.3.2　定义页面描述 12

2.3.3　定义编辑软件 12

2.3.4　定义作者信息 13

2.3.5　限制搜索方式 13

2.3.6　定义网页文字及语言 14

2.3.7　定义网页的定时跳转 14

2.3.8　定义网页的过渡效果 15

2.4 HTML页面主体标记 16

2.4.1 定义网页背景色：bgcolor 16

2.4.2　设置背景图片：background 17

2.4.3　设置文字颜色：text 17

2.4.4　设置链接文字属性：link 18

2.4.5　设置边距：margin 19

2.5 页面注释标记：＜！--　--＞ 20

2.6　综合实例——创建最基本的HTML文件 21

Chapter 3　文字与段落 24

3.1 输入文字内容 24

3.1.1 输入普通文字 24

3.1.2　输入空格符号 25

3.1.3　输入特殊符号 26

3.2　创建标题文字 27

3.2.1 标题文字标记 27

3.2.2　标题文字的对齐方式：align 28

3.3　设置文字的格式 29

3.3.1 设置字体：face 29

3.3.2　设置字号：size 30

3.3.3　设置文字颜色：color 32

3.3.4　设置粗体、斜体、下划线：strong、em、u 33

3.3.5　设置上标与下标：sup、sub 34

3.3.6　设置删除线：strike 35

3.4　设置段落的格式 35

3.4.1 段落标记：p 36

3.4.2　段落的对齐属性：align 37

3.4.3　不换行标记：nobr 38

3.4.4　换行标记：br 38

3.4.5　预格式化标记：pre 39

3.4.6　居中对齐标记：center 40

3.4.7　向右缩进标记：blockquote 41

3.5　水平线标记 42

3.5.1 插入水平线：hr 42

3.5.2　设置水平线宽度与高度属性：width、size 43

3.5.3　设置水平线的颜色：color 44

3.5.4　设置水平线的对齐方式：align 45

3.5.5　去掉水平线阴影：noshade 45

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

Chapter 4　创建列表 52

4.1 创建无序列表 52

4.1.1 无序列表标记：ul 52

4.1.2　设置无序列表的类型：type 53

4.1.3　定义列表标记：dl 54

4.1.4　菜单列表标记：menu 56

4.1.5　目录列表：dir 57

4.2　创建有序列表 58

4.2.1 有序列表标记：ol 58

4.2.2　有序列表的类型：type 59

4.2.3　有序列表的起始数值：start 60

4.3　创建嵌套列表 61

4.3.1 定义列表的嵌套 61

4.3.2 无序列表和有序列表的嵌套 62

4.4　综合实例——给页面添加各种列表 63

Chapter 5　使用图像 68

5.1 网页中常见的图像格式 68

5.2　插入图像并设置图像属性 69

5.2.1 图像标记：img 69

5.2.2　设置图像高度：height 69

5.2.3　设置图像宽度：width 70

5.2.4　设置图像的边框：border 71

5.2.5　设置图像水平间距：hspace 71

5.2.6　设置图像垂直间距：vspace 72

5.2.7　设置图像相对于文字的对齐方式：align 72

5.2.8　设置图像的替代文字：alt 73

5.3　综合实例——创建图文混合排版网页 74

Chapter 6　创建多媒体页面 78

6.1 设置滚动效果 78

6.1.1 滚动标记：marquee 78

6.1.2 滚动方向：direction 79

6.1.3　滚动方式：behavior 81

6.1.4　循环设置：loop 82

6.1.5　滚动速度：scrollamount 83

6.1.6　滚动延迟：scrolldelay 84

6.1.7　滚动区域的背景颜色：bgcolor 85

6.1.8　滚动背景宽度和高度：width、height 86

6.1.9　设置空白空间：hspace、vspace 87

6.2　添加背景音乐 88

6.2.1 设置背景音乐：bgsound 88

6.2.2　设置循环播放次数：loop 89

6.3　添加多媒体文件 90

6.3.1 添加多媒体文件标记：embed 90

6.3.2　设置自动运行：autostart 90

6.3.3　设置循环播放：loop 91

6.3.4　隐藏面板：hidden 92

6.4　添加其他类型的媒体文件 93

6.4.1 插入Flash动画 93

6.4.2　插入MP3音乐 94

6.4.3 插入Java Applet 94

6.5　创建多媒体网页 95

Chapter 7　创建超链接 98

7.1 超链接的基本概念 98

7.2　创建基本超链接 98

7.2.1 超链接标记 98

7.2.2　设置超链接的目标窗口 99

7.3　创建图像的超链接 100

7.3.1 设置普通图像的超链接 100

7.3.2　设置图像热区链接 101

7.4　创建锚点链接 102

7.4.1　创建锚点 103

7.4.2　链接到同一页面的锚点 103

7.4.3　链接到不同页面的锚点 105

7.5　创建其他超链接 106

7.5.1　链接到外部网站 106

7.5.2　创建E-mail链接 107

7.5.3　创建FTP链接 108

7.5.4　创建Telnet链接 109

7.5.5　创建下载文件链接 109

7.5.6　创建脚本链接 110

7.5.7　创建空链接 111

7.6　综合实例——给页面添加各种链接 111

Chapter 8　使用表格 116

8.1 创建并设置表格属性 116

8.1.1　表格的基本标记：table、tr、td 116

8.1.2　表格宽度和高度：width、height 118

8.1.3　表格的标题：caption 118

8.1.4　表格的表头：th 119

8.1.5　表格对齐方式：align 120

8.1.6　表格的边框宽度：border 122

8.1.7　表格边框颜色：bordercolor 123

8.1.8　单元格间距：cellspacing 124

8.1.9　表格内文字与边框距离：cellpadding 125

8.1.10　表格的背景色：bgcolor 126

8.1.11　表格的背景图像：background 127

8.2　表格的行属性 127

8.2.1 行的高度：height 128

8.2.2　行背景颜色和背景图像：bgcolor、background 128

8.2.3　行内元素的水平对齐方式：align 129

8.2.4　行内元素的垂直对齐方式：valign 130

8.3　单元格属性 131

8.3.1 单元格宽度和高度：width、height 131

8.3.2　跨列属性：colspan 131

8.3.3　跨行属性：rowspan 132

8.3.4　对齐方式：align、valign 133

8.3.5　单元格背景颜色和背景图像：bgcolor、background 134

8.3.6　单元格的边框颜色：bordercolor 135

8.3.7　单元格的亮边框：bordercolorlight 136

8.3.8　单元格的暗边框：bordercolordark 137

8.4　表格的结构标记 139

8.4.1　设计表头样式：thead 139

8.4.2　设计表主体样式：tbody 139

8.4.3　设计表尾样式：tfoot 140

8.5　综合实例——使用表格排版网页 141

Chapter 9　使用表单创建交互网页 148

9.1 表单标记：form 148

9.1.1 处理动作：action 148

9.1.2　表单名称：name 148

9.1.3　传送方法：method 149

9.1.4　编码方式：enctype 150

9.1.5 目标显示方式：target 150

9.2　输入标记input 151

9.2.1　文字字段：text 151

9.2.2 密码域：password 152

9.2.3　单选按钮：radio 153

9.2.4　复选框：checkbox 153

9.2.5 普通按钮：button 155

9.2.6　提交按钮：submit 155

9.2.7　重置按钮：reset 156

9.2.8　图像域：image 157

9.2.9　隐藏域：hidden 157

9.2.10　文件域：file 158

9.3　列表／菜单 159

9.3.1 下拉菜单 159

9.3.2　列表项 160

9.4　文本域标记：textarea 162

9.5　ID标记 163

9.6 综合实例——创建网页提交表单 164

Chapter 10　创建框架结构网页 170

10.1　窗口框架简介 170

10.2　设置框架集标记frameset 170

10.2.1 水平分割窗口：rows 170

10.2.2　垂直分割窗口：cols 171

10.2.3　嵌套分割窗口 172

10.2.4　设置边框：frameborder 173

10.2.5　框架的边框宽度：framespacing 174

10.2.6　框架的边框颜色：bordercolor 175

10.3　设置框架标记frame属性 176

10.3.1 框架页面源文件：src 176

10.3.2　框架名称：name 176

10.3.3　调整框架窗口的尺寸：noresize 177

10.3.4　框架边框与页面内容的水平边距：marginwidth 178

10.3.5　框架边框与页面内容的垂直边距：marginheight 179

10.3.6　设置框架滚动条显示：scrolling 180

10.3.7　不支持框架标记：noframes 181

10.4　浮动框架 182

10.4.1 浮动框架的页面源文件：src 182

10.4.2　浮动框架的宽度和高度：width和height 182

10.4.3　浮动框架对齐方式：align 183

10.4.4　框架边框与页面内容的水平边距：marginwidth 183

10.4.5　框架边框与页面内容的垂直边距：marginheight 184

10.4.6　设置浮动框架是否显示滚动条：scrolling 185

10.4.7　浮动框架的边框：frameborder 185

10.5　设置框架中的链接 186

10.5.1 设置普通框架结构的链接 186

10.5.2　设置浮动框架的链接 190

10.6　综合实例——创建上方固定左侧嵌套的框架网页 192

Chapter 11　CSS样式表语法基础 198

11.1　CSS简介 198

11.2　使用CSS 198

11.2.1 CSS的基本语法结构 198

11.2.2　在网页中添加CSS的方法 199

11.3　设置字体属性 200

11.3.1 设置字体：font-family 200

11.3.2　设置字号：font-size 201

11.3.3　设置字体风格：font-style 202

11.3.4　设置加粗字体：font-weight 203

11.3.5　设置变体属性：font-variant 204

11.3.6　设置文字修饰：text-decoration 205

11.3.7　字体复合属性：font 207

11.4　设置文本属性 208

11.4.1 单词间隔：word-spacing 208

11.4.2　字母间隔：letter-spacing 209

11.4.3　水平对齐：text-align 209

11.4.4　垂直对齐：vertical-align 210

11.4.5　大小写转换：text-transform 212

11.4.6　文本缩进：text-indent 213

11.4.7　文本行高：line-height 214

11.4.8　文本空格：white-space 215

11.4.9　文本反排：unicode-bidi与direction 216

11.5　设置背景属性 217

11.5.1　背景颜色：background-color 217

11.5.2　背景图像：background-image 218

11.5.3　背景重复：background-repeat 219

11.5.4　背景附件：background-attachment 220

11.5.5　背景位置：background-position 222

11.5.6　背景复合属性：background 224

11.6　设置边框属性 225

11.6.1 边框样式：border-style 225

11.6.2　边框宽度：border-width 227

11.6.3　边框颜色：border-color 228

11.6.4　边框复合属性：border 230

11.7　设置列表属性 231

11.7.1 列表类型：list-style-type 231

11.7.2　项目符号图像：list-style-image 232

11.7.3　列表位置：list-style-position 233

11.7.4　列表复合属性：list-style 234

11.8　设置定位属性 235

11.8.1 定位类型：position 235

11.8.2　置入位置：top、right、bottom、left 235

11.8.3　层叠顺序：z-index 237

11.8.4　浮动属性：float 238

11.8.5　清除属性：clear 240

11.8.6　裁切区域：clip 241

11.8.7　设置宽度和高度：width height 242

11.8.8　溢出：overflow 244

11.8.9　显示属性：visibility 245

11.9　设置边界与填充属性 247

11.9.1 上边界：margin-top 247

11.9.2　其他边界：margin-bottom、margin-left、margin-right 248

11.9.3　边界复合属性：margin 248

11.9.4　上填充：padding-top 249

11.9.5　其他填充：padding-bottom、padding-right、padding-left 250

11.9.6　填充复合属性：padding 251

11.10　光标属性：cursor 252

11.11　扩展滤镜属性 253

11.11.1　不透明度：alpha 253

11.11.2　动感模糊：blur 254

11.11.3　对颜色进行透明处理：chroma 256

11.11.4　设置阴影：dropShadow 256

11.11.5　对象的翻转：flipH、flipV 258

11.11.6　发光效果：glow 258

11.11.7　灰度处理：gray 259

11.11.8　反相：invert 260

11.11.9　X光片效果：xray 261

11.11.10　遮罩效果：mask 262

11.11.11　波形滤镜：wave 262

11.12　综合实例——利用CSS控制网页中的文本 264

Chapter 12　使用CSS控制网页样式实例 264

12.1 利用CSS设计字体 268

12.1.1　利用CSS固定文本大小 268

12.1.2　制作光晕文字效果 269

12.2　利用CSS设计图片样式 271

12.2.1 光标移上时图片渐变的效果 271

12.2.2　制作图像波浪效果 273

12.3　创建更富灵活性的表格 274

12.3.1 创建阴影表格效果 274

12.3.2　创建半透明的表格效果 275

12.4　设计更酷更炫的表单 277

12.4.1 改变按钮的背景颜色和文字颜色 277

12.4.2　设计文本框的样式 278

12.5　创建有特色的超链接 280

12.5.1 改变超链接文字光标形状 280

12.5.2　为超链接文字加上质感边框 282

12.5.3　制作光晕字效果 283

Chapter 13　使用JavaScript创建特效网页 283

13.1　JavaScript简介 286

13.1.1 什么是JavaScript 286

13.1.2　JavaScript的特点 286

13.2　JavaScript的基本语法 286

13.2.1 常量和变量 287

13.2.2　表达式和运算符 288

13.2.3　基本语句 289

13.2.4　函数 293

13.3 JavaScript事件 293

13.3.1 onClick事件 293

13.3.2 onchange事件 294

13.3.3 onSelect事件 294

13.3.4 onFocus事件 295

13.3.5 onLoad事件 296

13.3.6 onUnLoad事件 297

13.3.7 onMouseOver事件 297

13.3.8 onMouseOut事件 300

13.3.9　其他常用事件 303

13.4 JavaScript内部对象 304

13.4.1 naVigator对象 304

13.4.2　document对象 305

13.4.3　windows对象 307

13.4.4　location对象 309

13.4.5　history对象 309

13.5　利用JavaScript制作特效综合实例 310

13.5.1 实例1——制作动态显示当前时间效果 310

13.5.2　实例2——随鼠标移动的图像 312

13.5.3　实例3——禁止鼠标右击 315

13.5.4　实例4——显示访客登录信息的窗口 317

13.5.5　实例5——给页面加密 320

13.5.6　实例6——制作图片循环隐现效果 321

13.5.7　实例7——制作变色的表格效果 324

Chapter 14　使用记事本创建网页 326

14.1 新建文件 326

14.2　用记事本创建完整网页 327

Chapter 15　使用Drearmweaver创建网页 327

15.1 网页效果展示 332

15.2　创建本地站点 333

15.3　新建网页文档 334

15.4　插入头部内容 335

15.5　设置页面属性 336

15.6　插入表格布局网页 337

15.7　插入文本内容 340

15.8　插入图像 341

15.9　插入多媒体 344

15.10　插入表单 347

15.11 创建和应用CSS样式表 352

15.12　利用JavaScript创建特效 355

15.13　保存浏览网页 357