Re: [講義02] 利用Div標籤與CSS建立基本單欄網頁版型--以單純色塊為例
http://mepopedia.com/~web105-2c/hw02/hw02-1055445010 老師我ㄉ第一個作業找不到回應的地方所以我也交來02ㄌ
View ArticleRe: [講義01] 以 HTML 與 CSS 完成第一個網頁
http://mepopedia.com/~css106-2c/hw01/hw01-1055443126 這是我第壹次接觸網頁設計這門課，還挺有趣的，但是學起來也不簡單嗷，我會努力學好的！ 視傳2C-1055443126
View ArticleRe: [講義01] 以 HTML 與 CSS 完成第一個網頁
http://mepopedia.com/~css106-2c/hw01/hw01-1055445135 很有趣 視傳2C
View ArticleRe: [講義01] 以 HTML 與 CSS 完成第一個網頁
http://mepopedia.com/~css106-2c/hw01/hw01-1055445081 謝謝老師~~~~
View ArticleRe: [講義02] 利用Div標籤與CSS建立基本單欄網頁版型--以單純色塊為例
http://mepopedia.com/~web105-2c/hw02/hw02-1055445081 1.製作主題: Daft Punk 2.配色風格：金屬感 3.有無遇到的問題：無 4.製作感想：我是先做好作業2才回去把作業1搞好的~覺得其實沒有很難就是複雜
View ArticleRe: [講義02] 利用Div標籤與CSS建立基本單欄網頁版型--以單純色塊為例
(1).作業網址 ：http://mepopedia.com/~css106-2a/hw02/hw02-1055445007 (2).請回答以下問題： 1.製作主題 :田園風 2.欲呈現之配色風格： 暖色 3..有無遇到的問題?: 沒有 4.製作感想 :配色的時候很開心
View ArticleRe: [講義02] 利用Div標籤與CSS建立基本單欄網頁版型--以單純色塊為例
http://mepopedia.com/~web105-2c/hw02/hw02-1055445192
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-1055445131
View ArticleRe: [講義03] 利用Div標籤與CSS建立基本單欄網頁版型
http://127.0.0.1:50338/preview/app/index.html (2) 風格設定:簡約 時尚 (3) 有無遇到的問題 :無 (4) 製作感想 :不像前面的作業很多只要複製語法 貼上就好那麼簡單 (5) 製作作業的時間:兩個小時
View ArticleRe: [講義07] 以Float：浮動，製作雙欄網頁 (雙欄Float：浮動、Table：表格、錨點、垂直導覽列)
(1).作業網址 : http://mepopedia.com/~web104-2c/hw07/hw07-1055445081/ (2).請回答以下問題： 1.網頁主題： 配色與風格設定: 簡單的 2.有無遇到的問題?網頁好難但好玩，要冷靜下來才能做的好，頭腦還要清楚 3.製作感想 好像是上面的答案 4.製作作業的時間 從不懂到懂大概2hr吧
View ArticleRe: [講義04] 以CSS製作網頁導覽列
(1).作業網址 ： http://mepopedia.com/~web104-2c/hw04/hw04-1055445081 (2).請回答以下問題： 1.導覽列配色與風格設定：簡單的 2.有無遇到的問題? 影片沒聲音只能靠自己的眼睛跟腦袋 3.製作感想 :還好不會很難 4.製作作業的時間 20min(?)
View ArticleRe: [CSS][Table] cellpadding=0 效果等於 td {padding:0;} - Re: 表格的製作
(1).作業網址 ： http://mepopedia.com/~web104-2c/hw05/hw05-1055445081 (2).請回答以下問題： 1.導覽列配色與風格設定：簡單的 2.有無遇到的問題? 沒有太大的問題 3.製作感想 :其實我做錯了我直接跳到06但這是05 4.製作作業的時間 about 2hr
View ArticleClik here to view.
[講義] EDM/Newsletter製作
1. EDM設計原則2. HTML與CSS寫在同一個檔案裡2.0.1 範例：2.1 將css寫在head裡2.2 css inline2.2.1 範例：2.2.2 css inline範例：2.2.3 圖片絕對路徑：2.3 EDM/Newsletter免費版型2.4 課堂範例1. EDM設計原則...
View Article[講義] 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: [講義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 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 ArticleClik here to view.
[講義] Google Fonts 網路中文字型應用
1. Google Fonts 網路中文字型2. 使用Google fonts黑體（思源黑體）3. 使用Google fonts圓體字型4. 使用Google fonts仿宋字型5. 上課影音1. Google Fonts 網路中文字型 Google Fonts https://fonts.google.com Google 推出 5 款免費的中文網頁字型 1. cwTeXKai (Chinese...
View Article