標籤彙整: 網頁設計

CSS 排版教學 – 設計圖形按鈕選單 – 入門篇【二】

接續上一篇 CSS 語法 – 設計圖形按鈕選單 – 入門篇【一】 再讓同學練習一次 同樣的 <ul> <li> 項目清單結構,同樣的 CSS 基本語法,就可以做出不同的變化與創意。 設計圖形按鈕選單,在 HTML 結構… 閱讀全文

in CSS 教學 - 網頁排版

CSS 排版教學 – float 2 欄式網頁版型

CSS 排版教學,使用 CSS float 語法編排網頁版型, 在 HTML 使用 div 劃分欄位,再用 CSS 語法來做圖形與版面編排,這個範例是 CSS 網頁設計的基本練習 閱讀全文

in CSS 教學 - 網頁排版

CSS 排版教學 – 設計圖形按鈕選單 – 入門篇【二】

算是入門的 CSS 語法教學範例,讓同學多練習使用「項目清單」製作圖形按鈕。 就是 <ul> 和 <li> 這兩個 HTML 標籤 ,在 CSS 排版中最常使用,在結構上非常的簡潔,在編排上可以非常的靈活… 閱讀全文

in CSS 教學 - 網頁排版

CSS 教學 – CSS Sprite 網頁優化技巧入門

CSS-Sprite

大家好,今天飛肯教學文要來教各位一個非常實用, CSS 語法網頁設計的重要技巧之一: 「CSS Sprite」。這個技巧不但可以幫我們減輕網頁主機端的圖檔數量、加快網頁的開啟速度,更進一步還可以讓網頁的 SEO 排名提高,所以大家一定要學會這一招,將它應用在排版時,就可以輕鬆達到網頁優化的效果喔! 閱讀全文

in CSS 教學 - 網頁排版

CSS 排版教學 – 設計圖形按鈕選單 – 入門篇【一】

設計圖形按鈕選單,在 HTML 的內容結構上,大部份都會使用 <ul> <li> 項目清單,在結構上非常的簡潔,在編排上可以非常的靈活。因此,不只是 設計按鈕選單,有很多的 CSS 網頁排版技巧,也是一致十分愛用… 閱讀全文

in CSS 教學 - 網頁排版

CSS 排版教學 – div 圖文框排版入門

以前使用表格排版的時候,要製作圓角圖框的排版就必須把先把圖片切割大卸九塊,然後再用表格把切割過後的圖片拚在一起還原之後,才能把網頁需要的文字貼在表格之內….光想起來就是大工程… 閱讀全文

in CSS 教學 - 網頁排版