第1章HTML网页制作实验1

实验1制作一个基本页面1

实验2制作带有图片和超链接的页面3

实验3表格标记的应用5

实验4表单标记的应用8

实验5框架标记的应用12

实验6制作一个网站首页15

第2章CSS修饰页面的实验20

实验1用CSS制作首字下沉图文混排和动态超链接的效果20

实验2用CSS美化表格24

实验3用CSS美化表单29

实验4用CSS制作立体效果的导航条34

实验5用CSS制作中英文双语导航条37

实验6用CSS制作新闻标题列表的效果39

第3章Dreamweaver CS5网页制作实验45

实验1制作带有超链接的页面45

实验2用表格布局页面48

实验3建立框架页面51

实验4表单的制作55

实验5内嵌式框架的应用59

实验6利用Photoshop切片制作个人网站63

实验7利用便捷工具制作一个网站首页70

第4章CSS+Div网页布局实验75

实验1制作分栏的文字排版页面75

实验2制作一个页面的顶部78

实验3制作一个页面的底部82

实验4制作简单的企业网站首页85

实验5制作复杂的企业网站首页90

实验6制作一个个人网页107

第5章Photoshop CS5网页制作实验116

实验1制作光影立体字效果116

实验2制作逼真的邮票效果119

实验3制作水中倒影效果123

实验4制作绚丽的圆形眩光效果126

实验5使用滤镜抽出功能抠图130

实验6使用魔棒及调整边缘功能抠图136

实验7制作个性化的按钮效果139

实验8制作一张宣传海报143

第6章Flash CS5网页制作实验148

实验1制作新年贺卡148

实验2制作文本动画150

实验3制作霓虹灯牌153

实验4制作运动引导动画157

实验5制作图片展示类型的banner160

实验6制作图片展示框163

实验7制作滚动图片165

实验8制作导航条动画169

实验9制作网站导入页面173

参考文献180

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

1.1Internet的基础知识2

1.1.1Internet简介2

1.1.2Internet的发展历程3

1.1.3中国Internet的发展4

1.1.4Internet的功能8

1.2万维网的基础知识10

1.2.1WWW简介10

1.2.2HTTP和FTP协议12

1.2.3超链接和超文本13

1.2.4Internet地址13

1.2.5域名15

1.2.6URL16

1.3网页与网站的基础知识17

1.3.1网页、网页文件和网站17

1.3.2静态网页和动态网页18

1.3.3网页界面的构成18

1.3.4网站的分类19

1.3.5Web服务器和网页浏览器20

1.3.6网站开发工具21

1.3.7网页编程语言22

思考与练习23

第2章HTML简介25

2.1HTML概述25

2.1.1HTML的发展历程25

2.1.2一个简单的HTML实例26

2.1.3HTML的基本概念27网页设计与制作教程（第3版）目录2.1.4HTML文档的基本结构28

2.1.5HTML的基本语法规则29

2.2HTML的文本格式标记31

2.2.1标题文字标记31

2.2.2文字字体标记32

2.2.3文本修饰标记33

2.2.4段落标记33

2.2.5强制换行标记34

2.2.6插入水平线标记34

2.2.7预排格式标记35

2.2.8定位标记35

2.2.9列表标记37

2.2.10文字滚动标记39

2.3HTML的图像与多媒体标记40

2.3.1图像标记40

2.3.2背景声音标记42

2.3.3多媒体标记42

2.4HTML的超链接标记43

2.5HTML的表格标记44

2.6HTML的表单标记47

2.7HTML的框架标记53

2.8HTML综合实例57

思考与练习58

第3章CSS基础知识62

3.1CSS概述62

3.1.1CSS与HTML的关系62

3.1.2CSS的优点62

3.1.3一个CSS的应用实例63

3.2CSS的基本语法64

3.2.1CSS的语法64

3.2.2CSS的语法规则65

3.3CSS的使用方法66

3.3.1行内式66

3.3.2嵌入式67

3.3.3链接式68

3.3.4导入式69

3.3.5引入方式的优先级69

3.4CSS选择器70

3.4.1标记选择器70

3.4.2类选择器71

3.4.3ID选择器72

3.4.4伪类选择器74

3.4.5后代选择器75

3.4.6通用选择器75

3.4.7选择器的集体声明75

3.5CSS的层叠性77

3.6CSS的继承性80

3.7CSS属性的值和单位81

3.8应用CSS修饰网页文本83

思考与练习87

第4章网站建设概论89

4.1网站建设的步骤89

4.1.1网站的规划90

4.1.2网站的设计92

4.1.3网站的实现98

4.1.4网站的测试和发布98

4.1.5网站的推广和维护101

4.2网站建设的原则104

4.3网页的可视化设计概论108

4.3.1网页的版面布局108

4.3.2网页的色彩搭配115

4.3.3网页的艺术设计119

4.3.4网页的点、线、面的运用122

4.3.5网页中文字和图形的设计125

思考与练习128

第5章Dreamweaver CS5基础知识130

5.1Dreamweaver CS5概述130

5.1.1初识Dreamweaver CS5130

5.1.2Dreamweaver CS5的工作界面130

5.2站点的创建和管理132

5.2.1创建本地站点132

5.2.2管理本地站点134

5.2.3管理本地站点中的文件134

5.3网页文档的基本操作135

5.3.1新建网页135

5.3.2设置页面属性135

5.3.3保存、打开和预览网页140

5.4编辑与设置网页文本141

5.4.1输入普通文本141

5.4.2设置文本格式142

5.4.3插入其他元素145

5.4.4创建一个纯文字页面的实例147

5.5插入图像150

