【应用网页设计】网络方案的设计过程主要分为哪些步骤?如何解决HTML5在实际应用中的兼容性问题?下面就和小编一起来看看吧!

　　网络方案的设计过程主要分为哪些步骤?

　　网络工程需求分析完成后，应形成网络工程需求分析报告，与用户沟通、修改，并通过用户方组织的审核。网络工程设计者应根据审查意见，形成可操作和可行性阶段的网络工程需求分析报告。有了网络工程的需求分析报告，网络系统方案的设计阶段从水到渠。关于建站，网络工程设计阶段包括确定网络工程目标和方案设计原则、通信平台规划和设计、资源平台规划和设计、网络通信设备选择、网络服务器和操作系统选择、综合布线网络选择和网络安全设计等内容。2.1网络工程目标和设计原则1.网络工程目标一般应对网络工程目标进行整体规划，逐步实施。在制订网络工程总目标时，应确定所采用的网络技术、工程标准、网络规模、网络系统功能结构、网络应用目的和范围。然后对整体目标进行分解，明确各分期工程的具体目标、网络建设内容、所需工程费用、时间和进度计划等。网络工程应根据工程的种类和目标大小进行整体规划，确定整体目标，分阶段实施目标的战略。一般来说，我们可以将工程分为三个步骤。1)建设计算机网络环境平台。2)扩大计算机网络环境平台。3)进行高层次的网络建设。2.网络工程设计原则，网络信息工程建设目标关系到目前和未来几年用户端网络信息化水平和网络应用系统的成败。在工程设计对主要设计原则进行选择和平衡，并排列其在方案设计中的优先级，对网络工程设计和实施具有指导意义。1)实用、使用方便、使用方便的原则，电脑和设置、服务器和网络通信等设备在技术性能逐渐提高的同时，价格逐年下降或季节下降，没有必要实现所谓的一步到达。因此，网络方案的设计应采用成熟可靠的技术和设备，充分体现足够、易用、实用的网络建设原则，不能用今天的钱，不能买明天、后天的设备。2)开放原则，网络系统应采用开放标准和技术，资源系统建设应采用国家标准，有些应遵循国际标准(如财务管理系统、电子商务系统)。其目的有两个方面:第一，有利于网络工程系统的后期扩张;第二，有利于与外部网络互联，不得关门造形成信息孤岛。3)可靠性原则无论是企业还是事业，网络规模都是工程的生命线。例如，一个网络系统的重要设备和应用系统，偶尔出现的死锁是政府、教育、企业、税务、证券、金融、铁路、民航等行业发生的灾难性事故。因此，必须确保网络系统高的平均无故障时间和尽可能低的平均无故障率。4)安全性原则是指网络系统的病毒防治、黑客防治等破坏系统、数据可用性、一致性、高效性、可靠性和可靠性等安全问题。为了网络系统的安全，在设计方案时，必须考虑用户可以在网络安全方面投入的资金，建议用户选择网络防火墙、网络防毒系统等网络安全设施的网络信息中心的对外服务器与对内服务器隔离。5)先进性原则网络系统应采用国际先进、主流、成熟的技术。例如，局域网可以采用千兆以太坊和全换以太坊技术。根据网络规模的大小(如网络连接机台数在250台以上)，选择多层交换技术，支持多层干道传输、生成树等协议。

　　如何解决HTML5在实际应用中的兼容性问题?

　　一、“自适应网页设计”概念2010年，EthanMarcotte提出了“自适应网页设计”这个名词，是指可以自动识别画面宽度，进行相应调整的网页设计。适应网页设计”是如何实现的并不难。首先，在网页代码的头部添加viewport元标签。viewport是web默认的宽度和高度，上述代码的意思是web宽度的默认等于屏幕宽度(width=device-width)，原始的缩减率(initial-scale=1)为1.0，即web初始大小占屏幕面积的100%。所有主流浏览器都支持此设置，包括IE9。旧浏览器(主要是IE6、7、8)，需要css3-mediaqueries.js。三、不使用绝对宽度，网页会根据屏幕宽度调整布局，所以绝对宽度的布局不能使用，也不能使用具有绝对宽度的元素。这个非常重要。具体来说，CSS代码不能指定像素宽度:。。关于免费网站模板。只能指定xxpx的百分比宽度:width:xx%;或者选择width:auto四、相对大小的字体也不能使用绝对大小(px)，只能使用相对大小(em)。body{sfont:normal100%Helvetica、Arial、ans-serif的代码指定，字体大小为页面大小的100%，即16像素。h1{font-size:1.5em;h1的大小是默认大小的1.5倍，即24像素(24/16=1.5)。small{font-size:0.875em;}small元素的大小是默认大小的0.875倍，即14像素(14/16=0.875)。五、流动布局“流动布局”的意思是，各块的位置浮动，不是固定的。main{float:right;是的，width70%;是的。leftBar{lefloat:left;回报率:25%;如果你手放在水平上，你就不能放下两个。此外，绝对定位使用，也要非常小心。六、选择加载CSS“适应网页设计”的核心是CSS3引进的MediaQuery模块。意思是自动检测屏幕宽度，加载相应的CSS文件。上面的代码是指，如果屏幕宽度小于400像素，则加载tinyScreen.css文件。如果屏幕宽度在400像素到600像素之间，则加载smallScreen.css文件。除了用html标签加载CSS文件外，还可以在现有的CSS文件中加载。importurl(“tinyScren.css”)screnand(max-device-width:400px)七、CSS的@media规则在同一个CSS文件中，也可以根据屏幕分辨率选择不同的CSS规则。mediascrentidth400px{flathidth400px){voloumn{flatflato;width:auto;tolofflebar{videbar{videsplay:none;widthidth:auto;widthoto;colortidtortlor{videbar{vididisplay:none;widthidthth:屏宽小于400像素，column块取消浮动flotfloar:宽自动调节:上面代码;}八、图片自适应除了布局和文字外，“自适应网页设计”还必须实现图片自动缩放。这是一行CSS代码:img{max-width:100%;这个代码对大多数嵌入网页的视频也有效，因此可以写下img、object{max-width:100%;}旧版本的IE不支持max-width，因此只能写下:img{width:100%;此外，当windows平台缩放图片时，可能会出现图像失真。此时，您可以尝试使用IE的独特命令:旗帜{-ms-interpolation-mode:bicubic;}或者EthanMarcotte的imgSizer。addLoadEvent(function){varimgs=document.gettementByIdcontent).gettementsByTagName("img");为了参与会议，最好根据不同大小的画面，加载不同分辨率的画面。有很多方法可以实现这一点，服务器和客户都可以实现。