標籤彙整:網頁設計

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

CSS-icon-Sprite

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

in CSS 語法 - 網頁設計

【設計資源】 iPhone Design Guide 手機介面設計指南

New iPhone Design Guide

這一份 PDF 文件有很詳細的列表,把各代 iPhone 手機的螢幕尺寸、解析度、畫面比例、畫面尺寸…等都以表格條列,可以讓我們有需要設計手機 APP 介面的設計師,或是有需要設計手機網頁畫面的設計師參考…. 繼續閱讀

in Free Resource 好康報報, Good Design 好站報報

CSS 語法 – 2 欄式網頁版型 – 陰影與倒影 – 教學與範例下載

CSS 語法 - 2 欄式網頁版型 - 陰影與倒影設計 - 教學與範例下載

給同學多多練習使用 CSS 語法編排網頁版型,在這個版型的四周增加了 陰影與倒影的圖形設計。 網頁 HTML 部份使用 div 畫分欄位,再用 CSS 語法來做圖形編排與版面定位,這個範例是 CSS 語法設計網頁的基本練習,與我們飛肯上課… 繼續閱讀

in CSS 語法 - 網頁設計

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

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

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

in CSS 語法 - 網頁設計

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

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

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

in CSS 語法 - 網頁設計

CSS 語法 – 設計圖形按鈕選單 – 入門篇【二】

CSS 語法 - 設計圖形按鈕選單 - 入門篇【二】

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

in CSS 語法 - 網頁設計