上課手作♥

HomeWorks♥

• 第一堂課：練習
• 你怎麼空蕩蕩｡ﾟヽ(ﾟ´Д`)ﾉﾟ｡

• 第二堂課：練習
• 你怎麼空蕩蕩｡ﾟヽ(ﾟ´Д`)ﾉﾟ｡

• 第三堂課：練習
• 你怎麼空蕩蕩｡ﾟヽ(ﾟ´Д`)ﾉﾟ｡

• 第四堂課：練習
• 04-1-1 使用CSS修改字體相關功能的顯示
• 04-1-2 在字框與字體之間透過padding保留空白留白感
• 第四堂課：練習unit04-1-3 (因為要錢，老師不教QQ)
• nit04-1-4 GOOGLE 與Adobe提供字形顯示中文
• unit04-2-1 超連結的 :hover :active :focus特效
• 04-2-2 讓超連結變成區塊顯示(display:block)
• 04-3-1 :hover 用在其他任意地方
• 04-4-1 清單與:hover 的同時應用
• 04-4-2 清單特效：使用圖檔來取代前導符號
• 04-5-1 空氣品質(AQI)的相關說明用CSS美化圖表
• 04-5-2 空氣品質(AQI)的相關說明用CSS美化圖表 :collapse的框線重疊
• 04-6-1 以清單來說明使用ul li 會產生的後代影響問題
• 04-6-2 承上使用ul > li 討論後代就不會繼承問題
• 04-6-3 使用display 搭配:hover 討論隱藏資料的特效

• 第五堂課：練習
• 你怎麼空蕩蕩｡ﾟヽ(ﾟ´Д`)ﾉﾟ｡

• 第六堂課：練習
• 06-1-1 背景的漸層效果初探
• 06-1-2 背景的漸層效果初探-用於大頭貼
• 06-2-1 多張底圖的處理方式
• 06-2-2 背景填滿的效果-cover contain
• 06-2-3 清單變成按鈕效果
• 06-3-1 照片圖文框設計
• 06-4-1 方塊的變形-角度變化與疊圖
• 06-4-2 圖示重疊畫面展示
• 06-5-1 照片圖文框設計-增加漸變功能transition
• 06-6-1 動畫

• 第七堂課：練習
• 07-1-1 使用清單來設計導覽列
• 07-1-2 修改導覽列加入active的樣板
• 07-1-3 修改導覽列，讓按鈕間沒有框線
• 07-2-1 讓導覽列擁有第二層選單功能
• 07-2-2 讓導覽列第二層選單具有滑動特效
• 07-3-1 讓圖片具有超連結的點選功能
• 07-4-1 使用Balsamiq Markup 快速建置網站示意圖
• 07-5-1 以HTML5 的新標籤處理整體網站的風格樣式

• 第八堂課：練習
• 08-2-1 版面配置─單欄列
• 08-2-2 版面配置─雙欄列

• 第一堂課：作業ex01
  • 第一堂課：作業ex01.5.2
  • 第一堂課：作業ex01.5.3
  • 第一堂課：作業ex01.5.4

• 第二堂課：作業ex02
  • 第二堂課：作業ex02.6.2
  • 第二堂課：作業ex02.6.3
  • 第二堂課：作業ex02.6.4

• 第三堂課：作業ex03
  • 第三堂課：作業ex03.7.3
  • 第三堂課：作業ex03.7.5

• 第四堂課：作業ex04
  • 第四堂課：作業ex04.7.2
  • 第四堂課：作業ex04.7.4
  • 第四堂課：作業ex04.7.5

• 第五堂課：作業
  • 你怎麼空蕩蕩｡ﾟヽ(ﾟ´Д`)ﾉﾟ｡

• 第六堂課：作業ex06
  • 第六堂課：作業ex06.7.2
  • 第六堂課：作業ex06.7.3
  • 第六堂課：作業ex06.7.4
  • 第六堂課：作業ex06.7.5
  • 第六堂課：作業ex06.7.6
  • 第六堂課：作業ex06.7.7

• 第七堂課：作業ex07
  • 第七堂課：作業ex07.6.2
  • 第七堂課：作業ex07.6.3
  • 第七堂課：作業ex07.6.4
  • 第七堂課：作業ex07.6.5

• 第八堂課：作業
  • 第八堂課：作業Web3