第一章网页制作基础知识教程.pptVIP

网页制作技术 1.1 网站与网页 网站的概念 WWW（ World Wide Web） 是采用超文本链接技术组织的全球信息资源。它以客户机/服务器模式工作，它所使用的服务器称为WWW服务器或Web 服务器，客户机称为浏览器。 那么，这些 Web 服务器又是如何构成一个庞大的信息网络呢？答案就是网页。由于网页中包含所谓的“超链接”，这些超链接可以将一个网页链接到其他网页，从而构成了万维网的纵横交织结构。  通过超链接连接起来的一系列逻辑上可以视为一个整体的页面，则叫做网站。 1.1 网站与网页 网页:Web上提供的超媒体文档. 超文本与超媒体 1.1 网站与网页 首页的概念 “主页”是网站中的一个特殊页面，它是作为一个组织或个人在 WWW 上开始点的页面，通常也称为首页，主页中通常包括指向其他相关页面或其他主页的超链接。 主页是进入一个网站的门户，是整个网站的第一页。通常主页的名称是固定的，一般叫做 index.htm 或 index.html 等（.htm 或 .html 后缀表示 HTML 文档）。 1.1 网站与网页 网站中的文件结构 任何一个网站都是由若干个文件组成的，包括网页文件、图像文件、媒体文件等多种类型。这些文件通过一定的方式以文件夹的形式组织起来，构成了网站的根文件夹。 图1是 Dreamweaver “文件”面板中显示的一个典型网站中包含的各种文件，表1则列出了网站中各种常用文件类型的扩展名。 1.1网站与网页 1.1网站与网页 1.2 网页的本质——HTML HTML（HyperText Markup Language，超文本标记语言）是一种专用的文档处理语言，是表示网页的一种标准。用于编制要通过WWW显示的超文本文件的页面(网页). 通过在网页中添加标记符，可以告诉浏览器如何显示网页，即确定网页内容的格式。浏览器按顺序阅读网页文件（HTML 文件），然后根据内容周围的 HTML 标记符解释和显示各种内容。 通过结合使用其他 Web 技术（如CSS 样式表、JavaScript 脚本程序等），就可以创建出功能更加强大的网页。 1.2 网页的本质——HTML 1.2 网页的本质——HTML 1.2 网页的本质——HTML 直接利用HTML编写 (可选用任何一种文字处理软件) 用工具软件制作 FrontPage Dreamwaver 符合用户的需求 有效地使用资源 生成一个一致的、令人愉快的、有效的网页外观和感观 在制作网页之前，应该明确目的、任务、要求。 网页设计要有自己的风格 网页不必太花哨 高水准的网页—美观漂亮； 网页设计方向—特定群族； 充实网页内容—收集资料； 与网友的互动—留言共建； 推销您的网站—广泛宣传。 1.4 网站开发流程 1.4.1 网站规划 1.4.2 网站设计 1.4.3 网页制作 1.4.4 测试与发布 1.4.5 网站维护 1.4.1 网站规划 在网站建设开始时对站点进行详细规划和组织会大大方便以后的工作。网站规划通常包括以下内容： 确定目标 用户分析与需求分析 确定网站风格 考虑技术因素 （各种技术因素，包括网页下载速度、浏览器、分辨率、插件等。 ） 1.4.2 网站设计 网站规划好之后，就进入了设计阶段。利用规划阶段搜集的信息，在设计阶段需要对内容、导航系统等进行具体的设计。 设计网站的内容结构 设计页面的布局 设计首页 设计导航系统 网页中的颜色 文字、图像、动画以及多媒体的使用 1.4.2 网站设计——设计网站的内容结构 网站的内容结构是指通过什么样的逻辑方式将网站中的内容组织起来。实际上，由于网站主题的千差万别，内容组织的形式也有很多种类，关键的原则就是要符合普通人的思维习惯。 较好的做法是在 Internet 上查看与自己网站类似的网站，看其他人是如何对内容进行分类的，然后选择并设计一种适当的方式。 1.4.2 网站设计——设计页面布局 设计页面布局 首先，确定页面中要放置什么内容，包括导航栏、文本、图像或其他多媒体信息的详细数目。 然后，在纸上或是图像处理软件（例如 Photoshop、Fireworks 等）中绘制出页面的布局效果。 最后选择使用什么排版技术，例如表格、层或是框架，对内容进行排版。 1.4.2 网站设计——设计首页 首页是网站的门户，是网站的脸面，是网站中的最重要的一个页面。设计首页时需要遵循网站规划制定的基本原则。 在设计首页时需要注意，首页上往往包括以下部分：网站徽标、网站的层次结构（即导航系统）、搜索功能、吸引注意力的东西（例如主题图片）、实时内容（例如“新闻”、“最近更新”等）、商业信息（例如广告）、快捷方式（提供访问某些页面或功能的快速链接）、注册登