范例学中文版Dreamweaver

第1章 关于Dreamweaver网页制作 1

任务一 认识网页 3

相关知识点：静态网页和动态网页

网页是构成网站的基本要素，是承载各种网站的应用平台。简单地说，所有的网站都是由网页组成的。如果只有域名和虚拟主机，而没有制作任何网页，浏览者仍旧无法访问该网站。本节就带领您认识网页世界。

任务二 网页制作的基本原则 .4

相关知识点：网页设计中应注意的原则

随着网络的发展，因特网上各种各样的网页也越来越多，小到个人主页，大到大公司、政府部门及国际组织等，它们在因特网上都无不以网页作为自己的门面。当浏览网页时，首先映入眼帘的是页面的界面设计，如内容的介绍、按钮的摆放、文字的组合和色彩的应用等。

任务三 网站制作流程 .7

相关知识点：网站设计制作过程的步骤

作为网页的集合，网站的类型、主题和风格决定着网站中各个网页尤其是主页的设计思路与实现手段。不同类型的网站，其设计制作过程是不一样的，但大体上都遵循着选择网站主题、规划网站栏目和目录结构、设计网页布局及整合网页内容这几个步骤进行。

任务四 Dreamweaver的功能 .8

相关知识点：Dreamweaver的操作界面与基本操作

Dreamweaver作为专业的网页制作软件，受到众多网页设计人员的青睐。它用于对Web站点、Web网页和Web应用程序进行设计、编码和开发。由于Dreamweaver采用了Roundtrip HTML技术，从而这项技术使得网页可以在Dreamweaver和HTML代码编辑器之间进行自由转换，HTML语法及结构不变。其强大的功能特性使它已成为一款不可多得的网页制作利器。

任务五 Dreamweaver首选参数的设置 .15

相关知识点：常规参数与字体参数的设置

网页设计与制作是网站建设中的一个主体部分，想要得心应手地设计网页，那么就应该使Dreamweaver符合自己的操作习惯，通过设置首选参数可以改变Dreamweaver界面的外观、面板、站点、字体与状态栏等对象的属性特征，使其帮助自己快速地制作出精美的网页。

测试题 16

第2章 建立网站 19

任务一 建立“我的第一个网站” 21

相关知识点：建立网站文件夹、创建站点

小王想制作一个属于自己的网站，但是却不知道从何处着手，于是去请教网站制作高手大李，那么大李应该怎么教小王制作呢？

任务二 维护网站 23

相关知识点：编辑站点

小王成功地创建了一个站点，但是想对创建的站点进行编辑维护操作，那么他应该怎样进行操作呢？

任务三 建立动态网站 24

相关知识点：Internet信息服务、设置站点

小王看到其他网站上可以给浏览者提供留言，很喜欢这种可以和浏览者互动的模式，于是也想制作一个留言本，那他该如何操作呢？

任务四 建立远程站点 27

相关知识点：设置远程信息

看着Internet上各种精美的网站，小王非常羡慕，也想把网站放到Internet上，给朋友们浏览，那他该如何操作呢？

任务五 将建立的网站上传到Internet 28

相关知识点：选择站点文件、上传站点

远程站点建立好以后，小王现在就想把站点放到Internet上，那他该如何操作呢？

测试题 29

第3章 网页基础布局 31

任务一 制作细线表格网页 33

相关知识点：表格布局、插入图像与Flash

最近小王的公司网站要进行改版，经理要求小王设计的网页既要清新大方，又要显得不落俗套。那么，小王应该怎样进行设计制作呢？

任务二 制作多彩表格网页 37

相关知识点：表格布局、CSS样式

小王在上网冲浪的时候，看到了一个网页是由不同颜色的表格组成的，这种网页效果是怎样实现的呢？

任务三 制作“注册页面” 41

相关知识点：表单、表单对象

小王最近制作了一个交友网站，其中需要制作一个让网友注册成为网站会员的页面，他应该怎样设计制作呢？

任务四 制作文学站点 44

相关知识点：布局模式、图像

小王受邀请为一所大学的文学社制作一个网站，但是由于制作时间很紧迫，小王想用最快的速度将网站制作出来，那么他应该如何设计制作呢？

