网页制作案例教程

目　录

第1章　网页制作基础知识　1

1.1　网页简介　1

1.1.1　网页与网站　1

1.1.2　精彩网页欣赏　3

1.1.3　网页制作软件介绍　4

1.1.4　网页制作流程　5

1.2　HTML入门　5

1.2.1　什么是HTML　5

1.2.2　创建一个简单的HTML程序　6

1.2.3　浏览和修改网页　6

1.2.4　文件的路径名和URL　7

1.3　HTML程序设计基础　8

1.3.1　HTML中的常用标记　8

1.3.2　图像处理　10

1.3.3　添加背景音乐和插入动画　12

1.3.4　不同文件间的链接　13

1.3.5　网页框架　14

小结　17

习题　17

第2章　Dreamweaver CS5基础　18

2.1　Dreamweaver CS5工作区简介　18

2.1.1　运行Dreamweaver CS5　18

2.1.2　文档窗口和状态栏　19

2.1.3　标尺和网格　20

2.1.4　【属性】面板和【插入】面板　21

2.1.5　面板的基本操作　22

2.2　文档基本操作　23

2.2.1　文档的快速打开与创建　23

2.2.2　文档的常规操作　24

2.2.3　建立本地站点　25

2.2.4　网页页面属性的设置　27

2.3　插入和编辑文本　29

2.3.1　插入文本　29

2.3.2　文本属性的设置　30

2.3.3　文字的列表设置　32

2.3.4　文字基本操作　33

2.4　插入和编辑图像　35

2.4.1　在网页中加载图像　35

2.4.2　在网页中编辑图像　35

2.4.3　编辑网页图像　37

2.4.4　图文混排　40

2.4.5　鼠标经过图像　41

2.5　在网页中插入媒体等对象　41

2.5.1　插入SWF动画　42

2.5.2　插入Shockwave影片　43

2.5.3　插入插件　43

2.5.4　插入Applet　44

2.5.5　插入ActiveX　45

2.5.6　插入特殊字符和水平线　46

2.6　应用实例　47

2.6.1 “HTML技术综合练习”网页　47

2.6.2 “Flash技术”网页　49

小结　51

习题　51

第3章　框架、表格和AP Div　53

3.1　在网页中使用框架　53

3.1.1　框架操作　53

3.1.2　框架观察器　55

3.1.3　在框架内插入HTML文件内容与保存框架文件　56

3.2　在网页中创建表格　56

3.2.1　制作简单的表格与调整表格大小　57

3.2.2　选择表格和设置表格的属性　58

3.2.3　编辑表格　59

3.3　AP Div与Div标签　61

3.3.1　创建AP Div　61

3.3.2　选定AP Div　62

3.3.3　AP Div属性　62

3.3.4　AP Div的默认设置　62

3.3.5　AP元素面板　63

3.3.6　Div标签　64

3.3.7　缩放AP Div　64

3.3.8　移动AP Div　65

3.3.9　对齐AP Div　65

3.3.10　AP Div的可见性　66

3.3.11　设置AP Div的z轴顺序　66

3.3.12　嵌套AP Div　67

3.4　应用实例　67

3.4.1 “我的主页”网页　68

3.4.2　用表格编排的“常用软件下载”网页　69

小结　71

习题　71

第4章　表单与CSS样式表　72

4.1　表单　72

4.1.1　创建表单域与设置表单域的属性　72

4.1.2　插入表单对象　73

4.2　CSS样式表　77

4.2.1　创建CSS样式表　78

4.2.2　定义CSS样式表　79

4.3　应用实例　83

4.3.1 “网上报名表”网页　83

4.3.2 “新闻内容”网页　84

小结　85

习题　85

第5章　行为和命令　86

5.1　【行为】面板与动作设置　86

5.1.1　【行为】面板　86

5.1.2　动作设置　89

5.2　命令　93

5.2.1　清除HTML无效标记　93

5.2.2　优化图像　93

5.2.3　自定义命令　94

