计算机：网页设计基础及DW CS5基础.ppt

第1课网页设计基础知识及DWCS5基础:●理解网页与网站的区别;●了解网页的基本元素;●熟悉并掌握HTML语言基础知识;●理解并熟悉网页设计的基本流程;●掌握通过输入HTML代码和DreamweaverCS5制作简单的网页。:★超文本标记语言(HTML)基础;★简单的网页制作。(上机实验):▲网页与网站的区别;▲HTML语言基础知识。一、认识网页与网站(1)静态网页,也就是HTML静态页面,它是物理存在的文件,这类网页可以由网页浏览器(如:IE、傲游)直接浏览。(2)动态网页,它不能由浏览器直接浏览,而必须经过Web服务器软件解释或编译后,以HTML格式将结果输出到客户端浏览器上。1、网页一、认识网页与网站网站是一个复杂的系统,它不仅包括网页、Web应用程序,还包括与之相关的数据库及各类媒体文件,甚至还包括操作系统、Web服务器软件以及承载网站运行的各类硬件设备等。2、网站图1-1奥迪A8网站首页二、网页的基本元素文本是网页中运用最为广泛的元素之一,是网页存在的基础。在网页设计中,我们可以通过设置字体、字号、颜色、背景等属性来改变文本的视觉效果。1、文本图1-2以文本为主体的网页二、网页的基本元素目前,网页支持的图像格式主要有3种:JPEG(JPG)、GIF和PNG。其中,GIF和PNG图像支持透明背景。2、图像图1-3以图像为主的网页二、网页的基本元素目前,在网页设计过程中所使用的动画主要是Flash动画(*.swf)和GIF动画。Flash动画运用最为广泛,而GIF动画则主要用于站标、广告条等组件。3、动画图1-4使用Flash制作的网页二、网页的基本元素目前,网页上使用最为广泛的音频格式主要有MP3、MIDI和WAV。MP3文件最大的优点就是能以较小的比特率以及较大的压缩比达到近乎完美的CD音质。MIDI文件的音质较好,浏览器不需要安装任何插件就可以播放。WAV文件也具有较好的音质,但是,由于文件较大,在加载过程中会增加系统资源的开销,不适合用来作为背景音乐。4、音频二、网页的基本元素随着网络带宽的不断增加,在网页中使用的视频也越来越多。在网页中添加视频文件可以大大增加站点的可读性,视频的直观性可以给访问者带来很大的视觉冲击。视频和音频一样,都是由与文件类型相适应的插件来进行播放的。目前,网页上使用最为广泛的视频格式包括WMV、RM、ASF、MPEG和AVI。5、视频三、超文本标记语言(HTML)基础超级文本(Hypertext)简称超文本,它是一种使用户与计算机之间能够更加密切交流的文本显示技术,它通过对相关词汇进行索引链接,可以使带链接的词汇或语句指向文本中的其他段落、注解或文本。超文本标记语言(HTML)是一种用来制作网络中超文本的简单标记语言。它在文本文件的基础上加上一系列的标签,用以描述其颜色、字体、文字大小和格式,再加上声音、图像、动画、音频、视频等形成精彩的页面。三、超文本标记语言(HTML)基础HTML文档由一系列元素组成,用于组织文件的内容和指导文件的输出格式。元素名称不区分大小写,一个元素可以包含多个属性,各个属性用空格分开。元素又是由标签构成,除了极个别标签是单独存在的标签以外,大多数标签是成对出现的,由一个开始标签“<>”和一个结束标签“</>”组成。1、HTML文档