• 回答数

    2

  • 浏览数

    284

lindadoncry
首页 > 期刊论文 > 信息交互设计毕业论文

2个回答 默认排序
  • 默认排序
  • 按时间排序

zhuliangli

已采纳

在未来的发展中,数据通信网络也将不断数字化、智能化以及综合化,帮助人们掌握更多信息。下面是我为大家整理的数据通信 毕业 设计论文,供大家参考。

《 网络编码的数据通信技术研究 》

摘要:随着现代通信技术的发展,社会对网络数据通信的质量要求不断提升,如何在现有的数据条件及网络资源下提高数据通信质量,是当前网络通信研究人员所面临的一项重要课题。而网络编码技术的出现和应用,为此类问题提供了有效的解决途径。笔者对基于网络编码的数据通信技术进行分析和研究,以提高网络通信质量,仅供业内人士参考。

关键词:网络编码;数据传输;网络通信

网络编码技术的出现和应用是现代通信技术领域内的一项重要变革,一定程度上改变了以往通信网络的数据传送模式和处理方式,减少信息传输过程中无用信息的产生,有效提升了网络吸纳和输出信息的数量,为数据通信质量的提升奠定了坚实基础。在现代社会发展形势下,网络编码技术在数据通信领域内发挥着重要作用。

1网络编码概述

网络编码的基本原理

网络编码在数据通信技术中,对网络结点输入和输出的关系进行了准确定位,当中间节点具备编码条件后,能够对所接收到的数据按照一定方式实现编码处理,直至传送至后续节点。后续结点的处理则具有一定可控性,不论是否进行编码都能够发挥其实际应用价值,若在必要情况下需要进行编码处理时,则应对所接收的信息再次进行编码后方可传输,并反复编码反复传输,最终保证编码信息达到目的结点。针对目的结点对信息进行准确译码后,方可对最初结点所发出的基本信息进行获取和判定。

网络编码的构造 方法

在进行网络编码组合的过程中,依据何种方式实现所接受数据的编码组合是当前相关领域内人士所面临的一个重要问题。基于当前网络编码构造的实际情况来看,不同的网络编码形式在具体表现方式上往往存在一定差异,尤其是在编码系数选择方式以及分组编码操作方式等方面,其表现更为明显。线性网络编码以结点对所接受的数据分组普遍实行线性编码组合型操作,以促进编码工作规范有序开展。当前编码系数在选择方式上存在差异,将网络编码构造分为两种,一是确定性网络编码,二是随机网络编码。确定性网络编码构造方式具有一定特殊性,主要是依据某一种算法对编码系数进行计算,而随机网络编码是依据伽罗符号进行随机选取以确定编码系数,通过对两种方式进行对比分析可知,随机网络编码构造方式的灵活性较强,在实际应用中能够取得比较理想的网络编码质量和效率。依据网络系统实际运行过程中编码实现方式的不同,可以将编码分为集中式网络编码和分布式网络编码。其中,集中式网络编码在对整体网络拓扑形式进行准确把握的基础上,依据整体网络情况对相应的编码系数进行合理分配和布局,以提高网络编码的有效性,但就实际情况来看,一旦遇到拓扑变化较大的情况,集中式网络编码则难以有效应对,此种情况下导致集中式网络编码在实际应用中不免存在一定局限性。而分布式网络编码的应用,在对网络系统内局部拓扑信息进行掌握后便可实现相应编码操作,相关实践研究显示,分布式网络编码在数据通信技术中具有良好的应用效果。

网络编码应用网络数据传送的研究

一是网络编码复杂度降低研究。现阶段最主要的问题就是怎样在提高网络编码效率的同时降低网络编码的复杂程度,还有就是在网络编码实用化的过程当中,逐渐控制网络编码的复杂程度,减少网络编码需要的额外计算量,从而降低系统实施成本。二是数据传送可靠性研究。现阶段对网络数据传输可靠性的网络编码研究主要是根据多径路由展开的,这也在一定程度上为网络编码中的数据传输提供了可靠性。因此,在多跳动态的网络环境当中,分析研究提高网络编码数据传送的可靠性具有很大的现实意义。

网络编码在数据通信技术中的应用

通常情况下,网络编码是指通过编码与路由信息的有机转换以达到技术目标,网络编码是现代数据通信技术领域内的新技术,将系统所接收到的数据流进行合理重组和排列后,基于不同路径实现多元数据的重新组合,通过对编码系数的有效利用,以实现数据的科学化处理,最终实现原始数据的有效还原。网络编码技术在数据通信技术内的有效应用,能够在一定程度上提升通信容量,改善通信质量,将数据通信领域内原有的网络层次与现代化网络有机融合,通过各自应用价值的有效发挥以及二者之间的协调配合,转变数据通信技术的数据处理方式,推进数据通信技术的现代化发展。也就是说,网络编码技术在数据通信技术领域内具有良好的应用价值,促进大量数据信息有序传输,并且实际传输的效率和稳定性能够得到有效保障。网络编码技术的有效应用,促使网络数据单词数据信息传输的顺利实现,信息传送量明显增加,这就明显减少了传送次数,改善网络运行质量,提高网络数据传送性能,从整体上促进宽带利用率的提升,改善能量资源的利用率,切实增强 无线网络 通信的安全性。因此,在现代社会科学技术不断进步的今天,基于网络编码的数据通信技术正不断实现跨越式发展,将会成为未来通信技术的重要发展趋势,值得加以进一步研究和推广应用。

