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

第7章 网络开发基本技术主要内容：概述HTMLJavaScript语言常见网页设计软件简介7.1 概述1. 剖析网页 常见3种类型的网页地址：⑴隐藏网页文件名，如：htpp://.cm⑵静态网页文件，如/SchoolProfi les4.html，URL的后缀是.htm、.html、shtml、.xml等静态网页的常见形式。⑶动态网页文件，如/index.asp，以.asp、.jsp、.php、.cgi等形式为后缀，或者在网址中有一个标志性的符号——“？”号。图7.2网页的源文件代码示例7.1 概述在浏览器打开一个网页，查看源文件，可以看到如图所示的代码：Logo导航栏Banner导航区内容区版权区图7.3普通主页的基本构成2. 网页的基本构成7.1 概述网页的基本要素： ⑴ 文字； ⑵ 图片：背景图片、网页图片、按钮图片； ⑶ 超链接：文字和图片； ⑷ 交互式表单； ⑸ 动画 ⑹ 视频等等3. 静态网页技术与动态网页技术1）静态网页技术：⑴静态网页使用的语言是HTML（超文本标记语言）或XML（可扩展标记语言）。⑵文件名形式通常是以.htm、.html、.shtml、.xml等为后缀。⑶网页文件保存在服务器上，每个网页都是一个独立的文件。⑷网页内容相对稳定，因此容易被搜索引擎检索；⑸没有数据库的支持，制作和维护方面工作量较大，交互性较差。3. 静态网页技术与动态网页技术2）动态网页技术：⑴采用动态网站技术生成的网页都称为动态网页，无论网页是否有动态效果 。⑵以.asp、.jsp、.php、.cgi等形式为后缀，并且在动态网页总有一个标志性的符号——“？” 。⑶一般以数据库技术为基础，可以大大降低网站维护的工作量。 ⑷动态网页实际上并不是独立存在于服务器上的网页文件，只是当用户请求时服务器才返回一个完整的网页；⑸可以实现多种交互功能，如用户注册、用户登录、在线调查、用户管理、订单管理等。3. 静态网页技术与动态网页技术3）静态网页与动态网页的区别：⑴动态网页运行在服务器端，会随不同客户、不同时间，返回不同的网页。⑵静态网页运行在客户端，永远不变。⑶静态网页是网站建设的基础，动态网站可以采用静动结合的原则。 HTMLHEAD…………/HEADBODY…………/BODY/HTML7.2 HTML语言Web 服务器HTTP协议站点地址或 URL协议用于访问 Web 上资源的一组规则HTTP 是 Web 协议 HTML语言用于制作网页客户端1. 什么是HTMLHTML (Hyper Text Markup language, 超文本标记语言)：一种用来专门制作超文本文档的简单标记语言。Html文件包括文档数据和显示格式两个部分，文档数据显示在WWW浏览器中的数据内容，显示格式规定了要显示的内容以何种方式呈现给用户。HTML文件是纯文本文件，扩展名.htm或html，可用任何文本编辑器来编辑(如记事本、可视化编辑软件Frontpage、Dreamweaver等），还可又Web服务器实时动态生成。1. 什么是HTML网页文件命名：*.htm或*.html无空格无特殊符号（例如符号），只可以有下划线“_”，只可以为英文、数字。区分大小写首页文件名默认为：index.htm 或 index.html编辑器和浏览器HTMLHEADTITLE学习 HTML/TITLE/HEADBODY BGCOLOR = “LAVENDER”H1欢迎来到 HTML 世界/H1/BODY/HTMLHTML 代码在编辑器中编写 HTML 代码浏览器显示 HTML 文档/页面2. HTML文档结构包括标题和其他说明信息，包括在 HEAD…/HEAD 标记内HTMLHEADTITLE学习 HTML /TITLE/HEADBODY /H1 欢迎来到 HTML 世界/H1/BODY/HTML头部部分HTML 网页主体部分包含文本、图像和链接。包括BODY…/BODY 标记内HTML…/HTML标记 HTML 文档的开始和结束—文档标记3. HTML常用标记1）标记的语法标记分为单标记和双标记 单标记：只需单独使用，语法：标记 如br 表示换行 双标记：由首标记和尾标记构成，须成对使用， 语法：标记 文档内容/标记标记（双标记的首标记）内可包含一些属性， 语法：标记 属性1=属性值1属性2=属性值2 … 如：hr size=4 align=left width=60%3. HTML常用标记2）常用标记及其属性⑴ 文档标记 标记类型意义作 用备注HTML双文件声明让浏览器知道是 HTML 文件?HEAD双开头提供文件整体信息?TITLE双标题定义文件标题，将显示于浏览顶端?BODY双本文设计文件格式及正文所在区域?⑴ 文档标记例如：BODY text=#000000 link