高效編寫網(wǎng)頁代碼

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

其實企業(yè)站點的工作量并不大，相信很多有經(jīng)驗的同仁能夠把普通企業(yè)站可能用到的欄目一口報出來。在這里我們換個角度來看待這些工作。從頁面的內(nèi)容構(gòu)成上來針對他們進(jìn)行分類：

一：首頁。 這里的設(shè)計含量是最高的。工作也是最繁復(fù)的。暫且不談設(shè)計。從ps版到html，到最后的整站。往往修改最多的就是首頁了。在這里我要強調(diào)的是，從首頁開始，注意使用包含文件。

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

所以，在構(gòu)建一個普通的企業(yè)站的時候，上述三個頁面完成了，工作基本已經(jīng)完成1/3了。還有程序，以及內(nèi)容錄入。

純動態(tài)的站點。內(nèi)容錄入很簡單。但如果是有著大量靜態(tài)頁的站點，比如教育類和政府類的站點。當(dāng)然，也有相當(dāng)一部分原因是從公司角度或程序員角度來考慮，將簡介之類的很長時間才更新一次的頁面做成靜態(tài)的。另外一種情況則是內(nèi)容內(nèi)包含大量的圖片、特殊符號、公式、表格等。哪怕是再強的編輯器編輯起來也很麻煩。使用dw效率可能會更高。到這里，我的經(jīng)驗才真正的表述出來。 先說一下大量的文字錄入，先定義好你的P，記得縮進(jìn)2em，因為很多人很注意這一點。也必須注意到這一點。相信大家都開著qq，大量的文字，無論是從word還是記事本，直接copy，貼到qq對話框里再復(fù)制一次，去除多余的東西，然后到dw的代碼狀態(tài)。記住，是代碼狀態(tài)粘貼。這個時候，代碼狀態(tài)依然保留了原有的段落，而預(yù)覽則是不分段的，這個時候，你的P，就開始大顯神威了。開始的地方＜ｐ＞，結(jié)尾的地方＜／ｐ＞，中間的段落則復(fù)制＂＜ｐ＞＜／ｐ＞＂直接粘貼．不需要你再去按回車，也不需要按著ＡＬＴ+ＳＨＩＦＴ+空格了?。?！ 說表格，在編輯器里插表格，效率總沒在ＤＷ里高吧．好，那就在ＤＷ里畫表格，然后復(fù)制代碼，到編輯器的代碼狀態(tài)去粘貼．效果那是一個好啊.... 說復(fù)雜的內(nèi)容，有表格有特殊符號有公式有大量的文字有表格還有圖片．而且相當(dāng)?shù)拈L．怎么辦呢？我向你推薦一個小軟件，叫ＦＬＡＳＨＰＡＰＥＲ，它可以直接在ｗｏｒｄ內(nèi)，將所有的內(nèi)容轉(zhuǎn)換成一個帶滾動條的ｓｗｆ文件．相當(dāng)多的情況下，體積比你在ｄｗ里一點一點編輯出來的ｈｔｍｌ還要?。?其實要說的是，代碼狀態(tài)操作，很多時候效率是最高的！ 如果客戶提供給你的內(nèi)容，不全，或不完整，這種情況則不在我的考慮范圍內(nèi)．這是前期工作．如果不知道怎樣處理合適，請翻閱我的前六章內(nèi)容．

**************************************講述制作與設(shè)計的分割線**************************************

其實呢，有很多同仁花在設(shè)計上的時間是最多的。而企業(yè)站點一般也沒多少內(nèi)容。我想，你看一下我的網(wǎng)頁設(shè)計進(jìn)階系列的前四章。會對你的設(shè)計有很大的幫助。其余的不再做贅述。只是再強調(diào)一下積累。只有不停的積累，才會不斷的進(jìn)步。第四章關(guān)于素材里，我這樣說過：

當(dāng)你看到某一張圖片的某一個部分，腦袋就開始閃光，你發(fā)現(xiàn)你可以完全從這一部分出發(fā)設(shè)計出一套的東西。

當(dāng)你接到一個任務(wù)，腦袋就像硬盤一樣，把你機器里跟這個任務(wù)相似類似的甚至可以直接拿過來用的那些內(nèi)容自動打包。

當(dāng)你要做某樣?xùn)|西，你的硬盤里哪些可用的字體哪些可用的花紋哪些的可用的小圖標(biāo)自動浮現(xiàn)在你的腦海里。

當(dāng)你要做某樣?xùn)|西，這個時候你在趕路，你在騎車，你立刻就能想到哪個哪個網(wǎng)站上什么什么素材可以拿過來用。

當(dāng)你看到某個站，你可以立刻進(jìn)行引申，張口就說出哪個哪個站跟這個結(jié)構(gòu)類似，哪個哪個站跟這個風(fēng)格接近。。。

這幾條都能做到了，設(shè)計對你來說還是難事么？

設(shè)計，其實是一個不斷積累的過程。

*********************************************特別強調(diào)的分割線************************************

再強調(diào)一句，包含文件，可以再包含一個甚至多個包含文件........理解這句話，會讓你在做那些靜不靜動不動的網(wǎng)站的時候省很多力氣！

****************************************網(wǎng)站設(shè)計的根本的分割線************************************

這個話題我以后會更深入的探討。網(wǎng)頁設(shè)計的那點事。無非是圖文混排的那點事

本文來源于成都網(wǎng)站建設(shè)公司與成都網(wǎng)站設(shè)計制作公司-創(chuàng)新互聯(lián)成都公司！

網(wǎng)頁標(biāo)題：高效編寫網(wǎng)頁代碼
本文鏈接：http://muchs.cn/news43/320993.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站設(shè)計、定制網(wǎng)站、、關(guān)鍵詞優(yōu)化、用戶體驗、虛擬主機

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)