网页修改和信息传达研究

网页修改和信息传达研究（精选2篇）

网页修改和信息传达研究 篇1

[摘要]从网页信息传播角度提出网页对客户端分辨率的适应问题，将解决方法归纳为调整和选择策略;阐述了两种实现策略的原理与具体实现方法。

[关键词]自适应;分辨率;调整;选择

一、前言

网页是现代信息传播的媒介，网页在客户端的显示效果直接关系到信息传播的有效性。那么如何让自己的网页自动适应浏览者的显示分辩率呢?解决方法是多种多样的，但归结起来不外乎两种策略：第一种就是调整策略即调整网页要素以适应分辨率的变化。第二种就是选择策略即根据分辨率的不同选择不同规格的网页或网页样式。下面我分别阐述其实现原理和操作。

二、网页调整策略及其实现

网页调整策略就是根据网页的信息传达的需求，调整影响网页要素属性设置以期达到与浏览器显示分辨率自动匹配的策略。表格是目前网页制作大量使用的手段之一，也是影响网页信息传达的主要因素;当分辨率调整时，窗口尺寸发生变化，导致表格被压缩或拉伸，显示位置发生变化，从而影响了网页的整体显示效果。究其成因可能有两种：一种原因将表格尺寸设置为固定值，当窗口尺寸变小时，表格被压缩;或者表格尺寸设为百分比形式，当拉伸时表格被拉大，同样影响网页的正确显示。二是表格对齐方式的设置，表格的默认对齐方式设置为居左，这样分辨率设置变化发生变化时，比如提高分辨率，窗口尺寸变大，表格右侧就会出现大量空白，从而也会影响网页的显示效果。

对于上面提到的两种情况，我们可以采用简单的表格嵌套的办法加以解决，即内层表格以较小的固定尺寸居中显示，确保传递效果的实现，外层表格则作为背景按百分比居中显示。既保证了所传递信息的有效性，同时又能自动保证网页有一个良好的外观。

上述处理只是简单的实现了表格网页对显示分辨率的自动适应，其应用还存在很大局限性，比如内层表格主要用来传递信息，其尺寸是以假想浏览者的最小分辨率为设计前提;当浏览者的分辨率提高，内层用于传递信息的表格并不会变大，信息传播的效果也就必然会受到影响。

三、网页选择策略及其实现

网页的选择策略就是根据网页的信息传达的需求，对网页或网页构成格式进行选择以期与传播对象显示分辨率自动适应的策略。根据解决策略在实现方法的不同，我们可将其归纳为两种：

1.调用适合不同分辨率的网页

这种做法是我们所期待的,也是算法上容易实现的一种。我们可以事先制作出展示信息内容相同但适合不同分辨率设置的网页，然后，检测浏览者显示分辨率的设置，调用相应的网页，从而保证信息传播的有效性。这种调用适合不同分辨率网页的方法的关键就在于如何测试浏览者的显示分辨率。通过javascript脚本的编写可以轻松实现该操作。

首先准备2个可供在800*600像素和1024*768像素下调用的页面htm1.htm和htm2.htm，分别为在头文件中加入Javascript代码，利用脚本查验浏览者的显示器分辩率;然后根据常用的分辨率设置设定调用条件，调用相应规格网页。脚本应用实例如下：

在上述情形中，网页载入时首先要进行分辩率的检测;如果检测到符合if条件所设定显示器宽度值如常用的分辨率设置有1024*768和800*600，就会从服务器调用相应的网页。但是，这种设置基本上解决了常用显示分辨率设置条件下网页的正确显示问题，但仍然存在不完善的地方，比如非常规的显示分辨率设置，显示仍然有可能出现问题。为此，我们可对上述代码进行改进，使之适合分辨率的变化，程序改进代码如下：

上述改进中，MultiHref()函数的参量设置了4种，调用时可以分别调用4种不同的网页，考虑到网页制作的工作量问题，上述改进中只设置了两个网页htm1和htm2供程序调用。超级秘书网

2.调用适合不同分辨率的css(样式表文件)

CSS(CascadingStyleSheet)即层叠样式表，它是一系列格式规则，主要用来控制网页内容的外观。使用CSS样式可以非常灵活并可以精确地控制网页外观，例如css可以精确确定网页布局、字体和表格样式等。Css的这些特点使其在网页制作中被广泛的应用。在网页中加入样式表的方法有内部嵌入方式或外部链接方式。其中外部链接方式就是让网页调用独立的css文件用以控制网页显示的外观，这种方式为实现网页对分辨率的自动适应提供了可能性。在设计网页时，事先建立一组适合不同分辨率的css文件，然后根据css文件建立网页布局;在页面加载过程中取得屏幕分辨率，重新设定页面元素应该应用的css文件。选用不同的链接样式的方法也可用javascript脚本来实现,其代码可如下：

在使用时，将上述代码嵌入到与之间即可实现适合不同分辨率的css调用。

四、结束语

网页修改和信息传达研究 篇2

一、网页界面设计中视觉传达研究的意义

1.网页界面设计的网络信息服务的地位

