Ⅰ 常见的图形图像文件格式有
常见的图形图像文件格式有以下几种:
一、BMP格式
位图(外语:BMP的缩写,外语:BitMaP的全名)BMP是与硬件设备无关的图像文件格式,已被广泛使用。它使用位图存储格式,除了可选的图像深度之外,不使用任何压缩方式。因此,BMP文件占用大量空间。 BMP文件的图像深度为1bit,4bit,8bit和24bit。
二、GIF格式
图形交换格式(外语:GIF,外语:图形交换格式)是CompuServe在1987年开发的图像文件格式。GIF文件数据是基于LZW算法的连续音调无损压缩格式。它的压缩率通常为50%左右,并且不属于任何应用程序。
三、UFO格式
它是著名图像编辑软件Ulead Photolmapct的一种特殊图像格式,可以完全记录Photolmapct处理的所有图像属性。值得一提的是,UFO文件使用对象而不是图层来记录图像信息。
四、EXIF格式
可交换图像文件格式(简称EXIF,全名:可交换图像文件格式)1994年富士倡导的数码相机图像文件格式实际上与JPEG格式相同,除了保存图像数据外,还可以存储在拍摄日期时,请使用曝光信息以及附带的信息,例如光圈,快门,闪光数据和小图像。
五、RAW格式
这是一种无损压缩格式。其数据是相机尚未处理的原始文件,因此其大小略小于TIFF格式。因此,上传到计算机后,必须使用要处理的成像软件的Twain界面将其导入为TIFF格式。
Ⅱ 图片文件有哪些格式
问题一:图片都有些什么格式? 常见的有 jpg gif bmp jpeg jpe 然后是; psd eps png 等等,因为设计图像格式的公司很多,於是就有了那N多的图像格式。
问题二:JPG是什么格式 JPG格式是一种常用的图片压缩格式,以下是详细说明,有时间看一看吧,希望能对你有所帮助。
JPG文件的优点是体积小巧,并且兼容性好,因为大部分的程序都能读取这种文件,这是因为JPG格式不仅是一个工业标准格式,而且更是web的标准文件格式。JPG文件如此拥有如此便利的条件,难怪得到了业余玩家的推崇。不过另一方面,JPG之所以很小的原因是:当文件在创建的时候会有一些数据被遗失,即通过“有损”的压缩方式来建立文件,这就是其文件小的原因所在了。
如果数码相机采用了JPG作为照片存储的格式虽然可以节省宝贵空间,但不利的一面也必须看清:凡是可以在相机中调整的诸如色温、色彩平衡、图像锐度等经过相机的处理后都记录在文件内,后期调整只能通过photoshop处理来进行,但是经过调整的图像质量将会有所损失。
JPEG在远程传送上有很好的优势,为了不影响肉眼的观看请不要将压缩比小于8,如果是局域网传送,请你用JPEG的无损压缩(12)或者说直接用TIFF。
JPEG与TIFF转印在最好的铜版纸上,在JPEG压缩指数是12的前提下,二者的区别几乎没有,外行与内行(不用放大镜看印刷点阵)都看不出分别,因为真彩(24位以上)转换成印刷格式的四色模式时,颜色信息的损失比从TIFF到JPEG的过程损失得多得多,所以内、外行单看印刷品几乎不能判断图片有没有经过JPEG格式的转换!
就打印而言,用当今最好的色彩管理软件(德国的BEST COLOE)加上最好的打印机技术(墨滴为4微微升),输出的图面质量也没有印刷品好!特别的暗部的过度!但他可以做到比印刷品质丽!但很硬!JPEG在远程传送上有很好的优势,为了不影响肉眼的观看请不要将压缩比小于8,如果是局域网传送,请你用JPEG的无损压缩(12)或者说直接用TIFF。JPEG与TIFF转印在最好的铜版纸上,在JPEG压缩指数是12的前提下,二者的区别几乎没有,外行与内行(不用放大镜看印刷点阵)都看不出分别,因为真彩(24位以上)转换成印刷格式的四色模式时,颜色信息的损失比从TIFF到JPEG的过程损失得多得敬滑启多,所以内、外行单看印刷品几乎不能判断图片有没有经过JPEG格式的转换!
就打印而言,用当今最好的色彩管理软件(德国的BEST COLOE)加上最好的打印机技术(墨滴为4微微升),输出的图面质量也没有印刷品好!特别的暗部的过度!但他可以做到比印刷品质丽!但很硬!一般打印机只是有一个很很普通的色彩管理程序!对颜色的解释根本达不到专业要求!因为BEST COLOE软件现在在中国要二万四左右(各位,放弃买盗版的想法,它是硬件加密:))你就别指望你家中几千块的打印机为你安装此软件,当你觉得你打出的东西又艳丽又好看时,不好意思,那是颜色失真了:(,如果你觉得你家的打印机打出的东西就是很优秀时,对不起,那你在图片色彩学方面需要进修了:)相信大家对JPEG这种图像格式都非常熟悉,在我们日常所接触的图像中,绝大多数都是JPEG格式的。JPEG的全称为Joint Photographic Experts Group,它是一个在国际标准组织(ISO)下从事静态图像压缩标准制定的委员会,它制定出了第一套国际静态图像压缩标准:ISO 10918-1,俗称JPEG。由于相对于BMP等格式而言,品质相差无己的JPEG格式能让图像文件“苗条”很多,无论是传送还是保存都非常方便,因此JPEG格式在推出后大受欢迎。随着网络的发展,JPEG的应用更加广泛,目前网站上80%的图像都采用JPEG格式。
但是,随着多媒亮如体应用领域的快速增长,传统JPEG压缩技术......>>
问题三:图片都有什么格式的 啊 BMP:Windows 位图 Windows 位图可以用任何让坦颜色深度(从黑白到 24 位颜色)存储单个光栅图像。Windows 位图文件格式与其他 Microsoft Windows 程序兼容。它不支持文件压缩,也不适用于 Web 页。 从总体上看,Windows 位图文件格式的缺点超过了它的优点。为了保证照片图像的质量,请使用 PNG 文件、JPEG 文件或 TIFF 文件。BMP 文件适用于 Windows 中的墙纸。 优点: BMP 支持 1 位到 24 位颜色深度。 BMP 格式与现有 Windows 程序(尤其是较旧的程序)广泛兼容。 缺点: BMP 不支持压缩,这会造成文件非常大。 BMP 文件不受 Web 浏览器支持。 PCX:PC 画笔 “PC 画笔”图片(也被称为 Z-Soft 位图)会以任何颜色深度存储单个光栅图像。画笔图片更广泛地用于较早的 Windows 程序和基于 MS-DOS 的程序。画笔图片与许多较新的程序兼容。PCX 图片支持“行程长度编码”(RLE) 内部压缩。 优点: PCX 在许多基于 Windows 的程序和基于 MS-DOS 的程序间是标准格式。 PCX 支持内部压缩。 缺点: PCX 不受 Web 浏览器支持。 PNG:可移植网络图形 PNG 图片以任何颜色深度存储单个光栅图像。PNG 是与平台无关的格式。 优点: PNG 支持高级别无损耗压缩。 PNG 支持 alpha 通道透明度。 PNG 支持伽玛校正。 PNG 支持交错。 PNG 受最新的 Web 浏览器支持。 缺点: 较旧的浏览器和程序可能不支持 PNG 文件。 作为Internet 文件格式,与 JPEG 的有损耗压缩相比,PNG 提供的压缩量较少。 作为Internet 文件格式,PNG 对多图像文件或动画文件不提供任何支持。GIF 格式支持多图像文件和动画文件。 JPEG:联合摄影专家组 JPEG 图片以 24 位颜色存储单个光栅图像。JPEG 是与平台无关的格式,支持最高级别的压缩,不过,这种压缩是有损耗的。渐近式 JPEG 文件支持交错。 可以提高或降低 JPEG 文件压缩的级别。但是,文件大小是以图像质量为代价的。压缩比率可以高达 100:1。(JPEG 格式可在 10:1 到 20:1 的比率下轻松地压缩文件,而图片质量不会下降。)JPEG 压缩可以很好地处理写实摄影作品。但是,对于颜色较少、对比级别强烈、实心边框或纯 *** 域大的较简单的作品,JPEG 压缩无法提供理想的结果。有时,压缩比率会低到 5:1,严重损失了图片完整性。这一损失产生的原因是,JPEG 压缩方案可以很好地压缩类似的色调,但是 JPEG 压缩方案不能很好地处理亮度的强烈差异或处理纯 *** 域。 优点: 摄影作品或写实作品支持高级压缩。 利用可变的压缩比可以控制文件大小。 支持交错(对于渐近式 JPEG 文件)。 JPEG 广泛支持 Internet 标准。 缺点: 有损耗压缩会使原始图片数据质量下降。 当您编辑和重新保存 JPEG 文件时,JPEG 会混合原始图片数据的质量下降。这种下降是累积性的。 JPEG 不适用于所含颜色很少、具有大块颜色相近的区域或亮度差异十分明显的较简单的图片。 GIF:图形交换格式 GIF 图片以 8 位颜色或 256 色存储单个光栅图像数据或多个光栅图像数据。GIF 图片支持透明度、压缩、交错和多图像图片(动画 GIF)。 GIF 透明度不是 alp......>>
问题四:图像文件的类型有哪些 常见的图形文件类型有:
①JPEG(.jpg)②TIFF(.tif)③BMP(.bmp)
某些高端的数字照相机,可以将拍摄的相片,以RAW格式保存为图片。RAW格式图片经过解压缩后,不会产生类似“白平衡”或“锐化”的效果。
但是,由于相机制造厂商的不同,RAW图片文件格式还会有所不同。
RAW图片文件通常是最高质量的图片文件格式。可以在很多不同的相片程序中,打开和编辑这些图片文件
问题五:各种格式的图片都有什么特点 一、BMP图像文件格式优点:BMP 支持 1 位到 24 位颜色深度。BMP 格式与现有 Windows 程序(尤其是较旧的程序)广泛兼容。缺点: BMP 不支持压缩,这会造成文件非常大。 BMP 文件不受 Web 浏览器支持。 二、 PCX图像文件格式 PCX这种图像文件的形成是有一个发展过程的。最先的PCX雏形是出现在ZSOFT公司推出的名叫PC PAINBRUSH的用于绘画的商业软件包中。以后,微软公司将其移植到 Windows环境中,成为Windows系统中一个子功能。先在微软的Windows3.1中广泛应用,随着Windows的流行、升级,加之其强大的图像处理能力,使PCX同GIF、TIFF、BMP图像文件格式一起,被越来越多的图形图像软件工具所支持,也越来越得到人们的重视。 PCX是最早支持彩色图像的一种文件格式,现在最高可以支持256种彩色,如图4-25所示,显示256色的彩色图像。PCX设计者很有眼光地超前引入了彩色图像文件格式,使之成为现在非常流行的图像文件格式。 PCX图像文件由文件头和实际图像数据构成。文件头由128字节组成,描述版本信息和图像显示设备的横向、纵向分辨率,以及调色板等信息:在实际图像数据中,表示图像数据类型和彩色类型。PCX图像文件中的数据都是用PCXREL技术压缩后的图像数据。 PCX是PC机画笔的图像文件格式。PCX的图像深度可选为l、4、8bit。由于这种文件格式出现较早,它不支持真彩色。PCX文件采用RLE行程编码,文件体中存放的是压缩后的图像数据。因此,将采集到的图像数据写成PCX文件格式时,要对其进行RLE编码:而读取一个PCX文件时首先要对其进行 RLE解码,才能进一步显示和处理。 三、TIFF图像文件格式 TIFF (TaglmageFileFormat)图像文件是由Als和Microsoft公司为桌上出版系统研制开发的一种较为通用的图像文件格式。 TIFF格式灵活易变,它又定义了四类不同的格式:TIFF-B适用于二值图像:TIFF-G适用于黑白灰度图像;TIFF-P适用于带调色板的彩色图像:TIFF-R适用于RGB真彩图像。 TIFF支持多种编码方法,其中包括RGB无压缩、RLE压缩及JPEG压缩等。 TIFF是现存图像文件格式中最复杂的一种,它具有扩展性、方便性、可改性,可以提供给IBMPC等环境中运行、图像编辑程序。 TIFF图像文件由三个数据结构组成,分别为文件头、一个或多个称为IFD的包含标记指针的目录以及数据本身。 TIFF图像文件中的第一个数据结构称为图像文件头或IFH。这个结构是一个TIFF文件中唯一的、有固定位置的部分;IFD图像文件目录是一个字节长度可变的信息块,Tag标记是TIFF文件的核心部分,在图像文件目录中定义了要用的所有图像参数,目录中的每一目录条目就包含图像的一个参数。 四、 GIF文件格式 GIF(Graphics Interchange Format)的原义是图像互换格式,是puServe公司在 1987年开发的图像文件格式。GIF文件的数据,是一种基于LZW算法的连续色调的无损压缩格式。其压缩率一般在50%左右,它不属于任何应用程序。目前几乎所有相关软件都支持它,公共领域有大量的软件在使用GIF图像文件。 GIF图像文件的数据是经过压缩的,而且是采用了可变长度等压缩算法。所以GIF的图像深度从lbit到8bit,也即GIF最多支持256种色彩的图像。GIF格式的另一个特点是其在一个GIF文件中可以存多幅......>>
问题六:常见的图片文件格式有那些?各自特点是什么?(六种以上) 1,BMP位图格式
最典型的应用BMP格式的程序就是Windows的画笔。文件不压缩,占用磁盘空间较大,它的颜色存储格式有 1位、4位、8位及24位,该格式是当今应用比较广泛的一种格式。但缺点是该格式文件比较大,所以只能应用在单机上,不受网络欢迎。
2、GIF格式
该图形格式却在Internet上被广泛地应用,原因主要是256种颜色已经较能满足主页图形需要,而且文件较小,适合网络环境传输和使用。
3、JPEG格式
可以用不同的压缩比例对这种文件压缩,其压缩技术十分先进,对图像质量影响不大,因此可以用最少的磁盘空间得到较好的图像质量。由于它优异的性能,所以应用非常广泛,而在Internet上,它更是主流图形格式。
4、PCX格式
PCX格式是ZSOFT公司在开发图像处理软件Paintbrush时开发的一种格式,存储格式从 1位到24位,它是经过压缩的格式,占用磁盘空间较少。由于该格式出现的时间较长,并且具有压缩及全彩色的能力,所以 PCX格式现在仍是十分流行。
5、PSD格式(Photoshop格式)
Adobe公司开发的图像处理软件Photoshop中自建的标准文件格式就是PSD格式,在该软件所支持的各种格式中,PSD格式存取速度比其它格式快很多,功能也很强大。由于 Photoshop软件越来越广泛地应用,所以这个格式也逐步流行起来。PSD格式是Photoshop的专用格式,里面可以存放图层、通道、遮罩等多种设计草稿。
6、TIFF格式
TIFF格式具有图形格式复杂、存储信息多的特点。3DS、3DS MAX中的大量贴图就是TIFF格式的。TIFF最大色深为32bit,可采用LZW无损压缩方案存储。
7、PNG格式
PNG(Portable Network Graphics)是一种新兴的网络图形格式,结合了GIF和JPEG的优点,具有存储形式丰富的特点。PNG最大色深为48bit,采用无损压缩方案存储。著名的Macromedia公司的Fireworks的默认格式就是PNG。
8、SVG格式(现在最火热的图像文件格式)
SVG是Scalable Vector Graphics 的首字母缩写,含义是可缩放的矢量图形。它是一种开放标准的矢量图形语言,可让你设计激动人心的、高分辨率埂 Web图形页面。该软件提供了制作复杂元素的工具,如渐变、嵌入字体、透明效果、动画和滤镜效果,并且可使用平常的字体命令插入到HTML编码中。SVG被开发的目的是为Web提供非栅格的图像标准
问题七:常见的图像文件格式又有哪些 一、BMP格式 BMP是英文Bitmap(位图)的简写,它是Windows操作系统中的标准图像文件格式,能够被多种Windows应用程序所支持。随着Windows操作系统的流行与丰富的Windows应用程序的开发,BMP位图格式理所当然地被广泛应用。这种格式的特点是包含的图像信息较丰富,几乎不进行压缩,但由此导致了它与生俱生来的缺点--占用磁盘空间过大。
二、GIF格式 GIF是英文Graphics Interchange Format(图形交换格式)的缩写。顾名思义,这种格式是用来交换图片的。 上世纪80年代,美国一家著名的在线信息服务机构puServe针对当时网络传输带宽的限制,开发出了这种GIF图像格式。 GIF格式的特点是压缩比高,磁盘空间占用较少,所以这种图像格式迅速得到了广泛的应用。 它是一种简单的动画图片。目前Internet上大量采用的彩色动画文件多为这种格式的文件,也称为GIF89a格式文件。 但GIF有个小小的缺点,即不能存储超过256色的图像。尽管如此,这种格式仍在网络上大行其道应用,这和GIF图像文件短小、下载速度快、可用许多具有同样大小的图像文件组成动画等优势是分不开的。
三、JPEG格式 JPEG也是常见的一种图像格式, JPEG文件的扩展名为.jpg或.jpeg,其压缩技术十分先进,它用有损压缩方式去除冗余的图像和彩色数据,获取得极高的压缩率的同时能展现十分丰富生动的图像,换句话说,就是可以用最少的磁盘空间得到较好的图像质量。 由于JPEG优异的品质和杰出的表现,它的应用也非常广泛。目前各类浏览器均支持JPEG这种图像格式,因为JPEG格式的文件尺寸较小,下载速度快,使得Web页有可能以较短的下载时间提供大量美观的图像,JPEG同时也就顺理成章地成为网络上最受欢迎的图像格式。
四、JPEG2000格式 它是JPEG的升级版。JPEG 2000同样是由JPEG 组织负责制定的,它有一个正式名称叫做ISO 15444,与JPEG相比,它具备更高压缩率以及更多新功能的新一代静态影像压缩技术。 其压缩率比JPEG高约30%左右。 JPEG 2000 和 JPEG 相比优势明显,且向下兼容,因此取代传统的JPEG格式指日可待。 JPEG2000可应用于传统的JPEG市场,如扫描仪、数码相机等,亦可应用于新兴领域,如网路传输、无线通讯等等。
五、TIFF格式 TIFF(Tag Image File Format)是Mac中广泛使用的图像格式,它的特点是图像格式复杂、存贮信息多。正因为它存储的图像细微层次的信息非常多,图像的质量也得以提高,故而非常有利于原稿的复制。 该格式有压缩和非压缩二种形式,其中压缩可采用LZW无损压缩方案存储。不过,由于TIFF格式结构较为复杂,兼容性较差,因此有时你的软件可能不能正确识别TIFF文件(现在绝大部分软件都已解决了这个问题)。目前在Mac和PC机上移植TIFF文件也十分便捷,因而TIFF现在也是微机上使用最广泛的图像文件格式之一。
六、PSD格式 这是著名的Adobe公司的图像处理软件Photoshop的专用格式Photoshop Document(PSD)。PSD其实是Photoshop进行平面设计的一张草稿图,它里面包含有各种图层、通道、遮罩等多种设计的样稿,以便于下次打开文件时可以修改上一次的设计。在Photoshop所支持的各种图像格式中,PSD的存取速度比其它格式快很多,功能也很强大。由于P......>>
问题八:图片文件有哪些格式?哪种格式文件最小? 通常有JPEG、TIFF、RAW、BMP、GIF、PNG等。由于数码相机拍下的图像文件很大,储存容量却有限,因此图像通常都会经过压缩再储存。 JPEG图像格式 :扩展名是JPG,其全称为Joint Photograhic Experts Group。它利用一种失真式的图像压缩方式将图像压缩在很小的储存空间中,其压缩比率通常在10:1~40:1之间。这样可以使图像占用较小的空间,所以很适合应用在网页的图像中。JPEG格式的图像主要压缩的是高频信息,对色彩的信息保留较好,因此也普遍应用于需要连续色调的图像中。 TIFF图像格式 :扩展名是TIF,全名是Tagged Image File Format。它是一种非失真的压缩格式(最高也只能做到2~3倍的压缩比)能保持原有图像的颜色及层次,但占用空间却很大。例如一个200万像素的图像,差不多要占用6MB的存储容量,故TIFF常被应用于较专业的用途,如书籍出版、海报等,极少应用于互联网上。 GIF图像格式 :扩展名是GIF。它在压缩过程中,图像的像素资料不会被丢失,然而丢失的却是图像的色彩。GIF格式最多只能储存256色,所以通常用来显示简单图形及字体。有一些数码相机会有一种名为Text Mode的拍摄模式,就可以储存成GIF格式。 FPX图像格式 :扩展名是FPX。它是一个拥有多重解像度的图像格式,即图像被储存成一系列高低不同的解像度,而这种格式的好处是当图像被放大时仍可保持图像的质量。另外,修改FPX图像时只会处理被修改的部分,而不会把整个图像一并处理,从而减低处理器的负担,令图像处理时间减少。 RAW图像格式 :扩展名是RAW。RAW是一种无损压缩格式,它的数据是没有经过相机处理的原文件,因此它的大小要比TIFF格式略小。所以,当上传到电脑之后,要用图像软件的Twain界面直接导入成TIFF格式才能处理。 TGA图像格式 :扩展名是TGA。Tga常见的格式有非压缩RGB和压缩RGB两种格式,文件的第三个Byte位作为标记:2为非压缩RGB格式,10为压缩RGB格式。Tga的压缩算法采用了RLE算法。Tga文件存储颜色数据的格式为BGR(A),如果需要得到RGB(A)格式的数据(如OpenGL中)需要做BGR->RGB转换。通常TGA格式用来保存动画序列帧。 BMP图像格式: BMP是英文Bitmap(位图)的简写,它是Windows操作系统中的标准图像文件格式,能够被多种Windows应用程序所支持。随着Windows操作系统的流行与丰富的Windows应用程序的开发,BMP位图格式理所当然地被广泛应用。这种格式的特点是包含的图像信息较丰富,几乎不进行压缩,但由此导致了它与生俱生来的缺点--占用磁盘空间过大。所以,目前BMP在单机上比较流行。
问题九:图像文件格式有哪些 1BMP格式
2PCX格式
3TIFF格式
4GIF格式
5JPEG格式
6TGA格式
7EXIF格式
8FPX格式
9SVG格式
10PSD格式
11CDR格式
12PCD格式
13DXF格式
14UFO格式
15EPS格式
16AI格式
17PNG格式
18HDRI格式
19RAW格式
Ⅲ 如何制作网页
网页制做入门 (1)
网页制做入门
我们天天与网页打交道,那些或界面精美,或内容丰富,或构思独特、风格各异的网页,不知道吸引了多少人的眼球了,它们的运行方式,制做方法,你说你说一点都不好奇,一点都不想知道,那肯定是假的,嘿嘿,我也一样,而且我的好奇心有时还不小~~~,可我的好奇心有是有了,因为网页制做没有真正当成吃饭的家伙,所以,,,当初的热度也只有三分钟,在这里,把以前的一些经验介绍给大家,强烈希望广大高手介入,来个你说,我说,大家说,集众人的智慧于此。因为大多数地方,是跟据我自己的做法,我自己的理解说的,难免有说错的地方,也请大家指正了。
第一讲 网页基本常识
我们平时常见的网页,基本可以分为两类,静态网页(htm,html等)和动态网页(asp、cgi、php等)。静态网页交互性不强,只是单纯的传输信息给客户浏览器,而动态的一般有很强的交互性,很多都在一定程度上结合了数据库,能进行资料的搜索等功能,常用于论坛,留言本,网上订单等。常用的网页脚本语言VBScript 、 JScript ,也是一种编程语言。下面这几点是在别的地方抄来的,就当看小说一样看下吧,只需大概知道下就行了。
一、什么是HTML?
网页的学名称作HTML文件,是一种可以在www网上传输,并被浏览器认识和翻译成页面显示出来的文件。www是“world wide web"的缩写;HTML的意思则是"Hypertext Markup Language",中文翻译为“超文本标记语言”。“超文本”就是指页面内可以包含图片,联接,甚至音乐,程序等非文字的元素。
网页就是由HTML语言编写出来的。
HTML语言只是一种排版语言,语法就类似于这样:"页高8宽5,(1,2)处插入高1宽1的图片A..."
HTML语言发展很快,已经历经HTML1.0,HTML2.0和HTML3.0,html4.0多个版本,现在html5.0正在测试同时DHTML (动态),VHTML(虚拟),SHTML等也飞速发展。我们现在一般只要掌握HTML4.0就可以了。
二、什么是动态 HTML(DHTML) ?
动态HTML是一组技术,是一种新的思想方法,它被设计用来创造和显示更多的交互性网页,包括动态样式,动态内容,2D布局,数据捆梆和多媒体效果等等。
动态HTML (DHTML) 是一门令人兴奋的新技术,它完全克服了传统 HTML 的不足,极具发展前景。DHTML使用一个文件对象模型 (DOM) 来扩充 HTML 语言,使得 WEB 页面的所有元素及其属性都可以实时存取, 从而允许你使用脚本动态地修改页面元素,而这些都不需要 WEB 服务器的干预。使用 DHTML 完全能够设计出复杂的,动态的,交互式的 WEB 页面,使我们的WEB 页面将因此而变得更为生动和精彩。DHTML目前正在发展中,尚没有形成一个标准。Microsoft 和 Netscape 两大公司对 DHTML 各有自己的看法,尽管两大公司都使用了很多相同的技术术语,并引用相同的已发表和提议的标准集合,但在具体实现中,两者不能统一。Netscape 是增加一些新的标记(主要是Layer, Ilayer等),而 Microsoft 是对现有的标记增加一些新的属性。由此引起的问题是在Internet Explorer上正常运行的动态网页,在 Netscape 上可能会不正确运行;反之亦然。W3C 目前正在努力开发一种标准使它能与所有的平台和浏览器兼容。
三、什么是HTTP?
Hypertext Transfer Protocol, WWW服务程序所用的协议。我们在用浏览器浏览网页时,使用的就是这个协议,所以在地址栏中都要输入http://……。
四、什么是FTP?
FTP是File Transfer Protocol(文件传输协议)的缩写。它是一种在UNIX类操作系统上使用的协议,现在已经被纳入TCP/IP协议中,被广泛的应用在Internet上。它的传输方式一般分为ASCII和BIN(二进制)两种。我们在说到Internet上的FTP时,通常是指一些使用FTP协议的站点和FTP的传输方式。
五、上传主页有哪几种方式?E-Mail方式维护主页是什么意思?
通常我们上传主页的方式是由提供主页空间的ICP来决定了。一般的上传方式有FTP、HTTP、和E-Mail三种。FTP是文件传输协议的英文缩写,光看字面意思,我们就应该知道传输文件是它的拿手好戏。好戏。HTTP方式是利用浏览器与服务器链接,向服务器端发送文件。E-Mail方式是指在维护主页的时候将要更新的内容用压缩软件压缩打包,用E-Mail发给主页空间所在网站的WebMaster。再由WebMaster将主页内容解压打开,完成更新工作。这三种上传的方式中,FTP以它的快速和良好的交互性,得到了大家的公认和推崇,现在已经是最流行的上传和下载方式了。而E-Mail上传方式的优点是安全性极高,不易被黑客乘虚而入。但是由于交互性和灵活性太差,已经很少使用了。
六、什么是CGI?
CGI 意思为 Common Gateway Interface,公共网关接口,一种基于浏览器的输入、在Web服务器上运行的程序方法。 CGI脚本 使你的浏览器与用户能交互,为了在数据库中寻找一个名词, 提供你写入的评论,或者从一个表单中选择几个条目并且能得到一个明确的回答. 如果你曾经遇到过在web上填表或进行搜索, 你就是用的CGI脚本。你那时也许没有意识到,因为大部分工作是在服务器上运行的,你看到的只是结果。作为一个网页设计者,你创建客户端的 CGI脚本,服务器端的程序用来处理用户输入,结果返回给用户。
七、什么是ASP?
Microsoft Active Server Pages 即我们所称的 ASP ,其实是一套微软开发的服务器端脚本环境, ASP 内含于 IIS 3.0 和 4.0 之中 , 通过 ASP 我们可以结合 HTML 网页、 ASP 指令和 ActiveX 元件建立动态、交互且高效的 WEB 服务器应用程序。有了 ASP 你就不必担心客户的浏览器是否能运行你所编写的代码,因为所有的程序都将在服务器端执行,包括所有嵌在普通 HTML 中的脚本程序。当程序执行完毕后,服务器仅将执行的结果返回给客户浏览器,这样也就减轻了客户端浏览器的负担,大大提高了交互的速度。 以下罗列了 Active Server Pages 所独具的一些特点:
1. 使用 VBScript 、 JScript 等简单易懂的脚本语言,结合 HTML 代码,即可快速地完成网站的应用程序。
2. 无须 compile 编译,容易编写,可在服务器端直接执行。
3. 使用普通的文本编辑器,如 Windows 的记事本,即可进行编辑设计。
4. 与浏览器无关 (Browser Independence), 用户端只要使用可执行 HTML 码的浏览器,即可浏览 Active Server Pages 所设计的网页内容。 Active Server Pages 所使用的脚本语言 (VBScript 、 Jscript) 均在 WEB 服务器端执行,用户端的浏览器不需要能够执行这些脚本语言。
5.Active Server Pages 能与任何 ActiveX scripting 语言相容。除了可使用 VBScript 或 JScript 语言来设计外,还通过 plug-in 的方式,使用由第三方所提供的其他脚本语言,譬如 REXX 、 Perl 、 Tcl 等。脚本引擎是处理脚本程序的 COM(Component Object Model) 物件。
6.Active Server Pages 的源程序,不会被传到客户浏览器,因而可以避免所写的源程序被他人剽窃,也提高了程序的安全性。
7. 可使用服务器端的脚本来产生客户端的脚本。
8. 物件导向( Object-oriented )。
9.ActiveX Server Components(ActiveX 服务器元件) 具有无限可扩充性。可以使用Visual Basic 、 java、Visual C++ 、COBOL等编程语言来编写你所需要的 ActiveX Server Component 。
八、JavaScript是什么?Java和JavaScript是一样的吗?
JavaScript是一种新的描述语言,此一语言可以被嵌入HTML的文件之中。透过JavaScript可以做到回应使用者的需求事件(如form的输入)而不用任何的网络来回传输资料。所以当一位使用者输入一项资料时,它不用经过传给服务器端(server)处理,再传回来的过程,而直接可以被客户端(client)的应用程序所处理,你也可以想像成有一个可执行程式在你的客端上执行一样。javascript虽然效果不错,但它在网络上的效果奇慢。
在JavaScript上,JavaScript和Java 很类似,但到底并不一样。Java是一种比JavaScript更复杂许多的程序语言。而JavaScript则是相当容易了解的语言,JavaScript创作者可以不那么注重程序技巧。所以许多Java的特性在JavaScript中并不支持。
九、常用的WEB图像格式有哪些?
1、PNG(Portable Network Graphic)
PNG格式是WEB图像中最通用的格式。它是一种无损压缩格式,但是如果没有插件支持,有的浏览器可能不支持这种格式。PNG格式最多可以支持32位颜色,但是不支持动画图。
2、GIF(Graphics Interchange Format)
GIF是Web上最常用的图像格式,它可以用来存储各种图像文件。特别适用于存储线条、图标和电脑生成的图像、卡通和其它有大色块的图像。GIF文件非常小,它形成的是一种压缩的8位图像文件,所以最多只支持256种不同的颜色。Gif支持动态图、透明图和交织图。
3、BMP(Windows Bitmap)
BMP格式使用的是索引色彩,它的图像具有极其丰富的色彩,可以使用16M色彩渲染图像。此格式一般用在多媒体演示和视频输出等情况下。
4、TIFF(Tag Inage File Format)
TIFF格式是对色彩通道图像来说最有用的格式,支持24个通道,能存储多于4个通道。TIFF格式的结果要比其它格式更大、更复杂,它非常适合于印刷和输出。
5、JPEG(Joint Photographic Experts Group)
JPEG是Web上仅次于GIF的常用图像格式。JPEG是一种压缩得非常紧凑的格式,专门用于不含大色块的图像。JPEG的图像有一定的失真度,但是在正常的损失下肉眼分辨不出JPEG和GIF图像的差别。,而JPEG文件只有GIF文件的1/4大小。JPEG对图标之类的含大色块的图像不很有效,不支持透明图和动态图。
6、TGA(Targa)
TGA格式与TIFF格式相同,都可以用来处理高质量的色彩通道图形。
另外,PDD、PSD格式也是存储包括通道的RGB图像的最常见的文件格式。
十、域名
由于IP地址全是些的数字,为了便于用户记忆,Internet上引进了域名服务系统DNS(Domain Name System)。当您键入某个域名的时候,这个信息首先到达提供此域名解析的服务器上,再将此域名解析为相应网站的IP地址。完成这一任务的过程就称为域名解析。
以机构区分的最高域名原来有7个:com(商业机构)、net(网络服务机构)、gov(政府机构)、mil(军事机构)、org(非盈利性组织)、e(教育部门)、int(国际机构)。1997年又新增7个最高级标准域名:firm(企业和公司)、store(商业企业)、web(从事与WEB相关业务的实体)、arts(从事文化娱乐的实体)、REC(从事休闲娱乐业的实体)、info(从事信息服务业的实体)、nom(从事个人活动的个体、发布个人信息)。这些域名的注册服务 由多家机构承担, CNNIC也有幸成为注册机构 之一; 按照ISO-3166标准制定的国家域名,一般 由各国的NIC(Network Information Center, 网络信息中心 )负责运行。
以地域区分的最高域名有:AQ(南极洲)、AR(阿根廷)、AT(奥地利)、AU(澳大利亚)、BE(比利时)、BR(巴西)、CA(加拿大)、CH(瑞士)、CN(中国)、DE(德国)、DK(丹麦)、ES(西班牙)、FI(芬兰)、FR(法国)、GR(希腊)、IE(、爱尔兰)、IL(以色列)、IN(印度)、IS(冰岛)、IT(意大利)、JP(日本)、KR(韩国)、MY(马来西亚)、NL(荷兰)、NO(挪威)、NZ(新西兰)、PT(葡萄牙)、RU(俄罗斯)、SE(瑞典)、SG(新加坡)、TH(泰国)、TW(中国台湾)、UK或GB(英国)、US(美国)(一般可省略)等。
从域名的结构上来看,域名可分为一级域名、二级域名、三级域名等。以电脑报网站为例www.cpcw.com是个一级域名,在一级域名的下一级bbs.cpcw.com就是一个二级域名,如果要在bbs.cpcw.com下面设立xxx.bbs.cpcw.com则是三级域名了。我们见到的免费域名通常是二级域名。
网页制做入门 (2)
作者:
第二讲 初识代码
我的网页之路是从洪恩网站里的DW教程开始的,从零到现在这个半调子水平。那里的很多教程都是从最基础的开始,很合适广大初学者,所以建议大家也从那里开始了。洪恩网站的学习网址:http://www.hongen.com/pc/homepage/index.htm
在这里,基本上不讲软件的具体使用,只讲总结性的东西,要注意的技巧吧,在最后,也会写一两个用DW做的简单特效实例。
随便打开一个网页,点击查看,再点源代码,一般都可以看到这个网页的代码,做网页说白了,也就是把文字、图象等多媒体效果有机的结合在一起,DW和FP等只是书写代码的利器,只要你知道代码,用记事本也一样能做出精美的网页(真正的高手据说就是用记事本做网页),但对我们初学者来说,没有必要去记代码,只需知道利用DW或FP,能实现哪些操作,就象用WORD一样,画一条线就有一条线,画一个表格就有一个表格,在软件的演示窗口里,有着同WORD一样所见即所得的最后效果察看。因此,可以说,做网页入门很简单!可后面还有半句话:做好网页不简单!因为,一个好的网页,不单单是代码书写,更重要的是美工设计,内容的充实。虽然很多代码不需要一一手工书写,可有些代码的基本组织结构了解一些,还是对做网页大有帮助的。我们可以这样学习、研究代码:在用DW或FP中做了某一个操作,把效果与上面的代码窗口比较一下,就可以知道什么代码是实现什么效果的,还可以通过查看别人的网页的源代码分析学习。想学ASP网页的朋友们,有些基本代码是非记不可的。
现在很多做网页的人,都是用借鸡生蛋的办法做的网页,做法是从网上下载现成的网页模板,对模板稍加更改,替换下内容成了。当然,这也是新手们做网页速成的一种好办法。模板在很多有提供空间的网站都有下载。很多以前收录的网址,现在打开都没有用了,在这里,能提供给大家的,只有这些了。
1.源代码下载:要下载ASP源代码的可以到“中国站长站”去,网址:http://www.chinaz.com/download/,这是个比较权威的源代码下载点,在这里下到动网源码,说不定可以下到动网7.0 for SQL Server版本(excelhome的论坛就是用这个版本)。
2.网页图片及音乐等素材:http://www.dabaoku.com/sucai/shejilei/bj/
3.网页特效代码:推建一个小工具:“水晶情缘网页特效专家”,有1M,本来想发上来,太大了,算了,要的话,留下邮箱,我发过去。如,下雪的效果,鼠标滑动效果等,这里都有。
下面我把一些常用的写下来,以供大家参考:
DREAMWEAVER常用标记:(都是以前记的一些笔记了)
标记一般成对出现,一个表示特定代码部分的开始,另一个表示特定代码部分的结束(表示结束的前面带"/"符号),但也不是绝对的,比如,<br>标记。基本的HTML标记:html、head和body必不可少。
1. <head>和</head>标记中仅包含网页标题(如<title>我的网页</title>)和程序脚本。
2. <body></body>标记中包含网页的全部内容。是网页的主体部分。
3. <center>和</center>:是中间内容居中标记;
4. <h2>和</h2>:从h1~h6,将文本标注为标题,通常要比正文粗大,h1最大;
5. <p>和</p>:段落标记,在行与行之间添加额外的空白行;
6. <br>:强行换行标记,插入单行,不需要封闭标记
7. 图象标记:<img src="aaa\\bbb.gif" width="500" height="198" align="center">
align水平对齐(left、right或center),valign垂直对齐(top,bottom或middle),border边框宽度
alt="鼠标放在图片上时出现的提示文字"
8. <p><font size="3"><b>本行字符将以粗体显示</b></font></p>
9. <p><font size="3"><i>本行字符将以斜体显示</i></font></p> (<i>等效于<em>)
10.<p><font size="3" face="宋体" color="#RRGGBB">本行字符将宋体显示</font></p>
11. <a href="test.htm">点击此处文字打开链接的网页</a> :该处文字有下划线标示
12. <HR>显示一长灰色细线,分割网页为上下两部分。可以只用单边。完整的如下:
<HR align=center width="100%" SIZE=1>显示一灰色矩形,SIZE为1时,宽为1(很细,可看作一直线)
13.<LI>在文字前出现一个圆点的项目符号</LI>,可单个使用,也可结合<br>使用
14.<OL type=2 start=1><li>标记</li><li>区段</li></ol>:控制项目序号及显示方式,如1,2,3
15.<UL>使该段文字首行和下面都缩进约两个字符</UL>
16.<BLOCKQUOTE>使该段文字整体都缩进约两个字符,可以多重使用<BLOCKQUOTE>
17.<SUP>这是上标字</SUP>,<SUB>这是下标字</SUB>,<U>这是加下划线字</U>
18.<TT>这是Windows的等宽字</TT>
19.<FONT SIZE=+1>字体放大一级</FONT>
20.<DL><DT>语言<DD>基础要素</DL>:“语言”显示为列表标题,“基础要素”显示为列表内容,自动缩进。
21.<DIV Align="Right">这是右对齐的段落一<P>这是右对齐的段落二<P></DIV>默认为左对齐方式。
表格及其标志:Align:水平,Valign:垂直。Align或Valign写在<TR >中时表该行的几个列都用同一方式。
22<BLINK>闪烁</BLINK>:标记中的文字实现闪烁效果,但并不适用于所有的浏览器。
23.<TABLE BORDER=1> <TR><TD>第一列第一栏</TD><TD>第一列第二栏</TD></TR>
<TR BgColor="yellow"><TD >第二列的第一栏</TD><TD>第二列的第二栏</TD></TR>
<TR><TD Align="Left" Valign="Center">水平:左对齐<br>垂直:居中</TD></TR></TABLE>
BgColor可写在<TABLE>、<TR>、<TD>中,分别为整个表格、整行、单一单元格的背景颜色设置。
以上是我以前笔记中收录的一些常用的标记,今天看到lfspecter大虾也发了一些关于网页的帖子,可以两边对照着看,侧重点各有不同,也许更有利于初学者的理解,链接如下:http://club.excelhome.net/dispbbs.asp?boardID=100&;ID=78021&page=1
技巧篇:
1. 在<BODY>标签中可以规定整个文档的一些基本属性:
"bgcolor":指定html文档的背景色。
"text":指定html文档中文字的颜色。
"link":指定html文档中待连接超链接对象的颜色。
"alink":指定html文档中连接中超链接对象颜色。
"vlink":指定html文档中以连接超链接对象颜色。
"background":指定html文档的背景文件。 有两种方式表示颜色对象: <body bgcolor="green">或<body bgcolor="#00FF00">。文档主体部分可用颜色列表:black 黑色 Red 红色 Line 石灰色 Maroon 栗色 Gray 灰色 Silver 银白色 Navy 海军蓝 Olive 橄榄绿 Purple 紫色 Yellow 黄色Aqua 浅绿色 Blue 蓝色 Green 绿色 Fuchsia 紫红色 White 白色 Teal 暗蓝绿
2. 浏览器的状态列提示文字控制
(1).鼠标经过:<a href="tpage.htm" onMouseOver="window.status=\'相关提示\'; return true">页面上鼠标经过的文字<a>
(2).改变状态栏提示文字:打开"Behaviors"行为编辑窗,单击"+"按钮,选择"Set Text Set"下的"Text Of Status Bar"选项,然后在方框中输入自己的文字,例如"欢迎来到我的主页"等,单击"确定"即可。
3.链接控制:
a. 返回前页:使用OnClick="history.go(-1)"
返回主页:使用OnClick=\'top.location.href="../index.html"\'
b. 链接提示:在链接语句中增加,如:去哪儿? (在点击链接前注意看状态行显示的变化)
OnMouseOver="window.status=\'这里是 ...\'; return true" OnMouseOut="window.status=\'\'; return true"
c. 链接的不同方式:
在帧里显示:在链接处加target="main"语句,其中main为帧名
整页显示:在链接处加target="_top"语句
开新窗口:在链接处加target="resource window"语句,如<A HREF="index.htm" TARGET="resource window"></A>
d. 强制主页每次都不进行缓存,而从服务器上重读
在Head部分加<MEAT HTTP-EQUIV="Pragma" CONTENT="no-cache">
e. 自动刷新
定时刷新:<META HTTP-EQUIV="Refresh" content="10; URL=http://自己的URL">
幻灯片效果:语句类似上面,但在页面1中URL指向页面2,而页面2指向页面3 ... 页面n指回页面1,即可实现循环显示页面的效果。
f. 在某一个时间内自动链接到其他主页,这只需在〈title〉######〈/title〉之后加入下面这一行即可:
〈meta http-equiv="refresh" content="20; url=otherpage.htm"〉("20"代表二十秒后连到另一个主页)
h. 在打开指定网页的同时打开另一指定网页\'next.htm,只需在指定网页的body中加入指令onload:
<html><body onload="parent.banner.location.href=\'next.htm\'">指定打开的一个网页内容</body>
4. 设置"添加到收藏夹"链接:
选中"添加到收藏夹"文字,在属性面板中的链接(Link)中输入:"javascript :window.external.AddFavorite (\'http://www.excelhome.net\',\'学习之家\')"。点击此链接时会弹出对话框,可以将你的主页地址加到收藏夹中。
5.文字移动动态效果:
1) 文字从右移到左边:<marquee><b>大家好</b>欢迎您经常光临!</marquee>
2) 让文字在固定的区域内出现从下到上的滚动效果:
例1:<table height=542 cellspacing=0 cellpadding=0 width=800 border=0>
<tr><td valign=center align=middle width=316 height=405>
<marquee scrollamount=1 scrolldelay=140 direction=up width=382 height=403><center>谨以此网站送给xxx
<font color=#ff0000></font></center><br>此处为长篇大论!</marquee></td></tr></table>
例2:<body><div align="center"><p><marquee aligh=left bgcolor=#FFFED7 direction=up behavior=scroll height=100
hspace=1 scrollamount=2 Scrolldelay=1 width=250 VSpace=1 loop=-1>
<font color="#FF0000" size="5" face="方正大黑简体">望 岳</font><br> <br>
<font color="#FF0000">岱宗夫如何,齐鲁青未了。<br>造化钟神秀,阴阳割昏晓。<br>汤胸生层云,决眦入归鸟,<br>会当凌绝顶,一览众山小。<br></font></marquee></p></div></body></html>
3) 在指定宽度内移来移去的文字代码:<TD height=20><P align=center><MARQUEE scrollDelay=120 direction=right
behavior=alternate width=150 height=12>产品导航</MARQUEE></P></TD>
6.E-mail链接:
选中字或图片,在属性中设置Alt为"给我来信",链接为"mailt [email protected]",在浏览器中单击此图,就会启动发送邮件窗口。在链接地址前加"#"符号,可以在网页中不打开实际链接。
7.动画背景为透明:
选中Flash(gif),在源代码</object></p>前加入代码:<param name="wmode" value="transparent">。或文件属性栏里 "参数"输入wmode,value="transparent"。
8.浮动背景图象(主页内容向下滚动而背景图象不动的效果):
(1).<body backgroud="image.jpg" bgproperties="fixed">
(2).在Dreamweaver中用「Text」-「Custom Style」-「Edit Style Sheet」-「New」-Redefine HTML Tag中选择Body,然后在Background中的Attachment里选fixed
9.滚动条换颜色:
默认的网页滚动条是灰色,在网页代码<head></head>里插入一对<style></style>标签,标签里写入下面的代码:
body {SCROLLBAR-FACE-COLOR:#3333FF;(立体滚动条凸出部分的颜色)
SCROLLBAR-HIGHLIGHT-COLOR:#505050;(滚动条空白部分的颜色)
SCROLLBAR-SHADOW-COLOR:#fc2400;(立体滚动条阴影的颜色)
SCROLLBAR-ARROW-COLOR:#666666;(上下按钮上三角箭头的颜色)
SCROLLBAR-BASE-COLOR:#333333; (滚动条的基本颜色)
SCROLLBAR-DARK-SHADOW-COLOR:#b4fc48} (立体滚动条强阴影的颜色)
后面的16位颜色值你可以随意更改,括号内是解释说明,在输入时请不要插入。
10.背景音乐:
body中加入以下任一个代码(建议为midi格式的):
显示操作面板:在相应地方加:
<embed src="aladdin.mid" width="140" height="35" autostart=true controls="middleconsole">
不显示操作面板:在页中任意地方加<embed src="aladdin.mid" hidden=true autostart=true loop=true>
<bgsound src=音乐路径 loop=次数>-1为无数次
<embed src=音乐路径 width=0 height=0>
11.在Dreamweaver中轻松设置行间距:
用层叠样式表(CSS)来实现,在Dreamweaver中编辑层叠样式表不用编写代码,具体操作方法如下:
(1)在快速启动栏中点击层叠样式表按钮("show css styles"按钮),在弹出的CSS Styles面板上双击(none);
(2)此时,可看到弹出的Edit Style Sheet 面板,在该面板上按New按钮;
(3)再在弹出的New Style 面板上点取Redefine HTML Tag(重新定义HTML标记),再在Tag中选择"body"标记后按OK按钮;
(4)这时可看到弹出的Style dehinition for body 的对话框,在此对话框中可以设置"body"标记的许多属性,可以按你的意愿设置,但我们这里主要是要设置行距,所以在line属性输入框中填上行距的像素点数,现在流行的九号字,行距一般用12,按OK按钮返回到Edit Style Sheet 面板,此时已把"body"的行距设置好了;
(5)由于"body"中定义的行距对表格不起作用,所以再在Edit Style Sheet 面板上再按New按钮;
(6)再在弹出的New Style