[作業04]期末作業-列表頁設計

[作業04]期末作業-列表頁設計 1. 製作說明2. 繳交作業方式2.0.1 製作完成後，檔案命名方式：2.0.2 上傳至FTP2.0.3 回覆本篇文章[作業04] 期末作業-列表頁設計作業範例：http://jinjin.mepopedia.com/~jinjin/hw/hw04/list.html 期末作業：http://jinjin.mepopedia.com/~jinjin/webdesign-notes/ 1. 製作說明 1.請參考以下講義 [url=http://jinjin.mepopedia.com/~jinjin/webdesign-notes/homework-4.html][作業04講義] 期末作業-列表頁設計/article/section/[/url] 的步驟製作。本單元為作業04，為期末作業次頁，列表頁設計，列表頁通常扮演索引的功能，常出現在首頁之後的次頁，如文章列表頁、新聞列表頁、活動列表頁、相關連結列表頁等。設計內容： 1.延續作業三以期末作業為主題之設定，自行設定主題，針對內容，設定配色及主要風格。 2.本主題之列表頁設定，可設定之主題為第二階層，可往下延伸至第三階層，或做外部連結 3.如為文章列表，第三階層則為文章頁；如為相關連結列表，則可作外部連結。 5.以FileZilla上傳至FTP 2. 繳交作業方式 1. 製作完成後，檔案命名方式：第一個作業FTP上的資料夾為：hw04 每位同學請將自己的資料夾命名為：hw04-學號這個作業的網址則為: http://cute.mepopedia.com/~web107a/hw04/hw04-107xxxxxxx 資料夾內含： 1.html部分：列表頁可命名為list.html，或其他設定好的檔名，首頁則為index.html 2.css部分：命名為style.css 3.img：圖片資料夾存放在 < hw04-學號 > 的資夾內 2. 上傳至FTP 3. 回覆本篇文章作業網址：http://cute.mepopedia.com/~web107a/hw04/hw04-107xxxxxxx/list.html (或其他自行命名的檔名） 1.製作主題： 2.有無遇到的問題? 3.花多少時間製作： 4.製作心得： http://mepopedia.com/forum/read.php?2784,89466,89466#msg-89466 Sun, 25 Oct 2026 08:57:45 +0800 Phorum 5.2.7 http://mepopedia.com/forum/read.php?2784,89466,89827#msg-89827 Re: [作業04]期末作業-列表頁設計 http://mepopedia.com/forum/read.php?2784,89466,89827#msg-89827 1.製作主題：心動城品牌形象網頁
2.有無遇到的問題? 無
3.花多少時間製作： 2H
4.製作心得：繼續前行~]]> 1075445058 107-2《中國》竹視傳一Ａ-網頁設計 Sun, 23 Jun 2019 23:08:35 +0800 http://mepopedia.com/forum/read.php?2784,89466,89808#msg-89808 Re: [作業04]期末作業-列表頁設計 http://mepopedia.com/forum/read.php?2784,89466,89808#msg-89808 1.製作主題：韓國藝人
2.有無遇到的問題? 無
3.花多少時間製作： 2HR
4.製作心得：覺得列表比較簡單]]> 1075445073 107-2《中國》竹視傳一Ａ-網頁設計 Fri, 21 Jun 2019 14:51:52 +0800 http://mepopedia.com/forum/read.php?2784,89466,89806#msg-89806 Re: [作業04]期末作業-列表頁設計 http://mepopedia.com/forum/read.php?2784,89466,89806#msg-89806 1.製作主題：模型製作 DIY
2.有無遇到的問題? 圖片很難用
3.花多少時間製作：昨天和今天
4.製作心得：沒有分配到其它的時間製作]]> 1075445002-1 107-2《中國》竹視傳一Ａ-網頁設計 Fri, 21 Jun 2019 14:21:43 +0800 http://mepopedia.com/forum/read.php?2784,89466,89781#msg-89781 Re: [作業04]期末作業-列表頁設計 http://mepopedia.com/forum/read.php?2784,89466,89781#msg-89781 1.製作主題：輕黏土DIY
2.有無遇到的問題? 無
3.花多少時間製作： 1天
4.製作心得：很累。但很開心~~]]> 1055445208 107-2《中國》竹視傳一Ａ-網頁設計 Thu, 20 Jun 2019 12:09:18 +0800 http://mepopedia.com/forum/read.php?2784,89466,89773#msg-89773 Re: [作業04]期末作業-列表頁設計 http://mepopedia.com/forum/read.php?2784,89466,89773#msg-89773 1.製作主題：我的自我介紹
2.有無遇到的問題? 有
3.花多少時間製作：1天
4.製作心得：很難，但也有學到東西。]]> 1075445061 1A 107-2《中國》竹視傳一Ａ-網頁設計 Thu, 20 Jun 2019 11:42:06 +0800 http://mepopedia.com/forum/read.php?2784,89466,89762#msg-89762 Re: [作業04]期末作業-列表頁設計 http://mepopedia.com/forum/read.php?2784,89466,89762#msg-89762 1.製作主題： ONE OK ROCK
2.有無遇到的問題? 以解決
3.花多少時間製作： 2小時
4.製作心得：作業3做完後作業4很順]]> 1055440093 107-2《中國》竹視傳一Ａ-網頁設計 Thu, 20 Jun 2019 01:20:35 +0800 http://mepopedia.com/forum/read.php?2784,89466,89756#msg-89756 Re: [作業04]期末作業-列表頁設計 http://mepopedia.com/forum/read.php?2784,89466,89756#msg-89756
(2).請回答以下問題：
1.製作主題：偶像介紹
2.欲呈現之配色風格：活潑糖果色系
3.有無遇到的問題? 不會分頁
4.花多少時間製作：好多天
5.製作心得：真難]]> 1075445035 107-2《中國》竹視傳一Ａ-網頁設計 Wed, 19 Jun 2019 23:35:14 +0800 http://mepopedia.com/forum/read.php?2784,89466,89749#msg-89749 Re: [作業04]期末作業-列表頁設計 http://mepopedia.com/forum/read.php?2784,89466,89749#msg-89749 1.製作主題：遊戲網頁
2.網頁類型（活動式/主題式/個人/企業/..)：遊戲
3.導覽列分類（網站內容/中英文）: =-=
4.欲呈現之配色風格：黑暗髒髒的
5.有無遇到的問題? 從頭到尾都是問題
6.花多少時間製作：數不清
7.製作心得：我試著想理解卻理解不能]]> 1075445026 107-2《中國》竹視傳一Ａ-網頁設計 Wed, 19 Jun 2019 23:27:34 +0800 http://mepopedia.com/forum/read.php?2784,89466,89743#msg-89743 Re: [作業04]期末作業-列表頁設計 http://mepopedia.com/forum/read.php?2784,89466,89743#msg-89743 1.製作主題：熱門音樂社
2.有無遇到的問題? 還是覺得很難
3.花多少時間製作： 5小時
4.製作心得：嗚嗚嗚嗚嗚]]> 郭芷芸 107-2《中國》竹視傳一Ａ-網頁設計 Wed, 19 Jun 2019 22:29:21 +0800 http://mepopedia.com/forum/read.php?2784,89466,89734#msg-89734 Re: [作業04]期末作業-列表頁設計 http://mepopedia.com/forum/read.php?2784,89466,89734#msg-89734 1.製作主題：韓國藝人
2.有無遇到的問題? 無
3.花多少時間製作： 3hr
4.製作心得：覺得列表比較簡單]]> 1075445073 107-2《中國》竹視傳一Ａ-網頁設計 Wed, 19 Jun 2019 16:10:18 +0800 http://mepopedia.com/forum/read.php?2784,89466,89710#msg-89710 Re: [作業04]期末作業-列表頁設計 http://mepopedia.com/forum/read.php?2784,89466,89710#msg-89710 1.製作主題：肯德基
2.有無遇到的問題? 很多困難
3.花多少時間製作：3天
4.製作心得：好累...]]> 1075445038 107-2《中國》竹視傳一Ａ-網頁設計 Tue, 18 Jun 2019 21:25:23 +0800 http://mepopedia.com/forum/read.php?2784,89466,89672#msg-89672 Re: [作業04]期末作業-列表頁設計 http://mepopedia.com/forum/read.php?2784,89466,89672#msg-89672 1.製作主題：偶像
2.有無遇到的問題? 有，表格喬不好
3.花多少時間製作： 1小時
4.製作心得：難度越來越高]]> 1075445012 107-2《中國》竹視傳一Ａ-網頁設計 Sat, 15 Jun 2019 23:32:59 +0800 http://mepopedia.com/forum/read.php?2784,89466,89668#msg-89668 Re: [作業04]期末作業-列表頁設計 http://mepopedia.com/forum/read.php?2784,89466,89668#msg-89668 1.製作主題： troye sivan
2.有無遇到的問題? 無
3.花多少時間製作：全部4-5hr在拆開來交
4.製作心得：感覺自己沒有做得很理想]]> 1075445075 林熙恩 107-2《中國》竹視傳一Ａ-網頁設計 Sat, 15 Jun 2019 21:18:38 +0800 http://mepopedia.com/forum/read.php?2784,89466,89662#msg-89662 Re: [作業04]期末作業-列表頁設計 http://mepopedia.com/forum/read.php?2784,89466,89662#msg-89662 1.製作主題：
2.網頁類型（活動式/主題式/個人/企業/..)：個人網站
3.導覽列分類（網站內容/中英文）:食記.IG景點
4.欲呈現之配色風格：粉色
5.有無遇到的問題? 上傳
6.花多少時間製作：6個小時
7.製作心得：比上次難度增加]]> 1075445021 107-2《中國》竹視傳一Ａ-網頁設計 Fri, 14 Jun 2019 15:23:22 +0800 http://mepopedia.com/forum/read.php?2784,89466,89658#msg-89658 Re: [作業04]期末作業-列表頁設計 http://mepopedia.com/forum/read.php?2784,89466,89658#msg-89658 1.製作主題：時裝介紹
2.有無遇到的問題? 超連結網業跑不出來
3.花多少時間製作： 4小時
4.製作心得：腦細胞感覺快被燒完了]]> 1075445063 107-2《中國》竹視傳一Ａ-網頁設計 Fri, 14 Jun 2019 14:41:26 +0800 http://mepopedia.com/forum/read.php?2784,89466,89653#msg-89653 Re: [作業04]期末作業-列表頁設計 http://mepopedia.com/forum/read.php?2784,89466,89653#msg-89653 1.製作主題：個人網站作品區
2.有無遇到的問題?
3.花多少時間製作：兩小時
4.製作心得：經過多次練習我更明白到網頁是如何利用分區塊的方式整合調整]]> YEEJAM 107-2《中國》竹視傳一Ａ-網頁設計 Fri, 14 Jun 2019 14:05:03 +0800 http://mepopedia.com/forum/read.php?2784,89466,89652#msg-89652 Re: [作業04]期末作業-列表頁設計 http://mepopedia.com/forum/read.php?2784,89466,89652#msg-89652 1.製作主題：個人作品集
2.有無遇到的問題?
3.花多少時間製作： 3hr
4.製作心得：]]> 1075445059 107-2《中國》竹視傳一Ａ-網頁設計 Fri, 14 Jun 2019 14:02:39 +0800 http://mepopedia.com/forum/read.php?2784,89466,89643#msg-89643 Re: [作業04]期末作業-列表頁設計 http://mepopedia.com/forum/read.php?2784,89466,89643#msg-89643 1.製作主題：英雄
2.有無遇到的問題? 頭痛
3.花多少時間製作： 2小時
4.製作心得：累難]]> 1075445048 107-2《中國》竹視傳一Ａ-網頁設計 Fri, 14 Jun 2019 13:10:37 +0800 http://mepopedia.com/forum/read.php?2784,89466,89637#msg-89637 Re: [作業04]期末作業-列表頁設計 http://mepopedia.com/forum/read.php?2784,89466,89637#msg-89637 1.製作主題：こまつなな小松菜奈
2.有無遇到的問題? 做CSS的時候還是很混亂。
3.花多少時間製作：黃金48小時
4.製作心得：做炒雞美的小姐姐網頁，沒睡覺也不困。]]> 1055440119 107-2《中國》竹視傳一Ａ-網頁設計 Fri, 14 Jun 2019 08:30:30 +0800 http://mepopedia.com/forum/read.php?2784,89466,89628#msg-89628 Re: [作業04]期末作業-列表頁設計 http://mepopedia.com/forum/read.php?2784,89466,89628#msg-89628 1.製作主題：個人網站
2.有無遇到的問題? 無
3.花多少時間製作： 2小時
4.製作心得：雖然複製網址很累，但看到成品很快樂ε٩(๑> ₃ <)۶з💖]]> 1075445010 107-2《中國》竹視傳一Ａ-網頁設計 Thu, 13 Jun 2019 16:06:18 +0800 http://mepopedia.com/forum/read.php?2784,89466,89613#msg-89613 Re: [作業04]期末作業-列表頁設計 http://mepopedia.com/forum/read.php?2784,89466,89613#msg-89613
1.製作主題：宜蘭新生活。旅遊
2.有無遇到的問題? 無
3.花多少時間製作： 3小時
4.製作心得：很有趣，做完很有成就感]]> 1075445018 107-2《中國》竹視傳一Ａ-網頁設計 Wed, 12 Jun 2019 19:07:12 +0800 http://mepopedia.com/forum/read.php?2784,89466,89605#msg-89605 Re: [作業04]期末作業-列表頁設計 http://mepopedia.com/forum/read.php?2784,89466,89605#msg-89605 1.製作主題：大陸劇
2.有無遇到的問題? 沒
3.花多少時間製作：還好
4.製作心得：重溫劇情變得更加深刻]]> 1075445044 107-2《中國》竹視傳一Ａ-網頁設計 Tue, 11 Jun 2019 05:32:52 +0800 http://mepopedia.com/forum/read.php?2784,89466,89601#msg-89601 Re: [作業04]期末作業-列表頁設計 http://mepopedia.com/forum/read.php?2784,89466,89601#msg-89601 1.製作主題：關於Kanahei
2.有無遇到的問題? 無
3.花多少時間製作： 3小時
4.製作心得：很有成就感!]]> 1075445024 107-2《中國》竹視傳一Ａ-網頁設計 Mon, 10 Jun 2019 21:20:59 +0800 http://mepopedia.com/forum/read.php?2784,89466,89600#msg-89600 Re: [作業04]期末作業-列表頁設計 http://mepopedia.com/forum/read.php?2784,89466,89600#msg-89600 1.製作主題：YOUTUBER : MARKIPLIER
2.有無遇到的問題? 無
3.花多少時間製作：2小時
4.製作心得：很順利]]> 1075445066 107-2《中國》竹視傳一Ａ-網頁設計 Mon, 10 Jun 2019 21:03:38 +0800 http://mepopedia.com/forum/read.php?2784,89466,89592#msg-89592 Re: [作業04]期末作業-列表頁設計 http://mepopedia.com/forum/read.php?2784,89466,89592#msg-89592 1.製作主題：韓團偶像
2.有無遇到的問題? 無
3.花多少時間製作： 1小時
4.製作心得：做完很開心]]> 1075445022 107-2《中國》竹視傳一Ａ-網頁設計 Mon, 10 Jun 2019 17:59:17 +0800 http://mepopedia.com/forum/read.php?2784,89466,89580#msg-89580 Re: [作業04]期末作業-列表頁設計 http://mepopedia.com/forum/read.php?2784,89466,89580#msg-89580 1.製作主題：鄭秀晶
2.有無遇到的問題? 無
3.花多少時間製作：半天
4.製作心得：很累很累很累]]> 陳鈺晴 107-2《中國》竹視傳一Ａ-網頁設計 Sun, 09 Jun 2019 05:17:09 +0800 http://mepopedia.com/forum/read.php?2784,89466,89557#msg-89557 Re: [作業04]期末作業-列表頁設計 http://mepopedia.com/forum/read.php?2784,89466,89557#msg-89557 1.製作主題：韓劇
2.有無遇到的問題? 編排上花很多時間
3.花多少時間製作：兩個小時
4.製作心得：很有成就感]]> kaka6698 107-2《中國》竹視傳一Ａ-網頁設計 Tue, 04 Jun 2019 21:03:35 +0800 http://mepopedia.com/forum/read.php?2784,89466,89556#msg-89556 Re: [作業04]期末作業-列表頁設計 http://mepopedia.com/forum/read.php?2784,89466,89556#msg-89556 1.製作主題：桃園的秘密
2.有無遇到的問題? 無
3.花多少時間製作：兩小時
4.製作心得：很累]]> 悅嘉 107-2《中國》竹視傳一Ａ-網頁設計 Tue, 04 Jun 2019 18:45:01 +0800 http://mepopedia.com/forum/read.php?2784,89466,89536#msg-89536 Re: [作業04]期末作業-列表頁設計 http://mepopedia.com/forum/read.php?2784,89466,89536#msg-89536 1.製作主題：鯨魚
2.有無遇到的問題?有，已解決
3.花多少時間製作： 3小時
4.製作心得：很好]]> 1075445050 107-2《中國》竹視傳一Ａ-網頁設計 Fri, 31 May 2019 13:19:39 +0800 http://mepopedia.com/forum/read.php?2784,89466,89466#msg-89466 [作業04]期末作業-列表頁設計 http://mepopedia.com/forum/read.php?2784,89466,89466#msg-89466

