Web前端开发实例教程——HTML5 CSS3 JavaScript 第1章 网站规划和网页设计基础.pptVIP

Web前端开发实例教程 ——HTML5+CSS3+JavaScript 第1章 网站规划和网页设计基础 1.1 万维网WWW 1.1.1 WWW和浏览器的基本概念 WWW是World Wide Web的缩写，又称3W或Web，中文译名为“万维网”。 浏览器实际上就是用于网上浏览的应用程序，其主要作用是显示网页和解释脚本。对一般设计者而言，不需要知道有关浏览器实现的技术细节，只要知道如何熟练掌握和使用它即可。用户只需要操作鼠标，就可以得到来自世界各地的文档、图片或视频等信息。 浏览器种类很多，目前常用的有微软的Internet Explorer（简称IE）、Google的Chrome、Mozilla的Firefox、Opera、Apple的Safari、360安全浏览器等，各浏览器的Logo依次排列如图1-1所示。 1.1 万维网WWW 1.1.2 网址 URL（Universal Resource Locator）是“统一资源定位器”的英文缩写，URL就是Web地址，俗称“网址”。Internet上的每一个网页都具有一个唯一的名称标识，通常称之为URL地址。这种地址可以是本地磁盘，也可以是局域网上的某一台计算机，更多的是Internet上的站点。URL的基本结构为： 通信协议：//服务器名称[:通信端口编号]/文件夹1[/文件夹2…]/文件名 1.1 万维网WWW 1.1.3 超文本 超文本（HyperText）技术是一种把信息根据需要链接起来的信息管理技术。用户可以通过一个文本的链接指针打开另一个相关的文本。只要单击页面中的超链接（通常是带下划线的条目或图片），便可跳转到新的页面或另一位置，获得相关的信息。 1.1 万维网WWW 1.1.4 超文本标记语言HTML 网页是WWW的基本文档，它是用HTML（HyperText Markup Language，超文本标记语言）编写的。HTML严格来说并不是一种标准的编程语言，它只是一些能让浏览器看懂的标记。当网页中包含正常文本和HTML标记时，浏览器会“翻译”由这些HTML标记提供的网页结构、外观和内容的信息，从而将网页按设计者的要求显示出来。 1.1 万维网WWW 1.1.5 HTTP HTTP（HyperText Transfer Protocol，超文本传输协议）是用于从WWW服务器传输超文本到本地浏览器的传送协议，用于传送WWW方式的数据。当用户想浏览一个网站的时候，只要在浏览器的地址栏里输入网站的地址就可以了。 HTTP协议采用了请求/响应模型。客户端向服务器发送一个请求，请求头包含请求的方法、URI、协议版本、以及包含请求修饰符、客户信息和内容的类似于MIME的消息结构。 1.1 万维网WWW 1.1.6 有哪些信誉好的足球投注网站引擎 有哪些信誉好的足球投注网站引擎（Search Engine）是指根据一定的策略、运用特定的计算机程序搜集互联网上的信息，在对信息进行组织和处理后，为用户提供检索服务的系统。 著名的有哪些信誉好的足球投注网站引擎有（搜狐）、（谷歌）、（百度）等。 1.2 网站与网页的基本概念 1.2.1 网站、网页和主页 网站（Web Site，也称站点）被定义为已注册的域名、主页或Web服务器。网站由域名（也就是网站地址）和网站空间构成。网站是一系列网页的组合，这些网页拥有相同或相似的属性并通过各种链接相关联。 网页（Web Page）是存放在Web服务器上供客户端用户浏览的文件，可以在Internet上传输。如果在浏览器的地址栏中输入网站地址，浏览器会自动连接到这个网址所指向的网络服务器，并出现一个默认的网页（一般为index.html或default.html），这个最先打开的默认页面就被称为“主页”或“首页”。 1.2 网站与网页的基本概念 1.2.2 静态网页和动态网页 1．静态网页 静态网页指客户端的浏览器发送URL请求给WWW服务器，服务器查找需要的超文本文件，不加处理直接下载到客户端，运行在客户端的页面是已经事先做好并存放在服务器中的网页。静态网页通常由纯粹的HTML/CSS语言编写。 2．动态网页 动态网页能够根据不同浏览者的请求来显示不同的内容。无论网页本身是否具有视觉意义上的动态效果，只要采用动态网站技术生成的网页都称为动态网页，其本质主要体现在互交性方面。 1.3 网站的规划与设计 网站的规划与设计一般应遵循以下三个原则： ? 最大限度地满足用户需要。 ? 最有效地进行资源利用。 ? 使用方便，界面友好，运行高效。 常规的网站规划与设计方法一般有以下三种：自顶向下、自底向上、不断增补的设计方法。 网站的规划与设计 1.4 定位网站的主题和名称 1.4.1 网站主题的确定 在