Web网页设计教程

第1章网页制作基础概述 1

1.1什么是网页 1

1.1.1Web概述 1

1.1.2网页的本质——HTML 1

1.2网页包括的主要元素 2

1.3网页制作工具简介 4

1.3.1网页编辑工具 4

1.3.2网页图像与动画制作工具 5

1.4网站开发 5

1.4.1网站规划 6

1.4.2网站设计 7

1.4.3测试与发布 8

1.4.4网站维护 8

1.5习题 8

第2章DreamweaverMX概述 9

2.1DreamweaverMX新增功能 9

2.2DreamweaverMX的操作界面 11

2.2.1DreamweaverMX文档窗口 11

2.2.2DreamweaverMX浮动面板 14

2.2.3DreamweaverMX参数设置 16

2.3创建站点 18

2.3.1设置站点存储位置 18

2.3.2建立Dreamweaver站点 18

2.3.3建立站点文件夹 20

2.3.4建立网页新文件 21

2.4页面文档基本操作 22

2.4.1创建空白文档 22

2.4.2打开旧文档 22

2.4.3使用模板创建文档 23

2.4.4保存文档 24

2.5习题 24

第3章文本 25

3.1设置字体.样式.颜色和对齐方式 25

3.1.1设置字符格式 25

3.1.2使用段落和标题 29

3.1.3改变字体及其颜色 31

3.1.4对齐文本 34

3.2创建项目列表 34

3.2.1无序项目列表和有序项目列表 34

3.2.2创建新项目列表 35

3.2.3创建嵌套项目列表 36

3.2.4设置项目列表属性 36

3.2.5用图像作项目列表 37

3.3加入特殊对象 37

3.3.1插入更新日期 37

3.3.2插入特殊的文本字符 38

3.3.3插入水平线 39

3.3.4插入分隔线 40

3.3.5复制和粘贴HTML源代码 41

3.4小结 41

3.5习题 41

第4章图像 42

4.1图像的格式 42

4.1.1GIF格式的图像 42

4.1.2JPEG格式的图像 43

4.1.3PNG格式的图像 43

4.2插入图像 44

4.3修改图片的属性 45

4.4图片的对齐 46

4.5给网页加上背景图像 47

4.6创建图像映射 48

4.7小结 49

4.8习题 50

第5章创建超链接 51

5.1链接的分类 51

5.1.1按目标端点的分类 51

5.1.2按文档路径分类 51

5.2创建超级链接 52

5.2.1创建链接的一般方法 52

5.2.2创建超级链接的快速方法 55

5.2.3创建到文档的锚链接 56

5.2.4创建E-mail链接与空链接 57

5.3创建导航条和状态栏 59

5.4小结 61

5.5习题 61

第6章表格 62

6.1表格概述 62

6.2创建表格 62

6.2.1在网页中插入表格 62

6.2.2创建嵌套表格 63

6.3编辑表格 63

6.3.1设置表格参数 64

6.3.2修改行.列及单元格的属性 65

6.3.3表格的边框 66

6.3.4增加.删除行或列 67

6.3.5单元格的拆分与合并 67

6.3.6套用格式 68

6.3.7表格排序 70

6.4小结 71

6.5习题 71

第7章层的应用 72

7.1创建层 72

7.1.1创建新的层 72

7.1.2使用层面板 74

7.1.3创建嵌套层 74

7.2层的操作 75

7.2.1选定层 75

7.2.2调整层的大小 76

7.2.3层的移动与对齐 76

7.2.4改变层的可见性 77

7.3层与表格 77

7.3.1将表格转换为层 78

7.3.2将层转换为表格 78

7.4层的高级应用 80

7.4.1下拉菜单的制作 80

7.4.2层的定位技巧 80

7.5小结 81

7.6习题 81

第8章表单 82

8.1使用表单 82

8.2创建表单 82

8.2.1创建文本域 83

8.2.2创建复选框 84

8.2.3创建单选框 84

8.2.4创建列表框 85

8.2.5创建跳转菜单 85

8.2.6创建文件域 86

8.2.7创建图像域 87

8.2.8创建隐藏域 87

8.3表单的实例 88

8.4小结 90

8.5习题 91

第9章应用时间线 92

9.1创建时间线 92

9.2创建时间轴动画 93

9.3通过拖动路径创建时间轴动画 94

9.4修改时间轴及其对象的属性 94

9.5小结 96

9.6习题 96

第10章CSS样式 97

10.1CSS概述 97

10.2CSS样式的基本操作 97

10.2.1显示CSS样式面板 98

10.2.2创建新的CSS样式 98

10.2.3使用外部的CSS样式 99

10.3CSS样式冲突 100

10.4CSS样式应用示例 100

10.5小结 100

10.6习题 101

第11章行为 102

11.1行为的概述 102

11.1.1认识行为面板 102

11.1.2显示事件 103

11.1.3为时间线附加行为 103

11.2DreamweaverMX的内置行为 104

11.2.1调用JavaScript 104

11.2.2更改网页元素的属性 105

11.2.3检查浏览器 106

11.2.4检查插件 107

11.2.5打开浏览器窗口 108

11.2.6播放声音 109

11.2.7弹出信息 110

11.2.8弹出信息的常见应用 110

11.2.9控制状态栏 111

11.3小结 112

11.4习题 112

第12章框架 113

12.1使用框架 113

12.1.1创建框架 113

12.1.2选择框架集或框架 116

12.1.3保存框架和框架集文件 117

12.2设置框架属性 120

12.2.1设置框架属性 120

12.2.2设置框架集属性 121

