
6.3网络专题制作 网站的专题制作,除了便于寻找和阅读外,还需要在具体的页面、栏目名称设计上别出心裁, 在色彩的运用和图片的排列上与众不同,以在纷繁的网络世界中显示网站的个性与特色。 本节主要内容: 网页编排设计 网页制作步骤 教学目标: 掌握:网络专题制作的基本方法 6.3.1网页编排设计 在专题内容制作上,网站往往把不同媒体对同一事件的评论、观点和报道放在一起,并注入多 媒体的素材。在专题页面表现上,一个完整的网络专题由专题首页、更多页、正文页等组成。 网站的专题制作,除了便于寻找和阅读外,还需要在具体的页面、栏目名称设计上别出心裁, 在色彩的运用和图片的排列上与众不同,以在纷繁的网络世界中显示网站的个性与特色。 1.网页编排设计步骤:设计页面、编排栏目、搭配色彩、制作标题、选择图片 (1)设计页面 在设计页面的时需要考虑如何如何吸引网民阅读,并引导他们注意专题的重要之处。 √版面设计:需要将实用性与审美性结合起来。要求网络编辑能够运用清晰的线条将页面划 分清楚,以便突出最重要的内容。还要通过颜色和亮度等元素的有机使用、搭配,形成网 页的层次、平衡与整体。 √超级链接:线性结构、树形结构 实例:如前文所提到的新华网“伊朗核危机”专题中,将西方的观点放置在网页中间的最上方:而 中方观点和相关背景置于网页最右方,而用灰色的、亮度较暗的线条划分开来。这样的页面设计, 就使网民认知到事件需要主要关注的方面和次要方面。 版面布局设计一遵循的原则 ①正常平衡一亦称匀称”。多指左右、上下对照形式,主要强调秩序,能达到安定诚实、信赖 的效果。 ②异常平衡一即非对照形式,但也要平衡和韵律,当然都是不均整的,此种布局能达到强调性、 不安性、高注目性的效果。 ③对比一所谓对比,不仅利用色彩、色调等技巧来作表现,在内容上也可涉及古与今、新与旧、 贫与富等对比。 ④凝视一所谓凝视是利用页面中人物视线,使浏览者仿照跟随的心理,以达到注视页面的效果, 一般多用明星凝视状。 ⑤空白一空白有两种作用,一方面对其他网站表示突出卓越,另一方面也表示网页品位的优越 感,这种表现方法对体显网页的格调十分有效。 ⑥尽量用图片解说一此法对不能用语言说服、或用语言无法表达的情感,特别有效。图片解说 的内容,可以传达给浏览者的更多的心理因素。 ■网页的白色背景太虚,则可以加些色块: ■ 版面零散,可以用线条和符号串联: 左面文字过多,右面则可以插一张图片保持平衡: 表格太规矩,可以改用导角试试
1 6.3 网站的专题制作,除了便于寻找和阅读外,还需要在具体的页面、栏目名称设计上别出心裁, 在色彩的运用和图片的排列上与众不同,以在纷繁的网络世界中显示网站的个性与特色。 本节主要内容: 网页编排设计 网页制作步骤 教学目标: 掌握:网络专题制作的基本方法 6.3.1 在专题内容制作上,网站往往把不同媒体对同一事件的评论、观点和报道放在一起,并注入多 媒体的素材。在专题页面表现上,一个完整的网络专题由专题首页、更多页、正文页等组成。 网站的专题制作,除了便于寻找和阅读外,还需要在具体的页面、栏目名称设计上别出心裁, 在色彩的运用和图片的排列上与众不同,以在纷繁的网络世界中显示网站的个性与特色。 1.网页编排设计步骤:设计页面、编排栏目、搭配色彩、制作标题、选择图片 (1)设计页面 在设计页面的时需要考虑如何如何吸引网民阅读,并引导他们注意专题的重要之处。 ✓ 版面设计:需要将实用性与审美性结合起来。要求网络编辑能够运用清晰的线条将页面划 分清楚,以便突出最重要的内容。还要通过颜色和亮度等元素的有机使用、搭配,形成网 页的层次、平衡与整体。 ✓ 超级链接:线性结构、树形结构 实例:如前文所提到的新华网“伊朗核危机”专题中,将西方的观点放置在网页中间的最上方;而 中方观点和相关背景置于网页最右方,而用灰色的、亮度较暗的线条划分开来。这样的页面设计, 就使网民认知到事件需要主要关注的方面和次要方面。 版面布局设计—遵循的原则 ① 正常平衡—亦称“匀称”。多指左右、上下对照形式,主要强调秩序,能达到安定诚实、信赖 的效果。 ② 异常平衡—即非对照形式,但也要平衡和韵律,当然都是不均整的,此种布局能达到强调性、 不安性、高注目性的效果。 ③ 对比—所谓对比,不仅利用色彩、色调等技巧来作表现,在内容上也可涉及古与今、新与旧、 贫与富等对比。 ④ 凝视—所谓凝视是利用页面中人物视线,使浏览者仿照跟随的心理,以达到注视页面的效果, 一般多用明星凝视状。 ⑤ 空白—空白有两种作用,一方面对其他网站表示突出卓越,另一方面也表示网页品位的优越 感,这种表现方法对体显网页的格调十分有效。 ⑥ 尽量用图片解说—此法对不能用语言说服、或用语言无法表达的情感,特别有效。图片解说 的内容,可以传达给浏览者的更多的心理因素。 ◼ 网页的白色背景太虚,则可以加些色块; ◼ 版面零散,可以用线条和符号串联; ◼ 左面文字过多,右面则可以插一张图片保持平衡; ◼ 表格太规矩,可以改用导角试试

