第九节 网页制作概述

§6-9-2 Frontpage和Dreamwaver介绍

Frontpage介绍
   
网页编辑器可以分为三大类,即文本型、标签型及所见即所得型。其中以所见即所得型为最佳。它使用方便,并可以大大提高网页制作的工作效率。在所见即所得型编辑器中,MS-Frontpage是功能组合最优的。
Frontpage包括三大组成部分,即Frontpage Explorer、Frontpage Editor、Frontpage Server Extensions。它们提供了几乎所有的网页制作编辑工具,而且功能强大、效率极高。
Frontpage资源管理器(Frontpage Explorer),Frontpage Explorer 是Web站点的资源管理器,通过它可以了解到Web站点中每一个文件的状态,并可对其进行校验链接、更名、转移目录等管理。
Frontpage2000是建立和管理专业网站的简易工具。Frontpage2000保留和发展了Frontpage 98的优秀功能,并根据用户的的要求增加了许多新功能。
1.更容易建立专业的,精确的网站
Frontpage 2000 的网站创建和管理工具给用户从未有过的全面控制权。用户可以精确的放置每一个元素在网页的任何位置,为网站设定专业谐调的外观,输入和编辑html原代码,使用最新的网页技术,这一切不需要您编写任何程序。
2.Frontpage 2000不仅仅可以用来制作网页,用户可以使用它来建设和维护整个网站,更简单的检测,更新你的网站。工作组用户可以通过Frontpage 2000 使分布在世界各地的子公司一起工作。
3.Frontpage 2000与其它office组件的整合性更加提高,打开和运行的速度比Frontpage 98更快。
Frontpage 2000的新功能简介  
1.强大的网站制作工具;
  用户有更大的选择余地来制作自己风格的网页,包括层,DHTML,动画效果,色彩工具等
2.用户自定义主题(themes);
    预置60种主题(含颜色,logo,图片,背景,)
3.提供强大HTML/js/asp编辑功能;
  你可以直接编辑保存下来的html文件的原代码(包括js脚本和ASP),特别是可以在预览页面上直接修改原代码,将帮助你更准确的制作。
4.方便的数据库管理;
5.支持最新的web技术;
    用Frontpage 2000可以编辑HTML,DHTML,script,XML,VML。
6.柔性的网页发布工具;
    Frontpage 2000将允许ftp上传到没有fp扩展功能的服务器上。
FrontPage编辑器简介
FrontPage是一个WYSIWYG(所见即所得)编辑器。如图4,它的软件窗口界面酷似MS-Word,因此很容易使用。
排版功能:如同Word中的排版。
手绘表格:手绘表格可以轻松创建表格,表格在复杂排版中是必须的。
可视帧格式编辑:可以轻松地制作帧格式网页。
Frontpage 服务器扩展
Personal Web Server:Win95用户可使用它在自己的局域网中实现WWW式的浏览。
Microsoft Personal Web Server:它与Windows NT中Internet Information Server紧密集成。
UNIX Server Extensions:所有大的ISP及其他成百上千ISP都是注册的FrontPage Web Presence Providers,中小企业都可以在虚拟主机供应商处得到相关技术支持。


(补充Frontpage Editor图)


Dreamwaver介绍
1. Dreamweaver的特点
◆卓越的可视环境--简单易用

图6-9-8 网页制作利器-Dreamweaver


    使用macromedia的可视化开发环境(如图所示),你只需通过简单的拖拉技术(Drag&Drop),将“Objects”窗口中的对象拖到“Documentwindow”中即可,例如:Web开发人员想在网页中加入一个Table,只需将“Table”从“object”窗体中拖放到舞台中,Dreamweaver将自动生成一个表格,然后通过“Properties”(属性)窗体来进行格式的修改和调整。
◆所见即所得的强大功能
    没有一个 Web 编辑软件能像 Dreamweaver 一样,具有所见即所得的功能,你可以在“Properties”(属性)窗体中调整参数,即刻在“Documentwindow”窗体中看到它的改变,如果你按F12”,Dreamweaver会自动生成HTML文件格式,供欲览,以便开发人员进一步调整。
◆方便快速的文本编排
    与“Word”相似,具有强大的文本编辑能力,你可以在“Layer”、“Table”、“Frame”或直接在“Document window”窗体中输入文字,通过快捷的右键,选择例如“Font”(字体)类的选项进行编辑,也可以利用“Text”菜单进行更为细致的排版编辑。