12.3在框架中使用链接 122

12.4框架应用示例 123

12.5小结 126

12.6习题 126

第13章使用模板和库 127

13.1生成模板和模板的页面属性设置 127

13.1.1生成一个模板 127

13.1.2设置模板的页面属性 128

13.1.3定义模板的可编辑区 128

13.2管理模板 129

13.2.1模板的参数设置 129

13.2.2寻找可编辑区 130

13.2.3可编辑标记属性 130

13.3定制库项目 131

13.3.1认识库项目 131

13.3.2创建库项目 132

13.3.3应用库元素 132

13.3.4修改库元素 132

13.3.5添加库项目到页面 132

13.4小结 133

13.5习题 133

第14章测试并上传网站 134

14.1网站上传 134

14.1.1上传的准备工作 134

14.1.2上传步骤 134

14.2专业上传软件CuteFTP的使用 135

14.3CuteFTP最新实用技巧 137

14.3.1CuteFTP最新实用技巧 137

14.3.2直接在远程服务器上编辑网页 138

14.3.3使用CuteFTP加快速度的几种技巧 138

14.3.4只下载或上传最新文件的技巧 138

14.3.5导入站点数据到新版CuteFTP中 138

14.3.6用CuteFTP给文件自动更名 139

14.3.7定制CuteFTP工具栏的技巧 139

14.3.8显示远程服务器上隐藏文件的技巧 140

14.4小结 140

14.5习题 140

第15章Flash基础 141

15.1FlashMX简介 141

15.1.1FlashMX与Flash5.0异同点 142

15.1.2FlashMX的新功能 142

15.2Flash工作环境 143

15.2.1FlashMX工作环境 143

15.2.2时间轴窗口 144

15.2.3图层 145

15.3绘图工具的使用 146

15.3.1绘图工具介绍 146

15.3.2绘图工具的使用之铅笔工具 148

15.3.3绘图工具的使用之椭圆工具和矩形工具 148

15.3.4绘图工具的使用之定制颜色 149

15.3.5绘图工具的使用之墨水瓶工具和滴管工具 150

15.3.6绘图工具的使用之颜料桶工具 150

15.4对象的处理 151

15.4.1移动.复制和删除对象 151

15.4.2对齐对象 152

15.4.3集合和打散对象 152

15.4.4镜像对象 152

15.4.5修改对象 152

15.5图符与实例 153

15.6声音 154

15.6.1导入声音 154

15.6.2为按钮添加声音 155

15.7小结 155

15.8习题 155

第16章FlashMX动画入门 156

16.1运动的小球的制作 156

16.2沿路径运动的小球 158

16.3形体渐变之延伸的直线 159

16.4按钮的制作 160

16.5遮罩 161

16.6制作星星电影剪辑 162

16.7小结 163

16.8习题 163

第17章FlashMX之Action入门 164

17.1FlashMXActionScript基本术语解释 164

17.2FlashMXActionScript语法基础 166

17.3FlashMXActionScript中的数据类型 169

17.4FlashMXActionScript中的变量 171

17.5FlashMXActionScrip中的运算符 174

17.6FlashMXActionScript使用动作实现对象控制 178

17.7FlashMXActionScript通过路径指定目标对象 179

17.8FlashMXActionScript控制脚本流程 179

17.9FlashMXActionScript调用和创建函数 181

17.10小结 183

17.11习题 183

第18章FlashMX模板实例制作 184

18.1幻灯片模板课件 184

18.1.1演示文稿模板课件 185

18.1.2测验题模板课件 190

18.2小结 196

18.3习题 197

第19章FireworksMX入门 198

19.1安装系统要求 198

19.2FireworksMX的新增功能 198

19.3图形设计基础教程 201

19.3.1创建和保存新文档 201

19.3.2创建和编辑矢量对象 202

19.3.3使用层和对象 204

19.3.4创建和编辑蒙版 206

19.4创建和编辑文本 207

19.4.1设置文本属性 208

19.4.2添加投影 210

19.5导出文档 210

19.5.1优化图形 210

19.5.2导出图形 211

19.5.3查看导出的文档 211

19.6小结 212

19.7习题 212

第20章FireworksMX应用 213

20.1层.蒙版和混合 213

20.1.1使用层 213

20.1.2用蒙版掩盖图像 217

20.1.3关于位图蒙版 218

20.2使用样式.元件和URL 220

20.2.1使用样式 221

20.2.2创建和删除样式 222

20.2.3编辑样式 222

20.2.4导出和导入样式 223

20.2.5使用元件 224

20.2.6导入和导出元件 226

20.3切片.变换图像和热点 228

20.3.1创建和编辑切片 228

20.3.2编辑切片 230

20.3.3使切片交互 231

20.4创建按钮和弹出菜单 233

20.4.1创建按钮元件 234

20.4.2将Fireworks变换图像转换为按钮 236

20.4.3将按钮插入到文档中 236

20.4.4导入按钮元件 237

20.4.5编辑按钮元件 237

20.4.6创建弹出菜单 241

20.4.7创建弹出菜单的子菜单 243

20.4.8创建弹出子菜单的菜单 243

20.5创建动画 243

20.5.1制作动画 244

20.5.2使用动画元件 244

20.5.3创建动画元件 245

20.5.4编辑动画元件 245

20.6使用帧 247

20.6.1设置帧延时 248

20.6.2显示和隐藏要播放的帧 248

20.6.3命名动画帧 249

20.6.4添加.移动.复制和删除帧 249

20.7补间 251

20.8预览动画 252

20.9小结 254

20.10习题 255