01第一章网页设计基础网页设计.pptVIP

huangxr@ 1.4 网页设计的常用工具 目前有许多设计Web页面的工具软件，总体上可以分为两大类。 一类为用HTML语言直接编制Web的编辑软件，即用普通编辑器（如记事本）直接编写，称为“手工”方式。 另一类使用可视化网页制作工具Dreamweaver、Microsoft Expression Web等页面设计软件，不需了解HTML就可直接对页面进行排版，称为“所见即所得” （What you see is what you get，WYSIWYG）方式。 huangxr@ 1.4 网页设计的常用工具 手工方式要求掌握大量的HTML标记，制作效率低，但制作的页面简洁。由于HTML文件是由纯粹的ASCII码构成，常用的文本编辑软件都能够完成对网页的“手工处理编辑”方式，常用软件包括Windows系统自带的“记事本”（Notepad）等。 huangxr@ 辑工具 目前两种最为流行的网页编辑工具是Microsoft公司的Microsoft Expression Web和Macromedia公司的Dreamweaver。 可视化编辑工具最大的好处就在于使网页制作变得简单而有趣，比一般的文本编辑器要方便许多。Microsoft Expression Web由于继承了Office系列软件界面通用、操作简单的特点，适合非专业的网页编辑人员使用，Dreamweaver是一种功能强大的、可视化的、专业级的网页编辑工具，尤其是网页排版功能与动态效果十分出色，奠定了在网页高级设计功能方面的领先地位。 huangxr@ 辑工具 两类页面设计方式各有优缺点。 直接写HTML的编码，需要熟记格式，不易设计复杂的网页。 可视化工具使用设计简单，可以利用软件提供的诸多功能，容易学习。但在实际网页设计中，两种方式均会用到。例如用Dreamwaver等做好一个网页后，还经常需要直接在网页的HTML代码里作修改，加以完善，以求达到想要的效果。 huangxr@ 素材处理工具 除了HTML源文件以外，构成一个完整的网页还需要其它一些文件，例如，静态图象、动画等，所以通常需要对原始素材进行一些处理，例如，图象优化、格式转换等。同时为了获得最佳的现实效果，还需要制作一些特效等。 huangxr@ 素材处理工具 1. Photoshop Adobe公司的Photoshop是当今最流行的图形图象处理软件之一，它能够实现各种专业化的图像制作、处理及合成。作为专业的图形图像处理软件，Photoshop无论在用户界面还是图像处理技术上都具有独到之处。 Adobe Photoshop作为专业的图像编辑标准，可帮助艺术创作者提高工作效率，尝试新的创作方式，以及制作适用于打印、Web 和其他任何用途的最佳品质的图像。通过便捷的文件数据访问、简易的Web 设计、专业品质的照片润饰功能及其他功能，可创造出无与伦比的图像世界。 huangxr@ 素材处理工具 2.Flash Flash MX是Macromedia公司的一种交互式矢量多媒体技术，是当今Web发展的一个大流派。目前，Flash广泛应用于网页动画制作、教学动画演示、网上购物、在线游戏等的制作中。与网页中标准的图像文件gif和jpg格式不同，用Flash MX制作出来的动画是矢量的，不管怎样放大、缩小，它还是清晰可见。 用Flash MX制作的文件很小，这样便于在互联网上传输，而且它采用了流技术，只要下载一部分，就能欣赏动画，而且能一边播放一边传输数据。 交互性更是Flash MX动画的迷人之处，可以通过点击按钮、选择菜单来控制动画的播放。 huangxr@ 素材处理工具 3.Fireworks Macromedia公司的Fireworks是目前最流行的网页图形及图像处理工具，其最主要的特点就是有机地把矢量图像处理和位图处理结合起来。使用Fireworks，可以在一个专业化的环境中创建和编辑网页图形、对其进行动画处理、添加高级交互功能以及优化图像。 1.5 网页开发的基本方法 huangxr@ 1.5 网页开发的基本方法 网页开发的步骤 要设计出好的网页，应遵循3个原则： 有创意、新颖以及有自己的特色； 有充实的内容和浏览价值； 网页的布局应有一定的艺术性。 网页的设计与网页的内容的配合最为关键，确定网页的主题和定位方向后，就有一个目标去搜集相应的材料去充实，去丰富你的主页。 huangxr@ 1.5 网页开发的基本方法 网页设计的基本步骤 1 选定主题：选定网页的主题以及主要涉及的内容。 2 搜集资料：依据主题搜集相关的文字、图片、声音、动画文件为下一步网页的制作奠定基础。 3 构思阶段：按制订好的主题及方向设计网页的主要部分和要陈述的内容，在纸上画出草图。一般来说，组织好网页的关键是要对网页建立