CSS標準系列建立自己的操作標準

2024-07-11 08:20:21

字體：大中小

來源：轉載

供稿：網友

　　
　　當我們都在投入WEB標準的行列時，我們時常聽到這樣的聲音：“太慢了，制作這樣的一張頁面我需要花費比以前多數倍的時間?！辈捎脴藴适遣皇钦娴臅屇愕闹谱髯兊煤苈?？我的回答是“不一定，這完全取決于你從什么樣角度去看，并且沒有找到快速操作的方式方法。”

　　首先我們要確定的是：新的制作方式是把我們從“所見即所得”軟件制作中拉到“代碼編輯者”行列。我們現在需要對每一個XHTML標簽都要有所了解，對他們的特性都要有所熟悉！而以前我們只需要躲在軟件的后面。

　　我們現在站在路口，是我們選擇的時候了！向標準？還是向傳統？對于事物的取舍需要分析事物的可發展性，與先進性。標準是主張代碼標準而清楚，主張樣式于數據的分離。

　　從這一點上來分析：代碼的清楚與標準化，是為了方便網站內的信息共享，也就是說代碼清楚而標準的網站更加輕易被收索引擎搜索得到，并且可以移植到其它顯示設備中。而數據與樣式的分離則表明網頁制作的分工變得越來越清楚。美工只要專注與美學方面就可以了！制作人員只需要了解如何實現美工的作品，而程序員只要把代碼與數據輸出。

　　光是這兩點我們已經可以放棄傳統模式了！更何況我們還可以省下購買Dreamweaver的錢！但是我們總是會碰上困難――開發速度！

　　要知道，我們以前的開發速度得益于我們對Dreamweaver的熟練，與我們對表格布局的了解，以及我們對細節的忽略。大家可以把以前的作品拿出來與設計圖比較一下是不是很多地方“大小長短”都與一開始設計得不一樣了？當然打擊傳統的弱點并不能讓我放棄傳統，我們需要拿出可以比傳統制作方式更快，更精確，更易于治理的方法。而今天我就是來表述我的觀點！

　　當我在開始學習標準之初我就在想著如何讓我的工作量更加的少！減少沒有必要的重復勞動，是美德。我發現我們制作網頁在網頁代碼中我們有很多都是一樣的！比如是頭文件，有時我們的布局看來看去也只是那十幾個布局方式，而我們所用的標簽常用的也只有十幾個，當我們對于布局熟悉之后我們對于XHTML的編排也有了更為清楚的熟悉。好了，看我是怎么做的：(提醒：就算我們是代碼編輯者我們也需要一個很好的代碼編輯工具。我用的是Editplus)

　　1、整理好一個標準的XHTML文件。這個文件里有DTD,HEAD,BODY等等，在HEAD中我們把每次都要填寫的信息都加入其內，這個就是我每次生存網頁的模板！

　　2、在Editplus中把一些常用的標簽都事先制作放在Editplus的剪貼庫中！

　　3、在Editplus中把一些常用的CSS也事先做好放在剪貼庫中

　　4、分析出常用的幾種網頁布局，然后制作成XHTML代碼，存放在剪貼庫中

　　5、制作自己的CSS常用ID與CLASS名稱集，最好全面一點

　　6、在CSS中需要把常用的一些CSS命令制作成為合集，比如：“網頁居中”，“橫向導航”，“表單樣式”等，在CSS中的BODY與的DIV的ID或是CLASS的CSS命令就合為一個放在剪貼庫中

　　在實際操作中還會有更多的可以減少的重復勞動，這就需要我們在工作之余去思考如何解決這個問題。同時我們還可以把代碼盡可以寫得相似，這樣在我們移植到其它地方時這些代碼依然可以不作修改地使用！
　　

上一篇：CSS標準系列建立自己的命名標準

下一篇：CSS比表格更難嗎？