Dreamweaver CS5网页制作

《dreamweaver cs5网页制作》

第1章 网页设计的基础知识

1.1 网页设计基础 2

1.1.1 学习1小时 2

1．网页设计背景知识简介 2

2．设计工具及设计方法简介 4

3．网站的类型 5

4．网站的结构 6

5．网站的配色方案 7

6．网站制作的一般步骤 8

1.1.2 上机1小时：特色网站观摩学习 9

1.2 认识并自定义dreamweaver cs5界面 11

1.2.1 学习1小时 11

1．标题栏和菜单栏 11

2．“插入”面板和常用工具栏 12

3．文档窗口 14

4．“属性”检查器 15

5．状态栏 15

6．面板组 16

7．自定义工作区布局类型 16

.8．“插入”面板的收藏夹管理 17

9．切换文档窗口视图方式 18

10．自定义文档显示方式 19

1.2.2 上机1小时：自定义dreamweaver cs5界面 20

1．自定义dreamweaver cs5界面 21

2．自定义“插入”面板收藏夹 22

1.3 跟着视频做练习1小时：自定义操作界面 23

1.4 秘技偷偷报 24

1．巧用dreamweaver cs5快捷键 24

2．提高设计效率 24

3．简化代码编辑的操作流程 24

第2章 dreamweaver cs5的基础操作

2.1 创建站点 26

2.1.1 学习1小时 26

1．为什么要创建站点 26

2．在dreamweaver cs5中创建站点 27

3．编辑站点 28

4．复制与删除站点 29

5．导入和导出站点 30

6．针对站点的常见操作 31

2.1.2 上机1小时：创建和管理一个新站点 32

1．创建站点 32

2．复制新站点并将其导出 33

3．在站点中新建文件夹并添加文件 33

2.2 文档的基础操作 34

2.2.1 学习1小时 34

1．新建文档 34

2．保存文档 36

3．打开文档 37

4．导入文档 39

5．关闭文档 39

2.2.2 上机1小时：操作php文档 40

1．创建一个php格式的网页文档 41

2．将文档另存为新文档并关闭 42

2.3 跟着视频做练习1小时：导入站点并管理 43

2.4 秘技偷偷报 43

1．站点文件夹路径需为英文或拼音字母 44

2．在多个站点之间进行切换 44

3．如何快速打开多个文件 44

4．如何将默认创建的html文档后缀名变为.htm 44

第3章 修改页面属性和设置文件头

3.1 设置页面属性 46

3.1.1 学习1小时 46

1．关于“页面属性”对话框 46

2．修改“外观”属性 46

3．修改“链接”属性 50

4．修改“标题”属性 53

5．修改“标题／编码”属性 54

6．修改“跟踪图像”属性 56

3.1.2 上机1小时：修改网页的外观和链接样式 56

1．修改网页的基本外观 57

2．修改网页链接文字的呈现样式 59

3.2 设置文件头标签实现网页基本功能 60

3.2.1 学习1小时 60

1．什么是文件头标签 60

2．meta标签 61

3．关键字和说明标签 62

4．“刷新”标签 63

5．“基础”标签 64

6．“链接”标签 64

3.2.2 上机1小时：为网页设置文件头标签 66

1．添加“关键字”和“说明”标签 67

2．设置网页的刷新时间 68

3.3 跟着视频做练习1小时：设置网页页面 69

3.4 秘技偷偷报 70

1．如何实现重复规律背景的最优设置 70

2．如何实现生动的链接文字呈现效果 70

3．用简单的方法实现ie浏览器多版本兼容 70

第4章 编辑文本及文本超级链接

4.1 插入文本及文本格式设置 72

4.1.1 学习1小时 72

1．插入文本及对文本的基本操作 72

2．插入和设置水平线 75

3．插入特殊符号、时间和注释 76

4．设置文本格式 78

5．设置文本字体和大小 79

6．设置文本颜色和样式 81

7．设置文本对齐方式 82

4.1.2 上机1小时：编辑“我的空间”文本 83

1．为“我的空间”制作页脚 84

2．添加漂亮的范例文本 85

4.2 设置段落格式及文本超级链接 87

4.2.1 学习1小时 87

1．将文本设置为段落 87

2．将文本设置为标题 88

3．设置换行、空格和缩进 89

4．编辑文本列表 90

5．认识超级链接 92

6．插入超级链接 94

7．为现有文本设置超级链接 95

8．插入电子邮件链接 96

9．插入锚点超级链接 96

10．插入脚本链接和空链接 98

4.2.2 上机1小时：制作带超级链接的段落文本 99

1．将一段文本设为段落并格式化 99

2．为段落中的特定文本添加超级链接 101

4.3 跟着视频做练习 102

1．练习1小时：制作“内容目录”页面 103

2．练习1小时：制作带超级链接的目录列表 103

4.4 秘技偷偷报 104

1．实现平滑的文本显示效果 104

2．如何设置更丰富的文本颜色 104

3．通过拖曳实现超级链接设置 104

4．在不同页面间设置锚点链接 104

第5章 插入和设置图像

5.1 插入图像 106

