网页设计入门经典HTML+CSS+JavaScript 完全学习手册PDF|Epub|txt|kindle电子书版本网盘下载

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

注意：本站所有压缩包均有解压码： 点击下载压缩包解压工具

Chapter 1 HTML入门基础2

1.1 什么是HTML2

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　头部标记：head10

2.2　标题标记：title10

2.3　元信息标记：meta11

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 定义网页背景色：bgcolor16

2.4.2　设置背景图片：background17

2.4.3　设置文字颜色：text17

2.4.4　设置链接文字属性：link18

2.4.5　设置边距：margin19

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　标题文字的对齐方式：align28

3.3　设置文字的格式29

3.3.1 设置字体：face29

3.3.2　设置字号：size30

3.3.3　设置文字颜色：color32

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

3.3.5　设置上标与下标：sup、sub34

3.3.6　设置删除线：strike35

3.4　设置段落的格式35

3.4.1 段落标记：p36

3.4.2　段落的对齐属性：align37

3.4.3　不换行标记：nobr38

3.4.4　换行标记：br38

3.4.5　预格式化标记：pre39

3.4.6　居中对齐标记：center40

3.4.7　向右缩进标记：blockquote41

3.5　水平线标记42

3.5.1 插入水平线：hr42

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

3.5.3　设置水平线的颜色：color44

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

3.5.5　去掉水平线阴影：noshade45

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

Chapter 4　创建列表52

4.1 创建无序列表52

4.1.1 无序列表标记：ul52

4.1.2　设置无序列表的类型：type53

4.1.3　定义列表标记：dl54

4.1.4　菜单列表标记：menu56

4.1.5　目录列表：dir57

4.2　创建有序列表58

4.2.1 有序列表标记：ol58

4.2.2　有序列表的类型：type59

4.2.3　有序列表的起始数值：start60

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 图像标记：img69

5.2.2　设置图像高度：height69

5.2.3　设置图像宽度：width70

5.2.4　设置图像的边框：border71

5.2.5　设置图像水平间距：hspace71

5.2.6　设置图像垂直间距：vspace72

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

5.2.8　设置图像的替代文字：alt73

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

Chapter 6　创建多媒体页面78

6.1 设置滚动效果78

6.1.1 滚动标记：marquee78

6.1.2 滚动方向：direction79

6.1.3　滚动方式：behavior81

6.1.4　循环设置：loop82

6.1.5　滚动速度：scrollamount83

6.1.6　滚动延迟：scrolldelay84

6.1.7　滚动区域的背景颜色：bgcolor85

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

6.1.9　设置空白空间：hspace、vspace87

6.2　添加背景音乐88

6.2.1 设置背景音乐：bgsound88

6.2.2　设置循环播放次数：loop89

6.3　添加多媒体文件90

6.3.1 添加多媒体文件标记：embed90

6.3.2　设置自动运行：autostart90

6.3.3　设置循环播放：loop91

6.3.4　隐藏面板：hidden92

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

6.4.1 插入Flash动画93

6.4.2　插入MP3音乐94

6.4.3 插入Java Applet94

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、td116

8.1.2　表格宽度和高度：width、height118

8.1.3　表格的标题：caption118

8.1.4　表格的表头：th119

8.1.5　表格对齐方式：align120

8.1.6　表格的边框宽度：border122

8.1.7　表格边框颜色：bordercolor123

8.1.8　单元格间距：cellspacing124

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

8.1.10　表格的背景色：bgcolor126

8.1.11　表格的背景图像：background127

8.2　表格的行属性127

8.2.1 行的高度：height128

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

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

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

8.3　单元格属性131

8.3.1 单元格宽度和高度：width、height131

8.3.2　跨列属性：colspan131

8.3.3　跨行属性：rowspan132

8.3.4　对齐方式：align、valign133

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

8.3.6　单元格的边框颜色：bordercolor135

8.3.7　单元格的亮边框：bordercolorlight136

8.3.8　单元格的暗边框：bordercolordark137

8.4　表格的结构标记139

8.4.1　设计表头样式：thead139

8.4.2　设计表主体样式：tbody139

8.4.3　设计表尾样式：tfoot140

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

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

9.1 表单标记：form148

9.1.1 处理动作：action148

9.1.2　表单名称：name148

9.1.3　传送方法：method149

9.1.4　编码方式：enctype150

9.1.5 目标显示方式：target150

9.2　输入标记input151

9.2.1　文字字段：text151

