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