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