网页制作教程
上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人

任务1.3 了解网页制作工具

任务说明

经过前期的学习,小蕾对网页术语和组成元素有了初步了解,但还是不明白怎样制作网页,所以,小蕾开始了网页制作工具的学习。

任务目标

知识目标:了解常用的几种网页制作和页面美化工具。

能力目标:清晰表述制作和美化网页工具的作用。

任务分析

在本学习任务中,小蕾需要认识常用的几种网页制作和页面美化工具,具体内容被分解成以下两项:

• 了解网页编辑工具

• 了解页面设计及美化工具

实施步骤

第一步:了解网页编辑工具

1.FrontPage

FrontPage是由Microsoft公司推出的Web网页制作工具。FrontPage使网页制作者能够方便、快捷地创建和发布网页,具有直观的网页制作和管理方法,简化了网页制作工作。FrontPage界面与Word、PowerPoint等软件的界面极为相似,为使用者带来了极大的方便, Microsoft公司将FrontPage封装入Office之中,成为Office家族的一员,使之功能更为强大。

但FrontPage 的也有其不足之处: ① 浏览器兼容性不好,制作出来的网页,用 Netscape往往不能正常显示; ② 生成的垃圾代码多,导致在某些情况下极为不便; ③ 对DHTML的支持不好。

2.Dreamweaver

Dreamweaver是由Macromedia公司推出的一款在网页制作方面大众化的软件,它具有可视化编辑界面,用户不必编写复杂的HTML源代码就可以生成跨平台、跨浏览器的网页,不仅适合于专业网页编辑人员的需要,同时也容易被业余网友们所掌握。

第二步:了解网页设计及美化工具

1.Photoshop

Photoshop是由Adobe公司开发的图形处理软件,它是目前公认的PC上最好的通用平面美术设计软件,它功能完善、性能稳定、使用方便,所以在几乎所有的广告、出版、软件公司,Photoshop都是首选的平面制作工具。

2.Fireworks

Fireworks是由Macromedia公司开发的图形处理工具,它的出现使Web制图发生了革命性的变化。因为 Fireworks 是第一套专门为制作网页图形而设计的软件,同时也是专业的网页图形设计及制作的解决方案。作为一个图像处理软件,Fireworks能够自由地导入多种格式的图像进行处理。Fireworks还能够自动切割图像、生成光标动态感应的JavaScript程序等。

3.Flash

Flash是美国Macromedia公司开发的矢量图形编辑和动画创作的专业软件,它是一种交互式动画设计工具,用它可以将音乐、声音、动画以及富有新意的界面融合在一起,以制作出高品质的网页动态效果。它主要应用于网页设计和多媒体创作等领域,功能十分强大和独特,已成为交互式矢量动画的标准,在网上非常流行。Flash广泛应用于网页动画制作、教学动画演示、在线游戏等的制作中。