腾讯分分彩独胆二期
智軟工作室主要是為寧波公司提供寧波網站建設,寧波網站制作,寧波做網站公司,寧波外貿網站建設公司,寧波網站優化等項目,以優質的服務,優惠的價格,深的客戶信賴。相信有你的加入我們的明天會更有動力!期待與你合作!
  • 寧波智軟設計工作室,打造寧波網站制作工作室頂級品牌
  • 智軟擁有專業的設計團隊
  • 多年網站建設團隊為你服務
  • 智軟期待與你合作
  • 我們的技能
  • 我們掌握的技能有:dreamweaver,flash,photoshop
  • 寧波高端網站建設服務公司
    2014已經悄然到來,在新的一年我們恭賀所有客戶事業蒸蒸日上,同事慶祝智軟設計工作室成立5周年,在5周年為眾多客戶提供了保質量的網站設計與網站制作。 我們在新的一年質量與服務將會更加進一步為更多的客戶帶來高端的網站設計與服務!期待與你合作
  • 企業網站制作建設原因與服務介紹

    智軟設計工作室多年為寧波企業網站制作建設服務一直以來我們以最優惠價格,最優質的質量,最突出的設計!得到了客戶的一致認可,我們的服務包括:寧波網站設計,寧波網站建設,寧波網站制作,寧波網站優化,寧波英文網站制作我們會以優質的服務,最低的價格來報答客戶!

  • 點擊鏈接網站優化推廣介紹

    點擊連接網站優化推廣-對企業的網站優化和網站推廣--對企業的重要性-點擊進行詳細了解

  • 2014開幕,寧波網站設計服務全面優惠.

    2014開幕,寧波智軟設計為寧波企業提供更加優秀的設計和實惠的價格

  • 鏈接到網站案例展示平臺
    智軟設計工作為寧波客戶網站設計案例展示平臺-案例均為定期更新,讓新老客戶更好的看到我們做的案例,點擊查看我們做的網站案例吧!
  • 我們寧波網絡公司提供網站一站式解決方案
    智軟(寧波網絡公司)幫你輕松解決網絡問題,網站一站式解決方案
你當前的位置:智軟工作室 > 營銷與網絡 >

大型網站制作與后期的維護重點與技巧

2010-08-29 16:28

很不錯的一篇文章,很好的總結了大型網站設計和維護中會遇到的問題,并提出了相應的解決辦法(建議),Dream覺得對中小型網站也同樣適用。

項目范圍和規模各不相同,他們帶來的挑戰各不相同一樣。作為一個獨立的網頁設計師,我最大的職責就是負責FlashDen。隨著成千上萬的活動用 戶聊天,上傳和購物,網站處理著大額的金錢和巨大的流量。 設計,重構,維護和開發團隊的工作給了我一些能使事情變得更容易的用用的見解和技巧。而且,就在昨天,我們開始了對網站最大的一次重構,著看上去是一次很 好的機會來記錄我最有用的7個秘訣。

一、可維護的設計和代碼

我給的第一條也是最條一條秘訣是設計站點保證可以輕松維護。很多時候,當你設計一個站點,你可能為了美學犧牲一些東西。例如,你可能使用一個圖片而文 字或者樣式就可以應付。或者你可能故意使用一個沒有空間縮放的菜單結構。當網站變大時,這將將成為一個非常糟糕的設計。當我兩年前建成FlashDen的 第一個版本時,我使用圖片按鈕。他們看起來很漂亮,但同時我被100多個不同的按鈕圖片庫拖累著,更談不上修改圖片了。之后在接下來的幾個月中,當一個開 發者需要一個新按鈕時候他們向我要一個新圖片。不用說,我學到這個教訓很快,我們切換到一個單獨的按鈕類,雖然看上去不是很好,但是這種情況更能安心。可 維護性的另一面是考慮站點將會怎樣成長和變化。比如,當一個新頁面增加時,它到哪里去?我一直想要一個橫向的導航欄,但是經過一些嘗試,我們限制地使用了 加入子欄目的垂直的導航欄,從而加入一個標簽結構到頁面來保證相關的頁面能被歸類到一起。我不敢說這是世界上最好的導航欄,但是它肯定能夠讓我們不用重新 設計在一個新的節點加入網站的時候。所以當你在設計大型站點時候,設法讓它變得簡單,你會為此而感到高興的!

