筆者日積月累了許多精彩、實用的網頁設計,這些特效幾乎都是比較常用的網頁特效。現在我就把這些經過整理和修改過的特效分三個級別分別介紹給大家。

qiuqiu 發表在 痞客邦 留言(0) 人氣()

筆者日積月累了許多精彩、實用的網頁設計,這些特效幾乎都是比較常用的網頁特效。現在我就把這些經過整理和修改過的特效分三個級別分別介紹給大家。

qiuqiu 發表在 痞客邦 留言(0) 人氣()

網頁設計中需要把握好很多原則和細節,今天我們來談談網頁設計中的平衡、對比、連貫和留白。  

qiuqiu 發表在 痞客邦 留言(0) 人氣()

我們知道在樣式表設計一個樣式的時候,可以定義id也可以定義class,例如:

  • ID方法:#test{color:#333333},在頁面中調用<div id="test">內容<div>
  • CLASS方法:.test{color:#333333},在頁面中調用<div>內容<div></< li>

id一個頁面只可以使用一次,class可以多次引用。

qiuqiu 發表在 痞客邦 留言(0) 人氣()

如何設計整個頁面內容居中,如何使高度適應內容自動伸縮。這是學習CSS佈局最常見的問題。下面就給出一個實際的例子,並詳細解釋。

完整代碼

qiuqiu 發表在 痞客邦 留言(0) 人氣()

非常高興地看到很多設計師關注和嘗試使用web標準製作網頁。但從網友們的問題和製作中發現幾個問題,在這裡特別提醒一下:

1.不是為了通過校驗才標準化。

web標準的本意是實現內容(結構)和表現分離,就是將樣式剝離出來放在單獨的css文件中。這樣做的好處是可以分別處理內容和表現,也方便搜索和內容的再利用。

qiuqiu 發表在 痞客邦 留言(0) 人氣()

HTML網頁設計發展到今天存在三個主要缺點:

  • 1.太簡單。不能適應現在越多的網路設備和應用的需要。比如手機、PDA、資訊家電都不能直接顯示HTML。
  • 2.太龐大。由於HTML代碼不規範、臃腫,瀏覽器需要足夠智能和龐大才能夠正確顯示HTML。顯然在你的PDA上裝一個IE6是不可能的。空間不夠,運算也跟不上。
  • 3.數據與表現混雜。這樣你的頁面要改變顯示,就必須重新製作HTML。對不同的網路設備顯示同樣的數據都需要製作不同的HTML。

你可能會說這些缺點對你現在都無所謂,不嚴重。但社會總在進步,設計技術總在發展,人們總希望工作越來越簡單,越來越有效率。而網路設備的發展不會因為HTML的缺點而停止。笨重的台式電腦會被越來越多輕便小巧的設備替代。因此需要有一種新的語言,能夠描述數據使所有的設備都能理解(這就產生了XML);需要一種語言來控制表現,使數據在不同的設備上都正確顯示(這就產生了XSl)。

qiuqiu 發表在 痞客邦 留言(0) 人氣()

對於初學者,我們常看見web標準的好處之一是“能做到表現和結構相分離”,那這到底是什麼意思呢?我將以一個實際的例子來詳細說明。首先我們必須先明白網頁設計一些基本的概念:內容、結構、表現和行為。

1.內容

內容設計就是頁面實際要傳達的真正資訊,包含數據、文檔或者圖片等。注意這裡強調的“真正”,是指純粹的數據資訊本身。比如一個不包含輔助的資訊,比如導航菜單、裝飾性圖片等。舉個例子,有下面一段文本是我們設計頁面要表現的資訊。

qiuqiu 發表在 痞客邦 留言(0) 人氣()

本文是htmldog站點上2004年5月14日的一篇文章。原名是Tables My Ass,英文的意思大致是"可笑的表格佈局者"或者"可笑的CSS佈局新手"。為了更便於理解,我翻譯為"CSS比表格更難嗎"。文章一針見血的指出那些"安逸"地躺在表格佈局上的設計師因為"懶",不願意學習和接受更高效的CSS技術而編造各種理由妄圖阻擋CSS佈局的推廣。譯文刪減了部分不重要內容。本文引起了很多評論,您有興可以去原文 看看。

CSS佈局提倡者的聲音正被"表格佈局的優點"的聲音所覆蓋。一個荒誕的說法是CSS是難學的。事實上,CSS一點也不比其他網頁技術難。問題在於:對於表格設計已經相當有經驗的web設計師不得不完全放棄他們的思維模式改用CSS方法。

qiuqiu 發表在 痞客邦 留言(0) 人氣()

Eric A. Meyer從1993年開始做網路方面的工作,受僱於Netscape公司做標準設計培訓師。Eric在這個行業中相當有名,他經常就web標準、跨瀏覽器兼容性、CSS和web設計等方面在各種會議上發言。作為一個西方預科大學的網路管理員和畢業生,Eric開發W3C的CSS1校驗程式,並於最近出版了盡其所能發現的CSS設計局限。Eric也是《Eric Meyer on CSS》、《Mastering the Language of Web Design》(New Riders)、《樣式表:權威指南》(O’Reilly & Associates)、《CSS2.0 程式員參考》(Osborne’ McGraw-Hill)以及眾所週知的CSS 瀏覽器兼容性表的作者。

Eric Meyer是HTML,CSS和web標準方面國際知名的專家,有著廣泛的讀者,同時也是 Complex Spiral Consulting 的發起人。Complex Spiral Consulting是一個採用web標準技術幫助客戶節約成本和提高效益的公司。

qiuqiu 發表在 痞客邦 留言(0) 人氣()