|
為什么要進(jìn)行“標(biāo)準(zhǔn)”，我說說自己的看法，不知各位兄臺認(rèn)同否？請指正。
籠統(tǒng)來說，“標(biāo)準(zhǔn)網(wǎng)頁”的文件組織就是XHTML+CSS。
簡單來說，XHTML主要用來表示網(wǎng)頁結(jié)構(gòu)和顯示內(nèi)容，而CSS則是定義結(jié)構(gòu)布局和修飾內(nèi)容樣式。
具體來說，在XHTML中顯示內(nèi)容，就是使用文本、圖像、多媒體等相關(guān)網(wǎng)頁元素來表示的；而CSS就是這些內(nèi)容的修飾樣式。此外還使用XHTML表示網(wǎng)頁結(jié)構(gòu)和CSS定義結(jié)構(gòu)的布局
1、顛覆傳統(tǒng)的思維模式
對于傳統(tǒng)的網(wǎng)頁設(shè)計，就思考和制作的前前后后，是這樣的邏輯過程：
（大腦）構(gòu)思網(wǎng)頁的排版布局
（動手）描繪網(wǎng)頁構(gòu)思的草圖
（軟件）通過圖像軟件將草圖轉(zhuǎn)為現(xiàn)實(shí)
（調(diào)整）繼續(xù)細(xì)化網(wǎng)頁布局設(shè)計圖
（利用）切割圖像并導(dǎo)出
（制作）使用網(wǎng)頁制作軟件還原設(shè)計稿
（完工）進(jìn)行網(wǎng)頁內(nèi)容的具體設(shè)置
咋一看，確實(shí)是個不錯的網(wǎng)頁設(shè)計邏輯思想，況且這也是從網(wǎng)頁被設(shè)計被制作有史以來，使用最普遍也最深入的網(wǎng)頁設(shè)計流程。但現(xiàn)在提出一個問題：那就是如果需要對該網(wǎng)頁進(jìn)行改版，那該怎么辦？那么將進(jìn)行如上的重復(fù)的操作，這個重復(fù)就是一個全新的邏輯操作過程，包括重新設(shè)計（布局）和重新制作（頁面）。
OK，現(xiàn)在使用“標(biāo)準(zhǔn)網(wǎng)頁”可以省去其中的一道重復(fù)操作：省去重新制作（頁面）的工作。所以對一個網(wǎng)頁進(jìn)行改版只需要重新設(shè)計（布局）即可。那么，為什么能這樣做？如何能做到？
2、提出“標(biāo)準(zhǔn)”的方案
通過多次的網(wǎng)頁改版，我們設(shè)計來設(shè)計去，發(fā)現(xiàn)雖然網(wǎng)頁的樣子改變了，但網(wǎng)頁所展示的內(nèi)容卻無甚變化。即傳統(tǒng)的做法是為了設(shè)計的新樣子而去重新排版布局原有的內(nèi)容。所以，大膽的提出：無需重新排版布局原有的內(nèi)容，而讓設(shè)計的樣子定義出這個結(jié)構(gòu)的布局。
那么，這就要求我們需要考慮好網(wǎng)頁的結(jié)構(gòu)。這些考慮是需要合理的方案，使得表示網(wǎng)頁結(jié)構(gòu)的標(biāo)簽代碼，在下一次改版的時候仍將有用�？梢赃@么說，這個時候一個網(wǎng)頁的外觀并不重要，重要的是規(guī)范一個結(jié)構(gòu)基本頁。一個良好的XHTML結(jié)構(gòu)頁面，可以適應(yīng)以任何外觀表示。
所以，現(xiàn)在設(shè)計一個網(wǎng)頁，首要思考的不是網(wǎng)頁的布局排版，而是這個網(wǎng)頁的結(jié)構(gòu)是如何的。那到底網(wǎng)頁的結(jié)構(gòu)需要進(jìn)行怎么的考慮？一般是按照由簡單逐步到豐富的過程：從整體著手，逐漸飽滿，繼續(xù)細(xì)化。
所謂“整體著手”，用一種很極端的方法則是：如果需要舍去網(wǎng)頁的所有內(nèi)容，最后只留下骨架的那個頁面，就是網(wǎng)頁的所需的“整體”結(jié)構(gòu)。就如同一個人的身體一樣，“頭部”、“手臂”、“軀干”和“腿腳”是主要的結(jié)構(gòu)。那么網(wǎng)頁中的“標(biāo)題”、“導(dǎo)航菜單”、“主要內(nèi)容”和“版權(quán)聲明”則為應(yīng)該的“整體”結(jié)構(gòu)。此時，將采用標(biāo)簽“<div>”進(jìn)行控制。
所謂“逐漸飽滿”，又如人的“頭部”分“眼”、“耳”、“口”、“鼻”，對網(wǎng)頁結(jié)構(gòu)中的主要結(jié)構(gòu)的內(nèi)部，繼續(xù)進(jìn)行豐富詳細(xì)的結(jié)構(gòu)嵌套。此時，將采用標(biāo)簽“<div>”或“<span>”進(jìn)行控制。
所謂“繼續(xù)細(xì)化”，即網(wǎng)頁內(nèi)容的插入和修飾了。如同定義人的“眼”是“單眼皮”還“雙眼皮”。此時，就是插入圖像“<img />”，建立超級鏈接“<a>”等等具體內(nèi)容了。
所以，有了如此逐步的結(jié)構(gòu)的確定、結(jié)構(gòu)的飽滿和內(nèi)容的修飾，就使得網(wǎng)頁顯示出了設(shè)計的模樣。又如大千世界“定義”出了各種各樣的“人”。
當(dāng)然，采用“改版”這個示例來說明“標(biāo)準(zhǔn)網(wǎng)頁”的必要性，只是一個最簡單的最淺顯的說服。使用“標(biāo)準(zhǔn)”還有很多優(yōu)勢，比如那個啥啥啥的……
于是 DIV+CSS進(jìn)行全局的結(jié)構(gòu)定義，用SPAN+CSS進(jìn)行局部的結(jié)構(gòu)定義，LI+CSS用于系列內(nèi)容的結(jié)構(gòu)定義，其他的網(wǎng)頁元素代碼，該怎么著就怎么著顯示內(nèi)容吧。
經(jīng)典論壇討論帖：
http://m.95time.cn/bbs/NewsDetail.asp?id=2499946
出處：藍(lán)色理想
責(zé)任編輯：moby
◎進(jìn)入論壇網(wǎng)站綜合、網(wǎng)頁制作版塊參加討論
|
