多媒体网页设计ch1.pptVIP

第1章 网页设计概论 本章主要内容 网页设计基础知识 网页设计相关的多媒体技术 HTML基础 1.1 网页设计基础知识 1.1.1 Internet与Web 1.1.2 网页、网站与主页 1.1.3 网站分类与赏析 1.1.4 网页色彩与布局 Internet 与 WWW Internet又称国际互联网，是一个把分布于世界各地不同结构的计算机网络通过各种传输介质互相连接起来的网络。 Internet上的信息资源极为丰富，分为信息资源和服务资源两类。它的主要功能包括：网上信息查询、网上交流、电子邮件、文件传输和远程登录。 WWW 与浏览器 World Wide Web简称WWW或Web 基础：超文本标记语言（Hypertext Markup Language ,HTML）与超文本传输协议（Hypertext Transfer Protocol，HTTP） 服务：提供Internet信息查询服务的浏览系统。 Web采用客户机/服务器工作模式 所有的客户端和Web服务器统一使用TCP/IP协议，统一分配IP地址，使得客户端和服务器的逻辑连接变成简单的点对点连接。 在WWW工作过程中，用户所使用的本地计算机是运行Web客户程序的客户机，通过Internet访问分布在世界各地的Web服务器。用户浏览Web上的信息需要使用Web浏览器。 WWW 与浏览器 网页、网站与主页（1） 网页（Web Page），也称为Web页，是用户通过浏览器在Internet中看到的页面。 网页、网站与主页（2） 网页（Web Page），也称为Web页，是用户通过浏览器在Internet中看到的页面。 网页、网站与主页（3） 从文件角度讲，网页通常是一种由HTML语言编写的文本文件，网页文件又称HTML文件，其扩展名为.html或htm。 网页、网站与主页（4） 编辑网页的操作步骤如下： 选择【开始】→【程序】→【附件】→【记事本】命令，启动“记事本”程序。 在记事本中输入HTML代码 保存文件。 双击文件图标，即可打开该文件，看到所示的页面。 网站分类与赏析 1．门户类网站 网址： 2．企业信息类网站 网址： 3．教育类网站 网址： 4．产品信息类 网址： 网页色彩与布局 网页色彩的应用 “中国瓷器”网站 “北美工艺品展” “多媒体设计”网站 网页布局的基本概念 页面尺寸：网页的尺寸和显示器大小及分辨率有关。 分辨率为1024768，页面的显示尺寸为1007600像素； 分辨率为800600，页面的显示尺寸为780428像素； 分辨率为640480，页面的显示尺寸为620311像素。 页面布局类型 国字型 也称为“同”字型或“口”字型，。 拐角型 去掉“国”字型布局的最右边的部。。 “三”字型 又称为上中下型，是一种简洁明快的艺术性网页布局。/。 “川”字型 :///。 封面型 也称为“POP”型。/。 Flash型 1.2 多媒体素材基础 1.2.1 颜色的基本概念 1.2.2 图像的色彩模式 1.2.3 图像的基本属性 1.2.4 图像文件的格式 1.2.5 计算机动画概述 1.2.1 颜色的基本概念 1．颜色的三要素 亮度 指颜色的明暗程度，是光作用于人眼时所引起的明亮程度的感觉，它与被观察物体表面的光线反光系数有关。 色相（或色调）是指颜色的相貌，是人眼看到的一种或多种波长的光时所产生的彩色感觉，它反映颜色的种类和基本特性。 饱和度也常称为纯度或彩度。是色彩的鲜艳度或深浅程度，是由颜色掺入白色光的程度决定的。 1.2.1 颜色的基本概念 2．三基色原理 三基色，它们相互独立，其中任意色均不能由其他两色混合产生。自然界常见的各种彩色光，都可由三种颜色相互独立的光组成。 有两种基色系统，一种是加色系统，其三基色是红（Red）、 绿（Green）、蓝（Blue），另一种是减色系统，其三基色是青色（Cyan）、品红（Magenta）和黄色（Yellow）。 不同比例的三基色光相加得到的彩色称为加色混合。 其规律如下： 红色+绿色=黄色 红色+蓝色=品红 绿色+蓝色＝青色 红色+绿色+蓝色＝白色 1.2.2 图像的色彩模式 色彩模式是指在计算机上打印或显示图像时表示颜色的数字方法 1.2.2 图像的色彩模式 2．RGB模式 RGB模式是工业界的一种颜色标准，通过对红、绿、蓝三个颜色通道的变化以及它们之间的相互叠加来得到各式各样的颜色。这个标准几乎包括了人类视力所能感知的所有颜色，是目前应用最广的颜色模式之一。 网页制作中使用最广泛的是RGB色彩模式的十六进制显示模式。即用3个00～FF的十六进制数来表示组成颜色的红、绿、