1. 參考資料2. 繳交作業3. 評分標準1. 參考資料 請參考 [競賽] 「台灣海報新星獎」 http://mepopedia.com/forum/read.php?2357,56328 以及 2014台灣海報新星獎官網 http://www.taiwanpostar.com/ FB粉絲團訊息 https://www.facebook.com/postartw 競賽收件時間將延長至11月10日 2. 繳交作業 [作業01] 關於VIVA http://mepopedia.com/forum/read.php?2357,56406 [作業02] 競賽得獎海報分析 http://mepopedia.com/forum/read.php?2357,57992 11/03 上課前請小老師預先收齊每位同學作品JPG檔,最後課堂發表與檢討 11/1by JinJin - 103-1《中國》竹視傳二A-視覺傳達設計(一)
1. 參考資料2. 繳交作業3. 評分標準4. 繳交作業方式[作業02] 利用Div標籤與CSS建立基本網頁版型--以單純色塊為例 製作說明 1.請參考 [講義02] 利用Div標籤與CSS建立基本單欄網頁版型--以單純色塊為例 的步驟製作,自行選擇一主題,設定網頁風格,依照所設定風格進行配色。 2.每個同學記得在title的部分打上"視傳二A-學號-以色塊建構的網頁單欄排版" 3.在#wrapper寬度上打上 px的數值 4.#header、#content及#footer內,自行打入不同的內容文字,自行隨意設定 5.請每位同學依步驟完成本單元─網頁版面基本架構與背景色及字體設定後,上傳至FTP 6.本次作業的重點在於: (1)DIV與CSS的設定 (2)利用單純色彩搭配與字體設定設計出具有質感的網頁 4. 繳by JinJin - 103-1《中國》竹視傳二C-網頁設計
1. 參考資料2. 繳交作業3. 評分標準4. 繳交作業方式5. 繳交作業方式[作業02] 利用Div標籤與CSS建立基本網頁版型--以單純色塊為例 製作說明 1.請參考 [講義02] 利用Div標籤與CSS建立基本單欄網頁版型--以單純色塊為例 的步驟製作,自行選擇一主題,設定網頁風格,依照所設定風格進行配色。 2.每個同學記得在title的部分打上"視傳二A-學號-以色塊建構的網頁單欄排版" 3.在#wrapper寬度上打上 px的數值 4.#header、#content及#footer內,自行打入不同的內容文字,自行隨意設定 5.請每位同學依步驟完成本單元─網頁版面基本架構與背景色及字體設定後,上傳至FTP 6.本次作業的重點在於: (1)DIV與CSS的設定 (2)利用單純色彩搭配與字體設定設計出具有質感的網頁by JinJin - 103-1《中國》竹視傳二A-網頁設計
1. 參考資料2. 繳交作業3. 評分標準4. 繳交作業方式5. 繳交作業方式6. Photoshop CC 轉CSS語法官網 http://www.adobe.com/tw/products/photoshop.html 學習與支援 / Photoshop 說明 http://helpx.adobe.com/tw/photoshop/topics.html 《Adobe Photoshop CC》實用新功能重點總整理 http://www.minwt.com/ps/8529.html 2014 Photoshop CC 新功能一覽 http://www.photoblog.hk/wordpress/95112/2014-photoshop-cc-%E6%96%B0%E5%8A%9F%E8%83%BD%E4%B8%80%E8%A6%BD Adobe CCby JinJin - 電腦輔助設計與繪圖
1. 參考資料2. 繳交作業3. 評分標準4. 繳交作業方式5. 繳交作業方式6. Photoshop CC 轉CSS語法7. 參考講義8. 需下載的軟體9. 繳交作業的方式10. 參考範例7. 參考講義 1.[講義01] 以 HTML 與 CSS 完成第一個網頁 8. 需下載的軟體 FileZilla 免費又好用的FTP軟體,供客戶端和伺服器端使用 官方下載網頁:http://filezilla-project.org/ 9. 繳交作業的方式 1.以FTP上傳至老師指定位置,每一個作業都會有一個相對應的資料夾 如:第一個作業的資料夾為:hw01 每位同學請將自己的資料夾命名為:hw01-學號 這個作業的網址則為:http://mepopedia.com/~web103-c/hw01/hw01-102xxxxxxx 2.切勿擅改別人的資料by JinJin - 103-1《中國》竹視傳二C-網頁設計
1. 參考資料2. 繳交作業3. 評分標準4. 繳交作業方式5. 繳交作業方式6. Photoshop CC 轉CSS語法7. 參考講義8. 需下載的軟體9. 繳交作業的方式10. 參考範例11. 參考講義12. 需下載的軟體13. 繳交作業的方式14. 參考範例11. 參考講義 1.[講義01] 以 HTML 與 CSS 完成第一個網頁 12. 需下載的軟體 FileZilla 免費又好用的FTP軟體,供客戶端和伺服器端使用 官方下載網頁:http://filezilla-project.org/ 13. 繳交作業的方式 1.以FTP上傳至老師指定位置,每一個作業都會有一個相對應的資料夾 如:第一個作業的資料夾為:hw01 每位同學請將自己的資料夾命名為:hw01-學號 這個作業的網址則為:http://mepopedia.com/~web1by JinJin - 103-1《中國》竹視傳二A-網頁設計
請針對作業一整理出的「Viva」的意涵,以及蒐集的相關資料,並參考各得獎海報,整理至少五件優秀海報分析,以作為後續設計的依據及參考。 1.[講義] 國際海報雙年展與平面設計獎項 http://mepopedia.com/forum/read.php?2357,56577 2.[講義] 海報欣賞-1 http://mepopedia.com/forum/read.php?2357,56410 並針對上課講義提到的二十項設計規則,列出符合的原則及下述項目分析 1.表現主題 2.主題內容 3.表現形式 4.表現手法 5.色彩計畫 6.符合之設計原則 延續設計上述分析,以的「Viva Grapgy」及「VIVA」為主題的草圖(色稿),至少五個,並寫下設計理念。 請以PPT或其他軟體,整理成簡報形式的檔案,轉成PDF格式直接上傳於此by JinJin - 103-1《中國》竹視傳二A-視覺傳達設計(一)
1. 參考資料2. 繳交作業3. 評分標準4. 繳交作業方式5. 繳交作業方式6. Photoshop CC 轉CSS語法7. 參考講義8. 需下載的軟體9. 繳交作業的方式10. 參考範例11. 參考講義12. 需下載的軟體13. 繳交作業的方式14. 參考範例14.1 長網頁(Long Page Design)14.2 資訊式頁尾(Informative Fat Footer)14.3 巨型導覽選單(Mega Menu)14.4 扁平化介面設計(Flat UI Design)網站設計新技術需求 1.網站版面需有響應式設計(Responsive Web Design),使不同瀏覽裝置皆可獲得最佳之瀏覽體驗。 http://mediaqueri.es/ 2.導入新資訊技術及網站設計思維,如長網頁(Long Page Design)、資訊式頁尾(Informativby JinJin - 網頁設計與語法(HTML/CSS)
1. 參考資料2. 繳交作業3. 評分標準4. 繳交作業方式5. 繳交作業方式6. Photoshop CC 轉CSS語法7. 參考講義8. 需下載的軟體9. 繳交作業的方式10. 參考範例11. 參考講義12. 需下載的軟體13. 繳交作業的方式14. 參考範例14.1 長網頁(Long Page Design)14.2 資訊式頁尾(Informative Fat Footer)14.3 巨型導覽選單(Mega Menu)14.4 扁平化介面設計(Flat UI Design)15. 安裝軟體15.0.1 FileZilla15.0.2 Notepad++15.0.3 Dreamweaver16. 閱讀關於html、css相關書籍,建立網頁設計基本概念17. 教學網站註冊18. 認識瀏覽器18.0.1 Internet Explorer (IE)18.0.2 Google Chrome1by JinJin - 103-1《中國》竹視傳二C-網頁設計
1. 參考資料2. 繳交作業3. 評分標準4. 繳交作業方式5. 繳交作業方式6. Photoshop CC 轉CSS語法7. 參考講義8. 需下載的軟體9. 繳交作業的方式10. 參考範例11. 參考講義12. 需下載的軟體13. 繳交作業的方式14. 參考範例14.1 長網頁(Long Page Design)14.2 資訊式頁尾(Informative Fat Footer)14.3 巨型導覽選單(Mega Menu)14.4 扁平化介面設計(Flat UI Design)15. 安裝軟體15.0.1 FileZilla15.0.2 Notepad++15.0.3 Dreamweaver16. 閱讀關於html、css相關書籍,建立網頁設計基本概念17. 教學網站註冊18. 認識瀏覽器18.0.1 Internet Explorer (IE)18.0.2 Google Chrome1by JinJin - 103-1《中國》竹視傳二A-網頁設計
1. 參考資料2. 繳交作業3. 評分標準4. 繳交作業方式5. 繳交作業方式6. Photoshop CC 轉CSS語法7. 參考講義8. 需下載的軟體9. 繳交作業的方式10. 參考範例11. 參考講義12. 需下載的軟體13. 繳交作業的方式14. 參考範例14.1 長網頁(Long Page Design)14.2 資訊式頁尾(Informative Fat Footer)14.3 巨型導覽選單(Mega Menu)14.4 扁平化介面設計(Flat UI Design)15. 安裝軟體15.0.1 FileZilla15.0.2 Notepad++15.0.3 Dreamweaver16. 閱讀關於html、css相關書籍,建立網頁設計基本概念17. 教學網站註冊18. 認識瀏覽器18.0.1 Internet Explorer (IE)18.0.2 Google Chrome1by JinJin - 103-1《中國》竹視傳四A-畢業專題(一)
1. 參考資料2. 繳交作業3. 評分標準4. 繳交作業方式5. 繳交作業方式6. Photoshop CC 轉CSS語法7. 參考講義8. 需下載的軟體9. 繳交作業的方式10. 參考範例11. 參考講義12. 需下載的軟體13. 繳交作業的方式14. 參考範例14.1 長網頁(Long Page Design)14.2 資訊式頁尾(Informative Fat Footer)14.3 巨型導覽選單(Mega Menu)14.4 扁平化介面設計(Flat UI Design)15. 安裝軟體15.0.1 FileZilla15.0.2 Notepad++15.0.3 Dreamweaver16. 閱讀關於html、css相關書籍,建立網頁設計基本概念17. 教學網站註冊18. 認識瀏覽器18.0.1 Internet Explorer (IE)18.0.2 Google Chrome1by JinJin - 103-1《中國》竹視傳二A-視覺傳達設計(一)
主題:2014年足球世界杯的官方宣傳海報 意念:可持續發展的、歡快團結以及熱愛足球的國度 表現形式: 以代表巴西元素的圖騰的小圖像構成踢足球的圖像、以留白的空間形成巴西地圖 http://www.brandinlabs.com/wp-content/uploads/2013/03/brasil2014-poster9.jpg http://www.brandinlabs.com/2013/03/04/2014%E5%B9%B4%E5%B7%B4%E8%A5%BF%E4%B8%96%E7%95%8C%E6%9D%AF%E5%AE%98%E6%96%B9%E6%B5%B7%E5%A0%B1%E6%8F%AD%E6%9B%89/ 2014年足球世界杯的官方宣傳海報。海報色彩簡潔明亮、內容歡快輕鬆,一如這個國家的風格。在這份巴西官方海報上,兩名球員搶球的動作恰如by JinJin - 103-1《中國》竹視傳二A-視覺傳達設計(一)
1. 參考資料2. 繳交作業3. 評分標準4. 繳交作業方式5. 繳交作業方式6. Photoshop CC 轉CSS語法7. 參考講義8. 需下載的軟體9. 繳交作業的方式10. 參考範例11. 參考講義12. 需下載的軟體13. 繳交作業的方式14. 參考範例14.1 長網頁(Long Page Design)14.2 資訊式頁尾(Informative Fat Footer)14.3 巨型導覽選單(Mega Menu)14.4 扁平化介面設計(Flat UI Design)15. 安裝軟體15.0.1 FileZilla15.0.2 Notepad++15.0.3 Dreamweaver16. 閱讀關於html、css相關書籍,建立網頁設計基本概念17. 教學網站註冊18. 認識瀏覽器18.0.1 Internet Explorer (IE)18.0.2 Google Chrome1by JinJin - 103-1《中國》竹視傳四A-畢業專題(一)
「Viva」在西班牙及法文中意指萬歲或萬歲時的歡呼聲。 請針對「Viva」一詞搜尋整理並描述出他所表達即可延伸的意涵,並以正向積極的方向聯想 1.請描述「Viva」給你的感覺,以 Viva Graphic為主題的海報,你想表現甚麼(或那些)主題?為什麼? 2.以「Viva」為中心,聯想相關的圖像與意涵,請舉出至少十個例子,如: 3.分別以文字、符號、圖像、空間等要素,蒐集可參考之優秀海報以及以歡慶為主題的海報。作為下階段海報分析的樣本。 請以PPT或其他軟體,整理成簡報形式的檔案,轉成PDF格式直接上傳於此,回覆註明學號,檔名請註明:班級,學號,VIVA-1。by JinJin - 103-1《中國》竹視傳二A-視覺傳達設計(一)
1. 參考資料2. 繳交作業3. 評分標準4. 繳交作業方式5. 繳交作業方式6. Photoshop CC 轉CSS語法7. 參考講義8. 需下載的軟體9. 繳交作業的方式10. 參考範例11. 參考講義12. 需下載的軟體13. 繳交作業的方式14. 參考範例14.1 長網頁(Long Page Design)14.2 資訊式頁尾(Informative Fat Footer)14.3 巨型導覽選單(Mega Menu)14.4 扁平化介面設計(Flat UI Design)15. 安裝軟體15.0.1 FileZilla15.0.2 Notepad++15.0.3 Dreamweaver16. 閱讀關於html、css相關書籍,建立網頁設計基本概念17. 教學網站註冊18. 認識瀏覽器18.0.1 Internet Explorer (IE)18.0.2 Google Chrome1by JinJin - 103-1《中國》竹視傳二A-視覺傳達設計(一)
1. 參考資料2. 繳交作業3. 評分標準4. 繳交作業方式5. 繳交作業方式6. Photoshop CC 轉CSS語法7. 參考講義8. 需下載的軟體9. 繳交作業的方式10. 參考範例11. 參考講義12. 需下載的軟體13. 繳交作業的方式14. 參考範例14.1 長網頁(Long Page Design)14.2 資訊式頁尾(Informative Fat Footer)14.3 巨型導覽選單(Mega Menu)14.4 扁平化介面設計(Flat UI Design)15. 安裝軟體15.0.1 FileZilla15.0.2 Notepad++15.0.3 Dreamweaver16. 閱讀關於html、css相關書籍,建立網頁設計基本概念17. 教學網站註冊18. 認識瀏覽器18.0.1 Internet Explorer (IE)18.0.2 Google Chrome1by JinJin - 103-1《中國》竹視傳二A-視覺傳達設計(一)
1. 參考資料2. 繳交作業3. 評分標準4. 繳交作業方式5. 繳交作業方式6. Photoshop CC 轉CSS語法7. 參考講義8. 需下載的軟體9. 繳交作業的方式10. 參考範例11. 參考講義12. 需下載的軟體13. 繳交作業的方式14. 參考範例14.1 長網頁(Long Page Design)14.2 資訊式頁尾(Informative Fat Footer)14.3 巨型導覽選單(Mega Menu)14.4 扁平化介面設計(Flat UI Design)15. 安裝軟體15.0.1 FileZilla15.0.2 Notepad++15.0.3 Dreamweaver16. 閱讀關於html、css相關書籍,建立網頁設計基本概念17. 教學網站註冊18. 認識瀏覽器18.0.1 Internet Explorer (IE)18.0.2 Google Chrome1by JinJin - 103 網頁設計實習專區
1. 參考資料2. 繳交作業3. 評分標準4. 繳交作業方式5. 繳交作業方式6. Photoshop CC 轉CSS語法7. 參考講義8. 需下載的軟體9. 繳交作業的方式10. 參考範例11. 參考講義12. 需下載的軟體13. 繳交作業的方式14. 參考範例14.1 長網頁(Long Page Design)14.2 資訊式頁尾(Informative Fat Footer)14.3 巨型導覽選單(Mega Menu)14.4 扁平化介面設計(Flat UI Design)15. 安裝軟體15.0.1 FileZilla15.0.2 Notepad++15.0.3 Dreamweaver16. 閱讀關於html、css相關書籍,建立網頁設計基本概念17. 教學網站註冊18. 認識瀏覽器18.0.1 Internet Explorer (IE)18.0.2 Google Chrome1by JinJin - 102-2《中國》竹視傳二C-進階網頁設計
1. 參考資料2. 繳交作業3. 評分標準4. 繳交作業方式5. 繳交作業方式6. Photoshop CC 轉CSS語法7. 參考講義8. 需下載的軟體9. 繳交作業的方式10. 參考範例11. 參考講義12. 需下載的軟體13. 繳交作業的方式14. 參考範例14.1 長網頁(Long Page Design)14.2 資訊式頁尾(Informative Fat Footer)14.3 巨型導覽選單(Mega Menu)14.4 扁平化介面設計(Flat UI Design)15. 安裝軟體15.0.1 FileZilla15.0.2 Notepad++15.0.3 Dreamweaver16. 閱讀關於html、css相關書籍,建立網頁設計基本概念17. 教學網站註冊18. 認識瀏覽器18.0.1 Internet Explorer (IE)18.0.2 Google Chrome1by JinJin - 102-2《中國》竹視傳二A-進階網頁設計
1. 參考資料2. 繳交作業3. 評分標準4. 繳交作業方式5. 繳交作業方式6. Photoshop CC 轉CSS語法7. 參考講義8. 需下載的軟體9. 繳交作業的方式10. 參考範例11. 參考講義12. 需下載的軟體13. 繳交作業的方式14. 參考範例14.1 長網頁(Long Page Design)14.2 資訊式頁尾(Informative Fat Footer)14.3 巨型導覽選單(Mega Menu)14.4 扁平化介面設計(Flat UI Design)15. 安裝軟體15.0.1 FileZilla15.0.2 Notepad++15.0.3 Dreamweaver16. 閱讀關於html、css相關書籍,建立網頁設計基本概念17. 教學網站註冊18. 認識瀏覽器18.0.1 Internet Explorer (IE)18.0.2 Google Chrome1by JinJin - 102-2《中國》竹視傳二C-視覺傳達設計(二)
1. 參考資料2. 繳交作業3. 評分標準4. 繳交作業方式5. 繳交作業方式6. Photoshop CC 轉CSS語法7. 參考講義8. 需下載的軟體9. 繳交作業的方式10. 參考範例11. 參考講義12. 需下載的軟體13. 繳交作業的方式14. 參考範例14.1 長網頁(Long Page Design)14.2 資訊式頁尾(Informative Fat Footer)14.3 巨型導覽選單(Mega Menu)14.4 扁平化介面設計(Flat UI Design)15. 安裝軟體15.0.1 FileZilla15.0.2 Notepad++15.0.3 Dreamweaver16. 閱讀關於html、css相關書籍,建立網頁設計基本概念17. 教學網站註冊18. 認識瀏覽器18.0.1 Internet Explorer (IE)18.0.2 Google Chrome1by JinJin - 102-2《中國》竹視傳二A-視覺傳達設計(二)
1. 參考資料2. 繳交作業3. 評分標準4. 繳交作業方式5. 繳交作業方式6. Photoshop CC 轉CSS語法7. 參考講義8. 需下載的軟體9. 繳交作業的方式10. 參考範例11. 參考講義12. 需下載的軟體13. 繳交作業的方式14. 參考範例14.1 長網頁(Long Page Design)14.2 資訊式頁尾(Informative Fat Footer)14.3 巨型導覽選單(Mega Menu)14.4 扁平化介面設計(Flat UI Design)15. 安裝軟體15.0.1 FileZilla15.0.2 Notepad++15.0.3 Dreamweaver16. 閱讀關於html、css相關書籍,建立網頁設計基本概念17. 教學網站註冊18. 認識瀏覽器18.0.1 Internet Explorer (IE)18.0.2 Google Chrome1by JinJin - 網頁設計與語法(HTML/CSS)
1. 參考資料2. 繳交作業3. 評分標準4. 繳交作業方式5. 繳交作業方式6. Photoshop CC 轉CSS語法7. 參考講義8. 需下載的軟體9. 繳交作業的方式10. 參考範例11. 參考講義12. 需下載的軟體13. 繳交作業的方式14. 參考範例14.1 長網頁(Long Page Design)14.2 資訊式頁尾(Informative Fat Footer)14.3 巨型導覽選單(Mega Menu)14.4 扁平化介面設計(Flat UI Design)15. 安裝軟體15.0.1 FileZilla15.0.2 Notepad++15.0.3 Dreamweaver16. 閱讀關於html、css相關書籍,建立網頁設計基本概念17. 教學網站註冊18. 認識瀏覽器18.0.1 Internet Explorer (IE)18.0.2 Google Chrome1by JinJin - 102-2《中國》竹視傳二A-進階網頁設計
1. 參考資料2. 繳交作業3. 評分標準4. 繳交作業方式5. 繳交作業方式6. Photoshop CC 轉CSS語法7. 參考講義8. 需下載的軟體9. 繳交作業的方式10. 參考範例11. 參考講義12. 需下載的軟體13. 繳交作業的方式14. 參考範例14.1 長網頁(Long Page Design)14.2 資訊式頁尾(Informative Fat Footer)14.3 巨型導覽選單(Mega Menu)14.4 扁平化介面設計(Flat UI Design)15. 安裝軟體15.0.1 FileZilla15.0.2 Notepad++15.0.3 Dreamweaver16. 閱讀關於html、css相關書籍,建立網頁設計基本概念17. 教學網站註冊18. 認識瀏覽器18.0.1 Internet Explorer (IE)18.0.2 Google Chrome1by JinJin - 102-2《中國》竹視傳二C-進階網頁設計
1. 參考資料2. 繳交作業3. 評分標準4. 繳交作業方式5. 繳交作業方式6. Photoshop CC 轉CSS語法7. 參考講義8. 需下載的軟體9. 繳交作業的方式10. 參考範例11. 參考講義12. 需下載的軟體13. 繳交作業的方式14. 參考範例14.1 長網頁(Long Page Design)14.2 資訊式頁尾(Informative Fat Footer)14.3 巨型導覽選單(Mega Menu)14.4 扁平化介面設計(Flat UI Design)15. 安裝軟體15.0.1 FileZilla15.0.2 Notepad++15.0.3 Dreamweaver16. 閱讀關於html、css相關書籍,建立網頁設計基本概念17. 教學網站註冊18. 認識瀏覽器18.0.1 Internet Explorer (IE)18.0.2 Google Chrome1by JinJin - 網頁設計與語法(HTML/CSS)
1. 參考資料2. 繳交作業3. 評分標準4. 繳交作業方式5. 繳交作業方式6. Photoshop CC 轉CSS語法7. 參考講義8. 需下載的軟體9. 繳交作業的方式10. 參考範例11. 參考講義12. 需下載的軟體13. 繳交作業的方式14. 參考範例14.1 長網頁(Long Page Design)14.2 資訊式頁尾(Informative Fat Footer)14.3 巨型導覽選單(Mega Menu)14.4 扁平化介面設計(Flat UI Design)15. 安裝軟體15.0.1 FileZilla15.0.2 Notepad++15.0.3 Dreamweaver16. 閱讀關於html、css相關書籍,建立網頁設計基本概念17. 教學網站註冊18. 認識瀏覽器18.0.1 Internet Explorer (IE)18.0.2 Google Chrome1by JinJin - 102-2《中國》竹視傳二C-進階網頁設計
1. 參考資料2. 繳交作業3. 評分標準4. 繳交作業方式5. 繳交作業方式6. Photoshop CC 轉CSS語法7. 參考講義8. 需下載的軟體9. 繳交作業的方式10. 參考範例11. 參考講義12. 需下載的軟體13. 繳交作業的方式14. 參考範例14.1 長網頁(Long Page Design)14.2 資訊式頁尾(Informative Fat Footer)14.3 巨型導覽選單(Mega Menu)14.4 扁平化介面設計(Flat UI Design)15. 安裝軟體15.0.1 FileZilla15.0.2 Notepad++15.0.3 Dreamweaver16. 閱讀關於html、css相關書籍,建立網頁設計基本概念17. 教學網站註冊18. 認識瀏覽器18.0.1 Internet Explorer (IE)18.0.2 Google Chrome1by JinJin - 網頁設計與語法(HTML/CSS)
1. 參考資料2. 繳交作業3. 評分標準4. 繳交作業方式5. 繳交作業方式6. Photoshop CC 轉CSS語法7. 參考講義8. 需下載的軟體9. 繳交作業的方式10. 參考範例11. 參考講義12. 需下載的軟體13. 繳交作業的方式14. 參考範例14.1 長網頁(Long Page Design)14.2 資訊式頁尾(Informative Fat Footer)14.3 巨型導覽選單(Mega Menu)14.4 扁平化介面設計(Flat UI Design)15. 安裝軟體15.0.1 FileZilla15.0.2 Notepad++15.0.3 Dreamweaver16. 閱讀關於html、css相關書籍,建立網頁設計基本概念17. 教學網站註冊18. 認識瀏覽器18.0.1 Internet Explorer (IE)18.0.2 Google Chrome1by JinJin - 102-2《中國》竹視傳二A-進階網頁設計
1. 參考資料2. 繳交作業3. 評分標準4. 繳交作業方式5. 繳交作業方式6. Photoshop CC 轉CSS語法7. 參考講義8. 需下載的軟體9. 繳交作業的方式10. 參考範例11. 參考講義12. 需下載的軟體13. 繳交作業的方式14. 參考範例14.1 長網頁(Long Page Design)14.2 資訊式頁尾(Informative Fat Footer)14.3 巨型導覽選單(Mega Menu)14.4 扁平化介面設計(Flat UI Design)15. 安裝軟體15.0.1 FileZilla15.0.2 Notepad++15.0.3 Dreamweaver16. 閱讀關於html、css相關書籍,建立網頁設計基本概念17. 教學網站註冊18. 認識瀏覽器18.0.1 Internet Explorer (IE)18.0.2 Google Chrome1by JinJin - 102-2《中國》竹視傳二C-進階網頁設計