网页设计基础教程与上机指导 第2版PDF电子书下载

第1章 网页设计基础 1

1.1 网页中的基本概念 1

1.1.1 什么是网页 1

1.1.2 什么是网站 2

1.1.3 什么是域名和空间 2

1.2 网页的基本构成元素 2

1.2.1 网站LOGO 3

1.2.2 网站Banner 3

1.2.3 导航栏 3

1.2.4 文本 4

1.2.5 图像 4

1.2.6 Flash动画 5

1.2.7 多媒体 5

1.3 网页设计的常用工具 5

1.3.1 网页编辑排版软件Dreamweaver 5

1.3.2 网页动画制作软件Flash 6

1.3.3 网页图像制作软件Photoshop 6

1.3.4 网页图像制作软件Fireworks 7

1.4 网站建设的基本流程 7

1.4.1 网站整体规划 8

1.4.2 收集资料与素材 9

1.4.3 设计网页图像 9

1.4.4 网页排版布局 10

1.4.5 测试与发布上传 10

1.4.6 后期更新与维护 10

1.4.7 网站的推广 11

1.5 习题 12

第2章 Dreamweaver 8基础 14

2.1 Dreamweaver 8简述 14

2.2 Dreamweaver 8的新增功能 15

2.3 Dreamweaver 8的操作界面 16

2.3.1 菜单栏 17

2.3.2 插入栏 18

2.3.3 浮动面板 18

2.3.4 【属性】面板 18

2.3.5 文档窗口 18

2.4 文档的基本操作 19

2.4.1 新建网页 19

2.4.2 打开网页 20

2.4.3 保存网页 20

2.4.4 设置页面属性 21

2.5 上机指导：创建和管理站点 23

2.5.1 创建本地静态站点“清华” 23

2.5.2 管理本地站点 25

2.6 习题 26

第3章 插入网页对象 27

3.1 插入文本 27

3.1.1 插入普通文本 27

3.1.2 设置文本属性 28

3.1.3 插入特殊字符 30

3.2 使用列表 31

3.2.1 插入项目列表 31

3.2.2 插入编号列表 32

3.3 在网页中插入文件头部内容 32

3.3.1 插入META信息 33

3.3.2 设置基础 33

3.3.3 插入关键字 34

3.3.4 插入说明文字 34

3.3.5 设置刷新 35

3.4 插入图像 35

3.4.1 插入图像 35

3.4.2 设置图像属性 36

3.4.3 插入翻转图像 38

3.5 插入媒体对象 39

3.5.1 插入Flash动画 40

3.5.2 插入Flash按钮对象 41

3.5.3 插入Flash文本对象 43

3.5.4 插入Java Applet 44

3.6 插入其他对象 46

3.6.1 插入日期 46

3.6.2 插入水平线 47

3.7 上机指导：制作图文混排网页和特效网页 49

3.7.1 创建图文混排网页 49

3.7.2 插入Java Applet制作特效网页 50

3.8 习题 51

第4章 使用超链接 53

4.1 超链接的基本知识 53

4.1.1 绝对路径 53

4.1.2 相对路径 54

4.1.3 根目录相对路径 54

4.2 链接到文件 54

4.2.1 使用【属性】面板定义超链接 54

4.2.2 使用【浏览文件】按钮指定链接到的文件 54

4.3 创建超链接 55

4.3.1 创建下载文件的超链接 55

4.3.2 创建电子邮件超链接 56

4.3.3 创建图像热点链接 57

4.3.4 创建锚点链接 58

4.4 链接检查与测试 59

4.5 上机指导：创建热点链接导航和锚点链接 60

4.5.1 创建热点链接导航 60

4.5.2 创建锚点链接实例 61

4.6 习题 64

第5章 使用表格 65

5.1 插入表格 65

5.1.1 表格的基本概念 65

5.1.2 插入表格 66

5.2 设置表格属性 67

5.2.1 设置表格属性 67

5.2.2 设置单元格属性 68

5.3 表格的基本操作 69

5.3.1 选择表格 69

5.3.2 添加行或列 70

5.3.3 删除行或列 71

5.3.4 合并单元格 71

5.3.5 拆分单元格 72

