網(wǎng)站建設(shè)關(guān)于前端架構(gòu)設(shè)計解決方案詳解。
網(wǎng)站建設(shè)公司認(rèn)為一個網(wǎng)站的高體驗性與可用性網(wǎng)站的前端架構(gòu)非常重要。本文網(wǎng)站建設(shè)公司資深框架規(guī)劃師就從網(wǎng)站建設(shè)早期設(shè)計師們對前端頁面設(shè)計的感受與各位進行分享。Web在誕生之初，形態(tài)其實是比較簡單的。這里的“誕生”指的是20世紀(jì)90年代初期，而“簡單”指的是一個網(wǎng)站能把自己的入口放在雅虎導(dǎo)航頁上，并且訪問者計數(shù)器能在使用表格布局并且滿屏GIF動圖的網(wǎng)頁底部不停地閃爍。不過，這的確是那個年代你所需要的一切。只要你能給webring帶來流量，所有的網(wǎng)站管理員都會滿意。那些網(wǎng)站管理員是誰呢?沒錯，其實他們就是那些域名的擁有者。那時，網(wǎng)站還是簡單的存在，管理員就是它們的主人。這些人習(xí)慣性地使用混亂的HTML，還搞不清楚到底是不是應(yīng)該關(guān)注新出現(xiàn)的層疊樣式表(CSS)，甚至他們當(dāng)中大多數(shù)人已經(jīng)把JavaScript作為過時的東西拋棄了。
不過，正如所有的媒介一樣，網(wǎng)站也會進化。JavaScript 仍然被廣泛使用，CSS也不僅僅用于設(shè)置頁面的字體類型和字體顏色。網(wǎng)站的管理員最終發(fā)現(xiàn)，他們走到了一個十字路口。網(wǎng)站的流量在持續(xù)增長，Web技術(shù)也在持續(xù)發(fā)展（比如透明GIF等）。有太多的新事物和新技術(shù)需要學(xué)習(xí)，有太多的工作要做。最后，網(wǎng)站管理員不得不把網(wǎng)站的建設(shè)進行分工。一方面，他們很喜歡“網(wǎng)站正在建設(shè)中”這個標(biāo)志以及到處可見的 marquee標(biāo)簽;另一方面，Perl是世界上最好的語言，毫無疑問它能夠讓網(wǎng)站永葆生機。
當(dāng)網(wǎng)站管理員聘請另一個人來維護他們珍貴的域名時，他們需要決定自己是繼續(xù)做一個寫各種 <blink>標(biāo)簽的大師，然后雇用寫Perl腳本的新手，還是自己去學(xué)習(xí)Perl。
最終他們做出了決定，由此現(xiàn)代的Web開發(fā)團隊開始成型，就像聽到巨型海螺的召喚。早期的網(wǎng)站管理員在每一個階段和十字路口，都會發(fā)現(xiàn)他們自己需要專注于開發(fā)過程中一個很小的部分。他們當(dāng)中有些人會專注于服務(wù)器提供的文件服務(wù)，有些人想提高查詢數(shù)據(jù)庫的能力，而另外一些人則樂于創(chuàng)作各種圖形和圖像。更新的、更專業(yè)的角色也吸引了其他人到這個行業(yè)，包括藝術(shù)家、作家、商業(yè)分析師、工程師、數(shù)學(xué)家等。隨著這些角色的發(fā)展，以及相關(guān)的人員越來越成熟，Web開發(fā)逐漸催生了一系列新的名稱和新的分支學(xué)科。
在網(wǎng)站建設(shè)開發(fā)的早期，有些人認(rèn)為網(wǎng)頁中的文本內(nèi)容跟設(shè)計、代碼甚至搜索引擎優(yōu)化（眾所周知，搜索引擎就是抓取頁面中的關(guān)鍵字）一樣重要。在此之前，
網(wǎng)頁內(nèi)容往往是被放到后面處理的。“先隨便填一些lorem ipsum字符到設(shè)計稿里，趕緊做后面的。”最終在網(wǎng)站上線之前，客戶才會填上真實、優(yōu)質(zhì)、受啟發(fā)的內(nèi)容，并且一直以來都是如此。
這些內(nèi)容的擁護者，終于堅定直接地宣稱Web 的本質(zhì)就是內(nèi)容，因此網(wǎng)站內(nèi)容值得我們花費時間和精力。盡管這是一場惡戰(zhàn)，不過他們開始被邀請參加早期的規(guī)劃會議，偶爾也被邀請參與編輯策略的制定。他們不斷取得進展!雖然這個過程困難而且孤獨，但是結(jié)果是值得的。就這樣，他們作為開拓者在孤獨地前進。直到關(guān)鍵的一天，他們碰巧遇到另外一個同樣擁護內(nèi)容的人，才意識到原來他們不是在孤軍作戰(zhàn)。友誼的星火以燎原之勢發(fā)展成方方面面的合作，最終他們成立了社區(qū)，繼續(xù)致力于向人們宣傳網(wǎng)站內(nèi)容的重要性。
很多年過去了，但是關(guān)于網(wǎng)站內(nèi)容的爭論遠(yuǎn)遠(yuǎn)沒有結(jié)束。即使多一個設(shè)計師被要求在主頁上“隨便填充點內(nèi)容”，我們也能馬上聽到遠(yuǎn)處抗議的吶喊聲。20o8年12月16日，Kristina Halvorson在. A List Apart博客(http: / /alistapart.com/article/thedisciplineofcontentstrategy)上站出來發(fā)聲，舉起了內(nèi)容策略的大旗。她要求我們傳播這種理念，“要把網(wǎng)站內(nèi)容作為一個值得做出戰(zhàn)略規(guī)劃和有投資價值的關(guān)鍵元素來對待”。其他內(nèi)容策略的踐行者們開始學(xué)習(xí)、使用和推廣它，成為了內(nèi)容策略師。由此，一個新的分支學(xué)科誕生了。Kristina的文章并不是最早提出內(nèi)容策略這個概念的，卻是最早定義出內(nèi)容策略的核心、精神和目標(biāo)的。一夜之間，內(nèi)容擁護者們的共同訴求被賦予了一個名字。他們即將迎來一個新的時代，博客、播客和會議都圍繞著一個簡單的觀點來討論――“內(nèi)容很重要”。
響應(yīng)式Web的出現(xiàn)與此同時，一個身著黑色高領(lǐng)毛衣的男人出現(xiàn)了，并且煩覆了人們對互聯(lián)網(wǎng)接入設(shè)備的理解。在Web歷史上，我們第一次被迫接受這么一個事實:人們并不是只有坐在舒適的辦公室或起居室，使用高速的寬帶網(wǎng)絡(luò)，對著分辨率為1024像素×768像素的電腦屏幕時，才會去瀏覽網(wǎng)站。iPhone 的出現(xiàn)，使人們迎來了一個多分辨率、多功能、連接速度不穩(wěn)定以及多種輸入模式的多終端時代。作為開發(fā)者，我們不能再對用戶和他們用來瀏覽網(wǎng)站的設(shè)備做出任何假設(shè)。
為此，我們嘗試過很多解決方法。我們嘗試使用雙指縮放、雙擊縮放、直接顯示原網(wǎng)站，或者把移動設(shè)備重定向到一個精簡的便于移動瀏覽的“m.dot”網(wǎng)站。然而，沒有一個方案能夠真正解決問題。雙指縮放的操作不便于導(dǎo)航，尤其對于購買商品或注冊服務(wù)，而且增加移動流量意味著損失收益。雖然m.網(wǎng)站對移動設(shè)備更加友好，但是這樣就要求開發(fā)團隊去維護兩個獨立的網(wǎng)站。
很多m.網(wǎng)站被冷落了，它們也很難和PC版主站保持同步更新，或者部分功能缺失而迫使用戶切換到桌面設(shè)備，來做一些比獲得指引或者打個電話更復(fù)雜的事情。我們必須做出一些改變。雖然有些人覺得iPhone已經(jīng)過時，但是很明顯， Web 世界的未來在移動設(shè)備上。2010年5月25日，iPhone發(fā)布3年后，Ethan Marcotte在A List Apart 上發(fā)表了一篇題為“Responsive Web Design”的長文(http://alistapart.com/article/responsive-web-design）。這篇文章并沒有介紹新的學(xué)科知識，也沒有打出口號，讓困境中的開發(fā)者聚集起來;而是描述了一種創(chuàng)建新型網(wǎng)站的方式，這些網(wǎng)站可以根據(jù)用戶訪問設(shè)備的尺寸來做出響應(yīng)，并且調(diào)節(jié)自身大小來適配對應(yīng)的視口。響應(yīng)式 Web設(shè)計(responsive Web design,RWD）不是一種新科技，而是現(xiàn)有工具和技術(shù)的一個集合，包括以下內(nèi)容。
流式網(wǎng)格
用基于百分比的寬度代替固定像素的尺寸。
自適應(yīng)圖片
用100%寬度的圖片填充它們的容器，并且隨著視口大小的改變而改變。媒體查詢
允許對不同的視口大小使用不同的樣式，我們現(xiàn)在可以基于屏幕的大小來改變頁面布局。
在 Ethan發(fā)表這篇文章的幾年之前，所有的這些技術(shù)其實早就可以在瀏覽器中使用。不過，正如Kristina為內(nèi)容策略發(fā)起的號召，Ethan對RWD的描述清晰地定義了每個人都在迫切尋找的解決方案。網(wǎng)站建設(shè)公司認(rèn)為一篇簡單的文章，使 Web開發(fā)這個行業(yè)發(fā)生了變化。好了，
深圳網(wǎng)站建設(shè)公司本文關(guān)于“ 網(wǎng)站建設(shè)關(guān)于前端架構(gòu)設(shè)計解決方案詳解”知識就分享到這里，謝謝關(guān)注，博納網(wǎng)絡(luò)編輯整理。