版面布局设计一版面布局形式 ①“T”形结构:是指网页的顶部是通栏的块,通常为网站的标志、名称、广告等:在网页的 侧设有一条边栏:网页的中间就是主体内容。 ②“门”形结构:是指网页的四周划分出窄栏,作为导航条、广告和网站标志的陈放地,网页 中央则是内容主体。由于版面利用较充分,信息容纳量大,新闻网站和门户网站的首页多采用这种 框架。 ③“川”形框架:是指网页被垂直划分为若干栏,一般为三栏或四栏,只在页面的上方有个窄 窄的横条作为标志栏或广告栏等。 ④“块”形框架:是指网页被横向划分成若干个通栏的块状,网站标志、导航条、广告栏位于 网页的上方或下方,中间为内容主体。 版面布局设计一版面布局的技巧 ■加强视觉效果 ■加强文案的可视度和可读性 统一感的视觉 ◆ 新鲜和个性是布局的最高境界 版面布局设计一超级链接 网页链接结构的原则是:用最少的链接,使得浏览最有效率。 ①线性结构 网页一层一层链接起来,步步深入,逻辑清晰,但是网页之间不能自由跳转链接。这种结构 方式就显得层次太深、结构过于单薄。 ②树状链接结构 这样的链接结构在浏览时,一级级进入,一级级退出。优点是条理清晰,浏览者明确知道自 己在什么位置,不会迷路。缺点是浏览效率较低。 ③网状链接结构 每个页面相互之间都有链接。优点是浏览方便,随时可以到达自己喜欢的页面。缺点是链接 太多,容易使浏览者迷路,搞不清自己在什么位置,看了多少内容。 (2)编排栏目 网络专题要在信息海量的网络中,为网民提供全面、生动而深入的时事新闻报道,就需要主题 策划之余,将信息做一定的分类和编排,以利于网民的阅读与接受。网站于是需要针对专题中新闻 信息的不同特点,编排进不同的栏目,并在网页上落实为具体的形式表现。编排专题的栏目先要确 定好各个栏目的表现形式和具体名称。 ①表现形式:要考虑专题中文字报道、图片报道的比例以及是否使用音视频或Flash等技术 手段。 实例:如前文所提到的新华网“伊朗核危机”专题中的图片报道:新华网2007年“两会专题”中 的两会网视。 2
2 版面布局设计—版面布局形式 ① “T”形结构:是指网页的顶部是通栏的块,通常为网站的标志、名称、广告等;在网页的 一侧设有一条边栏;网页的中间就是主体内容。 ② “门”形结构:是指网页的四周划分出窄栏,作为导航条、广告和网站标志的陈放地,网页 中央则是内容主体。由于版面利用较充分,信息容纳量大,新闻网站和门户网站的首页多采用这种 框架。 ③ “川”形框架:是指网页被垂直划分为若干栏,一般为三栏或四栏,只在页面的上方有个窄 窄的横条作为标志栏或广告栏等。 ④ “块”形框架:是指网页被横向划分成若干个通栏的块状,网站标志、导航条、广告栏位于 网页的上方或下方,中间为内容主体。 版面布局设计—版面布局的技巧 ◼ 加强视觉效果 ◼ 加强文案的可视度和可读性 ◼ 统一感的视觉 ◼ 新鲜和个性是布局的最高境界 版面布局设计—超级链接 网页链接结构的原则是:用最少的链接,使得浏览最有效率。 ① 线性结构 网页一层一层链接起来,步步深入,逻辑清晰,但是网页之间不能自由跳转链接。这种结构 方式就显得层次太深、结构过于单薄。 ②树状链接结构 这样的链接结构在浏览时,一级级进入,一级级退出。优点是条理清晰,浏览者明确知道自 己在什么位置,不会迷路。缺点是浏览效率较低。 ③ 网状链接结构 每个页面相互之间都有链接。优点是浏览方便,随时可以到达自己喜欢的页面。缺点是链接 太多,容易使浏览者迷路,搞不清自己在什么位置,看了多少内容。 (2)编排栏目 网络专题要在信息海量的网络中,为网民提供全面、生动而深入的时事新闻报道,就需要主题 策划之余,将信息做一定的分类和编排,以利于网民的阅读与接受。网站于是需要针对专题中新闻 信息的不同特点,编排进不同的栏目,并在网页上落实为具体的形式表现。编排专题的栏目先要确 定好各个栏目的表现形式和具体名称。 ① 表现形式:要考虑专题中文字报道、图片报道的比例以及是否使用音视频或 Flash 等技术 手段。 实例:如前文所提到的新华网“伊朗核危机”专题中的图片报道;新华网 2007 年“两会专题”中 的两会网视

