怀集县中小学网页制作培训班.pptVIP

怀集县中小学网页制作培训班 主讲:怀集县教育局电教站 梁棉兴 联系电话:5533879 手机一、 什么是网页 网页其实是在这个世界的某一个地方某一台计算机(服务器)上的一个文件，通过互联网，也就是Internet将两个不同的地址相连，把人们的信息传达到网络世界的各个角落。人们通过互联网，可以在世界的任何一个地方互相交流沟通。 什么是互联网？互联网是把所有网页链接在一起的巨大信息交流形式，它基于很多的协议来体现出它的表现形式。1989年欧洲粒子物理实验室的科学家们提出了一个分类互联网信息的协议。这个协议极大地推动了互联网的发展和普及，后来它有了一个十分响亮的名字WWW（World Wide Web），中文又称万维网（Wan Wei Wang）。可以认为，从20世纪90年代开始，互联网进入了Web 1.0的时代。早期的Web?1.0时代，大部分网页只有文字、图像信息可以浏览，这个时候最典型的互联网标志就是门户网站，如新浪、搜狐。从2001年开始，人们认为互联网开始进入Web 2.0时代，这时的网页可以包含动画、音频、视频，也可以在网页中进行交流、上传文件，使用完全交互 式的程序。互联网开注重个性化的网络服务，任何使用网络的人，都可以参与到网页的制作中。笼统地说，网页主要由结构、表现和行为3部分组成。对应的标准也分为3类，其中大部分都是由W3C（World Wide Web协会）所制定，这其中就包括HTML和CSS（Cascading Style Sheets，即层叠样式表）。对于初学者来说，了解网页的制作，一定要分清楚HTML和CSS的不同作用。HTML标准基于语义学，通过标签来应用语义的过程，使用起来好像是打手语，做一个手势，去告诉对方代表了什么意思。不同的是，这里的手势换成了标签。 例如，使用table，这是一个表格标签，意思是“将在这里放入一个表格”。那么这个表格该如何表现在浏览者的面前呢？如它的颜色、边框粗细等。而CSS的出现为设计者解决了这些问题，如??? 图1.1和图1.2所示为不同样式的表格。 ? ??图1.1? 红粗边框的表格?? ?????? ?? 图1.2? 黑粗边框的表格 图1.1和图1.2都是有着一个3×3表格的页面。这样的描述，如同HTML语言所表达的含义，体现出页面上的内容，而在浏览器中最后的显示效果是完全不同外表的两个 网页一般可分为静态网页和动态网页，静态网页是相对于动态网页而言，是指没有后台数据库、不含程序和不可交互、纯粹HTML格式的网页通常被称为“静态网页”，早期的网站一般都是由静态网页制作的。静态网页是以.htm、.html、.shtml、.xml等为后后缀的。在HTML格式的网页上，也可以出现各种动态的效果，如.GIF格式的动画、FLASH、滚动字母等，这些“动态效果”只是视觉上的，与动态网页是不同的概念。 静态网页的特点简要归纳如下：(1)静态网页每个网页都有一个固定的URL，且网页URL以.htm、.html、.shtml等常见形式为后缀，而不含有“?”; 　　(2)网页内容一经发布到网站服务器上，无论是否有用户访问，每个静态网页的内容都是保存在网站服务器上的，也就是说，静态网页是实实在在保存在服务器上的文件，每个网页都是一个独立的文件; (3)静态网页的内容相对稳定，因此容易被搜索引擎检索;(4)静态网页没有数据库的支持，在网站制作和维护方面工作量较大，因此当网站信息量很大时完全依靠静态网页制作方式比较困难; (5)静态网页的交互性较差，在功能方面有较大的限制。 动态网页:在服务器端运行的程序、网页、组件，属于动态网页，动态网页使用语言:HTML+ASP 或 HTML+PHP 或 HTML+JSP 等 . 动态网页的一般特点简要归纳如下: (1)动态网页以数据库技术为基础，可以大大降低网站维护的工作量; (2)采用动态网页技术的网站可以实现更多的功能，如用户注册、用户登录、在线调查、用户管理、订单管理等等; (3)动态网页实际上并不是独立存在于服务器上的网页文件，只有当用户请求时服务器才返回一个完整的网页; (4)动态网页中的“?”对搜索引擎检索存在一定的问题，搜索引擎一般不可能从一个网站的数据库中访问全部网页，或者出于技术方面的考虑，搜索蜘蛛不去抓取网址中“?”后面的内容，因此采用动态网页的网站在进行搜索引擎推广时需要做一定的技术处理才能适应搜索引擎的要求。 小结：静态网页和动态网页各有特点，网站采用动态网页还是静态网页主要取决于网站的功能需求和网站内容的多少，如果网站功能比较简单，内容更新量不是很大，采用纯静态网页的方式会更简单，