Reset CSS 重置歸零 – 網頁排版各瀏覽器快速一致化

Reset CSS 可讓網頁排版更順利,每一個 HTML 標籤元素都有 CSS 預設值設定,造成網頁設計師寫 CSS 時候不便,各瀏覽器又自行加入一些額外 CSS 預設值設定,要花好多時間來應付各大瀏覽器 閱讀全文

in CSS 教學 - 網頁排版

RWD 教學 CSS3 Media Queries 媒體查詢

隨著現今行動裝置的多樣化,各家廠商的智慧型手機、平板電腦推陳出新!手機的螢幕尺寸一家做得比一家大、平板電腦的螢幕尺寸也是大小不一,尺寸多樣,於是讓特定的螢幕尺寸來切換 CSS3 的 Media Queries 的需求性就產生了…. 閱讀全文

in CSS 教學 - 網頁排版, RWD 響應式網頁

Photoshop 去背教學 – 筆型工具「路徑」去背 – 入門篇

Photoshop 的去背功能有很多,可以使用的有 魔術棒、橡皮擦、套索、濾鏡、混色模式、色版 Alpha Channel … 等。然而,其中最重要,也是最常用的功能就是使用 「筆型工具」和「路徑」… 閱讀全文

in Photoshop 影像設計

SEO 優化 – 網頁排名提高了真的有用嗎?

SEO 優化 – 搜尋引擎最佳化

SEO 優化:當你的網頁排名提高了,曝光率提高了,但是遇到使用者依然不太點選你的搜尋連結怎麼辦?遇到這種狀況,網頁搜尋排名再高又如何? 閱讀全文

in SEO 優化 - 網站優化

CSS 排版教學 – 單欄式網頁版型設計

網頁完成圖示

這一次的飛肯教學文,要跟大家分享的是,如何用 CSS 語法來做一個單欄式網頁的版型設計!
雖然只是一個很基本的架構,但是在教學文當中,大家可以跟著小編一起學習幾個常用的語法,例如「 text-indent 」 的兩種使用方式、選單之水平排列、清除浮動的寫法…. 閱讀全文

in CSS 教學 - 網頁排版

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

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

in CSS 教學 - 網頁排版