目录

第1章网站开发基础1

1.1网站开发概述1

1.1.1什么是网站1

1.1.2网站的类型及定位1

1.1.3认识网页5

1.2网站开发流程7

1.2.1网站总体策划7

1.2.2设计和制作素材9

1.2.3建立站点10

1.2.4制作网页10

1.2.5测试和发布网站11

1.3常用网页设计软件11

1.4HTML入门13

1.4.1HTML的概念13

1.4.2编写HTML网页14

1.4.3HTML标签15

1.4.4HTML文档的基本结构17

1.4.5关于HTML518

1.4.6了解XHTML19

1.5本章习题20

1.6上机练习20

第2章Dreamweaver网页制作基础21

2.1Dreamweaver CC 2018的工作环境21

2.1.1Dreamweaver软件界面21

2.1.2关于“插入”面板24

2.1.3自定义界面25

2.1.4Dreamweaver的视图模式26

2.2建立本地站点28

2.2.1创建站点目录29

2.2.2在Dreamweaver中定义站点30

2.3在Dreamweaver中制作第一个网页322.3.1新建HTML网页文档32

2.3.2编辑和保存网页33

2.3.3预览网页34

2.3.4继续编辑网页35

2.4本章习题36

2.5上机练习37

第3章制作网页内容38

3.1文字和段落在网页中的应用38

3.1.1插入文字38

3.1.2设置文本格式39

3.1.3设置段落格式43

3.1.4插入特殊字符46

3.1.5使用段落列表47

3.2图像在网页中的应用49

3.2.1插入图像49

3.2.2设置图像属性52

3.2.3使用外部图像编辑器53

3.3多媒体对象在网页中的应用55

3.3.1在网页中应用Animate动画55

3.3.2在网页中应用FLV视频58

3.3.3在网页中应用声音61

3.3.4在网页中插入HTML5音/视频64

3.3.5插入Animate作品67

3.4超链接69

3.4.1创建超链接的方法69

3.4.2超链接的路径72

3.4.3链接目标72

3.5本章习题74

3.6上机练习74

第4章CSS样式表76

4.1CSS入门76

4.1.1“CSS设计器”面板76

4.1.2定义CSS规则77

4.1.3在网页中应用CSS样式79

4.1.4添加CSS选择器80

4.2CSS样式详解81

4.2.1类型82

4.2.2背景83

4.2.3区块85

4.2.4方框86

4.2.5边框87

4.2.6列表88

4.2.7定位89

4.2.8扩展90

4.3创建CSS样式91

4.3.1内部样式表91

4.3.2外部样式表93

4.4本章习题99

4.5上机练习100

第5章网页布局101

5.1网页布局的类型101

5.2用表格进行网页布局103

5.2.1在页面中插入表格103

5.2.2设置表格和单元格属性105

5.2.3表格标签107

5.2.4用表格布局网页108

5.3用CSS进行网页布局113

5.3.1表格+CSS布局113

5.3.2DIV+CSS布局119

5.4本章习题127

5.5上机练习128

第6章网页特效与交互129

6.1行为129

6.1.1附加行为129

6.1.2行为应用实例——网页加载时弹出公告页131

6.1.3内置行为简介133

6.2AP元素134

6.2.1创建和编辑AP元素134

6.2.2AP元素的属性详解137

6.2.3AP元素拖动效果139

6.2.4添加网页图文特效141

6.3JavaScript基础知识147

6.3.1<script>标签147

6.3.2编写一个简单的JavaScript程序148

6.3.3使用“代码片段”面板150

6.4本章习题154

6.5上机练习155

第7章模板和站点管理157

7.1模板157

7.1.1新建模板的方法157

7.1.2可编辑区域159

7.1.3创建基于模板的页面161

7.2资源管理163

7.2.1库163

7.2.2其他资源管理164

7.3站点管理和维护164

7.3.1测试网站165

7.3.2优化网页代码166

7.3.3发布网站169

7.3.4导入和导出站点172

7.4本章习题174

7.5上机练习174

第8章Photoshop网页设计基础175

8.1Photoshop CC 2018的工作环境175

8.1.1Photoshop CC 2018的界面175

8.1.2工作区布局和屏幕模式181

8.1.3使用标尺、网格和参考线182

8.2使用Photoshop绘制网页基本图形183

8.2.1创建Photoshop文档183

8.2.2绘制几何形状185

8.2.3使用钢笔工具绘制路径188

8.2.4使用画笔193

8.2.5设置颜色196

8.3本章习题199

8.4上机练习200

第9章Photoshop网页设计进阶201

9.1图层与蒙版201

9.1.1图层201

9.1.2图层样式203

9.1.3图层的混合模式207

9.1.4图层蒙版的操作208

9.2选区与通道210

9.2.1创建选区210

9.2.2通道及其应用214

9.3设计网页文字217

9.3.1输入和编辑文字217

9.3.2文字的转换219

9.3.3路径文字221

9.4调整网页图像222

9.4.1调整图像的基本属性222

9.4.2修饰和修复图像225

9.4.3调整图像的色调232

9.4.4调整图像的色彩237

9.5使用滤镜增强网页图像的效果239

9.5.1使用滤镜库239

9.5.2“抽出”滤镜和“液化”滤镜241

9.5.3“模糊”滤镜和“锐化”滤镜244

9.6本章习题247

9.7上机练习248

第10章使用Photoshop设计网页元素249

10.1设计网站图标和Logo249

10.1.1绘制网站图标249

10.1.2绘制网站Logo253

10.2设计网页广告图像256

10.2.1制作网站Banner256

10.2.2绘制网页通栏广告259

10.3设计网页按钮和导航条261

10.3.1绘制网页按钮261

10.3.2绘制网页导航条262

10.4设计网页265

10.4.1绘制网页265

10.4.2创建切片269

10.4.3优化切片并导出HTML文件271

10.4.4在Dreamweaver中编辑网页273

10.5本章习题274

10.6上机练习275

第11章Animate动画制作基础276

11.1Animate CC的工作环境276

11.1.1工作界面简介276

11.1.2面板的操作279

11.2Animate文档的基本操作方法280

11.2.1Animate动画的制作流程280

11.2.2制作第一个网页动画281

11.3绘制矢量图形285

11.3.1绘制线条286

11.3.2绘制简单图形289

11.3.3设计图形色彩292

11.3.4绘制复杂图形297

11.3.5图形的变形302

11.3.6绘制模式304

11.4位图和文字308

11.4.1应用位图308

11.4.2应用文字310

11.5本章习题313

11.6上机练习314

第12章制作网页动画315

12.1图层和帧315

12.1.1图层的基本概念和操作315

12.1.2帧的基本概念和操作318

12.2基础动画321

12.2.1逐帧动画321

12.2.2形状补间动画325

12.2.3传统补间动画328

12.2.4基于传统补间的路径动画331

12.3元件及其应用333

12.3.1元件的类型和创建元件的方法333

12.3.2影片剪辑元件336

12.3.3按钮元件338

12.4高级动画342

12.4.1补间动画342

12.4.2动画编辑器和动画预设346

12.4.3遮罩动画349

12.4.43D动画和骨骼动画350

12.5使用Animate制作网络广告353

12.5.1企业形象Banner设计353

12.5.2横幅广告设计356

12.5.3网络广告设计361

12.6本章习题364

12.7上机练习365