5.5.1插入图像150

5.5.2编辑图像153

5.5.3插入其他图像元素157

5.5.4创建添加图像元素的页面的实例158

5.6插入多媒体160

5.6.1插入Flash160

5.6.2插入音频160

5.6.3插入视频162

5.6.4创建添加多媒体元素的页面的实例163

5.7创建超链接166

5.7.1创建文本链接166

5.7.2创建图像链接167

5.7.3创建电子邮件链接168

5.7.4创建锚记链接169

5.7.5检查与修复链接171

5.7.6创建添加超链接的页面的实例172

5.8表格的使用173

5.8.1创建表格174

5.8.2选择表格元素175

5.8.3表格的属性设置176

5.8.4表格的基本操作177

5.8.5表格运用的实例180

5.8.6表格的布局功能182

5.8.7应用表格布局设计网页的实例187

5.9框架的使用193

5.9.1创建框架193

5.9.2框架集和框架属性的设置194

5.9.3在框架中设置链接196

5.9.4使用框架布局功能设计页面的实例197

5.9.5嵌入式框架的应用方法201

5.10表单的使用205

5.10.1创建表单205

5.10.2添加表单元素206

5.10.3制作表单页面的实例209

5.11模板的使用210

5.11.1模板的基本操作211

5.11.2模板的应用实例212

5.12行为的应用215

5.12.1行为的基本操作215

5.12.2常见的行为事件和行为动作215

5.12.3行为的应用实例218

5.13CSS样式表的应用220

5.13.1CSS的基本操作220

5.13.2CSS的应用实例223

5.14AP Div的应用225

5.14.1AP Div的基本操作225

5.14.2AP Div的应用实例226

思考与练习229

提高篇

第6章CSS+Div网页布局234

6.1盒子模型234

6.1.1盒子模型的属性及设置234

6.1.2盒子模型的计算238

6.1.3盒子模型的应用举例239

6.2普通流: display属性240

6.2.1display的引入240

6.2.2display属性的取值242

6.2.3display的应用举例243

6.3浮动: float属性244

6.3.1float属性的取值245

6.3.2浮动的清除247

6.3.3float属性的应用举例248

6.4定位: position属性249

6.4.1position属性的取值249

6.4.2相对定位250

6.4.3绝对定位252

6.5CSS+Div布局255

6.5.1布局前的准备255

6.5.2常见的布局种类257

6.5.3布局实例一268

6.5.4布局实例二271

思考与练习281

第7章Photoshop CS5基础知识284

7.1Photoshop CS5概述284

7.1.1图形图像的基本概念284

7.1.2Photoshop CS5的功能简介286

7.1.3Photoshop CS5的工作界面287

7.2Photoshop CS5的文件操作289

7.2.1新建文件289

7.2.2打开文件291

7.2.3置入文件291

7.2.4保存文件291

7.2.5使用标尺、网格等辅助工具292

7.3图像的基本操作292

7.3.1剪切、复制和粘贴292

7.3.2图像的旋转和变形293

7.3.3移动图像296

7.3.4清除图像296

7.3.5还原、重做与恢复操作296

7.4色彩和色调的调整297

7.4.1颜色的基本属性297

7.4.2调整图像色调298

7.4.3调整图像色彩299

7.5Photoshop CS5的文字操作300

7.5.1文字的输入300

7.5.2文字的编辑305

7.5.3文字的转换306

7.6Photoshop CS5的选区操作308

7.6.1创建选区308

7.6.2编辑选区311

7.7Photoshop CS5的图层操作312

7.7.1认识图层和图层面板312

7.7.2编辑和管理图层313

7.7.3图层混合模式的应用315

7.7.4图层样式的应用317

7.8Photoshop CS5中通道和蒙版的应用320

7.8.1认识通道321

7.8.2通道的应用322

7.8.3创建和编辑蒙版325

7.8.4蒙版的应用326

7.9Photoshop CS5中滤镜的应用332

7.9.1滤镜基础知识332

7.9.2滤镜的应用334

7.10Photoshop CS5网页设计应用实例337

7.10.1设计Logo337

7.10.2设计Banner339

7.10.3设计字体343

7.10.4设计导航344

7.10.5设计主页面347

7.10.6图像合成350

7.10.7利用切片功能制作网页351

思考与练习354

第8章Flash CS5基础知识357

8.1Flash CS5概述357

8.1.1Flash动画技术的特点357

8.1.2Flash动画的应用358

8.1.3Flash CS5的界面介绍358

8.2Flash CS5的基本操作366

8.2.1Flash文档的基本操作366

8.2.2Flash图形的绘制和对象的编辑368

8.2.3Flash文本的创建和编辑374

8.3时间轴、帧和图层376

8.3.1时间轴376

8.3.2帧377

8.3.3图层379

8.4元件、实例和库381

8.4.1元件381

8.4.2实例382

8.4.3库384

8.5Flash动画制作385

8.5.1Flash动画的基础知识385

8.5.2逐帧动画387

8.5.3形状补间动画390

8.5.4动作补间动画391

8.5.5引导层动画395

8.5.6遮罩动画398

8.5.7交互式动画400

8.6Flash在网页制作中的应用403

8.6.1利用Flash制作网站Logo403

8.6.2利用Flash制作网站Banner405

8.6.3利用Flash制作一个网站的首页408

8.7Flash动画的测试和发布412

8.7.1动画的优化412

8.7.2动画的测试413

8.7.3动画的发布与导出414

思考与练习415

附录A实用的网页特效源代码417

附录B便捷的辅助设计小软件424

附录C思考与练习的参考答案428

参考文献440