1 .2结识网页制作工具(课件）-高二《网页设计与制作》同步教学（北京理工版）

1 .2结识网页制作工具 1.2.1网页编辑工具 1.Dreamweaver Dreamweaver是网页制作工具，它使用所见即所得的界面，亦有HTML编辑的功能。Dreamweaver支持ActiveX, JavaScript, Java, Flash, ShockWave等，而且它还支持动态HTML (Dynamic HTML)的设计，使页面在没有安装插件的情况下也可以在Netscape和IE浏览器中正确地显示页面的动画，同时它还提供了自动更新页面信息的功能。Dreamweaver的开放式设计是其最显著的特点，它使任何人都可以轻易扩展它的功能。 返回 下一页 1 .2结识网页制作工具 2 .FrontPage FrontPage是微软Office系列软件之一，继承了Office系列软件的界面通用、操作简单等特点，用户可以像在Word中一样直接进行编辑，编辑的内容也将由FrontPage自动生成HTML网页代码。因此，FrontPage一个很大的好处就是与Office系列软件的一致性，特别适合初学者。但是FrontPage也存在部分缺点，如兼容性差、生成的垃圾代码多、对动态网页支持差等。 要想成为一名优秀的网页设计师，建议最好在学习完Dreamweaver后，再研究一下FrontPage软件，只要会用Dreamweaver，自然就会用FrontPage，利用两种互补的功能，方可制作优秀、复杂的网页。 返回 下一页 上一页 1 .2结识网页制作工具 1.2.2网页图像与动画制作工具 现在的网页通常具有丰富多彩的图像和动画。对于网页中的图像和动画，既要求质量高同时还要求文件所占存储空间小。 1.Flash Flash是Macromedia公司专门为制作网页而设计的一款交互性矢量动画设计软件。网页设计者可以使用该软件设计各种动态Logo(商标、图案)、动画、导航条，还可带有动感音乐，以及其他多媒体的各项功能。由于矢量图形不会因为缩放而导致影像失真，因此在Web上应用广泛。 2 .Fireworks Fireworks是Macromedia公司专门设计的web图形工具软件，它可以用较少的步骤生成较小但质量很高的JPEG和GIF图像，并且这些图像可以直接用于网页上。Fireworks是Web图形工具的首选软件。 返回 下一页 上一页 1 .2结识网页制作工具 3 .Photoshop Photoshop是由Adobe公司开发的著名图形图像处理软件。它能够实现各种专业化的图像处理，是专业图像创作的首选软件。以上软件能相互无缝合作。通常网页制作的顺序，是先在Firework中绘制主页图片，然后进行切片，再将切片导出到Dreamweaver中，在Dreamweaver中编辑修改，添加链接，最后再导入用Flash制作的动画。 2005年，Adobe公司收购了Macromedia公司，并于2007年推出了Adobe Dreamweaver, Firework , Flash的C”版本。 返回 上一页 1. 3网站制作流程 网页的功能强大，内容丰富。做一个网页是简单的，但要做好一个网站则是非常复杂、困难的工作。开发一个优秀的网站并不能随心所欲，必须遵循一定的工作流程，网站制作流程一般分为3个阶段，如图1-2所示。 1.3.1网站规划 1.确定网站的主题与名称 网站主题是指建立的网站所要包含的主要内容。例如，旅游、娱乐休闲、体育、新闻、教育、医疗、时尚等。其中每一大类又可进一步细化为若刊、类。一般来说，确定网站主题应遵循以下原则: (1)主题鲜明。一个网站必须有一个明确的主题，在主题范围内做到内容全而精。 (2)明确设立网站的目的。 返回 下一页 1. 3网站制作流程 (3)体现个性。把自己的兴趣、爱好尽情地发挥出来，突出自己的个性，创建出具有自己特色的网站。 在个人主页中，网站的名称起着很重要的作用，它在很大程度上决定了整个网站的定位。一个好的名称必须有概括性、简洁、有特色、容易记，还要符合自己主页的主题和风格。 2.搜集材料 确定网站主题后，要围绕主题搜集材料，作为自己制作网页的素材。搜集的材料越多，制作网站越容易。材料既可以从图书、报纸、光盘、多媒体上获得，也可以从网上搜集。对搜集到的材料应去粗取精，去伪存真。 返回 下一页 上一页 1. 3网站制作流程 3.规划网站 规划网站就像设计师设计大楼一样，只有图纸设计好了，才能建成一座漂亮的楼房。规划网站时，首先应把网站的内容列举出来，然后根据内容列出一个结构化的蓝图，再根据实际情况设计各个页面之间的链接。规划网站的内容应包括栏目的设置、目录结构、网站的风格(即颜色搭配、网站Logo、版面布局、图像的运用)等。 4.主题栏的设置 在设计网站的主题栏与板块时应注意以下几个问题: (1)突