5.1.1 学习1小时 106

1．插入常规图像 106

2．调整图像大小 108

3．插入图像占位符 109

4．插入鼠标经过图像 110

5．插入fireworks html 112

5.1.2 上机1小时：制作鼠标经过式导航按钮 112

5.2 设置图像属性和编辑图像 115

5.2.1 学习1小时 115

1．设置图像相关属性 115

2．设置图像边距、边框和对齐方式 116

3．设置图像超级链接 117

4．裁剪图像和图像重新取样 117

5．调整图像亮度和对比度 120

6．调整图像锐度 120

7．编辑图像 120

5.2.2 上机1小时：设置和调整“富士山”图像 121

5.3 图文混排和热点设置 124

5.3.1 学习1小时 124

1．如何进行图文混排 124

2．什么是热点 125

3．绘制热点和热点属性设置 126

5.3.2 上机1小时：“富士山下”风光写真页面排版 128

1．对“富士山下”进行图文混排编辑 129

2．为图像绘制热点 130

5.4 跟着视频做练习1小时：制作图文混排页面 131

5.5 秘技偷偷报 132

1．关于图像文件的保存路径设置 132

2．快速插入网络图像的方法 132

3．如何选择插入网页的图像格式 132

4．如何保证鼠标经过图像正常显示 132

5．如何恢复被重新取样的图像 132

第6章 利用多媒体对象丰富页面效果

6.1 在页面中使用flash对象 134

6.1.1 学习1小时 134

1．插入swf格式的flash文件 134

2．调整flash显示大小 136

3．flash相关信息设置 136

4．flash播放控制 137

5．flash边距调整 138

6．对齐方式及背景颜色设置 139

7．flash附加参数设置 139

6.1.2 上机1小时：为页面插入和设置主题flash 141

6.2 插入其他多媒体对象 143

6.2.1 学习1小时 143

1．插入flv视频文件 143

2．插入shockwave影片 145

3．在网页中插入背景音乐 146

4．插入其他媒体对象 147

6.2.2 上机1小时：制作flv视频展示页面 150

6.3 跟着视频做练习1小时：制作游戏宣传网页 151

6.4 秘技偷偷报 152

1．如何判断flash的动画品质 152

2．如何使用流媒体flv视频 152

3．如何实现背景音乐只播放一次 152

第7章 插入表格数据和用框架布局页面

7.1 插入表格和修改表格结构 154

7.1.1 学习1小时 154

1．表格在网页中的用途 154

2．在网页中插入表格 155

3．表格的属性设置 156

4．在表格中插入单元格内容 159

5．插入、删除表格中的行或列 160

6．合并与拆分单元格 162

7．表格的嵌套 165

7.1.2 上机1小时：制作网站流量统计表 165

7.2 布局对象的应用 168

7.2.1 学习1小时 168

1．在扩展表格模式下绘制表格 168

2．网页中框架的概念 170

3．创建框架集 170

4．保存框架集和框架 171

5．设置框架集和框架属性 172

6．修改框架集结构 176

7．内嵌式框架的应用 179

7.2.2 上机1小时：创建“网站后台管理系统”框架集 181

7.3 跟着视频做练习1小时：制作“台历” 183

7.4 秘技偷偷报 184

1．导入外部引入表格 184

2．“填充”属性对表格大小的影响 184

3．表格“摘要”属性的作用 184

4．内嵌式页面的背景设置 184

第8章 用css美化页面和div布局设计

8.1 css层叠样式表 186

8.1.1 学习1小时 186

1．css的定义和使用方法 186

2．认识“css样式”面板 190

3．css规则的设置方法 191

4．css打印支持的应用 192

5．css的光标效果设置 193

6．css的滤镜效果设置 195

8.1.2 上机1小时：用css实现文本格式控制 196

8.2 div网页布局 199

8.2.1 学习1小时 199

1．div对象的插入和设置 199

2．用div+css布局网页 200

3．ap div对象的绘制和设置 202

4．ap div的管理 205

5．针对ap div的操作 207

6．ap div与表格的相互转换 211

8.2.2 上机1小时：制作嵌套的留言板效果 212

8.3 跟着视频做练习 215

1．练习1小时：制作“科技公司网站”首页 215

2．练习1小时：制作“卡片墙”网页 215

8.4 秘技偷偷报 216

1．避免重叠的层具有相同的z轴参数 216

2．如何设置独立的超级链接css规则 216

第9章 用表单搭建与来访者的互动桥梁

9.1 传统表单的插入和设置 218

9.1.1 学习1小时 218

1．什么是表单和表单标签 218

2．插入和设置表单标签 219

3．插入和设置文本域对象 220

4．插入和设置按钮对象 222

5．插入和设置单选按钮组对象 223

6．插入和设置复选框对象 224

7．插入和设置列表和菜单对象 225

8．插入和设置跳转菜单 226

9.1.2 上机1小时：制作具有复合功能的搜索条 228

9.2 spry表单构件的使用 230

9.2.1 学习1小时 230

1．spry表单构件 230

2．插入spry验证文本域 230

3．插入spry验证文本区域 232

