网页制作三剑客实例精粹PDF电子书下载

目录 2

第一部分 中文版Dreamweaver MX实例实例一丁丁熊的个人主页 2

步骤1创建页面 2

步骤2插入图像和文本 3

步骤3插入表格 4

步骤4编辑页面正文 4

实例二图像与文本混排 6

步骤1创建页面 6

步骤2嵌套表格 7

实例三网上花店……………………1o步骤1创建页面并插入互动图像链接 10

步骤2完成页面 12

实例四利用层编排网页 14

实例五星座运势 18

步骤1创建一个含有框架的 18

页面 18

步骤2编辑框架 20

实例六搞笑片段欣赏 22

步骤1创建页面 22

步骤2插入视频文件 23

实例七生日贺卡 25

步骤1创建页面并编辑Alpha过滤器 25

步骤2编辑字体的CSS样式 28

步骤3去掉超级链接的下划线 30

实例八蓝色生死恋 31

步骤1建立Alpha和DropShadow过滤器 31

步骤2建立Blur过滤器和Wave过滤器 34

步骤3建立Glow过滤器 36

实例九 电脑DIY之家 37

步骤1建立站点 37

步骤2制作模板 39

实例十新闻首页 43

步骤1创建页面 43

步骤2编辑新闻首页的正文区 47

实例十一 自动链接主页 51

步骤1创建页面 51

步骤2在浏览器中测试自动链接效果 54

实例十二网络导航 57

步骤1创建页面并插入跳转 57

菜单 57

步骤2修改跳转菜单内容 59

实例十三拼图游戏 60

步骤1创建页面 60

步骤2编辑拖动层行为 62

实例十四空中翱翔 63

步骤1创建页面并编辑时间轴动画 64

步骤2为时间轴动画添加行为 66

实例十五下拉式导航栏 67

步骤1创建页面 67

步骤2编辑行为 72

实例十六滑出式正文区 75

步骤1创建页面 75

步骤2编辑控制时间轴动画的行为 78

实例十七万维网搜索 80

步骤1创建页面 80

步骤2插入文本域页面 81

步骤3插入按钮 82

实例十八丁丁熊留言簿 82

步骤1准备工作 83

步骤2创建信息输入页面 86

步骤3创建信息确认页面 89

实例十九留言本 90

步骤1编程思路 91

步骤2创建数据库 91

步骤3制作L19.asp 92

连接数据库并添加新记录 94

步骤4使用DreamweaverMX 94

步骤5创建留言查看页面 96

实例二十软件屋 98

步骤1编辑CSS样式表 98

步骤2创建页面框架 100

步骤3制作页面Top.htm 101

步骤4制作页面Left.htm 102

步骤5制作页面Main.htm 104

实例二十一星座物语 106

步骤1编辑CSS样式表 106

步骤2创建页面框架 108

步骤3制作页面 108

步骤4嵌入JavaScript 110

实例二十二电脑硬件资讯首页 114

步骤1编辑CSS样式表 114

步骤2创建页面框架 116

步骤3制作页面 117

实例二十三在线投票 119

步骤1创建页面 119

步骤2嵌入ASP代码 120

实例二十四丁丁熊聊天室 122

步骤1编程思路 122

步骤2制作L24.asp 123

步骤3制作Global.asa 125

步骤4制作UserInfo.asp 125

步骤5制作UserList.asp 127

步骤6制作ChatList.asp 129

步骤7制作InputMsg.asp 129

步骤8制作Chatroom.asp 130

步骤9制作GetChat.asp 131

实例二十五曾经岁月俱乐部 132

步骤1编程思路 132

步骤2创建数据库Member.mdb 133

步骤3制作站点模板L25.dwt 134

步骤4制作L25.asp 135

步骤5制作AddMember.asp 139

步骤6制作Join.asp 140

步骤7制作Index.asp 143

第二部分 中文版Flash MX实例实例二十六立体按钮 145

步骤1绘制矩形 145

步骤2绘制阴影 147

实例二十七夜空 147

实例二十八弹跳篮球 151

步骤1制作动画的影片剪辑 151

元件 151

步骤2创建动画 153

步骤3测试效果 154

步骤1创建元件 155

实例二十九极品飞车 155

步骤2创建补间动作动画 157

步骤3设置补间动作动画的 158

属性 158

实例三十淡入淡出的文字 160

步骤1背景制作 160

步骤2对象输入 161

步骤3淡入和淡出效果 162

步骤4淡入和淡出层次 164

实例三十一闪光地带 165

步骤1制作背景和文字元件 165

