CSS

在開始正式內容製作之前，我們必須先瞭解一下web標準有關代碼的規範。瞭解這些規範可以協助你少走彎路,儘快通過代碼校正。1.所有的標記都必須要有一個相應的結束標記以前在HTML中，你可以開啟許多標籤，例如和而不一定寫對應的和來關閉它們。但在XHTML中這是不合法的。XHTML要求有嚴謹的結構，所有標籤必須關閉。如果是單獨不成對的標籤，在標籤最後加一個"/"來關閉它。例如:

摘自：七色鳥論壇web設計版一、頁面結構 　　韓國網站的頁面結構相對來說比較簡單，可以說幾乎是統一的風格，頂部的左邊是網站的logo，右邊就是它的導覽列，和國內網站不一樣的地方它甚少採用下拉式功能表的樣式，而是把各級欄目的下級內容放在導覽列的下面。然後下面是個大大的Flash條，再往下就是各個小欄目的主要內容，：二、色彩運用

不用整天為美化select控制項煩惱了。 1、可批量美化select控制項。 2、可以有onchange控制代碼。 3、觸發onchange的函數可帶參數。 3、可以得到select的值。 4、可設定像select類似的捲軸（如大於或等於8個數目時出現捲軸） 5、可設定寬度和高度 API參考： //首先產生一個simulateSelect的執行個體 //建構函式的第一個選擇性參數為觸發onchange的函數，其它的為onchange函數的參數； c = new simulateSelect(s1

