7基本网络开发技术1.ppt.ppt

作者：聚福发表于：2024-12-12

1 计计算算机机网网络络技技术术与与应应用用第第7 7章章基本网络开发技术基本网络开发技术概述概述 HTML JavaScript 语言常见网页设计软件简介本章主要内容: 本章主要内容: 2 计计算算机机网网络络技技术术与与应应用用 1. 剖析网页常见 3种类型的网页地址: ⑴隐藏网页文件名,如: htpp:// ⑵静态网页文件,如/Sch ,URL 、.html 、sh tml 、.xml 等静态网页的常见形式。⑶动态网页文件,如 http:// bbshttps://www.taodocs.com/ , 、.jsp 、.php 、.cgi 等形式为后缀,或者在网址中有一个标志性的符号——“?”号。概述概述 3 计计算算机机网网络络技技术术与与应应用用概述概述在浏览器打开一个网页,查看源文件,可以看到如在浏览器打开一个网页,查看源文件,可以看到如图所示的代码: 图所示的代码: 图网页的源文件代码示例 4 计计算算机机网网络络技技术术与与应应用用 2. 网页的基本构成图普通主页的基本构成 Logo 导航区版权区导航栏 Banner 内容区 5 计计算算机机网网络络技技术术与与应应用用网页的基本要素: ⑴文字; ⑵图片:背景图片、网页图片、按钮图片; ⑶超链接:文字和图片; ⑷交互式表单; ⑸动画⑹视频等等概述概述 6 计计算算机机网网络络技技术术与与应应用用 1)静态网页技术: ⑴静态网页使用的语言是 HTML (超文本标记语言) 或 XML (可扩展标记语言)。⑵ 、.html 、.shtml 、.xml 等为后缀的。⑶网页文件保存在服务器上,每个网页都是一个独立的文件。⑷网页内容相对稳定,因此容易被搜索引擎检索; ⑸没有数据库的支持,制作和维护方面工作量较大, 交互性较差。静态网页与动态网页技术静态网页与动态网页技术 7 计计算算机机网网络络技技术术与与应应用用 2)动态网页技术: ⑴采用动态网站技术生成的网页都称为动态网页, 无论网页是否有动态效果。⑵ 、.jsp 、.php 、.cgi 等形式为后缀,并且在动态网页总有一个标志性的符号——“?”。⑶一般以数据库技术为基础,可以大大降低网站维护的工作量。⑷动态网页实际上并不是独立存在于服务器上的网页文件,只是当用户请求时服务器才返回一个完整的网页; ⑸可以实现多种交互功能,如用户注册、用户登录、在线调查、用户管理、订单管理等。静态网页与动态网页技术静态网页与动态网页技术 8 计计算算机机网网络络技技术术与与应应用用 3)静态网页与动态网页的区别: ⑴动态网页运行在服务器端,会随不同客户、不同时间,返回不同的网页。⑵静态网页运行在客户端,它是永远不变的。⑶静态网页是网站建设的基础,动态网站可以采用静动结合的原则。静态网页与动态网页技术静态网页与动态网页技术 9 计计算算机机网网络络技技术术与与应应用用 HTML HTML 语言语言 Web 服务器客户端 HTTP 协议 HTTP 协议协议?用于访问 Web 上资源的一组规则? HTTP 是 Web 协议站点地址或 URL <HTML> <HEAD> …………</HEAD> <BODY …………</BODY> </HTML> HTML 语言用于制作网页 10 计计算算机机网网络络技技术术与与应应用用 1. HTML 1. HTML 概述概述 1)什么是 HTML ? ? HTML (Hyper Text Markup language, 超文本标记语言) :一种用来专门制作超文本文档的简单标记语言。。 Html 文件包括文档数据和显示格式两个部分,文档数据显示在要显示的内容以何种方式呈现给用户。?? HTML HTML 通过利用各种通过利用各种标记(标签) 标记(标签) 文档的结构以及标文档的结构以及标识识超级链超级链的信息。的信息。?? HTML HTML 文件是纯文本文件,扩展名文件是纯文本文件, .htm 或或 html html ,可用,可用任何文本编辑器来编辑任何文本编辑器来编辑( ( 如记事本、可视化编辑软件如记事本、可视化编辑软件 Frontpage Frontpage 、、 Dreamweaver Dreamweaver 等),还可又等),还可又 Web Web 服务器实服务器实时动态生成。时动态生成。

版权声明

本文系作者发表，未经许可，不得转载