DW課程

1.網站設計札根學習
2.範本/版型應用
3.優化網頁結構

Read More

Html5+Css3課程

1.了解RWD設定情形
2.介紹CSS3常用屬性

Read More

JavaScript+jQuery課程

語法入門介紹

Read More

最近說明:

/*微軟正黑體 英文CSS寫法*/
  body{
    font-family: Verdana,'Microsoft JhengHei',sans-serif;
  }

課程參考書
(1)w3schools(英):https://www.w3schools.com/
(2)runoob(中):http://www.runoob.com/
(3)wibibi(觀念參考書):http://www.wibibi.com/
課程素材
(1)照片:
https://pixabay.com/
(2)向量圖:
https://www.freepik.com/
https://www.vecteezy.com/

 

/*CSS 抓取日期時間,自動更新 版本號*/
<script type="text/javascript">
    document.write("<link rel='stylesheet' type='text/css' href='./css/class.css?v=" + new Date().getTime() + "'>");   
</script>

Dw_網頁設計(整理版)

Travel World

  1. 網站設計基礎介紹
  2. HTM5結構及CSS3常用屬性介紹
  3. transition應用
  4. animation動畫結合
  5. before、after應用
  6. @font-face與 Icon font結合

Dw_網頁設計(整理版)

Bakery House

  1. 網站設計基礎介紹
  2. HTM5結構及CSS3常用屬性介紹
  3. transition應用
  4. animation動畫結合
  5. before、after應用
  6. @font-face與 Icon font結合

Dw

Happy School

  1. 網站設計結構了解
  2. 範本/版型應用
  3. 優化網頁結構

Dw

新年快樂

  1. 網站設計結構了解
  2. 範本/版型應用
  3. 優化網頁結構

RWD01

Wild Life

  1. 藉由實際範例了解RWD設定情形
  2. @font-face與 Icon font結合

RWD02

Travel旅遊世界

  1. 介紹CSS3常用屬性
  2. 文字特效
  3. transition應用
  4. before、after應用
  5. animation動畫結合

Adobe 相關軟體

JQ練習1

聖誕快樂

  1. 範例說明
  2. jQuery應用
  3. Tabs應用
  4. AD廣告顯示
  5. 自動輪播

JQ練習2

Interior Design

  1. 範例說明:Slider區Animate動畫
  2. jQuery應用
  3. Tabs應用
  4. AD廣告顯示
  5. 自動輪播
  6. 視窗scroll事件

JDX(2018)-主題1-網站設計整合

Travel World

  1. PhotoShop網站設計規劃
  2. illustrator Svg格式 logo匯出
  3. 圖片匯出方法介紹
  4. @font-face與 Icon font結合
  5. Html及Css網頁設計
  6. RWD應用
  7. jQuery初體驗

JDX(2018)-主題2-Bootstrap4

Gjun Class 電腦課程

  1. Bootstrap套用
  2. jQuery應用
  3. 善用Flex版面結合
  4. Vue構建用戶界面的漸進式框架

JDX(2018)-主題3-RWD及JQ應用

MovieCamera 電影開麥拉

  1. jQuery應用
  2. 資料載入【XML、Json】
  3. Vue構建用戶界面的漸進式框架

JDX(2017)-主題1-網站設計整合

Travel World

  1. PhotoShop網站設計規劃
  2. illustrator Svg格式 logo匯出
  3. 圖片匯出方法介紹
  4. @font-face與 Icon font結合
  5. Html及Css網頁設計
  6. RWD應用
  7. jQuery初體驗

JDX(2017-2)-主題2-Bootstrap4

Gjun Class 電腦課程

  1. Bootstrap套用
  2. jQuery應用
  3. 善用Flex版面結合
  4. Vue構建用戶界面的漸進式框架

JDX(2017)-主題3-RWD及JQ應用

MovieCamera 電影開麥拉

  1. jQuery應用
  2. 資料載入【XML、Json】
  3. Vue構建用戶界面的漸進式框架

JDX(2016)-主題1-網站設計整合

Fashion Shop

  1. PhotoShop網站設計規劃
  2. illustrator Svg格式 logo匯出
  3. 圖片匯出方法介紹
  4. @font-face與 Icon font結合
  5. Html及Css網頁設計
  6. RWD應用
  7. jQuery初體驗

JDX(2016)-主題2-Bootstrap3

Pet House 寵物屋

  1. Bootstrap套用
  2. jQuery應用
  3. 善用Flex版面結合

JDX(2017-1)-主題2-Bootstrap3

Gjun Class 電腦課程

  1. Bootstrap套用
  2. jQuery應用
  3. 善用Flex版面結合

範例檔