网页制作与网站建设从入门到精通

第一部分　入门篇
第1章　网页设计基础　2
1.1　预备知识　2
1.2　如何设计网页　5
1.2.1　网页设计的任务　5
1.2.2　网页设计的实现　6
1.2.3　网页设计的基本原则　7
1.3　常用网页设计软件　8
1.4　经典习题与解答　9
1.4.1　填空题　9
1.4.2　简答题　10
第2章　HTML入门　11
2.1　HTML的基本语法　11
2.1.1　HTML基本语法结构　11
2.1.2　创建HTML文件　13
2.2　页面布局与文字标记　14
2.2.1　标题　14
2.2.2　换行 br 　15
2.2.3　段落标记 P 　17
2.2.4　水平线段 hr 　18
2.2.5　文字的大小设置　19
2.2.6　文字的字体与样式　20
2.2.7　文字的颜色　21
2.3　多媒体　22
2.3.1　插入图像　22
2.3.2　播放音乐　23
2.3.3　播放视频　24
2.4　表格标记　24
2.4.1　表格的基本结构　24
2.4.2　表格的标题　24
2.4.3　表格的尺寸设置　25
2.4.4　表格内文字的对齐、布局　25
2.4.5　表格的颜色　26
2.5　超级链接标记　27
2.6　框架标记　27
2.6.1　框架结构的基本格式　27
2.6.2　各窗口的尺寸设置　28
2.6.3　各窗口间相互操作　28
2.7　表单标记　28
2.7.1　表单标记　29
2.7.2　文本域　29
2.7.3　单选按钮　30
2.7.4　复选框　30
2.7.5　按钮　31
2.7.6　列表/菜单　32
2.8　经典习题与解答　32
2.8.1　填空题　32
2.8.2　上机操作题　32
第3章　网站建设基础　33
3.1　预备知识　33
3.1.1　什么是WWW　33
3.1.2　申请域名　33
3.1.3　申请服务器空间　34
3.2　网站建设的一般流程　34
3.2.1　确定网站主题　34
3.2.2　网站整体规划　35
3.2.3　收集资料与素材　35
3.2.4　设计网页图像　36
3.2.5　制作网页　37
3.2.6　开发动态网站模块　38
3.2.7　发布与上传　39
3.2.8　后期更新与维护　39
3.2.9　网站的推广　39
3.3　经典习题与解答　40
3.3.1　填空题　40
3.3.2　简答题　40
第4章　网页中的色彩知识　41
4.1　色彩基础知识　41
4.1.1　色彩的基本概念　41
4.1.2　常见色彩表达的意义　42
4.2　网页色彩的搭配　44
4.2.1　网页色彩搭配原理　44
4.2.2　网页设计中色彩搭配的技巧　45
4.2.3　常见的几种网页配色方案　47
4.3　经典习题与解答　49
4.3.1　填空题　49
4.3.2　简答题　49
第二部分　网页设计与制作篇
第5章　熟悉Dreamweaver 8的工作环境　52
5.1　Dreamweaver 8工作区　52
5.2　Dreamweaver 8工具栏　53
5.2.1　标准工具栏　53
5.2.2　文档工具栏　53
5.3　属性面板　54
5.4　插入栏　54
5.4.1　常用插入栏　54
5.4.2　布局插入栏　55
5.4.3　表单插入栏　56
5.4.4　文本插入栏　56
5.4.5　HTML插入栏　57
5.4.6　应用程序插入栏　57
5.4.7　Flash元素　58
5.4.8　收藏夹插入栏　58
5.5　Dreamweaver 8的菜单栏　58
5.5.1　文件菜单　58
5.5.2　编辑菜单　59
5.5.3　查看菜单　60
5.5.4　插入菜单　61
5.5.5　修改菜单　63
5.5.6　文本菜单　64
5.5.7　命令菜单　64
5.5.8　站点菜单　65
5.5.9　窗口菜单　66
5.6　Dreamweaver 8的面板组　66
5.7　经典习题与解答　67
5.7.1　填空题　67
5.7.2　操作题　67
第6章　创建与管理站点　68
6.1　创建本地站点　68
6.1.1　使用站点向导创建本地站点　68
6.1.2　使用高级设置建立站点　70
6.2　管理站点文件　71
6.2.1　创建文件夹和文件　72
6.2.2　移动和复制文件　73
6.3　使用站点地图　74
6.3.1　查看站点地图　74
6.3.2　站点地图布局　74
6.4　经典习题与解答　76
6.4.1　填空题　76
6.4.2　简答题　76
第7章　使用表格排版布局网页　77
7.1　网页的基本构成　77
7.2　网页布局方法　79
7.2.1　纸上布局法　79
7.2.2　软件布局法　79
7.3　常见的网页布局类型　79
7.3.1　“国”字型布局　79
7.3.2　“厂”字型布局　80
7.3.3　“框架”型布局　80
7.3.4　“封面”型布局　81
7.3.5　“Flash”型布局　81
7.4　基本的表格布局方法　82
7.4.1　插入表格　82
7.4.2　设置表格属性　83
7.4.3　合并单元格　84
7.4.4　选取表格对象　84
7.5　利用表格布局网页实例　85
7.5.1　实例——利用表格排列数据　86
7.5.2　实例——“厂”字型布局　87
7.5.3　实例——“封面”型布局　93
7.5.4　实例——“国”字型布局网页　95
7.6　经典习题与解答　105
7.6.1　填空题　105
7.6.2　上机操作题　105
第8章　创建基本图文混合网页　107
8.1　文本的输入和编辑　107
8.1.1　输入文本　107
8.1.2　设置文本属性　107
8.1.3　输入特殊字符　109
8.2　在网页中插入图像　109
8.2.1　插入图像　110
8.2.2　设置图像属性　111
8.2.3　插入鼠标经过图像　111
8.3　创建网页链接　113
8.3.1　创建图像链接　113
8.3.2　创建锚点链接　115
8.3.3　创建电子邮件链接　117
8.3.4　创建图像热点链接　118
8.4　利用CSS美化网页　120
8.4.1　添加CSS的方法　120
8.4.2　应用CSS固定字体大小　121
8.4.3　应用CSS改变文本间行距　123
8.5　插入媒体　124
8.5.1　插入Flash动画　124
8.5.2　插入Flash按钮　126
8.5.3　插入Flash文本　128
8.5.4　利用插件制作背景音乐网页　130
8.6　经典习题与解答　132
8.6.1　填空题　132
8.6.2　上机操作题　132
第9章　高级网页布局技术　134
9.1　创建模板网页　134
9.1.1　创建库项目　134
9.1.2　创建模板　136
9.1.3　创建可编辑区　140
9.1.4　利用模板创建网页　141
9.2　使用层定位网页　142
9.2.1　创建层　142
9.2.2　层的基本操作　143
9.2.3　层与表格的转换　145
9.2.4　使用层制作下拉菜单　148
9.3　创建框架网页　151
9.3.1　创建框架网页　151
9.3.2　保存框架　152
9.3.3　在顶部框架中添加内容　153
9.3.4　在底部框架中添加内容　155
9.4　经典习题与解答　158
9.4.1　填空题　158
9.4.2　上机操作题　158
第10章　制作动感特效网页　159
10.1　行为概述　159
10.1.1　认识事件　160
10.1.2　动作类型　161
10.2　使用Dreamweaver内置行为　161
10.2.1　播放声音　162
10.2.2　拖动层　163
10.2.3　创建自动跳转页面网页　165
10.2.4　打开浏览器窗口　166
10.2.5　弹出信息　168
10.2.6　设置状态栏文本　169
10.2.7　创建导航栏图像　171
10.2.8　预先载入图像　174
10.2.9　检查表单　175
10.2.10　跳转菜单　176
10.2.11　控制Shockwave或Flash　179
10.2.12　改变属性　182
10.2.13　检查浏览器　184
10.3　利用脚本制作特效网页　185
10.3.1　制作滚动公告网页　185
10.3.2　制作自动关闭网页　190
10.3.3　制作水中倒影网页　191
10.4　经典习题与解答　193
10.4.1　填空题　193
10.4.2　上机操作题　193
第11章　处理与优化网页中的图片　194
11.1　Photoshop CS2的工作环境简介　194
11.2　调整图像大小　198
11.3　网页图像的色彩调整　200
11.3.1　使用【色阶】命令优化网页图像　200
11.3.2　使用【曲线】命令优化网页图像　201
11.3.3　使用【色彩平衡】命令优化网页图像　203
11.3.4　使用【亮度/对比度】命令优化网页图像　204
11.3.5　使用【色相/饱和度】命令优化网页图像　205
11.4　处理产品图像　206
11.5　经典习题与解答　209
11.5.1　填空题　209
11.5.2　上机操作题　210
第12章　设计网站的Logo和按钮　211
12.1　VI简介　211
12.1.1　VI设计的概念　211
12.1.2　VI在网站设计中的意义　212
12.2　网站标识设计概述　213
12.2.1　网站Logo设计标准　213
12.2.2　网站Logo的标准尺寸　213
12.3　按钮设计　214
12.3.1　制作导航按钮　214
12.3.2　制作发光按钮　218
12.4　经典习题与解答　221
12.4.1　填空题　221
12.4.2　上机操作题　221
第13章　设计网站动画和网络广告　222
13.1　Flash的工作环境简介　222
13.2　网站广告设计指南　224
13.2.1　网站广告设计基本原则　224
13.2.2　网站广告的类型　226
13.3　制作网页广告实例　227
13.3.1　设计Banner宣传广告实例　227
13.3.2　给Flash首页添加链接　236
13.3.3　制作控制声音播放动画　239
13.4　经典习题与解答　243
13.4.1　填空题　243
13.4.2　上机操作题　243
第三部分　动态网站开发篇
第14章　动态网页设计基础　246
14.1　在Dreamweaver中编辑代码　246
14.1.1　使用代码提示添加背景音乐　246
14.1.2　管理标签库　249
14.1.3　使用标签选择器制作嵌套框架网页　249
14.2　搭建服务器平台　251
14.2.1　IIS的安装　251
14.2.2　设置IIS服务器　253
14.3　经典习题与解答　254
14.3.1　填空题　254
14.3.2　上机操作题　254
第15章　动态网站创建实例　255
15.1　创建数据库　255
15.2　创建数据库连接　256
15.3　制作留言系统　258
15.3.1　制作模板页面　258
15.3.2　制作留言显示列表页面　263
15.3.3　制作留言详细信息页　268
15.3.4　制作发表留言页面　271
15.4　经典习题与解答　275
15.4.1　填空题　275
15.4.2　简答题　275
第16章　动态网站常用模块设计　276
16.1　申请免费的计数器　276
16.2　制作新闻发布系统　278
16.2.1　主要功能页面　278
16.2.2　设计数据库　279
16.2.3　创建数据库连接　280
16.2.4　制作显示全部新闻列表页面　282
16.2.5　制作新闻详细显示页面　286
16.2.6　制作新闻添加页面　287
16.3　制作会员登录系统　290
16.3.1　数据库设计　290
16.3.2　制作登录成功页面　290
16.3.3　制作登录失败页面　293
16.3.4　制作登录页面　294
16.4　制作在线调查系统　297
16.4.1　制作数据库表　297
16.4.2　调查信息页　297
16.4.3　制作调查结果页面　305
16.5　经典习题与解答　315
16.5.1　填空题　315
16.5.2　上机操作题　315
第四部分　网站发布与维护篇
第17章　网站的发布　318
17.1　站点的测试　318
17.1.1　检查断掉的链接　318
17.1.2　检查外部链接　318
17.1.3　检查孤立文件　319
17.2　网页的上传　320
17.2.1　利用Dreamweaver上传网页　320
17.2.2　LeadFTP上传文件　322
17.3　经典习题与解答　323
17.3.1　填空题　323
17.3.2　上机操作题　324
第18章　网站的日常维护　325
18.1　网站数据库内容维护　325
18.2　网页维护　327
18.3　网站系统维护　327
18.4　经典习题与解答　329
18.4.1　填空题　329
18.4.2　简答题　329
第19章　网站的宣传推广　330
19.1　注册到搜索引擎　330
19.2　导航网站登录　333
19.3　友情链接　334
19.4　网络广告　335
19.5　邮件广告　335
19.6　发布信息推广　336
19.7　传统媒体广告　337
19.8　经典习题与解答　337
19.8.1　填空题　337
19.8.2　上机操作题　337
第五部分　综合案例篇
第20章　创建企业展示型网站　340
20.1　网站前期策划　340
20.2　设计网站首页　342
20.2.1　首页的设计　342
20.2.2　切割首页　348
20.3　在Dreamweaver中进行页面排版制作　349
20.3.1　创建本地站点　349
20.3.2　创建二级模板页面　350
20.3.3　利用模板制作其他网页　355
20.4　给网页添加特效　357
20.4.1　滚动公告　358
20.4.2　制 作弹出窗口页面　359
20.5　本地测试及发布上传　363
20.6　经典习题与解答　364
20.6.1　填空题　364
20.6.2　上机操作题　364
第21章　设计在线购物网站　365
21.1　购物网站设计概述　365
21.1.1　购物网站概念　365
21.1.2　购物网站购物流程　366
21.1.3　购物网站主要功能　366
21.2　网站图像设计　368
21.2.1　设计网页Logo　368
21.2.2　设计网页Banner　372
21.3　创建数据库　376
21.4　制作商品展示页面　377
21.5　制作商品详细介绍页面　393
21.6　制作购物系统　399
21.6.1　制作购物车页面　399
21.6.2　制作填写收货人信息页面　407
21.6.3　确认提交表单　413
附录A　网页制作常见问题精解　422
1．Dreamweaver中如何输入空格　422
2．为什么当让一行字居中时，其他行字也变成居中　422
3．在Dreamweaver中怎样设置水平线的颜色　422
4．如何清除网页中不必要的HTML代码　423
5．如何搜索网页并替换其内容　423
6．怎样定义网页语言　423
7．怎样在网页中添加E-mail链接并显示预定的主题　424
8．怎样在网页中添加电子邮件表单提交　424
9．如何为访问者设置正确的软件下载链接　424
10．如何删除图片链接的蓝色边框　424
11．如何实现网页自动刷新　425
12．如何去除链接的下划线　425
13．如何利用单击来关闭浏览窗口　427
14．如何避免自己的图片被其他站点使用　427
15．怎样为图片添加边框　428
16．如何添加图片及链接文字的提示信息　429
17．如何制作“空链接”　430
18．如何很好的控制行距　430
19．如何在一个站点的不同页面间播放同一种声音文件　432
20．怎样套用现成的表格格式　432
21．从【宽度】后面的下拉菜单里选择单位时，选择【像素】或【百分比】有什么区别　433
22．如何制作细线表格　433
23．为什么在Dreamweaver中把单元格高度设置为“1”时没有效果　434
24．如何制作圆角表格　434
25．如何精确地定位网页中的内容　439
26．怎样让800*600分辨率下生成的网页在1024*768的表格下居中显示　439
27．为什么不显示底图　439
28．如何调整框架边框的粗细　439
29．怎样防止别人把自己的网页放在框架里　439
30．怎样实现定时自动关闭窗口　439
31．怎样以新窗口的形式打开目标链接　440
32．什么是模板的可编辑区域，在定义可编辑区域时应注意什么　440
33．如何用图片代替表单按钮　440
34．怎样显示表单中的红色虚线框　440
35．怎样让页面四周没有空白　440
36．为什么表格里的文字不会自动换行　440
37．如何防止别人另存我的网页　441
38．如何为页面设置访问口令　441
39．如何在网页上显示当前日期、星期和时间　441
40．如何将站点加入收藏夹　442
41．如何将站点设为首页　443
42．如何解决表格的变形问题　444
43．怎样在网页中使用包含文件　445
44．怎样在网页中输入上下标　445
45．如何让浏览者知道自己访问网页的次数　445
46．如何禁止使用鼠标右键　446
47．如何制作浮动的广告　448
48．在Dreamweaver里怎样设置Flash背景为透明　450
49．如何将一张图变成Flash文件后任意缩放而不出现锯齿　450
50．做好的Flash放到网页上面以后，它老是循环，怎么能够让它不进行循环　451
51．导出透明图片的方法有哪些　451
52．一个MC引用到场景中后如何播放　451
53．Flash动画背景可以透明吗　451
54．怎样做一串字或一幅图由模糊变清晰的效果　452
55．如何利用时间轴特效制作动画投影效果　452
56．如何利用时间轴特效制作展开效果　453
57．如何进行多帧选取　455
58．做“沿轨迹运动”动画的时候，物件为什么总是沿直线运动　455
59．如何制作帧帧动画　455
60．制作发送邮件按钮　456
61．如何让动画在停留一段时间后继续播放　457
62．如何制作补间动画　457
63．如何在Flash中打开一个定制的浏览器新窗口　459
64．如何制作引导层动画　459
65．如何调整多个场景的播放次序　461
66．如何能为作品加上密码保护　461
67．怎样使一个图片和另一个图片很好地融合在一起包括看不出图像的边缘　461
68．如何在Photoshop中将图片淡化　462
69．怎样使文字边缘填充颜色　462
70．在制作网页用图形时什么时候用Gif格式，什么时候用Jpg格式　464
71．矢量图形和位图图形有什么区别，各有什么特点　464
72．在Photoshop中，每次打开一幅图都是背景锁定的，如何去除　464
73．如何制作透明GIF图像　464
74．动作和滤镜有什么区别　465
75．在PS中输入文字，怎样选取文字的一部分　465
76．如何快速打开文件　465
77．如何随意更换画布颜色　465
78．【选框】工具中Shift和Alt键的使用方法　465
79．Shift+Ctrl+Alt+T是什么　466
附录B　ASP函数速查表　467
附录C　JavaScript语法手册　472
1．JavaScript函数　472
2．JavaScript方法　472
3．JavaScript对象　475
4．JavaScript运算符　476
5．JavaScript属性　477
6．JavaScript语句　478
附录D　CSS属性一览表　479
1．文字属性　479
2．项目符号　480
3．背景样式　480
4．链接属性　480
5．边框属性　481
6．表单　481
7．边界样式　482
8．边框空白　482