《计算机网络技术及应用》第9章网站设计.ppt

9.1 网站设计基础 网站（Website）是指在互联网上，根据一定的规则，使用HTML等工具制作的用于展示特定内容的相关网页的集合。 简单地说，网站是一种通信工具，就像布告栏一样，人们可以通过网站来发布自己想要公开的信息，或者利用网站来提供相关的网上服务。 人们可以通过网页浏览器来访问网站，获取自己需要的信息或者享受网上服务。 9.1 网站设计基础 网站建设是网站策划师、网络程序员、网页设计师等合作,应用各种网络程序开发技术和网页设计技术，为企事业单位、公司或个人在全球互联网上建设站点，并包含域名注册和主机托管等服务的总称。 9.1.1 网站设计基本概念 1. 常见名词解释 （1）网页（web page） 网页也叫Web页，是客户通过浏览器所看到的每一个页面，包含了如文字、图像、声音和动画等多媒体信息。 也可以说，WWW服务主要是通过一个个多媒体网页提供给用户各种信息的。 9.1.1 网站设计基本概念 （2）网站（web site） 网站也叫站点，由域名(也就是网站地址)和网站空间构成，通常包括主页和其他具有超链接文件的页面。 通常是指在Internet上由一组相互关联的文档和各种网页元素组成的集合。 一个网站是由若干个网页构成的，每一个网页中包含了要传播的各种信息，如普通文字，图形、图像、声音、动画等多媒体信息，还有其他网页的超级链接等。 9.1.1 网站设计基本概念 （3）主页（homepage） 主页是用户进入一个站点所看到的第一个页面，是一个站点的目录索引，它引导客户浏览该站点或其他站点的页面，主页实际上是一个网站的入口点。 主页是采用HTML语言编写的文本，它被保存在WWW服务器中，浏览的客户可以通过网站的主页URL地址在自己的计算机上访问到该主页。 例如要访问中国教育网主页，只要在浏览器地址栏中输入并按回车键即可。 9.1.1 网站设计基本概念 （4）超链接（hyperlink） 网页中除包含各类信息外，还包含与其他网页相连的连接点，这些连接点可能是图像，也可能是文字，它们叫做“超链接”，通过单击该“超链接”，可以转到另一个网页或另一个网站或打开一个应用程序。 网页中的超链接一般是带有下划线的蓝色文字或图像；将鼠标指针移到超链接上时，一般会变成小手的形状，单击即可打开超链接的页面；访问过的超链接一般呈现带有下划线的暗红色文字。 9.1.1 网站设计基本概念 （5）超文本（hypertext） HTML文档之所以称为超文本，是因为它区别于一般的文本，它不仅包含文字，还包含声音、图形、图像、动画和视频等内容，并且还有实现非线性地存储、组织、管理和浏览信息的超链接。 “超文本”也称为超媒体（hypermedia），它已成为WWW的核心技术。 9.1.1 网站设计基本概念 2. 常用Web技术和工具 使用各种Web技术可以制作丰富多彩和安全可靠的网页，常用的Web技术有HTML、DHTML、CSS、XML、Ajax、JavaScript和Java Applets。 由于HTML网页文件是一个纯ASCII文档，任何一个编辑器都可以编辑该类型文件，因此理论上讲使用任何编辑器都可以手工编写网页代码，但使用专用网页设计工具可以轻松、快速地设计网站。 9.1.1 网站设计基本概念 HTML编辑工具已经都是所见即所得（What You See Is What You Get）的工具，应该考虑使用哪一种工具能更好地开发用户的应用。 现在最好的网站设计方法是手工编码加上所见即所得的工具。 常用所见即所得的网页设计工具有FrontPage、Dreamweaver、HotDog Professional、Netscape Communicator、IBM RSA、Eclipse、Web Page Maker和BEA WebLogic Workshop等。 9.1.1 网站设计基本概念 3. 用户是第一位的 必须明白Web站点的使用者不是设计人员，而是最终的用户，因此开发设计人员必须始终遵守Web设计的一个最基本的原则： 用户是第一位的，即用户浏览的内容是第一位的，网站的设计技术始终是第二位的。 9.1.1 网站设计基本概念 Web客户是以自我为中心的，客户对绝大部分网页信息是不感兴趣的，根本不去阅读，而仅阅读他们感兴趣的极少网页信息。 网站设计人员要随时提醒自己“客户为什么要访问我们这个网站？他们想要什么信息？”，因为客户浏览网站绝不是想要访问充斥了无关内容和混乱图像的页面。 9.1.1 网站设计基本概念 4. 客户资源与Web设计 网站设计人员往往考虑设计中使用的新技术，并且采用最新的硬件、软件和插件来设计网站，而忽略了浏览客户所使用的资源。 实际上，客户资