网页基础知识.pptx

21世纪高等院校规划教材;通过本章学习，应该掌握以下内容：

1.认识网页

构成网页的基本要素

制作网页的基本工具

美化网页的基本工具

网页制作的基本步骤;1.1 一个校园网的制作示例;文字性网页一定要注意编排，包括标题得字型字;;;1.2.3 图形;1．菜单按钮;1.2.4 链接标志;1.2.5 交互功能;1.3 网页制作和美化工具;Dreamweaver是由Macromedia公司推出的一款在网页制作方面大众化的软件，它具有可视化编辑界面，用户不必编写复杂的HTML源代码就可以生成跨平台、跨浏览器的网页，不仅适合于专业网页编辑人员的需要，同时也容易被业余网友们所掌握。

Dreamweaver支持动态HTML，并采用了RoundtripHTML技术，Dreamweaver是一种可以满足多层次需求、功能强大的可视化专业级网页设计及制作工具。;FrontPage是由Microsoft公司推出的新一代Web网页制作工具。FrontPage使网页制作者能够更加方便、快捷地创建和发布网页，具有直观的网页制作和管理方法，简化了大量工作。

FrontPage界面与Word、PowerPoint等软件的界面极为相似，为使用者带来了极大的方便，Microsoft公司将FrontPage封装入Office之中，成为Office家族的一员，使之功能更为强大。;1.3.2 网页美化工具;Fireworks是由Macromedia公司开发的图形处理工具，它的出现使Web作图发生了革命性的变化。因为Fireworks是第一套专门为制作网页图形而设计的软件，同时也是专业的网页图形设计及制作的解决方案。作为一个图像处理软件，Fireworks能够自由地导入多种格式的图像进行处理。

Fireworks还能够自动切割图像、生成光标动态感应的JavaScript程序等等，而且Fireworks具有强大的动画功能和一个相当完美的网络图像生成器。;Flash是美国Macromedia公司开发的矢量图形编辑和动画创作的专业软件，它是一种交互式动画设计工具，用它可以将音乐、声效、动画以及富有新意的界面融合在一起，以制作出高品质的网页动态效果它。主要应用于网页设计和多媒体创作等领域，功能十分强大和独特，已成为交互式矢量动画的标准，在

网上非常流行。Flash广泛应用于网页动画制作、教学动画演示、网上购物、在线游戏等的制作中。;1.4 网页制作的基本步骤;进行网站??整体规划也就是组织网站的内容和设计其结构。

组织网站的内容可以从两个角度来考虑。从设计者的角度来考虑，可以依据被描述对象的组织机构类、别划分等来组织内容；从浏览者的角度来考虑，就应该将各种素材依据浏览者的需要进行内容分类以，便浏览者可以快捷地获取所需要的信息及其相关内容。;合理的结构设计对于网站的规划也是至关重要的以。下是三种常用的结构类型。

①层状结构

层状结构类似于目录系统的树型结构，;;;1.4.3 网页设计与制作;每页排版不要太松散或用太大的字，尽量避免访问者浏览网页时要作大幅度的滚动，对于篇幅太长的一页可以使用内部链接解决。

切勿以800×600以上的分辨率设计网页，常用的分辨率是640×480及800×600。现在国内的站点基本上都是800×600，但是如果主要是面向国外访问者的站点，建议使用640×480。

不应在每页中插入太多的广告。相信任何访问者都不会喜欢浏览尽是些广告的网页，要考虑

该页内容与广告的比例，广告太多，只会令人烦厌。;不要每页都采用不同的墙纸，以免每次转页时都要花费过多的时间去下载。

底色或墙纸必须与文字对比强烈，以易于阅读。如果网页是文章式或是包含大量文字，不妨在底色与文字??搭配上下些工夫，力求让访问者能够舒适地阅读网页。

不要把图片白色当作透明，要知道别人的系统不一定把内定底色设为白色，解决的办法除了真的把该网页的底色设为白色之外，最好还是用图片编辑工具将图片设为透明颜色。;静态网页制作完成后，接下来的工作就是为网页添加动态效果，包括一些脚本语言程序和数据库程序的设计，以及加入动画效果等。

一个真正的网站，不仅应该实现传统媒体的电子化，给用户提供需要的内容，而且还应该做更多的事情，完成比页面浏览更高层次的需求，例如收集信息、数据传递、数据存储以及系统维护等。;当网页设计人员制作完所有网站页面之后，需要对所设计的网页进行审查和测试，测试内容包括功能性测试和完整性测试两个方面。

所谓功能性测试就是要保证网页的可用性，达到最初的内容组织设计目标，实现所规定的功能，读者可方便快速地寻找到所需的内容。完整性测试就是保证页面内容显示正确，链接准确，无差错无遗漏。