Dreamweaver CSS 圖形面板 – 入門教學三篇

剛入門學習 Dreamweaver 網頁設計的同學,直接自己寫 HTML 語法和 CSS 語法,會怕怕的,有點挫折,這時使用 Dreamweaver 的 CSS 圖形面板,的確會比較方便,好用。

PS. 將來長大了,一定要學會自己寫 HTML 語法和 CSS 語法喔!

Dreamweaver 網頁設計  - Dreamweaver CSS 圖形面板 - 入門教學三篇 - fly062

CSS 樣式表全名為「Cascading Style Sheets」中譯名稱為「串接樣式表」。CSS 是W3C為了彌補傳統HTML 功能之不足所開發的一種新的網頁設計標準,CSS 新增了很多很棒的功能,例如可以精準地設定文字的大 小、文字的間距、行距、更加入了重疊圖層、區塊變化、及絕對定位和相對定位的功能….等。透過 CSS 可以讓我們更容易掌握精緻的網頁排版,製作出更專業、更多樣化的網頁。

透過 Dreamweaver「頁面屬性」和「文字屬性」圖形面板,可以直接設定文字的大小,從1像素到無限大像素都可以…僅僅設定文字的大小,對於 CSS 來說只是牛刀小試,這一節我們要說明如何設定文字的間距與行距,順便討論「CSS圖形面板」的使用方法。

使用「CSS圖形面板」修改CSS樣式之後,網頁中有套用該樣式的文字就會馬上自動更新,當刪除某個樣 式後,網頁中有套用該樣式的文字就會失去所有效果!尤其在一個較大型的網站中,使用CSS可以很快速 地更新修改所有的網頁….

第一篇教學 http://www.flycan.com/deux2/mypaper/css/01.htm

第二篇教學 http://www.flycan.com/deux2/mypaper/css/02.htm

第三篇教學 http://www.flycan.com/deux2/mypaper/css/03.htm

這幾篇是好多年前寫的,雖然有點舊,對於剛入門學習 Dreamweaver 網頁設計的同學,多多少少還是有幫助的 :)。

by
姜智豪
老師

 

當您對本文有任何問題或指教,歡迎到我們的【網頁設計交流討論區】一起交流討論喔!

 

關於「姜智豪 老師」

於 1996 年開始從事網頁設計工作 20 多年,參與設計過許多網站專案的開發,一直熱衷網頁設計工作至今。從 1998 年開始從事教學工作,對於網頁設計教學有相當高的熱忱,於 2006 年創立飛肯設計學苑。主要專長 Photoashop、 HTML、CSS、RWD、JavaScript、jQuery 等網頁技術,對於 SEO 優化搜尋引擎排名提昇,以及 Instructional Design 教學專案設計亦有深入的研究。
posted in Dreamweaver 網頁設計 and tagged , , , .

留言功能已關閉。