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