Web开发基本技术.ppt
《Web开发基本技术.ppt》由会员分享,可在线阅读,更多相关《Web开发基本技术.ppt(58页珍藏版)》请在淘文阁 - 分享文档赚钱的网站上搜索。
1、第四章第四章 Web Web开发的基本技术开发的基本技术主要内容:主要内容:1.WWW(World Wide Web)2.HTML 3.Frontpage4.交互网页的制作交互网页的制作 5.ASP(动态服务主页)(动态服务主页)6.Web数据库数据库7.ASP的安装的安装11 WWW(World Wide Web)本节内容:本节内容:1.1 Internet服务服务1.2 Internet提供的服务提供的服务1.3 www服务服务 1.4 网页和超文本网页和超文本21.1 Internet服务服务Internet地址地址Internet地址唯一地确定地址唯一地确定Internet上每台计算机
2、与上每台计算机与每个用户的位置。每个用户的位置。Internet地址有两种表示形式地址有两种表示形式IP地址地址n像电话有电话号码那样,接入像电话有电话号码那样,接入Internet的计算机也的计算机也有一个由授权机构分配的号码,即有一个由授权机构分配的号码,即IP地址。地址。nIP地址分前后两部分,前面部分叫网络号,后面叫地址分前后两部分,前面部分叫网络号,后面叫主机号。主机号。.11231.1 Internet服务服务Internet地址地址域名域名n由于由于IP地址的数字地址很难记忆,通常使用地址的数字地址很难记忆,通常使用一个文字一个文字IP地址来表示,把它叫做域名。地址来表示,把它叫
3、做域名。n例如:例如:,其中:其中:cn代表中国,代表中国,edu 表示教育机构,表示教育机构,hit指哈尔滨工业大学。指哈尔滨工业大学。41.2 Internet提供的服务提供的服务电子邮件电子邮件 即即E-maill服务。服务。文件传输服务文件传输服务即即FTP服务:服务:file transfer protocolFTP服务执行服务执行TCP/IP中的中的FTP传输协议,允许传输协议,允许在计算机之间传送文件。在计算机之间传送文件。;FTP服务器;是提供服务器;是提供FTP服务的计算机。服务的计算机。上传:从客户将文件传到上传:从客户将文件传到FTP服务器的过程。服务器的过程。下载:从下
4、载:从FTP服务器将文件传到客户机的过程。服务器将文件传到客户机的过程。51.2 Internet提供的服务提供的服务万维网服务(万维网服务(World Wide Web服务,简称服务,简称www 服务)服务)将在下一节详细介绍将在下一节详细介绍新闻公告类服务新闻公告类服务 提供针对某问题展开讨论的服务,如提供针对某问题展开讨论的服务,如BBS(电子(电子公告牌)、网络新闻组等。公告牌)、网络新闻组等。USENET是规模最大是规模最大的网络新闻组,它拥有数以千计的讨论组,在网的网络新闻组,它拥有数以千计的讨论组,在网上讨论各种专题。上讨论各种专题。61.3 www服务服务(万维网服务)(万维网
5、服务)万维网上不仅可以看到文字、图片万维网上不仅可以看到文字、图片,而且可听到声音、看而且可听到声音、看到动画。到动画。www服务服务是通过客户机上的是通过客户机上的Web浏览器浏览器和和Web站点上站点上的的Web服务器服务器之间的通信来实现的。之间的通信来实现的。信息以网页的形式存放在信息以网页的形式存放在Web服务器上,用户在客户机服务器上,用户在客户机上通过上通过Web浏览器(是一个软件)向浏览器(是一个软件)向Web服务器发出请服务器发出请求,求,Web服务器按此请求将需要的页面发送给用户。服务器按此请求将需要的页面发送给用户。这些页面实际上都是一个个文件。用户直接看到的是文这些页面
6、实际上都是一个个文件。用户直接看到的是文本信息本身,在浏览文本信息的同时,随时可以选中其本信息本身,在浏览文本信息的同时,随时可以选中其中的中的“热字热字”。热字往往是与上下文关联的单词,通过。热字往往是与上下文关联的单词,通过选择热字就可以链接到另外一个地址并看到其他文本的选择热字就可以链接到另外一个地址并看到其他文本的信息。信息。71.3 www服务服务HTMLHTML文件文件WebWeb浏览器(软件)浏览器(软件)客户机客户机InternetInternet上的上的WebWeb服务器服务器InternetInternet上的上的WebWeb服务器服务器访问链接访问链接的信息的信息链接链接
7、httphttp协议协议用户用户Web服务器的工作原理81.4 网页和超文本网页和超文本网页(网页(Web page)网页是我们在网上用浏览器(如网页是我们在网上用浏览器(如Internet Explorer,简称,简称IE)看到的那些页面。在)看到的那些页面。在www系统中,信息是按系统中,信息是按超文本方式超文本方式组织的。组织的。页面实际上都是一个个文件页面实际上都是一个个文件。由若干互连的文本块组成的文本就是由若干互连的文本块组成的文本就是超文本超文本(Hyper Text)。)。超文本方式超文本方式是实现是实现www的关键技术。的关键技术。91.4 网页和超文本网页和超文本网页(网页
8、(Web page)这些页面实际上都是一个个文件。如果用鼠标点击页这些页面实际上都是一个个文件。如果用鼠标点击页面(文本)上的面(文本)上的热字热字(高亮度或带下划线的条目),(高亮度或带下划线的条目),就可以链接并打开另一个你希望看到的页面。这种由就可以链接并打开另一个你希望看到的页面。这种由若干互连的文本块组成的文本就是若干互连的文本块组成的文本就是超文本超文本(Hyper Text)。)。页面上看到的信息单元可以是一屏文字,也可能是一页面上看到的信息单元可以是一屏文字,也可能是一个窗口,或者是一个图象。我们把每个信息单元称作个窗口,或者是一个图象。我们把每个信息单元称作一个节点(一个节点
9、(node)。节点又有)。节点又有文字节点文字节点、图形节点图形节点、按钮节点按钮节点之分。按钮节点用于执行一个过程,之分。按钮节点用于执行一个过程,这些节这些节点之间都是用链来连接的。点之间都是用链来连接的。101.4 网页和超文本网页和超文本HTML文件(Hyper Text Markup Language)是用超文本标语言(HTML,Hyper Text Markup Language)写的,它存放在WEB服务器上。http协议(Hyper Text Transfer Protocol)即超文本传输协议,www服务是执行http协议进行传输的。其中:http:是协议类型,这里是检索文挡的
10、超文本传输协议,是服务器的主机域名,/的后面是路径或文件名。hit是哈工大的代号。我们把http:/称为是哈工大的www服务器的URL(统一资源定位器,其英文形式是Uniform Resource Locators)。111.4 网页和超文本网页和超文本www浏览器浏览器通过它可以去找到并浏览通过它可以去找到并浏览Internet上各种上各种WWW服务器上服务器上的主页。的主页。常用的浏览器软件有常用的浏览器软件有 Internet Explorer和和Netscape 公公司司Navigator等等搜索引擎搜索引擎搜索引擎是搜索引擎是Internet上的一种上的一种www服务器,它能在服务器
11、,它能在Internet中主动搜索其他中主动搜索其他www服务器中的信息并对其索服务器中的信息并对其索引,将索引内容存储在大型数据库中。引,将索引内容存储在大型数据库中。使用搜索引擎时,用户输入使用搜索引擎时,用户输入关键字关键字后,搜索引擎能后,搜索引擎能返回返回包含该关键字信息的包含该关键字信息的URL,并提供,并提供通向该站点的链接,使用户获得所需要的信息。122 HTML主要内容:主要内容:2.1 用用HTML做简单的网页做简单的网页2.2 HTML文档的一般结构文档的一般结构2.3 常用的常用的HTML标记元素标记元素2.4 在网页中插入图片在网页中插入图片2.5 用用HTML定义表
12、格定义表格132.1 用HTML做简单的网页超文本文件超文本文件是由超文本标记语言写成。是由超文本标记语言写成。其文件的格式采用其文件的格式采用ASCII格式格式。ASCII格式的文件本身其实是一种格式的文件本身其实是一种没没格式的文件格式的文件。为了在浏览时能看到带有格式的文件,为了在浏览时能看到带有格式的文件,办法是办法是把文档中各种不同的内容用不同把文档中各种不同的内容用不同的标记元素对其属性做上标记。的标记元素对其属性做上标记。所以,所以,超文本是由标记和文本内容超文本是由标记和文本内容两者组成的。两者组成的。例如为了显示例如为了显示“网络营销网络营销”四个大字,可按以下写出:四个大字
13、,可按以下写出:142.1 用用HTML做简单的网页做简单的网页 这里:这里:和和是一对标记元素,用来改变字体大小。是一对标记元素,用来改变字体大小。SIZE SIZE 和和 FACE FACE 是标记元素的属性,又称参数。是标记元素的属性,又称参数。SIZE SIZE说明字的大小,从说明字的大小,从1 1到到7 7,数愈大,字愈大;,数愈大,字愈大;FACE FACE说明字体。说明字体。如果把这一句写到如果把这一句写到 记事本上做成记事本上做成.txt.txt文件,再将其后缀文件,再将其后缀.txt.txt改成改成 .HTML,.HTML,就做成了一个就做成了一个HTMLHTML超文本文件。
14、鼠标双击此文件,就能在屏幕上超文本文件。鼠标双击此文件,就能在屏幕上显示出显示出“网络营销网络营销”四个大字。四个大字。152.1 用用HTML做简单的网页做简单的网页超文本文件超文本文件ASCIIASCII格式格式n双标记方式双标记方式(用一对标记来标记用一对标记来标记)网络营销 标记元素开始 标记元素的属性 标记元素结束 标记名 标记元素的属性 要显示的文本内容n单标记方式单标记方式(用用一个标记来表示一个标记来表示 )162.2 HTML文档的一般结构文档的一般结构 网上手机市场网上手机市场 你想要买手机吗你想要买手机吗?你可以访问你可以访问 手机手机 网站网站了解有关信息。了解有关信息
15、。172.3 常用的常用的HTML标记元素标记元素 标记标记元素开始元素开始标记标记元素元素结结束束标记标记元素的功能元素的功能!注注释标记释标记锚锚元素,定元素,定义义超文本超文本链链接点接点地址信息起止地址信息起止字体字体颜颜色加深色加深基基锚锚,说说明明链链接的基地址接的基地址字体字体闪烁闪烁块块引用引用超文本正文主体的起止超文本正文主体的起止回回车换车换行行标题标题,多用于表格,多用于表格元素元素间间的内容居中的内容居中表明其表明其间间的内容是引文或例的内容是引文或例证证代代码码182.3 常用的常用的HTML标记元素标记元素标记元素开始标记元素结束标记元素的功能文字文字缩缩格格线缩线
16、缩格或不格或不显显示示的的标题标题符号符号回回车换车换行,但不行,但不缩缩格格强强调调,斜体且,斜体且颜颜色加重色加重变变化字体大小和化字体大小和颜颜色色交互交互项项元素的起止元素的起止展示展示页页的版面分割的版面分割超文本文件超文本文件头头的起止的起止与与和和等价等价画水平画水平间间隔隔线线定定义标题义标题字体大小,字体大小,n n值为值为1-61-6超文本文的开始和超文本文的开始和结结束束字体字体为为斜体斜体192.3 常用的常用的HTML标记元素标记元素 标记标记元素开始元素开始标记标记元素元素结结束束标记标记元素的功能元素的功能插入插入图图形形图图像文件像文件输输入信息元素入信息元素清
17、清单单条目,多用于目条目,多用于目录录列表列表显显示文本内容,但不示文本内容,但不执执行行标记标记命令命令字符移字符移动动方式控制方式控制资资料料说说明明下一个下一个标识标识用序号用序号显显示一示一级标题级标题段落的起止,也可以加空行段落的起止,也可以加空行按原文格式按原文格式中划中划线线用小号字表示用小号字表示字体字体颜颜色加重色加重202.3 常用的常用的HTML标记元素标记元素 标记标记元素开始元素开始标记标记元素元素结结束束标记标记元素的功能元素的功能下角下角标标上角上角标标表格的起止,表格的起止,图图文混排文混排时时也使用也使用表格中一表格中一栏栏内容的起止内容的起止用文本区用文本区
18、输输入信息入信息表表头头的起止的起止超文本超文本标题标题的起止的起止表中一行的起止表中一行的起止固定固定宽宽度度下划下划线线同一同一级标题级标题的限定,无序号的限定,无序号变变量量功能同功能同,仅仅字体略小字体略小212.4 在网页中插入图片在网页中插入图片 如果想在方才显示的屏幕上增加一个名为如果想在方才显示的屏幕上增加一个名为gxkj.gif的的图形,只要在上述图形,只要在上述HTML文档中增加:文档中增加:IMG SRC=“gxkj.gif”width“20”height“15”你想买手机吗?你想买手机吗?你可以访问手机网站了解有关信息你可以访问手机网站了解有关信息图片图片插入图片插入图
19、片222.5 用用HTML定义表格定义表格 第一第一标题标题列列第二第二标题标题列列第三第三标题标题列列浏览器上显示的表格浏览器上显示的表格表格名称表格名称232.5 用用HTML定义表格定义表格 系统的特征:系统的特征:可以显示上页图中所示表格的可以显示上页图中所示表格的HTML文本:文本:表格名称表格名称第一标题列第一标题列第二标题列第二标题列第三标题列第三标题列 243 FrontPage 使用微软公司的使用微软公司的FrontPage WEB编程编程工具可以做到在几乎不需要编写工具可以做到在几乎不需要编写HTML代码代码的情况下,完成网页的制作,同时自动地的情况下,完成网页的制作,同时
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- Web 开发 基本 技术
限制150内