5.3　应用实例　95

5.3.1　带跳转菜单的网页　95

5.3.2　改变属性　96

小结　97

习题　97

第6章　站点管理、模板与库　98

6.1　站点管理　98

6.1.1　新建站点　98

6.1.2　【文件】面板和站点窗口　101

6.2　建立与本地HTML和图像文件的链接　102

6.2.1　文字或图像与外部HTML和图像文件的链接　102

6.2.2　文字或图像与HTML文件锚点的链接　103

6.2.3　建立映射图与HTML文件的链接　104

6.3　建立电子邮件、无址和脚本链接及远程登录　106

6.3.1　建立电子邮件链接　106

6.3.2　建立无址链接　106

6.3.3　建立脚本链接与远程登录　107

6.4　用站点窗口检查与修改站点　107

6.4.1　查找与替换　107

6.4.2　链接的检查与修复　108

6.4.3　检查每个页面下载的时间　110

6.4.4　在浏览器中预览网页　111

6.5　建立本地站点和制作主页　112

6.5.1　建立本地站点　112

6.5.2　制作主页　112

6.6　制作内容页面　115

6.6.1　创建模板　115

6.6.2　使用模板制作网页　117

6.6.3　修改模板和其他操作　118

6.6.4　【资源】面板　119

6.7　发布站点　122

6.7.1　申请主页空间　122

6.7.2　定义服务器信息　127

6.7.3　发布站点　128

小结　128

习题　128

第7章　Flash CS5基础　130

7.1　中文Flash CS5的工作界面　130

7.1.1　主工具栏和工具箱　131

7.1.2　系统菜单栏和编辑栏　132

7.1.3　场景和舞台　132

7.1.4　工作区　133

7.1.5　面板　134

7.2　中文Flash CS5的基本操作　135

7.2.1　文件操作　135

7.2.2　对象操作　136

7.2.3　声音处理　139

7.3　Flash动画制作基础　144

7.3.1　Flash动画的种类　144

7.3.2　Flash影片的制作过程　145

7.4　导入、导出和素材处理　148

7.4.1　导入外部素材　148

7.4.2　作品的导出与发布　149

7.5　应用实例　152

小结　156

习题　156

第8章　创建和编辑对象　157

8.1　图形工具　157

8.1.1　【线条】工具　157

8.1.2　【椭圆】工具　158

8.1.3　【矩形】工具　158

8.1.4　【多角星形】工具　159

8.1.5　【刷子】工具　159

8.2　编辑对象　160

8.2.1　对象的来源　160

8.2.2　使用工具设置属性　160

8.3　应用实例　165

8.3.1　立体彩球　165

8.3.2　一串立体彩球　167

8.3.3　扑克牌　168

8.3.4　树苗　170

8.3.5　彩球倒影　171

小结　172

习题　172

第9章　Flash动画制作　173

9.1　Flash动画制作的基本方法　173

9.1.1　关于Flash动画　173

9.1.2　动画的编辑制作　173

9.2　元件与实例　175

9.2.1　创建元件　175

9.2.2　对象转换为元件或影片剪辑单元　176

9.2.3　编辑元件　177

9.3　应用实例　178

9.3.1　弹跳彩球　178

9.3.2　摆动小球　180

9.3.3　自转光环　181

9.3.4　滚动电影文字　182

9.3.5　大红灯笼　183

9.3.6　云中小鸟　184

9.3.7　探照灯光　186

9.3.8　XYZ变换　187

9.3.9　图片切换　188

9.3.10　滚动文章　189

9.3.11　自转地球　190

9.3.12　地球光环　192

9.3.13　3种按钮　193

9.3.14　线条延伸　195

9.3.15　趣味动画　197

小结　200

习题　200

第10章　图像编辑与抠图　201

10.1　Photoshop CS5界面窗口　201

10.1.1　Photoshop CS5界面窗口布局　201

10.1.2　工具箱　203

10.1.3　控制面板的显示与隐藏　203

