在了解網頁設計XHTML代碼規範後，我們就要進行CSS佈局。首先先介紹一些CSS的入門知識。如果你已經很熟悉了，可以跳過這一節，

CSS是Cascading Style Sheets(層疊樣式表)的縮寫。是一種對web文檔添加樣式的簡單機制，屬於表現層的佈局語言。

(繼續閱讀...)

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

▲top

在開始正式內容製作之前，我們必須先了解一下web標準有關代碼的規範。了解這些規範可以幫助你少走彎路,儘快通過代碼校驗。

1.所有的標記都必須要有一個相應的結束標記

以前在HTML中，你可以打開許多標籤，例如<p>和<li>而不一定寫對應的</p>和</li>來關閉它們。但在XHTML中這是不合法的。XHTML要求有嚴謹的結構，所有標籤必須關閉。如果是單獨不成對的標籤，在標籤最後加一個"/"來關閉它。例如:

(繼續閱讀...)

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

▲top

這些技巧主要講meta標籤設置的，其實與符合web標準關係不大，只要注意在最後加"/"關閉標籤就可以，但是既然是入門教程，就寫得詳細一點吧。

收藏夾小圖標

可以看到在收藏夾網址之前的IE圖標變成了本站特別的圖標。要實現這樣效果很簡單，首先製作一個16x16的icon圖標，命名為favicon.ico，放在根目錄下。然後將下面的代碼嵌入head區：

(繼續閱讀...)

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

▲top

用web標準設計網站，過渡的方法主要是採用XHTML+CSS，css樣式表是必不可少的。這就要求所有網頁設計師必須熟練掌握CSS，如果你以前不常用，那麼現在就開始學習吧。要製作符合web標準的網站，不懂CSS是設計不出漂亮的頁面的。

事實上，所有表現的地方都需要用CSS來實現。我們以前都習慣用table來定位和佈局，現在要改用DIV來定位和佈局。這是思維方式的變化，一開始有些不習慣。呵呵，任何變革都會有阻力的，為了享受標準帶來的"益處"，放棄一些老的傳統做法是值得的。

(繼續閱讀...)

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

▲top

第三步是定義你的語言編碼

為了被瀏覽器正確解釋和通過W3C代碼校驗，所有的XHTML文檔都必須聲明它們所使用的編碼語言，我們一般使用gb2312(簡體中文)，製作多國語言頁面也有可能用Unicode、ISO-8859-1等，根據你的需要定義。

(繼續閱讀...)

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

▲top

通常我們設計HTML4.0的代碼只是<html>，這裡的"xmlns"是什麼呢？

這個"xmlns"是XHTML namespace的縮寫，叫做"名字空間"聲明。名字空間是什麼作用呢？

(繼續閱讀...)

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

▲top

前言

大家好！這個系列文章是按我自己製作這個站點的過程編寫的。之前我也一直沒有製作過一個真正符合web標準的網站。現在邊參考國外資料邊製作，同時把過程中的心得和網頁設計經驗記錄下來，希望對大家有點幫助。好了，讓我們開始吧

第一天

開始製作符合標準的站點，第一件事情就是聲明符合自己需要的DOCTYPE。

(繼續閱讀...)

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

▲top

說到摳圖，一般大家第一反應都會是Photoshop，但是PS的龐大體格，有的時候使用起來並不是很方便。本文中，就為大家介紹使用Fireworks設計摳圖的全技巧，方便一些習慣FW的朋友做設計摳圖之用。

　　方法一：利用魔術棒、套索工具摳圖

(繼續閱讀...)

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

▲top

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

(繼續閱讀...)

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

▲top

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

(繼續閱讀...)

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

▲top
«1...678 910...31