WEB程序设计课件-第1章-Web编程基础知识_第1页
WEB程序设计课件-第1章-Web编程基础知识_第2页
WEB程序设计课件-第1章-Web编程基础知识_第3页
WEB程序设计课件-第1章-Web编程基础知识_第4页
WEB程序设计课件-第1章-Web编程基础知识_第5页
已阅读5页，还剩23页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

第1章Web编程根底知识1.什么是Web2.Web的工作原理3.Internet网络协议4.IP地址、域名和URL5.超文本标记语言HTML6.可扩展标记语言XML本章小结本章介绍开发Web程序应该必备的根底知识，包括Web的根本概念和工作原理、Internet网络协议、IP地址、域名和统一资源定位器URL、超文本标记语言HTML及可扩展标记语言XML，为在本课程中学习Web程序设计方法和开发技术做好准备。1.1什么是WebWeb全称为WorldWideWebWeb是Internet提供的一种效劳Web是存储在全世界Internet计算机中、数量巨大的文档的集合Web是一种超文本信息系统Web是图形化的和易于导航的Web与平台无关Web是分布式的、具有新闻性、动态的、交互的1.2Web的工作原理Web效劳器向浏览器提供效劳的过程大致可以归纳为以下5个步骤：〔1〕用户翻开计算机〔客户机〕，启动浏览器程序〔NetscapeNavigator,MicrosoftInternetExplorer等〕，并在浏览器中指定一个URL〔UniformResourceLocator，统一资源定位器〕，浏览器便向该URL所指向的Web效劳器发出请求。〔2〕Web效劳器〔也称为HTTP效劳器〕接到浏览器的请求后，把URL转换成页面所在效劳器的文件路径名。〔3〕如果URL指向的是普通的HTML〔HypertextMarkupLanguage，超文本标记语言〕文档，Web效劳器将直接把它传送给浏览器。HTML文档中可能包含用Java，JavaScript，ActiveX，VBScript等编写的小应用程序〔applet〕，效劳器也将它们随HTML文档一道传送到浏览器，在浏览器所在的机器上执行。图1-1客户机/效劳器模型〔4〕如果HTML文档中嵌有ASP程序，那么Web效劳器就运行ASP程序，并将结果传送至浏览器。Web效劳器运行ASP程序时还可能调用数据库效劳器和其他效劳器。〔5〕URL也可以指向VRML〔VirtualRealityModelingLanguage〕文档。只要浏览器中配置有VRML插件，或者客户机上已安装VRML浏览器，就可以接收Web效劳器发送的VRML文档。ASP.NET与ASP的主要区别表达在以下3个方面：〔1〕效率：ASP.NET比ASP高很多

〔2〕可重用性：ASP.NET可以实现代码和内容的完全别离，使得维护更方便。〔3〕代码量：使用ASP.NET比使用ASP的代码量要小得多1.3Internet网络协议

Internet是由各种不同类型、不同规模、独立管理和运行的主机或计算机网络组成的一个全球性特大网络。Internet使用的网络协议是TCP/IP协议，但凡连入Internet的计算机都必须安装和运行TCP/IP协议软件。1.3.1TCP/IP协议

TCP/IP协议把整个网络分成4个层次：应用层、传输层、网络层和物理链路层。它们都建立在硬件根底之上。OSI参考模型TCP/IP参考模型应用层应用层

表示层会话层传输层传输层网络层网络层数据链路层物理链路层物理层图1-2TCP/IP参考模型与OSI参考模型的对照

1.3.2HTTP协议超文本传输协议HTTP〔HyperTextTransferProtocol〕其定义的事务处理由以下4个步骤组成：〔1〕客户端与效劳器建立连接；〔2〕客户端向效劳器提出请求；〔3〕如果请求被接受，那么效劳器送回响应，在响应中包括状态码和所需的文件；〔4〕客户端和效劳器断开连接。

1.3.3远程登录协议TelnetTelnet是关于远程登录的一个协议。用户可以通过用Telnet连入某个主机，成为该主机的终端而访问各种所需的信息，或运行远程主机上的程序来求解各种复杂的问题还可以利用Telnet连到Internet上的种种效劳器，如Archie、Gopher、Wais、WWW以及其它效劳器，比方某图书馆的资料文献效劳器等等1.3.4文件传输协议FTP

FTP既是一种文件传输协议，也是一种效劳。能使Internet上两台主机间互传〔拷贝〕文件FTP效劳器匿名FTP效劳器；用户名和口令登录连接、拷贝文件1.4IP地址、域名和URL

1.4.1IP地址IP地址是识别Internet网络中的主机及网络设备的唯一标识表示：网络地址+主机地址，长度为4个字节，由3个用“.”分隔的十进制数组成，每个数不大于255，如22A类：用于规模很大主机数目很多的网络B类：B类地址用于中型到大型的网络C类：C类地址用于小型本地网络〔LAN〕1.4.2域名

IP地址是连网计算机的地址标识DNS：域名效劳系统，允许为主机分配字符名称，即域名。并实现域名与IP地址的转换7个组织模式的顶级域名分配如下：com 商业组织edu 教育机构gov 政府部门mil 军事部门net 网络中心org 上述以外的组织int 国际组织

1.4.3统一资源定位器URL