雨合网视 平>> 200T年3月16日t 金大西 厅会见中外记者。中区 府用新华网进行文字 片、桃锁实时道。 0 金回人大五秋 会议在京闭稀 淡西发展与和定 学全奖学全货学全 图片报后 入 沿家:中雪近 沿家家:中雪具备 语家:常达料 任何 形印上腰子红 内赛透:板方家软台兵酒量 大代表听增 少“矛店领解 莎是代表 实例:为新华网2007年“两会专题”。http:/ww,xinhuanet.com首页→时政新闻频道(左侧栏 目)→时政专题 新华网首页1i山|新闻中心时政国际港胰台廉政法治社会财经科技教育文娱|图片视频直播访谈论坛博客网汗短信P 新华网 2007年全国“两会”特别专题 2007年3月 图片图表礼期论坛博客直排访谈手机原两会手机报议程议影如1i山任时a1:2006两会专微中国人大判中国政府网中国政协网 即时播报丨人大新闻1受权发布两会视点|网友热议|提索议案|两会调查丨两会词解「两会资料 TcL特约子 两会要闻丨玫协新闻」权威解读|两会时评|网评集粹|建言追踪|民生话题1两会花架【煤体报道 TCL 在专题中设置有各种各样的语言或技术手段参与,像短信和两会手机报栏目的设立,更扩大了 专题报道通过新媒体的网络延伸。多媒体栏目的出现和运用,是网络专题发展的一个趋势。 为了更好地反映专题内容,专题的内容模块要不断推陈出新。信息技术的应用也影响着网络专 题的表现形式。网络专题制作中的技术有: √在专题制作中各大网站都大量地应用了Flash动画。Flash动画应用于灾难、事故的场景报 道,如俄罗斯人质绑架事件、9.11事件等,比起文字描述更形象、逼真。 随着贷款的增加,音频、视频进一步回潮。国内做得较好的是凤凰宽频,他们很融洽地将 凤凰卫视的电视节目搬到了网上。新华网则将CCTV的一些品牌栏目(焦点访谈、法制 在线、新闻调查等)搬到了网上,供网民浏览观看, √互动新技术。可以通过手机短信与网络形成互动。 ②专题栏目的确定:一般背景资料与最新报道是不可或缺的部分,因为由这两个部分提供给网 民基本的新闻情况与内容,所以,专题中均设有“相关背景”、“最新报道”两个专栏:网络具有的 互动性,也使得更新的专题设计,常常设有允许网民参与互动的栏目,以实现媒体传播的最优化: 还可以采用新的媒体互动形式,增加网络专题新的参与受众。 (3)搭配色彩 网络专题根据网站的风格和专题的内容,可以采用多种颜色组合搭配出页面的呈现与效果。专 题网页可以运用不同颜色的配置,显现态度与认识。 因为颜色是可以表达和引起不同的情感反应与联想的,所以,颜色的搭配在与网站整体风格的 0
3 实例:为新华网 2007 年“两会专题”。http://www.xinhuanet.com/首页→时政新闻频道(左侧栏 目)→时政专题 在专题中设置有各种各样的语言或技术手段参与,像短信和两会手机报栏目的设立,更扩大了 专题报道通过新媒体的网络延伸。多媒体栏目的出现和运用,是网络专题发展的一个趋势。 为了更好地反映专题内容,专题的内容模块要不断推陈出新。信息技术的应用也影响着网络专 题的表现形式。网络专题制作中的技术有: ✓ 在专题制作中各大网站都大量地应用了 Flash 动画。Flash 动画应用于灾难、事故的场景报 道,如俄罗斯人质绑架事件、9.11 事件等,比起文字描述更形象、逼真。 ✓ 随着贷款的增加,音频、视频进一步回潮。国内做得较好的是凤凰宽频,他们很融洽地将 凤凰卫视的电视节目搬到了网上。新华网则将 CCTV 的一些品牌栏目(焦点访谈、法制 在线、新闻调查等)搬到了网上,供网民浏览观看, ✓ 互动新技术。可以通过手机短信与网络形成互动。 ② 专题栏目的确定:一般背景资料与最新报道是不可或缺的部分,因为由这两个部分提供给网 民基本的新闻情况与内容,所以,专题中均设有“相关背景”、“最新报道”两个专栏;网络具有的 互动性,也使得更新的专题设计,常常设有允许网民参与互动的栏目,以实现媒体传播的最优化; 还可以采用新的媒体互动形式,增加网络专题新的参与受众。 (3)搭配色彩 网络专题根据网站的风格和专题的内容,可以采用多种颜色组合搭配出页面的呈现与效果。专 题网页可以运用不同颜色的配置,显现态度与认识。 因为颜色是可以表达和引起不同的情感反应与联想的,所以,颜色的搭配在与网站整体风格的

