1网页设计基本概念.ppt

* World Wide Web 又称WWW、W3、Web，中文名称叫做“全球信息网”。 CENT 和MIT 于1994年7月成立World Wide Web Consortium(简称W3C、W3协会)，负责管理Web相关事务及协议(/)。 1-1 World Wide Web 的诞生 何谓主从式结构？Web 属于主从式结构吗？ Web 采用的是一种主从式结构(Client-Server Module)。 Web 文件 Web 客户端 Web 服务器端 网络连接 1.运行浏览器阅读Web文件 2.浏览器向服务器要求超链接的文件 3.服务器将HTML文件传给浏览器，译成Web 文件 图1-2 阶段一：搜集数据与规划网站结构 阶段二：网页制作与测试 1-2 建置网站的流程 阶段三：将网站上传至Web服务器 阶段四：网站的更新与维护并加以推广 阶段一：搜集数据与规划网站结构 阶段二：网页制作与测试 文字 图片 超链接 特殊组件 1-3 网页上面有什么？ 一种与其它文件的链接，当用户点击后，所链接的信息就能显示出来。 1-3-1 什么是超链接 URL(Universal Resource Locator,全球资源定位法)，URL所代表的正是Web服务器的网址。 我们先看个例子再做说明： :8001/Windows/project.html 文件 文件夹 通讯端口 服务器名称 通讯协议 协议 URL所连接的服务 实例 http:// ftp:// mailto: Web服务 文件传输服务 / mailto:wjy@ 注：mailto:服务的前面都没有两条斜线 表1-2 URL所链接的服务 传送E-Mail给特定用户 硬件：一台配备64MB内存的Pentium计算机就够了，最多是再加上调制解调器，好将设计完毕的网页上传至Internet。 网页编辑软件：网页编辑软件可以分成两种，一种是类似记事本，另一种则是可视化(Dreamweaver)网页编辑程序。 1-4 从事网页设计所需要的软、硬件 图像动画处理软件：常见的影像处理软件有Adobe PhotoShop、Macromedia Flash、Director、CorelDraw、Ulead PhotoImpact、Apple QuickTime VR、QuickDraw 3D等。 浏览器软件：目前常见的浏览器有Netscape Communicator及Microsoft Internet Explorer。 网页空间：用来存放网页的存储空间，位于提供相关服务的网络服务器上。 HTML：HTML是“HyperText Markup Language”的缩写，中文翻译为“超文本标记语言”。 XML：XML是“Extensible Markup Language”的缩写，中文翻译为“可扩展标记语言”。 1-5 从事网页设计相关的程序语言 浏览器端的Script(描述语句)：Script是一段嵌在HTML原始代码内的小程度。 目前常见的服务器端Script有ASP程序和CGI程度两种。ASP是“Active Server Pages”的缩写，中文翻译为“动态服务器网页”。CGI是“Common Gateway Interface”缩写，中文翻译为“通用网关接口”， 服务器端的Script(描述语言)： 虽然Web 正式提出的年份是1990年，但它的构思却可以追溯至1945年，当时美国科学研究中心的一位顾问(Vannevar Bush)发表了一篇论文，这是首次有人提出超文本系统(Hypertext System)的概念，而这就是 Web 的基本精神。 超文本系统里的文件可以包含超链接(hyperlink)，而超链接可以指向其他文件或图片，用户只要通过超链接，便能阅读相关信息。 网站是Web 服务器上一些网页的集合，用户可以通过网页上的超链接浏览网站内的网页；严格来说，网站的第一个网页叫做 HomePage，而其他网页叫做WebPage。 其中客户端(Client)计算机可通过网络联机取得另一部计算机的资源或服务，而提供资源或服务的计算机就叫做服务端或服务器(Server)。 Web 客户端所执行的是一种叫做浏览器的软件，如Netscape Communicator或 Internet Explorer，客户端只要通过浏览器，即可阅读服务器的Web文件(又称网页)，如图1-2所示。 Web 浏览器的工作是处理用户的要求，当用户按下超链接，浏览器就会通过超链接的网址连上服务器，向服务器要求用户所需要的文件夹，待服务器将文件传给浏览器之后，浏览器还要负责将这些HTML文件翻译成Web画面，然后显示在用户面前；