9.2.2 密码域：password152

9.2.3　单选按钮：radio153

9.2.4　复选框：checkbox153

9.2.5 普通按钮：button155

9.2.6　提交按钮：submit155

9.2.7　重置按钮：reset156

9.2.8　图像域：image157

9.2.9　隐藏域：hidden157

9.2.10　文件域：file158

9.3　列表／菜单159

9.3.1 下拉菜单159

9.3.2　列表项160

9.4　文本域标记：textarea162

9.5　ID标记163

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

Chapter 10　创建框架结构网页170

10.1　窗口框架简介170

10.2　设置框架集标记frameset170

10.2.1 水平分割窗口：rows170

10.2.2　垂直分割窗口：cols171

10.2.3　嵌套分割窗口172

10.2.4　设置边框：frameborder173

10.2.5　框架的边框宽度：framespacing174

10.2.6　框架的边框颜色：bordercolor175

10.3　设置框架标记frame属性176

10.3.1 框架页面源文件：src176

10.3.2　框架名称：name176

10.3.3　调整框架窗口的尺寸：noresize177

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

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

10.3.6　设置框架滚动条显示：scrolling180

10.3.7　不支持框架标记：noframes181

10.4　浮动框架182

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

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

10.4.3　浮动框架对齐方式：align183

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

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

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

10.4.7　浮动框架的边框：frameborder185

10.5　设置框架中的链接186

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

10.5.2　设置浮动框架的链接190

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

Chapter 11　CSS样式表语法基础198

11.1　CSS简介198

11.2　使用CSS198

11.2.1 CSS的基本语法结构198

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

11.3　设置字体属性200

11.3.1 设置字体：font-family200

11.3.2　设置字号：font-size201

11.3.3　设置字体风格：font-style202

11.3.4　设置加粗字体：font-weight203

11.3.5　设置变体属性：font-variant204

11.3.6　设置文字修饰：text-decoration205

11.3.7　字体复合属性：font207

11.4　设置文本属性208

11.4.1 单词间隔：word-spacing208

11.4.2　字母间隔：letter-spacing209

11.4.3　水平对齐：text-align209

11.4.4　垂直对齐：vertical-align210

11.4.5　大小写转换：text-transform212

11.4.6　文本缩进：text-indent213

11.4.7　文本行高：line-height214

11.4.8　文本空格：white-space215

11.4.9　文本反排：unicode-bidi与direction216

11.5　设置背景属性217

11.5.1　背景颜色：background-color217

11.5.2　背景图像：background-image218

11.5.3　背景重复：background-repeat219

11.5.4　背景附件：background-attachment220

11.5.5　背景位置：background-position222

11.5.6　背景复合属性：background224

11.6　设置边框属性225

11.6.1 边框样式：border-style225

11.6.2　边框宽度：border-width227

11.6.3　边框颜色：border-color228

11.6.4　边框复合属性：border230

11.7　设置列表属性231

11.7.1 列表类型：list-style-type231

11.7.2　项目符号图像：list-style-image232

11.7.3　列表位置：list-style-position233

11.7.4　列表复合属性：list-style234

11.8　设置定位属性235

11.8.1 定位类型：position235

11.8.2　置入位置：top、right、bottom、left235

11.8.3　层叠顺序：z-index237

11.8.4　浮动属性：float238

11.8.5　清除属性：clear240

11.8.6　裁切区域：clip241

11.8.7　设置宽度和高度：width height242

11.8.8　溢出：overflow244

11.8.9　显示属性：visibility245

11.9　设置边界与填充属性247

11.9.1 上边界：margin-top247

11.9.2　其他边界：margin-bottom、margin-left、margin-right248

11.9.3　边界复合属性：margin248

11.9.4　上填充：padding-top249

11.9.5　其他填充：padding-bottom、padding-right、padding-left250

11.9.6　填充复合属性：padding251

11.10　光标属性：cursor252

11.11　扩展滤镜属性253

11.11.1　不透明度：alpha253

11.11.2　动感模糊：blur254

11.11.3　对颜色进行透明处理：chroma256

11.11.4　设置阴影：dropShadow256

11.11.5　对象的翻转：flipH、flipV258

11.11.6　发光效果：glow258

11.11.7　灰度处理：gray259

11.11.8　反相：invert260

11.11.9　X光片效果：xray261

11.11.10　遮罩效果：mask262

11.11.11　波形滤镜：wave262

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 什么是JavaScript286

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