URL〔UniformResourceLocator〕就是用来确定某信息位置的方法格式：<信息效劳类型>：//<信息资源地址>/<文件路径>URL的例子：://://telnet://odysseus.circe:70gopher://news:wais:///directory-of-servers1.5超文本标记语言HTML

HTML是一种简单、通用的标记语言，可以用其制作包容图像、文字、声音等精彩内容的网页标记：字符和数据的语法结构通过标记来表示；是HTML语言的标签符号和用标签符号构成的各种元素的总称。标签：是描述性的标记，用一对<>中间包含假设干字符表示，通常成对出现，前一个是起始标签，后一个为结束标签1.5.1HTML文档的根本构成根本HTML页面以<HTML>标签开始，以</HTML>结束。在它们之间，就是HEAD和BODY。BODY局部是网页的主体，内容均会反映在页面上，用<BODY>…</BODY>标签来界定，其内容的定义和组织是通过各类标签实现的。其形式如下：<BODY><标签1[属性[=属性值][属性[=属性值]…><标签2[属性[=属性值][属性[=属性值]…>[</标签2>][</标签1>]</BODY>

其中，属性是为标签实现某种功能而提供的一些具体参数，用属性值来定义。HTML语言规定，属性写在标签名的后面【例1-1】以下HTML代码〔ch1-1.html〕显示如图1-3所示的简单页面。<HTML><HEAD><Title>AnExample.</Title>；</HEAD><BODY><Palign=center>Hello!Thisisanexample!</BODY></HTML>图1-3例1-1浏览器显示结果查看实际效果1.5.2用HTML语言制作网页

为网页参加标题：网页标题总是加在HEAD局部，浏览该网页时它会出现在浏览器窗口的标题栏中。表示标题的语法如下：<Title>标题字符串</Title>

在网页中显示文本信息：任何需要在网页中显示的文本串都可直接嵌入BODY中【例1-2】以下HTML代码〔ch1-2.html〕可在浏览器中显示如图1-4所示的不同格式的文本<HTML><HEAD><Title>DisplayText</Title></HEAD><BODY><P>Thisfirstparagraph!</P> <P>Thissecondparagraph!</P> <H1>Thisisheading1!</H1> <H6>Thisisheading6!</H6> <UL><Li>Thisisfirstitem <Li>Thisisseconditem</UL><DL> <DT>www<DD>wwwstandsforworldwideweb</DL></BODY></HTML>查看实际效果在网页中参加超链接网页中的超链接，它将引导浏览用户定位到URL地址代表的本地或远程的其他文档，也可以是本地文档的某个命名位置。在网页中定义超链接可以采用如下锚点格式：<AHREF=URL>超链接提示</A>在网页中插入图片在HTML文档中流行两种图像文件格式：jpeg和gifgif图像颜色数是8位，可支持256种颜色，大局部图形显示器均支持显示gif文件。jpeg图像颜色数是24位，支持16.7×106种颜色，适用于照片质量的图像，但其显示速度较慢〔1〕图片的插入。<IMG>标签用于在网页中插入图片，如：<IMGALT=“图书馆"ALIGN="center"SRC="./images/library.gif>〔2〕建立图片链接。在<A>和</A>之间嵌入<IMG>标签便可实现，如：<AHREF="./departments/library.htm"><IMGALT=“图书馆"SRC=."/images/library.gif"></A>网页中表的定义和应用表格是最常见的文档形式，在HTML文档中，表格的使用不只是信息的一种表现形式，还常用在页面信息单元的定位和布局上，使网页版面美观而有序。表的定义：<Table>…</Table> 用来界定一张表<TR> 定义表的一行<TH> 定义表头<TD> 定义单元格在网页中插入表格需要合理使用上述标签。首先要参加<Table>标签，然后用<TR>逐行定义表的行数，有一个<TR>就有一行；在每个<TR>之后要定义表的单元格，单元格可以是表头，也可以是表的数据，分别采用<TH>，<TD>。假设干<TD>就定义了该行的假设干单元格。【例1-3】以下HTML语句〔ch1-3.html〕定义一张表结构，它在浏览器中的显示如图1-5所示。<HEAD><Title>Thisisatable</Title></HEAD><BODY><Tableborder=1align=center><TR><TD>id<TD>Math<TD>English <TR><TD>99501<TD>86<TD>90 <TR><TD>99502<TD>92<TD>83 </Table></BODY>查看实际效果表的应用

对版面布局非常有用的表格标签<Table>的主要属性有：align=left|center|right

表的对齐方式width=像素点|百分比值% 表的宽度border=像素点 表边框粗细cellspacing=像素点 表中单元格间的间隔宽度cellpadding=像素点表中单元格边界与内容的间隔距离有关单元格标签<TD>的主要属性有：align=left|center|right

单元格内容的水平对齐方式valign=top|middle|bottom|baseline

单元格内容的垂直对齐方式rowspan=n 本单元格占n行colspan=n 本单元格占n列nowrap

自动换行属性使用框架〔Frame〕分割窗口其根本结构如下：<FramesetCols="宽度1，宽度2，…"> 将浏览器水平分割成假设干框架<FrameSrc=HTML文档1> 定义在第1个框架中显示的文档<FrameSrc=HTML文档2>

人人文库> 全部分类> 行业资料 > 管理策划

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论