HTML5+CSS3程序设计第1章 网页设计基础.pptVIP

* 第1章 网页设计基础 01 万维网的概述 03 HTML开发组织 02 HTML语言 04 网页设计相关概念 05 网页的开发工具和浏览器工具 06 网页制作相关技术 万维网概述 1 万维网概述 万维网 基于超文本 信息系统 处理文字，图像，声音和视频等 三种表现形式 超文本hypertext 超媒体hypermedia 超文本 传输协议 万维网概述 超文本一种全局性的信息结构，它将文档中的不同部分通过关键字建立链接，使信息得以用交互方式搜索。 超文本（hypertext） 超媒体（hypermedia） 超媒体是超文本（hypertext）和多媒体在信息浏览环境下的结合，有了超媒体用户不仅能从一个文本跳到另一个文本，而且可以显示图像、播放动画、音频和视频等。 万维网概述 超文本传输协议是超文本在互联网上的传输协议。 超文本传输协议（HTTP） HTML语言 2 HTML语言 HTML 网页制作标注性语言 浏览器的翻译 将网页中内容呈现给用户 文件交换标准 不定义文件的显示 极高的适应性 适合于WWW的出版环境 是纯文本类型 任何文本编辑器打开 记事本 浏览器 HTML语言 查看源文件 HTML源代码 直接由浏览器解释执行 无需翻译 浏览器读取HTML代码 分析语法结构 网页的内容 网页显示的速度 页面代码的质量 有很大的关系 保持精简 高效的HTML源代码十分重要 HTML开发组织 3 HTML开发组织 3个重要组织 WHATWG Apple Opera 浏览器厂商 成立于2004年 WHATWG开发 应用API 浏览器厂商 意向的组织 开放式合作。 Mozilla Google HTML和Web HTML开发组织 W3C W3C下辖的HTML工作组 负责发布HTML5规范 IETF 因特网工程任务组 Internet协议的团队 依赖于新的WebSocket协议 正在开发这个协议 WebSocket API 网页设计相关概念 4 超链接 1 统一资源定位器 2 网站 3 网页 4 首页 5 主要内容 超链接 超链接 内容链接 属于一个网页的一部分 元素 网页链接在一起 构成网站 从一个网页指向一个目标的连接关系 另一个网页 相同网页上的不同位置 图片 电子邮件地址 允许同其他网页 站点之间进行连接 超链接 一个文件 一个应用程序 用来超链接的对象 当浏览者单击 链接目标 显示在浏览器上 根据目标的类型 打开 运行 一段文本 一个图片 统一资源定位器 统一资源定位器 统一资源定位符 Uniform Resource Locator，URL 包含 访问 Internet 上资源 明确指令 描述Internet上网页 其他资源的地址 标识方法 网站 网站（Website） 在因特网上 根据一定的规则 一种通讯工具 发布 公开的资讯 利用网站提供相关的网络服务 衡量网站的性能 网站的空间大小 网站位置 网站连接速度（网速） 使用HTML等制作 相关网页的集合 网站 网站软件配置 网站提供服务 直接的衡量标准 网站的真实流量 *