何謂CSS

何謂CSS樣式表
CSS(Cascading Style Sheets)中文翻譯是「串接樣式表」，是W3C組織所擬定出的一套網頁標準格式，以往CSS大多只常被用來做一些超連結文字的樣式設定，而網頁排版則是使用框線為零的表格做編排，事實上表格拿來做排版運用，在W3C 裡被認為是錯誤的作法，正確的作法應該使用CSS做版面編排配置，但由於需考量相容性、網頁編輯人員的舊習慣等技術操作問題，所以導致在台灣的網頁設計頁裡仍大多是使用表格做排版，隨著CSS的語法架構演進越來越成熟，舊的表格排版作法會慢慢逐漸被淘汰，台灣的市場反應通常都會比國外慢上半年到一年左右的腳步，但目前台灣一些知名的大型網站其實已經都悄悄採用CSS做排版了，例如Yahoo!奇摩、 MSN台灣、 Yam天空……，由此得知CSS版面(DIV 編排技術)架構未來在台灣一定會更普及。CSS語法可達成的功能眾多，所產生的好處也非常多，不只是運用在網頁排版上，善用CSS幾乎可以達成美編語法跟傳統HTML語法以及其他程式語法完全分離，除了方便維護之外，對於網頁美編人員與程式開發人員的分工也可以更為明確，較少產生以前美編人員與程式人員彼此修改後去動到對方的語法的缺陷，如果能做成系統讓一般客戶修改，基本上可以讓客戶自行編修豐富的美編效果，未來一般企業網站對CSS可以有較大控制度的需求應也是會逐步增加。

1.CSS 是 "Cascading Style Sheet" 的縮寫，一般稱為 "階層樣式表"。CSS 並不是一種程式設計語言，而是用於網頁排版的標記性語言。它可以將 html語言功能加以擴展，讓您的網頁更有獨特的風格。
2.CSS 語法皆可直接套用在網頁上，是屬於比較容易上手的語法，如果需要更詳盡的資訊，建議您參閱相關書籍。
3.在CSS 語法中，舉凡字形、顏色、尺寸、背景、文字、邊界等屬性，皆建議您多做不同的嘗試，以獲得最佳瀏覽效果。

後記：CSS樣式表將會成為網頁設計中的主流技術，Dreamweaver挾帶著更強大網頁編寫而來，不但影響了程式使用者更便利的撰寫方式，更方便了美術設計者在程式這一塊的不足，所以美術設計者其實要更加專研CSS語法的運用及撰寫。

HTML 語法基本教學

HTML的全名是HyperText Markup Language，是編寫網頁的基本語言，而它並不是一個程式， 只是一些插在普通文件內的碼( code )，這些碼可以控制我們的瀏覽器要怎樣把文件顯示出來, 就是你現在所看到的頁面就是用HTML來控制的，它可控制字體的大小，也可以插入連結或圖像。

　　一個HTML檔稱為HTML document，存檔的副檔名為htm或 html，編寫的方式有很多種， 最原始的方法是用windows內的記事本或各種文書編輯軟體，而現在有一種軟體也是編寫HTML碼， 但具有預覽及插入特效的功能，如Dida 網頁速寫器，編寫完成後記得儲存成*.htm或*.html 即可。

---

HTML的撰寫是網頁設計中最基本的一門學問，如果我們要熟悉網頁設計撰寫，就一定要對HTML的語法有所認知，才有辦法增進網頁設計的豐富性，所以說要學網頁就要搞懂一些語法如：CSS,HTML,JS 技術程式PHP ASP(不見得要會寫但最好有概念 最後就是 Dreamweaver 的一些功能搞懂就可以了(跳不出重點)文字的運用(我會把他跟CSS概念綁在一起)圖片及表框(格)、表單、AP元素(增加網頁的趣味性)、超連結、最後就是管理修改，至於FLASH就見人見智了

其HTML撰寫結構如下：



<<觀念補充>>何為<成對標籤>與<獨立標籤>(空標籤)

成對標籤：必定是包含<....>開始標籤(/___)(註因程式碼關係<>以()暫代)
結束標籤，在開始標籤與結束標籤之間可以包含其他控制標籤或文字內容，而這些標籤所包含的內容就是標籤的作用對象。
獨立標籤：則是用來告知瀏覽器應該立刻產生某一特殊反應，例如：<>換列效果
有兩個須要注意的地方，每一個開啟碼是由<....>兩個符號所框住的，而關閉碼是由(/___)(註因程式碼關係<>以()暫代)所框住的，而每一個HTML碼有開就要有關

---

HTML簡單的語法介紹

網頁顏色設定

●bgcolor=控制背景顏色
●text=控制文字顏色
●link=控制連結顏色
●vlink=控制已閱讀過的顏色
●alink=控制正在連結的顏色
加入背景圖像
●body　background="圖像來源"
●bgproperties="fixed"(使背景圖像固定不動)

瀏覽器可分出六種大小的標題文字,原始碼如下 :
●h1=

標題文字1

(註因程式碼關係<>省略)
●h2=

標題文字2

(註因程式碼關係<>省略)
●h3=

標題文字3

(註因程式碼關係<>省略)
●h4=

標題文字4

(註因程式碼關係<>省略)
●h5=

標題文字5

(註因程式碼關係<>省略)