Internet应用与网页制作 作者 赵丰年 商建云 第06章.pptVIP

第6章 网页制作概述 6.1 网页的HTML本质 6.2 网页制作工具 6.3 网 站 建 设 流 程 本章内容要点： ? HTML的工作原理和基本语法； ? 使用HTML语言编写简单网页； ? 了解常用的网页制作工具； ? 熟悉网站建设的基本流程。 6.1 网页的HTML本质 网页的本质就是HTML文件。 6.1.1 HTML的工作原理 HTML（HyperText Markup Language，超文本标记语言）是表示网页的一种标准，它通过标记符来标记要显示的网页的各个部分。 网页就是用HTML语言写成的文档，在Internet中可以通过浏览器程序进行浏览。 如果需要进一步控制内容的显示效果，还可以为标记符指定属性。所谓属性是指用来描述对象特征的特性 。 由此可以看出，网页的本质就是HTML源代码，而日常所说的网页制作实际就是编写HTML文件，在HTML文件中用标记符链接其他文件中的对象，多个HTML文件之间通过超链接联系起来，从而形成一个网站。 6.1.2 HTML的基本语法 标记符的语法 标记符的属性 6.1.3 使用HTML编写网页 由于HTML文件的实质就是纯文本文件，因此可以用任何纯文本编辑器编辑HTML文件，通常可以使用Windows系统中的“记事本”程序。 创建Web页 测试Web页 编写简单的网页 6.2 网页制作工具 6.2.1 网页编辑工具 6.2.2 素材处理与创作工具 要制作一个完整的网页，除了编辑HTML文档以外，还需要创作或处理各种附加文件，例如图像、动画、音频和视频等。最常用的两类工具是图像处理工具和多媒体创作工具。 图像处理工具 在网页制作时最常用的两种图像处理工具是Photoshop和Fireworks 。 多媒体制作工具 多媒体制作工具用来进行多媒体信息的处理，目前应用最广泛的是Flash 。 6.3 网 站 建 设 流 程 网站的建设通常都遵循一个基本的流程：规划阶段、设计阶段、开发阶段、发布阶段与维护阶段。 6.3.1 规划站点 确定网站目标 分析目标用户对站点的需求 确定站点风格 ? 信息式 ? 画廊式 ? 综合式 考虑网络技术因素 ? 带宽 ? 浏览器与分辨率 ? 即时交互与插件 6.3.2 设计站点 建立站点目录结构 在设计站点时，应该事先在计算机硬盘上建立一个文件夹，以它作为工作的起点。具有良好组织结构的站点文件夹会使得网站更易于制作和维护。 通常的做法是：首先将站点中的各种信息资源进行整理、归类，然后在计算机硬盘上新建一个站点文件夹，再根据需要在文件夹中新建若干个子文件夹，以便将不同类型的文件存放在站点中，最后应该在这个站点根文件夹中新建一个主页文件。 在网站开发中一定要特别注意文件、文件夹、图像等网页素材的命名，由于这些命名规则受到不同操作系统的影响，所以应该在网站中使用通用名称。 在网站中命名时一般遵循以下规则： ? 最好使用小写英文名称（可以用汉语拼音代替），但中间不能有空格。例如，mypage.htm、yemian.htm。一般情况下，不要使用中文文件名。 ? 可以包含数字或下划线，例如：class_1.htm、chap_1.htm、neirong_1.htm。 ? 注意正确的文件扩展名，网页文件的扩展名为.htm或.html，而图像也有自已的扩展名，如：logo.gif、image_1.jpg。一般情况下，文件的扩展名都由相应软件自动添加。 设计导航系统 导航设计的基本原则是：通过最少的点击次数得到最多的信息量。这就意味着应该根据页面内容的逻辑关系制作网站的导航系统，而不是将网站中所有的信息都用超链接连接起来，否则浏览者将无法有效浏览。 设计页面的版式 页面版式就是如何安排网页中的元素（包括：文本、图像、动画等），或者说用什么形式表现网页的内容。 网页中的颜色 一般设计颜色方案时应遵循以下要点： ? 保持一致性。 ? 注意可读性。 文字、图像、动画等对象的使用 在网页中，不论是基于什么目的使用图像和其他多媒体对象，始终应该记住的是，它们的数量和质量是限制页面快速下载的主要因素。在将它们放入网页之前，应该考虑到这样做是否有利于达到站点目标。 6.3.3 制作网页 需要注意的是，在此阶段中有一个经常被忽视的环节，就是测试网页。 6.3.4 站点发布 6.3.5 网站维护 将站点上传并不意味着大功告成，因为只有不断更新站点中的信息，才能吸引新的访问者和留住现有的访问者。 * 在线教务辅导网： 教材其余课件及动画素材请查阅在线教务辅导网 QQ:349134187 或者直