第1章初识网站和网页(免费阅读).pptVIP

第1章 初识网站和网页 网站和网页 网页中的元素类型 从功能角度分析网页 常用网站管理与制作软件 网站建设流程 1.1 网站和网页 网站是网页的集合，网页是组成网站的元素。 1.1.2 网页是什么 网页中除了包含文字外，还包含图像、动画等内容。 我们看到的一个个网页都是由多个文件组成的。网页文件是“根”，图像和动画文件都是“枝叶”。 当当网 苏州旅游网 且听风吟文学网 中国体育资讯网 1.2 网页中的元素类型 1.2.1 网页中的文字与图像 PNG是一种位图文件(bitmap file)存储格式，读成“ping”。PNG用来存储灰度图像时，灰度图像的深度可多到16位，存储彩色图像时，彩色图像的深度可多到48位，并且还可存储多到16位的α通道数据。PNG使用从LZ77派生的无损数据压缩算法。 PNG图片文件一般应用于JAVA程序中，或网页或S60程序中是因为它压缩比高，生成文件容量小。 PNG——Portable Network Graphics，可携式网络图像，具有gif和jpg的优点，也是FIREWORKS图片处理程序的源文件。 GIF－－Graphics Interchange Format，即图形交换模式。此类格式形 成一种压缩的8位图像文件。正因为它是经过压缩的，而且又是8位的，所以 这种格式的文件大多用于网络传输上，速度要比传输其它格式的图像文件快 得多。缺点：不能用于存储真彩的图像文 件。 JPEG－－Joint Photographic Experts Group,直译为联合图片专家组。支持真彩色。 BMP是一种与硬件设备无关的图像文件格式，使用非常广。它采用位映射存储格式，除了图像深度可选以外，不采用其他任何压缩，因此，BMP文件所占用的空间很大。 TIF(TIFF)Tag Image File Format,直译为标签图像文件格式。这是一种最佳质量的图形存贮方式,它可存贮多达24个通道的信息。它所包含的有关的图形信息最全,而且几乎所有的软件都支持这种格式. 1.2.2 网页中使用的动画与视频影像 1.2.3 网页中使用的声音 适当的在网页上加点音乐效果，会使网页更具吸引力。目前，网上比较流行的音频格式主要有MIDI、WAV、MP3与Real Audio。 1.3 从功能角度分析网页 从功能的角度来看，可以将网页中的元素分为站标、导航栏、广告条、标题栏和按钮。 1.3.1 站标 站标也叫LOGO，是网站的标志，其作用是使人看见它就能够联想到企业。因此，网站LOGO通常采用企业的LOGO。 LOGO通常采用带有企业特色和思想的图案，或是与企业相关的字符或符号及其变形，当然也有很多是图文组合。 1.3.2 导航栏 导航栏实际上是网站内多个页面的超链接组合。导航栏也是网站中所有重要内容的概括，可以让浏览者在最短时间内了解网站的主要内容。 设计导航栏时，有几点需要注意。 如果网站内容不多，并且导航栏不超过两排，可以根据网站风格尝试灵活摆放，如放在网页的左侧或者放在页面上方等。 如果网站的栏目很多，可以将导航栏分为多排放置在主页LOGO的下方或右侧，为便于观看，可为各排设置不同的底色。 如果导航栏内容较多的话，尽量使用文字超链接而不用图片。不过，如果导航栏内容不多，或者网页内容比较活泼的话，多采用图片或Flash制作导航栏。 1.3.3 广告条 广告条又称Banner，其功能是宣传网站或替其他企业做广告，以赚取广告费。 1.3.4 标题栏 这里的标题栏不是指整个网页的标题栏，而是网页内部各版块的标题栏，是各版块内容的概括。 标题栏可以是文字加单元格背景，也可以是图片，一般的大型网站都采用前者，一些内容少的小网站采用后者。 1.3.5 按钮 网页中的按钮被点击之后，网页会实现相应的操作，比如页面跳转，或数据的传输等。 设计按钮时，要保证按钮与页面的协调，不能太抢眼，如果按钮上有字则尽量使用单色或渐变色背景，保证字迹清晰。当页面上有多个按钮的时候，应分清主次，根据网页的需要改变按钮的颜色或者大小。 1.4 常用网站管理与制作软件 1.4.1　常用网站管理与网页编辑软件 1.4.2 网页设计辅助软件 在进行网页制作时，除了需要Dreamweaver、FrontPage等软件外，还会用到Fireworks、Flash、Photoshop等软件，这些软件的主要功能与特点如下： 1.4.3 常用网站程序设计语言 如果网站中包含动态网页，除了需要学习一些常用的网页设计软件外，还应掌握一些常用的网站程序设计语言。 1.5 网站建设流程 1.5.1 根据要求确定网站内容 1.5.2 规划网站栏目 确定了网站内容后，就要开始进行网站规划。例如，将网站的内容划分成哪些栏目，从而使网站既便于