◆专业的HTML编辑--Roundtrip HTML
    Dreamweaver与现存的网页有着极好的兼容性,不会更改任何其他编辑器生成的页面。这将大幅度降低由于HTML源代码的变更而给设计者带来的困惑。

◆高质量的HTML生成方式
    由Dreamweaver生成的HTML源代码保持了很好的可读性。代码结构基本上同手工生成的代码相同,这使得设计者可以轻易掌握代码全局并加以修改。

◆实时的HTML控制
    设计者可以在可视化或者文本这两种方式下进行页面的设计,并且可以实时的监控HTML源代码。当设计者对代码作出任何改动时,结果将立刻显示出来。

◆与流行的文本HTML代码编辑器之间的协调工作
    Dreamweaver可以与目前流行的HTML代码编辑器(如BBEdit、HomeSite等)全面协调工作。已经习惯于使用这些纯文本编辑器的设计者将在不改变他们原有工作习惯的基础上,充分享受到 Dreamweaver 带来更多功能。设计者可以使用文本编辑器直接编辑 HTML,同时使用Dreamweaver 生成较为复杂的动画、表格、Frame、JavaScript等。(Dreamweaver分别为Windows用户以及Macintosh用户提供了完全版的HomeSite及BBEdit这两个目前最流行的代码编辑器)。

◆强大的DHTML支持
    动态HTML是4.0浏览器支持的新功能,将在未来广泛应用于网络。这项技术可以增强页面的交互性、提高下载速度、使页面更美观更易于设计且富有动感。Dreamweaver 对DHTML完全支持,并提供了与之相关联的四大功能。而其它的可视化网页编辑工具几乎不提供或只小部分提供动态HTML的制作。

◆重复元素库
    在 Dreamweaver 中定义的一个站点内,设计者可以将重复使用的内容(例如 Header、Footer等)独立定义。这样设计者在需要这些内容的地方只需做一个简单的插入就可以了。而且当元素库中定义的内容被修改后,整个站点中设计同样内容的地方将统一发生变化而无需再逐一修改。

◆基于目标浏览器的检测
    目前浏览器更新换代很快,从2.0到4.0层出不穷。同时又有IE和Netscape两大阵营竞争。设计者制作出的网页必须面向功能不同的浏览器并保持其正确性。 这是一项比较困难的工作。而 Dreamweaver不仅在设计时可以基于不同的目标浏览器进行不同的设计,而且在页面制作完毕后,Dreamweaver 可以基于目标浏览器对页面进行检测并给出报告。在报告中将显示出被检测页面的兼容性以及在不同浏览器中页面的区别,同时还将指出页面中HTML的句法错误。

◆FTP
    在 Dreamweaver中包含了一个界面极为友好的FTP工具。通过它,设计者可以非常方便的将设计的单一页面或者一个站点上传至服务器。同时,设计者还可以非常方便的将已经上传至服务器的文件下载以供参考和修改。在文件传输的过程中,Dreamweaver 将记录下整个过程以供错误分析。

◆文件锁定
    这是一种专为合作开发环境设置的档案机制。可以通过标记和取出机制设置只读或可编写属性来进行文档的保护。通过这种方法可以防止不必要的数据丢失,增强了安全性。
Dreamweaver 3 的新增功能
1. 支持Microsoft Office文档,其“Clean up Word HTML”命令,可以清除word文档自带的标签,更加方便了对内容的整合。
2. History Palette使你能纪录每一次改动并把步骤保存为可以重复使用的命令。
3. 基于XML的设计注解能连接到任何一个Html页面,使对重要文档信息的传递变得更加简便。
4. Quick Tag Editor使你能快速的观看和编辑对象级的Html源代码而不用开启Html观测器。
5. Html风格使你能自动的改变整体的正文属性,更加容易的设置美观的文字和段落风格。

    如果你对HTML和使用FrontPage已经有了一些了解,那么学习Dreamweaver是件非常容易的事。如果你对这些都不熟悉也没有关系,因为使用Dreamweaver你完全可以不去编写源代码,Dreamweaver和 FrontPage一样都是所见即所得的网页编辑工具,使用它制作网页是件非常容易的事情。

7上一页  1 2 3 4 下一页8