1. 第一章 网页设计概述.pptx

主讲：孟宪宁;;;1.1 Web起源 1.2 Web工作原理 1.3 浏览器 1.4 网页开发工具 1.5 基本概念 1.6 网页开发技术简介 1.7 牛刀小试-做一个简单的网页 ;;1.2 Web工作原理 用户通过Web来访问网络资源是，用户所使用的电脑一般叫做客户端，而存放网络资源的电脑叫做服务器，客户端和服务器之间的访问是通过HTTP（Hypertext Transfer Protocol，超文本传输协议）来完成的。 用户在客户端的浏览器地址栏中输入所要访问网站的统一资源定位符（Uniform Resource Locator，URL），就会向指定的Web服务器发送一个HTTP请求，告诉Web服务所要访问的资源。Web服务器接收到客户端的请求后，通常还会调用部署在应用服务器上的应用来进行数据库访问等操作，最后会把客户端所请求的资源通过HTTP协议发送给客户端。  ;图1-1 Web工作原理 ;1.3 浏览器 浏览器是一个安装在计算机中的应用软件，它用来显示使用HTML（HyperText Markup Language，超文本标签语言）语言编写的网页文件中的文字、图像、超链接及其他信息。现在常用的浏览器有Internet Exploer、Firefox、Chrome和Opera等。; 1.3.2 Firefox Mozilla Firefox，中文俗称“火狐”，是一个开放源代码的网页浏览器，使用Gecko引擎（非IE内核），支持Windows、Mac OS 及GNU/Linux等多种操作系统。; 1.3.4 Opera Opera浏览器，是一款挪威Opera Software ASA公司制作的支持多页面标签式浏览的网络浏览器。可以在Windows、Mac和Linux三个操作系统平台上运行。Opera浏览器与其他浏览器相比，更快速、小巧，其标准兼容性获得了国际上的最终用户和业界媒体的承认和推崇。 ;; 1.4.2 EditPlus EditPlus是一款由韩国Sangil Kim（ES-Computing）出品的小巧但功能强大的文本编辑器。EditPlus是一个非常好用的HTML编辑器，它除了支持颜色标签、HTML 标签，还内建完整的HTML CSS1 指令功能，对于习惯用记事本编辑网页的用户，它可帮你节省大量的网页制作时间。; 1.4.4 WebStorm WebStorm 是Jetbrains公司旗下一款JavaScript 开发工具。被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”等。其提供的智能的代码补全、代码格式化、HTML代码提示、代码重构等功能，为网页设计与开发提供了极大的便利。 ;; 1.5.2 WWW WWW是环球信息网的缩写，（亦作“Web”、“WWW”、“W3”，英文全称为“World Wide Web”），中文名字为“万维网”，“环球网”等，常简称为Web。 分为Web客户端和Web服务器程序。 WWW可以让Web客户端（常用浏览器）访问浏览Web服务器上的页面。Web是一个由许多互相链接的超文本组成的系统，通过互联网访问。在这个系统中，每个有用的事物，称为一样“资源”；由一个全局“统一资源标识符”（URI）标识；这些资源通过超文本传输协议（Hypertext Transfer Protocol）传送给用户，而后者通过点击链接来获得资源。 万维网并不等同互联网，万维网只是互联网所能提供的服务其中之一，是靠着互联网运行的一项服务。; 1.5.3 URL URL（Uniform/Universal Resource Locator的缩写，统一资源定位符）是对可以从互联网上得到的资源的位置和访问方法的一种简洁的表示，是互联网上标准资源的地址。互联网上的每个资源都有一个唯一的URL，它包含的信息指出文件的位置以及浏览器应该怎么处理它。 一个完整的URL包括访问协议类型、主机地址、路径和文件名称等几个部分。其中”访问协议类型”表示采用什么协议访问哪类资源，以便浏览器决定用什么方法获得资源，; 1.5.4 HTTP 超文本传输协议（HTTP，HyperText Transfer Protocol)是互联网上应用最为广泛的一种网络协议，是万维网交换信息的基础。它详细规定了浏览器和Web服务器之间相互通信的规则，它允许将超文本标签语言编写的文档从Web服务器传送到Web浏览器。 1.5.5 W3C 万维网联盟（英语：World Wide Web Consortium，简称W3C），中文名字为“万维网联盟”，又称W3C理事会。万维网联盟是国际上最著名的标准化组织。1994年10月在麻省理工学院（MIT）计算机科学实验室成立。该组织发不了很多Web技术标准和实施指南，如超文本标签语言（H