建站常識
關于頁面制作角色的思考
2007-10-25 12:18:00
自己現(xiàn)在的崗位是頁面制作,由于種種歷史的原因,頁面制作這個崗位不怎么被人重視,覺得這份工作很簡單,沒什么難度?;蛘吆艿图?,沒有自己的想法,只是把設計稿變成了網(wǎng)頁。不涉及編程,不涉及設計,沒有自己的想法,很可能在某些公司被開發(fā)或者設計人員兼任著。
到底頁面制作這個崗位在做什么?能做什么?做到了什么?憑自己的想法和經(jīng)歷,整理了一下,見下圖:
應要求附上源文件:
Click Here To Download
我是從四個方面去考慮的:
第一:用戶
面對用戶,我需要做的當然是完全的還原ui稿給用戶,也就是把UI稿做成網(wǎng)頁呈現(xiàn)給用戶。而準確的說是呈現(xiàn)交互和視覺感受,交互邏輯,信息構(gòu)建和視覺設計,這個的重要性最高,也是必須完成的。呈現(xiàn)的平臺就是可以解析網(wǎng)頁的軟件,需要呈現(xiàn)的平臺是存在產(chǎn)品用戶的那部分平臺,更多的是Windows下的IE5.5,IE6.0,IE7.0,少量的Firefox,Opera,后兩個瀏覽器沒有限定版本,因為他們可以很容易更新。支持到最新版本即可。
其次是附加的用戶體驗,網(wǎng)頁的打開速度很重要,如何減少文件和圖片的字節(jié),如何根據(jù)流量去批量加載文件,整合css文件和圖片,降低http連接數(shù),網(wǎng)頁內(nèi)容是文本呈現(xiàn)(看似很白癡的一點,可是有些網(wǎng)頁真的把正常網(wǎng)頁能呈現(xiàn)的文字放在圖片中)。鏈接的動態(tài)表現(xiàn)形式,鼠標劃過,點擊后的等效果(UI稿不會有的),表單的可用和易用,如焦點,表單字體顏色,大小,下拉表單的分組等,優(yōu)先顯示重要內(nèi)容,也就是html中寫在前面。需要長時間閱讀的文字可支持縮放。再就是一些對于我不是很重要的部分,想親和力,可轉(zhuǎn)化為pdf格式,有需要打印的可打印,異狀處理,像圖片沒加載有信息提示,樣式?jīng)]加載的內(nèi)容可讀性等等
第二:信息數(shù)據(jù)
海量的網(wǎng)站和網(wǎng)頁,誕生了信息的檢索和篩選工具,那就是搜索引擎,而且搜索引擎已經(jīng)成為用戶上網(wǎng)找資源的一個必用工具,面向搜索引擎的關鍵字排名優(yōu)化是很有必要的,IBM技術文檔的數(shù)據(jù)說明大概有30%的訪問量是來自搜索引擎的。
搜索引擎排名優(yōu)化的關鍵是內(nèi)容,也就是上面提到的信息構(gòu)建,如何提供有價值的而且易于訪問的內(nèi)容。手段是HTML編碼——搜索引擎信息數(shù)據(jù)的來源,爬蟲可以輕松的獲取html中重要的信息數(shù)據(jù),如
第三:開發(fā)者或者是開發(fā)流程
你的網(wǎng)頁是要交給開發(fā)的,開發(fā)根據(jù)產(chǎn)品的功能進行開發(fā),包括一部分的前臺腳本。你的網(wǎng)頁是否方便開發(fā)人員加程序(表單驗證,分頁的數(shù)據(jù)等),這也是需要思考和做到的,還有特殊表現(xiàn)方式的處理,如鼠標劃過事件相應,tab切換,下拉菜單,浮出層,拖拽等動態(tài)交互效果。特殊的字符處理(如特殊字符換行,防止長字符撐大容器的截字處理)。
面對產(chǎn)品需求的臨時變更,版本迭代的變更,也要做到可以容易的應對和維護,開發(fā)模式和效率上需要思考代碼的復用和多人協(xié)同開發(fā)。
第四:成本
流量和服務器是成本,你可以做到部分的降低這些成本,減少文件的字節(jié),減少連接數(shù)和并發(fā)連接數(shù)。
頁面制作和web標準
雖然《網(wǎng)站重構(gòu)——designing with web standards》提到web標準涉及結(jié)構(gòu),表現(xiàn),行為的分離,WAI(網(wǎng)站內(nèi)容可訪問性)可是大部分的讀者和推廣者還是更多的在結(jié)構(gòu)和表現(xiàn)上面學習和實踐著,我也在圖上用關聯(lián)線段標明了結(jié)構(gòu),表現(xiàn)與以上四點的一些關系,結(jié)構(gòu)更多的是面向信息數(shù)據(jù)的,表現(xiàn)更多的是面向還原UI稿的,當然不是很準確,本身結(jié)構(gòu)也是UI稿的一部分,可以說是將UI稿分成了結(jié)構(gòu)和表現(xiàn)兩個部分。
以上四個方面開看,這個崗位不是傳統(tǒng)認為的那么簡單和可替代性,從語言的角度要求必須熟練掌握兩種語言html和css,以及當前的瀏覽器版本,瀏覽器類型和設備對這兩種語言的兼容性。其次是性能優(yōu)化的方法和SEO的知識,再次是開發(fā)效率的提升。如果有哪位開發(fā)或者UI想兼職它,我也不介意,可能您的能力的確夠強。
而我期待的是這樣一個崗位,web前臺開發(fā),網(wǎng)頁制作和前臺Javascript腳本開發(fā)。第一更有挑戰(zhàn)性,第二時代的要求,富客戶端的要求,前臺腳本越來越重要,越來越復雜。第三,崗位更具不可替代性。
有不準確和遺漏的地方,歡迎您回復指正和補充。
近期更新
- [2023-06-25 23:22:29] 優(yōu)秀網(wǎng)站設計的五大特點
- [2023-04-27 14:05:55] Html 5 響應式網(wǎng)站設計制作
- [2023-04-10 11:07:30] 網(wǎng)站建設制作流程知多少
- [2022-10-14 10:11:30] 做網(wǎng)站設計應該更看重框架搭建還是視覺觀感?
- [2022-08-09 15:57:48] 以“產(chǎn)品”思維搭建網(wǎng)站!
- [2022-08-08 09:12:57] 一家公司的網(wǎng)站應該有哪些板塊內(nèi)容?
- [2022-08-05 09:28:06] 企業(yè)網(wǎng)站建設為什么要設置新聞板塊?
- [2022-07-04 15:58:06] 網(wǎng)站首頁設計的好看,這個網(wǎng)站就成功了一大半!
- [2022-05-20 09:34:19] 網(wǎng)站后臺管理系統(tǒng)是什么?有什么作用?
- [2022-05-17 11:29:32] 作為消費者,應該如何選擇一家水平高的網(wǎng)站建設公司
- [2022-05-17 11:27:01] 高端網(wǎng)站定制與模板化網(wǎng)站應該怎么選擇?
- [2022-04-22 16:00:41] 現(xiàn)在高端的網(wǎng)站設計都有哪些新的趨勢?
延伸閱讀
- [2010-06-22 08:21:00] 互聯(lián)網(wǎng)產(chǎn)品設計之人物角色
- [2007-01-30 16:42:00] 影響SEO的頁面制作細節(jié)
- [2007-01-19 10:17:00] 頁面制作人員的修練之道
- [2010-05-13 08:14:00] Web人物角色介紹
- [2006-11-09 15:10:00] 頁面制作的重要性
解決方案
輪胎行業(yè)網(wǎng)站設計解決方案 機械行業(yè)網(wǎng)站設計解決方案 房地產(chǎn)行業(yè)網(wǎng)站設計解決方案 科技企業(yè)網(wǎng)站設計解決方案 電子家電網(wǎng)站設計解決方案 食品行業(yè)網(wǎng)站設計解決方案 集團公司網(wǎng)站設計解決方案 企事業(yè)單位網(wǎng)站設計解決方案 外貿(mào)行業(yè)網(wǎng)站設計解決方案 健身運動網(wǎng)站設計解決方案 美容與化妝品網(wǎng)站設計解決方案 建筑設計行業(yè)網(wǎng)站設計解決方案 物流行業(yè)網(wǎng)站設計解決方案
TAGS關鍵字
頁面設計 響應式設計 膠南網(wǎng)站建設公司 網(wǎng)站建設,手機網(wǎng)站 力圖 集團性網(wǎng)站 GOOGLE 企業(yè)建站 網(wǎng)站優(yōu)化 中小型企業(yè)網(wǎng)站建設 css 網(wǎng)站SEO 高端網(wǎng)站設計 HTML5 如何做網(wǎng)站優(yōu)化 企業(yè)網(wǎng)站建設 網(wǎng)站規(guī)劃 高端輪胎網(wǎng)站設計 青島網(wǎng)站建設基礎知識 微網(wǎng)站 青島輪胎網(wǎng)站設計 robots 青島SEO 青島網(wǎng)站建設公司哪家好 青島開發(fā)區(qū)建站公司 微官網(wǎng)帶來的好處 視覺靈感 網(wǎng)頁設計 交互設計 企業(yè)網(wǎng)站設計