4．插入spry验证复选框 233

5．插入spry验证选择 235

6．插入spry菜单栏 235

7．插入spry选项卡式面板 236

8．插入spry折叠式面板 237

9．插入spry可折叠面板 238

9.2.2 上机1小时：制作类似qq软件的面板 239

9.3 跟着视频做练习 240

1．练习1小时：制作“客户意见反馈”页面 241

2．练习1小时：制作“注册”页面 241

9.4 秘技偷偷报 242

1．利用表格对表单进行布局优化 242

2．人性化选择spry表单对象的验证方式 242

第10章 利用行为提高网页交互效果

10.1 添加和设置行为 244

10.1.1 学习1小时 244

1．事件和行为 244

2．“行为”面板和针对行为的基本操作 244

3．“交换图像”和“显示隐藏元素”行为 246

4．“弹出信息”和“打开浏览器窗口”行为 248

5．“拖动ap元素”行为 249

6．“设置文本”和“调用javascript”行为 250

10.1.2 上机1小时：制作可生成随机码的文本域 252

10.2 “效果”行为的应用 254

10.2.1 学习1小时 254

1．设置“增大/收缩”效果 254

2．设置“挤压”和“晃动”效果 255

3．设置“显示/渐隐”效果 256

4．设置“滑动”和“遮帘”效果 256

5．设置“高亮颜色”效果 258

10.2.2 上机1小时：制作“摄影欣赏”相册 259

10.3 跟着视频做练习 260

1．练习1小时：制作“diy模块式”首页 261

2．练习1小时：制作html在线编辑器页面 261

10.4 秘技偷偷报 262

1．如何避免“显示/渐隐”行为设置混淆 262

2．如何有效地在一个元素上添加多个行为 262

3．如何获知某个网页元素支持哪些事件 262

第11章 用模板、库和扩展提高设计效率

11.1 网页模板的应用 264

11.1.1 学习1小时 264

1．网页模板的作用和使用方法 264

2．创建和编辑网页模板 266

3．网页模板的维护与更新 269

4．将模板应用到现有文档 270

5．从模板分离文档 271

11.1.2 上机1小时：创建基于模板的网页 272

1．创建基于模板的网页并插入内容 272

2．修改模板并同步到基于模板的网页 273

3．从模板中分离出网页并进行编辑 274

11.2 库元素的应用和扩展管理 274

11.2.1 学习1小时 274

1．什么是库和库元素 275

2．创建库项目 275

3．插入和修改库项目 276

4．更新库项目 278

5．dreamweaver扩展管理简介 278

11.2.2 上机1小时：库元素的管理和使用 279

11.3 跟着视频做练习 281

1．练习1小时：利用模板和库提高网页设计效率 281

2．练习1小时：常用扩展的安装和使用 281

11.4 秘技偷偷报 282

1．在“资源”面板中预览库项目 282

2．如何在不同的电脑上共享库和模板 282

第12章 动态网站开发

12.1 开发前的准备工作 284

12.1.1 学习1小时 284

1．什么是动态网站 284

2．asp与数据库 285

3．动态网站的开发流程 285

4．服务器软件环境的安装和配置 285

5．数据库结构设计和数据源设置 287

12.1.2 上机1小时：动态网站服务器环境配置 289

1．配置iis服务并连接dreamweaver 289

2．access数据库设计和数据源设置 291

12.2 asp应用程序开发 292

12.2.1 学习1小时 292

1．创建记录集 292

2．插入记录 294

3．添加显示区域 294

4．添加重复区域 295

5．设置记录集分页 295

6．转到详细页面 296

12.2.2 上机1小时：制作“员工名单”列表页面 296

1．为“员工名单”创建记录集 297

2．在表格中插入记录并设置重复区域 297

3．制作“员工名单”列表分页 298

12.3 跟着视频做练习 298

1．练习1小时：为“员工名单”添加插入功能 298

2．练习1小时：为“员工名单”添加查询功能 299

12.4 秘技偷偷报 300

1．哪种服务器软件最好用 300

2．asp.net与asp的区别 300

3．设置数据源的好处 300

4．使用翻页按钮替换翻页文本 300

第13章 制作“数字爱好者”网站

13.1 页面设计和模板制作 302

13.1.1 学习1小时 302

1．常见网站分类 302

2．各类网站的特点简介 304

3．关于网站备案 304

4．网页设计的素材管理 305

5．网站的运行环境 308

13.1.2 上机1小时：制作“数字爱好者”网站模板 309

1．“数字爱好者”网站的站点定义 309

2．开始制作模板 310

13.2 制作“数字爱好者”网站 313

13.2.1 学习1小时 313

1．网页发布的基本知识 313

2．常用的ftp工具 314

3．网站的日常维护 316

4．网站推广技术 318

13.2.2 上机1小时：制作“数字爱好者”网站 318

1．制作“数字爱好者”网站首页 319

2．制作“数字科技”页面 321

3．制作“数字未来”页面 322

13.3 秘技偷偷报 324

1．iis中多站点的管理 324

2．解决网页跨浏览器不兼容问题 324

3．提高网站制作效率的途径 324