网页制作与开发教程

第1章　网页制作基础 1
1.1　网页制作基础知识 1
1.1.1　网页的分类 1
1.1.2　网页制作中的基本概念 2
1.2　网页制作的基本步骤 5
1.3　HTML入门 6
1.3.1　HTML标签符的基本格式 6
1.3.2　简单的HTML文件 6
1.3.3　进一步认识标签 7
1.4　Dreamweaver的操作环境 9
1.4.1　文档窗口 9
1.4.2　“插入”工具栏 9
1.4.3　“属性”面板 10
1.4.4　其他面板和工具条 10
1.5　建立本地站点 11
1.6　创建文档 15
1.6.1　创建新的空白文档 15
1.6.2　在已有文件的基础上创建文档 17
1.6.3　设置页面属性 17
1.7　实践与练习：创建新文档 17
小结 21
练习 21
第2章　网页中的文字 22
2.1　理解与文字相关的HTML标签 22
2.1.1　文字排版的简单操作 22
2.1.2　换行标签 22
2.1.3　段落标签 23
2.1.4　文字的大小设置 24
2.1.5　文字的字体与样式 24
2.1.6　文字的颜色 25
2.1.7　位置控制 27
2.1.8　无序号列表 27
2.1.9　序号列表 28
2.2　在Dreamweaver中插入文本 28
2.3　实践与练习：一封家书 31
2.4　实践与练习：使用项目列表和编号列表 36
2.5　实践与练习：输入带有下标的公式 39
2.6　使用CSS格式化文本 41
2.6.1　CSS工作原理 41
2.6.2　样式与HTML相结合 43
2.6.3　定义样式 43
2.7　在Dreamweaver中用样式表进行文本格式化 45
2.7.1　创建样式表 45
2.7.2　应用设定好的样式 47
2.8　实践与练习：在文档中设置使用CSS 50
小结 54
练习 54
第3章　网页中的图片 56
3.1　网页中的图片格式 56
3.2　与图片相关的HTML标签 56
3.2.1　插入图片 56
3.2.2　图片标签属性的应用 57
3.3　使用Dreamweaver 8插入图片 59
3.4　实践与练习：修改图片大小 60
3.5　实践与练习：对齐图像 64
小结 67
练习 67
第4章　建立超链接 69
4.1　从HTML的角度理解超链接 69
4.1.1　文字超链接 69
4.1.2　理解路径的概念 70
4.1.3　设置文字链接的颜色 71
4.1.4　特定目标的链接 72
4.1.5　以新窗口显示链接页面 73
4.2　使用Dreamweaver 8设置超链接 74
4.2.1　文字超链接 74
4.2.2　图片超链接 75
4.3　实践与练习：为文字添加超链接 78
4.4　实践与练习：鼠标经过图像 81
4.5　实践与练习：导航条 83
小结 86
练习 86
第5章　网站管理与发布 88
5.1　网站管理与维护的技巧 88
5.1.1　设置合适的网站文件结构 88
5.1.2　管理站点内的链接 89
5.1.3　巧用查找和替换管理站点 90
5.2　在Internet上建立自己的Web站点 92
5.2.1　制作网站内容 92
5.2.2　申请域名 92
5.2.3　信息发布 92
5.3　租用虚拟主机空间 93
5.3.1　了解基本的技术名词 93
5.3.2　选择和租用虚拟主机 93
5.4　向服务器上传网站内容 95
5.4.1　使用Dreamweaver上传文件 95
5.4.2　使用IE浏览器上传文件 97
5.4.3　使用专业FTP工具上传文件 98
5.5　网站管理 100
5.5.1　修改密码 100
5.5.2　集团邮箱管理 101
5.5.3　注意事项 102
小结 103
练习 103
第6章　表格 104
6.1　使用HTML建立表格 104
6.1.1　一个*简单的表格 104
6.1.2　各种表格样式 105
6.2　在Dreamweaver 8中创建和操纵表格 107
6.3　实践与练习：表格制作与使用 109
6.3.1　练习1：制作“成绩单”表格 109
6.3.2　练习2：制作“旅游行程表”立体表格 110
6.3.3　练习3：制作“旅游行程表”双线表格 113
6.3.4　练习4：套用设计方案制作“会议议程表” 114
6.3.5　练习5：用表格制作“绿叶乡舟”网页顶部 117
6.4　布局单元格和表格 119
6.5　使用布局单元格和表格 120
6.5.1　绘制布局单元格 121
6.5.2　绘制布局表格 121
6.5.3　围绕已经存在的表格或者单元格绘制新表格 122
6.5.4　绘制嵌套表格 122
6.5.5　为布局单元格添加内容 122
6.5.6　移动或者重新设置布局单元格和表格的大小 123
6.5.7　设置布局宽度 124
6.6　实践与练习：运用“布局”模式制作网页 125
小结 131
练习 131
第7章　框架 133
7.1　创建框架和框架集 133
7.2　编辑框架 135
7.2.1　删除框架 135
7.2.2　选择框架集 135
7.2.3　选择框架以及框架中的内容 136
7.3　实践与练习：使用预定义的框架集 136
7.4　实践与练习：设计框架集 144
小结 149
练习 149
第8章　模板与库 151
8.1　模板 151
8.1.1　认识模板 151
8.1.2　制作模板 153
8.1.3　使用模板 154
8.1.4　修改模板以更新文档 156
8.1.5　将文档和模板分离 157
8.1.6　将模板应用到已经存在的文档 157
8.2　库 160
8.2.1　创建库项目 160
8.2.2　操作库项目 161
8.2.3　插入库项目 163
8.2.4　将库项目与源文件分离 164
小结 164
练习 164
第9章　动态网页技术 165
9.1　添加内置的Flash对象 165
9.1.1　使用Flash按钮对象 165
9.1.2　使用Flash文本对象 166
9.2　设置Flash对象的属性 168
9.3　“行为”简介 169
9.3.1　“行为”的本质 169
9.3.2　“行为”的构成 169
9.4　弹出消息 170
9.5　转到URL 171
9.6　实践与练习：打开浏览器窗口 172
9.7　实践与练习：在状态栏显示消息 173
9.8　实践与练习：交换图像与恢复交换图像 174
9.9　实践与练习：调用JavaScript 177
9.10　实践与练习：图层拖动 178
小结 182
练习 182
第10章　网站制作综合实例 183
10.1　概述 183
10.2　绘制切片并导出 185
10.3　编辑首页 186
10.4　插入图像内容 187
10.5　设置自由延伸表格 189
10.6　添加CSS样式 191
10.7　编辑二级页面并把它另存为模板 193
10.8　利用模板生成其他子页面 195
10.9　创建链接 195
10.10　添加链接属性 198
10.11　检查站点 200
10.11.1　设计备注 200
10.11.2　站点报告 201
小结 202
练习 202
第11章　CSS网页样式设置 203
11.1　CSS的概念 203
11.1.1　传统HTML的缺点 203
11.1.2　CSS的引入 204
11.1.3　浏览器与CSS 205
11.2　使用CSS控制页面 206
11.2.1　行内样式 207
11.2.2　内嵌式 207
11.2.3　链接式 208
11.2.4　导入式 209
11.3　复合CSS选择器 210
11.3.1　选择器集体声明 211
11.3.2　选择器的嵌套 211
11.4　CSS设置文字效果 213
11.4.1　CSS文字样式 213
11.4.2　CSS文字段落 214
11.4.3　课堂练习：制作首字下沉效果 215
11.5　CSS设置图片效果 217
11.5.1　图片的边框 217
11.5.2　课堂练习：制作图文混排网页