第四章Web开发的基本技术 授课教师:刘俊娟 河南中医药大学 信息管理与信息系统教硏室
第四章 Web开发的基本技术 授课教师：刘俊娟 河南中医药大学 信息管理与信息系统教研室
本章内容 「·第一节方维网( World wide web) 第二节HTML 第三节 Frontpage 第四节交互网页的制作 第五节ASP(动态服务主页) website maintainance end frame php fussion joomla ongoing u client satisfaction php 第六节Web数据库 g I y development 第七节关于Web2.0 ①D mys q ajax o web2.0 mobile ad ization Blog 2021/11/8 第四章Web开发的基本技术
• 第一节 万维网（World Wide Web） • 第二节 HTML • 第三节 Frontpage • 第四节 交互网页的制作 • 第五节 ASP（动态服务主页） • 第六节 Web数据库 • 第七节 关于Web2.0 本 章 内 容 2021/11/8 第四章 Web开发的基本技术 2
1.1| nternet地址 Internet地址惟一地确定 eInternet上每台计算机与每个用户的位置。对用户来说, Internet 地址有两种表示形式:IP地址和域名。 接入 Internet的计算机也有一个 由授权机构分配的号码,这个号 码就叫IP地址。IP地址分前后两 部分,前面的部分叫网络号,后 面的部分叫主机号。 IP地址 out 由于IP地址的数字地址 域名 很难记忆,通常使用一 个文字P地址来表示 把它叫做域名 N 2021/11/8 第四章Web开发的基本技术
1.1 Internet地址 Internet地址惟一地确定Internet上每台计算机与每个用户的位置。对用户来说，Internet 地址有两种表示形式：IP地址和域名。 IP地址 域名 接入Internet的计算机也有一个 由授权机构分配的号码，这个号 码就叫IP地址。IP地址分前后两 部分，前面的部分叫网络号，后 面的部分叫主机号。 由于IP地址的数字地址 很难记忆，通常使用一 个文字IP地址来表示， 把它叫做域名。 2021/11/8 第四章 Web开发的基本技术 3
1.2 Interne提供的服务 Internet提供的常用的服务有: 1)电子邮件服务 2)文件传输服务(FTP服务) 3)万维网服务(www服务) MA Ap 4)新闻公告类服务 2021/11/8 第四章Web开发的基本技术
1.2 Internet提供的服务 Internet提供的常用的服务有： 1 电子邮件服务 2 文件传输服务（FTP服务） 3 万维网服务（www服务） 4 新闻公告类服务 2021/11/8 第四章 Web开发的基本技术 4
1.3ww服务 在万维网上不仅可以看到文字、图片,而且可以听到声音、看到动画。Www服务是通过客户 机上的Web浏览器和Web站点上的Web服务器之间的通信来实现的(见图41) Internet上的 Internet上的 web服务器 Web服务器 HIML文件 链接 htt协议 访问链接 的信息 @图是 Web浏览器(软件) 客户机 用户 图4.1Wweb服务器的工作原理 2021/11/8 第四章Web开发的基本技术
1.3 www服务 在万维网上不仅可以看到文字、图片，而且可以听到声音、看到动画。www服务是通过客户 机上的Web浏览器和Web站点上的Web服务器之间的通信来实现的（见图4.1）。 图4.1 Web服务器的工作原理 2021/11/8 第四章 Web开发的基本技术 5
1.4网页和超文本 经过系统设计,设计人员应能为程序开发人员提供完整、清楚的设计文档,并对设计规范中 不清楚的地方做出解释。系统设计中,应遵循以下原则: (-)网页 (二)HTML文件 (三)httpth议 网页是我们在网上用浏览 这种文件是用超文本标语言·Ww服务是执行htp协议 进行传输的 器(如 Internet Explorer,(HTML, Hyper Text 如果输入以下一句,进行信 简称E)看到的那些页面。 Markup Language)写的。息定位就可指向哈尔滨工 业大学主页所在的位置 这些页面实际上都是一个·它存放在WEB服务器上,关 http://www.hit.edu.cn/in 个文件。 于HTML在下一节还要详细 dex. htm 我们把它称为哈工大wwW 由若干互连的文本块组成阐述。 服务器的URL(统一资源 的文本就是超文本。在 定位器) Www系统中,信息是按超 文本方式组织的。 2021/11/8 第四章Web开发的基本技术 6
1.4 网页和超文本 经过系统设计，设计人员应能为程序开发人员提供完整、清楚的设计文档，并对设计规范中 不清楚的地方做出解释。系统设计中，应遵循以下原则： （一）网页 • 网页是我们在网上用浏览 器（如Internet Explorer， 简称IE）看到的那些页面。 这些页面实际上都是一个 个文件。 • 由若干互连的文本块组成 的文本就是超文本。在 www系统中，信息是按超 文本方式组织的。 （二）HTML文件 • 这种文件是用超文本标语言 （HTML，Hyper Text Markup Language）写的。 • 它存放在WEB服务器上，关 于HTML在下一节还要详细 阐述。 （三）http协议 • www服务是执行http协议 进行传输的。 • 如果输入以下一句，进行信 息定位,就可指向哈尔滨工 业大学主页所在的位置： http://www.hit.edu.cn/in dex.html 我们把它称为哈工大www 服务器的URL（统一资源 定位器） 2021/11/8 第四章 Web开发的基本技术 6
1.4网页和超文本 经过系统设计,设计人员应能为程序开发人员提供完整、清楚的设计文档,并对设计规范中 不清楚的地方做出解释。系统设计中,应遵循以下原则: (四)wWw浏览器 (五)搜索引擎 这是客户机上的种软件,通过·搜索引擎是 EInternet上的一种 它可以找到并浏览 Internet上各种Www服务器,它能在 Internet中 WWW服务器上的主页。 主动搜索其他Www服务器中的信 常用的浏览器软件有微软公司的 息并对其索引。 Internet Explorer和 Netscape公·使用搜索引擎时,用户输入关键 司的 Navigator等。 字后,搜索引擎能返回包含该关 键字信息的∪RL,并提供通向该站 点的链接。 Coogle YAHCPO! 2021/11/8 第四章Web开发的基本技术
1.4 网页和超文本 经过系统设计，设计人员应能为程序开发人员提供完整、清楚的设计文档，并对设计规范中 不清楚的地方做出解释。系统设计中，应遵循以下原则： （四）www浏览器 • 这是客户机上的一种软件，通过 它可以找到并浏览Internet上各种 WWW服务器上的主页。 • 常用的浏览器软件有微软公司的 Internet Explorer和Netscape 公 司的Navigator等。 （五）搜索引擎 • 搜索引擎是Internet上的一种 www服务器，它能在Internet中 主动搜索其他www服务器中的信 息并对其索引。 • 使用搜索引擎时，用户输入关键 字后，搜索引擎能返回包含该关 键字信息的URL，并提供通向该站 点的链接。 2021/11/8 第四章 Web开发的基本技术 7
本章内容 第一节万维网( World wide web) ·第二节HTML 第三节 Frontpage 第四节交互网页的制作 第五节ASP(动态服务主页) website maintainance end frame php fussion joomla ongoing u client satisfaction php 第六节Web数据库 g I y development 第七节关于Web2.0 ①D mys q ajax o web2.0 mobile ad ization Blog 2021/11/8 第四章Web开发的基本技术
• 第一节 万维网（World Wide Web） • 第二节 HTML • 第三节 Frontpage • 第四节 交互网页的制作 • 第五节 ASP（动态服务主页） • 第六节 Web数据库 • 第七节 关于Web2.0 本 章 内 容 2021/11/8 第四章 Web开发的基本技术 8
2.1用HTML做简单的网页 超文本文件是由超文本标记语言(HTML)写成,这种文件的格式就是大家所熟知的ASCI格式。 双 标把文档中各种不同的还有一种标记方式叫 记 方内容用不同的标记元做单标记方式,它不 式素对其属性做上标记。是成对地出现标记 这样一来,超文本就只需个标记单独使 是由标记和文本内容 用,就能完整地表达单 标 两者组成的了 意思。 记方式 〈 FONT SIZE=6FACE=“宋体”〉网络营销(/FONT〉 标记标标记标记 标记要显 元素记元素的元素的 元素示的 开始名属性属性 结束文本 内容 2021/11/8 第四章Web开发的基本技术
2.1 用HTML做简单的网页 超文本文件是由超文本标记语言(HTML)写成，这种文件的格式就是大家所熟知的ASCII格式。 把文档中各种不同的 内容用不同的标记元 素对其属性做上标记。 这样一来，超文本就 是由标记和文本内容 两者组成的了。 还有一种标记方式叫 做单标记方式，它不 是成对地出现标记， 只需一个标记单独使 用，就能完整地表达 意思。 双 标 记 方 式 单 标 记 方 式 例 2021/11/8 第四章 Web开发的基本技术 9
2.2HTML文档的一般结构 下面举例说明HTML文档的一般结构 这里 (htm)和(/htm》表示超文本的开始与结束; (head〉和(/head)是超文本文件头的起止; 网上手机市场 (body)和/body)是超文本正文主体的起止 p〉和(/p〉是段落的起止; (a)和(a〉是定义超文本链接点的标记元素。 你想要买手机吗? href是标记元素a的属性。 你可以访问 手机 网站了解有关信息。 建立和运行上述HTML 文件的最原始的办法是 将它写到 Window附件 中的记事本上,形 成txt文件,然后将后 缀改为htm,用鼠标双 击文件名,即可运行 2021/11/8 第四章Web开发的基本技术 10
2.2 HTML文档的一般结构 下面举例说明HTML文档的一般结构： 网上手机市场 你想要买手机吗? 你可以访问 手机 网站 了解有关信息。 建立和运行上述HTML 文件的最原始的办法是 将它写到Window附件 中的记事本上，形 成 .txt 文件，然后将后 缀改为 .html, 用鼠标双 击文件名，即可运行。 这里： 〈html〉和〈/html〉表示超文本的开始与结束； 〈head〉和〈/head〉是超文本文件头的起止； 〈body〉和〈/body〉是超文本正文主体的起止； 〈p〉和〈/p〉是段落的起止； 〈a〉和〈/a〉是定义超文本链接点的标记元素。 href是标记元素a的属性。 2021/11/8 第四章 Web开发的基本技术 10