2基于网络编码的数据通信技术分析与研究

基于网络编码的路由协议

基于网络编码的数据通信技术分析和研究显示,基于网络编码技术的路由协议的优化设计具有一定特殊性,作为网络数据传送分析与研究的重要内容,其对网络数据传送性能具有重要影响。基于网络编码的路由协议为网络编码的实现和合理应用提供可靠基础,通过将网络编码与路由协议有机统一,促进高层次的描述的形成,此种情况下,为网络系统的创新以及网络设备的科学化设计提供了可靠的理论依据,推进数据通信技术的现代化发展。就网络编码的路由协议的实际应用情况来看,其主要体现在独立路由协议的网络编码和编码感知的路由协议两方面,以是否存在主动编码机会为主要区分依据,判断路由协议是否可以创造更多编码机会,从而对相关编码机会进行有效利用,以提高数据通信的质量和效果。

基于网络编码的网络协议结构

当前,基于网络编码的数据通信技术主要基于网络层方面,随着网络编码与路由协议的有机融合,促使网络编码协议结构中的其他协议层得以不断深入,但是,与传统的网络数据传送模式相比,网络编码的内在特性存在一定独特性,在将网络编码引入到现有的网络数据传送协议后,极易出现新的网络编码问题,包括兼容性有限以及网络编码对网络协议层次结构的内在影响。在未来网络编码的数据通信技术发展过程中,此类问题能够在一定程度上为后续网络编码研究提供可靠的基础,促使网络编码与现有网络协议实现有机融合,提高网络数据传送性能的有效性和可靠性,促进网络编码在数据通信领域内实际应用价值的有效发挥。

基于网络编码的数据传送性能保证机制

在标准的网络环境下,网络数据传送极易受到网络拓扑结构的易变性和数据传送的突发性等因素的影响和作用,导致网络数据传送不稳定,甚至出现分组丢失以及数据传送延时等问题。因此,基于网络编码的数据通信技术应依据网络实际运行状态,探讨数据传送性能保证的编码策略方法,最大程度上提高数据传送的可靠性,避免数据传送延时情况出现。相关学者研究表明,采用多速率编码机制并利用不同链路的数据执行相关决策机制,有助于降低网络编码对数据传输的影响,使数据传送延时问题得以有效控制,在未来发展过程中,相关解决方案仍有待进一步探索。

基于网络编码的数据传送模型

构造算法的提出,为网络编码的成功构造以及保证网络各节点成功解码数据奠定了可靠的基础,在实际应用中,算法的复杂程度较低,易于部署应用。当前,网络编码的码构造算法主要有线性网络编码和随机网络编码等,就编码机制设计的实际情况来看,其中比较常用的是线性网络编码,基于网络中间节点对接收到的不同输入链路信息实现线性组合,进而将组合的数据进行转发。就线性网络编码的实际应用情况来看,其主要包括指数时间算法、多项式算法以及随机网络编码算法等比较典型的码构造算法。而随机线性网络编码方案往往具有相对独立的网络拓扑结构的灵活性,因此,线性编码运算形式具有简便性,可以提高数据通信质量和效果,在实际编码过程中大多采用随机线性网络编码构造方案。

3结语

通过对基于网络编码的数据通信技术进行分析和研究可知,当前我国网络编码在实际应用中仍处于初级阶段,在方案设计以及复杂编码的简化上有待进一步完善,以降低网络编码的复杂度,减少协议运行开销,促进数据通信技术应用过程中各项问题的有效解决。在未来的研究中,应不断加强网络编码的数据通信技术创新,从而更加广泛地应用于社会各个领域内。

参考文献

[1]余翔,吕世起,曾银强.C-RAN平台下信道编码与网络编码的联合算法设计[J].广东通信技术,2016(4).

[2]杨蕊.网络编码在无线网络中的应用及发展趋势[J].科技创业月刊,2013(5).

[3]李繁.网络编码技术原理及应用[J].成都纺织高等专科学校学报,2012(1).

《 高铁数据通信网路由的完善 措施 分析 》

一、简介IS-IS协议运用原理

在铁路数据通信网协议中,其中作为NSAP的主要地址格式。其AA代表私网的地址;其B1,B2作为设备归属自治域的号码后两位数组。我们都明确了解,广铁集团的AS值为65115,所以B1B2的值为15;其设备的Loopback地址在转换后所得到,我们以怀集站AR01为主要例子,将转换Loopback的地址之后,可得到010000000162,再每4位进行分段,也就是。这就我们就会得到怀集站的AR01最后的NASP是。

二、概述IS-IS协议工作过程

