第01章 网页设计基础知识课件.ppt

随着因特网（随着因特网（Internet）的不断发展，越来越多的人都想要）的不断发展，越来越多的人都想要学习设计与制作网页，但是要实现较好的网页效果，设计者首学习设计与制作网页，但是要实现较好的网页效果，设计者首先要了解网页的相关基础知识，例如网页与网站的关系，网页先要了解网页的相关基础知识，例如网页与网站的关系，网页设计的构思与布局方式，常用的网页制作工具，以及与网页相设计的构思与布局方式，常用的网页制作工具，以及与网页相关的概念等关的概念等u网页制作的基础知识网页制作的基础知识u网页设计构思与布局网页设计构思与布局u常见的网页制作工具常见的网页制作工具u与网页相关的概念与网页相关的概念网页是构成网站的基本元素，是承载各种网站应用的平台。它是一个文网页是构成网站的基本元素，是承载各种网站应用的平台。它是一个文件，通常为件，通常为HTML格式，可以存储在世界某个角落的某一台计算机中格式，可以存储在世界某个角落的某一台计算机中在网页和网站开发领域，有着各式各样的专有名词。弄清楚它们之间的在网页和网站开发领域，有着各式各样的专有名词。弄清楚它们之间的概念和联系，对于用户学习网页知识有极大的裨益概念和联系，对于用户学习网页知识有极大的裨益网页是一个纯文本文件，其通过网页是一个纯文本文件，其通过HTML、CSS等脚本语言对页面元素进等脚本语言对页面元素进行标识，然后由浏览器自动生成页面。组成网页的基本元素通常包括文本、行标识，然后由浏览器自动生成页面。组成网页的基本元素通常包括文本、图像、超链接、图像、超链接、Flash动画、表格、交互式表单以及导航栏等动画、表格、交互式表单以及导航栏等一般情况下，网页的常见类型分为静态网页与动态网页两种。网页程序一般情况下，网页的常见类型分为静态网页与动态网页两种。网页程序是否在服务器端运行，是区分静态网页与动态网页的重要标志，在服务器端是否在服务器端运行，是区分静态网页与动态网页的重要标志，在服务器端运行的网页运行的网页(包括程序、网页、组件等包括程序、网页、组件等)属于动态网页属于动态网页(动态网页会随不同用户动态网页会随不同用户、不同时间，返回不同的网页、不同时间，返回不同的网页)。运行于客户端的网页程序。运行于客户端的网页程序(包括程序、网页包括程序、网页、插件、组件等、插件、组件等)则属于静态网页则属于静态网页网页设计的成功与否，很重要的一个原因就在于它的构思与布局，具有网页设计的成功与否，很重要的一个原因就在于它的构思与布局，具有创造性构思和巧妙的页面布局会让网页具有更强的生命力和观赏性。本节将创造性构思和巧妙的页面布局会让网页具有更强的生命力和观赏性。本节将重点介绍网页构思与布局的相关知识重点介绍网页构思与布局的相关知识网页制作工具可以分为两类：一类是源代码编辑工具网页制作工具可以分为两类：一类是源代码编辑工具(如如HotDog、HomeSite、EditPlus等等)，另一类是所见即所得编辑工具，另一类是所见即所得编辑工具(如如HotMetal、FrontPage、Dreamweaver等等)。除此之外，设计者在制作网页时，还需要用。除此之外，设计者在制作网页时，还需要用到图像设计工具到图像设计工具(如如Photoshop、FireWorks)和动画制作工具和动画制作工具(如如Flash)。本节。本节将简要介绍目前常用的网页制作工具将简要介绍目前常用的网页制作工具Dreamweaver、图像设计工具、图像设计工具Photoshop和动画制作工具和动画制作工具FlashInternet是从是从Interconnected Networks延伸而来的，是跨国界的网络。延伸而来的，是跨国界的网络。Internet把世界各地数以千万计的计算机和传输线路连接在一起构成一个网把世界各地数以千万计的计算机和传输线路连接在一起构成一个网络。通过它可以交换信息、共享资源，并以此为基础实现各种计算机通信应络。通过它可以交换信息、共享资源，并以此为基础实现各种计算机通信应用项目。在用项目。在Internet中，网页是它的重要组成部分，本节将主要介绍一些与中，网页是它的重要组成部分，本节将主要介绍一些与网页相关的名词和概念网页相关的名词和概念WWW(World Wide Web)即环球信息网，也可以称为即环球信息网，也可以称为 Web，中文名字，中文名字为为“万维网万维网”。用户在使用浏览器来访问。用户在使用浏览器来访问Web的过程中，无须关心一些技术的过程中，无须关心一些技术性的细节即可得到丰富的信息资料。性的细节即可得到丰富的信息资料。WWW是是Internet上发展最快和目前使上发展最快和目前使用最广泛的一种服务用最广泛的一种服务 简单地说，简单地说，WWW是漫游是漫游Internet的工具，它把的工具，它把Internet上不同地点的相上不同地点的相关信息聚集起来，通过关信息聚集起来，通过WWW浏览器浏览器(如如IE，即，即Internet Explorer)检索，无检索，无论用户所需的信息在什么地方，只要浏览器为用户检索到之后，就可以将这论用户所需的信息在什么地方，只要浏览器为用户检索到之后，就可以将这些信息些信息(文字、图片、动画、声音等文字、图片、动画、声音等)“提取提取”到用户的计算机屏幕上到用户的计算机屏幕上 HTTP(HyperText Transfer Protocol)即超文本传输协议，它是即超文本传输协议，它是WWW服服务器上最主要的协议。通过这一跨平台的通信协议，在务器上最主要的协议。通过这一跨平台的通信协议，在WWW任何平台上的任何平台上的电脑都可以阅读远方服务器电脑都可以阅读远方服务器(Server)上的同一文件上的同一文件 HTTP协议经常用来在网络上传送协议经常用来在网络上传送Web页。当用户以页。当用户以“http:/”开始一个开始一个超链接的名字时，就是告诉浏览器去访问使用超链接的名字时，就是告诉浏览器去访问使用HTTP协议的协议的Web页。页。HTTP协议不仅能保证正确传输超文本文档，还可以确定传输文档中的哪一部分，协议不仅能保证正确传输超文本文档，还可以确定传输文档中的哪一部分，以及哪部分内容首先显示以及哪部分内容首先显示。 URL(Uniform Resource Locator)即统一资源定位器，它使用数字和字即统一资源定位器，它使用数字和字母来代表网页文件在网上的地址。母来代表网页文件在网上的地址。URL好比好比Internet的门牌号码，它可以帮的门牌号码，它可以帮助用户在助用户在Internet的信息海洋中查找到所需要的资料的信息海洋中查找到所需要的资料 Web上所能访问的资源都有唯一的上所能访问的资源都有唯一的URL。URL包括所用的传输协议、服包括所用的传输协议、服务器名称、文件的完整路径。例如，在浏览器的务器名称、文件的完整路径。例如，在浏览器的URL处输入就可以访问搜狐处输入就可以访问搜狐网站的主页网站的主页。HTML(Hyper Text Markup Language)即超文本标记语言，是即超文本标记语言，是WWW上上通用的描述语言。通用的描述语言。HTML语言主要是为了把存放在一台计算机中的文本或图语言主要是为了把存放在一台计算机中的文本或图形与另一台计算机中的文本或图形方便地联系在一起，形成有机的整体形与另一台计算机中的文本或图形方便地联系在一起，形成有机的整体