网页设计案例教程PDF电子书下载

第1章 网页设计基础 1

1.1 网页基本概念 1

1.2 网页的基本元素 2

1.3 常用网页编辑工具 3

1.4 Dreamweaver CS5的工作环境 4

1.5 站点的建立与管理 6

1.5.1 站点的创建与管理 6

1.5.2 站点文件的管理 7

1.5.3 站点的更新与上传 9

1.6 网页文档的基本操作 10

1.6.1 创建空白文档网页 10

1.6.2 设置页面属性 10

1.6.3 编辑页面 13

1.6.4 浏览页面 14

上机实训1 15

第2章 Dreamweaver CS5网页制作 16

2.1 创建基于文本的网页 16

2.1.1 添加文本内容 16

2.1.2 设置文本格式 18

2.2 图像的插入和编辑 22

2.2.1 插入图像 22

2.2.2 设置图像属性 25

2.2.3 图像的编辑 26

2.2.4 设置图像对齐方式 26

2.2.5 插入鼠标经过图像 27

2.3 创建基于图文混排的网页 28

2.3.1 插入水平线 28

2.3.2 插入日期 29

2.4 插入多媒体对象 30

2.4.1 插入Flash 30

2.4.2 插入ActiveX 31

2.4.3 插入电影 32

2.5 创建背景音乐 34

2.5.1 声音文件格式 34

2.5.2 嵌套声音 34

2.5.3 添加背景音乐 34

2.6 使用超链接 35

2.6.1 文本链接 36

2.6.2 图像链接 37

2.6.3 锚点链接 39

2.6.4 邮件链接 40

2.6.5 下载链接 40

2.6.6 空链接 40

上机实训2 41

第3章 表格与框架 43

3.1 创建表格 43

3.2 表格的基本操作 45

3.2.1 选择表格 45

3.2.2 设置行数和列数 46

3.2.3 设置表格大小 47

3.2.4 设置表格边框 49

3.2.5 设置表格背景 50

3.2.6 设置单元格属性及表格的嵌套 52

3.2.7 表格数据的导入／导出 54

3.2.8 表格的排序 55

3.3 用表格制作课程表 56

3.4 用表格布局网页 59

3.5 框架与框架集 63

3.5.1 创建框架 64

3.5.2 编辑框架 65

3.5.3 设置框架和框架集属性 67

3.5.4 用框架制作网页 70

上机实训3 72

第4章 CSS美化及布局页面 77

4.1 使用CSS美化页面 77

4.1.1 CSS概述 77

4.1.2 CSS样式分类 80

4.1.3 样式的创建和引用 80

4.1.4 设置及编辑CSS样式属性 82

4.1.5 CSS样式应用 87

4.1.6 用CSS制作横向导航 90

4.2 AP Div层 96

4.2.1 创建AP Div层 96

4.2.2 AP Div层的基本操作 97

4.2.3 AP Div层应用实例 98

4.3 Div标签 99

4.4 使用CSS+Div布局页面 100

4.4.1 使用模板新建CSS+Div布局的页面 101

4.4.2 一列固定宽度布局 103

4.4.3 一列自适应宽度布局 104

4.4.4 4行2列固定宽度布局 104

4.4.5 4行3列固定宽度布局 106

上机实训4 108

第5章 表单与行为 113

5.1 认识表单 113

5.2 表单对象 115

5.3 表单案例 117

5.3.1 布局注册页面 117

5.3.2 插入文本域 117

5.3.3 插入单选按钮 120

5.3.4 插入复选框 121

5.3.5 插入列表／菜单 122

5.3.6 插入按钮 123

5.4 行为概述 124

5.4.1 行为的基本知识 124

5.4.2 行为面板和行为菜单 125

5.4.3 事件 126

5.5 行为的基本操作 126

5.6 使用Dreamweaver自带的行为 127

5.6.1 添加弹出提示信息的行为 127

5.6.2 交换图像 128

5.6.3 拖动AP元素 129

5.6.4 显示隐藏元素 131

5.6.5 转到URL 132

5.6.6 设置状态栏文本 133

5.6.7 设置放大缩小图片 134

上机实训5 135

第6章 模板和库 137

6.1 模板 137

6.1.1 模板的概念 137

6.1.2 创建模板 137

6.1.3 插入模板对象 139

6.1.4 用模板创建网页 140

6.2 库 142

6.2.1 创建库项目 142

6.2.2 编辑库项目 143

6.2.3 使用库项目 143

6.2.4 创建库项目实例 143

上机实训6 145

第7章 HTML基础 147

7.1 HTML文件结构 147

7.2 HTML元素属性 148

7.3 HTML常用标记及属性介绍 150

7.3.1 ＜p＞、＜pre＞和＜br＞标记 151

7.3.2 ＜div＞与＜/div＞标记 153

7.3.3 列表 153

7.3.4 ＜img＞标记 155

7.3.5 ＜a herf=″URL″＞…＜/a＞ 156

7.4 加密HTML代码 157

7.5 清理HTML代码 157

上机实训7 158

第8章 使用Photoshop制作图片素材 160

8.1 网页图片基础 160

8.1.1 网页中常用的图片格式 160

8.1.2 网页图片使用原则 161

8.1.3 网页图片素材来源 162

8.2 Photoshop CS5简介 162

8.2.1 Photoshop CS5操作界面简介 162

8.2.2 工具箱 163

8.2.3 图层简介 164

8.3 修改图片素材 166

8.3.1 自由变换图层大小 166

8.3.2 调整图片色调 168

8.3.3 调整图片亮度对比度 169

8.3.4 移花接木 169

8.4 绘制网页元素 171

8.4.1 网站导航条制作 171

8.4.2 网站中独立按钮制作 173

8.5 优化和导出图片 176

8.6 网页设计实例 178

8.6.1 需求分析 178

8.6.2 头部设计 178

8.6.3 主体设计 180

上机实训8 184

第9章 Flash动画素材制作 185

9.1 认识Flash CS5 185

9.1.1 启动Flash CS5 185

9.1.2 Flash CS5操作界面 185

9.1.3 Flash工具箱 187

9.1.4 层、帧和Action Script 3.0脚本 188

9.2 Flash在网站设计中的应用 189

9.3 Flash文本动画效果制作 190

9.4 Flash按钮制作 194

上机实训9 195

第10章 网站规划、建设、发布与维护 196

10.1 网站前期规划 196

10.1.1 网站主要功能和定位 196

10.1.2 市场分析 196

10.1.3 内容规划 197

10.1.4 网页设计 197

10.2 网站制作实例 197

10.2.1 网站前期规划 197

10.2.2 网站结构图 198

10.2.3 首页布局设计 198

10.2.4 各板块设计构思 199

10.2.5 用CSS+Div搭建网站框架 200

10.2.6 设计和插入Banner 204

10.2.7 制作导航 205

10.2.8 制作左侧内容栏 206

10.2.9 制作中部主体部分 208

10.2.10 制作底部 212

10.2.11 制作附页 213

10.3 测试网站 216

10.3.1 浏览器兼容性检测 216

10.3.2 链接检测 217

10.4 发布网站 217

10.4.1 使用Dreamweaver CS5自带工具上传站点 218

10.4.2 使用FlashFXP上传文件 219

上机实训10 220

参考文献 221