根据IS-IS链路状态中的路由协议规定,在分享和交换链路状态信息时,需要建立起相应的邻居关系,这也为链路信息的交换和分享打下坚实的基础。其中IS-IS主要是运用IIH报文,才能建立起相应的邻居关系,如果接口启用了IS-IS协议,这就需要将IIH报文立即发出[1]。在建立邻居关系之后,各邻居之间会分享同步链路数据库中的信息,在LSDB之中,包括很多链路状态基本信息,这些信息会被封锁在链路状态数据报文信息总,简单来讲,同步LSDB也就是对LSP的同步。IS-IS中,运用链路状态数据报文,部分队列报文PSNP3种或者完整队列号报文CSNP,这两者都需要在规定的时间内,完成链路状态数据库信息的同步。但是PSNP以及CSNP,都需要应用到数据库同步中,但CS-NP中,包括了PSNP中却只包括LSDB的部分信息,但是LSDB中全部LSP的摘要基本信息。

三、优化和调整方案

我们以贵广高铁的数据通信网络工程的实际状况为主要例子,并且结合IS-IS协议原理与铁路通信网建设标准相结合,这样可对广高铁数据通信网进行调整,在调整之后,可解决所存在的一些问题。因为其他冗余链路的Metric值,可设置为1024,并且考虑到贵广铁路通信网络的结构特点,可以引导业务流量共同分担负荷,需要将汇聚层以及接入层的全部链路的Metric值设置成为1024,这样就能将不同站点的业务流量,转发到不同链路层之中,进一步提高网络的性能。修改的具体方法,是在广州南站DR04的佛山西站AR01的GE3/1/1端口以及DR04的GE5/1/1端口中,执行isiscost1024level-2命令,然后不断调整Metric值。

四、优化验证结果

在修改之后,并且在查看怀集站路由表后发现,在通往广州南站的DR03,其下一地址为POS2/1/4,同时Cost值也再不断转变,去往广州南站的DR04下一跳为RAGG1,或者POS2/1/4。在调整参数后,可深入研究调整后的参数变化值,其路由器下端行口的数据流量也发生明显的变化。五、结语总而言之,在设置数据通信网路参数时,不但要考虑到铁路规范的具体要求,而且也需要结合工程建设实际情况,深入分析和研究对网络拓扑结构的设计,根据工程实际情况,科学合理对数据流量加以引导,分担好负荷,这样才能促使数据通信业务的稳定、有序运行。

《 GPRS网络下无线数据通信系统设计分析 》

【摘要】随着GSM应用范围的不断扩大,其在数据传输效率、频谱利用率等方面的缺陷逐渐暴露,而GPRS网络在分组交换技术的作用下,不仅可以有效的弥补GSM的不足,而且在通信费计算方式方面更加合理,为跨地区接入提供了可能,所以基于GPRS网络的无线数据通信系统越来越受到关注,在此背景下,本文针对GPRS网络的无线数据通信系统结构设计展开研究,为推广GPRS网络的无线数据通信系统的应用范围作出努力。

【关键词】GPRS网络;无线数据通信系统;设计

前言

移动台MS、BSS基站子系统、SGSN和GGSN是GPRS网络的主要构成,其在运行的过程中,GPRS与GSM基站先实现有效的通信,然后由基站将GPRS分组向SGSN传送,在SGSN和GGSN通信后,后者对具体的GPRS分组完成处理过程,将处理结果向对应的网络传输,而无线数据通信系统通常依托无线网络实现通信功能,其需要相应的设备、模块、服务器和网络结构,所以对基于GPRS网络的无线数据通信系统的设计研究,需要结合GPRS网络运行原理和无线数据通信系统构成进行。

1基于GPRS网络的无线数据通信系统的设计思路

现阶段将固定且合法的IP地址直接应用于用户数据中心、将存在固定且合法的路由器应用于不存在合法IP地址的用户数据中心、将动态IP地址直接应用于用户数据处理中心、利用专线直接将用户数据中心与GPRS网络相连接四种方案均可以实现网络数据传输;而MobiteehModule模块设备在GPRS网络总应用可以实现太网向GPRS网络的转换、串口向GPRS网络的转换、串口向以太网的转换,为多台计算机同时访问GPRS网络资源、远程无线联网、用户终端对计算机网络资源共享等三种功能的实现提供了可能,所以在针对基于GPRS网络的无线数据通信系统进行设计的过程中,只要针对通信接口、通信协议和通信策略三方面进行具体的设计,即可以推动基于GPRS网络的无线数据通信系统功能的实现。

2基于GPRS网络的无线数据通信系统的设计过程

通信接口设计

通常情况下无线数据通信系统要实现其无线数据传输的功能,需要利用M2M模块向数据发出数据请求和发送数据的数据下发接口和数据上报接口;需要服务其主动发送命令所需的远程控制接口;服务器对相关结构状态参数进行设定和查询所需的接口;模块以检测规则为依据提出相关警告的警告监测接口、利用M2M模块相服务器发送非文字信息的接口以及模块自身对手机短信实施收发的短信通道接口,所以在针对基于GPRS网络的无线数据通信系统接口进行设计的过程中要保证以上类型的接口均存在[1]。

通信协议设计

