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

Advanced

[OnePage作業] OnePage作業｜輪播圖｜格線系統｜相簿｜地圖

109-1《中國》竹視傳二-網頁設計 文章列表 發表文章 PDF 列印（下載）
JinJin [ 站內寄信 / PM ]
[OnePage作業] OnePage作業｜輪播圖｜格線系統｜相簿｜地圖

分類標籤: 109-1《中國》竹視傳二-網頁設計
  1. 1. 製作RWD｜OnePage網頁
  2. 2. 作業說明

1. 製作RWD｜OnePage網頁



1.參照講義製作
［講義09］OnePage 網頁｜實作解析(一）｜輪播圖｜Grid System格線系統
［講義10］OnePage 網頁｜實作解析(二）｜相片分類與燈箱效果｜地圖設定


2. 作業說明


1.請以個人網站、作品集、自訂有興趣的等主題製作，作品須原創，不可使用他人作品。

2.參照上課範例，或其他免費版型，挑選一適合期中作業主題的版型，結合選擇之版型製作。

3.需完成之製作項目：
(1)製作個人favicon
(2)使用圖示字體(icon font) Font Awesome，並使用最新版本作更替。
(3)製作輪播圖
(4)了解網頁格線概念，並進行修改。
(5)製作作品分類，並進行修改。

4.製作完畢請上傳FTP，資料夾命名：onepage-學號。

請回覆於作業文章

(1) 作業網址 ：
(1).作業網址：
<a href="http://my.cute.edu.tw/~1085445XXX/onepage-1085445XXX/" target="_blank">OnePage作業網址</a> (2) 參考之版型網址：
(3) 設計主題 / 風格
(4) 導覽列項目：
(5) 遇到之問題:
(6) 製作時間:
(7) 製作心得:

班級，學號

課程影片



Edited 2 time(s). Last edit at 11/17/2020 10:19AM by JinJin.
(編輯記錄)

推薦 / 評論　 分享到Facebook     回應文章 Quote
1085445083 [ 站內寄信 / PM ]
Re: [OnePage作業] OnePage作業｜輪播圖｜格線系統｜相簿｜地圖

分類標籤: 109-1《中國》竹視傳二-網頁設計
(1) 作業網址 ：http://my.cute.edu.tw/~1085445083/onepage-1085445083/
(1).作業網址：OnePage作業網址
(2) 參考之版型網址：http://file.mepopedia.com/~css108b/midterm/midterm-1075445086/
(3) 設計主題 / 風格:介紹日本/櫻花的粉加上古風的感覺
(4) 導覽列項目：Home/About/Understand/Photo/Events/Map
(5) 遇到之問題:網頁上方icon不會顯示,找不到顏色去哪改
(6) 製作時間:7小時左右
(7) 製作心得:比之前又更進步了,但感覺腦袋快爆炸了

班級:視傳2A
學號:1085445083

推薦 / 評論　 分享到Facebook     回應文章 Quote
1085445013 [ 站內寄信 / PM ]
Re: [OnePage作業] OnePage作業｜輪播圖｜格線系統｜相簿｜地圖

分類標籤: 109-1《中國》竹視傳二-網頁設計
(1) 作業網址 ：http://my.cute.edu.tw/~1085445013/onepage-1085445013/
(1).作業網址：OnePage作業網址
(2) 參考之版型網址：http://file.mepopedia.com/~css108b/midterm/midterm-1055440093/
(3) 設計主題 / 風格: Hsinchu(新竹) / 藍色系，清爽感，可聯想到旅遊、藍天、海~
(4) 導覽列項目：Home / About / Details / Photo / Activities / Map
(5) 遇到之問題: 太多的語法，更改顏色、字體、大小要找比較久。
(6) 製作時間: 加起來大約一天
(7) 製作心得: 雖然腦袋快炸了，但自己摸索做出來很有成就感 !

視傳2A，1085445013

推薦 / 評論　 分享到Facebook     回應文章 Quote
1085445086 [ 站內寄信 / PM ]
Re: [OnePage作業] OnePage作業｜輪播圖｜格線系統｜相簿｜地圖

分類標籤: 109-1《中國》竹視傳二-網頁設計
(1).作業網址：
OnePage作業網址
(2) 參考之版型網址：http://file.mepopedia.com/~css108a/midterm/midterm-1075445037/
(3) 設計主題 / 風格:採用較可愛的風格
(4) 導覽列項目：HOME ABOUT RELASX KIND SHARE CONTACT
(5) 遇到之問題:很容易漏掉細節的東西 或是括號
(6) 製作時間:快要1天
(7) 製作心得:雖然真的越來越難，但是感覺自己越來進步

視傳2B，1085445086

推薦 / 評論　 分享到Facebook     回應文章 Quote
1085445052 [ 站內寄信 / PM ]
Re: [OnePage作業] OnePage作業｜輪播圖｜格線系統｜相簿｜地圖

分類標籤: 109-1《中國》竹視傳二-網頁設計
(1) 作業網址 ：http://my.cute.edu.tw/~1085445052/onepage
(1).作業網址：OnePage作業網址
(2) 參考之版型網址：http://file.mepopedia.com/~css108b/midterm/midterm-1075445086/
(3) 設計主題 / 風格:介紹台灣/充滿旅遊輕快感覺
(4) 導覽列項目：首頁/前言/推薦/景點/圖片區/活動
(5) 遇到之問題:找不到顏色去哪改，跳來跳去容易眼花
(6) 製作時間:7-8小時左右
(7) 製作心得:比之前又更進步了,但感覺腦袋快爆炸了，但很有成就

班級:視傳2B
學號:1085445052

推薦 / 評論　 分享到Facebook     回應文章 Quote
MEPOERs said:
JinJin: 多出Z，頁尾註明出處及版權、聯絡資訊
1085445067 [ 站內寄信 / PM ]
Re: [OnePage作業] OnePage作業｜輪播圖｜格線系統｜相簿｜地圖

分類標籤: 109-1《中國》竹視傳二-網頁設計
(1) 作業網址 ：
OnePage作業網址
(2) 參考之版型網址：老師給的範例下載
(3) 設計主題 / 風格:暖暖的很日常可愛又有點嚴肅，讓大家不畏懼得去認識bjd的圈子
(4) 導覽列項目：Home / About / Details / Photo / Activities / Map
(5) 遇到之問題:太多的語法，更改顏色、字體、大小要找比較久。
(6) 製作時間:一周
(7) 製作心得:很難，但是做完真的很有成就感，中途雖然檔案壞掉一次過，但是找老師討論後就恢復了!可喜可賀不然我真的要哭死了，雖然做的過程很頭痛但是瀏覽自己做完的網頁真的很佩服自己而且越做越順手，其實網頁也挺好玩的，沒想像中的可怕。

班級:視傳2A
學號:1085445067



Edited 1 time(s). Last edit at 12/22/2020 03:03PM by 1085445067.
(編輯記錄)

推薦 / 評論　 分享到Facebook     回應文章 Quote
MEPOERs said:
JinJin: 需補連結、聯絡資訊、資料來源、版權宣告
1085445014 [ 站內寄信 / PM ]
Re: [OnePage作業] OnePage作業｜輪播圖｜格線系統｜相簿｜地圖

分類標籤: 109-1《中國》竹視傳二-網頁設計
http://my.cute.edu.tw/~1085445014/hw03-1085445014/
(2) 參考之版型網址：老師的
(3) 設計主題 / 風格：idol團體曲風
(4) 導覽列項目：首頁 關於他們 成員介紹 各種帥照 推薦歌曲
(5) 遇到之問題:找圖花時間
(6) 製作時間:3小時以上
(7) 製作心得:很困難 但做完很有成就感

視傳2A 1085445014



Edited 2 time(s). Last edit at 12/22/2020 06:44PM by 1085445014.
(編輯記錄)

推薦 / 評論　 分享到Facebook     回應文章 Quote
MEPOERs said:
JinJin: 補相片說明、聯絡資訊、資料來源、版權宣告
1085445001 [ 站內寄信 / PM ]
Re: [OnePage作業] OnePage作業｜輪播圖｜格線系統｜相簿｜地圖

分類標籤: 109-1《中國》竹視傳二-網頁設計
(1) 作業網址 ：http://my.cute.edu.tw/~1085445001/onepage/
(1).作業網址：OnePage作業網址
(2) 參考之版型網址：老師的範例網址以及學長姐的範例 http://file.mepopedia.com/~css108a/midterm/midterm-1075445037/
(3) 設計主題 / 風格：遊戲、治癒
(4) 導覽列項目：HOME、ABOUT、MUSIC、STARS、CONTACT
(5) 遇到之問題:下拉式選單無法正常拉開
(6) 製作時間:一週
(7) 製作心得:製作onepage時，遇到的問題不多，但是遇到問題是還是很懊惱，會找不到原因，但經過老師的指導後就非常明瞭了！

班級：視傳2A
學號：1085445001

推薦 / 評論　 分享到Facebook     回應文章 Quote
MEPOERs said:
JinJin: 補聯絡資訊、資料來源、版權宣告
1085445046 [ 站內寄信 / PM ]
Re: [OnePage作業] OnePage作業｜輪播圖｜格線系統｜相簿｜地圖

分類標籤: 109-1《中國》竹視傳二-網頁設計
(1).作業網址：
OnePage作業網址
(2) 參考之版型網址：老師
(3) 設計主題 / 風格:希林娜依 高簡介，女團美美的風格，配合她的應援色-顆粒藍(深藍)
(4) 導覽列項目：首頁/關於/團隊/照片/歌曲/聯絡我們
(5) 遇到之問題:東西較多，需要花比較多時間去做。
(6) 製作時間:3~4小時左右
(7) 製作心得:一開始比較複雜，但看著講義跟範例也比較熟悉了，成功做出來自己偶像的介面很有成就感!

班級 視傳2B，學號 1085445046

推薦 / 評論　 分享到Facebook     回應文章 Quote
MEPOERs said:
JinJin: 補聯絡資訊、資料來源
1085445055 [ 站內寄信 / PM ]
Re: [OnePage作業] OnePage作業｜輪播圖｜格線系統｜相簿｜地圖

分類標籤: 109-1《中國》竹視傳二-網頁設計
(1).作業網址：
OnePage作業網址
(2) 參考之版型網址：https://www.cachou.art/store
(3) 設計主題 / 風格:簡約
(4) 導覽列項目：首頁/關於/合作品牌/個人品牌/作品
(5) 遇到之問題:不熟悉DW，找程式碼通常要找很久
(6) 製作時間:2-3小時
(7) 製作心得:希望從頭學。

視傳2A 1085445055 潘梵熙

推薦 / 評論　 分享到Facebook     回應文章 Quote
MEPOERs said:
JinJin: 補相片說明、聯絡資訊、資料來源、版權宣告、網頁圖示
1075445091 [ 站內寄信 / PM ]
Re: [OnePage作業] OnePage作業｜輪播圖｜格線系統｜相簿｜地圖

分類標籤: 109-1《中國》竹視傳二-網頁設計
(1) 作業網址 ：http://my.cute.edu.tw/~1075445091/onepage-1075445091/
(1).作業網址：
OnePage作業網址
(2) 參考之版型網址：http://file.mepopedia.com/~css108a/midterm/midterm-1075445015/
(3) 設計主題 / 風格：idol介紹-王嘉爾
(4) 導覽列項目：首頁\About\Know\Picture\Official account\Map
(5) 遇到之問題:圖片沒有統一大小，所以位置跑掉
(6) 製作時間:一週
(7) 製作心得:不簡單，但做得很開心

視傳3B，1075445091

推薦 / 評論　 分享到Facebook     回應文章 Quote
MEPOERs said:
JinJin: 補聯絡資訊、資料來源
1085445031 [ 站內寄信 / PM ]
Re: [OnePage作業] OnePage作業｜輪播圖｜格線系統｜相簿｜地圖

分類標籤: 109-1《中國》竹視傳二-網頁設計
(1) 作業網址 ： http://my.cute.edu.tw/~1085445031/onepage-1085445031/
(1).作業網址：
OnePage作業網址
(2) 參考之版型網址： http://file.mepopedia.com/~css108b/midterm/midterm-1075445068/
(3) 設計主題 / 風格 ：氣質、穩重
(4) 導覽列項目： 首頁 / 關於 / 認識他 / 照片 / 官方 / 地圖
(5) 遇到之問題: 找圖位置花很多時間
(6) 製作時間: 5~6小時
(7) 製作心得: 跟著影片講義範例，學習修改就沒想像中的困難

班級 視傳2A，學號 108544031

推薦 / 評論　 分享到Facebook     回應文章 Quote
MEPOERs said:
JinJin: 補聯絡資訊、資料來源
JAMIE1103 [ 站內寄信 / PM ]
Re: [OnePage作業] OnePage作業｜輪播圖｜格線系統｜相簿｜地圖

分類標籤: 109-1《中國》竹視傳二-網頁設計
(1) 作業網址 ：
(1).作業網址：
OnePage作業網址
(2) 參考之版型網址：http://file.mepopedia.com/~css108a/midterm/midterm-1075445015/
(3) 設計主題 / 風格:偶像介紹/顏色鮮艷強調整體
(4) 導覽列項目：IDOl 團體 個人簡介 認識他
(5) 遇到之問題: 找圖較花時間
(6) 製作時間: 3HR
(7) 製作心得:做完很有成就感，慢慢了解講義就越做越順手!

視傳2A 1085445015 陳韋潔



Edited 1 time(s). Last edit at 12/29/2020 02:20PM by JAMIE1103.
(編輯記錄)

推薦 / 評論　 分享到Facebook     回應文章 Quote
MEPOERs said:
JinJin: 補聯絡資訊、資料來源
1085445074 [ 站內寄信 / PM ]
Re: [OnePage作業] OnePage作業｜輪播圖｜格線系統｜相簿｜地圖

分類標籤: 109-1《中國》竹視傳二-網頁設計
請回覆於作業文章

(1).作業網址：
OnePage作業網址
(2) 參考之版型網址：
(3) 設計主題 / 風格 偶像介紹
(4) 導覽列項目：首頁 個人資料 影視作品 品牌代言 音樂作品
(5) 遇到之問題:會找到眼睛很花
(6) 製作時間:2天
(7) 製作心得:一開始很抗拒 但一步一步慢慢做出來之後 會很有成就感

視傳2a，1085445074



Edited 3 time(s). Last edit at 12/29/2020 03:00PM by 1085445074.
(編輯記錄)

推薦 / 評論　 分享到Facebook     回應文章 Quote
MEPOERs said:
JinJin: 補聯絡資訊、資料來源
1085445062 [ 站內寄信 / PM ]
Re: [OnePage作業] OnePage作業｜輪播圖｜格線系統｜相簿｜地圖

分類標籤: 109-1《中國》竹視傳二-網頁設計
1作業網址http://my.cute.edu.tw/~1085445062/onepage-1085445062/
(2) 參考之版型網址：老師給的所有學長姐範例都看過
(3) 設計主題 / 風格 作品集
(4) 導覽列項目：關於 深入 作品 CONTACT
(5) 遇到之問題:問題不大能慢慢解決
(6) 製作時間:4小時
(7) 製作心得:範例看熟後基本上就是改改字而已 其實還滿簡單的做完滿有成就感的

班級，學號視傳2B 1085445062

推薦 / 評論　 分享到Facebook     回應文章 Quote
MEPOERs said:
JinJin: 色彩
1075445078 [ 站內寄信 / PM ]
Re: [OnePage作業] OnePage作業｜輪播圖｜格線系統｜相簿｜地圖

分類標籤: 109-1《中國》竹視傳二-網頁設計
(1).作業網址：
http://my.cute.edu.tw/~1075445078/onepage-1075445078/
(2) 參考之版型網址：學長姊的作業
(3) 設計主題 / 風格 狗狗介紹/咖啡色風格
(4) 導覽列項目：主頁/關於/圖片/IG
(5) 遇到之問題:不會放圖片
(6) 製作時間:半天
(7) 製作心得:還沒做完，到時候再補交

班級，學號 視傳3B/1075445078

推薦 / 評論　 分享到Facebook     回應文章 Quote
MEPOERs said:
JinJin: 尚未完成，請加油
1075445094 [ 站內寄信 / PM ]
Re: [OnePage作業] OnePage作業｜輪播圖｜格線系統｜相簿｜地圖

分類標籤: 109-1《中國》竹視傳二-網頁設計  109-1《中國》竹視傳二-網頁設計
(1).作業網址：
OnePage作業網址

(2) 參考之版型網址：老師的偉大範例作品

(3) 設計主題 / 風格:個人履歷自傳 / 簡簡單單

(4) 導覽列項目：首頁/關於我/軟體設備/影片作品/影片連結/就讀學校

(5) 遇到之問題:在連結FB、IG、信箱那邊有遇到問題，我一開始是改成YT的ICON想要連結YT，但結果不行，試試看連結信箱也沒辦法，但我後來知道是要加一個語法讓他有連結，點了之後能有選擇用甚麼打開的方式，但點開其實也連不到自己的E-Mail我就不用了，我在連結FB的時候貼上網址也會跟連結YT一樣沒辦法正確開啟，會空白還是出現連接錯誤的樣子，後來是用之前教的blank解決。

(6) 製作時間:不知道~可能很長很長很長，都在自己研究每個項目，還有改CSS的模式測試玩玩看。

(7) 製作心得:在製作的時候遇到蠻多問題的，關於更改版面的設定不確定是在CSS本身的設定還是我應該更改本身相片尺寸，遇到問題之後，也嘗試用其他的寫法解決，蠻有成就感的，在沒有事情的情況下很開心，但在有一堆事要忙的情況，就很煩躁，哈。

班級:視傳3A ，學號:1075445094

推薦 / 評論　 分享到Facebook     回應文章 Quote
1085445068 [ 站內寄信 / PM ]
Re: [OnePage作業] OnePage作業｜輪播圖｜格線系統｜相簿｜地圖

分類標籤: 109-1《中國》竹視傳二-網頁設計
(1) 作業網址 ：
OnePage作業網址
(2) 參考之版型網址：無
(3) 設計主題 / 風格:宮崎駿電影
(4) 導覽列項目：電影介紹
(5) 遇到之問題:圖片用有點久
(6) 製作時間:10小時
(7) 製作心得:很有成就感

班級，學號 視傳2B，1085445068

推薦 / 評論　 分享到Facebook     回應文章 Quote
MEPOERs said:
JinJin: 顏色、連結、資料來源、相片放大
1085445048 [ 站內寄信 / PM ]
Re: [OnePage作業] OnePage作業｜輪播圖｜格線系統｜相簿｜地圖

分類標籤: 109-1《中國》竹視傳二-網頁設計
(1) 作業網址 ：OnePage作業網址
(2) 參考之版型網址：老師的網址範例
(3) 設計主題 / 風格 : 深藍色跟軍綠色配色，恐怖電影介紹
(4) 導覽列項目：首頁/劇情/工作團隊/照片/著作/資訊
(5) 遇到之問題 : 照片要找很多，用到眼花
(6) 製作時間 : 5-6小時
(7) 製作心得 : 很難，做很久，可是很有成就感

班級 : 視傳2B，學號 : 1085445048

推薦 / 評論　 分享到Facebook     回應文章 Quote
MEPOERs said:
JinJin: 補資料來源
1085445066 [ 站內寄信 / PM ]
Re: [OnePage作業] OnePage作業｜輪播圖｜格線系統｜相簿｜地圖

分類標籤: 109-1《中國》竹視傳二-網頁設計
(1).作業網址：
OnePage作業網址
(2) 參考之版型網址：老師的網址範例。
(3) 設計主題 / 風格:帶有科技感的色調。
(4) 導覽列項目：關於氣體的知識。
(5) 遇到之問題:還挺多的，後來逐漸有完成了些。
(6) 製作時間:5h
(7) 製作心得:經常搞不懂哪些東西要放在哪裡(原始碼)◎＿◎，但老師很有耐心的教。

班級:視傳2b，學號1085445066



Edited 2 time(s). Last edit at 12/29/2020 05:54PM by 1085445066.
(編輯記錄)

推薦 / 評論　 分享到Facebook     回應文章 Quote
MEPOERs said:
JinJin: 補連結、聯絡資訊、資料來源
1085445043 [ 站內寄信 / PM ]
Re: [OnePage作業] OnePage作業｜輪播圖｜格線系統｜相簿｜地圖

分類標籤: 109-1《中國》竹視傳二-網頁設計  1085445043
請回覆於作業文章

(1).作業網址：
OnePage作業網址
(2) 參考之版型網址：老師給的範例再自己更改
(3) 設計主題 / 風格 : 溫和極簡風
(4) 導覽列項目：HOME / ABOUT / KNOWLEDGE / STILLS / TEAM /CONTACT
(5) 遇到之問題: 要專心細心去找
(6) 製作時間: 10小時左右
(7) 製作心得: 眼睛很酸但是有成就感 雖然是老師給的骨架去改 但還是學習到很多 老師的教學影片也超級有用 不會能一直重複看!

視傳2A 1085445043

推薦 / 評論　 分享到Facebook     回應文章 Quote
MEPOERs said:
JinJin: 補聯絡資訊、資料來源
1085445045 [ 站內寄信 / PM ]
Re: [OnePage作業] OnePage作業｜輪播圖｜格線系統｜相簿｜地圖

分類標籤: 109-1《中國》竹視傳二-網頁設計
(1) 作業網址 ：
(1).作業網址：http://my.cute.edu.tw/~1085445045/onepage-1085445045/
OnePage作業網址
(2) 參考之版型網址：
(3) 設計主題 / 風格
A : 小琉球，以天空 海洋 為主題~並以海藍色為主要風格
(4) 導覽列項目：
A : HOME / ABOUT / DETAILED / SIGHTSEEING / TRAFFIC / CONTACT
(5) 遇到之問題:
A : 影片連結和網站連結花較多時間才成功
(6) 製作時間:
A : 一周左右，每天各花四到五小時
(7) 製作心得:
A : 電腦方面一直不太擅長的我，雖然要花較多時間研究和學習，也不斷覺得挫折，但最後完成了還是很開心很有成就感 !

視傳2A 1085445045 羅婉瑜

推薦 / 評論　 分享到Facebook     回應文章 Quote
MEPOERs said:
JinJin: 請補聯絡資訊
1085445045: 已修改完畢，謝謝老師
1085445021 [ 站內寄信 / PM ]
Re: [OnePage作業] OnePage作業｜輪播圖｜格線系統｜相簿｜地圖

分類標籤: 109-1《中國》竹視傳二-網頁設計
(1).作業網址：
OnePage作業網址
(2) 參考之版型網址：參考版型網址
(3) 設計主題 / 風格：可愛可愛
(4) 導覽列項目：HOME | ABOUT | UNDERSTAND | VARIETY | STAR | CONTACT
(5) 遇到之問題:圖片因為Dw自動加了""的關係顯示不出來QQ
(6) 製作時間:3小時up
(7) 製作心得:需要在頭腦清晰的時候做~專注力要很高很高

視傳2A 1085445021

推薦 / 評論　 分享到Facebook     回應文章 Quote
MEPOERs said:
JinJin: 補聯絡資訊、資料來源
這甚麼到底甚麼閃現 [ 站內寄信 / PM ]
Re: [OnePage作業] OnePage作業｜輪播圖｜格線系統｜相簿｜地圖

分類標籤: 109-1《中國》竹視傳二-網頁設計
(1).作業網址：
OnePage作業網址
(2) 參考之版型網址：
(3) 設計主題 / 風格:Coldplay/黃色風
(4) 導覽列項目：HOME/ABOUT/SONG/PHOTOGRAPH/MEMBER/CONTACT
(5) 遇到之問題:基本上沒甚麼問題
(6) 製作時間:4-5小時
(7) 製作心得:一開始很排斥，但最後接受了



Edited 3 time(s). Last edit at 01/05/2021 01:14PM by 這甚麼到底甚麼閃現.
(編輯記錄)

推薦 / 評論　 分享到Facebook     回應文章 Quote
MEPOERs said:
JinJin: 補聯絡資訊、資料來源、版權宣告
1085445041 [ 站內寄信 / PM ]
Re: [OnePage作業] OnePage作業｜輪播圖｜格線系統｜相簿｜地圖

分類標籤: 109-1《中國》竹視傳二-網頁設計
(1) 作業網址 ：http://my.cute.edu.tw/~1085445041/onepage-1085445041/
(1).作業網址：
OnePage作業網址
(2) 參考之版型網址：老師提供的範本
(3) 設計主題 / 風格：個人網頁／小清新
(4) 導覽列項目：HOME／ABOUT／SOME／MEMORY／JOURNEY／BLUEPRINT
(5) 遇到之問題:放在style裡面的圖片超難找，還以為是在html裡面，找了老半天
(6) 製作時間:一週
(7) 製作心得:挺好玩的，很新鮮~

視傳2A，1085445041

推薦 / 評論　 分享到Facebook     回應文章 Quote
MEPOERs said:
JinJin: 補連結、資訊
1085445047 [ 站內寄信 / PM ]
Re: [OnePage作業] OnePage作業｜輪播圖｜格線系統｜相簿｜地圖

分類標籤: 109-1《中國》竹視傳二-網頁設計
(1).作業網址：
OnePage作業網址
(2) 參考之版型網址：
(3) 設計主題 / 風格:歐洲 英國
(4) 導覽列項目：
(5) 遇到之問題:找不到1900的圖在哪改
(6) 製作時間:8-9小時
(7) 製作心得:做完很好 但是真的要花很多時間

視傳2A 1085445047



Edited 1 time(s). Last edit at 01/05/2021 01:20PM by 1085445047.
(編輯記錄)

推薦 / 評論　 分享到Facebook     回應文章 Quote
MEPOERs said:
JinJin: 顏色、補連結、來源、聯絡資訊
郭珈妤 [ 站內寄信 / PM ]
Re: [OnePage作業] OnePage作業｜輪播圖｜格線系統｜相簿｜地圖

分類標籤: 109-1《中國》竹視傳二-網頁設計
(1) 作業網址 ：http://my.cute.edu.tw/~1085443041/onepage-1085443041/
(1).作業網址：OnePage作業網址
(2) 參考之版型網址：http://file.mepopedia.com/~css108b/midterm/midterm-1075445086/
(3) 設計主題 / 風格:因為很喜歡cos所以想做關於她的頁面!配色也選用她最喜歡的奶茶/咖啡色系~
(4) 導覽列項目：Home/About/Co-branding/cos's lovely/film/contact
(5) 遇到之問題:主題上決定比較久，地圖跟影片放置有問題
(6) 製作時間:5小時左右
(7) 製作心得:做完真的覺得好喜歡~大概是因為做自己喜歡的人~

班級:視傳2B
學號:1085443041

推薦 / 評論　 分享到Facebook     回應文章 Quote
MEPOERs said:
JinJin: 資料夾、聯絡資訊、資料來源、地圖比例
1085445039 [ 站內寄信 / PM ]
Re: [OnePage作業] OnePage作業｜輪播圖｜格線系統｜相簿｜地圖

分類標籤: 109-1《中國》竹視傳二-網頁設計
(1) 作業網址 ：
(1).作業網址：
OnePage作業網址
(3) 設計主題:中國風格 / 風格
(4) 導覽列項目：介紹天津旅遊地方，讓大家知道好玩的地方
(5) 遇到之問題:照片一直放不下去，之後，之後知道怎麼放
(6) 製作時間:5小時
(7) 製作心得:慢慢知道怎麼做網頁，現在做的比較順利了～(開心)

2A 1085445039



Edited 1 time(s). Last edit at 01/05/2021 02:11PM by 1085445039.
(編輯記錄)

推薦 / 評論　 分享到Facebook     回應文章 Quote
MEPOERs said:
JinJin: 信箱、資料來源、版權宣告
1085445017 [ 站內寄信 / PM ]
Re: [OnePage作業] OnePage作業｜輪播圖｜格線系統｜相簿｜地圖

分類標籤: 109-1《中國》竹視傳二-網頁設計
(1) 作業網址 ：http://my.cute.edu.tw/~1085445017/onepage/
(1).作業網址：
OnePage作業網址
(2) 參考之版型網址：老師給的範例下載
(3) 設計主題 / 風格：簡約風
(4) 導覽列項目：Home / About / Details / Photo / Map
(5) 遇到之問題:照片位置不對或者顯示不出來
(6) 製作時間:5小時左右
(7) 製作心得:非常的難，一開始看到一堆英文跟一堆數字，讓我覺得我在看一大串亂碼一樣，光熟悉加翻譯差不多就已經花了一個小時左右，不過最後做出來的當下是很有成就感的。



Edited 2 time(s). Last edit at 01/05/2021 03:00PM by 1085445017.
(編輯記錄)

推薦 / 評論　 分享到Facebook     回應文章 Quote
MEPOERs said:
JinJin: 顏色、相片說明
1085445059 [ 站內寄信 / PM ]
Re: [OnePage作業] OnePage作業｜輪播圖｜格線系統｜相簿｜地圖

分類標籤: 109-1《中國》竹視傳二-網頁設計
(1).作業網址：
http://my.cute.edu.tw/~1085445059/onepage-1085445059/
(2) 參考之版型網址：http://file.mepopedia.com/~css108b/midterm/midterm-1075445086/
(3) 設計主題 / 風格: Floral,Flower,Nature
(4) 導覽列項目：Home/About/Into/Photo/Flora/Contact
(5) 遇到之問題: -
(6) 製作時間: 5Hour
(7) 製作心得: -

2A 1085445059

推薦 / 評論　 分享到Facebook     回應文章 Quote
MEPOERs said:
JinJin: 補資料來源、版權宣告
1085445028 [ 站內寄信 / PM ]
Re: [OnePage作業] OnePage作業｜輪播圖｜格線系統｜相簿｜地圖

分類標籤: 109-1《中國》竹視傳二-網頁設計
(1).作業網址：
OnePage作業網址
(2) 參考之版型網址：同學陳怡文的
(3) 設計主題 / 風格：寵物部落格的感覺
(4) 導覽列項目：首頁、嗚米、養兔知識、日常照、影片、聯絡我們
(5) 遇到之問題:有時候東西會跑掉 不知道怎麼休
(6) 製作時間:4小時
(7) 製作心得:還蠻有成就感的 我家兔子超可愛!

視傳2B 1085445028

推薦 / 評論　 分享到Facebook     回應文章 Quote
1085445070 [ 站內寄信 / PM ]
Re: [OnePage作業] OnePage作業｜輪播圖｜格線系統｜相簿｜地圖

分類標籤: 109-1《中國》竹視傳二-網頁設計
OnePage作業網址
(2) 參考之版型網址：貓貓的奇幻世界
(3) 設計主題 / 風格:可愛、夢幻、萌
(4) 導覽列項目：首頁介紹貓咪品種保育類聯絡資訊
(5) 遇到之問題:連結網址打不開
(6) 製作時間:一個禮拜
(7) 製作心得:很有成就感，放貓貓的圖片跟介紹自己喜歡的YOUTUBE很開心

視傳2B，1085445070

推薦 / 評論　 分享到Facebook     回應文章 Quote
MEPOERs said:
JinJin: 資料夾、輪播圖、聯絡資訊、資料來源
1075445097 [ 站內寄信 / PM ]
Re: [OnePage作業] OnePage作業｜輪播圖｜格線系統｜相簿｜地圖

分類標籤: 109-1《中國》竹視傳二-網頁設計
(1).作業網址：
OnePage作業網址
(2) 參考之版型網址：老師
(3) 設計主題 / 風格: 鬼滅之刃
(4) 導覽列項目：首頁 關於鬼滅 知名場景 角色照片 影片連結 就讀學校
(5) 遇到之問題:到處都是問題
(6) 製作時間:一 天
(7) 製作心得:超級困難

班級，視傳3B 學號 1075445097

推薦 / 評論　 分享到Facebook     回應文章 Quote
MEPOERs said:
JinJin: 資料來源、聯絡資訊、版權聲明
CHEN CI CHEN [ 站內寄信 / PM ]
Re: [OnePage作業] OnePage作業｜輪播圖｜格線系統｜相簿｜地圖

分類標籤: 109-1《中國》竹視傳二-網頁設計
(1).作業網址：
OnePage作業網址
(2) 參考之版型網址：老師的版型
(3) 設計主題 / 風格: 以寵物咖啡廳(貓咪,狗)為主題,因為是以咖啡廳為主題,所以就以部分咖啡色色調來呈現
(4) 導覽列項目：因為是寵物咖啡廳 , 雖然有介紹 '咖啡廳' 但是'寵物'是主角 , 所以基本上這整個網頁都是在介紹寵物 ,咖啡餐點那些就比較沒特別敘述
(5) 遇到之問題:輪播圖跟圖片部分一直出不來,還有整個網頁變很怪
(6) 製作時間:10小時
(7) 製作心得:雖然製作時一直出問題,圖片一直出不來,連重下載了範例檔 , 網頁還是一樣怪,重做了三次左右,網頁才終於變正常,本來一直重做時真的覺得很煩,但當看到做了這麼久的網站終於快完成時心情也跟著開心起來了

班級 視傳2A，學號 1085445011



Edited 2 time(s). Last edit at 01/12/2021 01:20PM by CHEN CI CHEN.
(編輯記錄)

推薦 / 評論　 分享到Facebook     回應文章 Quote
MEPOERs said:
JinJin: 網頁圖示、顏色、連結、資訊
1085445006 [ 站內寄信 / PM ]
Re: [OnePage作業] OnePage作業｜輪播圖｜格線系統｜相簿｜地圖

分類標籤: 109-1《中國》竹視傳二-網頁設計
(1).作業網址：
OnePage作業網址
(2) 參考之版型網址：http://jinjin.mepopedia.com/~jinjin/wd/hw/onepage/
(3) 設計主題 / 風格:可愛
(4) 導覽列項目：首頁、關於、介紹、照片、狐狸的頻道、宮城藏王狐狸村
(5) 遇到之問題:找不到照片在哪改還有icon
(6) 製作時間:不太確定不過整體製作時間超過兩天
(7) 製作心得:製作onepage覺得開始有一點挑戰性，但是製作完之後覺得很有趣，而且超可愛的www

班級：視傳2B
學號：1085445006

推薦 / 評論　 分享到Facebook     回應文章 Quote
MEPOERs said:
JinJin: 信箱、資料來源
1085445042 [ 站內寄信 / PM ]
Re: [OnePage作業] OnePage作業｜輪播圖｜格線系統｜相簿｜地圖

分類標籤: 109-1《中國》竹視傳二-網頁設計
(1).作業網址：http://my.cute.edu.tw/~1085445042/onepage-1085445042/
OnePage作業網址
(2) 參考之版型網址：http://file.mepopedia.com/~css108b/midterm/midterm-1075445018/
(3) 設計主題 / 風格：石虎相關網站 / 溫和的風格
(4) 導覽列項目：主業 / 關於石虎 / 深入石虎 / 照片集 / 一起來幫助石虎 / 聯絡我們
(5) 遇到之問題: 有遇到圖片放置的問題，但後來有解決了。
(6) 製作時間: 一天半
(7) 製作心得: 比想像中的複雜，但是很有成就感

班級：視傳2B
學號：1085445042

推薦 / 評論　 分享到Facebook     回應文章 Quote
MEPOERs said:
JinJin: 相片說明、信箱、資料來源
1085445056 [ 站內寄信 / PM ]
Re: [OnePage作業] OnePage作業｜輪播圖｜格線系統｜相簿｜地圖

分類標籤: 109-1《中國》竹視傳二-網頁設計
1.請以個人網站、作品集、自訂有興趣的等主題製作，作品須原創，不可使用他人作品。

2.參照上課範例，或其他免費版型，挑選一適合期中作業主題的版型，結合選擇之版型製作。

3.需完成之製作項目：
(1)製作個人favicon
(2)使用圖示字體(icon font) Font Awesome，並使用最新版本作更替。
(3)製作輪播圖
(4)了解網頁格線概念，並進行修改。
(5)製作作品分類，並進行修改。

4.製作完畢請上傳FTP，資料夾命名：onepage-學號。

請回覆於作業文章

(1).作業網址：
OnePage作業網址
(2) 參考之版型網址：老師給的範例
(3) 設計主題 / 風格 ：零食之國 ， 零食風
(4) 導覽列項目：首頁，關於，零食分類，圖片，其他種類，地圖
(5) 遇到之問題: 圖片太大或太小~要再去PHOTOSHOP改尺寸有點麻煩~
(6) 製作時間: 2小時
(7) 製作心得: 希望這是最後作業就好了~哈哈哈~
很像機器人~因為一直做同一件事情~(教人做很累)

視傳2B，1085445056

推薦 / 評論　 分享到Facebook     回應文章 Quote
MEPOERs said:
JinJin: 相片說明、連結、聯絡資訊、資料來源
1085445076 [ 站內寄信 / PM ]
Re: [OnePage作業] OnePage作業｜輪播圖｜格線系統｜相簿｜地圖

分類標籤: 109-1《中國》竹視傳二-網頁設計
1.請以個人網站、作品集、自訂有興趣的等主題製作，作品須原創，不可使用他人作品。

2.參照上課範例，或其他免費版型，挑選一適合期中作業主題的版型，結合選擇之版型製作。

3.需完成之製作項目：
(1)製作個人favicon
(2)使用圖示字體(icon font) Font Awesome，並使用最新版本作更替。
(3)製作輪播圖
(4)了解網頁格線概念，並進行修改。
(5)製作作品分類，並進行修改。

4.製作完畢請上傳FTP，資料夾命名：onepage-學號。

請回覆於作業文章

(1) 作業網址 ：
(1).作業網址：
OnePage作業網址
(2) 參考之版型網址：老師的
(3) 設計主題 / 風格 宇宙
(4) 導覽列項目：宇宙
(5) 遇到之問題: 許多問題
(6) 製作時間: 3天
(7) 製作心得: 麻煩

班級視傳2B，學號1085445076

推薦 / 評論　 分享到Facebook     回應文章 Quote
MEPOERs said:
JinJin: 顏色、放大照片失效、連結、tilte、圖示
1085445032 [ 站內寄信 / PM ]
Re: [OnePage作業] OnePage作業｜輪播圖｜格線系統｜相簿｜地圖

分類標籤: 109-1《中國》竹視傳二-網頁設計
(1) 作業網址 ：http://127.0.0.1:51359/preview/app/index.html
(：
OnePage作業網址
(2) 參考之版型網址：
(3) 設計主題 / 風格 可愛
(4) 導覽列項目：首頁 關於 Service
(5) 遇到之問題:顯示不出來等..
(6) 製作時間:5小時
(7) 製作心得:很有趣

班級視傳2b，學號1085445032

推薦 / 評論　 分享到Facebook     回應文章 Quote
MEPOERs said:
JinJin: 顏色、相簿放大、連結、版權
1085445078 [ 站內寄信 / PM ]
Re: [OnePage作業] OnePage作業｜輪播圖｜格線系統｜相簿｜地圖

分類標籤: 109-1《中國》竹視傳二-網頁設計
製作完畢請上傳FTP，資料夾命名：onepage-學號。

請回覆於作業文章

(1) 作業網址 ：
(1).作業網址：
OnePage作業網址
(2) 參考之版型網址：
(3) 設計主題 / 風格:普普風
(4) 導覽列項目：
(5) 遇到之問題:圖不會放
(6) 製作時間:2 week
(7) 製作心得:生不如死

推薦 / 評論　 分享到Facebook     回應文章 Quote
MEPOERs said:
JinJin: 圖示、相片說明、顏色、連結...
1085445008 [ 站內寄信 / PM ]
Re: [OnePage作業] OnePage作業｜輪播圖｜格線系統｜相簿｜地圖

分類標籤: 109-1《中國》竹視傳二-網頁設計
1).作業網址：
OnePage作業網址
(2) 參考之版型網址：老師給的版型
(3) 設計主題 / 風格:貓咪 明亮的風格
(4) 導覽列項目：首頁 關於 特性 相片 CONTACT
(5) 遇到之問題:有的時候圖片弄不出來
(6) 製作時間:1-2天
(7) 製作心得:好難，希望會有進步

班級 視傳2B，學號 1085445008

推薦 / 評論　 分享到Facebook     回應文章 Quote
MEPOERs said:
JinJin: 相片說明、資料來源
陳莛嬩 [ 站內寄信 / PM ]
Re: [OnePage作業] OnePage作業｜輪播圖｜格線系統｜相簿｜地圖

分類標籤: 109-1《中國》竹視傳二-網頁設計
1.請以個人網站、作品集、自訂有興趣的等主題製作，作品須原創，不可使用他人作品。

2.參照上課範例，或其他免費版型，挑選一適合期中作業主題的版型，結合選擇之版型製作。

3.需完成之製作項目：
(1)製作個人favicon
(2)使用圖示字體(icon font) Font Awesome，並使用最新版本作更替。
(3)製作輪播圖
(4)了解網頁格線概念，並進行修改。
(5)製作作品分類，並進行修改。

4.製作完畢請上傳FTP，資料夾命名：onepage-學號。

請回覆於作業文章

(1).作業網址：
OnePage作業網址
(2) 參考之版型網址：老師的範例
(3) 設計主題 / 風格: 甜點/可口美味
(4) 導覽列項目：首頁 關於 分類 圖片 種類 地圖
(5) 遇到之問題:會有圖片放了 跑不出來的問題
(6) 製作時間: 2個禮拜
(7) 製作心得: 覺得好複雜 好險還是做完ㄌ

視傳2B 1085445026

推薦 / 評論　 分享到Facebook     回應文章 Quote
MEPOERs said:
JinJin: 圖示、相片說明、連結、聯絡資訊、資料來源...
1085445027 [ 站內寄信 / PM ]
Re: [OnePage作業] OnePage作業｜輪播圖｜格線系統｜相簿｜地圖

分類標籤: 109-1《中國》竹視傳二-網頁設計
(1).作業網址：
OnePage作業網址
(2) 參考之版型網址：http://file.mepopedia.com/~css108b/midterm/midterm-1075445018/
(3) 設計主題 / 風格：倉鼠、可愛
(4) 導覽列項目：首頁、關於、習性、照片
(5) 遇到之問題:照片有用錯
(6) 製作時間:一個禮拜
(7) 製作心得:要做比較久，而且很多語法密密麻麻的，有些地方還要待加強。

班級：視傳2A 、學號：1085445027

推薦 / 評論　 分享到Facebook     回應文章 Quote
MEPOERs said:
JinJin: 相片說明、連結、聯絡資訊、資料來源...
1085445012 [ 站內寄信 / PM ]
Re: [OnePage作業] OnePage作業｜輪播圖｜格線系統｜相簿｜地圖

分類標籤: 109-1《中國》竹視傳二-網頁設計
(1).作業網址：
OnePage作業網址
(2) 參考之版型網址：老師範例下載
(3) 設計主題 / 風格: 楊丞琳Rainie Yang介紹 / 優雅高貴風
(4) 導覽列項目：首頁 關於她 認識她 照片 官方 地圖
(5) 遇到之問題:很難在小圖誌入連結
(6) 製作時間:5個小時
(7) 製作心得:覺得很難，雖然做完會覺得很有成就感，但是看似簡單的網站就要花上大把的時間。

視傳2B 1085445034

推薦 / 評論　 分享到Facebook     回應文章 Quote
MEPOERs said:
JinJin: 圖示、相片說明、連結、聯絡資訊、資料來源...
1085445035 [ 站內寄信 / PM ]
Re: [OnePage作業] OnePage作業｜輪播圖｜格線系統｜相簿｜地圖

分類標籤: 109-1《中國》竹視傳二-網頁設計
(1) 作業網址 ：
http://my.cute.edu.tw/~1085445035/onepage-1085445035/
(2) 參考之版型網址：老師的範例
(3) 設計主題 / 風格:情侶紀錄
(4) 導覽列項目：Home/About us/ Between us/ Photo album/ IG / Contact
(5) 遇到之問題:圖片出不來
(6) 製作時間:10幾個小時
(7) 製作心得:覺得很開心終於完成

視傳2a，1085445035



Edited 6 time(s). Last edit at 01/12/2021 01:26PM by 1085445035.
(編輯記錄)

推薦 / 評論　 分享到Facebook     回應文章 Quote
MEPOERs said:
JinJin: 顏色、 圖示、相片說明、連結、聯絡資訊
1085445033 [ 站內寄信 / PM ]
Re: [OnePage作業] OnePage作業｜輪播圖｜格線系統｜相簿｜地圖

分類標籤: 109-1《中國》竹視傳二-網頁設計
(1).作業網址：
http://my.cute.edu.tw/~1085445033/onepage-1085445033/
(2) 參考之版型網址：http://file.mepopedia.com/~css108b/midterm/midterm-1075445050/
(3) 設計主題 / 風格:自我介紹
(4) 導覽列項目：Home/About/Understand/Photo/Events/Map
(5) 遇到之問題:雖說只是改裡面的東西改成自己的，但是看到那些英文及程式語言真的是頭昏眼花。
(6) 製作時間:加起來大約一天
(7) 製作心得:腦袋快炸了，但自己做出來很有成就感 !

視傳2A 1085445033

推薦 / 評論　 分享到Facebook     回應文章 Quote
MEPOERs said:
JinJin: 顏色
余炫儒 [ 站內寄信 / PM ]
Re: [OnePage作業] OnePage作業｜輪播圖｜格線系統｜相簿｜地圖

分類標籤: 109-1《中國》竹視傳二-網頁設計
(1).作業網址：
OnePage作業網址
(2) 參考之版型網址:老師給的各種範例
(3) 設計主題 / 風格:龍
(4) 導覽列項目:Home / About / Facts / Panting / Nowadays / Map
(5) 遇到之問題:蠻多的，但都盡量靠自己找法子解決了
(6) 製作時間:三天左右
(7) 製作心得:又多又難，但因為這次可以介紹自己喜歡的東西所以也還蠻有動力的

視傳2A，1085445037



Edited 1 time(s). Last edit at 01/09/2021 02:15AM by 余炫儒.
(編輯記錄)

推薦 / 評論　 分享到Facebook     回應文章 Quote
MEPOERs said:
JinJin: 顏色
1085445044 [ 站內寄信 / PM ]
Re: [OnePage作業] OnePage作業｜輪播圖｜格線系統｜相簿｜地圖

分類標籤: 109-1《中國》竹視傳二-網頁設計
1) 作業網址 ：http://my.cute.edu.tw/~1085445044/onepage-1085445044/onepage/
(1).作業網址：http://my.cute.edu.tw/~1085445044/onepage-1085445044/onepage/
OnePage作業網址
(2) 參考之版型網址：中科技大學
(3) 設計主題 / 風格 可愛綠色
(4) 導覽列項目：HOME ABOUT SERVICE PORTFOLIO TEAM CONTACT
(5) 遇到之問題:好複雜
(6) 製作時間:1天
(7) 製作心得:很有成就感

班級 視傳2B，學號 1085445044

推薦 / 評論　 分享到Facebook     回應文章 Quote
MEPOERs said:
JinJin: 圖標
1075445046黃佳晨 [ 站內寄信 / PM ]
Re: [OnePage作業] OnePage作業｜輪播圖｜格線系統｜相簿｜地圖

分類標籤: 109-1《中國》竹視傳二-網頁設計
(1).作業網址：
OnePage作業網址
(2) 參考之版型網址： 無
(3) 設計主題 / 風格 ：可愛風格
(4) 導覽列項目： HOME/介紹/歷史/線上看/劇照
(5) 遇到之問題: 不太會用連結
(6) 製作時間: 7小時
(7) 製作心得: 複雜但很有成就感

視傳3b 1075445046



Edited 1 time(s). Last edit at 01/11/2021 12:42PM by 1075445046黃佳晨.
(編輯記錄)

推薦 / 評論　 分享到Facebook     回應文章 Quote
MEPOERs said:
JinJin: 相片說明、左右問題
1085445054 [ 站內寄信 / PM ]
Re: [OnePage作業] OnePage作業｜輪播圖｜格線系統｜相簿｜地圖

分類標籤: 109-1《中國》竹視傳二-網頁設計
(1).作業網址：
OnePage作業網址
(2) 參考之版型網址：樣本
(3) 設計主題 / 風格 無
(4) 導覽列項目：湖口老街
(5) 遇到之問題:找不到對應的地方
(6) 製作時間:2小時
(7) 製作心得:越做越順手

班級 視傳2B 學號1085445054

推薦 / 評論　 分享到Facebook     回應文章 Quote
MEPOERs said:
JinJin: 顏色、圖標、相片說明、連結....
1085445007 [ 站內寄信 / PM ]
Re: [OnePage作業] OnePage作業｜輪播圖｜格線系統｜相簿｜地圖

分類標籤: 109-1《中國》竹視傳二-網頁設計
(1)OnePage作業網址
(2) 參考之版型網址：老師的
(3) 設計主題 / 風格: 簡約少女風
(4) 導覽列項目： 家、關於、認識、照片、影片、聯繫
(5) 遇到之問題: 輪播圖完全用不了，結果朋友刪了一個東西就能用了，我因為那個搞超久時間==
(6) 製作時間: 8-9小時
(7) 製作心得: 真的好難我要發瘋，光找東西我眼睛就快凸出來了，第一次做到這麼難的設計作業，不過是做喜歡的東西還蠻開心也蠻有成就感的!!

視傳2A 1085445007



Edited 3 time(s). Last edit at 01/11/2021 05:35PM by 1085445007.
(編輯記錄)

推薦 / 評論　 分享到Facebook     回應文章 Quote
MEPOERs said:
JinJin: 相片說明、資料來源..
邱樂平 [ 站內寄信 / PM ]
Re: [OnePage作業] OnePage作業｜輪播圖｜格線系統｜相簿｜地圖

分類標籤: 109-1《中國》竹視傳二-網頁設計
(1).作業網址：
OnePage作業網址
(2) 參考之版型網址：老師給的範例影片
(3) 設計主題 / 風格:傳統美食設計
(4) 導覽列項目：首頁 關於 服務 照片 特有美食介紹 地圖
(5) 遇到之問題: 一開始很茫然但試問了很多同學後來就懂了~
(6) 製作時間:4個小時
(7) 製作心得: 真的很複雜但是做完真的很有成就感

班級視傳2B 學號1085445022

推薦 / 評論　 分享到Facebook     回應文章 Quote
MEPOERs said:
JinJin: 顏色、 圖示、相片說明、連結、聯絡資訊..最上面文字刪除
吳旻奎 [ 站內寄信 / PM ]
Re: [OnePage作業] OnePage作業｜輪播圖｜格線系統｜相簿｜地圖

分類標籤: 109-1《中國》竹視傳二-網頁設計
(1).作業網址：
OnePage作業網址
(2) 參考之版型網址：老師給的範例
(3) 設計主題 / 風格 :高三專題/用奇幻的紫色為主
(4) 導覽列項目：首頁、關於、腳色介紹、作品呈現、組員介紹、地圖
(5) 遇到之問題:在換色跟換小標誌上比較卡
(6) 製作時間:六小時
(7) 製作心得:雖然還是搞不太懂，至少比上次好一點。

視傳2A 1085445009



Edited 1 time(s). Last edit at 01/11/2021 05:52PM by 吳旻奎.
(編輯記錄)

推薦 / 評論　 分享到Facebook     回應文章 Quote
chaochao [ 站內寄信 / PM ]
Re: [OnePage作業] OnePage作業｜輪播圖｜格線系統｜相簿｜地圖

分類標籤: 109-1《中國》竹視傳二-網頁設計
(1).作業網址：
OnePage作業網址
(2) 參考之版型網址：老師的網址
(3) 設計主題 / 風格 口紅介紹
(4) 導覽列項目：Show All This Web Design Printing Web Development SEO Optimization
(5) 遇到之問題:找顏色找不到 png放不進去
(6) 製作時間:一天
(7) 製作心得:雖然覺得自己做得不怎麼樣，但是覺得譨做出來已經很好了，雖然可能沒有到很好， 但希望下次越做越好。

班級視傳2a，學號1085445025

推薦 / 評論　 分享到Facebook     回應文章 Quote
MEPOERs said:
JinJin: 圖示、相片說明、連結、聯絡資訊..
1085445012 [ 站內寄信 / PM ]
Re: [OnePage作業] OnePage作業｜輪播圖｜格線系統｜相簿｜地圖

分類標籤: 109-1《中國》竹視傳二-網頁設計
(1).作業網址：
OnePage作業網址
(2) 參考之版型網址：老師給的
(3) 設計主題 / 風格:粉粉嫩嫩可愛風
(4) 導覽列項目：主題/關於/人物介紹/照片/推廣/定位
(5) 遇到之問題:圖片排列組合怪怪的
(6) 製作時間:將近八個小時
(7) 製作心得:我覺得太難了 會搞得眼花撩亂

視傳2B 1085445012

推薦 / 評論　 分享到Facebook     回應文章 Quote
MEPOERs said:
JinJin: 圖示、相片說明、連結、聯絡資訊..
1085445047 [ 站內寄信 / PM ]
Re: [OnePage作業] OnePage作業｜輪播圖｜格線系統｜相簿｜地圖

分類標籤: 109-1《中國》竹視傳二-網頁設計
(1) 作業網址 ：
RWD專題網站｜作業網址 電腦傳不上 明天繳交

(2) 網站主題： 可不可以你也好喜歡我
(3) 內容大綱(導覽列/中文/檔名)： 最新消息 關於 （電影 演員）劇照欣賞 與我聯絡 資料來源
(4) 網頁架構圖(樹狀圖)：
電腦傳不上 明天繳交

(5) 主要對象 ：演員們
(6) 色彩規劃(色調）：簡單的色調 輕柔亮色
(7) 遇到之問題: 很多分頁不知道怎麼處理
(8) 製作時間: 來不及做完只做了一點點
(9) 分工與心得: 希望以後自己有時間的時候’可以慢慢弄 可能會比較順利

參考之版型網址：(如選擇上課版型則無須此項)

組員名單：班級，學號 1085445047 范瑋慈

推薦 / 評論　 分享到Facebook     回應文章 Quote
MEPOERs said:
JinJin: http://my.cute.edu.tw/~1085445047/onepage-1085445047/
JinJin: 顏色、圖示、聯絡資訊、資料來源...
1085445059 [ 站內寄信 / PM ]
Re: [OnePage作業] OnePage作業｜輪播圖｜格線系統｜相簿｜地圖

分類標籤: 109-1《中國》竹視傳二-網頁設計
(1) 作業網址 ：http://my.cute.edu.tw/~1085445063/onepage-1085445063/
(1).作業網址：OnePage作業網址
(2) 參考之版型網址：http://my.cute.edu.tw/~1085445083/onepage-1085445083/
(3) 設計主題 / 風格：以甜蜜的風格
(4) 導覽列項目：首頁 關於 介紹 分類 資訊 指標
(5) 遇到之問題：發現有一個地方錯誤，找很久~找不太到在哪裡
(6) 製作時間：1天多
(7) 製作心得：需要花很多時間，希望能越來越進步！

視傳2A，1085445063

推薦 / 評論　 分享到Facebook     回應文章 Quote
MEPOERs said:
JinJin: 補資料來源、聯絡資訊
1085445084 [ 站內寄信 / PM ]
Re: [OnePage作業] OnePage作業｜輪播圖｜格線系統｜相簿｜地圖

分類標籤: 109-1《中國》竹視傳二-網頁設計
1).作業網址：
OnePage作業網址
(2) 參考之版型網址：http://file.mepopedia.com/~css108b/midterm/midterm-1075445015/
(3) 設計主題 / 風格: introduce Jaehyun / 簡約挪威藍
(4) 導覽列項目：Home / About / Know / Photo / SNS / Contact
(5) 遇到之問題:語法、程式碼易搞混，會眼花
(6) 製作時間:24小時左右
(7) 製作心得:程式碼很多有點眼花，需要花些時間，但最後做出來很有成就感

視傳2B 1085445084

推薦 / 評論　 分享到Facebook     回應文章 Quote
MEPOERs said:
JinJin: 缺圖、資料來源
1085445084: 已補圖及資料來源
郭沛婕 [ 站內寄信 / PM ]
Re: [OnePage作業] OnePage作業｜輪播圖｜格線系統｜相簿｜地圖

分類標籤: 109-1《中國》竹視傳二-網頁設計
作業網址:OnePage作業網址
(1) 作業網址:http://my.cute.edu.tw/~1075445041/onepage-1075445041/
(2) 參考之版型網址： 老師提供的網址
(3) 設計主題 / 風格: 簡約 清新
(4) 導覽列項目：
首頁
記憶點
四季感受
四季的樣子
季景賞
找到我
(5) 遇到之問題: icon的連結沒有辦法進入 所以用了歌詞作業的方式 複製貼上才能 改主色調的地方看了很多次QQ
(6) 製作時間: 每節上課大概花 1個小時左右 再加上課餘時間2~3個小時多
(7) 製作心得:雖然已經算很簡單了 但是一些細節部分 讓我有點燒腦 但製作完成後 成就感滿大的
學號:1075445041
班級:視傳3A



Edited 1 time(s). Last edit at 01/12/2021 03:31PM by 郭沛婕.
(編輯記錄)

推薦 / 評論　 分享到Facebook     回應文章 Quote
1085445030 [ 站內寄信 / PM ]
Re: [OnePage作業] OnePage作業｜輪播圖｜格線系統｜相簿｜地圖

分類標籤: 109-1《中國》竹視傳二-網頁設計
(1).作業網址：
OnePage作業網址
(2) 參考之版型網址：http://jinjin.mepopedia.com/~jinjin/wd/hw/onepage/
(3) 設計主題 / 風格 探險活寶/可愛活潑
(4) 導覽列項目：首頁 關於 場景 人物 特別配角 地點
(5) 遇到之問題: css畫面看起來超級複雜，有點不知道自己在改哪。
(6) 製作時間:6小時以上
(7) 製作心得:很有成就感，看到圖片完整上去非常開心

班級 視傳2B 學號1085445030

推薦 / 評論　 分享到Facebook     回應文章 Quote
1065445053 [ 站內寄信 / PM ]
Re: [OnePage作業] OnePage作業｜輪播圖｜格線系統｜相簿｜地圖

分類標籤: 109-1《中國》竹視傳二-網頁設計  109-1《中國》竹視傳二-網頁設計
(1).作業網址：
OnePage作業網址
(2) 參考之版型網址：http://file.mepopedia.com/~css108b/midterm/midterm-1055440093/
(3) 設計主題 / 風格：專題－請自種／自然清新
(4) 導覽列項目：首頁、自然農法、請自種、作品展示、團隊成員、聯絡團隊
(5) 遇到之問題：ＩＣＯＮ難尋找
(6) 製作時間：４小時
(7) 製作心得：圖片的很難處理，大多數專題的圖片都是直式的比較不好調整。

視傳４Ｃ，１０６５４４５０５３

推薦 / 評論　 分享到Facebook     回應文章 Quote
1085445064 [ 站內寄信 / PM ]
Re: [OnePage作業] OnePage作業｜輪播圖｜格線系統｜相簿｜地圖

分類標籤: 109-1《中國》竹視傳二-網頁設計
(1) 作業網址 ：http://my.cute.edu.tw/~1085445064/onepage-1085445064/onepage/
(1).作業網址：
OnePage作業網址
(2) 參考之版型網址：無
(3) 設計主題 / 風格: 環保綠
(4) 導覽列項目：HOME ABOUT SERVICE PORTFOLIO TEAM CONTACT
(5) 遇到之問題: 無
(6) 製作時間:1天
(7) 製作心得:棒! 救救我!

班級2B視傳，學號1085445064

推薦 / 評論　 分享到Facebook     回應文章 Quote
1085445082 [ 站內寄信 / PM ]
Re: [OnePage作業] OnePage作業｜輪播圖｜格線系統｜相簿｜地圖

分類標籤: 109-1《中國》竹視傳二-網頁設計
(1).作業網址：
OnePage作業網址
(2) 參考之版型網址：
(3) 設計主題 / 風格 ：貓咪
(4) 導覽列項目：home/ready/choice/buy/pipeline/video
(5) 遇到之問題:有些網址禁止我使用去連結他
(6) 製作時間:10小時上下
(7) 製作心得:比起作業1 2難很多

視傳2B，1085445082

推薦 / 評論　 分享到Facebook     回應文章 Quote
1085445004 [ 站內寄信 / PM ]
Re: [OnePage作業] OnePage作業｜輪播圖｜格線系統｜相簿｜地圖

分類標籤: 109-1《中國》竹視傳二-網頁設計
(1).作業網址：
OnePage作業網址
(2) 參考之版型網址：老師範例
(3) 設計主題 / 風格 : 鞋子
(4) 導覽列項目：一般
(5) 遇到之問題: 沒時間做
(6) 製作時間:一個月
(7) 製作心得: 沒什麼特別，花時間

班級竹視傳2B，學號1085445004

推薦 / 評論　 分享到Facebook     回應文章 Quote
1085445071 [ 站內寄信 / PM ]
Re: [OnePage作業] OnePage作業｜輪播圖｜格線系統｜相簿｜地圖

分類標籤: 109-1《中國》竹視傳二-網頁設計
file:///F:/2a/%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88/%E5%B9%B3%E6%99%82/onepage/onepage/index.html

推薦 / 評論　 分享到Facebook     回應文章 Quote
陳維霆 [ 站內寄信 / PM ]
[OnePage作業] OnePage作業｜輪播圖｜格線系統｜相簿｜地圖

分類標籤: 109-1《中國》竹視傳二-網頁設計
(1) 作業網址 ：OnePage作業網址
(2) 參考之版型網址：http://jinjin.mepopedia.com/~jinjin/wd/hw/onepage/#workArea
(3) 設計主題 / 風格：介紹饒舌歌手ozi/潮流的風格和照片都選用ozi和他的製作團隊的成員都用了帥照。
(4) 導覽列項目：首頁、關於ozi、音樂介紹、音樂製作團隊照片、ozi的潮流穿搭照、地圖。
(5) 遇到之問題:ig、youtube、fb、信箱的連結不會做，所以就沒有做了。
(6) 製作時間:3天。
(7) 製作心得:很開心能夠做完，完成後很有成就感！

視傳2B，1085445018



Edited 6 time(s). Last edit at 01/21/2021 07:59PM by 陳維霆.
(編輯記錄)

推薦 / 評論　 分享到Facebook     回應文章 Quote
1085445036 [ 站內寄信 / PM ]
Re: [OnePage作業] OnePage作業｜輪播圖｜格線系統｜相簿｜地圖

分類標籤: 109-1《中國》竹視傳二-網頁設計
(1) 作業網址 ：http://my.cute.edu.tw/~1085445036/onepage-1085445036/
(1).作業網址：
OnePage作業網址
(2) 參考之版型網址：
(3) 設計主題 / 風格:自然 寫實 教育
(4) 導覽列項目：主頁 關於 服務 昆蟲相簿 昆蟲園區 關於我
(5) 遇到之問題:有許多不認識的語法詢問查詢才知道
(6) 製作時間:兩周
(7) 製作心得:一開始不太會製作詢問老師看影片以後慢慢就理解了

視傳2B 1085445036 黃麒瑞



Edited 1 time(s). Last edit at 01/12/2021 03:39PM by 1085445036.
(編輯記錄)

推薦 / 評論　 分享到Facebook     回應文章 Quote
Newer Topic Older Topic