第1章初识网站和网页

《第1章初识网站和网页》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第1章初识网站和网页网站和网页网页中的元素类型从功能角度分析网页常用网站管理与制作软件网站建设流程1.1网站和网页网站是网页的集合，网页是组成网站的元素。1.1.1网站、网页和主页网页1.1.2网页是什么网页中除了包含文字外，还包含图像、动画等内容。图像动画文字我们看到的一个个网页都是由多个文件组成的。网页文件是“根”，图像和动画文件都是“枝叶”。图像文件网页文件当当网苏州旅游网且听风吟文学网中国体育资讯网1.2网页中的元素类型1.2.1网页中的文字与图像文字与图像是网页中的基本元素，是浏览者获得相关信息的主要来源。可在设计网页时为文字

2、设置位置、字体、字号、颜色、对齐方式，以及加粗和倾斜等格式。网页中只能使用和显示JPEG、GIF和PNG格式的图像，其他诸如BMP和TIF等格式的图像目前还都不能用于网页中。PNG是一种位图文件(bitmapfile)存储格式，读成“ping”。PNG用来存储灰度图像时，灰度图像的深度可多到16位，存储彩色图像时，彩色图像的深度可多到48位，并且还可存储多到16位的α通道数据。PNG使用从LZ77派生的无损数据压缩算法。PNG图片文件一般应用于JAVA程序中，或网页或S60程序中是因为它压缩比高，生成文件容量小。PNG——Portabl

3、eNetworkGraphics，可携式网络图像，具有gif和jpg的优点，也是FIREWORKS图片处理程序的源文件。GIF－－GraphicsInterchangeFormat，即图形交换模式。此类格式形成一种压缩的8位图像文件。正因为它是经过压缩的，而且又是8位的，所以这种格式的文件大多用于网络传输上，速度要比传输其它格式的图像文件快得多。缺点：不能用于存储真彩的图像文件。JPEG－－JointPhotographicExpertsGroup,直译为联合图片专家组。支持真彩色。BMP是一种与硬件设备无关的图像文件格式，使用非常广。

4、它采用位映射存储格式，除了图像深度可选以外，不采用其他任何压缩，因此，BMP文件所占用的空间很大。TIF(TIFF)TagImageFileFormat,直译为标签图像文件格式。这是一种最佳质量的图形存贮方式,它可存贮多达24个通道的信息。它所包含的有关的图形信息最全,而且几乎所有的软件都支持这种格式.1.2.2网页中使用的动画与视频影像视频流技术常见的格式有RealVideo及AppleQuickTime。GIF动画SWF动画目前，大家在网页中看到的动画主要包括两类，即动态GIF格式动画和SWF格式动画。动态GIF格式动画的原理十分简

5、单，就是高速连续显示多幅静态图像，就像播放动画片一样。通常用于制作简单的小型动画。如果需要在网页上使用一些大型、复杂或带有声音的动画，可借助Macromedia的Flash软件来制作SWF动画。1.2.3网页中使用的声音适当的在网页上加点音乐效果，会使网页更具吸引力。目前，网上比较流行的音频格式主要有MIDI、WAV、MP3与RealAudio。控制音乐的播放1.3从功能角度分析网页从功能的角度来看，可以将网页中的元素分为站标、导航栏、广告条、标题栏和按钮。站标导航栏广告条标题栏按钮1.3.1站标站标也叫LOGO，是网站的标志，其作用是

6、使人看见它就能够联想到企业。因此，网站LOGO通常采用企业的LOGO。LOGO通常采用带有企业特色和思想的图案，或是与企业相关的字符或符号及其变形，当然也有很多是图文组合。1.3.2导航栏导航栏实际上是网站内多个页面的超链接组合。导航栏也是网站中所有重要内容的概括，可以让浏览者在最短时间内了解网站的主要内容。设计导航栏时，有几点需要注意。如果网站内容不多，并且导航栏不超过两排，可以根据网站风格尝试灵活摆放，如放在网页的左侧或者放在页面上方等。页面左侧页面上方如果网站的栏目很多，可以将导航栏分为多排放置在主页LOGO的下方或右侧，为便于观

7、看，可为各排设置不同的底色。LOGO右侧LOGO下方如果导航栏内容较多的话，尽量使用文字超链接而不用图片。不过，如果导航栏内容不多，或者网页内容比较活泼的话，多采用图片或Flash制作导航栏。图片导航栏Flash导航栏广告条又称Banner，其功能是宣传网站或替其他企业做广告，以赚取广告费。1.3.3广告条在Banner的制作过程中有一些要点需要注意：Banner可以是静态的也可以是动态的。Banner的体积不宜过大，尽量使用GIF格式的图片与动画或Flash动画。Banner中的文字不要太多，只要达到一定的提醒效果就可以。Banner

8、中图片的颜色不要太多，尤其是GIF格式的图片或动画，要避免出现颜色的渐变和光晕效果。这里的标题栏不是指整个网页的标题栏，而是网页内部各版块的标题栏，是各版块内容的概括。标题栏可以是文字加单元格背景，也可以是