网页设计与制作课件第1章 计算机网络概述
合集下载
网页设计与制作课件第1章 计算机网络概述
来充当网关。 (2) 资源子网 资源子网实现全网的面向应用的数据处理和网络资源
共享。它由各种硬件和软件组成。
2021/8/17
计算机网络--刘桂江
15
1.1.3 计算机网络的组成与功能(4/4)
2.计算机网络的功能 (1) 数据通信 计算机网络最基本的功能。 (2) 资源共享 (3) 负荷均衡和分布处理
2021/8/17
计算机网络--刘桂江
29
1.3.2 Internet发展的三个阶段
第一阶段：从单个网络ARPAnet向互联网发展的过程。 第二阶段：建成了三级结构的Internet。 第三阶段：逐渐形成了多级ISP结构的Internet。
ISP（Internet Service Provider）就是 一个进行 商业活动的公司，因此它又常称为Internet服务提 供商。
4.信息高速公路阶段
信息高速公路是“网络的网络”，它是由许多客户机、 服务器和小型网络组成的大规模网络。
5.我国网络应用现状和前景
(1) 网络应用工程
1) CHINAPAC，CHINADDN和CHINANET
2) 金桥工程
金桥工程是为金字号工程提供服务的网络工程。 3) 其他金字工程
主要有金关工程、金卡工程、金税工程、金企工程等。
19
1.2.1 计算机网络的类型（3/9 ）
3.按对数据的组织方式划分 （1） 分布式网络系统 系统中的资源既是互连的，又是独立的。 （2） 集中式网络系统 将网络系统中的资源进行统一管理。 （3） 分布集中式网络系统
2021/8/17
计算机网络--刘桂江
20
1.2.1 计算机网络的类型（4/9 ）
部分，如图所示，虚线框内表示通信子网，框外表示资 源子网。
共享。它由各种硬件和软件组成。
2021/8/17
计算机网络--刘桂江
15
1.1.3 计算机网络的组成与功能(4/4)
2.计算机网络的功能 (1) 数据通信 计算机网络最基本的功能。 (2) 资源共享 (3) 负荷均衡和分布处理
2021/8/17
计算机网络--刘桂江
29
1.3.2 Internet发展的三个阶段
第一阶段：从单个网络ARPAnet向互联网发展的过程。 第二阶段：建成了三级结构的Internet。 第三阶段：逐渐形成了多级ISP结构的Internet。
ISP（Internet Service Provider）就是 一个进行 商业活动的公司，因此它又常称为Internet服务提 供商。
4.信息高速公路阶段
信息高速公路是“网络的网络”，它是由许多客户机、 服务器和小型网络组成的大规模网络。
5.我国网络应用现状和前景
(1) 网络应用工程
1) CHINAPAC，CHINADDN和CHINANET
2) 金桥工程
金桥工程是为金字号工程提供服务的网络工程。 3) 其他金字工程
主要有金关工程、金卡工程、金税工程、金企工程等。
19
1.2.1 计算机网络的类型（3/9 ）
3.按对数据的组织方式划分 （1） 分布式网络系统 系统中的资源既是互连的，又是独立的。 （2） 集中式网络系统 将网络系统中的资源进行统一管理。 （3） 分布集中式网络系统
2021/8/17
计算机网络--刘桂江
20
1.2.1 计算机网络的类型（4/9 ）
部分，如图所示，虚线框内表示通信子网，框外表示资 源子网。
网页设计与制作课件第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．“属性”检查器
用于显示网页中各个元素的相关属性，用户可以设置“属性”面板中的 各选项参数，对网页中的各个属性作设置和修改。如下图所示。
《网页设计与制作》电子教案课程课件PPT 第一章
1.2.1站点的内容规划(2)
制作网页时还要注意一些问题： 第一，合理安排主页内容，主页应该简洁清晰、 一目了然，重点突出，图文有序。 第二，网页上要善用图片，色彩协调，格调一致， 但又要注意图片不可过大，以免影响浏览时的下 载速度。 第三，要易于导航，尽量减少链接级数，尽快通 过链接接触到实际内容，否则会使浏览者失去兴 趣。 第四，即要美观实用，又要有新颖的创意，网页 上要有一些与众不同的闪光点。Leabharlann 1.2.2站点的定义 (1)
如果有了站点文件夹，必须先经过定义，将这 个站点纳入到Dreamweaver的管理范围内。在 Dreamweaver中可以定义多个站点，但只有一 个站点是当前站点。
1.2.2站点的定义 (2)
1．定义站点 定义站点的具体操作步骤如下： （1）打开“站点”菜单，选择“定义站点”命令， 出现“定义网站”对话框。如图1-4所示。 （2）在“定义网站”对话框中，单击“新建”按 钮，出现“站点定义”对话框。如图1-5所示。 图1-5“站点定义”对话框 （3）在“站点定义”对话框中输入站点名称和站 点所在的路径，单击“确定”后返回“定义网站” 对话框。
1.1.2网页制作软件
本书介绍的软件是Macromedia公司的 Dreamweaver MX网页设计制作软件。在 Dreamweaver MX启动时会弹出如下窗口为 了方便读者与老版本衔接学习本书采用 Dreamweaver 4.0的经典样式。
1.2.3 Dreamweaver MX窗口介绍
Dreamweaver MX经过安装并输入正确的序列 号之后，用户就可以在Windows的启动菜单中 找到Dreamweaver MX的启动命令，点击该命 令即可启动Dreamweaver MX。启动后的窗口 界面如图1-1所示。
网页设计与制作基础培训课件
2010年8月
网页设计与制作基础
安徽师范大学
WWW服务采用了客户／服务器工作模式
۞ 在该模式中，信息资源以页面（也称网页或Web页） 的形式存储在Web服务器中；用户查询信息时执行 一个客户端的应用程序，简称客户程序（Cient） 或称为浏览器（Browser）程序。
超文本（Hypertext）数据结构
计算机网络分为以下3类：
۞ 局域网（Local Area Network，LAN） ۞ 城域网（Metropolitan Area Network，MAN） ۞ 广域网（Wide Area Network，WAN）
计算机网络的应用
۞ (1)信息的获取与发布 ۞ (3)网上交际 ۞ (5)网络电话 ۞ (7)远程登录 ۞ (9)电子公告板
IE 浏览器
۞ 是客户端的浏览器软件具有Internet地址(Web地址) 和文件路径导航能力，它向Web服务器发出请求， 从Web 服务器上搜索需要的信息、浏览Web 网页、 查看源文件、收发电子邮件，上传网页等。
2010年8月
网页设计与制作基础
安徽师范大学
1.1.2 计算机网络分类、功能和应用
۞ 静 态 网 页 是 一 个 html 或 htm 文 件 ， 服 务 器 传 送 HTML代码的文件，不加处理直接下载到客户端的 浏览器，再由浏览器解释为可见的对象呈现给浏览 者。运行在客户端的页面是已经事先做好并存放在 服务器中的网页。
۞ 静态网页的缺点：呆板、缺乏交互性等
2010年8月
网页设计与制作基础
۞ 是一种用计算机来实现连接相关文档的结构，该连 接以高亮单词或图象形式嵌入在文档的文字之中。 当被激活时，便立即检索连接的文档并显示出来， 在被连接的文档中又可以嵌套别的连接，如此多重 嵌套，以至无穷。
网页设计与制作基础
安徽师范大学
WWW服务采用了客户／服务器工作模式
۞ 在该模式中，信息资源以页面（也称网页或Web页） 的形式存储在Web服务器中；用户查询信息时执行 一个客户端的应用程序，简称客户程序（Cient） 或称为浏览器（Browser）程序。
超文本（Hypertext）数据结构
计算机网络分为以下3类：
۞ 局域网（Local Area Network，LAN） ۞ 城域网（Metropolitan Area Network，MAN） ۞ 广域网（Wide Area Network，WAN）
计算机网络的应用
۞ (1)信息的获取与发布 ۞ (3)网上交际 ۞ (5)网络电话 ۞ (7)远程登录 ۞ (9)电子公告板
IE 浏览器
۞ 是客户端的浏览器软件具有Internet地址(Web地址) 和文件路径导航能力，它向Web服务器发出请求， 从Web 服务器上搜索需要的信息、浏览Web 网页、 查看源文件、收发电子邮件，上传网页等。
2010年8月
网页设计与制作基础
安徽师范大学
1.1.2 计算机网络分类、功能和应用
۞ 静 态 网 页 是 一 个 html 或 htm 文 件 ， 服 务 器 传 送 HTML代码的文件，不加处理直接下载到客户端的 浏览器，再由浏览器解释为可见的对象呈现给浏览 者。运行在客户端的页面是已经事先做好并存放在 服务器中的网页。
۞ 静态网页的缺点：呆板、缺乏交互性等
2010年8月
网页设计与制作基础
۞ 是一种用计算机来实现连接相关文档的结构，该连 接以高亮单词或图象形式嵌入在文档的文字之中。 当被激活时，便立即检索连接的文档并显示出来， 在被连接的文档中又可以嵌套别的连接，如此多重 嵌套，以至无穷。
网页设计与制作- 第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）三层结构模型之上的， 在网络环境中，客户机向服务器发出服务请 求，服务器接收并处理客户的请求，最后将 结果返回到客户机。
《网络艺术设计》PPT课件
富的网络互联系统。是继电话、电视后的 第三大公共系统。 • 信息高速公路 信息高速公路——是一个多媒体信息交互
高速通信的广域网。 Internet是一个国际性的广域网，但还 不够“高速”，是通向未来“信息高速公路” 的基础和雏形。
• 下一代Internet（NGI） 任务：开发、试验先进的组网技术，研究网
谢谢
2007.9.11
感谢下 载
Байду номын сангаас
感谢下 载
络的可靠性、多样性、安全性、业务 实时能力、远程操作及远程控制试验 设施等问题。 研究重点：网络扩展设计、端到端服务质
量、安全性。 特征：更快、更大、更安全、更及时、更方
便，其核心技术是IPv6。
1.1.2 Internet与TCP/IP协议 TCP/IP协议是互联网络信息交换的规
则、规范的集合体，意为传输控制协议/网 际协议。 TCP的功能：对网络中计算机和通信设备的
IP地址的分配分为静态地址和动态地址 分配两种。动态地址的好处是网络的地址资 源可以节省，网络的的利用效率得以提高。
1.1.3 Internet网络地址 Internet地址格式：用户名@域名
• 网址与域名
1. 真实的网址一般指网站的IP地址，它是由4 组
3位以内的数字构成，代表一个独特的网络位置。
基于URL的协议: http:// 超文本传输协议 ftp:// 文件传输协议 Gopher:// File:// News: 新闻组协议 mailto: 电子邮件协议 telnet: 远程登录协议
访问普通Interest文档 访问FTP网站及文件 访问Gopher菜单及文档 访问本地硬盘上的文档 访问UseNet新闻组 访问E-mail信息 访问Telnet进程
高速通信的广域网。 Internet是一个国际性的广域网，但还 不够“高速”，是通向未来“信息高速公路” 的基础和雏形。
• 下一代Internet（NGI） 任务：开发、试验先进的组网技术，研究网
谢谢
2007.9.11
感谢下 载
Байду номын сангаас
感谢下 载
络的可靠性、多样性、安全性、业务 实时能力、远程操作及远程控制试验 设施等问题。 研究重点：网络扩展设计、端到端服务质
量、安全性。 特征：更快、更大、更安全、更及时、更方
便，其核心技术是IPv6。
1.1.2 Internet与TCP/IP协议 TCP/IP协议是互联网络信息交换的规
则、规范的集合体，意为传输控制协议/网 际协议。 TCP的功能：对网络中计算机和通信设备的
IP地址的分配分为静态地址和动态地址 分配两种。动态地址的好处是网络的地址资 源可以节省，网络的的利用效率得以提高。
1.1.3 Internet网络地址 Internet地址格式：用户名@域名
• 网址与域名
1. 真实的网址一般指网站的IP地址，它是由4 组
3位以内的数字构成，代表一个独特的网络位置。
基于URL的协议: http:// 超文本传输协议 ftp:// 文件传输协议 Gopher:// File:// News: 新闻组协议 mailto: 电子邮件协议 telnet: 远程登录协议
访问普通Interest文档 访问FTP网站及文件 访问Gopher菜单及文档 访问本地硬盘上的文档 访问UseNet新闻组 访问E-mail信息 访问Telnet进程
《网页设计与制作》(第二版)电子课件第一章
（1）创意并不是天才的灵感，
而是思考的结果
根据美国广告学教授詹姆斯的研究，创意思考的过 程可分为五个阶段： 准备期 ——研究所搜集的资料，根据经验，启发 新创意； 孵化期 ——将资料咀嚼消化，使意识自由发展， 任意结合； 启示期 ——意识发展并结合，产生创意； 验证期 ——将产生的创意讨论修正；
（4）其他注意方面
①不要使用中文目录名，使用中文目录名可能 对网址的正确显示造成困难。 ②不要使用过长的目录名，太长的目录名不便 于记忆。 ③尽量使用意义明确的目录名，你可以用Flash、 Dhtml、Javascript来建立目录名，也可以用1， 2，3来建立目录名，但是哪一个更明确，更 便于记忆和管理呢?显然是前者。
现实生活中的Logo
（2）设计网站的标准色彩
“标准色彩”是指能体现网站形象和延伸内涵的色彩。 例如：IBM的深蓝色，肯德基的红色条形，Windows 视窗标志上的红蓝黄绿色块，都使我们觉得很贴切， 很和谐。 标准色彩要用于网站的标志、标题、主菜单和主色 块，给人以整体统一的感觉。一般来说，一个网站的 标准色彩不超过3种 ，太多则让人眼花缭乱
1.3网站建立的一般流程
一般来说，网页制作可分为三个阶段： 1．前期工作准备阶段：在此阶段主要完成以下几 个方面的工作：拟定网页主题、搜集相关资料、 规划网页内容、绘制结构草图。 2．中期制作阶段：在此阶段主要利用各种网页制 作工具，开始制作网页，并不断地进行上传与测 试，直到最后制作完毕。 3．后期维护阶段：网页制作完成后，可进行发布 和推广应用。根据需要，对网页进行更新与维护。
栏目的实质是一个网站的大纲索引，索引应该 将网站的主体明确显示出来
一般的网站栏目安排要注意以下几方面： （1）记住一定要紧扣你的主题即将你的主题按 一定的方法分类并将它们作为网站的主题栏目 （2）设立一个最近更新或网站指南栏目 （3）设立一个可以双向交流的栏目 （4）设立一个下载或常见问题回答栏目
网页设计与制作-01要点
第20页
远程登录服务(Telnet)
远程登录服务（Telnet）远程登录就是用户 通过计算机网络进入和使用远程的计算机 系统。
第21页
电子公告板服务（ BBS）
（BBS）即公告板系统（Bullet in Board System）是一个信息和文件的陈列室,常常 集中于一个特定主题，像发告示一样，将 要公布的信息粘帖到公告栏上，其他人可 以随时看到信息。
第3页
教学过程
Internet与WWW的发展历程 Web的基本概念 Web技术基础及高级技术 Web应用开发基础
第4页
1.1 Internet与WWW
第5页
什么是Internet
Internet是一个具体的网络实体,泛指全球 计算机网络的集合，是一个全球性的信息 通信网络，我们称之为因特网。
From Dr. Vinton Cerf, Co-Creator of TCP/IP
第24页
Web服务器
Web服务器是在网络中为实现信息发布、 资料查询、数据处理等诸多应用搭建基本 平台的服务器。
1945
1995
第10页
1.1 Internet与WWW
Internet的技术基础 TCP/IP
包括近100个协议,其中TCP是传送控制协 议;IP(Internet Protocol)是网际网协议。
域名系统(DNS)
实现域名与其所对应的IP地址进行对应和转 换
第11页
协议
是关于信息格式及信息交换规则的描述。
第6页
一、Internet的发展史
ARPANET
1969年,美国国防部 (DoD, Department of Defense)
实验性质的包交换 (packet-switched) 网络系统 1980年,分成APARNET及Milnet: 军事用途 五大特点: 1、支持资源共享 2、采用分布式控制技术 3、采用分组交换技术 4、使用通信控制交换技术 5、采用分层的网络通信协议
远程登录服务(Telnet)
远程登录服务（Telnet）远程登录就是用户 通过计算机网络进入和使用远程的计算机 系统。
第21页
电子公告板服务（ BBS）
（BBS）即公告板系统（Bullet in Board System）是一个信息和文件的陈列室,常常 集中于一个特定主题，像发告示一样，将 要公布的信息粘帖到公告栏上，其他人可 以随时看到信息。
第3页
教学过程
Internet与WWW的发展历程 Web的基本概念 Web技术基础及高级技术 Web应用开发基础
第4页
1.1 Internet与WWW
第5页
什么是Internet
Internet是一个具体的网络实体,泛指全球 计算机网络的集合，是一个全球性的信息 通信网络，我们称之为因特网。
From Dr. Vinton Cerf, Co-Creator of TCP/IP
第24页
Web服务器
Web服务器是在网络中为实现信息发布、 资料查询、数据处理等诸多应用搭建基本 平台的服务器。
1945
1995
第10页
1.1 Internet与WWW
Internet的技术基础 TCP/IP
包括近100个协议,其中TCP是传送控制协 议;IP(Internet Protocol)是网际网协议。
域名系统(DNS)
实现域名与其所对应的IP地址进行对应和转 换
第11页
协议
是关于信息格式及信息交换规则的描述。
第6页
一、Internet的发展史
ARPANET
1969年,美国国防部 (DoD, Department of Defense)
实验性质的包交换 (packet-switched) 网络系统 1980年,分成APARNET及Milnet: 军事用途 五大特点: 1、支持资源共享 2、采用分布式控制技术 3、采用分组交换技术 4、使用通信控制交换技术 5、采用分层的网络通信协议