和谐中,还需要考虑到专题的内容和传播的目的,为不同的专题配置不同的颜色。 黑白让人联想起死亡和哀悼的情绪,那么,网站编辑就用来为战争、海啸等大的人类自然或社 会灾难专题配色: 红色让人想到温暖和中国,那么有关春节的专题,一定主要用红色构建主色。 实例:新华网的“两会专题”历来是各网站相关专题设计中较为突出的。除了其多媒体技术的最新 运用,总能对该专题作最全面、详尽的报道。另外,其红色为主色调的冲击力,以强弱、深浅不同 的颜色形成栏目之间层次分明的划分,也是其专题引人注目的重要因素。 页面的颜色搭配要符合审美的基本原则,不能繁琐而不得要领,而令网民容易产生视觉疲劳。 所以应该以简单、大方为主。 从美学角度看,设计网页所用的颜色最好在3种以内,要有层次之分,比如,红色为主色,蓝 灰为次要的颜色。在鲜明、突出的颜色之外,文字内容更是需要特别加以注意的地方,或在颜色搭 配,或在字体的运用和组合等方面要有自己的独到之处,以便与其他网站的相同专题栏目有所区分。 (4)制作标题 好的、能吸引网民眼球的标题,可以帮助网络专题“诱惑”网民并邀请其参与。制作网络专题 的标题有几个需要注意的地方: ①求真。即标题应该源自于事实并和文章的主要内容相吻合。如东方网为“春运专题”设置 的几个小标题:“春运六大另类族”、“漂浮在春运大浪中的孩子”、“上海人喜度猪年春节”、“猪年 街头年味浓”和“申城劲飘中国红”中,就可以看出要说的是什么,并说的是人们渴望知道的。 ②求实。标题必须能够一针见血地指示出新闻的实质、揭示出新闻报道中最新鲜和富有冲突 性的主题语。另外,适当地运用能够吸引受众眼球的装饰语,也能帮助一个标题产生具有吸引网民 进行下一步阅读的诱惑力。 ③求美。标题文字之外,还可以借助颜色、字体等其他辅助手段,增加标题对眼球的吸引度。 比如,很多新闻标题后面以Hot或Nw来标示和强调新闻当前的状态。另外,有效地利用图片等 元素的功能,许多网站专题会集纳相关新闻报道的图片,增加报道的形式美感,使专题报道能在形 式多样中,呈现生动和强烈的效果。 实例:东方网为“春运专题”设置的几个小标题: “春运六大另类族” “漂浮在春运大浪中的孩子” “上海人喜度猪年春节” “猪年街头年味浓” “申城劲飘中国红” 实例:为东方网“第79届奥斯卡金像奖”专题主页上两个栏目中列举的题目,从中可见标题之功力 和对网民可能形成的吸引力。 4
4 和谐中,还需要考虑到专题的内容和传播的目的,为不同的专题配置不同的颜色。 黑白让人联想起死亡和哀悼的情绪,那么,网站编辑就用来为战争、海啸等大的人类自然或社 会灾难专题配色; 红色让人想到温暖和中国,那么有关春节的专题,一定主要用红色构建主色。 实例:新华网的“两会专题”历来是各网站相关专题设计中较为突出的。除了其多媒体技术的最新 运用,总能对该专题作最全面、详尽的报道。另外,其红色为主色调的冲击力,以强弱、深浅不同 的颜色形成栏目之间层次分明的划分,也是其专题引人注目的重要因素。 页面的颜色搭配要符合审美的基本原则,不能繁琐而不得要领,而令网民容易产生视觉疲劳。 所以应该以简单、大方为主。 从美学角度看,设计网页所用的颜色最好在 3 种以内,要有层次之分,比如,红色为主色,蓝 灰为次要的颜色。在鲜明、突出的颜色之外,文字内容更是需要特别加以注意的地方,或在颜色搭 配,或在字体的运用和组合等方面要有自己的独到之处,以便与其他网站的相同专题栏目有所区分。 (4)制作标题 好的、能吸引网民眼球的标题,可以帮助网络专题“诱惑”网民并邀请其参与。制作网络专题 的标题有几个需要注意的地方: ① 求真。即标题应该源自于事实并和文章的主要内容相吻合。如东方网为“春运专题”设置 的几个小标题:“春运六大另类族”、“漂浮在春运大浪中的孩子”、“上海人喜度猪年春节”、“猪年 街头年味浓”和“申城劲飘中国红”中,就可以看出要说的是什么,并说的是人们渴望知道的。 ② 求实。标题必须能够一针见血地指示出新闻的实质、揭示出新闻报道中最新鲜和富有冲突 性的主题语。另外,适当地运用能够吸引受众眼球的装饰语,也能帮助一个标题产生具有吸引网民 进行下一步阅读的诱惑力。 ③ 求美。标题文字之外,还可以借助颜色、字体等其他辅助手段,增加标题对眼球的吸引度。 比如,很多新闻标题后面以 Hot 或 New 来标示和强调新闻当前的状态。另外,有效地利用图片等 元素的功能,许多网站专题会集纳相关新闻报道的图片,增加报道的形式美感,使专题报道能在形 式多样中,呈现生动和强烈的效果。 实例:东方网为“春运专题”设置的几个小标题: “春运六大另类族” “漂浮在春运大浪中的孩子” “上海人喜度猪年春节” “猪年街头年味浓” “申城劲飘中国红” 实例:为东方网“第 79 届奥斯卡金像奖”专题主页上两个栏目中列举的题目,从中可见标题之功力 和对网民可能形成的吸引力