以及影片剪辑元件 165

步骤2动画的制作 167

实例三十二探照灯效果 168

步骤1背景制作 168

步骤2遮罩和动画的制作 169

图标 172

实例三十三片尾文字 172

步骤1制作渐变颜色和文字 172

步骤2制作背景图层和文字 173

滚动动画 173

实例三十四转动的地球 175

步骤1背景和地球图片的制作 175

步骤2制作影片剪辑元件和 176

动画效果 176

实例三十五 电影效果 178

步骤1制作电影背景和文字 178

步骤2动画制作 181

实例三十六新闻导播 182

步骤1飞机相撞 182

步骤2爆炸效果 184

步骤1背景制作 187

实例三十七打字机效果 187

步骤2文字输入 188

步骤3动感文字 190

步骤4声音效果 191

步骤5添加下划线 193

实例三十八动画发布 194

步骤1导出图片 194

步骤2导出动画 196

实例三十九运动的文字 199

步骤1制作背景和跟随文字 199

步骤2动画设置 200

实例四十 运笔如飞 202

步骤1背景制作 202

步骤2制作笔的移动路径和 204

动画并隐藏未写的字 204

步骤1按钮动画制作 207

实例四十一动态按钮 207

步骤2完成动画制作 209

实例四十二超级链接（一） 211

步骤1背景图像和按钮元件的建立 211

步骤2完成按钮制作和整个 214

动画 214

实例四十三超级链接（二） 217

步骤1建立箭头动画 217

步骤2完成整个动画 220

实例四十四书海导航 221

步骤1初始画面 222

步骤2按钮菜单 224

实例四十五迷你时钟 228

步骤1时钟界面制作 228

步骤2添加脚本 229

实例四十六大富翁 231

步骤1制作骰子 232

步骤2人物移动 234

实例四十七转盘子（一） 236

步骤1创建影片剪辑元件 236

“桌子” 236

步骤2创建影片剪辑元件 237

“眼睛” 237

步骤3创建影片剪辑元件 238

“小孩” 238

实例四十八转盘子（二） 241

步骤1创建影片剪辑元件 241

“盘子” 241

步骤2创建影片剪辑元件lid 242

步骤3创建影片剪辑元件plate 243

步骤4创建影片剪辑元件 243

“苹果” 243

openPlate 244

步骤5创建影片剪辑元件 244

步骤6创建影片剪辑元件 245

plateMov 245

步骤7添加脚本 247

步骤8创建按钮元件 248

步骤9创建动画 249

实例四十九满天星 256

步骤1建立夜空效果 256

步骤2完成鼠标指针跟随效果 258

实例五十用户信息表格 261

步骤1创建信息表格 261

步骤2信息发送 264

实例五十一计算器 266

步骤1制作界面和按钮模板 266

步骤2制作脚本 268

步骤1绘制灯泡 273

第三部分 中文版Fireworks MX实例实例五十二彩色灯泡 273

步骤2灯泡的修饰 276

实例五十三金属牌匾 278

步骤1金属字的制作 278

步骤2印章的制作 281

实例五十四时尚手机 282

步骤1手机图形的制作 283

步骤2手机的完善 285

实例五十五旋转的地球 286

步骤1绘制地图 286

步骤2动画元件的制作 288

实例五十六网页按钮 290

步骤1动画元件的制作 290

步骤2将元件变成按钮 292

矩形按钮 295

步骤1水晶按钮的制作 295

实例五十七水晶按钮与圆角 295

步骤2圆角矩形按钮的制作 297

实例五十八爱心图案 298

步骤1基本图形的制作 299

步骤2心形光晕的制作 300

实例五十九动态图片框 301

步骤1有浮雕效果的框架的 301

制作 301

步骤2图片的添加和热点的 303

制作 303

第四部分综合实例应用 307

实例六十北京旅游网站 307

步骤1 用Dreamweaver MX 307

规划站点 307

步骤2 FireworksMX中页面 307

的制作 307

步骤3 Flash动画的制作 311

步骤4用DreamweaverMX 312

合成页面 312

步骤5其他页面的制作 313

实例六十一绿野主页 314

步骤1主页的规划 315

步骤2 Flash动画的制作和导出 315

步骤3利用FireworksMX 318

制作站徽和导航栏 318

步骤4用DreamweaverMX 319

制作页面 319

实例六十二青青心情网站 321

步骤1主页的规划 322

步骤2 Flash素材的制作 322

步骤3 Fireworks素材的制作 323

步骤4用Dreamweaver制作 324

主页 324