网页设计基础知识的课件.ppt

* 网页设计基础知识 * 网页的基本概念及构成要素 网页制作开发工具 网站建设的基本流程 网页版式与风格设计 本章内容 * 1.1 网页的基本概念及构成要素 Internet：一个全球性的计算机互联网络，中文名称为“因特网”或“国际互联网”，它集现代通信技术和现代计算机技术于一体，是计算机之间进行国际信息交流和实现资源共享的良好平台。 由于互联网具备同时传送文字、动画、图形、声音、视频等多媒体的能力，使之成为当今最流行的媒体。而形式各异、内容繁杂的网页是这些信息的载体。 那么什么是网页？什么是网站？网页与网站究竟有哪些异同？网页包含哪些基本构成要素？ 带着几个问题来回顾 一些基础知识 * 万维网概述 WWW（World Wide Web，全球信息网，俗称万维网）是Internet上基于客户/服务器体系结构的分布式多平台的超文本超媒体信息服务系统，它是是一个基于超文本（Hypertext）方式的信息检索服务工具，将Internet上各种类型的信息（文本、声音、图形、动画、视频等）集合在一起，用户通过“超级链接”可以快速访问。 WWW系统已在教育、科学技术、商业广告、公共关系、大众媒体和娱乐等多方面起着愈来愈重要的作用 。 WWW的应用成为Internet上最受欢迎的应用之一，它的出现极大的推动了Internet的推广。 WWW获得成功的秘诀在于它制定了一套标准的、 易于人们掌握的超文本开发语言HTML、信息资源的统一定位格式URL和超文本传送通信协议HTTP，用户掌握后可以很容易地建立自己的网站。 * HTML：是Hypertext Markup Language的英文缩写，即超文本标记语言，由很多标记组成的一种文本文件，它是构成Web页面（Page）的主要工具，HTML标记可以说明文字、图形、动画、声音、表格、链接等 。 使用HTML语言描述的文件，能独立于各种操作系统平台（如UNIX，WINDOWS等），访问它只需要一个WWW浏览器，我们所看到的网页，是浏览器对HTML文件进行解释的结果。 HTTP： Hyper text Transfer Protocol，超文本传输协议 URL：统一资源定位器(Uniform Resource Locator，URL)用于描述Internet上资源的位置和访问方式。 如：/special/00012Q9L/baogaojiedu100306.html /Photo/2011/3/226257400.jpg * 网站 网站(Web Site)是一个存放网络服务器上的完整信息的集合体。它包含一个或多个网页，这些网页以一定的方式链接在一起，成为一个整体，用来描述一组完整的信息或达到某种期望的宣传效果。有的网站内容众多，如新浪、搜狐等门户网站；有个网站只有几个页面，如个人网站。 网页 网页（Web Page）是按照网页文档规范编写的一个或多个文件，网页经由网址（URL）来识别与存取。当浏览者输入一个网址或单击某个链接，由浏览器翻译并显示出来的就是一个网页。 网页(Web pages)是网站的组成部分，制作者可以将需要公布的信息按照一定的方式分类，放在每个网页上，网页里可以有文字、图象、声音及视频信息等。 网页网站与首页 * 首页 首页(Home page)，也可以称之为主页，它是一个单独的网页，和一般网页一样，可以存放各种信息，同时又是一个特殊的网页，作为整个网站的起始点和汇总点，是浏览者访问一个网站的第一个网页。例如，当浏览者输入搜狐网站地址“”后出现在第一个页面，即sohu网站的首页，如下图所示，浏览者可以根据首页的导航进入其他页面，了解更多内容。 * 网页的基本构成要素 虽然网页种类繁多，形式内容各有不同。但网页的基本构成要素大体相同，包括标志（Logo）、导航、广告、按钮、文本、图片、动画、超链接、表单、音视频等，如下图所示，网页设计就是要将上述构成要素有机整合，表达出美与和谐。 * 1. 文本 网页中的信息也以文本为主。与图片相比，文字虽然不如图片那样能够很快引起浏览者的注意，但却能准确地表达信息的内容和含义。文本的属性包括：字体、颜色、样式、大小及特效等。 2. 图片 用户在网页中使用的图片格式主要包括GIF、JPEG和PNG等，其中使用最广泛的是GIF和JPEG两种格式。 3. 超级链接 超级链接技术是WWW流行起来的最主要的原因。它是从一个网页指向另一个目的端的链接。 * 4. 动画 在网页中为了更有效地吸引浏览者的注意，许多网站的广告都做成了动画形式。网页中的动画主要有两种：GIF动画和Flash动画。其中GIF动画只能有256种颜色，主