1. 第一章 网页设计概述
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
Language，超文本标签语言）语言编写的网页文件中的文字、图像、超链接及其他信息。现在常用的 浏览器有Internet Exploer、Firefox、Chrome和Opera等。
1.3.1 Microsoft Internet Explorer Internet Explorer是微软公司推出的一款网页浏览器。原称Microsoft Internet Explorer（6.0以前的版本）和Windows Internet Explorer(7.0、8.0、 9.0、10.0、11.0等版本)，简称“IE浏览器”。在windows 10上，最新的浏览器为 Microsoft Edge。
HTML+CSS+JavaScript 网页设计
目录
CONTENTS
第一章 网页设计综述 第二章 HTML语言 第三章 CSS
Βιβλιοθήκη Baidu
第四章 JavaScript
第五章 网页设计综合案例
第一章 网页设计综述
01 第一章 网页设计综述
Web（World Wide Web）即全球广域网，也称为万维网，它是一种基于 超文本和HTTP的、全球性的、动态交互的、跨平台的分布式图形信息系统。是 建立在Internet上的一种网络服务，为浏览者在Internet上查找和浏览信息提供 了图形化的、易于访问的直观界面，其中的文档及超级链接将Internet上的信息 节点组织成一个互为关联的网状结构。
Web技术标准
Web的应用架构
Web 的 应 用 架 构 是 由 英 国 人 Tim Berners-Lee在1989年提出的
第一个Web服务器
1990 年 11 月 第 一 个 Web 服 务 器 info.cern.ch 开 始 运 行 ， 由 Tim Berners-Lee 编 写 的 图 形 化 Web 浏 览 器第一次出现在人们面前。
第一章 网页设计综述
1.3.2 Firefox Mozilla Firefox，中文俗称“火狐”，是一个开放源代码的网页浏览器，使用 Gecko引擎（非IE内核），支持Windows、Mac OS 及GNU/Linux等多种操作系统。
1.3.3 Google Chrome Google Chrome，是一个由Google公司开发的网页浏览器。该浏览器是基于 WebKit等开源软件所撰写，目标是提升稳定性、速度和安全性，并创造出简单且 有效率的使用者界面。
第一章 网页设计综述
1.4.2 EditPlus EditPlus是一款由韩国Sangil Kim（ES-Computing）出品的小巧但功能 强大的文本编辑器。EditPlus是一个非常好用的HTML编辑器，它除了支持颜 色标签、HTML 标签，还内建完整的HTML & CSS1 指令功能，对于习惯用记 事本编辑网页的用户，它可帮你节省大量的网页制作时间。
服务器，客户端和服务器之间的访问是通过HTTP（Hypertext Transfer Protocol，超文本传输协议） 来完成的。
用户在客户端的浏览器地址栏中输入所要访问网站的统一资源定位符（Uniform Resource Locator，URL），就会向指定的Web服务器发送一个HTTP请求，告诉Web服务所要访问的资源。 Web服务器接收到客户端的请求后，通常还会调用部署在应用服务器上的应用来进行数据库访问等操作， 最后会把客户端所请求的资源通过HTTP协议发送给客户端。
第一章 网页设计综述
1.3.4 Opera Opera浏览器，是一款挪威Opera Software ASA公司制作的支持多页面标 签式浏览的网络浏览器。可以在Windows、Mac和Linux三个操作系统平台上运 行。Opera浏览器与其他浏览器相比，更快速、小巧，其标准兼容性获得了国际 上的最终用户和业界媒体的承认和推崇。
1.4.3 Dreamweaver Adobe Dreamweaver，简称”DW”，中文名称为”梦想编织者”， 是美国Macromedia公司开发的集网页制作和管理网站于一身的所见即所得 网页编辑器，是第一套针对专业网页设计师特别发展的视觉化网页开发工具， 利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的 网页。
第一章 网页设计综述
1.4 网页开发工具
可用于开发网页的工具很多，从最简单的纯文本编辑工具记事本（NotePad）、增强版的文本编 辑工具EditPlus，到专门的网页设计工具Dreamweaver、WebStrom等，都可以用于网页的设计与开 发。
1.4.1 记事本 记事本是Windows系统中的一个纯文本编辑器，具备最基本的的编辑功 能，其体积小巧、启动快、占用内存低、容易使用。使用记事本编辑代码不会 产生冗余的代码。
第一章 网页设计综述
目录
1.1 Web起源 1.2 Web工作原理 1.3 浏览器 1.4 网页开发工具 1.5 基本概念 1.6 网页开发技术简介 1.7 牛刀小试-做一个简单的网页
第一章 网页设计综述
1.1 Web起源
Web 前身
1980 年 Tim Berners-Lee 负 责 的 Enquire （ Enquire Within Upon Everything的简称）项目。
1991年，CERN（European Particle Physics Laboratory）正式发布了 Web技术标准。 目前，与Web相关的各种技术标准都 由著名的W3C组织（World Wide Web Consortium）管理和维护。
第一章 网页设计综述
1.2 Web工作原理 用户通过Web来访问网络资源是，用户所使用的电脑一般叫做客户端，而存放网络资源的电脑叫做
第一章 网页设计综述
用户
7.显示HTML
客户端浏览器
6.返回HTML页面做出响应
3.请求运行 某个服务器端
应用
Web服务器
5.输出 生成HTML文件
应用服务器 4.读取数据库或文件
数据库
图1-1 Web工作原理
第一章 网页设计综述
1.3 浏览器 浏览器是一个安装在计算机中的应用软件，它用来显示使用HTML（HyperText Markup
1.3.1 Microsoft Internet Explorer Internet Explorer是微软公司推出的一款网页浏览器。原称Microsoft Internet Explorer（6.0以前的版本）和Windows Internet Explorer(7.0、8.0、 9.0、10.0、11.0等版本)，简称“IE浏览器”。在windows 10上，最新的浏览器为 Microsoft Edge。
HTML+CSS+JavaScript 网页设计
目录
CONTENTS
第一章 网页设计综述 第二章 HTML语言 第三章 CSS
Βιβλιοθήκη Baidu
第四章 JavaScript
第五章 网页设计综合案例
第一章 网页设计综述
01 第一章 网页设计综述
Web（World Wide Web）即全球广域网，也称为万维网，它是一种基于 超文本和HTTP的、全球性的、动态交互的、跨平台的分布式图形信息系统。是 建立在Internet上的一种网络服务，为浏览者在Internet上查找和浏览信息提供 了图形化的、易于访问的直观界面，其中的文档及超级链接将Internet上的信息 节点组织成一个互为关联的网状结构。
Web技术标准
Web的应用架构
Web 的 应 用 架 构 是 由 英 国 人 Tim Berners-Lee在1989年提出的
第一个Web服务器
1990 年 11 月 第 一 个 Web 服 务 器 info.cern.ch 开 始 运 行 ， 由 Tim Berners-Lee 编 写 的 图 形 化 Web 浏 览 器第一次出现在人们面前。
第一章 网页设计综述
1.3.2 Firefox Mozilla Firefox，中文俗称“火狐”，是一个开放源代码的网页浏览器，使用 Gecko引擎（非IE内核），支持Windows、Mac OS 及GNU/Linux等多种操作系统。
1.3.3 Google Chrome Google Chrome，是一个由Google公司开发的网页浏览器。该浏览器是基于 WebKit等开源软件所撰写，目标是提升稳定性、速度和安全性，并创造出简单且 有效率的使用者界面。
第一章 网页设计综述
1.4.2 EditPlus EditPlus是一款由韩国Sangil Kim（ES-Computing）出品的小巧但功能 强大的文本编辑器。EditPlus是一个非常好用的HTML编辑器，它除了支持颜 色标签、HTML 标签，还内建完整的HTML & CSS1 指令功能，对于习惯用记 事本编辑网页的用户，它可帮你节省大量的网页制作时间。
服务器，客户端和服务器之间的访问是通过HTTP（Hypertext Transfer Protocol，超文本传输协议） 来完成的。
用户在客户端的浏览器地址栏中输入所要访问网站的统一资源定位符（Uniform Resource Locator，URL），就会向指定的Web服务器发送一个HTTP请求，告诉Web服务所要访问的资源。 Web服务器接收到客户端的请求后，通常还会调用部署在应用服务器上的应用来进行数据库访问等操作， 最后会把客户端所请求的资源通过HTTP协议发送给客户端。
第一章 网页设计综述
1.3.4 Opera Opera浏览器，是一款挪威Opera Software ASA公司制作的支持多页面标 签式浏览的网络浏览器。可以在Windows、Mac和Linux三个操作系统平台上运 行。Opera浏览器与其他浏览器相比，更快速、小巧，其标准兼容性获得了国际 上的最终用户和业界媒体的承认和推崇。
1.4.3 Dreamweaver Adobe Dreamweaver，简称”DW”，中文名称为”梦想编织者”， 是美国Macromedia公司开发的集网页制作和管理网站于一身的所见即所得 网页编辑器，是第一套针对专业网页设计师特别发展的视觉化网页开发工具， 利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的 网页。
第一章 网页设计综述
1.4 网页开发工具
可用于开发网页的工具很多，从最简单的纯文本编辑工具记事本（NotePad）、增强版的文本编 辑工具EditPlus，到专门的网页设计工具Dreamweaver、WebStrom等，都可以用于网页的设计与开 发。
1.4.1 记事本 记事本是Windows系统中的一个纯文本编辑器，具备最基本的的编辑功 能，其体积小巧、启动快、占用内存低、容易使用。使用记事本编辑代码不会 产生冗余的代码。
第一章 网页设计综述
目录
1.1 Web起源 1.2 Web工作原理 1.3 浏览器 1.4 网页开发工具 1.5 基本概念 1.6 网页开发技术简介 1.7 牛刀小试-做一个简单的网页
第一章 网页设计综述
1.1 Web起源
Web 前身
1980 年 Tim Berners-Lee 负 责 的 Enquire （ Enquire Within Upon Everything的简称）项目。
1991年，CERN（European Particle Physics Laboratory）正式发布了 Web技术标准。 目前，与Web相关的各种技术标准都 由著名的W3C组织（World Wide Web Consortium）管理和维护。
第一章 网页设计综述
1.2 Web工作原理 用户通过Web来访问网络资源是，用户所使用的电脑一般叫做客户端，而存放网络资源的电脑叫做
第一章 网页设计综述
用户
7.显示HTML
客户端浏览器
6.返回HTML页面做出响应
3.请求运行 某个服务器端
应用
Web服务器
5.输出 生成HTML文件
应用服务器 4.读取数据库或文件
数据库
图1-1 Web工作原理
第一章 网页设计综述
1.3 浏览器 浏览器是一个安装在计算机中的应用软件，它用来显示使用HTML（HyperText Markup