1. 製作說明
2. 繳交作業方式
2.0.1 製作完成後，檔案命名方式：
2.0.2 上傳至FTP
2.0.3 回覆本篇文章

[作業04] 期末作業-列表頁設計

作業範例：http://jinjin.mepopedia.com/~jinjin/hw/hw04/list.html
期末作業：http://jinjin.mepopedia.com/~jinjin/webdesign-notes/

1. 製作說明

1.請參考以下講義

[url=http://jinjin.mepopedia.com/~jinjin/webdesign-notes/homework-4.html][作業04講義] 期末作業-列表頁設計/article/section/[/url] 的步驟製作。

本單元為作業04，為期末作業次頁，列表頁設計，列表頁通常扮演索引的功能，常出現在首頁之後的次頁，如文章列表頁、新聞列表頁、活動列表頁、相關連結列表頁等。

設計內容：
1.延續作業三以期末作業為主題之設定，自行設定主題，針對內容，設定配色及主要風格。
2.本主題之列表頁設定，可設定之主題為第二階層，可往下延伸至第三階層，或做外部連結
3.如為文章列表，第三階層則為文章頁；如為相關連結列表，則可作外部連結。

5.以FileZilla上傳至FTP

2. 繳交作業方式

1. 製作完成後，檔案命名方式：

第一個作業FTP上的資料夾為：hw04

每位同學請將自己的資料夾命名為：hw04-學號
這個作業的網址則為: http://cute.mepopedia.com/~web107a/hw04/hw04-107xxxxxxx

資料夾內含：
1.html部分：列表頁可命名為list.html，或其他設定好的檔名，首頁則為index.html
2.css部分：命名為style.css
3.img：圖片資料夾

存放在 < hw04-學號 > 的資夾內

2. 上傳至FTP

3. 回覆本篇文章

作業網址：http://cute.mepopedia.com/~web107a/hw04/hw04-107xxxxxxx/list.html (或其他自行命名的檔名）
1.製作主題：
2.有無遇到的問題?
3.花多少時間製作：
4.製作心得：]]> JinJin 107-2《中國》竹視傳一Ａ-網頁設計 Fri, 24 May 2019 03:56:08 +0800