网页设计与制作教程

网页设计与制作教程第1章网页制作基础知识1
1.1网络基础知识1
1.1.1Internet简介1
1.1.2WWW简介2
1.1.3浏览器3
1.1.4IP地址3
1.1.5域名4
1.1.6HTTP协议6
1.1.7URL6
1.2网页与网站的基础知识7
1.2.1网页、网页文件和网站7
1.2.2静态网页和动态网页8
1.2.3网页界面的构成8
1.3网站制作常用软件10
1.3.1网页制作工具10
1.3.2美化网页的基本工具11
1.4网页编程语言12
1.5网站建设的基本流程13
第2章了解HTML、CSS、JavaScript15
2.1认识HTML、CSS、JavaScript代码15
2.1.1HTML代码片段15
2.1.2CSS代码片段16
2.1.3JavaScript代码片段17
2.2HTML、CSS、JavaScript的作用17
2.2.1HTML在网页中的作用18
2.2.2CSS在网页中的作用18
2.2.3JavaScript在网页中的作用19网页设计与制作教程目录2.3如何学习HTML、CSS、JavaScript代码20
2.3.1先了解HTML、CSS、JavaScript的语法结构20
2.3.2借助Dreamweaver学习20
2.4HTML、CSS、JavaScript的综合应用22
第3章HTML基础知识25
3.1HTML基本语法概念25
3.1.1HTML标签语法25
3.1.2HTML标签属性26
3.1.3HTML文件的命名26
3.1.4编写HTML文件的注意事项27
3.2HTML文件头部内容27
3.2.1设置页面标题27
3.2.2设置基底网址28
3.2.3设置页面元信息29
3.3HTML文件主体内容31
3.3.1设置页面背景31
3.3.2设置页面边距33
3.3.3设置文本颜色34
3.4文字与段落34
3.4.1换行35
3.4.2添加注释35
3.4.3段落36
3.4.4添加特殊字符37
3.4.5预格式化38
3.4.6设置段落缩进39
3.4.7插入并设置水平线40
3.5建立和使用列表42
3.5.1列表类型42
3.5.2插入有序列表42
3.5.3插入无序列表44
3.5.4列表的嵌套46
3.6超链接的建立47
3.6.1插入内部链接49
3.6.2插入外部链接50
3.7插入图片52
3.7.1插入图像标签52
3.7.2图像提示文字53
3.7.3设置图片的宽度和高度54
3.7.4设置图像对齐方式55
3.7.5设置图像与文本之间的距离56
3.8综合应用实例57
第4章HTML表格的应用66
4.1表格的概述66
4.1.1设置基本表格结构66
4.1.2设置表格标题67
4.1.3设置表格表头68
4.2设置表格标签属性70
4.2.1设置表格的宽度71
4.2.2设置行的高度72
4.2.3设置表格的边框属性73
4.2.4设置边框的样式74
4.3设置表格行与单元格76
4.3.1调整行内容水平对齐76
4.3.2调整行内容垂直对齐78
4.3.3设置跨行80
4.3.4设置跨列81
4.3.5设置单元格间距82
4.3.6设置单元格边距84
4.4表格嵌套86
4.5综合应用实例88
第5章框架的应用90
5.1框架的概述90
5.2框架的基本结构91
5.3设置框架91
5.3.1设置框架源文件属性91
5.3.2添加框架名称92
5.3.3设置框架边框93
5.3.4显示框架滚动条94
5.3.5设置框架尺寸为不可调整95
5.3.6设置框架边缘宽度与高度96
5.4设置框架集97
5.4.1左右分隔窗口98
5.4.2上下分隔窗口99
5.4.3横纵分隔窗口100
5.4.4纵横分隔窗口101
5.5浮动框架102
5.5.1设置浮动框架源文件属性102
5.5.2设置浮动框架名称103
5.5.3设置浮动框架宽度和高度104
5.6在框架上建立链接105
5.6.1普通框架添加链接105
5.6.2浮动框架添加链接106
5.7框架的实际应用107
第6章表单的应用110
6.1表单概述110
6.2表单标签111
6.3信息输入111
6.3.1插入文本框112
6.3.2插入密码框112
6.3.3插入复选框113
6.3.4插入单选按钮115
6.3.5插入文件域116
6.3.6插入图像域117
6.3.7插入提交按钮118
6.3.8插入重置按钮119
6.3.9插入标准按钮120
6.3.10插入隐藏域121
6.4插入文本区域122
6.5插入下拉菜单和列表项123
6.6综合应用实例125
第7章CSS基础知识127
7.1CSS概述127
7.1.1CSS的基本概念127
7.1.2CSS的特点127
7.1.3CSS规范128
7.2CSS与HTML文档的结合方法129
7.2.1定义内部样式表129
7.2.2定义行内样式130
7.2.3链入外部样式表131
7.2.4导入外部样式表133
7.3CSS常用选择符134
7.3.1类型选择符134
7.3.2class类选择符134
7.3.3id选择符136
7.3.4通用选择符138
7.3.5包含选择符139
7.3.6分组选择符140
7.3.7伪类选择符140
7.4CSS设置文字的样式142
7.4.1设置文字的字体142
7.4.2设置字体的大小143
7.4.3设置字体的粗细144
7.4.4设置字体的倾斜145
7.4.5设置字体的修饰146
7.4.6设置字体的阴影147
7.5CSS设置段落格式148
7.5.1设置文字的对齐方式148
7.5.2设置首行缩进149
7.5.3设置行高150
7.6CSS设置网页背景151
7.6.1设置背景颜色151
7.6.2设置背景图像152
7.7div+CSS布局方法154
7.7.1div标签154
7.7.2CSS盒模型155
7.7.3盒模型的宽度与高度157
7.8CSS的定位158
7.8.1静态定位158
7.8.2相对定位161
7.8.3绝对定位162
7.8.4固定定位163
7.9浮动与清除浮动164
7.9.1浮动164
7.9.2清除浮动166
7.10综合应用实例169
7.10.1前期准备170
7.10.2制作页面170第8章JavaScript基础知识174
8.1JavaScript语言概述174
8.1.1JavaScript语言的特点174
8.1.2在网页中加入JavaScript174
8.1.3JavaScript常用元素175
8.1.4简单的脚本程序176
8.2JavaScript基本数据结构178
8.2.1JavaScript基本数据类型178
8.2.2JavaScript表达式和运算符179
8.3JavaScript控制语句180
8.3.1if语句180
8.3.2for语句181
8.3.3switch语句182
8.3.4while与do…while语句184
8.4函数186
8.4.1有参函数调用187
8.4.2无参函数调用188
8.5对象的基本知识189
8.5.1用于操作对象的语句、关键词及运算符189
8.5.2对象属性的引用190
8.5.3对象方法的引用192
8.5.4浏览器内部对象193
8.5.5内置对象和方法201
8.6事件概念202
8.6.1鼠标单击事件onClick202
8.6.2文本框或列表框内容改变事件onChange203
8.6.3内容选中事件onSelect205
8.6.4聚焦事件onFocus206
8.6.5加载事件onLoad208
8.6.6卸载事件onUnload209
8.6.7失焦事件onBlur210
8.6.8鼠标移入事件onMouseOver211
8.6.9鼠标移开事件onMouseOut211
8.6.10其他常用事件212
8.7综合应用实例213