二、找出你的用戶群和任務

大型網站網站和小型站點的最大一個區別就是使用網站的不同用戶類型的數量。例如在FlashDen上,有買家、作家、訪客、管理員和會員。每個用戶組 都有他們各自不同的目標和任務。有時候他們的任務重疊,但是他們有很大的不同。一個地方的用戶任務在相互對立的觀點最好的例子是在一個網頁。網站上沒有任 何一個地方不銜接的每個用戶組,并在其他地方是如此的重要,以確保每個人都會有他們想要的。當然,你要小心,在服務一個用戶組你不忽略另一個。在這次最新 一次FlashDen重新設計時候,我所作工作最大的地方是主頁。我做的第一件事情是給自己列出每個用戶組需要做的事情:

1、買家 – 在FlashDen上購買文件的人

瀏覽項目,搜索,訪問他們的個人主頁,存款,學習使用網站(新買家)

2、作者 – 在FlashDen上賣商品的人

與其他會員聊天,在主頁上展示他們項目的功能,了解網站的新聞,快速的獲取他們的投資搭配和收益

3、新訪客 – 潛在的買家/作者/會員,剛到站點的人

快速了解到站點是干嘛的,起步教程,查看不同類別的文件和價格

4、會員 – 不是真正的買家或作者,而是在社區中活躍

和其他會員聊天,查看站點新聞,瀏覽文件

5、管理員/審稿人 – 我們的工作人員,管理文件的批準,主持論壇,參與大部分活動

快速批準文件,查看最新論壇主題,添加站點新聞

當你知道不同的用戶群體想要做什么,那么你可以設計一個網頁,解決了他們所有的需要。不用說,這是隨著用戶組和任務數量指數級增加的困難的任務。在該 網站的其他網頁,你會經常為部分用戶組而苦惱,而在主頁上,他們卻又都集中在一起。不用懷疑,主頁是你設計一個網站時候最重要的一項工作。在你解決不同需 求之前,你需要先考慮用戶群。為了做到這個,你需要了解該網站是要實現的目標。

三、了解網站目標

雖然每個用戶組會很自然地認為他們是最重要的,但是你應該根據他們的優先度來判別站點要實現的目標。比如在FlashDen上,我們給候補人員列出下面幾條結論:

1、該網站的首要任務是為買家服務。為買家服務可以帶來不斷的收入,同時也可以為作者群服務。

2、讓游客更快的了解網站進而成為會員也是至關重要的。FlashDen還處在一個比較新興的市場,不斷有新競爭對手出現,如何將注冊會員變成買家或者作者是相當重要的。

3、創作者是FlashDen的核心部分,他們也是非常重要,和其他用戶群不同的是,他們是網站堅定的擁護者。

4、注冊會員雖然沒有創作者或者買家這么重要,但是他們也在為周邊的社群作出貢獻。

5、作為雇員,管理員/審稿人是相對最不重要的。

因此,從以上所說可以得出結論,網站服務的的用戶需求優先順序:訪客>買家>作者>成員“>管理員。認識你的網站正在努力實 現的卻是最終用戶線程的縫制任務一起,并告訴你什么你應該嘗試把頁面上。理解你的網站目的可以把你的所要作的任務貫穿在一起,并且能告訴你應該在頁面上放 些什么東西。在每個關鍵性頁面你要能區分識別出用戶組、任務和優先級別。對于重要的頁面比如主頁我慎重的在紙上設計,而一些小的頁面則是在腦子里面思考一 下。

四、設計,精煉,精煉,精煉 …

