第1章网页基础知识(阅读).ppt

第1章 网页基础知识 1.1 网页概述 1.2 网页制作工具简介 1.3 HTML基础 1.4 实践技能训练 本章小结 Internet 和万维网 1.1.2 网页中的基本元素 在网页中插入图像可以增添视觉吸引力 大多数浏览器支持 JPEG、GIF 和 PNG 格式的图像 由于受网络带宽的限制，在Web页上使用的图像都是一些压缩格式，最常用的包括：GIF格式、JPEG格式、PNG格式。 1．GIF格式 GIF格式采用无损压缩算法进行图像的压缩处理，是目前在网页设计中使用最普遍、最广泛的一种图像格式。GIF通常对于卡通、图像、Logo、以及带有透明区域的图像、动化很有作用。 2．JPEG格式 JPEG格式是另一种在Web上应用广泛的图像格式。由于它支持的颜色数几乎没有限制，因此适用于使用真彩色或平滑过渡色的照片和图片。与GIF格式采用无损压缩不同，JPEG格式使用有损压缩来减小图片文件的大小，因此用户将看到随着文件的减小，图片的质量也降低了。 3．PNG格式 PNG格式是近年来新出现的专门针对Web开发的一种无损压缩图像，它的压缩比要大大超过许多传统的图像无损压缩算法，同时还支持透明背景和动态效果。 1.1.2 网页中的主要元素 网页运行基本过程 1.1.3 网页的类型 浏览器：就是一个软件，一个能浏览网页的软件，没有这个软件就不能看到网页里边的图片、动画、flash、视频等。 ?服务器：就是一台电脑，有固定的IP地址，一般常年开机不关，在服务器里硬盘中放网页文件、视频文件、动画文件等 为了实现在 internet 上不同计算机之间的通信，除使用相同的通信协议 协议之外，每台计算机都必须有一个不与其他计算机重复的地址，它相当于通信时每个计算机的名字，Internet 中包括域名地址和IP地址，它们是Internet地址的两种表示方式 / 网页运行基本过程 1.1.3 网页的类型 1、基本网页 静态网页：指对于所有访问该网页的用户来说，在其客户端浏览器的显示内容都是一样的。又称为“普通HTML网页”，其文件的扩展名为.htm或.html。 静态网页及其执行过程 （1）、用户首先在浏览器的地址栏中键入要访问的网页地址，并回车触发这个申请。 （2）、浏览器将申请发送到指定的Web Server上。 （3）、Web Server接收这些申请并根据.htm或.html的后缀名判断请求的是HTML文件。 （4）、Web Server从当前硬盘或内存中读取正确的HTML文件，然后将它送回用户浏览器。 （5）、用户的浏览器解释这些HTML文件并将结果显示出来。 1.1.3 网页的类型 2、动态网页 功能：会根据用户的不同需求显示不同的内容。(vbscript、javascript、java、c#) 扩展名：jsp、asp、php 种类： 1）不包含数据库的普通动态网页 2）包含数据库的动态网页 不包含数据库的普通动态网页执行过程 1.1.3 网页的类型 不包含数据库的普通动态网页执行过程 （1）、用户在浏览器的地址栏中键入动态网页文件，并回车触发这个动态网页的请求。 （2）、浏览器将这个动态网页的请求发送到Web服务器。 （3）、Web服务器接收这些请求并根据扩展名（例如.asp）判断请求的是动态网页，Web 服务器从硬盘或内存中读取正确的动态网页文件。 （4）、Web服务器将这个动态网页文件从头至尾执行，并根据执行结果生成相应的HTML文件（静态网页）。 （5）、HTML文件被送回浏览器。 （6）、用户的浏览器解释这些HTML文件并将结果显示出来。 包含数据库的普通动态网页执行过程 包含数据库的普通动态网页执行过程 （1）、用户在浏览器的地址栏中键入动态网页文件，并回车触发这个动态网页的请求。 （2）、浏览器将这个动态网页的请求发送到Web服务器。 （3）、Web服务器接收这些请求并根据扩展名（例如.asp）判断请求的是动态网页，Web 服务器从硬盘或内存中读取正确的动态网页文件。 （4）、应用程序服务器蒋查询指令发送到数据库驱动程序 （5）、数据库驱动程序对数据库进行查询 （6）、记录集被返回给数据库驱动程序 （7）、驱动程序再将记录集送到应用查询服务器 （8）、应用程序服务器将数据插入到网页，此时动态网页又变成静态网页。 （9）、HTML文件被送回浏览器。 （10）、用户的浏览器解释这些HTML文件并将结果显示出来。 1.1.3 网页的类型 3、模板网页 模板是提供一个标准页面，它的模式固