[講義] RWD-OnePage設計 概念篇
1. 圖示字體(icon font) 2. 使用圖示字體(icon font) Font Awesome3. Font Awesome基本操作4. Font Awesome5新增樣式5. FontAwesome CDN6. 舊版Font Awesome練習7. OnePage一頁式網頁概述8. 免費版型資源9. 免費圖庫資源10. 應用類型10.1 畢業專題網站應用10.2 活動網站10.3...
View Article[講義] 使用圖示字體(icon font) Font Awesome
1. 圖示字體(icon font) 2. 使用圖示字體(icon font) Font Awesome3. Font Awesome基本操作4. Font Awesome5新增樣式5. FontAwesome CDN6. 舊版Font Awesome練習1. 圖示字體(icon font) 網頁設計常需要設計小ICON作為辨識內容與增加美觀之用，也為一般所稱之 UI（User Interface...
View Article[講義] OnePage網頁實作解析(一）
1. 前置設定html lang / meta tag 1.1 html lang 語系與字元編碼設定1.2 什麼是 meta tag ?2. 輪播圖Flexslider / Jumbotron 2.1 Flexslider－－方便好用的圖片輪播、滑動切換套件3. Grid system 網格系統3.1 Grid system 網格系統概述3.2 960 網頁格線排版系統4. Reset CSS...
View ArticleClik here to view.
[講義] OnePage網頁實作解析(二）
1. 相片分類與燈箱效果2. 地圖設定1. 相片分類與燈箱效果 html Show All We Design Printing We Development SEO Optimization Eligendi optio cumque webdesign為分類。 col-sm-4為分欄大小，目前為三欄。 準備兩張照片，一為顯示大小550x480，一為燈箱照片大小820x620。...
View ArticleRe: [講義] EDM/Newsletter製作
http://127.0.0.1:52249/preview/app/index.html 設計概念：我希望為自己喜歡的遊戲做一個推廣 製作心得:雖然自己電腦版本是cc版，全是英文看不太懂，但我還是做完啦，英文真的是我人生中的一大阻礙
View ArticleRe: [講義] 使用圖示字體(icon font) Font Awesome
http://127.0.0.1:52249/preview/app/index.html 心得：雖然一開始沒怎麼搞懂怎麼將語法複製貼上，但我還是成功了
View ArticleRe: [講義] OnePage網頁實作解析(一）
http://127.0.0.1:52249/preview/app/index.html 心得：雖然搞了很久，看英文看到腦袋快炸裂，但我還是弄完了
View ArticleRe: [講義01] 以 HTML 與 CSS 完成第一個網頁
1.網址:http://ftp.mepopedia.com/~css107a/hw01/hw01-1065445010/ 2.設計概念與製作心得： 3.何謂HTML、DIV及CSS: 4.附上至少一個覺得設計很有質感的網站，並說明原因 5.期待這門課的學習成果與收穫為何?
View Article[講義] Figma資源分享
https://www.figma.com 線上工具 1.作業二連結範例 https://www.figma.com/file/JPhJ1ZQLQSgPz9J31KyrwyEA/3-elements （以此元素製作新的版面設計） 2. Keynote講義: https://www.figma.com/file/gDlzx0U0sUl7tCgdMP2vwCJX/class-2-keynote 3....
View Article[講義] Free templates及LongPage版型製作初探
1. 相片分類與燈箱效果2. 地圖設定3. 課程影片4. 期中作業OnePage示範範例下載4.1 html lang 語系與字元編碼設定4.2 什麼是 meta tag ?5. 輪播圖Flexslider / Jumbotron 5.1 Flexslider－－方便好用的圖片輪播、滑動切換套件5.2 OnePage輪播圖範例語法6. Grid system 網格系統6.1 Grid system...
View ArticleRe: [講義02] 利用Div標籤與CSS建立基本單欄網頁版型--以單純色塊為例
http://mepopedia.com/~web105-2c/hw02/hw02-1055445010
View ArticleRe: [講義02] 利用Div標籤與CSS建立基本單欄網頁版型--以單純色塊為例
http://mepopedia.com/~web105-2c/hw02/hw02-1055445192 1.製作主題: 穿出嘻哈世代的潮流態度 2.配色風格：粉色馬卡龍 3.有無遇到的問題：無 4.製作感想：比上一次順利太多了
View ArticleClik here to view.
[講義] RWD多頁網頁編輯 (一) skin / navigation / Menu / video
1. Google Fonts 網路中文字型2. 使用Google fonts黑體（思源黑體）3. 使用Google fonts圓體字型4. 使用Google fonts仿宋字型5. 上課影音6. 期末範例7. 網站基本架構--相簿篇8. 相簿8.1 滿版型相簿（四欄）8.2 一般型相簿（四欄）9. RWD-聯絡我們 / 地圖設定10. 上課影音11. 期末範例12. 網站基本架構13....
View ArticleClik here to view.
[講義] RWD多頁網頁編輯 (二) 網頁架構 / 列表頁 / 內容頁 /
1. Google Fonts 網路中文字型2. 使用Google fonts黑體（思源黑體）3. 使用Google fonts圓體字型4. 使用Google fonts仿宋字型5. 上課影音6. 期末範例7. 網站基本架構--相簿篇8. 相簿8.1 滿版型相簿（四欄）8.2 一般型相簿（四欄）9. RWD-聯絡我們 / 地圖設定10. 上課影音11. 期末範例12. 網站基本架構13....
View ArticleClik here to view.
[講義] RWD多頁網頁編輯 (四) 相簿設定 / 聯絡我們
1. Google Fonts 網路中文字型2. 使用Google fonts黑體（思源黑體）3. 使用Google fonts圓體字型4. 使用Google fonts仿宋字型5. 上課影音6. 期末範例7. 網站基本架構--相簿篇8. 相簿8.1 滿版型相簿（四欄）8.2 一般型相簿（四欄）9. RWD-聯絡我們 / 地圖設定10. 上課影音6. 期末範例 上課期末作業範例線上瀏覽--相簿...
View Article