Welcome! 登入 註冊
專區首頁 專區百科 專區論壇 專區部落格 專區地圖

Advanced

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

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

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

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

1. 製作說明



1.請參考以下講義

[作業04講義] 期末作業-列表頁設計/article/section/ 的步驟製作。

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

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

5.以FileZilla上傳至FTP

2. 繳交作業方式



1. 製作完成後,檔案命名方式:



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

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

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

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


2. 上傳至FTP



3. 回覆本篇文章



作業網址:http://cute.mepopedia.com/~web107b/hw04/hw04-107xxxxxxx/list.html (或其他自行命名的檔名)
1.製作主題:
2.有無遇到的問題?
3.花多少時間製作:
4.製作心得:



Edited 1 time(s). Last edit at 05/30/2019 10:04PM by JinJin.
(編輯記錄)

作業網址:http://cute.mepopedia.com/~web107b/hw04/hw04-1075445045/
1.製作主題: 著名抹茶店家介紹
2.有無遇到的問題? 文字設定,不知道如何把文字置中...等,不知道文字編排的語法。
3.花多少時間製作: 5小時
4.製作心得:查了很多資料,決定之後要吃一波~grinning smiley

作業網址:http://cute.mepopedia.com/~web107b/hw04/hw04-1055433048/other.html
1.製作主題:介紹澎湖
2.有無遇到的問題? 無
3.花多少時間製作:1天
4.製作心得:讓我學到如何做外部連結。

行管三A 葉珈昀 1055433048



Edited 4 time(s). Last edit at 06/07/2019 02:47PM by 1055433048.
(編輯記錄)

作業網址:http://cute.mepopedia.com/~web107b/hw04/hw04-1075445034/6666.html
1.製作主題: 歌手介紹
2.有無遇到的問題: 無
3.花多少時間製作:
4.製作心得:

視傳一B 1075445034

作業網址:http://cute.mepopedia.com/~web107b/hw04/hw04-1045445134
1.製作主題: 都市介紹
2.網頁類型(活動式/主題式/個人/企業/..): 主題
3.導覽列分類(網站內容/中英文): 歷史/地理/文化與生活/交通/旅遊
4.欲呈現之配色風格: 藍色與紅色
5.有無遇到的問題? 沒
6.花多少時間製作: 一天
7.製作心得:看電腦螢幕看到眼睛要脫窗了@@

作業網址:http://cute.mepopedia.com/~web107b/hw04/hw04-1075445068/about.html
1.製作主題:成員介紹
2.有無遇到的問題? 指令有時會忘記
3.花多少時間製作: 4hr
4.製作心得:做完很開心

視傳1B 1075445068

作業網址:http://cute.mepopedia.com/~web107b/hw04/hw04-1075445076
1.製作主題: 藝術村介紹
2.有無問題? 有些顏色無法改
3.花多少時間製作: 兩小時
4.製作心得:希望能夠更精進
視傳1B 1075445076



Edited 1 time(s). Last edit at 06/07/2019 10:43AM by 傑宇.
(編輯記錄)

作業網址:http://cute.mepopedia.com/~web107b/hw04/hw04-1075445007/
1.製作主題: 偶像
2.有無遇到的問題?無
3.花多少時間製作: 一天
4.製作心得:很酷

作業網址:http://cute.mepopedia.com/~web107b/hw04/hw04-1075445785/list.html
1.製作主題: 東京喰種tokyo ghoul
2.有無遇到的問題? 無
3.花多少時間製作:2天
4.製作心得:

作業網址:http://cute.mepopedia.com/~web107b/hw04/hw04-1075445004/list.html
1.製作主題:我未來的夢想
2.有無遇到的問題? 無
3.花多少時間製作:2天
4.製作心得:做完很棒



Edited 1 time(s). Last edit at 06/09/2019 11:13PM by 1075445004 葉沛妘.
(編輯記錄)

作業網址:http://cute.mepopedia.com/~web107b/hw04/hw04-1075445032
1.製作主題: 美食
2.有無遇到的問題? 還好
3.花多少時間製作: 2小時
4.製作心得:還行

作業網址:http://cute.mepopedia.com/~web107b/hw04/hw04-1055433049/music.html
1.製作主題: 介紹 selena gomez
2.有無遇到的問題? 無
3.花多少時間製作: 1天
4.製作心得:雖然比較難一點,還好最後有做出來,我想要介紹他的歌,所以我放了他的影片。



Edited 1 time(s). Last edit at 06/10/2019 08:11PM by 1055433049.
(編輯記錄)

作業網址:http://cute.mepopedia.com/~web107b/hw04/hw04-1075445080
1.製作主題: egg
2.有無遇到的問題? 圖片不知道如何左右移動
3.花多少時間製作: 1天
4.製作心得:



Edited 1 time(s). Last edit at 06/10/2019 08:24PM by 1075445080.
(編輯記錄)

作業網址:http://cute.mepopedia.com/~web107b/hw04/hw04-1075445084
1.製作主題: 魔力紅 私心收藏
2.有無遇到的問題? 讚拉
3.花多少時間製作: 1小時
4.製作心得:愛你沒法度


視傳1b 1075445084 黃章豪

作業網址:http://cute.mepopedia.com/~web107b/hw04/hw04-1075445049/list.html
1.製作主題: WANNAONE
2.有無遇到的問題:要找很多相關資料
3.花多少時間製作: 一小時
4.製作心得:很難

(1).作業網址:http://cute.mepopedia.com/~web107b/hw04/hw04-1075445040

(2).請回答以下問題:
1.製作主題: 蛋糕
2.欲呈現之配色風格: 簡單
3.有無遇到的問題? 沒有
4.花多少時間製作: 2小時
5.製作心得:終於做完了