只有无线数据通信中心和远程终端双方能够共同理解某种语言,才能保证无线数据传输的实现,这种语言即通信协议,所以在设计的过程中要对通信协议进行针对性的设计,通常其需要对无线数据通信系统的功能进行描述或反映,笔者设计的通信协议为表示层、业务逻辑层和数据层相互独立的C/S结构,并将重心和远程中观信息交互功能独立设计为消息代理模块,这对提升无线数据通信系统反映的灵活性和功能的扩展性等具有积极的作用,而且对提升业务逻辑系统的运行效率和整个系统的安全性也具有较显著的效果。需要注意的是此通信协议在应用的过程中会使原本存在的网络传输差异被人为忽视,为GPRS网络无线数据传输提供平台,换言之其只针对应用层进行定义。在无线数据通信中心和远程终端的信息交互过程中考虑到GPRS网络支持IP协议,所以经UDP协议应用于MA和RTU网络层通信过程中,但考虑到其安全性,需要在请示消息发出后立即出现对应的应答消息,在请示消息发出但并未获取应答消息后应及时重发以此保证通信过程的可靠性[2]。考虑到GPRS网络以流量作为收费的主要依据,所以在通信协议交互消息的过程中以数据传输量相对较少的二进制格式或XML格式为主,以此节省成本,通常情况下其交互消息由通信前导标识、协议类型、服务器ID、模块ID、总计包数、当前包索引、所述包组、内容等结构构成。

通信策略设计

通常情况下通信策略针对GPRS非确认发送、可靠发送但需手机短信确认、可靠发送不需确认、图像发送不需确认等情况编辑相应的策略。具体设计结合系统的相应程序进行确定和更改。

3结论

通过上述分析可以发现,以GPRS网络为基础的无线数据通信系统在通信设备基站等方面具有广阔的应用空间,GPRS网络运行原理和无线数据通信系统构成决定,在具体设计的过程中需要针对通信的接口、协议、通信策略等多方面进行,任何方面存在设计缺陷,均会影响无线数据通信的正常实现。

参考文献

[1]刘媛媛,朱路,黄德昌.基于GPRS与无线传感器网络的农田环境监测系统设计[J].农机化研究,2013,07:229~232.

[2]程伟,龙昭华,蒋贵全.基于GPRS网络的无线IP语音通信系统[J].计算机工程,2011,14:82~84+87.

有关数据通信毕业设计论文推荐:

1. 有关数据通信毕业论文范文

2. 数据通信研究毕业论文范文

3. 本科通信学毕业论文范文

4. 有关本科通信学毕业论文

5. 计算机网络技术毕业设计论文

6. 通信工程毕业论文范文

122 评论

emmazhaoyang

为了增加网页的吸引力和可理解性,以及互动性,网页设计所起的作用十分重要。下面是我为大家整理的网页设计 毕业 论文,供大家参考。

网页设计毕业论文摘要

摘要:Flash技术运用范围非常广泛,不论是网站、 广告 、动画、游戏,甚至程序设计与多媒体化展示方面都有一定程度的运用。本文首先对Flash动画今后的发展趋势进行分析并具体化叙述了Flash的实际定义与特点,并对Flash动画当前在网页设计中的应用方式进行分析,针对性阐述了Flash动画在整站式网页设计过程中交互式导航系统、Web图像动画展示以及鼠标动画的应用。在此针对性研究Flash动画在网页设计中的相关研究,望研究结果能够对今后的学者一定帮助。

网页设计毕业论文内容

关键词:Flash动画 网页设计 应用研究

随着社会迈入信息化时代,网络及计算机技术的发展及普及程度呈现出优质化的发展形势,从而促进网页动画渐渐发展起来,此外网页动画设计在网页设计中占据重要地位,促使人们在关注动画整体发展趋势的过程中将注意力放在网页动画方面。在构建及设计网页时,运用Flash帮助网页实现多媒体化的网页成果展示,同时也渐渐成为网页设计发展过程中不可或缺的重要部分。

1Flash的运用及特点

MacromediaFlash作为一种交互式编辑矢量图及多媒体创作软件,因特网网页设计矢量动画文件格式时常得以较多的运用,此外,针对性分析Flash,可以了解到目前其主要具备以下六大特点:第一,将矢量图形作为主要运行前提,致使其自身文件导出容量不大,在进行图片缩放时对其自身的清晰度影响不大,在网络传输过程中存在一定的便捷性;第二,Flash具备非常优质化且强大的AS代码,在设计动画时运用Flash技术,促使动画的交互性优良,便于读者在阅读过程的理解并实施相关互动;第三,针对实际运用过程分析,Flash动画在运作时主要采用插件,若用户想要实现视频观看,仅仅需要安装一次视频插件就可以直接观看,避免繁琐性多次安装的现象发生。此外,由于Flash构建的动画自身极小,所以其具备较快的调用速率;第四,在设计Flash过程中,可以根据需要适当增加页面控制按钮帮助页面实现链接的跳动,还可以运用鼠标实现页面动画中的运动及移动。第五,Flash可以实现动画视听效果内容的升华,譬如渐变声、位图等等,用户在制作图片的过程中可以直接构建全Flash制作站点;第六,Flash动画属于一种“准”流式文件内容,无需全部下载完成就可以实现动画观看。

2Flash动画在网络设计中的应用