10.2　新建、打开与存储文件　204

10.2.1　新建文件　205

10.2.2　打开文件　205

10.2.3　存储文件　206

10.3　图像显示控制　206

10.3.1　【缩放】工具　206

10.3.2　【抓手】工具　207

10.3.3　屏幕显示模式　207

10.4　图像尺寸与图像文件大小　208

10.4.1　图像尺寸　208

10.4.2　图像文件大小　208

10.4.3　查看图像文件大小　208

10.4.4　调整图像文件大小　209

10.4.5　调整画布大小　210

10.5　图像裁剪　211

10.5.1　按照构图裁剪照片　212

10.5.2　旋转裁剪倾斜的照片　213

10.5.3　度量矫正倾斜的照片　213

10.5.4　统一尺寸的照片裁剪　214

10.6　图像抠图　216

10.6.1　认识选区　216

10.6.2　利用【套索】工具抠图　216

10.6.3　利用【魔棒】工具抠图　217

10.6.4　利用【魔术橡皮擦】工具抠图　219

10.6.5　利用【路径】工具抠图　221

10.7　图像移动与复制　227

10.7.1　在当前文件中移动图像　228

10.7.2　在两个文件之间移动复制图像　228

10.7.3　利用【移动】工具复制图像　229

10.8　图像变换、对齐与分布　232

小结　234

习题　234

第11章　图像调整与合成　236

11.1　图像色彩调整　236

11.1.1　【色阶】命令　236

11.1.2　【曲线】命令　237

11.1.3　【色彩平衡】命令　237

11.1.4　【亮度/对比度】命令　238

11.1.5　【色相/饱和度】命令　238

11.1.6　【照片滤镜】命令　238

11.2　图像修饰　239

11.2.1　图章工具　239

11.2.2　修复工具　239

11.3　图层　241

11.3.1　图层概念　241

11.3.2　图层面板　242

11.3.3　图层类型　243

11.3.4　图层操作　244

11.4　图层样式　245

11.4.1　图层样式　246

11.4.2　制作网页按钮　248

11.5　图像合成　250

11.5.1　利用蒙版合成图像　250

11.5.2　无缝拼接全景风景画　252

11.5.3　利用图层制作线纹效果　253

小结　254

习题　254

第12章　网站美工设计及后台修改　256

12.1　网站主页版面设计　256

12.1.1　设计主图像　256

12.1.2　设计网站背景　259

12.1.3　设计页眉　261

12.1.4　编排主要内容　263

12.1.5　设计按钮及页脚　266

12.2　图像切片　269

12.2.1　切片的类型　269

12.2.2　创建切片　270

12.2.3　编辑切片　271

12.3　存储网页图片　272

12.3.1　存储为JPG格式图片　272

12.3.2　存储为GIF格式图片　272

12.3.3　优化存储网页图片　273

小结　275

习题　275

1.版本新。Dreamweaver CS5、Flash CS5、Photoshop CS52.采用知识点和案例、效果相结合的方式，结构清晰，实用性强。3.案例丰富。4.教材配套资料全，适合教师需求。5.与同类书籍相比，教材对基本概念的讲解透彻，条理清晰，步骤详细，非常适合自学。6.全书内容是教师具有多年教学与编写经验的，能保证教材质量，本书是一本指导初学者快速掌握“网页设计与制作”方法的普及类教材，每章内容都按照高等院校普遍使用的教学大纲进行编排，在编写上采用理论介绍和案例讲解相结合的方式。　　全书共12章，详细地介绍了初学者必须掌握的网页设计基本知识，常用网页制作软件——Dreamweaver CS5、Flash CS5、Photoshop CS5的使用方法和操作步骤，并针对初学者在制作网页时经常会遇到的问题进行了指导，以免初学者在起步的过程中走弯路。书中提供了大量的实例和使用技巧，每章后面还给出了一些实践练习题。　　本书既可以作为高等院校和高职高专“网页设计与制作”课程的教材，也可作为初学者的自学用书。