5.4 用表格排列数据 72

5.4.1 导入表格式数据 72

5.4.2 表格排序 74

5.5 上机指导：创建网页表格和表格布局 76

5.5.1 创建网页细线表格 76

5.5.2 创建网页圆角表格 78

5.5.3 利用表格布局网页 82

5.6 习题 87

第6章 使用层 89

6.1 创建和设置层 89

6.1.1 创建层 89

6.1.2 嵌套层 90

6.1.3 层的【属性】面板 91

6.1.4 【层】面板 91

6.2 层的基本操作 91

6.2.1 选择层 92

6.2.2 调整层的大小 92

6.2.3 移动层 93

6.2.4 对齐层 94

6.3 层和表格间的相互转换 95

6.3.1 层转换成表格 95

6.3.2 表格转换成层 96

6.4 时间轴的应用 97

6.5 上机指导：创建下拉菜单和网页动画 98

6.5.1 创建网页下拉菜单 98

6.5.2 利用时间轴创建网页漂浮广告动画 101

6.6 习题 104

第7章 创建框架网页 105

7.1 框架网页的创建 105

7.1.1 创建框架 105

7.1.2 保存框架 106

7.2 改变框架属性 107

7.2.1 设置框架属性 107

7.2.2 在框架中输入内容 108

7.3 框架和框架集 109

7.3.1 创建自定义框架集 110

7.3.2 嵌套框架集 110

7.4 上机指导：创建框架网页 111

7.4.1 使用Iframe创建嵌套框架网页 111

7.4.2 创建完整的框架网页 112

7.5 习题 118

第8章 使用CSS样式表 119

8.1 CSS样式表 119

8.1.1 关于CSS样式表 119

8.1.2 使用【CSS样式】面板 120

8.1.3 创建新CSS样式 120

8.1.4 应用自定义CSS样式 122

8.1.5 创建和链接到外部CSS样式表 123

8.2 定义样式表属性 125

8.2.1 设置CSS样式的类型 125

8.2.2 设置CSS样式的背景 126

8.2.3 设置CSS样式的区块 126

8.2.4 设置CSS样式的方框 127

8.2.5 设置CSS样式的边框 128

8.2.6 设置CSS样式的列表 128

8.2.7 设置CSS样式的定位 129

8.2.8 设置CSS样式的扩展 130

8.3 上机指导：创建网页特效文字 130

8.3.1 创建阴影文本 130

8.3.2 利用CSS固定字体大小 133

8.4 习题 135

第9章 使用模板与库 137

9.1 模板的创建 137

9.1.1 创建模板 137

9.1.2 定义可编辑区域 140

9.1.3 应用模板 142

9.1.4 更新网页 143

9.2 库的创建 144

9.2.1 创建库项目 144

9.2.2 使用库项目 146

9.3 上机指导：综合应用模板和库 147

9.4 习题 151

第10章 创建表单网页 153

10.1 初识表单 153

10.2 插入表单对象 154

10.2.1 创建表单 154

10.2.2 插入单行文本域 155

10.2.3 插入多行文本域 157

10.2.4 插入密码域 157

10.2.5 插入复选框 158

10.2.6 插入单选按钮 158

10.2.7 插入列表和菜单 159

10.2.8 插入表单按钮 159

10.3 上机指导：制作网上报名页面 160

10.4 习题 164

第11章 使用行为 166

11.1 行为概述 166

11.1.1 行为面板 166

11.1.2 动作 167

11.1.3 事件 168

11.2 使用Dreamweaver自带的行为 168

11.2.1 弹出信息 169

11.2.2 显示弹出式菜单 170

11.2.3 打开浏览器窗口 171

11.2.4 检查浏览器 173

11.2.5 设置状态栏文本 173

11.2.6 检查表单 174

11.2.7 控制Shockwave或Flash 175

11.2.8 转到URL 176

11.3 获得更多行为 177

11.4 习题 177

第12章 创建动态网页 179

12.1 搭建服务器平台 179

12.1.1 安装IIS 179

12.1.2 配置IIS 181

12.2 创建数据库 182

12.3 连接数据库 183

12.3.1 创建ODBC连接 183