无论国家经济发展如何, 获取信息始终是一个国家、一个民族、一个人可以打开国门、走向世界的必须资源。无论来自任何国家、任何地方的信息, 都是需要传播媒介的发布, 从而辐射开来, 没有网络信息平台, 就无法以以最快、最时效的速度去打破时空的局限, 将全球信息整合起来。因此, 网络信息的存在, 是传统的信息传播方式所不能比拟的效率和速度。网络信息是一场声势浩大的全球式的革命, 它以巨大的传播信息的力量取代了传统网络信息服务的方式, 并为广大网络用户带来了翻天覆地的时代变化。

2.网页界面设计的必要性

随着传统信息媒体方式的逐步退出, 新时期的现代媒体信息时代, 网络用户对于媒体的接纳要求和标准在新的媒体环境下也是日益提高, 通过网络获取信息的用户是通过网页界面这样的载体作为获取信息并交流信息的关键平台, 没有这个平台信息的搭建, 就无法使得信息能够传递到网络用户, 也就实现不了信息互通。因此, 网页界面的良好存在, 并通过视觉传达给用户, 使得信息的交流和传播变得通畅、明了清楚和快速。

3.网页界面设计的视觉传达的时效性

我们每一个人都是网络信息时代的受益者, 而且在当下我们每天无时无刻都在通过网络获取信息并互通交流。比如我们每天上班乘坐的地铁里, 每个车厢里都有一个视频终端电视, 里面时刻在变换视觉信息向乘地铁的人传达信息甚至是互动, 从地铁里的视频终端里, 我们可以得到各类餐饮、娱乐、新闻头条的最新资讯动态, 还可以拿起手机扫描二维码获取自己的需求, 当时当下也可以下单购物。在极短的时间段里, 我们很快提高了我们需求的效率, 更是方便了我们的衣食住行的生活。因而, 网页界面设计的视觉传达的迅速, 与人们的生活紧密联系起来。

二、网页视觉传达与用户的关系

1.网络时代的依附性

网络信息时代占取了人们交流平台最大的版块。给人们生活、工作带来的改变和未来发展趋势也是过去任何信息传播方式无法比拟和相提并论。现在, 人们绝大多数依附网络办公、生活, 离开网络便是与庞大的信息源受限隔离。网络时代引领着人们走向独自独立且独自成为一个合作的模式在生存生活。同时, 也将人们的思维模式带入了全球化的一个趋势。所有的关乎人们的活动, 网络为我们带来信息的便利, 穿越时空的束缚。人们依附着网络, 一步一个脚印的在前行。

2.网页的视觉传达效应

网络用户通过网络浏览网站的这一过程, 为了使得用户能够通过网页视觉所传达的具体位置、网站的结构组成, 并能够通过网页的视觉传达效果达到畅想自由网游, 这其中最关键的因素就在于网页的视觉传达效果是否能够表现恰当。对此, 针对不同风格和类型的网站, 网页原创设计者也会根据用户的需求和商家的方向采用各自不同的表现手法来赢取设计此款网页视觉的效果。从网络用户的反映来分析, 一个设计框架独特、构思新颖的网页视觉的完美效果呈现, 将直接关系反映出针对本网页设计的视觉传媒的效应。此效应可以直接影响商业的发展趋势和效果。因此, 网页视觉传达的好与坏直接影响网络用户群浏览网页的效应。

3.网页视觉传达给客户的方式

网页是网络用户接触认识网络并运用网络读取信息、传播信息的最直接的平台。随之而来的网络发展趋势是需要网页有多种不同类型的风格方式来满足各种不同风格的网络用户群里的需求。对此, 各网站针对不同用户群的要求会设计多种不同类型的网页, 有包括商业、企业、个人、政府等不同的网页。这其中尤其是针对商业的网络作用, 网页的视觉传达效果将直接关联到商业目的的成功与否。因此, 不同的网页视觉传达的方式给人们的生活和交流以及社会发展都会产生不同作用效果的结果。

综上所述, 国家要取得发展, 并与国际保持一致步伐, 必经之路离不开与国际社会的交流和合作, 而随着国际化的逐步推进, 这种与国际联系愈发频繁的发展态势, 信息的沟通渠道成为关键。不仅需要传统的信息传播手段比如文字、图片, 需要更加生动、具象丰富的其他表现形式, 那么网络信息的存在和快速发展迎合了这种趋势, 并通过这个网络媒介, 将信息通过视觉的丰富多彩有效传达给网络用户, 这种视觉传达的广泛发展, 为信息交流互通带来了历史性的转变和融合。随着网络的普及和演变, 已经逐渐改变了人们的生活、工作方式, 也为网络用户在处理工作事物中的方式方法带来了扭转型的改变。网页的存在, 达成了信息可以传播的最基本载体, 而网页界面的良好视觉效果的传达, 使得信息的传达变成了直观、生动具象又有目的性的信息获取方式。丰富多变、不同类型的信息获取渠道使得信息的传播标准提高, 同时也使得人们对于生活方式的转表也随着网络媒体的发展以及网页界面设计的视觉传达有了更为丰富多变。但我国的网页界面设计水准还处在初级阶段, 我们可以学习借鉴外国网页界面设计具有创新性和建设性的实践设计经验, 来融合自己的不断发展创新, 才能够更好的为网络用户服务。

参考文献

[1]王愉, 隋涌.论网页视觉要素设计[J].北京印刷学院学报, 2005 (04) :81.

[2]胡飞.基于网络媒介的交互设计研究[J].华侨大学学报 (哲学社会科学版) , 2003 (03) :39.