【應(yīng)用網(wǎng)頁(yè)設(shè)計(jì)】網(wǎng)絡(luò)方案的設(shè)計(jì)過(guò)程主要分為哪些步驟?如何解決HTML5在實(shí)際應(yīng)用中的兼容性問(wèn)題?下面就和小編一起來(lái)看看吧!

　　網(wǎng)絡(luò)方案的設(shè)計(jì)過(guò)程主要分為哪些步驟?

　　網(wǎng)絡(luò)工程需求分析完成后，應(yīng)形成網(wǎng)絡(luò)工程需求分析報(bào)告，與用戶溝通、修改，并通過(guò)用戶方組織的審核。網(wǎng)絡(luò)工程設(shè)計(jì)者應(yīng)根據(jù)審查意見(jiàn)，形成可操作和可行性階段的網(wǎng)絡(luò)工程需求分析報(bào)告。有了網(wǎng)絡(luò)工程的需求分析報(bào)告，網(wǎng)絡(luò)系統(tǒng)方案的設(shè)計(jì)階段從水到渠。關(guān)于建站，網(wǎng)絡(luò)工程設(shè)計(jì)階段包括確定網(wǎng)絡(luò)工程目標(biāo)和方案設(shè)計(jì)原則、通信平臺(tái)規(guī)劃和設(shè)計(jì)、資源平臺(tái)規(guī)劃和設(shè)計(jì)、網(wǎng)絡(luò)通信設(shè)備選擇、網(wǎng)絡(luò)服務(wù)器和操作系統(tǒng)選擇、綜合布線網(wǎng)絡(luò)選擇和網(wǎng)絡(luò)安全設(shè)計(jì)等內(nèi)容。2.1網(wǎng)絡(luò)工程目標(biāo)和設(shè)計(jì)原則1.網(wǎng)絡(luò)工程目標(biāo)一般應(yīng)對(duì)網(wǎng)絡(luò)工程目標(biāo)進(jìn)行整體規(guī)劃，逐步實(shí)施。在制訂網(wǎng)絡(luò)工程總目標(biāo)時(shí)，應(yīng)確定所采用的網(wǎng)絡(luò)技術(shù)、工程標(biāo)準(zhǔn)、網(wǎng)絡(luò)規(guī)模、網(wǎng)絡(luò)系統(tǒng)功能結(jié)構(gòu)、網(wǎng)絡(luò)應(yīng)用目的和范圍。然后對(duì)整體目標(biāo)進(jìn)行分解，明確各分期工程的具體目標(biāo)、網(wǎng)絡(luò)建設(shè)內(nèi)容、所需工程費(fèi)用、時(shí)間和進(jìn)度計(jì)劃等。網(wǎng)絡(luò)工程應(yīng)根據(jù)工程的種類和目標(biāo)大小進(jìn)行整體規(guī)劃，確定整體目標(biāo)，分階段實(shí)施目標(biāo)的戰(zhàn)略。一般來(lái)說(shuō)，我們可以將工程分為三個(gè)步驟。1)建設(shè)計(jì)算機(jī)網(wǎng)絡(luò)環(huán)境平臺(tái)。2)擴(kuò)大計(jì)算機(jī)網(wǎng)絡(luò)環(huán)境平臺(tái)。3)進(jìn)行高層次的網(wǎng)絡(luò)建設(shè)。2.網(wǎng)絡(luò)工程設(shè)計(jì)原則，網(wǎng)絡(luò)信息工程建設(shè)目標(biāo)關(guān)系到目前和未來(lái)幾年用戶端網(wǎng)絡(luò)信息化水平和網(wǎng)絡(luò)應(yīng)用系統(tǒng)的成敗。在工程設(shè)計(jì)對(duì)主要設(shè)計(jì)原則進(jìn)行選擇和平衡，并排列其在方案設(shè)計(jì)中的優(yōu)先級(jí)，對(duì)網(wǎng)絡(luò)工程設(shè)計(jì)和實(shí)施具有指導(dǎo)意義。1)實(shí)用、使用方便、使用方便的原則，電腦和設(shè)置、服務(wù)器和網(wǎng)絡(luò)通信等設(shè)備在技術(shù)性能逐漸提高的同時(shí)，價(jià)格逐年下降或季節(jié)下降，沒(méi)有必要實(shí)現(xiàn)所謂的一步到達(dá)。因此，網(wǎng)絡(luò)方案的設(shè)計(jì)應(yīng)采用成熟可靠的技術(shù)和設(shè)備，充分體現(xiàn)足夠、易用、實(shí)用的網(wǎng)絡(luò)建設(shè)原則，不能用今天的錢(qián)，不能買(mǎi)明天、后天的設(shè)備。2)開(kāi)放原則，網(wǎng)絡(luò)系統(tǒng)應(yīng)采用開(kāi)放標(biāo)準(zhǔn)和技術(shù)，資源系統(tǒng)建設(shè)應(yīng)采用國(guó)家標(biāo)準(zhǔn)，有些應(yīng)遵循國(guó)際標(biāo)準(zhǔn)(如財(cái)務(wù)管理系統(tǒng)、電子商務(wù)系統(tǒng))。其目的有兩個(gè)方面:第一，有利于網(wǎng)絡(luò)工程系統(tǒng)的后期擴(kuò)張;第二，有利于與外部網(wǎng)絡(luò)互聯(lián)，不得關(guān)門(mén)造形成信息孤島。3)可靠性原則無(wú)論是企業(yè)還是事業(yè)，網(wǎng)絡(luò)規(guī)模都是工程的生命線。例如，一個(gè)網(wǎng)絡(luò)系統(tǒng)的重要設(shè)備和應(yīng)用系統(tǒng)，偶爾出現(xiàn)的死鎖是政府、教育、企業(yè)、稅務(wù)、證券、金融、鐵路、民航等行業(yè)發(fā)生的災(zāi)難性事故。因此，必須確保網(wǎng)絡(luò)系統(tǒng)高的平均無(wú)故障時(shí)間和盡可能低的平均無(wú)故障率。4)安全性原則是指網(wǎng)絡(luò)系統(tǒng)的病毒防治、黑客防治等破壞系統(tǒng)、數(shù)據(jù)可用性、一致性、高效性、可靠性和可靠性等安全問(wèn)題。為了網(wǎng)絡(luò)系統(tǒng)的安全，在設(shè)計(jì)方案時(shí)，必須考慮用戶可以在網(wǎng)絡(luò)安全方面投入的資金，建議用戶選擇網(wǎng)絡(luò)防火墻、網(wǎng)絡(luò)防毒系統(tǒng)等網(wǎng)絡(luò)安全設(shè)施的網(wǎng)絡(luò)信息中心的對(duì)外服務(wù)器與對(duì)內(nèi)服務(wù)器隔離。5)先進(jìn)性原則網(wǎng)絡(luò)系統(tǒng)應(yīng)采用國(guó)際先進(jìn)、主流、成熟的技術(shù)。例如，局域網(wǎng)可以采用千兆以太坊和全換以太坊技術(shù)。根據(jù)網(wǎng)絡(luò)規(guī)模的大小(如網(wǎng)絡(luò)連接機(jī)臺(tái)數(shù)在250臺(tái)以上)，選擇多層交換技術(shù)，支持多層干道傳輸、生成樹(shù)等協(xié)議。

