多媒体网页设计教程-电子教案-朱国华ch01.ppt

第1章 网页设计概论 主编：朱国华 齐晖 李枫 课件制作：周雪燕 张睿萍 本章要点 网页设计基础知识 与网页设计相关的多媒体技术 HTML语言基础 目 录 1.1 网页设计基础知识 1.2 多媒体素材基础 1.3 HTML基础 1.1 网页设计基础知识 1.1.1 Internet与Web 1.1.2 网页、网站与主页 1.1.3 网站分类与赏析 1.1.4 网页色彩与布局 1.1.1 Internet与Web Internet 又称国际互联网，是一个把分布于世界各地不同结构的计算机网络通过各种传输介质互相连接起来的网络。Internet上的信息资源极为丰富，分为信息资源和服务资源两类。它的主要功能包括：网上信息查询、网上交流、电子邮件、文件传输和远程登录。 1.1.2 网页、网站与主页（1/3） 网页（Web Page）也称为Web页，是用户通过浏览器在Internet中看到的页面，网页分为静态网页和动态网页 。 1.1.2 网页、网站与主页（2/3） 网站（Website）又称为站点或Web站点，是指根据一定的规则，使用HTML等工具制作的用于展示特定内容的相关网页的集合。网站总是由一个主页和其他具有超链接文件的页面构成。 1.1.2 网页、网站与主页（3/3） 网页基本元素 文本 图像 超链接 动画 1.1.3 网站分类与赏析 门户类网站 企业信息类网站 教育类网站 产品信息类网站 1.1.4 网页色彩与布局（1/2） 色彩基础知识 三原色、颜色分类、饱和度、透明度、色系 色彩搭配技巧 网页色彩的应用分析 “中国瓷器”网站（） “北美工艺品展”网站（） “多媒体设计”网站（） 1.1.4 网页色彩与布局（2/2） 页面尺寸 网页的尺寸和显示器大小及分辨率有关，分辨率越高，页面的尺寸越大 。 页面布局类型 国字形、拐角形、三字形、川字形、封面形、Flash形 1.2 多媒体素材基础 1.2.1 颜色的基本概念 1.2.2 图像的色彩模式 1.2.3 图像的基本属性 1.2.4 图像文件的格式 1.2.5 计算机动画概述 1.2.6 音频与视频基础 1.2.7 常用多媒体素材与网页制作工具介绍 1.2.1 颜色的基本概念(1/2) 颜色的三要素 亮度 颜色的明暗程度 色相(色调) 颜色的相貌 饱和度 纯度或彩度 1.2.1 颜色的基本概念(2/2) 三基色 是这样的三种颜色，它们相互独立，其中任意色均不能由其他两色混合产生。自然界常见的各种彩色光，都可由三种颜色相互独立的光组成，有两种基色系统，一种是加色系统，其三基色是红（Red）、绿（Green）、蓝（Blue），另一种是减色系统，其三基色是青色（Cyan）、品红（Magenta）和黄色（Yellow）。 1.2.2 图像的色彩模式 色彩模式 是指在计算机上打印或显示图像时表示颜色的数字方法。通常在不同的应用环境采用不同的色彩模式。 1.2.3 图像的基本属性（1/3） 数字图像的种类有两种：图形和图像。它们也是构成动画或视频的基础。 1.2.3 图像的基本属性（2/3） 分辨率 是用于度量图像单位长度数据量的参数，其高低直接影响图像的质量。分辨率通常表示为ppi（pixel per inch，像素/英寸）和dpi（dot per inch，点/每英寸）。计算机显示领域用ppi度量分辨率，而dpi用于打印、印刷领域等 。 1.2.3 图像的基本属性（3/3） 颜色深度 是指记录每个像素所使用的二进制位数。颜色深度决定图像可以使用的最多颜色数目或亮度级别数目。颜色深度值越大，显示的图像色彩越丰富，画面越自然、逼真，但数据量也随之激增。 1.2.4 图像文件的格式 常用的图像文件格式有几下几种 1.2.5 计算机动画概述 动画 是一种通过连续画面来显示运动和变化的技术，通过一定速度播放画面以达到连续的动态效果。 计算机动画 是指借助于计算机生成一系列连续图像画面，并可动态实时播放的计算机技术。。 1.2.6 音频与视频基础（1/2） 1.2.6 音频与视频基础（2/2） 视频 是一组连续地随时间变化的图像，与加载的同步声音共同呈现动态的视觉和听觉效果。常见的视频信号有电影和电视。 视频文件可分为两大类：影像文件和流式视频文件，常见的文件格式有：AVI、MOV、MPEG、DAT、RM、ASF、WMV等 1.2.7 常用多媒体素材及网页制作工