第一章网页设计基础知识.pptVIP

信息工程系 李丽霞 1.1 网页和网站 基本术语： WWW（World Wide Web） ：也可以简写为W3、3W、Web等，称为国际互联网（Internet），又称万维网，它是Internet上基于客户/服务器体系结构的分布式多平台的超文本超媒体信息服务系统，允许用户在一台计算机上通过Internet存取另一台计算机上的信息。 俗称Web服务器。 HTTP （ Hyper Text Transfer Protocol超文本传输协议） ：是一个用于在客户端和服务器间请求和应答的协议。是互联网上应用最为广泛的一种网络传输协议。 URL（Uniform Resource Locator统一资源定位符） ：网址（ 如http://www. / ） 1．网页　　网页：是用html（HyperTextMark-upLanguage：超文本标记语言）编写的，通过因特网（Internet）传输，并被web浏览器解释成可以显示出来的、集合文本、图片、声音和动画等信息元素的页面文件（网页示例）。 2．网页的类型 　　根据页面内容可以分首页、主页、专栏网页、内容网页等类型；按制作技术分为静态网页与动态网页。 1.1.1 网页 1.1 网页和网站 1.1.2 网页——静态网页 1.1 网页和网站 （1）静态网页文件以.htm、.html、.shtml等常见形式为后缀，而不含有“？”；（2）网页内容一经发布到网站服务器上，无论是否有用户访问，每个静态网页都固定内容地保存在网站服务器上；静态网页是一个独立不变的文件。（3）静态网页的内容相对稳定，因此容易被搜索引擎检索；（4）静态网页没有数据库的支持，在网站制作和维护方面工作量较大； （5）网页上能动的元素只是一种动态效果，不等于动态网页。 1.1.1 网页——动态网页 1.1 网页和网站 (1) 动态网页以asp、.jsp、.php、.perl、.cgi等形式为后缀，并且在某些动态网页网址中有一个标志性的符号——“？”。 (2)动态网页的内容是可根据某种条件的改变而自动改变，能与服务器端交互信息，如计数器、聊天室、论坛… (3)动态网页以数据库技术为基础，并可读写服务器端的文件，大大降低网站维护的工作量;(4) 动态网页技术可以实现更多的功能，如用户注册登录、在线调查管理、企业事务处理等等;(5)动态网页当用户请求时先由服务器运行完得到结果后才返回一个完整的（静态）网页给客户端浏览器;动态网页是存于服务器的文件与浏览在客户端的文件不相同的两个文件。 　　网站就是把一些网页等信息文件通过超链接的形式关联起来形成的信息文件的集合。信息可以是网页形式也可以是其他的文档形式。 网页与网站的区别与联系： 　　网站是一个文件夹，其中的文件不仅是网页还有网站所需的其他文件（素材）或文件夹。网页是一个页面文件，用来发布各种信息。网页是网站的构成要素，是网站信息发布与表现的一种主要形式；网站是网页通过超链接形成的集合。 1.1.2 网站 1.1 网页和网站 1.1.3 网页浏览过程 1.1 网页和网站 1.2 网页中的主要元素 网页的基本要素一般包括：文字、图像、动画和链接标志等，除此之外，网页的元素还包声音、多媒体和视频等。 1.2 网页中的主要元素 Flash动画 导航栏 GIF动画 文字 表单 图片 超级链接 1.3 网站设计的基本流程 1.3 网站设计的基本流程 1.3.1 网站的种类 按照主体性质不同分为：政府网站、企业网站、商业网站、教育科研机构网站、个人网站、其它非盈利机构网站以及其它类型等。 1.3 网站设计的基本流程 1.3.2 网页结构的规划 人们上网冲浪看到的网页是千姿百态的，一般来说，一个网站或者具有特定主题的一组网页应该包括3种类型：即主页、索引页和内容页 1.3 网站设计的基本流程 1.3.2 网页结构的规划 1. 主页 主页是指个人或单位的基本页面，它是某一Web节点的起始点。主页是整个网站或者一组网页的入口。用户可以通过主页提供的线索访问其他页面的信息和资源。在浏览器URL栏中输入网址显示网站主页。 1.3 网站设计的基本流程 1.3.2 网页结构的规划 2. 索引页 索引页即网站中的导航页，为用户提供网站或者一组网页的索引，帮助用户较快地找到想要获取的信息。索引页的作用相当于一本书的目录。图书目录可以告诉读者这本书的内容和具体页数。同样，索引页可以告诉用户这个网站或这组网页的内容，并且通过单击索引页上的索引链接就能很快找到相应的具体内容。 1.3 网站设计的基本流程 1.3.2 网页结构的规划 3. 内容页 内容页是表达网站中相应主题具体内容的网页，相当于书的正文。它提供了网站的具体内容，是网站的主体。在这些