12.3.2 创建DSN连接 184

12.4 操作记录集 185

12.4.1 插入记录 185

12.4.2 更新记录 185

12.4.3 删除记录 186

12.5 上机指导：增加服务器行为 187

12.5.1 重复区域 187

12.5.2 记录集分页 188

12.5.3 显示区域 188

12.5.4 转到详细页面 189

12.5.5 转到相关页面 190

12.5.6 用户身份验证 190

12.6 习题 192

第13章 快速掌握Photoshop CS2 194

13.1 Photoshop CS2工作界面 194

13.1.1 友好的界面 194

13.1.2 菜单栏 195

13.1.3 工具箱与选项栏 196

13.1.4 调板 196

13.1.5 文档窗口 196

13.2 文件的基本操作 197

13.2.1 调整画布大小 197

13.2.2 调整图像大小 197

13.3 上机指导：处理网页产品图像 198

13.4 习题 200

第14章 选取与处理图像 201

14.1 选取区域 201

14.1.1 选取规则区域 201

14.1.2 选取不规则区域 202

14.1.3 选取颜色相近的区域 202

14.1.4 利用【抽出】命令制作透明图像 202

14.2 对选区图像进行色彩处理 204

14.2.1 色调调整 204

14.2.2 色彩调整 205

14.3 上机指导：羽化网页图像 207

14.4 习题 208

第15章 图层的使用 209

15.1 图层概述 209

15.2 图层调板的使用 209

15.3 图层的基本操作 210

15.4 图层样式 211

15.5 上机指导：使用图层样式 214

15.6 习题 216

第16章 应用Photoshop CS2设计网页素材 217

16.1 创建网页图像文字 217

16.1.1 创建文字 217

16.1.2 设置文本属性 218

16.2 文字变形 219

16.3 使用切片工具切割图像 220

16.4 设计网页按钮 222

16.5 设计网页Banner 223

16.6 上机指导：设计网页Logo 231

16.7 习题 233

第17章 Flash 8入门 235

17.1 Flash 8的工作界面 235

17.1.1 Flash 8界面 235

17.1.2 Flash 8的菜单 236

17.1.3 Flash 8的工具箱 236

17.2 常用基本概念 237

17.2.1 帧 237

17.2.2 图层 238

17.2.3 元件 238

17.2.4 位图 239

17.2.5 矢量图 239

17.3 上机指导：创建简单动画实例 240

17.4 习题 243

第18章 使用图层和时间轴 244

18.1 场景 244

18.1.1 编辑场景 244

18.1.2 改变场景属性 246

18.2 时间轴 246

18.2.1 帧和帧频 246

18.2.2 编辑帧 246

18.2.3 时间轴特效 247

18.3 图层操作 251

18.3.1 创建新层 251

18.3.2 图层属性 252

18.4 上机指导：利用时间轴特效制作动画 252

18.5 习题 253

第19章 元件和组件 255

19.1 元件与实例 255

19.1.1 创建图形元件 255

19.1.2 创建影片剪辑元件 257

19.1.3 创建按钮元件 257

19.1.4 创建元件的实例 257

19.1.5 编辑元件和实例 258

19.2 使用组件 259

19.3 上机指导：使用元件创建百叶窗 260

19.4 习题 262

第20章 制作Flash动画 264

20.1 制作简单动画 264

20.1.1 创建逐帧动画 264

20.1.2 使用模板创建动画 266

20.2 创建补间动画 268

20.2.1 制作动画补间动画 268

20.2.2 制作形状补间动画 269

20.3 创建引导层动画 271

20.3.1 创建沿直线运动的动画 271

20.3.2 创建沿轨道运动的动画 274

20.3.3 创建闭合路径动画 275

20.4 上机指导：创建遮罩动画 277

20.4.1 创建简单的遮罩动画 277

20.4.2 利用遮罩产生运动的效果 279

20.5 习题 280

第21章 导入声音和视频 282

21.1 声音的导入和使用 282

21.1.1 导入声音 282

21.1.2 使用声音 283

21.2 声音的属性设置 284

21.2.1 音效的设置 284

21.2.2 设置声音重复的次数 285

