专题1网站设计概念第三稿技术分析.ppt

网站设计概念 预备知识 网站建设四步曲 预备知识 WWW原理 相关名词 网页 想一想 打开Internet，就进入了一个妙不可言的网络世界，在这里我们可以饱览各种各样精彩纷呈的页面，让我们的触角伸向世界的各个地方。有没有想过，如果有一天我不是作为浏览者，而是网页的设计者时，我应该懂得什么？又该怎么做？看到如图所示的一个“初学者园地”时，想一想： 我们是如何在Internet上看到网页的？ 网页是怎样做出来的？ 如图所示的页面外观形式漂亮吗？观察它是如何布局页面、选用色彩的？ 还是从Internet相关知识说起。 Internet的信息服务 Internet可以提供多种的信息服务（基本上它们都遵照了同一种工作模式，即客户-服务器模式，这种工作模式是Internet 的信息服务得以发展的基础 ）。如我们常用的：WWW信息浏览服务、电子邮件E-mail、文件传输FTP、远程登录Telnet、电子公告牌BBS和Internet新闻服务News等。 接下来我们主要介绍WWW信息浏览服务。 WWW信息服务的概念 Internet上WWW（World Wide Web）简称Web，也称为万维网，是一种使用最为广泛、发展最为迅速的应用技术。 可以说正是由于Web的出现，才使得Internet在全球范围得到空前的普及。 Web工作原理 采用客户-服务器模式工作。 客户：服务的请求者。客户必须通过浏览器（如微软公司的IE）才能访问服务器的超媒体信息。 服务器：服务的处理者。Web上的超媒体信息就存放在该计算机中。 Web客户和服务器之间通过超文本传输协议 (HyperText Transfer Protocol，HTTP)进行对话，该协议建立在TCP连接之上，协议端口通常为80。 Web上的信息分布在整个Internet上，如何唯一确定某一个文档，Web采用了统一资源定位符URL 来来标识。关于URL接下来还有进一步叙述。 Web规定所有的文档都采用超文本标记语言(HyperText Markup Language，HTML)来描述，Web服务器负责用HTML语言来描述并组织各种文档，这些文档通常被称为Web网页；而客户方的浏览器负责解释HTML编写的超媒体文档，并调用相关的软件将信息展示给用户。 统一资源定位符URL 通常，统一资源定位符URL由三部分组成： 协议类型、服务器地址(域名或IP地址)、文件名称 如： /index.html ftp://ftp.pku.M/pub/rfc 超文本标识语言（HTML） 所谓“标签”是由用尖括号“”括起来的一组代码，由若干这样的代码就形成了HTML文档。 标签通常是成对出现，结束标签和开始标签的区别只是多了一个斜杠字符” /”。 如table表示一个表格的开始，／table表示一个表格的结束。 HTML文档的组成 主要由两部分组成 首部(head)： 由head．．．／head构成，主要包含文档的标题(title)，以及其他一些标识文档内容和格式的信息。标题和内容信息可被有哪些信誉好的足球投注网站引擎使用来查找该网页，格式信息则是用来定义网页显示风格的。 体部(body)： 由body．．．／body构成，体部紧接在首部后面。体部部分是通过标签组织的网页内容。 链接标记 超链接的语法是： a href=”链接对象”链接标记／a。 其中“链接对象”可以是任何可以用统一资源定位符URL表示的对象，既可以是本地Web服务器上的文档，也可以指向远地Web服务器上的文档。 “链接标记”可以是一个或几个文字，也可以是图标、一幅图，甚至是图的某一部分，它是该链接在浏览器上显示的名称，用户通过鼠标点击就可以访问链接对象。 一个简单的HTML文档 html xmlns=/1999/xhtml head meta http-equiv=Content-Type content=text/html; charset=gb2312 / title网页设计/title /head body p哈哈，我也会做网页啦！/p pimg src=../images/69.gif width=85 height=85 / /p pa href=index.htm返回主页/a/p /body /html 相关名词 网页：就是我们在浏览万维网时看到的一个个的画面。它由多种对象构成，如下页图所示，其中包含文字、图片、网站标志、导航栏、内容区、版权和网站信息区等内容。 网站：则是一组相关网页的集合。一个小型网站可能只包含了几个网页，而一个大型网站则可能包含成千上万个网页。打开某个网站的第一个网页称为首页（或主页），一般说来它具有链接到