①领奖花絮 :语出惊人第79届奥斯卡明星大话语录“组图]6日16:00) m奥斯卡花絮:美国前总统戈尔和莱昂纳多互吹捧6日1:30) 。《黄金甲》绝缘奥斯卡周润发上场演示服饰图]26日11:0) 题华语片的冲击奥斯卡之旅:获奖唯有《卧虎藏龙》26日11:30) m巩俐新片北美惹恶评巩俐在片中表演几乎被忽略5日13:13) 。“黄金甲服装设计师单刀赴会张艺谋错过奥斯卡25日13:14) :《黄金甲》服装又获奖离奥斯卡小金人再近一步22日15:11) :《追梦女孩》为何梦断奥斯卡都是潜规则意的祸0日09:57) .更多 ①各方评说 m《黄金甲》败给艳后”胸衣输在“不健康”27日13:30) 拉*中国元素“电影与奥斯卡的次亲密接触[组图]27日3:12) 题从50后到90后”五代人眼中的奥斯卡最佳影片2日03:12)》 :奥斯卡主持人评析:从裸奔到俯卧撑照单全收26日03:39) 拉权威杂志盘点:谁是奥斯卡历史上十佳十差?图]25日13:13) 。奥斯卡奖领奖典礼:没有硝烟的时装战场”24日10:44) m演员公会奖也捧女王”奥斯卡将没有悬念[组图]30日09:56) 更多 实例:所示东方网“第79届奥斯卡金像奖”专题的标题在一个栏目中的编排,运用了红蓝黑色作为 不同标题的颜色,在形式上的美感,增加了网民的阅读兴趣。 奥斯卡落幕〈无间道风云>大获全胜 美国西部时间2月25日下牛5:0北京时间2月28日上午 9:0),第届奥斯卡金源奖便陕央礼在洛杉机阿达院举 行。礼经过四个多小时共产生站个奖项,[完全获奖名 单]【奖礼想购回蚊][链彩图集][历屈女星垫装]东方独 家:[丛50后到0后”五代人眼中的奥斯卡最世影片1[地 9届奥斯卡明星大话酒子]”中国元李电影与奥新卡的创 次亲密液触] (5)选择图片 清晰、高质量的图片作为新闻报道的补充,提高了新闻报道的现场感和真实感,增加了网络新 闻专题的表现手段,并将图片在媒体中的运用推向极致。图片具有文字所没有的直观性、生动性和 表现力。在此同时,图片能活跃网络版面和调节网民的情绪。 文字作为媒介符号,是以象征性和间接性为特点的,这就带来了网民通过文字媒介接受信息时, 可能产生的不同理解。 图片的运用,能有效地改善网络媒体的新闻呈现方式和网民阅读的情态。而通过有特点、有个 性的图片组合,也可以成为网络专题的一种新闻呈现方式,突显出网站的立场和观点。图片的使用 还直接丰富了专题的内容,使得文字新闻报道有立体化和形象化的可能。 实例:新华网“第79届奥斯卡金像奖”专题,就专门设置了图片报道。 片道】 您通的文地花是性孕片多 珍根语庄充遂后世直 出米有签“小金人”杏态好起 的斯马克在恶奖发直 艺伦超金在充发后世江 女
5 实例:所示东方网“第 79 届奥斯卡金像奖”专题的标题在一个栏目中的编排,运用了红蓝黑色作为 不同标题的颜色,在形式上的美感,增加了网民的阅读兴趣。 (5)选择图片 清晰、高质量的图片作为新闻报道的补充,提高了新闻报道的现场感和真实感,增加了网络新 闻专题的表现手段,并将图片在媒体中的运用推向极致。图片具有文字所没有的直观性、生动性和 表现力。在此同时,图片能活跃网络版面和调节网民的情绪。 文字作为媒介符号,是以象征性和间接性为特点的,这就带来了网民通过文字媒介接受信息时, 可能产生的不同理解。 图片的运用,能有效地改善网络媒体的新闻呈现方式和网民阅读的情态。而通过有特点、有个 性的图片组合,也可以成为网络专题的一种新闻呈现方式,突显出网站的立场和观点。图片的使用 还直接丰富了专题的内容,使得文字新闻报道有立体化和形象化的可能。 实例:新华网“第 79 届奥斯卡金像奖”专题,就专门设置了图片报道

