網頁設計教程(7):提高網頁製作效率

來源:互聯網
上載者:User

上一篇:網頁設計教程(6):要保持設計激情。

本來這第七章應該是針對設計中的層次、空間的技法及深層次的探討。但今天暖暖跟我哭訴她事情總是處理不完。加上今年3·4月份公司的一大堆生意的順利完成。以及那時候總結出的一些經驗。覺得效率這個問題還是很有必要跟大家分享分享的。時間倉促,分類不明確,還請見諒!

本文從三個方面著手,一個是企業網站的建設(教育政府類也歸納到企業網站裡),二是小型門戶網站的建設,三呢,我把平面廣告設計也順帶提一點。主要還是網站。

其實企業網站的工作量並不大,相信很多有經驗的同仁能夠把普通企業站可能用到的欄目一口報出來。在這裡我們換個角度來看待這些工作。從頁面的內容構成上來針對他們進行分類:

一:首頁。
這裡的設計含量是最高的。工作也是最繁複的。暫且不談設計。從ps版到html,到最後的整站。往往修改最多的就是首頁了。在這裡我要強調的是,從首頁開始,注意使用包含檔案

二:分頁。
分頁有幾類呢?在我看來,無非是list和view,列表頁和閱讀頁。list一般是新聞列表,或圖片列表。而view,則完全只需要一個!

所以,在構建一個普通的企業站的時候,上述三個頁面完成了,工作基本已經完成1/3了。還有程式,以及內容錄入。

純動態網站。內容錄入很簡單。但如果是有著大量靜態頁的網站,比如教育類和政府類的網站。當然,也有相當一部分原因是從公司角度或程式員角度來考慮,將簡介之類的很長時間才更新一次的頁面做成靜態。另外一種情況則是內容內包含大量的圖片、特殊符號、公式、表格等。哪怕是再強的編輯器編輯起來也很麻煩。使用dw效率可能會更高。到這裡,我的經驗才真正的表述出來。
    先說一下大量的文字錄入,先定義好你的P,記得縮排2em,因為很多人很注意這一點。也必須注意到這一點。相信大家都開著qq,大量的文字,無論是從word還是記事本,直接copy,貼到qq對話方塊裡再複製一次,去除多餘的東西,然後到dw的代碼狀態。記住,是代碼狀態粘貼。這個時候,代碼狀態依然保留了原有的段落,而預覽則是不分段的,這個時候,你的P,就開始大顯神威了。開始的地方<p>,結尾的地方</p>,中間的段落則複製"<p></p>"直接粘貼.不需要你再去按斷行符號,也不需要按著ALT+SHIFT+空格了!!!
  說表格,在編輯器裡插表格,效率總沒在DW裡高吧.好,那就在DW裡畫表格,然後複製代碼,到編輯器的代碼狀態去粘貼.效果那是一個好啊....
  說複雜的內容,有表格有特殊符號有公式有大量的文字有表格還有圖片.而且相當的長.怎麼辦呢?我向你推薦一個小軟體,叫FLASHPAPER,它可以直接在word內,將所有的內容轉換成一個帶捲軸的swf檔案.相當多的情況下,體積比你在dw裡一點一點編輯出來的html還要小.
    其實要說的是,代碼狀態操作,很多時候效率是最高的!
  如果客戶提供給你的內容,不全,或不完整,這種情況則不在我的考慮範圍內.這是前期工作.如果不知道怎樣處理合適,請翻閱我的前六章內容.

***************************講述製作與設計的分割線*****************************

其實呢,有很多同仁花在設計上的時間是最多的。而企業網站一般也沒多少內容。我想,你看一下我的網頁設計進階系列的前四章。會對你的設計有很大的協助。其餘的不再做贅述。只是再強調一下積累。只有不停的積累,才會不斷的進步。第四章關於素材裡,我這樣說過:

當你看到某一張圖片的某一個部分,腦袋就開始閃光,你發現你可以完全從這一部分出發設計出一套的東西。

當你接到一個任務,腦袋就像硬碟一樣,把你機器裡跟這個任務相似類似的甚至可以直接拿過來用的那些內容自動打包。

當你要做某樣東西,你的硬碟裡哪些可用的字型哪些可用的花紋哪些的可用的小表徵圖自動浮現在你的腦海裡。

當你要做某樣東西,這個時候你在趕路,你在騎車,你立刻就能想到哪個哪個網站上什麼什麼素材可以拿過來用。

當你看到某個站,你可以立刻進行引申,張口就說出哪個哪個站跟這個結構類似,哪個哪個站跟這個風格接近。。。


這幾條都能做到了,設計對你來說還是難事嗎?

設計,其實是一個不斷積累的過程。

***********************特彆強調的分割線************************

再強調一句,包含檔案,可以再包含一個甚至多個包含檔案........理解這句話,會讓你在做那些靜不靜動不動的網站的時候省很多力氣!

***********************網站設計的根本的分割線*********************

這個話題我以後會更深入的探討。網頁設計的那點事。無非是圖文混排的那點事。

*****************************************************



相關文章

E-Commerce Solutions

Leverage the same tools powering the Alibaba Ecosystem

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。