在网页设计中,Flash动画具备非常多关键性的作用,如流式播放动画、FlashMV及短片动画等,此外其所表现的形式中存在一定的交互性。但需要注意的是,在实施网页设计时,避免繁琐、复杂的动画设计效果的存在,毕竟物极必反,只会降低网页的品质;如图1所示。网页动画信息交互的实现为了进一步却宝宝网页动画信息交互整体的流畅性,其中的一个重要关键就是Flash动画导航的交互性设计。在对该部分内容进行设计时,往往会使用针对性的Flash动画脚本——AxtionScript。实际设计过程中,通常由编程者的思想与Flash在事件中作用共同形成动力,并依据动画中的相应内容实现AxtionScript的具体化定义。网页动画相关要素的设计第一,交互式导航系统。在网页设计中,导航栏对用户主要起到一种引导性作用。所以在设计时需要将其设计为多个导航级别,并构建针对性的标识来将其区分,以色彩为例,可以采用较为鲜艳、清爽式的搭配。第二,Web图像动画形式展示。传统网页中,Web图像主要呈现静态,不过经由计算机技术的不断发展,最近几年在网页设计中渐渐出现了一部分动态化的Web图像。同时在其色彩方面的运用,主要采用RGB模板,并在网页安全色方面运用216色,其主要的色彩格式包括GIF、PNG以及JPE6。第三,鼠标动画。为了实现优质化Flash动画效果,在制作动画效果时要特别注意鼠标在移动过程中其轨迹图案及色彩搭配。首先,要确保鼠标移动过程中的色彩与网页设计色彩是不同的,有助于用户一眼就可以将鼠标找到。最后就是,鼠标在色彩区别网页之后还要注意其透明性,避免遮蔽信息的现象出现。

3结语

综合全文内容,在网站设计过程中,Flash作为一个极具重要性的视觉性元素,其可以在帮助网站实现多媒体化效果展示的同时,还能够结合数据通信这一 措施 全面性丰富网站自身具备的素材及资源,最终达到一种动态化的效果。截至今日,由于计算机技术发展速度不断提升,结合Flash自身所具备的多种优质化特征,笔者相信在今后人们的日常生活中,Flash动画一定可以获得更加广泛的用途,更具普遍性,最终实现网页设计的主体化运用趋势。

网页设计毕业论文文献

[1]乔慧.Flash动画在网页制作中的应用及发展[J].内蒙古石油化工,2013(21):68.

[2]关晓轩.Flash动画在网页制作中的应用研究[J].北方文学(下旬),2012(11):91-93.

网页设计毕业论文内容

当今,移动互联网迅猛发展,各种智能设备层出不穷。传统网页设计采用“固定页面及元素宽度,任何终端统一页面效果”的策略,无疑将造成网页在一些新兴移动终端上显示的文字极小、链接分布极密,用户需要在屏幕上不停操作来自主寻求较好的体验。面对这一弊端,网页设计师聚焦于“响应式网页设计”这一关键词,试图使用一套代码为各类终端设备提供不同的设计和体验。从先前“为固定设备设计网页”跨越到“响应式网页设计”是一个较难的过程。一些新手可能已经积攒了诸如媒体查询、流式布局、弹性图片等零散的设计开发技巧,掌握了HTML5和CSS3的使用 方法 ,但他们依然无法驾驭响应式网页设计。造成这种情况的直接原因就在于缺乏一个能够指导他们立即开展响应式网页设计实践的可操作流程,即原型。

1两个关键概念:响应式网页设计与原型

响应式网页设计(RWD,Responsive网页Design)是一种网页前端开发技术,它可以描述为,“兼顾多种不同设备屏幕尺寸、分辨率、系统平台和行为做出相应的调整和布局的显示机制”。原型(Prototype),也叫“原样”,是“模拟科学”中的一个术语。在心理科学中,由于很难对动作或心智活动认识清楚,所以一般沿用J•R•安德森的观点,把原型(Prototype)视为关于范畴的最典型的样例设想,即把“原型”视为外化的实践模式,或“物质化”了的心智活动方式或操作活动程序。综合上述,响应式网页设计原型可描述为:符合“响应式网页设计项目分析、各类终端具有适合自身用户体验的不同页面效果、一套代码完成所有不同终端的网页制作、各类终端与主流浏览器良好兼容”等一系列规则的,外化的响应式网页设计活动实践模式。

2建构响应式网页设计的原型

建构原型一般采用心理模拟法,它包含三个步骤:

(1)响应式网页设计活动的功能分析;

(2)响应式网页设计活动的结构分析;

(3)功能分析与结构分析的有机结合。其中,功能分析的重点是作用的对象,条件与结果;结构分析的重点在于组成要素及要素之间的关系。响应式网页设计的目标是能够高效的编写一套代码为各类终端设备提供良好的设计效果和使用体验,这需要具备HTML5、CSS3、Javascript和jquery的基本技能。响应式网页设计之父——伊桑.马科特认为,响应式网页设计应该首先针对小屏幕进行设计,然后逐步增强针对大屏幕设计。这种思路颠覆了传统固定宽度的网页设计方法,对于那些已经积攒了零散的响应式网页设计开发技巧、HTML5及CSS3等技术,能够较熟练的完成固定宽度桌面端网页的新手而言,恐怕很难理解从小屏幕开始设计然后渐进增强的思路。考虑到新手已经习惯设计制作固定宽度的桌面版网页,响应式网页设计如果从固定宽度的大屏幕网页制作开始,然后改造这套代码将仅适用于桌面的网页依次兼容平板端和手机端也是一个不错的思路。响应式网页设计活动包含了“项目分析”、“网页平面设计”、“桌面版网页制作”、“平面版的改造”、“手机版的改造”及“兼容问题的调试”这6个典型的子活动。这些典型要素的关系可以描述为,“要想高效的完成某响应式网页设计项目,首先需要项目分析,其阶段性结果是响应式网页的总体方案,即在用户群体需求分析及主题解读的基础上,进行色彩分析及定位,确定UI版面布局,分析设计网页功能模块,确定网页风格等,最终形成包含“前言”、“需求分析”、“系统分析”、“风格设计”、“各类终端UI版面初步布局”、“色彩定位”、“网页建设日程规划”等部分的网页总体方案文档;然后,根据前期方案中“色彩”、“风格”及“各类终端UI版面布局”等的分析,依据页面设计原则,利用photoshop绘制适用于各类终端显示的平面效果图;随后,利用“HTML5+Css3”技术采用