当然,图片需要适度使用。对图片运用过度,也会分散网民对新闻信息的核心意义的注意。 2.网页编排设计的原则:统一性原则侧、均衡性原则、主体性原则、合理布局原则、对比性原 则 网页的编排设计是使每个构成要素能和谐并完整地出现在同一个页面上,形成为一个相辅相 成的视觉整体,以吸引网民并引导其阅读。 网页设计中需要注意“空间”和“时间”的限制。空间即指屏幕是一个有限的视觉空间,网民 可能不希望使用卷滚条:时间则指检索一个页面和相关的图像、声音、视频文件需耗费时间,网民 们可能不愿意等待。 在这样的限制中,设计专题网页,先要考虑好时间和空间的条件,实现两者之间的最佳平衡。 (1)统一性原则 以内容为核心,形式要与内容保持统一,在表现上有一定的秩序,页面上各种形式要素与造型 间也要形成一种统一。 (2)均衡性原则 网页编排上需要注意视觉上的均衡感,注意其中的节奏和律动,使得形式结构有符合视觉审美 的稳定而正确的元素配置。 (3)主体性原则 在页面上只能有一个清晰的主体来突出专题中的主题要素。所有的设计,如大小、位置、虚实 以及形态上,都要突出这一主体,使之成为阅读时视线流动的起点,以引发网民的注意和阅读程序。 (4)合理布局原则 注意页面布局中虚与实的有机运用。合理运用空白的处理,有时也能提高网页的视觉效果。好 的页面布局可以使网页流畅明快、疏密有序、布局清晰,使视觉集中,从而突出专题的诉求中心。 (5)对比性原则 在专题网页的编排设计中,进行各种要素、元素的组合时,要注意其结构形态的轻重、大小、 虚实与多少等对比因素,以加强视觉力度、强化页面的整体吸引力。 3.网页内容的编排 网页上最重要的是文本文件,图像、声音和动画等元素一般还是辅助性材料。所以,在专题网 页编排中,对内容的组织是占首位的。内容组织的可读性怎样,是否能吸引网民,网民是否可以方 便地得到他们需要的信息等,是专题制作中重要的组成部分,需要注意以下几个方面: (1)重要的内容放在页面的左上角和顶部,然后按重要性的递减顺序,由上而下地放置其他内 容。因为这符合网民的阅读习惯和视觉动作,眼晴的视线是从左上角开始从上到下的。另外,重要 的内容应该放在页面上,而不是放在深度的链接中。 (2)控制页面上相关元素的放置顺序和相互间的空隙。网页上的文本与图片等内容,都是为了 引导网民的页内阅读。所以需要把图片放在相关的新闻信息的旁边或段落中:把相关的内容放在一 起,并需要用空白、线条或其他图形予以分开,有时还需要将关系远一点的内容,放在有关链接处 进行深层或远处的链接。 (3)网络内容需要及时更新,这是与其他媒体的稳定、固定版面有很大区别的地方。甚至有时 如果页面经常更新,还需要添加“最新更新”的页面,其中有最近改动的页面链接包含相关的描述, 并按时间顺序排列。 (4)内容段落中链接不宜太多,最好按逻辑关系与顺序进行排放。有时,在链接处可以放一些 简短的说明性的文字,以提示网民进行深一步的阅读。 (5)图像、声音等文件虽然使专题内容变得形象生动,但是运用太多,容易增加网民下载浏览 的时间,导致网民的流失。因此,应控制使用占用大量数据的控件。 6.3.2网页制作步骤 具体专题制作的整个过程可以分为建立特色栏目、组织专题文章、选择专题表现形式和发布专 6
6 当然,图片需要适度使用。对图片运用过度,也会分散网民对新闻信息的核心意义的注意。 2.网页编排设计的原则:统一性原则、均衡性原则、主体性原则、合理布局原则、对比性原 则 网页的编排设计是使每个构成要素能和谐并完整地出现在同一个页面上,形成为一个相辅相 成的视觉整体,以吸引网民并引导其阅读。 网页设计中需要注意“空间”和“时间”的限制。空间即指屏幕是一个有限的视觉空间,网民 可能不希望使用卷滚条;时间则指检索一个页面和相关的图像、声音、视频文件需耗费时间,网民 们可能不愿意等待。 在这样的限制中,设计专题网页,先要考虑好时间和空间的条件,实现两者之间的最佳平衡。 (1)统一性原则 以内容为核心,形式要与内容保持统一,在表现上有一定的秩序,页面上各种形式要素与造型 间也要形成一种统一。 (2)均衡性原则 网页编排上需要注意视觉上的均衡感,注意其中的节奏和律动,使得形式结构有符合视觉审美 的稳定而正确的元素配置。 (3)主体性原则 在页面上只能有一个清晰的主体来突出专题中的主题要素。所有的设计,如大小、位置、虚实 以及形态上,都要突出这一主体,使之成为阅读时视线流动的起点,以引发网民的注意和阅读程序。 (4)合理布局原则 注意页面布局中虚与实的有机运用。合理运用空白的处理,有时也能提高网页的视觉效果。好 的页面布局可以使网页流畅明快、疏密有序、布局清晰,使视觉集中,从而突出专题的诉求中心。 (5)对比性原则 在专题网页的编排设计中,进行各种要素、元素的组合时,要注意其结构形态的轻重、大小、 虚实与多少等对比因素,以加强视觉力度、强化页面的整体吸引力。 3.网页内容的编排 网页上最重要的是文本文件,图像、声音和动画等元素一般还是辅助性材料。所以,在专题网 页编排中,对内容的组织是占首位的。内容组织的可读性怎样,是否能吸引网民,网民是否可以方 便地得到他们需要的信息等,是专题制作中重要的组成部分,需要注意以下几个方面: (1)重要的内容放在页面的左上角和顶部,然后按重要性的递减顺序,由上而下地放置其他内 容。因为这符合网民的阅读习惯和视觉动作,眼睛的视线是从左上角开始从上到下的。另外,重要 的内容应该放在页面上,而不是放在深度的链接中。 (2)控制页面上相关元素的放置顺序和相互间的空隙。网页上的文本与图片等内容,都是为了 引导网民的页内阅读。所以需要把图片放在相关的新闻信息的旁边或段落中;把相关的内容放在一 起,并需要用空白、线条或其他图形予以分开,有时还需要将关系远一点的内容,放在有关链接处 进行深层或远处的链接。 (3)网络内容需要及时更新,这是与其他媒体的稳定、固定版面有很大区别的地方。甚至有时 如果页面经常更新,还需要添加“最新更新”的页面,其中有最近改动的页面链接包含相关的描述, 并按时间顺序排列。 (4)内容段落中链接不宜太多,最好按逻辑关系与顺序进行排放。有时,在链接处可以放一些 简短的说明性的文字,以提示网民进行深一步的阅读。 (5)图像、声音等文件虽然使专题内容变得形象生动,但是运用太多,容易增加网民下载浏览 的时间,导致网民的流失。因此,应控制使用占用大量数据的控件。 6.3.2 具体专题制作的整个过程可以分为建立特色栏目、组织专题文章、选择专题表现形式和发布专