　　如何解決HTML5在實(shí)際應(yīng)用中的兼容性問(wèn)題?

　　一、“自適應(yīng)網(wǎng)頁(yè)設(shè)計(jì)”概念2010年，EthanMarcotte提出了“自適應(yīng)網(wǎng)頁(yè)設(shè)計(jì)”這個(gè)名詞，是指可以自動(dòng)識(shí)別畫(huà)面寬度，進(jìn)行相應(yīng)調(diào)整的網(wǎng)頁(yè)設(shè)計(jì)。適應(yīng)網(wǎng)頁(yè)設(shè)計(jì)”是如何實(shí)現(xiàn)的并不難。首先，在網(wǎng)頁(yè)代碼的頭部添加viewport元標(biāo)簽。viewport是web默認(rèn)的寬度和高度，上述代碼的意思是web寬度的默認(rèn)等于屏幕寬度(width=device-width)，原始的縮減率(initial-scale=1)為1.0，即web初始大小占屏幕面積的100%。所有主流瀏覽器都支持此設(shè)置，包括IE9。舊瀏覽器(主要是IE6、7、8)，需要css3-mediaqueries.js。三、不使用絕對(duì)寬度，網(wǎng)頁(yè)會(huì)根據(jù)屏幕寬度調(diào)整布局，所以絕對(duì)寬度的布局不能使用，也不能使用具有絕對(duì)寬度的元素。這個(gè)非常重要。具體來(lái)說(shuō)，CSS代碼不能指定像素寬度:。。關(guān)于免費(fèi)網(wǎng)站模板。只能指定xxpx的百分比寬度:width:xx%;或者選擇width:auto四、相對(duì)大小的字體也不能使用絕對(duì)大小(px)，只能使用相對(duì)大小(em)。body{sfont:normal100%Helvetica、Arial、ans-serif的代碼指定，字體大小為頁(yè)面大小的100%，即16像素。h1{font-size:1.5em;h1的大小是默認(rèn)大小的1.5倍，即24像素(24/16=1.5)。small{font-size:0.875em;}small元素的大小是默認(rèn)大小的0.875倍，即14像素(14/16=0.875)。五、流動(dòng)布局“流動(dòng)布局”的意思是，各塊的位置浮動(dòng)，不是固定的。main{float:right;是的，width70%;是的。leftBar{lefloat:left;回報(bào)率:25%;如果你手放在水平上，你就不能放下兩個(gè)。此外，絕對(duì)定位使用，也要非常小心。六、選擇加載CSS“適應(yīng)網(wǎng)頁(yè)設(shè)計(jì)”的核心是CSS3引進(jìn)的MediaQuery模塊。意思是自動(dòng)檢測(cè)屏幕寬度，加載相應(yīng)的CSS文件。上面的代碼是指，如果屏幕寬度小于400像素，則加載tinyScreen.css文件。如果屏幕寬度在400像素到600像素之間，則加載smallScreen.css文件。除了用html標(biāo)簽加載CSS文件外，還可以在現(xiàn)有的CSS文件中加載。importurl(“tinyScren.css”)screnand(max-device-width:400px)七、CSS的@media規(guī)則在同一個(gè)CSS文件中，也可以根據(jù)屏幕分辨率選擇不同的CSS規(guī)則。mediascrentidth400px{flathidth400px){voloumn{flatflato;width:auto;tolofflebar{videbar{videsplay:none;widthidth:auto;widthoto;colortidtortlor{videbar{vididisplay:none;widthidthth:屏寬小于400像素，column塊取消浮動(dòng)flotfloar:寬自動(dòng)調(diào)節(jié):上面代碼;}八、圖片自適應(yīng)除了布局和文字外，“自適應(yīng)網(wǎng)頁(yè)設(shè)計(jì)”還必須實(shí)現(xiàn)圖片自動(dòng)縮放。這是一行CSS代碼:img{max-width:100%;這個(gè)代碼對(duì)大多數(shù)嵌入網(wǎng)頁(yè)的視頻也有效，因此可以寫(xiě)下img、object{max-width:100%;}舊版本的IE不支持max-width，因此只能寫(xiě)下:img{width:100%;此外，當(dāng)windows平臺(tái)縮放圖片時(shí)，可能會(huì)出現(xiàn)圖像失真。此時(shí)，您可以嘗試使用IE的獨(dú)特命令:旗幟{-ms-interpolation-mode:bicubic;}或者EthanMarcotte的imgSizer。addLoadEvent(function){varimgs=document.gettementByIdcontent).gettementsByTagName("img");為了參與會(huì)議，最好根據(jù)不同大小的畫(huà)面，加載不同分辨率的畫(huà)面。有很多方法可以實(shí)現(xiàn)這一點(diǎn)，服務(wù)器和客戶都可以實(shí)現(xiàn)。