本章目标7.1利用Dreamweaver制作新闻网页7.2利用Flash整合多媒体新闻7.1利用Dreamweaver制作新闻网页了解网站、网页和主页的关系,以及其它网站术语。了解网站的类型掌握网页设计的方法和工具。掌握网页设计的基本原理。了解如何发布网站。本章目标网页HTMLHTTPURL域名域名空间常用术语什么是网页?网站网页内容元素+排版主页:是一个网站的起点站或者说主目录。内容元素+排版元素:文字、图片和表格元素:文字、图片、表格、视频、音频、动画和链接等名词解释网站定义:因特网上一块固定的面向全世界发布消息的地方,通常包括主页和其他具有超链接文件的页面。网页定义:是一种文件,它的文件后缀一般是(.htm和.html)结尾的文件。网页上是可以呈现普通文字、图形、图像、声音、动画等多媒体信息,还包含指向其他网页的链接。网页通过网页浏览器进行阅读。现主流的浏览器有:IE、Firefox、Chrome等。HTMLHTML(HypertextMarkupLanguage,超文本标记语言)构成了Internet应用程序的基础,用来编写Web网页。之所以叫“超文本”,是因为它的构成对象不仅仅有普通的文字字符元素,还有声音、图形等其他“超越”普通文字字符的对象元素。HTML语言是一种描述文档结构的语言,而不能描述实际的表现形式。HTTPHTTP(HyperTextTransferProtocol,超文本传输协议)是Internet中的网站成千上万,为了能够在Internet中方便地找到所需要的网站及所需要的信息资源,采用了URL(UniformResourceLocator,全球统一资源定位器)来惟一标识某个网络资源。事实上,URL就是某个网页的地址,它由协议名、主机名、路径和文件名四部分组成,其格式如下:协议名://主机名/路径和文件名如:域名通俗讲域名就是网站的身份证。常用域名:域名描述.com表示商业机构.net表示网络服务机构.org表示非营利性组织.gov表示政府机构.edu表示教育机构…地理域名共计(150多个).cn表示中国.ca表示加拿大…域名顶级域名在开头有一个点,如.XXX一级域名就是在comnetorg前加一级,如XXX.XXX二级域名就是在一级域名前再加一级,如XXX.XXX.XXX二级域名及其以上级别的域名,统称为子域名,不在“注册域名”的范畴中。个人可以申请注册一级域名解释:如何申请域名西部数码◦价格相对便宜,服务较好(推荐)。万网◦价格相对贵,服务好。Demo!域名空间空间:在互联网中,存放网站文件的计算机。空间大小:◦空间大小以“M”为单位,“M”就是“兆”,1024kb=1M,1024M=1G,1024G=?备注:一般情况空间越大,价格越高。网站的工作原理•向我发送“计算机历史”•客户端向运行Web服务器程序的计算机发送•HTTP消息并请求文档。•Web服务器向客户端发送超媒体HTML文档。您最终在您的计算机屏幕上看到该文档。网站的工作过程:当选择网页中的一个超链接时,客户机就把超链接所附的地址读出来,然后向相应的服务器发出一个请求,要求相应的超文本文件,服务器对此作出响应,将超文本传送到客户机,最后由浏览器显示所获得的超文本。目前网站类型资讯门户类网站企业品牌类网站交易类网站社区网站办公及政府机构网站互动游戏网站有偿资讯类网站功能性网站综合类网站如:yahoo、新浪、网易等资讯门户类网站企业品牌类网站如:Apple、IBM、Lenovo等交易类网站如:淘宝、易趣、拍拍等社区网站如:比如猫扑、天涯、腾讯等办公及政府机构网站比如:首都之窗、北京税务局网站等互动游戏网站比如:梦幻西游、魔兽世界等有偿资讯类网站比如:豆丁网()等功能性网站比如:百度、Google等综合类网站比如:新浪、搜狐等如何制作网页?制作网页常用的方法和工具1、使用“记事本”制作网页2、使用Dreamweaver工具制作网页案例(一)使用记事本创建名为“myweb.htm”的网页使用记事本创建网页的步骤:1、打开记事本2、输入“互联网,我来了!”代码3、保存为*.html或*.htm文件,注意格式问题4、打开网页预览效果演示示例1:如何在记事本里创建网页Demo1!案例小结本案例用“记事本”程序制作了一个简单的网页文档,在制作过程中需注意的是:1、在保存文档时一定要在【保存类型】下拉列表框中选择【所有文件】选项;2、要将网页文档的扩展名.htm(或.html)一并输入,否则“记事本”程序会将其保存为纯文本格式的文档。网站发布流程•如:baidu.com•域名要短,易联想到网站注册域名•购买虚拟主机•注意服务稳定•响应要快是首要的申请空间•将网站基本内容制作好网站建设•上传到空间•绑定域名上传网站•坚持长期更新•多原创•多到大网论坛QQ群众作宣传网站推广总结网站、网页和主页的关系?网页的扩展名有哪些?网站的分类有哪些?制作网页常用的方法和工具是什么?网站发布的流程?7.2利用Flash整合多媒体新闻多媒体新闻是将文字、照片、图表、动画、音频及视频等信息传播手段中的某几种组合起来且以网络的互动性相配合而形成的新闻报道。它克服了单一新闻报道形式的不足,各种报道手段各尽其能,相辅相成,形成了“1+12”的效应,互动手段使受众可以更充分地参与报道,新闻报道的效果得以增强。一、多媒体新闻的含义及表现形式多种信息手段像水泥、沙子和水一样结合多媒体新闻分为两个层面,一是编辑层面的多媒体新闻,二是报道全过程中的多媒体新闻。编辑层面的多媒体新闻即是编辑根据现有的素材,将各种有关联的多媒体稿件结合在一起。这是一种被动整合的多媒体报道。应该说,在目前的网络多媒体新闻中,这一层次的多媒体新闻占多数。报道全过程中的多媒体新闻应该是:在报道的策划阶段,就充分考虑到如何围绕新闻主题来组织不同的手段;在采访阶段,多种手段并用,依据整体构思来采集素材;在编辑阶段,则根据每一种媒体手段的特点,将各种素材有机地结合起来,用一种高度集成的界面将它们呈现出来。现在,这种多媒体新闻还只是处于初级阶段。但是,这是一种理想的多媒体新闻。1.Flash动漫新闻2.Flash幻灯新闻3.Flash互动新闻二、Flash新闻的作用及类型以图片为主的整合性报道需要模拟新闻现场的报道重大题材的报道需要重要挖掘的老题材互动性要求高的题材三、Flash新闻的适用场合1.单线程结构2.多线程结构3.无线程结构四、Flash新闻的结构设计简单的Flash新闻可以是单线条的,内容上不再区分层次,所有内容根据其内在关系排列起来,顺序播放。如果必要,也可以设置若干控制按钮,让受众观看时有暂停、播放、倒退、快进等方式来控制观看流程。但内容上的线索是简单的。单线程结构较适用于Flash幻灯类和Flash动漫类报道单线程结构在Flash互动新闻中,多数情况下内容较为复杂,用单线条的方式很难将内容有序组织起来。这时需要根据内容的性质将其分为若干子主题(组),再按照某种方式将各个子主题的内容组织起来。这样,在新闻播放时,可以有多种播放线索或进程。这样的Flash新闻是多个子主题并存。这些子主题之间的关系又可分为以下几种:多线程结构并列式各个子主题的地位基本上是平等的,它们是从不同侧面对同一个主题进行阐释,它们聚合在一起便可以较完整地表现主题。在播放时可以完全由受众根据自己的喜好来决定收看顺序。递进式在这种情况下,各个子主题之间存在着逻辑上的先后顺序,前面的主题则是后面主题的基础,而后面的主题是对前面的主题发展或深化。因此,在制作时,设计者应该有明确的阅读线路的指示,虽然这种顺序也可以在受众观看时人为打破。对于地图类的Flash互动新闻,往往并不需要考虑到阅读的线路问题,所有内容是通过地图来组织的,这是一种无线程结构。无线程结构五、Flash新闻的信息手段运用1.文字勾勒主要线索传达重要信息对其他媒体手段进行说明、补充信息间的转接(粘合剂)分析与评论Flash新闻中文字的作用直接出现用动画加以强调字幕窗口显示Flash新闻中文字的表现形式尽量避免一次使用大量文字避免文字的动画处理过于繁杂、花哨避免文字滚动速度过快避免文字字体过多Flash新闻中使用文字的注意事项新闻照片图表地图2.图片展示具有冲击力或具有代表性的瞬间加强现场感、说明真实性使新闻产生情节性定位报道基调、烘托气氛调节视觉感受演示、解释新闻信息整合其他素材Flash新闻中图片的作用直接呈现电影镜头的运动效果(推、拉、摇、移)特技效果◦淡入(一张图片从无到有逐渐显现)◦淡出(一张图片从有到无逐渐消失)◦化入化出(两个相接镜头的淡入与淡出同步)◦叠化(后面的画面没有渐显的过程,直接叠在渐隐的画面上)◦百页窗效果(一张图片经百页窗的动画转化为另一张)◦马赛克效果(一张图片经马赛克的动画转化为另一张)◦旋转、飞入、滚动Flash新闻中图片的表现形式避免过度使用图片使用体积适中的图片使用分辨率合适的图片不要轻易使图片变形恰当运用镜头效果慎用图片的动画特技Flash新闻中使用图片的注意事项在Flash新闻报道中,一般可以使用4种声音,即:新闻音响、以往的音频新闻、解说和音乐3.声音补充信息渲染现场感传达报道的基调加强真实性Flash新闻中音频的作用新闻音响是那些在新闻现场采集的声音信息或采访某些人的录音。这些音响往往最具表现力,最能渲染气氛。但是目前很多网站还不具备到现场去进行采访的条件,这时可以与传统媒体合作,利用它们所拥有的资源。以往的音频新闻一般不直接出现,而是作为链接材料由受众点播。它们往往是作为Flash新闻的扩展手段,对主体新闻事实进行补充、延伸。解说是用声音的方式来解释、说明新闻的主要内容。它类似于文字稿件,但解说的文字脚本的撰写要充分考虑声音传播的特点。音乐,主要用于烘托气氛。在一些非事件性的新闻报道中,加入音乐可以避免由于缺少原始音响而带来的音响效果的不足。声音与画面的相关性防止声音与画面组合后可能引起的误解音乐与画面的关联程度及节奏、情绪的吻合注意声音文件的体积注意知识产权问题Flash新闻中应用声音的注意事项视频对于多媒体新闻中的其他手段是一种很好的补充,它可以带给人更强的现场感、真实感,因此,它可以作为一种证实性素材出现4.视频直接插入Flash影片中,与其他素材一同连贯播放作为点播内容,由观看者选择播放视频在Flash新闻中的应用方式合理适度与其他素材的自然连接注意文件体积大小Flash新闻中运用视频的注意事项5.互动让受众控制新闻的阅读、观看过程使受众参与体验例2获得受众的意见反馈增加新闻的趣味性互动元素在Flash新闻中的作用控制按钮动态信息点动态信息接收区域受众调查受众评论Flash新闻中的几种常见互动元素清晰呈现互动意图:互动元素在外观上可以是文字、图形图像(或它们的局部)等,如果不加以指示,一些互动元素可能被视而不见,特别是动态提示点。因此,应该对于这些互动元素加以明确标识,并用文字说明互动的意图,以避免这些互动元素被白白浪费。不要滥用互动元素Flash新闻中使用互动元素注意事项许多Flash新闻是通过时间的展开来逐渐表现新闻的主题、呈现新闻信息的,因此,它们与电影或电视一样也是一种时间的艺术,这时,把握好Flash新闻影片的时间节奏,显得特别重要。好的Flash新闻应该看上去感觉行云流水一般流畅,有张有弛,形成视觉与听觉节奏上的高度统一。六、Flash新闻的时间节奏处理Flash新闻的节奏首先表现为一个画面的延续时间,其次表现为画面之间连接而形成的整体节