题4个步骤。 1.设立专题特色栏目 制作专题首先需要按照主题规划专题栏目。每一个网站专题都可以包括很多个子栏目。比如, 一个热点话题类的栏目通常包括有最新动态、特别推荐、热点报道、背景资料、相关介绍等,同时 也可以在页面上增加头条新闻、图片新闻这样的辅助介绍栏目。 2.组织专题文章 组织专题文章可以采用两种方法:一种是在设置好的栏目下对最新的专题文章进行编辑:另外 一种可以利用TS内容检索技术,将系统内所有与该栏目相关的背景资料与文章等聚合在一起, 转发到特定的子栏目下。 3.选择专题表现形式 要考虑专题中文字报道、图片报道的比例以及是否使用音视频或Flsh等技术手段。版面、超 级链接的形式等。 4.发布专题 组织完文章并选择好样式后,利用WCM特有的动态模板发布技术将编辑好的专题栏目发布到 网站上,同时,可以利用WCM提供的丰富的发布置标,将网上调查、新闻评论等辅助功能同时发 布在专题之中。 实例:人民网制作的抗击“非典”大型专题《同舟共济战胜非典》的动漫形式标题。 《同舟共济战胜非典》从4月份推出两个多月来,这一设计独特新颖的专题标题,陪伴着网友 走进人民网抗击“非典”报道库中,寻觅自己需要的信息。这一规模宏大的新闻专题,凝聚和体现着 人民网编辑记者为报道抗击“非典”付出的心血和取得的成绩。面对非典”,人民网没有忘记作为中 央第一大报网站的责任,利用过去进行大型报道的经验,发挥网络媒体新闻传播时效快、报道手段 多的优势,立体化全方位对抗击“非典”进行报道,推出了中、英、法、德、俄、西班牙、阿拉伯 等七种文字的专题,其中大型中文专题《同舟共济战胜非典》包括近20个栏目,共发布中文报道 近5000篇,弘扬了全国人民众志成城抗击“非典”的精神。 网络专题面临的问题 简单地看,网络专题的成本首先是所有专题素材的加工成本,其次是专题团队的运营成本。尽 管目前不少网络媒体对成本核算还不太在意,但迟早他们会对这部分支出做量化的考核,而首先遭 遇的必然是耗费巨大的网络专题。此外,网络专题的这些成本往往还散布于不同的业务部门,这就 使得成本核算问题更为复杂。 另一个突出的问题是,网络专题和其它媒体的专题栏目一样,它所面对的受众势必是分众而非 大众。这样,专题制作部门必须承担比其它网络表现形式制作部门更大的风险,他们必须保证精心 制作的专题要吸引到足够多的访问者。专题部门除了对专题本身题材的把握之外,还应对受众情况 给予更多的关注。 网络专题的发展 新技术的应用一直在影响网络媒体的表现形式,对网络专题也不例外。在报道伊拉克战争的网 络专题中,千龙网的Flash技术得到了大量应用,以动画形式出现的战局示意图受到网民的强烈关 注,lash制作的大话海湾动漫评书也让访问者耳日一新。 在应用网络新技术加强表现的同时,网络专题也在日渐注重向传统媒体尤其是电视媒体学 习,加强内容的挖掘。很多网络专题已经脱离了早期堆砌素材的原始模式,更多地深入到观点态度 的交锋、背景知识的学习之中。通常的做法是,针对一个事件,设置当事双方、媒体报道三个栏目, 分别表述来自不同方面的消息和态度,专题主持者并未多做加工,但观点的交锋、对受众的刺激也 己形成。 相关新闻制作要求: >
7 题 4 个步骤。 1.设立专题特色栏目 制作专题首先需要按照主题规划专题栏目。每一个网站专题都可以包括很多个子栏目。比如, 一个热点话题类的栏目通常包括有最新动态、特别推荐、热点报道、背景资料、相关介绍等,同时 也可以在页面上增加头条新闻、图片新闻这样的辅助介绍栏目。 2.组织专题文章 组织专题文章可以采用两种方法:一种是在设置好的栏目下对最新的专题文章进行编辑;另外 一种可以利用 TRS 内容检索技术,将系统内所有与该栏目相关的背景资料与文章等聚合在一起, 转发到特定的子栏目下。 3.选择专题表现形式 要考虑专题中文字报道、图片报道的比例以及是否使用音视频或 Flash 等技术手段。版面、超 级链接的形式等。 4.发布专题 组织完文章并选择好样式后,利用 WCM 特有的动态模板发布技术将编辑好的专题栏目发布到 网站上,同时,可以利用 WCM 提供的丰富的发布置标,将网上调查、新闻评论等辅助功能同时发 布在专题之中。 实例:人民网制作的抗击“非典”大型专题《同舟共济战胜非典》的动漫形式标题。 《同舟共济战胜非典》从 4 月份推出两个多月来,这一设计独特新颖的专题标题,陪伴着网友 走进人民网抗击“非典”报道库中,寻觅自己需要的信息。这一规模宏大的新闻专题,凝聚和体现着 人民网编辑记者为报道抗击“非典”付出的心血和取得的成绩。面对“非典”,人民网没有忘记作为中 央第一大报网站的责任,利用过去进行大型报道的经验,发挥网络媒体新闻传播时效快、报道手段 多的优势,立体化全方位对抗击“非典”进行报道,推出了中、英、法、德、俄、西班牙、阿拉伯 等七种文字的专题,其中大型中文专题《同舟共济战胜非典》包括近 20 个栏目,共发布中文报道 近 5000 篇,弘扬了全国人民众志成城抗击“非典”的精神。 网络专题面临的问题 简单地看,网络专题的成本首先是所有专题素材的加工成本,其次是专题团队的运营成本。尽 管目前不少网络媒体对成本核算还不太在意,但迟早他们会对这部分支出做量化的考核,而首先遭 遇的必然是耗费巨大的网络专题。此外,网络专题的这些成本往往还散布于不同的业务部门,这就 使得成本核算问题更为复杂。 另一个突出的问题是,网络专题和其它媒体的专题栏目一样,它所面对的受众势必是分众而非 大众。这样,专题制作部门必须承担比其它网络表现形式制作部门更大的风险,他们必须保证精心 制作的专题要吸引到足够多的访问者。专题部门除了对专题本身题材的把握之外,还应对受众情况 给予更多的关注。 网络专题的发展 新技术的应用一直在影响网络媒体的表现形式,对网络专题也不例外。在报道伊拉克战争的网 络专题中,千龙网的 Flash 技术得到了大量应用,以动画形式出现的战局示意图受到网民的强烈关 注,Flash 制作的大话海湾动漫评书也让访问者耳目一新。 在应用网络新技术加强表现的同时,网络专题也在日渐注重向传统媒体尤其是电视媒体学 习,加强内容的挖掘。很多网络专题已经脱离了早期堆砌素材的原始模式,更多地深入到观点态度 的交锋、背景知识的学习之中。通常的做法是,针对一个事件,设置当事双方、媒体报道三个栏目, 分别表述来自不同方面的消息和态度,专题主持者并未多做加工,但观点的交锋、对受众的刺激也 已形成。 相关新闻制作要求:

