网页设计与制作第1章网页基础知识
合集下载
网页设计与制作教学
整理课件
2
2.什么是主页？
❖ 当我们浏览网站时看到的第一个页面。它是 整个站点的入口和门面，通常这样命名： index.html。
整理课件
3
3.什么是超文本？
❖ 包含文字、图像、视频、声音等媒体的文本， 网页就是一个超文本文件，并且可以实现链 接操作。
❖ 超文本可以给浏览者带来视觉和听觉的享受， 所以Web技术又称为超媒体技术。
部分。HTML文档中所有的内容都应该在这 两个标记之间，一个HTML文档总是以
<he<ahdt>m…l><开/h始ea，d>以：<H/hTtMmlL>文结件束的。头部标记，头
部主要提供文档的描述信息，head部分的所有 内容都不会显示在浏览器窗口中，在其中可以
放置页面的标题以及页面的类型、使用的字符
❖ 站外链接：在个人网站上放置一些与网站主题有关的对外链 接，不但可以把好的网站介绍给浏览者，而且能使浏览者乐 意再度光临该网站。(友情链接)整理课件 Nhomakorabea13
❖ 表格是网页中的一种用于控制网页页面布局的有效 方法。为了达到理想的视觉效果，通常不显示表格 的边框。使用表格辅助布局，可以实现网页横竖分 明的风格。
❖ Photoshop ❖ Fireworks（.gif） ❖ Flash(.swf)
整理课件
19
9.HTML的基本结构
整理课件
20
9.HTML的基本结构
<body>…</body>：用来指明文档的主体区域， <ht网m页l>…所<要/h显tm示l>的：内告容诉都浏放览在器这H个TM标L记文内档，开其
整理课件
网页设计与制作 第一章 网页设计制作基础
1.1.3网页的相关术语
3、统一资源定位器 统一资源定位器简称URL，是用来指出某项信息的位置及存取方式，以取得 各种服务信息的一种标准方法。简单地说，URL就是网络服务器主机的地址，也 称为网址。 如：http：///view/index.htm就是一个网址，其中包括如下几 个部分： 传输协议：也就是上面举例中的http部分，表示传输方式遵循超文本传送协 议要求。 主机名：标识网络上某台计算机的专门名字。在Internet上，主机名是一个 字来表示，它们的作用是相同的。 文件路径及文件名：如上例的“view“表示网页文件所在的目 录；”“index.htm”表示网页文件名。在主机名与路径之间，路径与文件之间， 一般用“/”符号隔开。
1.1.4 网页制作流程
3、实现阶段 使用网页制作工具完成页面的制作。目前，网页的制作工具很多，如： Frontpage，Dreamweaver，.Net等。利用这些工具，可以根据画出的逻辑结构图 制作并实现网页效果。 4、测试阶段 使用浏览器测试网页的效果和正确性。网页制作完毕后，需要在浏览器中进 行网页测试，看看制作的网页效果如何，是否能在浏览器中正确显示。如果有不 合理的地方，要及时对网页进行修改，以保证网页的质量。 5、维护阶段 网页经过测试确定没有问题后，就可以把网页上传并发布到Internet上。这样， 全世界的网络浏览者都可以随时浏览此网页。为了吸引更多的浏览者，网页要经 常变化，并对制作好的网页进行定期的维护、更新、修改。
1.1.3网页的相关术语
7、发布 将制作好的网页传输到Internet服务器的过程称为发布，也称为上传。做好 网页后，如果没有将网站的内容上传到Internet服务器上，别人是无法访问到这 些资源的，那么这些资源就仅保存在本地硬盘而不供别人浏览。 8、超文本标记语言 超文本标记语言缩写为HTML，是用于描述网页文档的一种标记语言。HTML 是一种规范，一种标准，它通过标记符号来标识要显示的网页中的各个部分。浏 览器按顺序阅读网页文件，然后根据标记符解释和显示其标记的内容。但需要注 意的是，对于不同的浏览器，对同一标记符可能会有不完全相同的解释，因而可 能会有不同的显示效果。 以IE浏览器为例，显示网页的html代码。在浏览器窗口选择【查看】|【源文 件】菜单命令，系统将自动启动记事本或写字板显示该网页的HTML源文件，如 图所示。
网页设计与制作课件第1章
上一页 返回
1.1.2 Web浏览器基本结构原理
知识点评
中文名称：网络浏览器或网页浏览器，简称浏览器 （Web Browser）。 浏览器是显示网页服务器或文件系统内的HTML文件，并让用户与这些文件 互动的一种软件。个人计算机上常见的网页浏览器包括Microsoft Internet Explorer、Opera和Netscape等。浏览器是最常用的客户端程序。 网页浏览器主要通过HTTP协议连接网页服务器而取得网页，HTTP容许网页 浏览器送交数据到网页服务器并且获取网页。网页的位置以URL（统一资源定位 符）指示，此乃网页的地址，以HTTP: //开始的便是通过HTTP协议登录。 网页通常使用HTML（超文本标记语言）文件格式，并在HTTP协议内以 MIME内容形式来定义。大部分浏览器均支持许多HTML以外的文件格式，例如 JPEG、PNG和GIF图像格式。在HTTP协议和URL内容结合下，网页设计者便可 以把图像、动画、视频、声音和多媒体包含在网页中，或让浏览者透过网页而浏 览它们。
上一页 下一页 返回
知识点评
Dreamweaver另外还提供了许多面板、检查器或窗口。若要打开Dreamweaver 面板、检查器或窗口，可以使用【窗口】菜单进行选择，如下图所示。
【窗口】菜 单项所包含 的内容
上一页 返回
1.3.2 创建本地虚拟站点
在本地创建虚拟站点，如下图所示。
目标案例
下一页 返回
步骤7：系统显示刚对网站的设置内容，如果要对设置不满，可以单击“上 一步”按钮更改设置。
上一页 下一页 返回
知识点评
7．“属性”检查器
用于显示网页中各个元素的相关属性，用户可以设置“属性”面板中的 各选项参数，对网页中的各个属性作设置和修改。如下图所示。
1.1.2 Web浏览器基本结构原理
知识点评
中文名称：网络浏览器或网页浏览器，简称浏览器 （Web Browser）。 浏览器是显示网页服务器或文件系统内的HTML文件，并让用户与这些文件 互动的一种软件。个人计算机上常见的网页浏览器包括Microsoft Internet Explorer、Opera和Netscape等。浏览器是最常用的客户端程序。 网页浏览器主要通过HTTP协议连接网页服务器而取得网页，HTTP容许网页 浏览器送交数据到网页服务器并且获取网页。网页的位置以URL（统一资源定位 符）指示，此乃网页的地址，以HTTP: //开始的便是通过HTTP协议登录。 网页通常使用HTML（超文本标记语言）文件格式，并在HTTP协议内以 MIME内容形式来定义。大部分浏览器均支持许多HTML以外的文件格式，例如 JPEG、PNG和GIF图像格式。在HTTP协议和URL内容结合下，网页设计者便可 以把图像、动画、视频、声音和多媒体包含在网页中，或让浏览者透过网页而浏 览它们。
上一页 下一页 返回
知识点评
Dreamweaver另外还提供了许多面板、检查器或窗口。若要打开Dreamweaver 面板、检查器或窗口，可以使用【窗口】菜单进行选择，如下图所示。
【窗口】菜 单项所包含 的内容
上一页 返回
1.3.2 创建本地虚拟站点
在本地创建虚拟站点，如下图所示。
目标案例
下一页 返回
步骤7：系统显示刚对网站的设置内容，如果要对设置不满，可以单击“上 一步”按钮更改设置。
上一页 下一页 返回
知识点评
7．“属性”检查器
用于显示网页中各个元素的相关属性，用户可以设置“属性”面板中的 各选项参数，对网页中的各个属性作设置和修改。如下图所示。
网页设计与制作课件第1章 网页制作基础知识
第1章 网页制作基础知识
任务1
认识网页和网站
任务2
了解网站的开发流程
本章导读
要学习如何制作网页，首先需要 了解网页的一些基础知识，这样才 能使学习获得事半功倍的作用。
阶段1 什么是网页和网站
（1）什么是网页
❖ 网页其实就是一个文件，如下图。它可以承载网页制作者留下的 各种信息，然后通过互联网传输并使用浏览器显示成页面，让不 同的用户浏览。
网页中 的图像
3.动画
在网页中添加动画可以让浏览者更乐意浏览该网页。 特别在一些制作优美的动画，更能为网页增色不少， 吸引浏览者的目光。动画文件一般有GIF动画、Flash 动画。
4.表格
一个网页除了要有精彩的内容与协调的色彩外，还需要进行合理 地排版布局。表格的主要作用就是对网页进行排版和布局。
（3）网站主题
➢ 首先确定自己要做的网站主题，是以某个行业 为主题还是以个人兴趣爱好为主题；是专门以 售后服务为主题还是做门户类的网站等等，这 都是需要事先考虑好的，因为不同的主题，在 风格的表现形式和内容的侧重面上都不相同。
下面来看看不同主题的网站在设计的时候应当分 别注意些什么
以某个行业为主题的专业类网站在设计上要考虑其单 一性和专业行，不宜太花哨，应注重信息内容的重点 突出部分。
品而建立的网站，如金山毒霸、瑞星反病毒网站等.
反病毒 职能网 站
个人网站：是指一些由个人设计创建的网站。这种网站在内容和 形式上具有较强的个性化，通常都是以宣传自己或展示个人兴趣 爱好为主。
个人网站
专业网站：是指以某个专项作为网站的核心。通常这种网站都以 某个单一的题材作为网站的内容，如以游戏为主题的游戏网站， 以文学为主题的文学网站等。
游戏网 站
任务1
认识网页和网站
任务2
了解网站的开发流程
本章导读
要学习如何制作网页，首先需要 了解网页的一些基础知识，这样才 能使学习获得事半功倍的作用。
阶段1 什么是网页和网站
（1）什么是网页
❖ 网页其实就是一个文件，如下图。它可以承载网页制作者留下的 各种信息，然后通过互联网传输并使用浏览器显示成页面，让不 同的用户浏览。
网页中 的图像
3.动画
在网页中添加动画可以让浏览者更乐意浏览该网页。 特别在一些制作优美的动画，更能为网页增色不少， 吸引浏览者的目光。动画文件一般有GIF动画、Flash 动画。
4.表格
一个网页除了要有精彩的内容与协调的色彩外，还需要进行合理 地排版布局。表格的主要作用就是对网页进行排版和布局。
（3）网站主题
➢ 首先确定自己要做的网站主题，是以某个行业 为主题还是以个人兴趣爱好为主题；是专门以 售后服务为主题还是做门户类的网站等等，这 都是需要事先考虑好的，因为不同的主题，在 风格的表现形式和内容的侧重面上都不相同。
下面来看看不同主题的网站在设计的时候应当分 别注意些什么
以某个行业为主题的专业类网站在设计上要考虑其单 一性和专业行，不宜太花哨，应注重信息内容的重点 突出部分。
品而建立的网站，如金山毒霸、瑞星反病毒网站等.
反病毒 职能网 站
个人网站：是指一些由个人设计创建的网站。这种网站在内容和 形式上具有较强的个性化，通常都是以宣传自己或展示个人兴趣 爱好为主。
个人网站
专业网站：是指以某个专项作为网站的核心。通常这种网站都以 某个单一的题材作为网站的内容，如以游戏为主题的游戏网站， 以文学为主题的文学网站等。
游戏网 站
网页设计与制作第一章网页制作基础
ftp:///pub/ms-windows/winvn926.zip，用FTP协议访问北京大学FTP服务器上路径名为pub/ms-windows、文件名为winvn926.zip的文件。
/Addressing/URL/5-BNF.html#httpaddress，访问 服务器上Addressing/URL目录下的5-BNF.html 网页文件中锚点标识为httpaddress的地方。
关闭图片显示
*
在网络速度较慢时，不观看网页中的图片和其它多媒体内容可以得到更快的下载速度。通过“工具”→“Internet选项”打开Internet选项对话框，在“高级”选项卡中可以对浏览器的工作方式进行设置
*
通过工具→Internet选项，打开Internet选项对话框，在“内容”选项卡的“个人信息”部分单击“自动完成”按钮打开自动完成设置对话框 。
*
2.个人网站
*
个人网站具有较强个性化，是以个人名义开发创建的网站，其内容、样式、风格等都是非常有个性的。
*
3.专业网站
*
这类网站具有很强的专业性，通常只涉及某一个领域，内容专业。如榕树下网站（）即是一个专业文学网站。
*
4.职能网站
*
职能网站具有专门的功能，如政府职能网站等。目前逐渐兴起的电子商务网站也属于这类网站，较有名的电子商务网站有阿里巴巴（）、卓越网（）和当当网上书店（）等。
<TITLE>励志学社</TITLE>
【例】给网页设置 “励志学社”的文档标题，可在头部输入以下代码：
（4）主体标记 网页的主体是“<BODY>……</BODY>”标记对作用的范围
<BODY>标记用于定义HTML文档主体的开始，它能够设置网页的背景图像、背景颜色、链接颜色和网页边距等属性，其基本用法如下所示： <BODY Background="URL" Bgclolr=Color Bgpropeties=Fixed Leftmargin=n Link=Color Alink=Color Text=Color Topmargin=n Vlink=Color> Bgcolor为背景颜色。关于颜色的值后面会详细介绍。Text为不包含超级链接的文字颜色。 Link为超级链接文字的颜色。 Alink为正被点击的超级链接文字的颜色。
/Addressing/URL/5-BNF.html#httpaddress，访问 服务器上Addressing/URL目录下的5-BNF.html 网页文件中锚点标识为httpaddress的地方。
关闭图片显示
*
在网络速度较慢时，不观看网页中的图片和其它多媒体内容可以得到更快的下载速度。通过“工具”→“Internet选项”打开Internet选项对话框，在“高级”选项卡中可以对浏览器的工作方式进行设置
*
通过工具→Internet选项，打开Internet选项对话框，在“内容”选项卡的“个人信息”部分单击“自动完成”按钮打开自动完成设置对话框 。
*
2.个人网站
*
个人网站具有较强个性化，是以个人名义开发创建的网站，其内容、样式、风格等都是非常有个性的。
*
3.专业网站
*
这类网站具有很强的专业性，通常只涉及某一个领域，内容专业。如榕树下网站（）即是一个专业文学网站。
*
4.职能网站
*
职能网站具有专门的功能，如政府职能网站等。目前逐渐兴起的电子商务网站也属于这类网站，较有名的电子商务网站有阿里巴巴（）、卓越网（）和当当网上书店（）等。
<TITLE>励志学社</TITLE>
【例】给网页设置 “励志学社”的文档标题，可在头部输入以下代码：
（4）主体标记 网页的主体是“<BODY>……</BODY>”标记对作用的范围
<BODY>标记用于定义HTML文档主体的开始，它能够设置网页的背景图像、背景颜色、链接颜色和网页边距等属性，其基本用法如下所示： <BODY Background="URL" Bgclolr=Color Bgpropeties=Fixed Leftmargin=n Link=Color Alink=Color Text=Color Topmargin=n Vlink=Color> Bgcolor为背景颜色。关于颜色的值后面会详细介绍。Text为不包含超级链接的文字颜色。 Link为超级链接文字的颜色。 Alink为正被点击的超级链接文字的颜色。
网页设计与制作- 第01章_网页设计概述
14
网页设计与制作
1.1 网页基本概念
– 7．导航栏：导航栏的作用是引导浏览者准确、 方便地查看当前网站的不同内容并在相关页面之 间自由跳转。实际上，导航栏就是一组相对固定 的超链接，链接的目标就是站点中的主要网页。
– 8．表单：网页中的表单类似于Windows程序的 窗体，主要用来将浏览者输入的信息提交给服务 器端程序进行处理。表单是提供交互功能的基本 元素，例如问卷调查、信息查询、用户注册、网 上订购等，都需要通过表单进行客户端信息的收 集工作。
7
网页设计与制作
1.1 网页基本概念
• 例1.1 打开记事本（notepad.exe），输入如
下内容，将文件保存为ep1_1.html，然后双击
ep1_1.html在浏览器中打开并预览。效果如图
所示。
<html> </html>
<head> </head> <body>
</body>
<title>我的HTML网页</title>
– 9．其他常见元素：网页中除了以上几种最基本 的元素之外，还有一些其他的常见元素，包括悬 停按钮、Java特效和ActiveX特效等。这些元素 使网页更加丰富多彩和生动有趣。
15
网页设计与制作
1.2 网页浏览的基本原理
• 1.2.1 WWW服务器工作模式 • 1．客户机和服务器
– Web服务是建立在客户机/应用服务器/数据 库服务器（Client/ Server/ Database Server，C/S/DS）三层结构模型之上的， 在网络环境中，客户机向服务器发出服务请 求，服务器接收并处理客户的请求，最后将 结果返回到客户机。
网页设计与制作
1.1 网页基本概念
– 7．导航栏：导航栏的作用是引导浏览者准确、 方便地查看当前网站的不同内容并在相关页面之 间自由跳转。实际上，导航栏就是一组相对固定 的超链接，链接的目标就是站点中的主要网页。
– 8．表单：网页中的表单类似于Windows程序的 窗体，主要用来将浏览者输入的信息提交给服务 器端程序进行处理。表单是提供交互功能的基本 元素，例如问卷调查、信息查询、用户注册、网 上订购等，都需要通过表单进行客户端信息的收 集工作。
7
网页设计与制作
1.1 网页基本概念
• 例1.1 打开记事本（notepad.exe），输入如
下内容，将文件保存为ep1_1.html，然后双击
ep1_1.html在浏览器中打开并预览。效果如图
所示。
<html> </html>
<head> </head> <body>
</body>
<title>我的HTML网页</title>
– 9．其他常见元素：网页中除了以上几种最基本 的元素之外，还有一些其他的常见元素，包括悬 停按钮、Java特效和ActiveX特效等。这些元素 使网页更加丰富多彩和生动有趣。
15
网页设计与制作
1.2 网页浏览的基本原理
• 1.2.1 WWW服务器工作模式 • 1．客户机和服务器
– Web服务是建立在客户机/应用服务器/数据 库服务器（Client/ Server/ Database Server，C/S/DS）三层结构模型之上的， 在网络环境中，客户机向服务器发出服务请 求，服务器接收并处理客户的请求，最后将 结果返回到客户机。
第一章网页基础
1.1.3静态网页与动态网页 1.1.3静态网页与动态网页
2. 动态网页 动态网页使用ASP、PHP和CGI等程序生成，动态网页中的某些脚本 只能在Web服务器上运行，而静态网页中的任何脚本都不能在Web 服务上运行。当Web服务器接收到对静态网页的请求时，服务器将 Web 该页发送到请求浏览器，而不进一步的处理。当Web服务器接收到 对动态网页的请求时，它将做出不同的反映：服务器根据URL携带 的参数通过应用服务软件（如IIS等）运行服务器端程序，产生的结 果页面再返回客户端。应用服务软件与Web服务器软件一并安装、 运行在同一台计算机上。
1.2 网站的基本结构
• 1.2.2 动态网站的层次结构 • Web服务器上存在许多HTML文件，用户可以使用浏览器通过HTTP 协议来访问并显示这些超文本页面。但是HTML文件仅仅是静态的网 页，不能动态更新，为了能动态访问网上的数据库资源，达到交互式 的访问的目的，Web服务器中包括了CGI（公共网关接口），提供了 与网上数据库资源连接的可能性。中间件可以实现Web服务器与数据 库资源的连接。对于嵌入了数据库访问检索项的网页，中间件可以将 检索项转换成SQL语句访问数据库，并将所需的数据库资源解释成浏 览器可以解释的HTML页面供用户浏览。数据库资源可以经局域网或 广域网与Web服务器连接。 • 另外，从站点的文件目录层次来看，网站内文件组织的第一层是站点 文件夹，可以看成是站点的根目录；将网站内容分类后，放在站点文 件夹下面的子目录，称为第二层；每个分类内容下面还有细节内容可 以放在第二层目录的下面，称为第三层。网站的目录结构设计主要考 虑是否方便浏览者进行浏览，这需要网站的设计者对网站的内容在整 体上进行规划。一般中小型的网站的层次不超过三层，层次过于复杂 容易使浏览者不易查找到想要浏览的内容。
网页设计与制作基础知识
网页设计与网站建设第1章网页制作基础知识本章内容1.1 基本概念☐计算机网络是Internet的基础，是多台计算机通过特定的连接方式构成的一个计算机的集合体。
☐网络是现代社会传播信息的重要途径，而网页又是这一途径中最为重要的手段。
可以说，在上网冲浪已经成为一种时尚的今天，网页已经成为人们与外界沟通的重要桥梁。
1.1.1 什么是Internet☐Internet，即英特网的英文表示，是最著名的广域网。
☐全世界的计算机相互连接而形成一个整个地球规模的计算机网络，这个全地球规模的计算机网络就是Internet。
☐在Internet中的任意一台计算机都可以从Internet上的其它计算机中来获得信息。
Internet的历史它起源与1969年，是由美国国防部设立的名为APPANET的军用网络。
1982年，美军方从APPANET 撤出，主要用于学术机构的连接，科学家可以分享数据今天Internet，以千万计的用户使用的全球性网络，没有人或机构拥有或全面控制。
Internet在我国的发展现状从国内Internet的发展现状来看，1994年4月，中科院计算机网络信息中心正式接入Internet，从此，中国Internet发生了飞速的发展。
截至2009年底，我国网民人数达到了3.84亿，即每四人中就有一人是网民。
另外网站数、IP地址等也迅速增长，分别达到251万和2.3亿。
从域名、网站数、IP地址等增长情况来看，我国互联网资源得到了全面提升。
Internet的接入方式PSTN接入（电话拨号）ISDN接入（综合业务数据网）DDN专线接入（数字数据网）DSL接入（宽带技术）分为对称的DSL和非对称的DSLInternet基本服务功能WWW服务WWW（World Wide Web，可译为“万维网”），是一个基于超级文本的信息查询工具。
WWW是在Internet的基础上，由各计算机节点上的WWW软件和超级文本格式的信息文件组成的。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
Internet Information Server（IIS）：是目前最流行的Web服务器产品之一 ，是允许在公共Intranet或Internet上发布信息的Web服务器。
IIS是一种Web服务组件，包括Web服务器、FTP服务器、NNTP服务器和 SMTP服务器，分别用于网页浏览、文件传输、新闻服务和邮件发送等 方面，它提供ISAPI（Intranet Server API）作为扩展Web服务器功能 的编程接口；同时，它还提供一个Internet数据库连接器，可以实现对 数据库的查询和更新。
浏览器是客户端程序，目前广泛使用的IE（Internet Explorer）、傲游、 火狐、360浏览器，在其地址栏中键入文件的URL即可浏览HTML文 档。
143..1
I浏nt览er器ne及t基服础务知器识
1.1.2 浏览器及服务器
Web服务器是指驻留于Internet上某种类型计算机的程序。当Web浏览器 （客户端）连到服务器上并请求文件时，服务器将处理该请求并将文 件发送到该浏览器上。
1.1
Internet基础知识
1.1.1 Internet相关概念
HTTP就是一个将书 的内容（每一页的内 容）运载到读者眼前 的一种传输机制
WWW就像 Internet上一 个大型图书馆
“WWW站点”、 “Web站点”、网站 或“Web节点”就像一地 址（URL）
超媒体（Hyper Media）：是指图形图像、音频、视频、动画等媒体格式 表达的内容。
超级链接（Hyper Link）：是指从一种文本、图形图像等内容对象链接或 者映射到其他对象上。超级链接极大地扩充了互联网的表达能力，方 便了用户的信息浏览。
1.1
Internet基础知识
1.1.1 Internet相关概念
HTML（Hyper Text Markup Language）：即超文本标记语言，它通过 多种标准化的标记符（Tag）对网页内容进行标注，对页面超媒体内 容的输出格式以及各内容部分之间逻辑上的组织关系等进行描述和指 定。
TCP/IP（Transportation Control Protocol/Internet Protocol）协议：是 Internet上所有计算机进行信息交互和传输所采用的协议，也是Web服 务器与其他网络计算机互连的基本通信协议。
1.1
Internet基础知识
1.1.1 Internet相关概念
HTTP（Hyper Text Transfer Protocol）：即超文本传输协议。它是一种 用于在Web浏览器和Web服务器之间进行通信、传输超文本内容的应 用层网络协议。
URL（Uniform/Universal Resource Locator ）：即统一资源定位器。它 提供了互联网上资源的准确位置，描述了Web浏览器请求和显示某个 特定资源所需要的全部信息，包括使用的传输协议、提供服务的主机 名、客户与远程主机连接时使用的端口号、以及HTML文档在远程主 机上的路径和文件名等。URL的格式为：
常用的Web服务器包括： Microsoft IIS IBM WebSphere Apache iPlanet Application Server Oracle IAS BEA WebLogic等
13..1
In浏te览rn器e及t基服础务知器识
1.1.2 浏览器及服务器
Web服务器软件-Microsoft IIS
所有相关的Web 页的集合就构成 一个Web站点
“Web页”或“网 页”则是书中的某 一页
“Homepage”或“主 页”则是某一个 WWW站点的起始页， 它像是一本书的封面 或目录
13..1
In浏te览rn器e及t基服础务知器识
1.1.2 浏览器及服务器
所谓的Web浏览器是用来浏览Web上的超文本内容的软件工具，它使用 超文本传输协议HTTP接收采用标准HTML语言编写的页面，以URL 为统一的定位格式，它负责解释服务器传回的超媒体信息并展示在用 户屏幕上。
络。它不是单一的系统，而是无数系统的集合，从而使它成为当今信息社会 中人们获得信息的重要工具之一。
超文本 超媒体 超级链接 超文本标记语言 TCP/IP协议 TP地址 域名系统 超文本传输协议 统一资源定位器等
1.1
Internet基础知识
1.1.1 Internet相关概念
超文本（Hypertext）：是通过超级链接的方式连接多种相关内容的信息 组织方式，它通过建立文档内部或者与文档之间的非线性关系为用户 提供一种超越传统文本顺序思维的自由沟通途径。
1.1 Internet基础知识
1.1.1 Internet相关概念
TP地址：由4组、每组8个二进制位构成的，实际表示时可用“点分十进 制”编址，如58.63.236.238。每一台主机必须有一个惟一的IP地址以 确定其位置。
域名系统：一种字符型的地址标识，这就是域名。每台主机的域名与它 的IP地址是一一对应的，域名的结构为： 主机名.三级域名.二级域名.一级域名 域名分为4个区，从左到右表示的区域范围越来越大。 例如：，其中cn为顶级域名，表示中国；com是二 级域名，表示商业组织。
第1章 网页基础知识
Internet基础知识 HTML简介
网站策划与设计 本章要点和概念
1.1
Internet基础知识
1.1.1 Internet相关概念 1.1.2 浏览器及服务器 1.1.3 网络多媒体信息
1.1
Internet基础知识
1.1.1 Internet相关概念 Internet是集现代计算机技术、通讯技术于一体的全球性计算机互连网
（协议）：//（主机名）：（端口号）/（文件路径）/（文件名）
1.1
Internet基础知识
1.1.1 Internet相关概念
WWW（World Wide Web）：是建立于Internet基础之上、按照HTTP （超文本传输协议）组合在一起的全球网络服务器的整体。 WWW关 键在于“链接”，正是通过一个个奇妙的链接，无数个网站、网页、 文件被紧密地联系在一起，每个网站就像是一张大网中的节点，忠实 地履行着自己的使命和职责。
IIS是一种Web服务组件，包括Web服务器、FTP服务器、NNTP服务器和 SMTP服务器，分别用于网页浏览、文件传输、新闻服务和邮件发送等 方面，它提供ISAPI（Intranet Server API）作为扩展Web服务器功能 的编程接口；同时，它还提供一个Internet数据库连接器，可以实现对 数据库的查询和更新。
浏览器是客户端程序，目前广泛使用的IE（Internet Explorer）、傲游、 火狐、360浏览器，在其地址栏中键入文件的URL即可浏览HTML文 档。
143..1
I浏nt览er器ne及t基服础务知器识
1.1.2 浏览器及服务器
Web服务器是指驻留于Internet上某种类型计算机的程序。当Web浏览器 （客户端）连到服务器上并请求文件时，服务器将处理该请求并将文 件发送到该浏览器上。
1.1
Internet基础知识
1.1.1 Internet相关概念
HTTP就是一个将书 的内容（每一页的内 容）运载到读者眼前 的一种传输机制
WWW就像 Internet上一 个大型图书馆
“WWW站点”、 “Web站点”、网站 或“Web节点”就像一地 址（URL）
超媒体（Hyper Media）：是指图形图像、音频、视频、动画等媒体格式 表达的内容。
超级链接（Hyper Link）：是指从一种文本、图形图像等内容对象链接或 者映射到其他对象上。超级链接极大地扩充了互联网的表达能力，方 便了用户的信息浏览。
1.1
Internet基础知识
1.1.1 Internet相关概念
HTML（Hyper Text Markup Language）：即超文本标记语言，它通过 多种标准化的标记符（Tag）对网页内容进行标注，对页面超媒体内 容的输出格式以及各内容部分之间逻辑上的组织关系等进行描述和指 定。
TCP/IP（Transportation Control Protocol/Internet Protocol）协议：是 Internet上所有计算机进行信息交互和传输所采用的协议，也是Web服 务器与其他网络计算机互连的基本通信协议。
1.1
Internet基础知识
1.1.1 Internet相关概念
HTTP（Hyper Text Transfer Protocol）：即超文本传输协议。它是一种 用于在Web浏览器和Web服务器之间进行通信、传输超文本内容的应 用层网络协议。
URL（Uniform/Universal Resource Locator ）：即统一资源定位器。它 提供了互联网上资源的准确位置，描述了Web浏览器请求和显示某个 特定资源所需要的全部信息，包括使用的传输协议、提供服务的主机 名、客户与远程主机连接时使用的端口号、以及HTML文档在远程主 机上的路径和文件名等。URL的格式为：
常用的Web服务器包括： Microsoft IIS IBM WebSphere Apache iPlanet Application Server Oracle IAS BEA WebLogic等
13..1
In浏te览rn器e及t基服础务知器识
1.1.2 浏览器及服务器
Web服务器软件-Microsoft IIS
所有相关的Web 页的集合就构成 一个Web站点
“Web页”或“网 页”则是书中的某 一页
“Homepage”或“主 页”则是某一个 WWW站点的起始页， 它像是一本书的封面 或目录
13..1
In浏te览rn器e及t基服础务知器识
1.1.2 浏览器及服务器
所谓的Web浏览器是用来浏览Web上的超文本内容的软件工具，它使用 超文本传输协议HTTP接收采用标准HTML语言编写的页面，以URL 为统一的定位格式，它负责解释服务器传回的超媒体信息并展示在用 户屏幕上。
络。它不是单一的系统，而是无数系统的集合，从而使它成为当今信息社会 中人们获得信息的重要工具之一。
超文本 超媒体 超级链接 超文本标记语言 TCP/IP协议 TP地址 域名系统 超文本传输协议 统一资源定位器等
1.1
Internet基础知识
1.1.1 Internet相关概念
超文本（Hypertext）：是通过超级链接的方式连接多种相关内容的信息 组织方式，它通过建立文档内部或者与文档之间的非线性关系为用户 提供一种超越传统文本顺序思维的自由沟通途径。
1.1 Internet基础知识
1.1.1 Internet相关概念
TP地址：由4组、每组8个二进制位构成的，实际表示时可用“点分十进 制”编址，如58.63.236.238。每一台主机必须有一个惟一的IP地址以 确定其位置。
域名系统：一种字符型的地址标识，这就是域名。每台主机的域名与它 的IP地址是一一对应的，域名的结构为： 主机名.三级域名.二级域名.一级域名 域名分为4个区，从左到右表示的区域范围越来越大。 例如：，其中cn为顶级域名，表示中国；com是二 级域名，表示商业组织。
第1章 网页基础知识
Internet基础知识 HTML简介
网站策划与设计 本章要点和概念
1.1
Internet基础知识
1.1.1 Internet相关概念 1.1.2 浏览器及服务器 1.1.3 网络多媒体信息
1.1
Internet基础知识
1.1.1 Internet相关概念 Internet是集现代计算机技术、通讯技术于一体的全球性计算机互连网
（协议）：//（主机名）：（端口号）/（文件路径）/（文件名）
1.1
Internet基础知识
1.1.1 Internet相关概念
WWW（World Wide Web）：是建立于Internet基础之上、按照HTTP （超文本传输协议）组合在一起的全球网络服务器的整体。 WWW关 键在于“链接”，正是通过一个个奇妙的链接，无数个网站、网页、 文件被紧密地联系在一起，每个网站就像是一张大网中的节点，忠实 地履行着自己的使命和职责。