|
|
|
 发表:2001/8/17 16:38:45 人气:215       
|
楼主 |
网页设计必读 （下）
2．Dreamweaver 3.0
Dreamweaver是当前最流行的网页设计软件，它提供可视化的网页开发环境，具有所见
即所得的功能。目前最新版本是3.0。它与同为Macromedia公司出品的Fireworks和Flash一道
，被誉为网页制作“三剑客”。
[提示]相比之下，Dreamweaver肯定比FrontPage难学，因为大家都是用微软的软件用惯
了的。从Windows到Office，大家已经熟悉了微软软件的风格。而Macromedia公司则是另有一
番风格，当然学起来困难些。还有，Dreamweaver一般是英文的，汉化也有多个版本，不容易
对照别人的文章来学习（现在，一般介绍Dreamweaver的文章都是用英文版），我们对英文多
数都是“一窍不通”。
上面我已经提到了FrontPage的众多功能，其它Dreamweaver也毫不逊色，只是使用上稍
有不同，这里就不重复了。我只说说它的优势：
(1)不生成冗余代码
可视化的网页编辑器，都要把使用者的操作转换成HTML代码。一般的网络编辑器会生成
大量的冗余代码，增加了文件的大小，减慢了速度，同时给今后网页的修改带来极大的不便
。Dreamweaver 3.0则在使用时完全不生成冗长代码，避免了诸多麻烦。而且，通过设置，还
可以利用Dreamweaver 3.0清除掉网页文件上原有的冗余代码。
[提示]网页做成后，最好看看你的HTML代码，有没有冗长代码，如FrontPage会在网页
开头放一个标明是FrontPage做的网页的一行代码，根本没有用，可用Dreamweaver清除。
(2)方便的代码编辑
可视化的编辑和源代码编辑都有其长处和短处。有时候，直接用源代码编辑器会很有效
。Dreamweaver 3.0提供了HTML快速编辑器和自建的HTML编辑器，能方便自如地在可视化编辑
状态与源代码编辑状态间切换。
[提示]Dreamweaver中，光标在可视化的编辑窗口是什么位置，切换到HTML编辑器中也
是在相应代码的位置。
(3)强大的动态网页支持
Dreamweaver 3.0的Behavior能在使用者不懂JavaScript的情况下，往网页中加入动态
效果。
Dreamweaver 3.0还可精确对层进行定位，再加上Timeline（时间线）功能，可生成动
感十足的动态层效果。
[提示]层和时间线是Dreamweaver最大的特色了。
(4)操作简便
首先，Dreamweaver 3.0提供的历史面板、HTML样式、模板、库等功能避免了重复劳动
，使用者不必重复输入相同的内容、格式等。
其次，Dreamweaver 3.0能直接往页面中插入Flash、Shockwave等插件，经过设置后还
可直接调用相应的软件对这些插件进行编辑。
最后，Dreamweaver 3.0与Fireworks集成紧密，可直接调用Fireworks对页面的图像进
行修改、优化。
(5)优秀的网站管理功能
在定义的本地站点中，改变文件的位置、名称，Dreamweaver 3.0会自动更新相应的超
链接。Cheek in和Cheek out功能可协调多个使用者对远程站点的管理。
(6)便于扩展
使用者可给Dreamweaver 3.0安装和种插件，扩展其功能。使用者若有兴趣，还可以自
己给Dreamweaver 3.0制作插件，使Dreamweaver 3.0更适应于个人的需求。
[提示]由此来看，Dreamweaver 3.0似乎比FrontPage强多了。确实不假，这么多好功能
，大家都看到了。网上有免费下载Dreamweaver 3.0的，不过都是共享版，使用三十天后就不
行了。
五、还需要什么工具？
Macromedia公司的软件套件Dreamweaver、Flash、Fireworks被称为制作网页的“梦幻
组合”、“三剑客”，它们以良好的无缝集成能成为当今专业网络制作的首选工具。其中，
除了网页编辑软件Dreamweaver，还有矢量动画编辑软件Flash和图形图像处理软件Firework
s。
[提示]网页上的图片和动画是不得不做的，所以，对于网页制作而言的图形图像软件和
动画软件就十分重要了。注意这里是制作网页所需要的图形图像软件和动画软件，而不是Ph
otoshop或3D Max Studio之类的软件。制作网页所需的图形图像软件和动画软件应该是Fire
works和Flash最为出色了。
1．Flash 4是Macromedia公司开发的动画制作软件。市面上应用广泛的两大浏览器Int
ernet Explorer和NetScape都可以使用这个跨平台的Flash 4。Flash 4具有以下特点：
(1)画质高、体积小
Flash 4是一个矢量绘画软件，与CorelDRAW、Illustrator是同一类，这类软件制出来
的图形在缩放时不会产生失真，而由Photoshop等图像编辑软件处理图形是用点阵方式，因此
图形放大时会有明显的锯齿感。
另外，比较起来，GIF图形文件品质较为粗糙，而Flash 4制作出来的动画不但品质高，
还可以嵌入互动工按钮、声音等，并且文件体积还远小于GIF文件。
[提示]在Dreamweaver中可以直接插入Flash文件，不需要转化成GIF文件。
(2)功能齐全
您所需要的绘图功能几乎全部都有，满足您绘图的各种要求。
(3)结合影音效果
Flash 4可以让您容易地在动画中加上背景音乐和按钮音效，使得多媒体效果在网页中
得到展现。这是Flash 4在多媒体网页设计中的出色表现。
(4)外挂程序
不用担心Flash 4不被浏览器支持，因为两大浏览器Internet Explorer和NetScape都提
供了Shockwave Flash外挂程序。
(5)支持多种文件格式
Flash 4支持多种文件格式，您可以输入、输出不同格式的图形文件格式。例如，输入
*.emf，你可以输入*.swf文件。而Flash 4本身的工件文件为*.fla，它输出的动画格式为Sh
ockwave Flash(*.swf)。
(6)方便地制作网页
Flash 4可以将指定的Shockwave Flash动画转换成HTML格式和JaveScript程序，操作过
程简单易学。
(7)提供互动式指令
Flash 4提供Action动作指令，用来制作网页链接、互动式影片。
[提示]Flash 4既然这么好用，你是不是想要了呢？嘿嘿，网上到处都有下载的，只是
……都还在注册。
2．Fireworks 3.0
Macromedia Fireworks 3.0是最新推出的制作和处理网络图形（GIF和JPEG格式）的工
具软件。它提供了网络图像创建和处理的一条龙服务，简化了制作网络图形和荧屏图像的流
程。此软件体积小，易学易用，方便快捷，可以用最少的步骤生成大小合适而质量较好的网
络图像。
Fireworks与Photoshop等图形处理软件的设计思想很相似，但它又有很多自己的特色。
举例来说，在不使用Fireworks 3.0时，网页设计者先要在基于矢量绘图软件（如Freehand）
中绘制图形，再把这个矢量图导入到位图编辑软件（如Photoshop）中进行处理和优化，然后
再导入到网页编辑软件（如FrontPage）中进行裁剪。但有了Fireworks 3.0之后，就可以完
成一幅图像从生成到最终成为网页中的一部分的所有过程。
[提示]由此可以看出Fireworks 3.0与其它图形图像软件的不同，因为，这是有关网络
的，而Photoshop之类的则不一样了。Fireworks 3.0的优势尽在于此。
另外，文件导出功能是Fireworks 3.0的最大特色，您可以把绘制的图形放到导出预览
界面中，通过更改导出设置来优化图形格式，使之适于网上传输，也可以使用动画生成工具
或映像图来制作动态图形及链接。
Fireworks 3.0还提供了调色板和图像格式等交互功能，使设计者可以控制导出的全过
程。
总结起来，Fireworks 3.0有如下特色。
(1)活效果：这是指在对象的效果改变之后，还保存着路径的可编辑性。而这与Photos
hop等基于像素的处理是有着根本的不同的。
(2)自动应用纹理和填充效果：向量工具可以根据位图进行自动调整，对选中的贝塞尔
路径和形状有自动生成纹理和填充图案的功能，可以对各种对象进行用户自定义。
(3)完整的文本控制组件：Fireworks 3.0在图像编辑的应用程序中保留了改变文本的内
容，只需双击文字框或者在Text菜单中更改设置即可。
(4)文本导出预览。
(5)批处理过程：这与Word 2000中的查找、替换类似，即批量更新，并将更新后的文件
批量导出。
(6)图像映射：在图像上覆盖一个可编辑的、有一定代码的热点区域并对每个热点链入
URL地址和浏览器状态栏的信息浏览时，当光标移到此处或单击等就会触发相应的事件。
(7)自动生成JavaScript翻转图。
(8)取切片。
[提示]由此足以看出Fireworks 3.0的优势所在，但是，Fireworks 3.0的真正功能还远
不止这些。
Fireworks 3.0可对一副图像的各个区域进行划分，自动给每个区域添加HTML代码，增
加链接，并可以对不同的切片进行不同的导出设置，包括图形格式。比如，我们可以用“Sl
ice Tool”工具将一幅图片切割成几个组成部分。
[提示]大图片一般在网上很慢，如果将它分割成几个部分，就会加快显示速度。以前的
方法都是用Photoshop等软件手工分割，很是麻烦，又易出错；现在用Fireworks 3.0就方便
快速多了。
当然，除了Dreamweaver、Flash和Fireworks以外，还可以有其它的工具，如网页特效
生成器等，这里只是介绍网页编辑、动画制作、网络图形三个大类型的主要软件。
六、上传与更新
主页做好以后，就要上传和更新了。
1．上传
主页上传就是把你硬盘上的网站“搬”到网上的服务器中，让所有的网友们能够浏览。
这是网页制作很重要的一步，想一想就知道了，你的主页在硬盘上怎么会有人看到呢？一般
我们是用CuteFTP和Update Now!等FTP软件上传。CuteFTP软件是老牌劲旅了，许多介绍FTP的
文章都以CuteFTP为例，足以见到CuteFTP的名声有多大；Update Now!则是国产软件，中文界
面，上手快，而且方便日后管理，现在已经有很多网友爱上它了。
[提示]上传之前，必须先申请一个主页空间，目前已经有许多免费主页空间了，如网易
(go.163.com)、超级酷(supercool.163.net)、酷毙了的理想国主页空间(www.coolbel.com)
、ChinaRen(www.chinaren.com)等等。
2．更新
主页更新不容忽视，特别是新闻方面的网站。因为你的主页不更新，当然就没有人会再
来了。这个工作也许特别没意思，但你只有坚持，“坚持就是胜利”嘛。还有就是创新，要
能在一两个月内更换一下界面风格，吸引别人。其实，网页做好了，只是成功了一半；更多
的工作，还是更新。坚持到底，才有真正的胜利！
看了上面这么长的文章，我不知道你现在在想什么。是在规划网站了吗？嘿嘿，如果有
问题的话，可以给我写信嘛：最后，希望各位的网站能够早日建成！也请
我去看一看 ^_^。
--
睡觉诚可贵，
自习价更高。
若为网友故，
两者皆可抛。
|
|
| |
|
|