在你找到你的用戶組別,任務,網站目標,優先級別等等之后,到了設計的時間了!這是至關重要的步驟,因為在實際操作中,這一步可以大幅降低一些將必要 的返工設計工作量。每當我剛開始設計并沒有真正分析第一大網站,我已不可避免地要大量的返工,甚至整個屏幕交互界面。很多設計師喜歡在這點用線框,這可以 簡單地用線條和框勾勒大約內容應該顯示的地方。我個人更喜歡一開始用Photoshop,因為我速度不夠快,這樣能讓我細致地看到細節的改變。我也認為詳 細細節信息設計比在紙上顯示更直觀。簡單地改變顏色和背景顏色可以使整個網頁頁面元素立馬看上去更為重要。一旦你有一個怎樣的信息需要共同努力粗略的想 法,你應該拿出一個工作的設計,一般是確定,然后再精煉,精煉,精煉。我經常會起草5到6相同的外觀,然后在之上嘗試不同類型、大小、圖像,布局的改動, 背景等等,看看你對它的直觀感受。不管你覺得第一個布局有多好,我可以保證,在花費一段時間進行數次版本升級之后,你會發現了你原來的版本不是和你最初想 到的那么好。有時你甚至拋棄整個設計并重新開始。而如果你有一個良好的基礎,然后精煉細化能讓你有一個漂亮的成果。

五、聽取別人的意見,自己下最后的主意

任何一個大型的工作中,你都會被其他很多意見所影響。在開始FlashDen工作之前,我曾經與各種網站設計公司合作。期間我也有不幸設計一些大型保 險公司和一些政府組織。我說不幸,因為當你到該客戶和牽扯很多利益的人打交道,同時在許多當時還不清楚真正的決策權的情況下作出錯誤決策。這會導致無休止 的會議,無窮無盡的變化,并極大的混淆你的眼光。不管是什么用戶,真正重要的只是得到他們的意見。在大多數情況下,他們比你更知道了很多與業務有關的事。 但愿他們比你還了解用戶,這些知識將能夠向你提供建設性的意見。得到與你一起工作的開發團隊的意見也同樣重要。在FlashDen我們很幸運,因為有兩個 開發者在用戶界面和可用性設計方面經驗豐富。隨著他們的投入,和其他團隊成員,向最終的產品提出了很多不同的想法。但到最后,就是你這個設計專家作出最后 決定的時候了。如果你有一個難對付的客戶這可能會非常棘手,因為這些客戶往往認為他們應該作最后的決策。如果是這樣的話,你需要想辦法向他們解釋,灌輸并 且展示出你的選擇會帶來最好的收益。;有時候硬著頭皮把客戶的意見接受,并作為項目中的一個長期建設性功能。

六、為將來做組織

當您為一個大網站編碼設計時,它是真正重要的是反復思考未來的變化。如何管理您的文件和文件夾將極大地影響之后的工作。例如最近我們決定建立一個著重 音樂的FlashDen的姊妹網站,即AudioJungle。為了簡化,這個網站是將使用相同的HTML,只是改變樣式來使它看起來像一個不同的網站。 這里有一些事情要記住:

1、整理一個良好的文件夾結構

腳本,樣式表,界面的圖片,圖片內容,等等,都需要分開存放。如果一個小網站,你也許可以把這些東西雜糅到一起,但在大型站點中,找到你需要的內容變得更為重要。

2、給你的文件使用有規則、良好的命名規范

沒有什么比按名字 “gd_l3.jpg”尋找一塊圖片更為糟糕。你怎樣做即基本是個人的事,但我覺得使用通用命名描述性文件名的前綴會有更大的幫助。比如:我可能會給頭部 的每張圖片加上前綴‘header_’,每一個背景加上‘bg_’,頭部菜單中的背景可能稱為‘header_bg_menu.jpg’。

前綴有一個好 處,當您的文件按名稱排序,他們都出現在一起。

3、使用Subversion

這是被我們的開發人員逼得,但幸虧我們用了 它!Subversion可以跟蹤文件和檔案的變更,同時可以防止覆蓋其他設計者/開發者在同一個項目中的文件。這需要一些時間來適應,但即使沒有開發者 使用它的原因,在HTML / CSS的設計上用它也是值得的。還不知道Subversion?趕緊去使用吧。