任务五 制作公司网站 48

相关知识点：表格布局

最近小王接到一个制作针对年轻人的某楼盘网站的项目，客户要求其网站不但要体现清新、明快和温馨的风格，还要突出活泼、时尚和优雅的特点。那么，小王应该怎样设计制作呢？

任务六 制作娱乐网站 66

相关知识点：表格、Flash、CSS

小王平时爱听流行歌曲、观看动画和娱乐节目，于是想自己制作一个娱乐网站与有相同爱好的朋友一起分享，应该怎样设计制作呢？

测试题 86

第4章 网页中的图像处理 89

任务一 制作导航条 91

相关知识点：表格布局、插入图像

小王看见很多网站都创建了导航条，看上去不但精美而且充满动感，他也很想为自己的网站添加一个，那他应该如何制作呢？

任务二 制作图像提示 94

相关知识点：表格布局、图像映射

小王考虑到有时候浏览者的网速不是很快，网页上的图像可能需要一段时间才能完全显示出来，于是希望有描述该图像的文字在图像还未完全显示之前出现在图像显示的位置上，那他应该如何制作呢？

任务三 制作个性图像 97

相关知识点：插入图像、外部图像编辑器

小王将外部的图像插入到Dreamweaver中时，这些图像与网页中其他元素不能很好地协调搭配。换句话说，就是不能美化网页的整体效果，小王应该怎样美化图像呢?

任务四 制作主页 105

相关知识点：图像、热点

小王想制作一个关于旅行的网站主页，希望制作出神秘、美丽并且大气的效果，那他应该如何进行制作呢？

任务五 使用图像创建网站 107

相关知识点：图像、表单

公司给小王安排制作一个服装网站的任务，该网站的图像较多，小王应该如何快速而又保证质量地完成这项任务呢？

任务六 制作网页影集 124

相关知识点：表格布局、JavaScript代码

随着数码相机的普及，数码相片的存放已经成为一种热门话题。可以存放在电脑中，可以存放在移动硬盘中，但是小王想把照片存放在网页中，他应该如何制作呢？

任务七 制作音乐网页 131

相关知识点：图像、层

小王看到别人网页上仅仅使用一幅图像就创建出了非常精美的网页效果，于是自己也想制作一个类似的网页，那他应该如何制作呢？

测试题 135

第5章 创建网页中的超级链接 137

任务一 创建锚记链接 139

相关知识点：表格布局、锚记链接

公司网站的一个网页内容很长，需要拖动滚动条来查看网页的内容，会使浏览者感觉很麻烦。于是经理希望小王能解决这个问题。那么，小王应该怎样设计制作呢？

任务二 创建多彩链接 147

相关知识点：表单、设置链接属性

公司网站中设置过链接的文本颜色都是蓝色，而且都带有下划线，使整个网页显得很杂乱。经过新来的网站设计师处理后，网页上添加了链接的文本变成了其他颜色，而且当浏览者访问该链接时，文本会自动改变颜色，同时出现下划线，整个页面非常美观。

任务三 制作“联系我们”网页 151

相关知识点：表格布局、创建链接

公司推出了一批新产品，需要将产品资料放在网站上给用户下载，并且用户有什么好的建议可以直接发送邮件到公司客户部门邮箱中。经理把这个任务交给了小王。那么，小王应该怎么设计制作呢？

任务四 为网页图像添加指定颜色的边框 154

相关知识点：插入图片、修饰图片

看着其他网站上的图像有些具有边框，而且边框还是彩色的，小王也想在自己的网站上为图像添加彩色的边框，那他该如何操作呢？

任务五 创建照片走廊页面 155

相关知识点：表格布局、导航条

小王想使用一些照片创建一个网页页面，他应该怎么设计制作呢？

测试题 158

第6章 创建框架网页与库项目网页 159

任务一 创建个人网页 160

相关知识点：框架、“代码”视图

小王的好友小刘请小王为他制作一个抒发个人心情的网站，要求网页上面是不同的精选的图片，下面是抒发个人心情的文字，小王应该怎样为小刘设计制作呢？

