第二章网络信息制作与发布第一节网络信息制作技术第二节网络信息发布技术第三节网站的规划与网页的设计网络中的信息总是以某种形式加以表现的,如文字、图像、音频、视频、动画等。与之相关的信息制作技术,则决定了信息传输速度的高低,以及信息表现形式的丰富性。第一节网络信息制作技术一、图形、图像处理技术1.BMP文件2.GIF文件3.TIF/TIFF文件4.JPEG文件5.PNG文件二、音频、视频处理技术(一)常见的音频文件格式1.WAV文件2.AIF/AIFF文件3.AU文件4.MP1/MP2/MP3文件5.RA文件(二)常见的视频文件格式1.AVI文件2.MOV文件3.ASF文件4.RM文件5.MP4文件(三)流媒体技术1.流媒体技术分类2.采用流媒体技术的音视频文件格式三、动画制作技术目前网络中常用的动画制作技术是Flash。Flash是一种交互式矢量多媒体技术,它可以带来丰富的动画效果,现在在网页设计中应用得越来越广。一、网页发布技术(一)网页制作的基础技术SGML、HTML与XML1.SGML2.HTML3.XML第二节网络信息发布技术(二)常见的网页制作工具软件1.MSFrontPage2.Dreamweaver(三)网页制作的高级技术1.CGI2.ASP3.JavaScript(脚本)4.JavaApplet(四)网络信息自动发布系统虽然制作网页是在下进行网络信息发布的根本技术,但是,为了信息发布的高效率和标准化,网站通常会采用自动发布系统,即通过一定的方式将需要发布的内容自动合成到某个网页中,此外,这类系统还可以完成网站的其他管理功能。二、PDF技术PDF是PortableDocumentFile的简称,即可移植文档格式。现在PDF格式一般指的是AdobePDF。PDF虽然不是网页设计的基本格式,但是全球电子出版的实用标准,在网络中应用也很广泛。PDF文件的优点包括:(1)保证精确打印(2)特别适合在屏幕上阅览(3)高效的浏览(4)加密特性(5)跨平台(6)文件采用压缩格式三、RSS技术1.RSS阅读界面与浏览器的区别2.运用RSS阅读器传播新闻与信息的特殊规律四、Widget技术Widget是一种可供自己制作和自由下载的工具的统称,它包含了娱乐、工作、学习等多种实用功能。五、新一代电子报纸技术报纸的电子化或数字化并非一个新的概念,从早期利用CDROM发行的报纸电子版,到通过网络发行的报纸电子版,报纸的电子化已经历20多年的历史。六、新一代电子杂志技术传统杂志简单的数字化和数字媒体的杂志化分别被称为第一代和第二代电子杂志,而目前流行的电子杂志称为第三代。一、网站的结构规划(一)网站的层次树结构(二)网站的栏目设计1.网站的功能2.网站栏目的类别3.栏目名称设计应遵循的原则第三节网站的规划与网页的设计二、网站规划中的二维布局报纸的版面编排,遵循的是“平面思维”,即将所有内容组织在一个一览无余的平面空间中。而网站的页面设计遵循的是“平面+立体”思维。三、网站设计与受众阅读习惯和需求(一)受众视线在页面中的第一落点(二)受众视线扫描的核心地带(三)受众视线移动的速度(四)不同类型信息吸引受众视线的能力四、网站设计的易用性(一)网页信息传输与打开的速度(二)界面设计的简洁性与稳定性(三)网站结构与导航系统的合理性(四)栏目名称的准确性与指向的明晰性(五)页面色彩的舒适度(六)用户参与的便捷度(七)附加功能的方便度五、导读页的版式设计(一)导读页版面布局的模式(二)导读页版面布局的基本原则和应注意的问题六、正文页的设计(一)页面的长度控制(二)页面的字体与字号、色彩(三)页面的空间处理(四)页面的附加内容七、导航系统的设计(一)导航条(二)图片映射(三)目录(四)表格八、网页设计中的色彩(一)色彩的分类(二)色彩的搭配(三)网站色彩的个性1.你在上网中接触过哪些图形、图像文件格式,试对它们进行比较。2.你在上网中接触过哪些音频文件格式,试对它们进行比较。3.你在上网中接触过哪些视频文件格式,试对它们进行比较。4.Flash动画在网络中有哪些应用场合?你还能想到哪些利用它们的方式?【本章学习与思考】5.你在上网中接触过哪些信息发布技术,你对它们各自的优缺点有何评价?6.在浏览器中利用“查看”下的“源文件”操作,打开某个网页的HTML源文件,了解HTML文件的构成。7.你如何看待中国网站的“平面主导式”的首页设计风格?【本章学习与思考】8.试分析某一网站的导读页设计的优缺点。9.试分析某一网站导航系统的优缺点。10.试设计一个个人网站,规划出它的各级栏目,画出结构图。【本章学习与思考】