①频道中最新新闻连带上主页。 ②发稿集中时可选重要的。 ③连带量大约为60%。 专题制作要求: ①专题是集中信息,方便阅读的手段,应积极增设。 ②选题由热点的关注程度决定,所设栏目一般为新闻速递、评论或反应、图片新闻、背景 资料、相关链接、更多专题。 ③小型专题由频道编辑决定,与产品部、技术部联系即可设立。大型专题先提出建议,经 策划部确定,然后设立。 ④专题新闻要全,并选重要的同时发往频道和主页快讯栏。 同学们可以结合实训8网站频道规划的实践,使用网页设计软件Dreamweaver,根据网站的特 点设计并制作网站首页,来掌握网站首页设计编排的基本原则与注意事项等内容。 小结 1.网页编排设计步骤:设计页面;编排栏目;搭配色彩;制作标题;选择图片 2网页编排设计的原侧:统一性原则;均衡性原侧;主体性原侧;合理布局原则;对比性原则 3.网页内容的编排需要注意的问题:重要的内容放在页面的左上角和顶部;控制页面上相关元 素的放置顺序和相互间的空隙;网络内容需要及时更新;内容段落中链接不宜太多,最好按逻辑关 系与顺序进行排放;应控制使用占用大量数据的控件 4专题制作的整个过程可以分:建立特色栏目;组织专题文章;选择专题表现形式;发布专题 6
8 ① 频道中最新新闻连带上主页。 ② 发稿集中时可选重要的。 ③ 连带量大约为 60%。 专题制作要求: ① 专题是集中信息,方便阅读的手段,应积极增设。 ② 选题由热点的关注程度决定,所设栏目一般为新闻速递、评论或反应、图片新闻、背景 资料、相关链接、更多专题。 ③ 小型专题由频道编辑决定,与产品部、技术部联系即可设立。大型专题先提出建议,经 策划部确定,然后设立。 ④ 专题新闻要全,并选重要的同时发往频道和主页快讯栏。 同学们可以结合实训 8 网站频道规划的实践,使用网页设计软件 Dreamweaver,根据网站的特 点设计并制作网站首页,来掌握网站首页设计编排的基本原则与注意事项等内容。 小 结 1.网页编排设计步骤:设计页面;编排栏目;搭配色彩;制作标题;选择图片 2.网页编排设计的原则:统一性原则;均衡性原则;主体性原则;合理布局原则;对比性原则 3.网页内容的编排需要注意的问题:重要的内容放在页面的左上角和顶部;控制页面上相关元 素的放置顺序和相互间的空隙;网络内容需要及时更新;内容段落中链接不宜太多,最好按逻辑关 系与顺序进行排放;应控制使用占用大量数据的控件 4.专题制作的整个过程可以分:建立特色栏目;组织专题文章;选择专题表现形式;发布专题