4、在你寫HTML和CSS深入思考寫法

很容易寫出垃圾HTML和CSS代碼,而且很難清除它們來獲得原先版本。經過4個重設計,我仍然使用很多相同的CSS文件,必須規劃地清理不再使用的或者帶來混淆布局定義CSS類。通過大量的意見,甚至可能是多個樣式表,并確保你有良好的命名風格!

5、早點開始瀏覽器差異兼容工作

我在FlashDen這方面的工作聽失誤的,至 今我們已經為此付出了很大的代價。我最初的布局設計在IE7上,直到我們完成整個網站才發現忽略了IE6。之后我們已經加入IE瀏覽器條件式,和CSS Hack和其他解決方法。在你建立一個龐大的站點時候,在頁面上只有少量元素時候可以更輕松的處理瀏覽器兼容性,,所以不要重蹈覆轍!

七、確保可以簡單的擴展你的樣式表

網站越大,設計師就越有可能看到或修改每一個單獨頁面。如果你是一個大型網站上唯一設計師 – 比如我 – 你可能不想在每個頁面上重定義。因此,多花精力在樣式表上,可以通過默認的屬性讓頁面看起來不錯。

1、確保你定義了《input》,《strong》等元素的默認樣式。

這樣的頁面可以自動呈現的不錯。如果你想指望別人做《strong》這樣的事情,那么不可避免的會和其他頁面產生差異

2、創建可讓開發人員重復使用的元素

比如在FlashDen上我們有一個CSS表類稱為“general_table”,可以確保一個不錯的填充數據時候使用的樣式。當我有機會設計網頁樣式時候,我可以使用個性的表和數據高亮呈現的類型,但是很少會有開發人員吧頁面制作成全能的樣式去使用。

3、請確保您的網頁布局有一個不錯的結構,即使他里面只有文字。

總是會有些網頁還沒能往里面添加圖像,可能看起來有點沉悶。通過使用諸如標題樣式,工具條等等,你可以確保他們也很美觀,并且有一定的視覺風格。有關FlashDen在大多數例子中,我們文本塊總結如下:

<fieldset>
<legend>Heading</legend>
Content
</fieldset>

默認情況下,文字外面包圍著一個漂亮的邊框和標題。這樣很容易和開發人員協調工作,文字和表現有了不錯的分離,使之看起來更具可讀性。我們同時也有一 個側邊欄組件,僅僅把文字內容額外包起來,但是這能使網頁看起來更加直觀。經過設計師的設計,每一個頁面基本都是優化過的,但是他們可能不是那么健壯,它 仍然看起來很專業和統一。

更多

【責任編輯:小戴工程師】

關鍵字: 重點 技巧 大型網站制作

上一篇:網頁設計師必看-字體藝術-看完靈感涌動 下一篇:網站設計潮流之以少勝多-交互凸顯

最新文章

2010-08-29 16:28

相關文章

2010-08-29 16:28
網站制作咨詢:
QQ:277728291
電話:18668277799
郵箱:[email protected]
期待你來電咨詢
回頂部
Copyright 2010 智軟工作室 版權所有    智軟為寧波公司提供最優惠的網絡服務【寧波網站建設,寧波網站制作公司,寧波做網站公司,寧波外貿網站建設公司】我們竭誠為你服務!
腾讯分分彩独胆二期 七乐彩开奖结果今天晚上 炸金花可提现1元1金币 手机单机麻将游戏下载 股票指数期货交割 重庆时时彩龙虎和诀窍 ag亚游游戏平台 幸运农场走势图 股票融资余额和融资买入 大发快三大小单双技巧 街机奔驰宝马九游版 棋牌斗地主现金手机版 百练赛倾家荡产 红马甲炒股软件 全年无错36码特 千炮捕鱼无限金币经 重装机兵2青蛙赚钱赚钱