网页设计与制作PPT模板.ppt
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
• 我们知道新浪网的域名：，但很少有人知道新浪网服务器的地址是多 少？
• 域名的分类：域名系统是一个分层的树状结构组织，如图所示。最上 面是一个无名的根域，下层为顶级域名，接着是二级……
1.1.4 域名与地址
根域
Com net
org
Ibm hp yahoo
jp
cn
tw
Com edu net
Sina
1.2.3 动画制作工具
• 是目前网页制作中最为出色的动画制作软件，它是一种交互式动画设 计工具，用它可以将音乐、声效、动画以及富有新意的界面融合在一 起，以制作出高品质的网页动态效果。所使用的图形是压缩的矢量图 形，采用了网络流式媒体技术，突破了网络带宽的限制，可以边下载 边播放，这样避免用户长时间的等待，设计者可以随心所欲地设计出 高品质的动画，已经慢慢成为网页动画的标准，成为一种新兴的技术 发展方向。本教材将在以后的章节做详细的介绍。
1.1.4 域名与地址
• 在上的每台网络设备都要有一个唯一的地址才能被访问到，这个地址 就是地址。
• 地址是由32的二进制数值构成，分成4组，转化为十进制用点分隔， 比如：202.100.4.11。
0123 8
16
24
31
A 0 网络号
主机号
0123 8
16
24
31
B 10
网络号
0123 8
16
主机号
图1.2 域名结构图
ebay alibaba
表1.1 按组织分类的顶级域名
域名
域名机构
附注：全称
商业机构
教育机构
政府部门
国际பைடு நூலகம்机构
军队
网络机构
非盈利机构
表1.2 按地理区域分类的项级域名
域名
国家
中国 加拿大
日本 韩国 俄罗斯 台湾 香港
附注：全称
域名的书写格式为：叶节点名.二级域名.顶级域名 例如：，：服务器名，：企业名称，：顶级域名。
的一般格式为：“协议名：主机名[/文件夹名/文件名]” 常用的协议名如下： ：超文本传输协议，用于转换网页。 ：文件传输协议，主要用于传输文件，许多提供软件下载的网站使用“”作
为下载的网址。 ：传送协议，主要用于传输电子邮件。 例如：
163
1.1.3 网页与网站
构建的基本单位是网页。网页中包含所谓的“超链接”，通过已经定义好 的关键字和图形，只要用鼠标轻轻一点，就可以自动跳转到相应的其 它文件，获得相应的信息，从而实现网页之间的链接，从而构成了的 纵横交织的网状结构。
所提供的服务主要是、、、网上传呼、在线聊天、网上购物等等，而其 中和是最常用的服务。
1.1.2
• ( )简称为或万维网，客户端只要通过“浏览器”（）就可以非常方 便地访问上的服务器端，迅速地获得所需的信息。如图所示。
客户端 浏览器
HTTP 网络协议
internet
WEB服务器
用户通过浏览器访问服务器的网页，那么如何查找这些网页呢？通过在浏览 器的地址栏中输入网址，即，统一资源定位器。
1.1.1 的概述
最初并不是为商业性和广泛使用而设计的。它起源于1969年美国国防部 高级研究计划署协助开发的。最初是只允许国防部人员进入的封闭式 网络。到1987年，在美国国家科学基金会的推动下，将之主要从军 事用途转向科学研究和民事用途，形成了今天的主干网雏形。全球网 络的发展是空前且出人意料的。今天，检查电子邮件、访问喜爱的网 站这些活动已融入我们的日常生活。
24
31
C 11 0
网络号
主机号
A类地址的范围为： 1.0.0.0—126.255.255.255 B类地址的范围： 128.0.0.0-191.255.255.255 C类地址的范围： 192.0.0.0-223.255.255.255
1.1.4 域名与地址
• 地址是一串难以记忆的数字，因此在1985年开始，引入了域名的概 念，用具有含义的字符来表示网络中的主机，以便于浏览者访问。域 名与地址如何对应呢？通过域名解析系统将域名解析到相应的地址上， 实现这二者之间的对应关系。
1.1.1 的概述
从国内的发展现状来看，1994年4月，中科院计算机网络信息中心正式 接入，在10多年的时间里，中国发生了飞速的发展，截至2006年底， 我国网民人数达到了1.37亿，即每十人中就有一人是网民。10%的网 民普及率将是互联网发展的高速拐点，突破10%之后，中国互联网将 迎来更快速的增长期。另外网站数、地址等也迅速增长，分别达到 84.3万和9800万。从域名、网站数、地址等增长情况来看，我国互 联网资源得到了全面提升。
1.2.2 图形和图像处理工具
• 目前常用的图形和图像处理工具主要：及。 • 的功能十分强大，是目前最为广泛的专业图形图像处理软件之一，它捆
绑了 ，能够实现各种专业化的图像处理、动画的制作等。 • 是由公司出品的首选图形图像处理软件。它的独特之处在于其能够优化
处理大图片、切割图片、为图片加入特殊效果、制作网页的动态行为等， 可以生成 ，直接导入到网页中，使用非常方便。本教材将在以后的章节 做详细的介绍。
通过超链接连接起来的一系列逻辑上可以视为一个整体的页面，则叫做网 站。
网站点概念是相对的，大的如新浪、搜狐等大的门户网站，页面非常多， 可能分布于多台服务器上；小的如一些个人网站，可能只有几个页面， 仅在某台服务器的占据很小的空间。
一个站点的起始页面通常被称为“主页”，主页是一个网站的开始，因此 主页的好坏决定了这个网站的访问情况，一般主页的名称是固定的或 等。
1.2 网页制作工具
• 目前网页制作工具较多，大多数网页制作工作都是通过“所见即所得” 的编辑工具完成的，在网页制作过程，还需要进行素材的创作和加工， 即图形和动画制作工具。
1.2.1 网页编辑工具
网页编辑工具主要分为标记型和所见即所得型。标记型工具常用的是(记 事本)、等。
所见即所得型的编辑软件主要有：微软的和。其中继承了系列软件的界 面通用、操作简单的特点，十分适合初学者使用。但与公司的相比， 在源代码的精确性、实用性以及对各种新技术的支持上都略逊一筹， 因此我们这本教材主要介绍的网页编辑工具是。
章 网页设计基础知识
1.1 基础 1.2 网页设计工具 1.3 网站建设流程 1.4 语言
1.1 基础
1.1.1 的概述 是相互连接的网络集合。是由成千上万个网络、上亿台计算机通过
特定的网络协议相互连接而成的全球计算机网络，是提供信息资 源查询和信息资源共享的全球最大的信息资源平台。 网络协议是网络中的设备进行通信时共同遵循的一套规则，即以何 种方法获得所需的信息。
• 域名的分类：域名系统是一个分层的树状结构组织，如图所示。最上 面是一个无名的根域，下层为顶级域名，接着是二级……
1.1.4 域名与地址
根域
Com net
org
Ibm hp yahoo
jp
cn
tw
Com edu net
Sina
1.2.3 动画制作工具
• 是目前网页制作中最为出色的动画制作软件，它是一种交互式动画设 计工具，用它可以将音乐、声效、动画以及富有新意的界面融合在一 起，以制作出高品质的网页动态效果。所使用的图形是压缩的矢量图 形，采用了网络流式媒体技术，突破了网络带宽的限制，可以边下载 边播放，这样避免用户长时间的等待，设计者可以随心所欲地设计出 高品质的动画，已经慢慢成为网页动画的标准，成为一种新兴的技术 发展方向。本教材将在以后的章节做详细的介绍。
1.1.4 域名与地址
• 在上的每台网络设备都要有一个唯一的地址才能被访问到，这个地址 就是地址。
• 地址是由32的二进制数值构成，分成4组，转化为十进制用点分隔， 比如：202.100.4.11。
0123 8
16
24
31
A 0 网络号
主机号
0123 8
16
24
31
B 10
网络号
0123 8
16
主机号
图1.2 域名结构图
ebay alibaba
表1.1 按组织分类的顶级域名
域名
域名机构
附注：全称
商业机构
教育机构
政府部门
国际பைடு நூலகம்机构
军队
网络机构
非盈利机构
表1.2 按地理区域分类的项级域名
域名
国家
中国 加拿大
日本 韩国 俄罗斯 台湾 香港
附注：全称
域名的书写格式为：叶节点名.二级域名.顶级域名 例如：，：服务器名，：企业名称，：顶级域名。
的一般格式为：“协议名：主机名[/文件夹名/文件名]” 常用的协议名如下： ：超文本传输协议，用于转换网页。 ：文件传输协议，主要用于传输文件，许多提供软件下载的网站使用“”作
为下载的网址。 ：传送协议，主要用于传输电子邮件。 例如：
163
1.1.3 网页与网站
构建的基本单位是网页。网页中包含所谓的“超链接”，通过已经定义好 的关键字和图形，只要用鼠标轻轻一点，就可以自动跳转到相应的其 它文件，获得相应的信息，从而实现网页之间的链接，从而构成了的 纵横交织的网状结构。
所提供的服务主要是、、、网上传呼、在线聊天、网上购物等等，而其 中和是最常用的服务。
1.1.2
• ( )简称为或万维网，客户端只要通过“浏览器”（）就可以非常方 便地访问上的服务器端，迅速地获得所需的信息。如图所示。
客户端 浏览器
HTTP 网络协议
internet
WEB服务器
用户通过浏览器访问服务器的网页，那么如何查找这些网页呢？通过在浏览 器的地址栏中输入网址，即，统一资源定位器。
1.1.1 的概述
最初并不是为商业性和广泛使用而设计的。它起源于1969年美国国防部 高级研究计划署协助开发的。最初是只允许国防部人员进入的封闭式 网络。到1987年，在美国国家科学基金会的推动下，将之主要从军 事用途转向科学研究和民事用途，形成了今天的主干网雏形。全球网 络的发展是空前且出人意料的。今天，检查电子邮件、访问喜爱的网 站这些活动已融入我们的日常生活。
24
31
C 11 0
网络号
主机号
A类地址的范围为： 1.0.0.0—126.255.255.255 B类地址的范围： 128.0.0.0-191.255.255.255 C类地址的范围： 192.0.0.0-223.255.255.255
1.1.4 域名与地址
• 地址是一串难以记忆的数字，因此在1985年开始，引入了域名的概 念，用具有含义的字符来表示网络中的主机，以便于浏览者访问。域 名与地址如何对应呢？通过域名解析系统将域名解析到相应的地址上， 实现这二者之间的对应关系。
1.1.1 的概述
从国内的发展现状来看，1994年4月，中科院计算机网络信息中心正式 接入，在10多年的时间里，中国发生了飞速的发展，截至2006年底， 我国网民人数达到了1.37亿，即每十人中就有一人是网民。10%的网 民普及率将是互联网发展的高速拐点，突破10%之后，中国互联网将 迎来更快速的增长期。另外网站数、地址等也迅速增长，分别达到 84.3万和9800万。从域名、网站数、地址等增长情况来看，我国互 联网资源得到了全面提升。
1.2.2 图形和图像处理工具
• 目前常用的图形和图像处理工具主要：及。 • 的功能十分强大，是目前最为广泛的专业图形图像处理软件之一，它捆
绑了 ，能够实现各种专业化的图像处理、动画的制作等。 • 是由公司出品的首选图形图像处理软件。它的独特之处在于其能够优化
处理大图片、切割图片、为图片加入特殊效果、制作网页的动态行为等， 可以生成 ，直接导入到网页中，使用非常方便。本教材将在以后的章节 做详细的介绍。
通过超链接连接起来的一系列逻辑上可以视为一个整体的页面，则叫做网 站。
网站点概念是相对的，大的如新浪、搜狐等大的门户网站，页面非常多， 可能分布于多台服务器上；小的如一些个人网站，可能只有几个页面， 仅在某台服务器的占据很小的空间。
一个站点的起始页面通常被称为“主页”，主页是一个网站的开始，因此 主页的好坏决定了这个网站的访问情况，一般主页的名称是固定的或 等。
1.2 网页制作工具
• 目前网页制作工具较多，大多数网页制作工作都是通过“所见即所得” 的编辑工具完成的，在网页制作过程，还需要进行素材的创作和加工， 即图形和动画制作工具。
1.2.1 网页编辑工具
网页编辑工具主要分为标记型和所见即所得型。标记型工具常用的是(记 事本)、等。
所见即所得型的编辑软件主要有：微软的和。其中继承了系列软件的界 面通用、操作简单的特点，十分适合初学者使用。但与公司的相比， 在源代码的精确性、实用性以及对各种新技术的支持上都略逊一筹， 因此我们这本教材主要介绍的网页编辑工具是。
章 网页设计基础知识
1.1 基础 1.2 网页设计工具 1.3 网站建设流程 1.4 语言
1.1 基础
1.1.1 的概述 是相互连接的网络集合。是由成千上万个网络、上亿台计算机通过
特定的网络协议相互连接而成的全球计算机网络，是提供信息资 源查询和信息资源共享的全球最大的信息资源平台。 网络协议是网络中的设备进行通信时共同遵循的一套规则，即以何 种方法获得所需的信息。