任务二 创建框架网页 165

相关知识点：表格、图像、框架

小王最近需要制作一个网页最上方的导航栏保持不变、下方的网页内容随浏览者单击导航栏上的链接而改变的网站，他应该如何设计制作呢？

任务三 使用库项目制作网页 176

相关知识点：使用库项目制作网页

这些天，小王在制作一个公司安排的网站项目，眼看公司指定的完成时间要到了，小王想尽快将网站制作完成，那他应该如何设计制作呢？

测试题 184

第7章 制作多媒体效果网页 187

任务一 创建网页中的透明动画 189

相关知识点：插入层与Flash

小王看到大李在制作网页的时候，在图片上加上背景透明的Flash动画，使网页的视觉感染力增强，充分地表现出了网页的主题。于是自己也想制作，那么，小王应该怎么设计制作呢？

任务二 创建网页动画 195

相关知识点：层、时间轴

公司要求小王在公司的网站上制作一个飘动的图像动态效果，并使图像链接到公司的另一个网页，那么小王应该如何制作呢？

任务三 创建网页相册并添加背景音乐 200

相关知识点：菜单命令、代码视图

小

王看见其他网站上的个性相册与相册的背景音乐后，非常喜欢，自己也想制作一个，他应该如何制作呢？

任务四 创建网页滚动公告 202

相关知识点：嵌套表格、代码视图

公司有一些最近的措施需要在网页中滚动通知新老客户，经理将这个任务交给了小王，那么小王应该如何制作呢？

任务五 创建网页视频 207

相关知识点：插件，参数设置

小王想在自己的网站上添加一个最近很火的视频，和大家一起分享，那么他应该怎样制作呢？

测试题 215

第8章 使用行为丰富网页 217

任务一 制作网页弹出广告 219

相关知识点：表格布局、行为动作设置

公司要求当浏览者打开公司网站主页的同时弹出公司的最新活动广告，小王是这个项目的制作者，他应该如何设计制作呢。

任务二 控制Flash动画的播放 224

相关知识点：表格布局、行为动作

小王想使浏览者在观看自己网页上的Flash动画时，突然遇到某些事情需要中断一下，能随时暂停动画的播放。事情处理完之后可以继续欣赏，那么小王应该如何设计制作呢？

任务三 制作网页弹出菜单 227

相关知识点：背景图像、行为动作

小王在上网浏览网页时，看到一个网页的导航栏特别有趣，它可以显示下拉菜单，这是怎么制作的呢？

任务四 制作网页对浏览者的提示信息 229

相关知识点：表格布局、行为动作

小王希望在自己的网站上为浏览者添加一些提示信息，使浏览者觉得自己的网站很亲切，那他应该怎样制作呢？

任务五 制作网页可拖动内容 230

相关知识点：表格布局、行为动作

小王觉得网页上的可拖动内容非常有趣，而且可以随时关闭，自己也想制作一个这样的效果，他应该如何进行制作呢？

任务六 制作网页状态栏提示 237

相关知识点：图像、行为动作

小张请小王为自己的网页最下方处添加一些面向浏览者的提示文字，小王该如何为小张制作这种效果呢？

测试题 239

第9章 用CSS样式设计网页元素 241

任务一 制作图像波浪效果 243

相关知识点：表格、图像、Wave属性

朋友请小王帮忙为他网站上的图像添加波浪效果，小王应该怎么设计制作呢？

任务二 制作底片效果 246

相关知识点：表格、图像、Invert属性

小王看见朋友大李网站上的图像底片效果很酷，也想为自己的个人网站上添加该效果，那么小王该如何进行设计制作呢？

任务三 制作动态模糊效果 250

相关知识点：表格、图像、Blur属性

经理叫小王为公司网站上的图像添加一些特殊效果，使网站看起来更美观时尚，小王应该怎么设计制作呢？

任务四 制作图像发光与翻转效果 257

相关知识点：表格、图像、Glow属性、FlipH属性

小王想为自己的个人网站制作图像发光与翻转效果，以增加网站的趣味性，他应该怎么设计制作呢？

测试题 261

附录A 测试题参考答案 263