web课程要点
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
Web前端开发技术
W3C负责WWW技术标准化的协议制定，并进一步推动 Web技术的发展。
第1章 Web前端开发技术综述
清华大学出版社
Page: 5
1.1.2
1.Web是易导航和图形化 2.Web是具有平台无关性
Web前端开发技术
Web的特点
3.Web是支持分布式结构
4.Web是具有动态性 5.Web是具有交互性
第1章 Web前端开发技术综述
清华大学出版社
Page: 6
1.1.3
源自文库
Web工作原理
Web前端开发技术
第1章 Web前端开发技术综述
清华大学出版社
Page: 7
1.2
Web前端开发工程师职业需求
1.2.1 Web前端开发的由来
我国互联网行业的发展呈现迅猛的增长势头，对网站开发、设计 制作的人才需求随之大量增加。前端开发和后台开发人员的比例为1：1 ，而在我国目前依旧在1：3以下，人才缺口较大。 Web前端开发技术 1.2.2 Web前端开发工程师的职业要求 1.必须掌握基本的Web前端开发技术，其中包括：(X)HTML、 CSS、JavaScript、DOM、BOM、Ajax等，在掌握这些技术的同时， 还要清楚地了解它们在不同浏览器上的兼容情况、渲染原理和存在的 Bug。 2.必须掌握网站性能优化、搜索引擎优化（SEO）和服务器端技 术的基础知识。
1991年8月6日，他在alt.hypertext新闻组上贴了万维网 项目简介的文章。这一天也标志着因特网上万维网公共服务 的首次亮相。
第1章 Web前端开发技术综述 清华大学出版社
Page: 4
1.1.1 Web的起源（续）
1994年10月非赢利性的万维网联盟W3C（World Wide Web Consortium）在麻省理工学院计算机科学实验室成立 。
2.Web网页设计相关概念
统一资源定位符 统一资源定位符（Uniform Resource Locator，URL）也被 称为网页地址，如同在网络上的 门牌，是因特网上标准的资源的 地址（Address)。 协议类型://服务器地址（端口 号）/路径/文件名 http://info.cern.ch/www20/0002 http://www.edu.cn/kexuetansu o_12385/index.shtml
HTML（Hypertext Text Markup Language）超文本 标记语言是标准通用标记语言SGML（Standard Generalized Markup Language是一种定义电子文档结构 和描述其内容的国际标准语言，是所有电子文档标记语言的 起源）下的一个应用，也是一种标准规范，它通过标记符号 来标记要显示的网页中的各个部分。 HTML是构成Web页面(Page)的基础。
第1章 Web前端开发技术综述
清华大学出版社
Page: 2
1.1 Web概述
1980年Tim Berners-Lee（同义蒂姆· 伯纳斯· 李）在欧洲核 子物理实验室工作时建议建立一个以超文本系统为基础的项 目来使得科学家之间能够分享和更新他们的研究结果。他与 Robert Cailliau一起建立了一个叫做ENQUIRE的原型系统。 1984年Tim Berners-Lee蒂姆· 伯纳斯· 李重返欧洲核子物理 实验室创造了万维网。为此他写了世界上第一个网页浏览器 （World Wide Web）和第一个网页服务器（httpd）。 Tim Berners-Lee建立了第一个网站（也是世界上第一个网 站）是http://info.cern.ch/，它于1991年8月6日上网，它解 释了万维网是什么，如何使用网页浏览器和如何建立一个网 页服务器等等。Tim Berners-Lee后来在这个网站里列举了 其它网站，因此它也是世界上第一个万维网目录。
Web前端开发技术
第1章 Web前端开发技术综述
建议课时：1-2课时
第1章 Web前端开发技术综述
清华大学出版社
Page: 1
本章学习目标
Web前端开发工程师应掌握以下内容： 了解Web发展史；
Web前端开发技术
了解Web前端开发工程师职业需求
掌握Web网站相关的基本概念； 理解Web前端开发技术及其在Web网页中的作用； 了解常用的Web前端开发工具、浏览器工具，并学会使用 。
第1章 Web前端开发技术综述
清华大学出版社
Page: 9
1.3.1
HTML超文本标记语言的发展历史
HTML1.0：1993年6月作为互联网工程工作小组（IETF） 工作草案发布；
Web前端开发技术
HTML2.0：1995年11月作为RFC 1866发布，在RFC 2854 于2000年6月发布之后被宣布已经过时；
3.必须学会运用各种Web前端开发与测试工具进行辅助开发。
4.除了要掌握技术层面的知识，还要掌握理论层面的知识，包括代 码的可维护性、组件的易用性、分层语义模板和浏览器分级支持等。
Page: 8
第1章 Web前端开发技术综述
清华大学出版社
1.3
1.3.1 HTML
Web前端开发技术
Web前端开发技术
第1章 Web前端开发技术综述 清华大学出版社
Page: 3
Web前端开发技术
1.1.1 Web的起源
追溯到遥远的1980年Tim Berners-Lee构建的ENQUIRE项 目。
Web前端开发技术
1989年3月，Tim Berners-Lee撰写了《关于信息化管理 的建议》一文，文中提及 ENQUIRE 并且描述了一个更加 精巧的管理模型。 1990年11月12日他和Robert Cailliau（罗伯特· 卡里奥）合 作提出了一个更加正式的关于万维网的建议。 在1990年11月13日他在一台NeXT工作站上写了第一个网 页以实现他文中的想法。
HTML3.2：1996年1月14日发布，W3C推荐标准；
HTML4.0：1997年12月18日发布，W3C推荐标准； HTML4.01：1999年12月24日发布，W3C推荐标准； HTML5：2008年1月22日发布，仍继续完善。
第1章 Web前端开发技术综述
清华大学出版社
Page: 10
W3C负责WWW技术标准化的协议制定，并进一步推动 Web技术的发展。
第1章 Web前端开发技术综述
清华大学出版社
Page: 5
1.1.2
1.Web是易导航和图形化 2.Web是具有平台无关性
Web前端开发技术
Web的特点
3.Web是支持分布式结构
4.Web是具有动态性 5.Web是具有交互性
第1章 Web前端开发技术综述
清华大学出版社
Page: 6
1.1.3
源自文库
Web工作原理
Web前端开发技术
第1章 Web前端开发技术综述
清华大学出版社
Page: 7
1.2
Web前端开发工程师职业需求
1.2.1 Web前端开发的由来
我国互联网行业的发展呈现迅猛的增长势头，对网站开发、设计 制作的人才需求随之大量增加。前端开发和后台开发人员的比例为1：1 ，而在我国目前依旧在1：3以下，人才缺口较大。 Web前端开发技术 1.2.2 Web前端开发工程师的职业要求 1.必须掌握基本的Web前端开发技术，其中包括：(X)HTML、 CSS、JavaScript、DOM、BOM、Ajax等，在掌握这些技术的同时， 还要清楚地了解它们在不同浏览器上的兼容情况、渲染原理和存在的 Bug。 2.必须掌握网站性能优化、搜索引擎优化（SEO）和服务器端技 术的基础知识。
1991年8月6日，他在alt.hypertext新闻组上贴了万维网 项目简介的文章。这一天也标志着因特网上万维网公共服务 的首次亮相。
第1章 Web前端开发技术综述 清华大学出版社
Page: 4
1.1.1 Web的起源（续）
1994年10月非赢利性的万维网联盟W3C（World Wide Web Consortium）在麻省理工学院计算机科学实验室成立 。
2.Web网页设计相关概念
统一资源定位符 统一资源定位符（Uniform Resource Locator，URL）也被 称为网页地址，如同在网络上的 门牌，是因特网上标准的资源的 地址（Address)。 协议类型://服务器地址（端口 号）/路径/文件名 http://info.cern.ch/www20/0002 http://www.edu.cn/kexuetansu o_12385/index.shtml
HTML（Hypertext Text Markup Language）超文本 标记语言是标准通用标记语言SGML（Standard Generalized Markup Language是一种定义电子文档结构 和描述其内容的国际标准语言，是所有电子文档标记语言的 起源）下的一个应用，也是一种标准规范，它通过标记符号 来标记要显示的网页中的各个部分。 HTML是构成Web页面(Page)的基础。
第1章 Web前端开发技术综述
清华大学出版社
Page: 2
1.1 Web概述
1980年Tim Berners-Lee（同义蒂姆· 伯纳斯· 李）在欧洲核 子物理实验室工作时建议建立一个以超文本系统为基础的项 目来使得科学家之间能够分享和更新他们的研究结果。他与 Robert Cailliau一起建立了一个叫做ENQUIRE的原型系统。 1984年Tim Berners-Lee蒂姆· 伯纳斯· 李重返欧洲核子物理 实验室创造了万维网。为此他写了世界上第一个网页浏览器 （World Wide Web）和第一个网页服务器（httpd）。 Tim Berners-Lee建立了第一个网站（也是世界上第一个网 站）是http://info.cern.ch/，它于1991年8月6日上网，它解 释了万维网是什么，如何使用网页浏览器和如何建立一个网 页服务器等等。Tim Berners-Lee后来在这个网站里列举了 其它网站，因此它也是世界上第一个万维网目录。
Web前端开发技术
第1章 Web前端开发技术综述
建议课时：1-2课时
第1章 Web前端开发技术综述
清华大学出版社
Page: 1
本章学习目标
Web前端开发工程师应掌握以下内容： 了解Web发展史；
Web前端开发技术
了解Web前端开发工程师职业需求
掌握Web网站相关的基本概念； 理解Web前端开发技术及其在Web网页中的作用； 了解常用的Web前端开发工具、浏览器工具，并学会使用 。
第1章 Web前端开发技术综述
清华大学出版社
Page: 9
1.3.1
HTML超文本标记语言的发展历史
HTML1.0：1993年6月作为互联网工程工作小组（IETF） 工作草案发布；
Web前端开发技术
HTML2.0：1995年11月作为RFC 1866发布，在RFC 2854 于2000年6月发布之后被宣布已经过时；
3.必须学会运用各种Web前端开发与测试工具进行辅助开发。
4.除了要掌握技术层面的知识，还要掌握理论层面的知识，包括代 码的可维护性、组件的易用性、分层语义模板和浏览器分级支持等。
Page: 8
第1章 Web前端开发技术综述
清华大学出版社
1.3
1.3.1 HTML
Web前端开发技术
Web前端开发技术
第1章 Web前端开发技术综述 清华大学出版社
Page: 3
Web前端开发技术
1.1.1 Web的起源
追溯到遥远的1980年Tim Berners-Lee构建的ENQUIRE项 目。
Web前端开发技术
1989年3月，Tim Berners-Lee撰写了《关于信息化管理 的建议》一文，文中提及 ENQUIRE 并且描述了一个更加 精巧的管理模型。 1990年11月12日他和Robert Cailliau（罗伯特· 卡里奥）合 作提出了一个更加正式的关于万维网的建议。 在1990年11月13日他在一台NeXT工作站上写了第一个网 页以实现他文中的想法。
HTML3.2：1996年1月14日发布，W3C推荐标准；
HTML4.0：1997年12月18日发布，W3C推荐标准； HTML4.01：1999年12月24日发布，W3C推荐标准； HTML5：2008年1月22日发布，仍继续完善。
第1章 Web前端开发技术综述
清华大学出版社
Page: 10