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

第一部分　入门篇

第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