+css布局完成固定宽度桌面版网页的制作并生成网页文件和样式表文件;接着,在这套代码的基础上,利用媒体查询技术、流式布局、弹性图片技术,结合平板终端的页面效果图将代码改造成兼容桌面及平板的网页;之后,在上述修改的基础上,继续利用媒体查询技术和弹性图片技术,结合手机终端的页面效果图将代码改造成兼容桌面、平板、手机的网页;最后,利用火狐和IETester软件查看初步完成的响应式网页,解决跨浏览器的兼容问题,形成完整网站。该过程中任何环节如果出现不妥当都应该返回上个步骤进行重新修改。结合上述对网页设计活动的功能与结构分析,不难发现,响应式Web设计活动原型中的6个典型子活动复杂程度不同。其中“桌面版网页制作”、“平面版的改造”、“手机版的改造”及“兼容问题的调试”这4个典型子活动是比较复杂的,包含了很多熟手的关键技术,需要进一步阐述。

3熟手的关键技术

从上述适用于新手的响应式网页设计活动基本原型发现,制作一个能够兼容主流浏览器的固定宽度桌面版网页是响应式网页制作的开端。那么,首先在“桌面版网页制作”这个环节中提取一些熟手关键技术,作为给予新手的技巧提示。

兼容主流浏览器的桌面版网页制作技术

