建站常識(shí)
對(duì)網(wǎng)站前臺(tái)架構(gòu)幾點(diǎn)分析
2006-07-21 09:31:00
我2000年開始接觸互聯(lián)網(wǎng)上的一些具體制作,那時(shí)候也有flash,5.0,也有Gecko,還在netscape里面沒獨(dú)立出來,也有xml、js、css,粗看下來環(huán)境變化并不大,但是直到今天,web前臺(tái)開發(fā)還有很多變化,還有很多新的技術(shù)問題有待解決,甚至開發(fā)一個(gè)網(wǎng)站的時(shí)候,前臺(tái)也需要一個(gè)架構(gòu)來描述前臺(tái)模塊之間的關(guān)系,復(fù)雜程度不亞于后臺(tái)。
回顧一下,我自己經(jīng)歷過幾次轉(zhuǎn)變。先是flash轉(zhuǎn)html,純flash是沒啥意思的。然后是嘗試純xml/xsl,這種代碼寫出來很有成就感,但是直到今天,還是有瀏覽器兼容的問題,而且也不知道搜索引擎會(huì)不會(huì)索引它。再后來是html里面的div取代table,引入css2,的確靈活了,似乎一直沒有像dreamweaver里面操作table一樣方便的layout搭建工具。最后這波就是ajax了,突破了web體驗(yàn)想象力的邊框,而且提供前后臺(tái)通過xml中間層徹底分離的能力。總的方向是,數(shù)據(jù)和表現(xiàn)分離,前臺(tái)和后臺(tái)分離。
這個(gè)過程中我們解決了一些問題,比如頁面寫好之后可以通過修改css更換它的style,無需頁面刷新就可以載入、保存數(shù)據(jù),同時(shí),也出現(xiàn)了新的問題,xhtml/css編寫難度提高了,xhtml代碼被js所取代,復(fù)雜的明顯提高了,SEO也出現(xiàn)了問題。
這些變化,改變了網(wǎng)站建設(shè)的工作流程和具體工作方式。原來做一個(gè)網(wǎng)站,策劃好每個(gè)頁面,然后美術(shù)設(shè)計(jì),然后制作成html,然后嵌入腳本,如果這個(gè)時(shí)候需求變更了,就麻煩了,制作人員和開發(fā)人員會(huì)手忙腳亂的調(diào)整已經(jīng)嵌入了腳本的html?,F(xiàn)在,策劃人員的工作首先就變了,原來死板的wireframe不適用了,我現(xiàn)在開始嘗試用虛線框來區(qū)分一個(gè)頁面中的多個(gè)表現(xiàn)階段。頁面制作出來以后可能也不是由制作人員首先做成html,而是前臺(tái)架構(gòu)師先設(shè)計(jì)一個(gè)架構(gòu),定義一些標(biāo)準(zhǔn),比如用不用frame,地址欄如何在ajax下面隨著頁面變化而變化,如何處理后退,哪些模塊的數(shù)據(jù)用ajax哪些需要載入頁面,等等,然后在這個(gè)架構(gòu)下,才開始頁面制作,甚至跳過頁面制作,js人員直接用代碼搞定,頁面制作人員只負(fù)責(zé)css。
說到這里,我還是對(duì)seo的問題念念不忘。有人說這是搜索引擎應(yīng)該考慮的問題,我們走自己的路好了,我不能接受,因?yàn)槲抑纏age rank上了8以后,能給一個(gè)網(wǎng)站帶來40%以上的額外流量,這里還不算會(huì)有多少新用戶會(huì)沉淀下來。所謂優(yōu)化,就是一種迎合的心態(tài),畢竟在這個(gè)階段,互聯(lián)網(wǎng)世界中搜索引擎?最大。這里我有一些思考,還沒經(jīng)過實(shí)踐。首先是google sitemap,多少應(yīng)該有點(diǎn)用途,不能太指望它;其次呢,是一種類似blogger.com的發(fā)布機(jī)制,再優(yōu)化一下,加入realtime和archive的概念。最新發(fā)表的帖子可以立即看,用的是realtime模式,動(dòng)態(tài)生成;過去的帖子在后臺(tái)已經(jīng)轉(zhuǎn)變成靜態(tài)頁面了,屬于archive模式,這樣一來,把后臺(tái)提供的xml數(shù)據(jù)顯示為頁面的工作就由前臺(tái)js轉(zhuǎn)移到了后面的發(fā)布server,很多關(guān)鍵的內(nèi)容頁面就可以靜態(tài)化了。(頁面中嵌script在apache下面運(yùn)行的方案不做討論,因?yàn)檫@樣的方案支撐不了海量訪問服務(wù))
這樣做會(huì)面臨一個(gè)問題,如果用戶修改了layout,一些div前后位置調(diào)整了,原來生成的archive頁面不適用了,怎么辦?可以先把a(bǔ)rchive清空,全部用realtime模式頂上,發(fā)布server閑的時(shí)候重新建立archive。嗯,似乎可以這樣搞定。
近期更新
- [2023-06-25 23:22:29] 優(yōu)秀網(wǎng)站設(shè)計(jì)的五大特點(diǎn)
- [2023-04-27 14:05:55] Html 5 響應(yīng)式網(wǎng)站設(shè)計(jì)制作
- [2023-04-10 11:07:30] 網(wǎng)站建設(shè)制作流程知多少
- [2022-10-14 10:11:30] 做網(wǎng)站設(shè)計(jì)應(yīng)該更看重框架搭建還是視覺觀感?
- [2022-08-09 15:57:48] 以“產(chǎn)品”思維搭建網(wǎng)站!
- [2022-08-08 09:12:57] 一家公司的網(wǎng)站應(yīng)該有哪些板塊內(nèi)容?
- [2022-08-05 09:28:06] 企業(yè)網(wǎng)站建設(shè)為什么要設(shè)置新聞板塊?
- [2022-07-04 15:58:06] 網(wǎng)站首頁設(shè)計(jì)的好看,這個(gè)網(wǎng)站就成功了一大半!
- [2022-05-20 09:34:19] 網(wǎng)站后臺(tái)管理系統(tǒng)是什么?有什么作用?
- [2022-05-17 11:29:32] 作為消費(fèi)者,應(yīng)該如何選擇一家水平高的網(wǎng)站建設(shè)公司
- [2022-05-17 11:27:01] 高端網(wǎng)站定制與模板化網(wǎng)站應(yīng)該怎么選擇?
- [2022-04-22 16:00:41] 現(xiàn)在高端的網(wǎng)站設(shè)計(jì)都有哪些新的趨勢(shì)?
延伸閱讀
- [2010-12-18 10:19:00] 4種巧用“數(shù)字”激勵(lì)用戶行為的方法
- [2020-11-25 15:03:59] 青島網(wǎng)站建設(shè)時(shí)如何選擇圖片?
- [2007-11-06 11:34:00] 如何讓界面內(nèi)容的優(yōu)化有層次
- [2009-06-19 08:29:00] 我們到底是不是產(chǎn)品經(jīng)理:給互聯(lián)網(wǎng)、軟件業(yè)者
- [2010-10-31 09:56:00] 網(wǎng)頁中的廣告牌設(shè)計(jì) :如何贏得用戶的注意力
- [2007-06-06 15:10:00] 用戶體驗(yàn)公式
- [2009-05-25 08:22:00] Axure動(dòng)態(tài)面板的使用
- [2011-10-20 23:32:36] 鮑爾默:必應(yīng)和谷歌搜索結(jié)果70%相同
- [2007-07-25 14:57:00] 網(wǎng)頁設(shè)計(jì)中的版式原理--比例
- [2007-11-22 23:04:00] 活動(dòng)網(wǎng)站點(diǎn)評(píng)之優(yōu)沛蕾益菌多
- [2011-11-03 23:00:53] 廣電總局叫停違規(guī)網(wǎng)站 網(wǎng)絡(luò)電視新規(guī)年底出臺(tái)
- [2010-03-31 12:06:00] 設(shè)計(jì)中的色彩:黃色
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計(jì)解決方案 機(jī)械行業(yè)網(wǎng)站設(shè)計(jì)解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 科技企業(yè)網(wǎng)站設(shè)計(jì)解決方案 電子家電網(wǎng)站設(shè)計(jì)解決方案 食品行業(yè)網(wǎng)站設(shè)計(jì)解決方案 集團(tuán)公司網(wǎng)站設(shè)計(jì)解決方案 企事業(yè)單位網(wǎng)站設(shè)計(jì)解決方案 外貿(mào)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 健身運(yùn)動(dòng)網(wǎng)站設(shè)計(jì)解決方案 美容與化妝品網(wǎng)站設(shè)計(jì)解決方案 建筑設(shè)計(jì)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 物流行業(yè)網(wǎng)站設(shè)計(jì)解決方案
TAGS關(guān)鍵字
網(wǎng)頁設(shè)計(jì) php程序 青島網(wǎng)站營(yíng)銷 網(wǎng)站品牌 企業(yè)網(wǎng)站建設(shè) 用戶界面 營(yíng)銷型網(wǎng)站 新的元素 官網(wǎng)網(wǎng)站建設(shè) 海信網(wǎng)絡(luò)科技 GOOGLE 企業(yè)網(wǎng)站為什么要備案 青島輪胎網(wǎng)站設(shè)計(jì) 空白和簡(jiǎn)潔的設(shè)計(jì) 網(wǎng)站設(shè)計(jì)資訊 審美 集團(tuán)官網(wǎng) 青島網(wǎng)絡(luò)公司 青島抖音小程序開發(fā) 網(wǎng)站規(guī)劃 手機(jī)端的網(wǎng)站 青島不錯(cuò)的英文網(wǎng)站建設(shè)公司 青島高端網(wǎng)站建設(shè)公司哪家好 英文網(wǎng)站建設(shè) 響應(yīng)式設(shè)計(jì) H5專題頁面 青島網(wǎng)站建設(shè)基礎(chǔ)知識(shí) IT資訊 網(wǎng)站的速度 手機(jī)網(wǎng)站建設(shè)