Web程序设计概述.ppt

Web编程术—PHP+MySQL动态网页设计 第1章 Web程序设计概述 1.1 初识Web程序设计 任务1:初步了解Web的工作原理 1. 什么是Web Web是存储在Internet计算机中、数量巨大的文档集合。这些文档称为页面，它是一种超文本（Hypertext）信息，可以用于描述超媒体（Hypermedia）。 Web页面就是我们在浏览器里看到的网页，它组织在一个文件中，文件的位置在浏览器的地址栏中采用URL规则指定。 2．Web工作原理 从本质上讲，Web是基于客户机-服务器的一种体系结构，一般用户的计算机称为客户机，用于提供服务的机器称为服务器。 如图1-1所示。 客户机向服务器发送请求，要求执行某项任务，而服务器执行此项任务，并向客户机返回响应。Web客户程序称为浏览器（Browser），而浏览器程序基本上都是标准化的。 在客户机-服务器体系结构中，通常很容易将“客户机”和“服务器”理解为两端的计算机。 基于Web的数据库应采用3层客户机-服务器结构，也称为B-S-D（Browser-Server-Database Server）结构。 第1层为浏览器，第2层为Web服务器，第3层为数据库服务器。 如图1-2所示。 任务2：了解Web页面 1．什么是Web页 Web页（Web page），即是我们俗称的网页。是网站中的一页，通常是HTML格式（文件扩展名为.html、.htm、.asp、.aspx、.php或.jsp等）。 Web页中可以嵌入文本、图形、音频、视频等信息，是一种多媒体作品。HTML本身只能描述静态的Web页面。但在HTML中可以嵌入Java、JavaScript、ActiveX、VBScript、VRML等语言，以完成复杂的任务。 打开一个网页后（如图1-3所示），选择“查看”菜单中的“源文件” ，就可以通过记事本看到网页的实际内容。我们可以看到，网页实际上只是一个纯文本文件（如图1-4所示），它通过各式各样的标记对页面上的文字、图片、表格、声音等元素进行描述（例如字体、颜色、大小），而浏览器则对这些标记进行解释并生成页面，于是就得到你现在所看到的画面。 2．Web页的基本组成元素 （1） 网页中的文本 文本是网页中最基本的元素，也是网页的主体，规划合理、美观的文本能带给浏览者一种清新的感觉。文本的添加方式既可以手工逐字逐句地输入，也可以把别的应用程序中的文本直接粘贴到网页编辑窗口中。 在网页中输入文本时，除需要设计与页面搭配的美观字体外，还需要设置一种默认的字体，以便在用户电脑不支持这种字体时可以使用其他指定的字体替代。 此外，文本的大小、颜色和其他样式也需要仔细考虑，然后再配合精美的图片，才能创造精美的页面。 如图1-5所示即为搜狐新闻的文字风格。 （2）网页中的图片 如图1-6所示即为某公司的宣传网站页面，在页面中文本搭配了适当的图片，使得页面极具美食诱惑。 （3）网页中的动画 一个引人注目的网站，仅有文字和图片是远远不够的，也很难吸引浏览者的目光。适当地添加一些精美的网络动画，不仅可以让网页如虎添翼，而且可以使展示的内容变得栩栩如生。如图1-7所示即为某公司网页中的动画。 （4）其他元素 绝大多数网站还需要有一个属于自己的漂亮的Logo。Logo就是网站的形象标志，网站Logo就是指网站标志，像公司名片上印上的公司标志一样，通常企业网站的Logo与公司标志相同。 对于某些具有商业性质的网站而言，在主页面或浏览量较大的页面上还会有一些Banner。Banner是指横幅广告或通栏广告，在网页中，除了小图片、图标和文字外，通常还有一个占较大篇幅和重要位置的广告位，往往称其为Banner。 1.2 网络术语与Internet通信协议 任务3：理解IP地址、域名和URL A类地址用于规模很大、主机数目非常多的网络。A类地址第1字节为网络地址，网络地址范围为1~126，后面X.Y.Z为主机地址。 B类地址用于中型到大型的网络。B类地址前面2字节为网络地址，网络地址范围为128.X~191.X，后面Y.Z为主机地址。 C类地址用于小型本地网络。C类地址前面3个字节为网络地址，网络地址范围为192.X.Y~223.X.Y，后面Z为主机地址。主机地址不能取0和255两个数。 2．域名 IP 地址是数字化的，比较难记，所以有人发明了一种新方法来代替这种数字，即“域名”地址，域名由几个英文单词组成，如，其中cn代表中国（China），com代表商业网，sina代表新浪，www代表互联网