为了防止不同浏览器给予相同HTML5标签的初始样式存在差异,熟手利用HTML5+CSS3制作桌面版网页制作时,一般会在样式文件(扩展名.css)中给出如下初始化代码:*{margin:0px;padding:0px;}body{margin:0px;padding:0px;text-align:center;font-family:"宋体";font-size:16px;color:#cccccc;}ul,li,a{margin:0px;padding:0px;list-style:none;}div{overflow:hidden;float:left;}#wrapper{width:1007px;height:auto;margin-left:auto;margin-right:auto;overflow:hidden;clear:both;}这部分代码块可以实现页面在IE内核和Firefox内核的所有版本浏览器中居中对齐,外层布局盒子与浏览器头部无缝紧贴;

及css3完成固定宽度布局时,默认所有内部布局
向左浮动,溢出属性为隐藏;所有构成页面的HTML5元素的默认边距和填充属性为0px;HTML5的列表标签默认项目符号为空,边距和填充为0px。此外,确定页面尺寸,目前大多数 显示器 为1024像素*768像素,那么以此为默认显示器时,页面的宽度尺寸一般设置为“1007像素”。初始化CSS代码后,接下来就是利用
+CSS完成布局,这里提示新手:完成布局后,务必在IETESTER和Firefox中检查网页布局是否能够兼容主流浏览器。然后,根据桌面版网页平面设计效果图完成页面的制作。此外,熟手的 经验 是制作过程中频繁检测桌面版网页是否能够完美兼容各种浏览器。

利用流式布局、弹性图片、媒体查询技术修改桌面版网页

(1)相对视口尺寸,将最外层的布局

(例如:#wrapper{width:1007px;...})的宽度设置为96%(这个值取决于当前页面的视觉效果,也可以给其他数值);然后,将最外层的布局
内部的页头布局
、导航布局
、内容布局
、侧边栏布局
、页脚布局
对应的CSS样式中的width属性值利用公式——目标元素宽度÷上下文元素宽度=百分比宽度把网页的固定布局修改成百分比布局,也就是将固定像素宽度转换成对应的百分比宽度。

(2)将页面中所有HTML5标签元素对应的CSS样式表中的margin-right、margin-left、padding-right、padding-left的属性值也用公式——目标元素宽度÷上下文元素宽度=百分比宽度来修改。

(3)将CSS样式表中的font-size属性值的单位用em来代替px。这里依然使用公式——目标元素宽度÷上下文元素宽度=百分比宽度。这里需要提示新手的是:在标签的初始化代码中,如果有font-size:16px;语句,那么在给其他元素的font-size属性上修改值时,公式中的“上下文元素宽度”就等于16px,例如,#logo{font-size:48px;}现在要修改为#logo{font-size:3em;}。

(4)为了实现弹性图片,让图片随视口缩放,图形图像、动画和视频的弹性设置使用“img,object,video,embed{width:100%;max-width:100%;}”。其中,max-width属性是用于确保缩放时不会超出图片最大尺寸。同时,熟手还会使用AdaptiveImages解决方案来实现自适应图片。

(5)媒体查询可以通过判断不同设备终端,提供不同的样式使其实现在不同终端都能获得最佳的用户体验。例如,某个响应式页面用电脑浏览页面时,页面信息会以平铺的形式分布在页面合适的位置;用手机浏览页面时,导航按钮会相继隐藏起来,部分信息变成左右滑动的方式呈现,页面会重新布局,图片相应缩小。媒介查询的语法格式是,例如:设定宽度不超过400像素的屏幕尺寸,代码是:。虽然,HTML5+CSS3提供了良好的媒体查询功能,但当前仍有一些浏览器不支持,你可能需要添加如下基本样式:不同种类、不同版本浏览器的兼容问题解决跨越浏览器的问题一直是响应式网页设计的难题。熟手面对这一问题时,一般采用“渐进增强与降级”、“利用javascript修复老版本IE”、“使用Modernizr辅助修正样式,按需加载资源”、“给IE6,7,8追加媒体查询功能”等方法。

4结束语

对响应式网页设计而言,当前的设计理念和技术方法还不是终点,网站前端设计师需要继续努力找出更好的解决方案。而对新手学习者而言,响应式网页设计开发技能的形成不是一蹴而就的,还需要学习者在多个项目中,利用原型进行多次定向、操作及内化才能真正掌握。

摘 要:版式设计可以说是界面设计的基础部分,网页界面中的版式设计只是其发展应用中的一个方向。如何设计完美有魅力的网页界面,版式设计扮演十分重要的角色,优秀的版式设计可以给浏览者留下深刻的印象,提高页面的访问量。因此,本文将向诸位读者介绍在CDIO工程 教育 模式下,网页设计课程中采用项目为指导的教学实践过程中注意的事项。

关键词:网页设计;版式设计 CDIO教育模式;项目教学

近年来随着经济的高速发展,科技的日新月异,教育领域同样面临革新。引进新的教育理念和教学模式成为教育工作者的关注重心,此时,欧美成熟的工程教育理念慢慢地进入我们的视野之中,CDIO的教学模式(Conceive构思、Design设计、Implement实施、Operate运行),符合工程人才的培养,提高学生的实践能力、组织能力、创新能力。这一模式更适应当下的教育环境需求。

网页设计这门课程属于交叉学科范畴,兼顾艺术设计、计算机技术及交互设计等多门学科。另外,这门课程作为艺术与技术的结合体,要求学生具备较强实践动手能力与综合运用能力,因而在教学过程中我们依据CDIO的工程教育理念开展教学。

本文重点谈到的是网页设计中的版式设计过程,网页中的版式设计起到信息统一、分割区域和交互导引的作用,是在有限的空间界面内将文字、图形、背景色彩或图案及交互功能集成在方圆之间,根据设计的形式法则,利用艺术美学与科学技术相结合的方式来实现效果展示。下面以教学过程中的“xx艺术系网站”项目为例,以网页设计中的版式设计为内容,展示教学过程中的各个设计阶段。

1 构思阶段

(1)确立目标。

网页设计不是盲目的行为,不是简单使用软件的行为,它是构思由确立到实现的过程,是一种展示到体会的过程。因此,在设计之初,教师需要引导学生了解当前的课题,明确网站要做什么,网站的外观布局是什么样子,网站需要营造何种氛围。我们常见的网站根据用途分类为企业网站、电子商务网站、电子政务网站、文体娱乐网站、教育科学网站等,每种类型的网站都有自己需要传播的信息,根据所需文字与图片选择适合的排版方式,进而营造恰当的氛围。在“xx艺术系网站”项目中,学生会根据实际项目类型,理解项目设计目标为,该学院所属系部信息服务类网站,界面版式方面要求简洁大方,色彩明快,塑造清新、愉悦的氛围,学生可以根据以上内容展开进一步的设计工作。

(2)信息整理。

项目开展前期根据对项目的简单分析,要求学生对客户或相关人士展开访谈,对行业同类网站的资讯开展收集与调研。这一阶段学生会接触网页设计的需求方,在本项目中可以设定为系内行政人员、教师及系内学生,根据访谈或调研可以得到网站相关设计信息,如对整体风格的需求,导航的设计需求,网站类型为静态网站或动态网站,根据需求结果,要求学生设计多样的版式效果,以供客户参考。

(3)交互设计。

我们将网页中的交互分为视觉上的交互和行为功能上的交互设计。在这里我们更侧重说明交互在视觉上的应用。网页中我们常见的交互形态有按钮、导航条、搜索栏和表单等。这些交互形态都会出现在版式的突出及显著位置,这样更引发人们的视觉关注中心,因而,在进行版式设计时,需要考虑这些交互元素的设置,友好的版式也是一种界面与人的情感交互。在我们的项目中学生应该考虑交互按钮的外观设计,排放位置等因素;导航条的设置应在醒目位置,清晰明确发挥导引作用;搜索栏帮助浏览者快捷搜索,放置在易发现的位置,搜索一般出现在网页右上角;表单设计是学生所忽略的环节,因为可以使用插件添加,导致学生认为无须设计,在此建议信息表单设计时可考虑细节设计,提高友好度与舒适度等交互设计。

2 设计阶段

版式设计是网页设计中重要的设计引导规划环节,在这个过程中学生可以根据自己的项目主题展开艺术美感的设计。一般进行页面版式设计我们从以下几个方面入手。

(1)版式结构设计。

网页设计中的版式设计与传统媒介中的版式设计略有不同,前提是他们都遵循版式设计五原则,[1]内容与形式,简洁与简约,设计与艺术,趣味与独特,局部与整体。为了设计富有形式法则和艺术美感的网页作品,版式设计方面通常会采用黄金比例和三分法排列原则。黄金比例法是初学者易于掌控的方法,将视窗可用区域分成两个部分,也可以根据设计比例需求,将数字录入到相关计算网站,得出合适的黄金比例分配方案。三分法构图排版方式,是将排版界面分成三份,根据内容的不同,选择不同的三分法排列位置。

网页设计中由于要考虑显示器视窗显示水平不同,我们的总体版式设计会采用固定格式或非固定格式两种形式。固定格式的版面是固定的界面版式,而非固定格式的版面设计是变化的,这种变化的版式很难把握的,变化的视窗将改变既定的字体形式和图形排列位置,这个课题也是我们今后要深入探讨的方向。

(2)字体、图像、色彩设计。

版式设计是界面设计的骨架,字体设计是界面设计的血肉,富媒体技术的全面发展,网站这一综合载体也得到了极大的发展,版式与字体的结合构成了网页的不同风貌。在网页中常见字体分为中英文两类和图形化的艺术字体,字号一般选用12pt。在中文网页常常出现的字体为宋体或黑体,字号为12pt/14pt的文字展示,另外也会有些超大字体以图像的形态出现,并通过视觉效果的调整,创建三维空间的视觉展示效果。图形化的艺术字体,在诸多网站中得到应用。在设计中我们题材保有传统的 文化 性,中国元素的运用,如书法、图腾、建筑等富有中国色彩的艺术形态都应得到我们的思考与关注,中西文化的比较与融合也是我们要探索的方向。图形与色彩部分在排版中应适合主题,响应设计氛围,为整体版式服务。

(3)视频展示设计。

网页界面排版中还需考虑一种新兴的展示手段,视频信息展示,页面中利用大量的视频信息排版,减少文字、图片信息的输入,信息传达方式由静态转换为动态,提供有趣而新颖的排版展示方式。

3 技术实施

(1)界面版式视觉设计。

网页设计中对静态界面的布局,我们通常会使用Photoshop和Illustrator图像处理软件开展设计,首先我们会根据 思维导图 绘制基础模板,然后根据设计需求在模板中添加设计好的文字、图形、视频、声音等设计元素。

(2)交互功能视觉设计。

在网页设计中我们会考虑将静态样稿转换为简单的静态网页,这种转换我们会使用Dreamweaver软件进行操作,由于网页展示设备的不同我们也会考虑采用一些相关的模型制作软件来处理交互设计部分。

4 运行阶段

将确定好的静态草稿通过切图生成为静态网站,测试效果及功能,当运行时根据需要和视觉效果进行调整直到理想状态。

5 小结

网页设计课程将实际项目导入课堂,根据CDIO工程教育模式教学,打造有效、有趣、实用的教学方式,使学生在学习操作中锻炼宏观思考的能力,获得团队合作的能力,养成终身学习的能力。学生对设计流程的掌握就是对知识体系的掌握和运用,达到理论与实践相结合,通过对版面的全面掌控,更好地为静态网页设计打下坚实的基础。

参考文献:

[1] 沈卓娅,王汀.字体与版式设计实训[M].中国出版集团东方出版中心,2011:74.

1. 网站设计毕业论文范文

2. 网站类毕业设计论文

3. 浅谈广告设计毕业论文范文

4. 关于网络工程毕业论文范文

5. 关于计算机毕业论文范文大全

6. 计算机毕业论文范文大全

121 评论

相关问答

  • 交互设计毕业论文末班

    为了增加网页的吸引力和可理解性,以及互动性,网页设计所起的作用十分重要。下面是我为大家整理的网页设计 毕业 论文,供大家参考。 网页设计毕业论文摘要 摘要:

    zhangalan26 2人参与回答 2023-12-08
  • 信息交互设计毕业论文

    在未来的发展中,数据通信网络也将不断数字化、智能化以及综合化,帮助人们掌握更多信息。下面是我为大家整理的数据通信 毕业 设计论文,供大家参考。 《 网络编码

    lindadoncry 2人参与回答 2023-12-10
  • 交互设计毕业论文应该写

    毕业设计论文的写法如下: 1、题目的写法 毕业论文题目应简明扼要地反映论文工作的主要内容,切忌笼统。由于别人要通过你论文题目中的关键词来检索你的论文,所以用语精

    dreamy8594 2人参与回答 2023-12-08
  • 交互设计毕业论文目录

    毕业论文目录格式要求及字体大小如下: 格式1 打印要求 论文必须统一打印。使用标准16开打印纸,页面上、下边距各2厘米,左右边距各2厘米(论文所附较大的图纸、数

    cathyzhou214 2人参与回答 2023-12-05
  • 会计信息毕业论文设计评审表

    毕业论文评审表写法如下: 第一,你为什么选择这个题目?(一般说明这个论文题目与自己所学专业相关,与自己的实际工作相关或自己对此有过研究,想更深入研究等等)。 第

    jiangyue514悦兔 3人参与回答 2023-12-09