在瞭解XHTML代碼規範後，我們就要進行CSS布局。首先先介紹一些CSS的入門知識。如果你已經很熟悉了，可以跳過這一節，直接進入下一節。CSS是Cascading Style Sheets(層疊樣式表)的縮寫。是一種對web文檔添加樣式的簡單機制，屬於表現層的布局語言。1.基本文法規範分析一個典型CSS的語句：p {COLOR:#FF0000;BACKGROUND:#FFFFFF} 其中"p"我們稱為"選取器"(selectors)，指明我們要給"p"定義樣式；

Image 對象從外部調用一個圖形檔案，只要IE能夠顯示的格式都可以。需要注意的是，VML只用來顯示這張圖片，並沒有將這圖片向量化，如果以後放大縮小，畫質會改變的。 剛剛查詢 MSDN 關於VML資料的時候，左邊的相關菜單已經 Unavailable 了，這是否意味著 VML 將被 Microsoft 拋棄？因為有取VML和Flash之長處的 SVG 的崛起，VML 黯然失色，曾經問一個開花過VML軟體的老外，他都強烈建議我使用SVG。但我覺得

寶貝詳情 其他資訊 出價記錄 留言簿 代碼如下： 哈哈哈哈 [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]

Group的使用很簡單，但功能很強大。它能讓一系列的VML對象使用共同的座標系，它很常用的，基本上如果使用了超過一個VML對象的頁面都使用Group。使用Group還有個好處，就是可以動態改變CoordSize值放大或縮小整個 Group 裡面的VML。 相信如果你看懂了上面的代碼，對 Group 一定理解了。上面使用了一個和Group一樣大小的 Rect 作為 Group的邊框，然後加上陰影渲染。用MSDN的一個很有意思的例子再看看 Group

CSS布局與傳統表格(table)布局最大的區別在於：原來的定位都是採用表格，通過表格的間距或者用無色透明的GIF圖片來控制文布局版塊的間距；而現在則採用層(div)來定位，通過層的margin,padding,border等屬性來控製版塊的間距。1.定義DIV分析一個典型的定義div例子：#sample{ MARGIN: 10px 10px 10px 10px;PADDING:20px 10px 10px 20px; BORDER-TOP: #CCC 2px

第一次寫的CSS樹形菜單比較簡單，只有二級目錄，javascript代碼總共不到十行，主要是靠CSS中的包含寫法來實現的。示範地址：（1）http://www.cnlei.org/mycode/csstreemenu/index.html（2）http://cnlei.iecn.net/mycode/csstreemenu/index.html下載連結：（1）http://www.cnlei.org/mycode/csstreemenu/csstreemenu.rar（2）http://cnle

VML的這個功能很有用，模版，顧名思義，它可以減少書寫代碼的量，又使的代碼可讀性提高。在理解VML模版的時候，可以和 HTML 的 CSS 一樣理解，它是定義好的一種形狀，下次使用的時候直接聲明 type 屬性就可以了。看看下面的例子： 定義好上面的模版後，以後就可以直接調用了： 不知道大家有沒有注意到，VML裡面對“,”使用不強制的，你可以使用 coordsize="6,6" 也可以使用 coordsize="6 6"

接下來開始要真正設計布局了。和傳統的方法一樣，你首先要在腦海裡有大致的輪廓構想，然後用photoshop把它畫出來。你可能看到有關web標準的網站大都很樸素，因為web標準更關注結構和內容，實際上它與網頁的美觀沒有根本衝突，你想怎麼設計就怎麼設計，用傳統表格方法實現的布局，用DIV也可以實現。技術有一個成熟的過程，把DIV看成和TABLE一樣的工具，如何運用就看你的想象力了。註：在實際應用過程中，DIV在有些地方的確不如表格方便，比如背景色的定義。但任何事情都有得有失，取捨在於你的價值判斷。好，

我的MzTreeView1.0樹控制項發布至今，得到了不少意見反饋，很多網友給了我很多的中肯的建議，也指出了這個控制項裡的諸多BUG和不足之處，所以我準備寫一個新版本的樹，將大家的建議都整合進來實現。這幾天我就一直在寫新版的樹，樹控制項最重要的是效率，特別是大節點量的時候，效率稍微差點的模式就會拖垮瀏覽器，所以新版的樹我首要的還是提高效率，比如增加非同步資料載入的支援等，另外我還有一個設想，就是樹的樹型結構豎線用樣式表（背景圖）來實現，樣式表背景圖片只需要載入一次，而現在這個模式（用多個）圖片雖

我們編寫 VML 很重要的就是要和 資料庫結合，如果和資料庫結合了，讀資料和把資料轉換成 VML 變成了兩部分。如果直接使用 ASP 產生 包含很多 VML 的頁面，一旦資料量多了，整個頁面就變得很龐大，下載速度慢了，IE解釋代碼的速度也慢了，所以用指令碼動態產生 VML 變得非常重要了。 用 VML 畫一個，可以更明確上面的意義： 前面的圖文簡單的說就是：使用一個 Iframe

如果我們想在3列布局的最後加一行頁尾，放著作權之類的資訊。就遇到必須對齊3列底部的問題。在table布局中，我們用大表格嵌套小表格的方法，可以很方便對齊三列；而用div布局，三列獨立分散，內容高低不同，就很難對齊。其實我們完全可以嵌套div，把三列放進一個DIV中，就做到了底部對齊。下面是實現例子(白色背景框類比一個頁面)：Body 這裡是#header{ MARGIN: 0px; BORDER: 0px; BACKGROUND: #ccd2de; WIDTH: 580px; HEIGHT: 6

前言大家好！這個系列文章是按阿捷自己製作這個網站的過程編寫的。之前阿捷也一直沒有製作過一個真正符合web標準的網站。現在邊參考國外資料邊製作，同時把過程中的心得和經驗記錄下來，希望對大家有點協助。好了，讓我們開始吧第一天開始製作符合標準的網站，第一件事情就是聲明符合自己需要的DOCTYPE。查看本站首頁原代碼，可以看到第一行就是：

布局初步搭建起來，我開始填充裡面的內容。首先是定義logo圖片：樣式表：#logo {MARGIN: 0px;padding:0px;WIDTH: 200px;HEIGHT:80px;}頁面代碼：

由於VML是向量的，放大縮小變得很容易了。我們先看一個例子，看看VML能做到什麼程度。還是以前面的一個飛碟做為例子。它是用線、圓、弧等形狀拼湊起來的一個圖形。我增加了移動事件，當放大太多了，可以拖動圖片查看。放大 1倍放大 2倍放大 3倍放大 4倍放大 5倍放大 6倍放大 7倍放大 8倍放大 9倍放大10倍 是否感覺出來了，放大縮小對 VML 的畫質沒有改變？因為 VML 是向量的。動態改變它的 coordsize 值就可以了，注意，減小值等於放大，增大值就等於縮小。可以參考下面的指令碼：

DOCTYPE聲明好以後，接下來的代碼是： 通常我們HTML4.0的代碼只是，這裡的"xmlns"是什麼呢？這個"xmlns"是XHTML

辛苦了好多天，我們努力學習使用XHTML+CSS來重新設計我們的網站。那麼我們如何知道自己製作的頁面真的符合web標準？W3C和一些志願者網站提供了線上校正程式，來協助我們檢查頁面是否符合標準，並提供了修正錯誤的協助資訊。這些校正非常有用，是我調試頁面第一步要做的事情。1.XHTML校正校正網址：http://validator.w3.org/ 校正方式:網址校正、檔案上傳校正 校正成功，會顯示"This Page Is Valid XHTML 1.0 Transitional!", 校正失敗，

VML 和 HTML 的緊密結合，使的給 VML　增加事件變得很容易．所有的 HTML 裡面的事件都可以應用到 VML 中間來！下面的例子是示範：當滑鼠移動到圓的時候，圓就跟著滑鼠移動了，當滑鼠點擊後，圓停止移動。 不知道你有沒有注意，VML的事件地區是嚴格按照本身的形狀的，並不是像圖片那樣，都是矩形。順便介紹一下 Function 對象，使用Function 對象，如果函數的內容比較少，而且調用就一次，就可以使用 Function 對象了，使用方法就是用 new 建立一個