web基础知识新.ppt

Web原理基础知识 软件教研室 刘烁 Internet 调制解调器 调制解调器 调制解调器 调制解调器 Internet上有什么 新闻组 邮件列表 搜索引擎 博客 播客 万维网 Internet从20世纪60年代早期就已经出现，但当时只有文字。 web由数十亿个单个页面（page）组成，这些页面会链接（linked）到其他页面，相关页面的集合叫网站。 每个网站都有主页（home page） 万维网 浏览器 要访问web上的网页必须要按照浏览器软件。 浏览器并不相同 web地址或URL web上每个页面都有地址（adress），这个地址成为统一资源定位符（uniform resource locator，url） 网站完成后要把它发布（post）到服务器（Server）上，这是台特殊的计算机，它每天24小时与Internet链接。 万维网上所有的页面都存储至服务器上，总共有数百万台这样的服务器。 web地址或URL 拥有服务器并托管（hosting）网站的人会为你确定你的个人的url。 url是唯一的，一旦知道url就可以告诉其他人访问你的网站。 域名 域名剖析 地址中的细节 浏览器访问服务器上的网页 浏览器访问服务器上的网页 HTML HTML 简介 HTML 文档示例 编辑器和浏览器 编辑器 2-2 HTML 文档结构 HTML 标签 2-2 META 标签 2-1 META 标签是一个特殊的 HTML 标签，提供有关网页的信息，如作者姓名、公司名称和联系信息等 许多搜索引擎都使用 META 标签信息 例如，要将 Graham Browne 指定为作者，则使用以下 META 标签： META 标签 2-2 http-equiv 属性可用来代替 META 标签中的 name 属性 HTML 基本元素 标题 段落 换行符 预先格式化 字符格式化 列表 水平线 字体 图像 特殊字符 超级链接 标题 段落标签 换行符 只要在文本中放入 BR 标签，就会强制换行 Pre 标签 字符格式化标签 列表简介 列表用于按逻辑方式对数据分组 列表类型：无序列表 列表类型：有序列表 使用水平线 使用字体和属性 插入图像 2-1 插入图像 2-2 插入特殊字符 2-1 某些字符在 HTML 中具有特殊意义，如小于号 () 定义 HTML 标签的开始 字符实体用于在 HTML 文档中插入特殊字符，如版权号 ，注册商标等 插入特殊字符 2-2 创建超级链接 绝对和相对路径名 链接到同一文档的某个部分2-1 锚记标签用于使用户“跳”到文档的某个部分 HTML 的 NAME 属性用于创建锚标记 为达到这种跳转效果，请在 HREF 参数中使用该标记 链接到同一文档的各个部分2-2 链接到其他文档的特定位置 电子邮件链接 用户可从网页发送电子邮件 表格的标题 表格的对齐方式 合并单元格(跨列) 合并单元格(跨行) 表格的背景色和尺寸设置 表单输入元素-1 HTML输入元素-5 层叠样式表（CSS） DHTML 是制作动态 HTML 页面的技术！ CSS用来控制网页的表现的形式，将内容同形式分离。 动态网页 如果不用脚本，网页会很呆板，也不会对用户的操作做出任何反应。脚本既可以在服务器运行（服务器端脚本），也可以在用户的浏览器上运行（客户端脚本）。 客户端脚本 应用最为广泛的客户端脚本语言是Javascript，它是由Netscape通讯公司开发并和Netscape2.0一起推出的。 还有一种常见客户端脚本语言是vbscript。 什么是JavaScript 什么是JavaScript JavaScript 是一种脚本语言 提供用户交互 动态更改内容 数据验证 将JavaScript嵌入网页 可以将 JavaScript 语句插入 HTML 文档，方式 如下： 使用 SCRIPT 标签将语句嵌入文档 将 JavaScript 源文件链接到 HTML 文档中 使用 Script 标签 使用外部 JS 文件 外部 JavaScript 文件可以链接到 HTML 文档中 SCRIPT 标签的 SRC（源文件）属性可用于包括此外部文件 使用外部 JS 文件 变量 变量名必须以字母或下划线（_）开头 变量可以包含数字、从 A 至 Z 的大小写字母 JavaScript 区分大小写，即变量 myVar、 myVAR 和 myvar 是不同的变量 声明变量 var a; “var” － 用于声明变量的关键字 “a” － 变量名 声明变量 HTML HEAD TITLE使用变量/TITLE SCRIPT LANGUAGE = Javascript var x; x=prompt