21.3 声音的压缩 285

21.4 导入视频 286

21.5 上机指导：添加网站背景音乐 288

21.6 习题 289

第22章 ActionScript的应用 291

22.1 ActionScript的编辑环境 291

22.2 ActionScript的基础知识 292

22.2.1 ActionScript语法 292

22.2.2 变量 294

22.2.3 数据类型 295

22.3 运算符 295

22.4 添加ActionScript 298

22.4.1 为帧添加动作 298

22.4.2 为按钮添加动作 298

22.4.3 为影片剪辑添加动作 298

22.5 上机指导：交互动画制作 299

22.5.1 制作全屏展示页面 299

22.5.2 制作网站导航 300

22.6 习题 303

第23章 Fireworks 8快速入门 304

23.1 Fireworks 8概述 304

23.2 Fireworks 8的工作环境 305

23.3 编辑位图图像 307

23.3.1 使用套索工具编辑位图图像 307

23.3.2 使用刷子工具编辑位图图像 308

23.3.3 使用红眼消除工具编辑位图图像 308

23.4 编辑矢量图形 309

23.5 对文本的编辑 310

23.5.1 输入文本 310

23.5.2 编辑文本 311

23.5.3 附加文本到路径 312

23.5.4 转换文本为路径 312

23.6 上机指导：制作网页特效文字 313

23.7 习题 314

第24章 综合处理网页图像 316

24.1 创建图像切片和热区 316

24.1.1 创建切片 316

24.1.2 编辑切片 317

24.1.3 导出切片 318

24.1.4 创建图像热区 318

24.2 创建网页图像素材 319

24.2.1 创建网页按钮 319

24.2.2 创建弹出菜单 321

24.3 色彩调整与滤镜效果 323

24.3.1 调整图像的色阶 323

24.3.2 调整图像的亮度和对比度 324

24.3.3 调整色相和饱和度 325

24.3.4 模糊图像 325

24.3.5 锐化图像 326

24.3.6 导入滤镜效果 326

24.4 上机指导：切割网页图像和制作立体按钮 327

24.4.1 切割网页图像实例 327

24.4.2 制作网页立体按钮 328

24.5 习题 330

第25章 利用Fireworks制作动画 331

25.1 创建逐帧动画 331

25.1.1 关于 331

25.1.2 编辑帧 331

25.1.3 帧延时 332

25.1.4 逐帧动画 333

25.2 创建元件动画 336

25.2.1 元件和实例 336

25.2.2 编辑元件 336

25.3 创建其他动画 337

25.3.1 打开文件生成动画 337

25.3.2 导入现有GIF动画 337

25.4 上机指导：制作逐字变色动画 338

25.5 习题 339

第26章 制作个人网站 340

26.1 个人网站的前期策划 340

26.1.1 确定网站主题 340

26.1.2 确定网站栏目 341

26.2 利用Photoshop CS2处理照片 341

26.3 制作网站库文件 344

26.3.1 制作顶部分库文件 344

26.3.2 制作底部库文件 347

26.4 制作网站主页 349

26.4.1 制作头部文件 349

26.4.2 制作网站调查 350

26.4.3 制作我的好友和联系希儿网站 353

26.4.4 制作个人公告 355

26.4.5 制作网站正文部分 358

26.4.6 制作底部文件 361

26.5 上机指导：制作特效主页 361

26.5.1 添加弹出窗口特效 361

26.5.2 利用插件制作背景音乐 362

26.6 习题 364

第27章 制作企业网站 365

27.1 企业设计指南 365

27.2 用Fireworks设计网页Logo 367

27.3 创建本地站点 369

27.4 创建二级模板 370

27.5 利用模板创建其他网页 372

27.6 上机指导：创建新闻发布系统 374

27.6.1 创建数据库 374

27.6.2 创建数据库连接 376

27.6.3 创建新闻列表管理页面 378

27.6.4 创建后台登录页面 382

27.6.5 创建添加新闻页面 386

27.6.6 创建删除页面 388

27.6.7 创建修改页面 389

27.6.8 创建新闻列表页面 391

27.6.9 制作新闻详细页面 394

27.7 习题 396

附录 习题答案 397