作業網址:http://cute.mepopedia.com/~web107b/hw04/hw04-1075445082
1.製作主題: 兔子
2.有無遇到的問題? 沒吧
3.花多少時間製作: 2小時
4.製作心得:還行

作業網址:http://cute.mepopedia.com/~web107b/hw04/hw04-1075445072
1.製作主題:聖鬥士星矢:覺醒
2.網頁類型(活動式/主題式/個人/企業/..):主題式
3.導覽列分類(網站內容/中英文): 首頁、聖鬥士介紹、隊伍推薦、小宇宙說明、戰鬥視頻
4.欲呈現之配色風格:咖啡 黯然銷魂
5.有無遇到的問題? 有但是自己解決了
6.花多少時間製作:1天
7.製作心得:學到了如何做出一個完整網頁

視傳1B朱廷翌

作業網址:http://cute.mepopedia.com/~web107b/hw04/hw04-1075445086
1.製作主題: Okinawa
2.有無遇到的問題? 沒有
3.花多少時間製作: 2天
4.製作心得:有一點難但做出來很有成就感



Edited 1 time(s). Last edit at 06/14/2019 02:01PM by 1075445086.
(編輯記錄)

http://cute.mepopedia.com/~web107b/hw04/hw04-1035461031/list.html
1.製作主題:巴拉望
2.有無遇到的問題? 無
3.花多少時間製作: 2小時
4.製作心得:學到很多東西!
1035461031劉貞妏

http://cute.mepopedia.com/~web107b/hw04/hw04-1075445015/
1.製作主題: 育頡的老公
2.有無遇到的問題? 有多問題
3.花多少時間製作: 6小時
4.製作心得:頭還是很痛

作業網址:http://cute.mepopedia.com/~web107b/hw04/hw04-1055443132
1.製作主題: MIT
2.有無遇到的問題? 不会置入影片的图片(滑鼠点击图片可播放)
3.花多少時間製作: 1d
4.製作心得:还好,做多了就熟悉了不少

1055443132-黃喬永

作業網址:http://cute.mepopedia.com/~web107b/hw04/hw04-1075445070/
1.製作主題:嚶嚶嚶我偶像
2.有無遇到的問題? 資料太多了用到眼睛很花絕望
3.花多少時間製作: 3小時
4.製作心得:用到眼睛好花啊嗚嗚



Edited 2 time(s). Last edit at 06/18/2019 08:20PM by 1075445070.
(編輯記錄)

作業網址:http://cute.mepopedia.com/~web107b/hw04/hw04-1075445011/
1.製作主題:AKB48 神七
2.有無遇到的問題? 換頁時會搞混
3.花多少時間製作: 4小時
4.製作心得:換頁時需看清楚



Edited 2 time(s). Last edit at 06/18/2019 07:33PM by 1075445011.
(編輯記錄)

作業網址:http://cute.mepopedia.com/~web107b/hw04/hw04-1075445060/list.html
1.製作主題: 攝影網站
2.有無遇到的問題? 好難喔
3.花多少時間製作: 2hr
4.製作心得:終於做完了

作業網址:http://cute.mepopedia.com/~web107b/hw04/hw04-1075445029/
1.製作主題:喜歡的類別電影
2.有無遇到的問題? 試了很多次將首頁的index放入hw04的資料夾裡,可是不論怎麼用不是只顯示網頁不然就是從做了好多次還是沒用。
3.花多少時間製作:6個小時
4.製作心得:做到已經把檔案搞混了,只能把檔案全刪在重做。



Edited 4 time(s). Last edit at 06/19/2019 03:46AM by 林郁惠.
(編輯記錄)

作業網址:file:///Users/xiaoyouhan/Desktop/hw04-1075445025/index.html
1.製作主題: 個人
2.有無遇到的問題? 無
3.花多少時間製作: 1天
4.製作心得:複雜

作業網址:http://cute.mepopedia.com/~web107b/hw04/hw04-1075445023/list.html
1.製作主題:無
2.有無遇到的問題? 無
3.花多少時間製作: 一個禮拜
4.製作心得:好難,做到頭好痛...

作業網址:http://cute.mepopedia.com/~web107b/hw04/hw04-1075445027/
1.製作主題: Twice
2.有無遇到的問題? 不太會用繞圖排文還有連結
3.花多少時間製作 2天:
4.製作心得:看不太懂,越做越燒腦。



Edited 7 time(s). Last edit at 06/20/2019 08:26AM by 1075445027.
(編輯記錄)

作業網址:http://cute.mepopedia.com/~web107b/hw04/hw04-1075445062
1.製作主題:橘子-生活日記介紹
2.有無遇到的問題? 有
3.花多少時間製作: 1天
4.製作心得:遇到很多困難,最後也都順利解決了。



Edited 1 time(s). Last edit at 06/21/2019 11:18AM by 1075445062.
(編輯記錄)

作業網址:http://cute.mepopedia.com/~web107b/hw04/hw04-1075445079/list.html
2.有無遇到的問題? 分段地方有點複雜
3.花多少時間製作: 8小時
4.製作心得:沒有同學幫忙教我真的不會qq

作業網址:http://cute.mepopedia.com/~web107b/hw04/hw04-1075445043/css.html
1.製作主題: 天竺鼠
2.有無遇到的問題? 找到救星了ಥ_ಥ
3.花多少時間製作: 2h
4.製作心得:

作業網址:http://cute.mepopedia.com/~web107b/hw04/hw04-1075445067/
1.製作主題:kard
2.有無遇到的問題? 很多問題
3.花多少時間製作: 5小時
4.製作心得:聽了很多音樂,我還不唱一波



Edited 1 time(s). Last edit at 06/23/2019 01:39PM by 1075445067.
(編輯記錄)