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

Advanced

Re: [OnePage作業] OnePage作業|輪播圖|格線系統|相簿|地圖

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.
(編輯記錄)

(1).作業網址:
OnePage作業網址
(2) 參考之版型網址:http://file.mepopedia.com/~css108b/midterm/midterm-1075445050/
(3) 設計主題 / 風格:接案作品集 / 專業,質感。
(4) 導覽列項目:首頁 / 關於我 / 服務 / 作品 / 推薦 / 聯繫
(5) 遇到之問題:沒有
(6) 製作時間:大約1天多
(7) 製作心得:挺好玩的,之前是用WordPress呈現自己的作品集,現在透過一些語法把網站改成自己喜歡的樣子,覺得蠻有成就感的!

視傳2A 1081445054

(1) 作業網址 :
(1).作業網址:
OnePage作業網址
(2) 參考之版型網址:參考老師範例網站
(3) 設計主題 / 風格:魔女之家_整體風格較奇幻,裡頭有各式魔藥、藥草跟魔咒。
(4) 導覽列項目:大廳、基礎介紹、課程入門、材料了解、教授介紹、魔女之家
(5) 遇到之問題:很常找不到東西在哪裡,但是老師說用"檢查"的方式快很多,可以很明確知道位置在哪裡!
(6) 製作時間:大約9-10個小時
(7) 製作心得:很有趣!終於做出一個自己的網站,超喜歡!

視傳2A 1081445098

(1).作業網址:
http://cute.mepopedia.com/~t109b/onepage/onepage-1081445051/index.html
(2) 參考之版型網址:參考老師和同學的範例網站
(3) 設計主題 / 風格:底片/清新、簡單、有點小復古的味道
(4) 導覽列項目:關於自己為何喜歡底片/自己的底片機/自己拍攝的照片/蠻愛的相機店/其中一間店的地址
(5) 遇到之問題:圖片跑版,但不知道怎麼改
(6) 製作時間:10小時
(7) 製作心得:滿滿的成就感~雖然還有些地方做得不是很好

視傳2B 1081445051

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

請回覆於作業文章

(1) 作業網址 :OnePage作業網址
(2) 參考之版型網址:參考老師範例
(3) 設計主題 / 風格:以設計旅程為主題,點點滴滴的累積象徵著學習的足跡
(4) 導覽列項目:首頁/能力指標/關於我/作品總覽/分享/連結
(5) 遇到之問題:照片的部分用中文的發生問題,後改成英文就可順利運作
(6) 製作時間:3天
(7) 製作心得:慢慢的累積形成了一個網頁,雖然過程中有遇到困難但是完成之後感到很有成就感且對網頁更加的了解

班級,學號
視傳2B 1081445045



Edited 3 time(s). Last edit at 12/12/2020 04:06PM by 1081445045.
(編輯記錄)

(1).作業網址:OnePage作業網址
(2) 參考之版型網址:參考老師範本
(3) 設計主題 / 風格:恐龍
(4) 導覽列項目:恐龍解說
(5) 遇到之問題:有一些繪不知道語法在哪
(6) 製作時間:課後時間
(7) 製作心得:這次作業有複雜了一點要有點耐心與挑戰心

視2A 1081445043



Edited 4 time(s). Last edit at 01/04/2021 01:20AM by 1081445043.
(編輯記錄)

MEPOERs said:
JinJin: 還沒完成,要繼續做完喔!加油!
(1).作業網址:
OnePage作業網址
(2) 參考之版型網址:
老師的網址
(3) 設計主題 / 風格 :
自己的作品集 清新的向量插圖類型
(4) 導覽列項目:
關於我 作品類別 作品集 代表作 地圖
(5) 遇到之問題:
不太熟 所以做蠻久的
(6) 製作時間:
4個小時以上吧 還要找甚麼作品適合放
(7) 製作心得:
至少可以了解替換圖片 但是程式整體還是不太熟

班級 視傳3A,學號 1071445148

(1).作業網址:
OnePage作業網址
(2) 參考之版型網址:參考老師範例
(3) 設計主題 / 風格:遊戲(薩爾達傳說),森林冒險
(4) 導覽列項目:首頁/關於Zelda/主角介紹/角色照片/Zelda分享/聯繫
(5) 遇到之問題:密密麻麻的英文數字,找東西花點時間,有時會少打一些符號造成東西跑不出來。
(6) 製作時間:2天
(7) 製作心得:比之前的網頁更有成就感,也慢慢喜歡這門課,覺得好有趣,只要資料找的到,製作網站很快!

班級 視傳2B,學號 1081445101

(1).作業網址:
OnePage作業網址
(2) 參考之版型網址:參考老師給的範例
(3) 設計主題 / 風格 : 自己的生活 /暖色調
(4) 導覽列項目:HOME / ABOUT / FIND ME / FAVORITE / CONTACT
(5) 遇到之問題:圖片縮放和手風琴標題那跑位
(6) 製作時間:6H
(7) 製作心得:做完非常有成就感

視三B,1071446114



Edited 1 time(s). Last edit at 12/14/2020 04:11PM by 1071446114.
(編輯記錄)

http://my.cute.edu.tw/~1081445092/onepage-1081445092/
(2) 參考之版型網址:http://file.mepopedia.com/~css108b/midterm/midterm-1075445050/
(3) 設計主題 / 風格 可愛 小清新
(4) 導覽列項目:HOME/ABOUT/SERVICE/PORTFOLIO/TEAM/COMTACT
(5) 遇到之問題:沒什麼問題
(6) 製作時間:1天
(7) 製作心得:覺得很有趣 蠻有成就感的 家人看到我會網頁設計很開心

視2A 1081445092

MEPOERs said:
JinJin: 改傳到另個空間,就不會有編號的問題喔!
(1).作業網址:
OnePage作業網址
(2) 參考之版型網址:參考老師範例
(3) 設計主題 / 風格:甜點/可愛風
(4) 導覽列項目:首頁/關於/故事/甜點/推薦/聯絡
(5) 遇到之問題:程式碼太多常常找不到要更改的位置
(6) 製作時間:3天
(7) 製作心得:雖然這次作業有點複雜,但完成後對網頁的了解度也更進一步了!

視傳2B,1081445079

MEPOERs said:
1081445059: 網址錯誤,麻煩老師刪除,已重新上傳

請回覆於作業文章

(1) 作業網址 :http://cute.mepopedia.com/~t109b/onepage/onepage-1081445107/
(2) 參考之版型網址:參考老師範例
(3) 設計主題 / 風格:以簡約為主
(4) 導覽列項目:HOME/ABOUT/HABITS/PHOTO/INTERNET CELEBRITY/CONTACT
(5) 遇到之問題:沒有問題
(6) 製作時間:6小時
(7) 製作心得:很累但很有成就感
視傳2B 1081445107

(1).作業網址:OnePage作業網址
(2) 參考之版型網址:參考老師提供範例
(3) 設計主題 / 風格:關於企鵝的知識小百科
(4) 導覽列項目:主頁/介紹/影片/圖像/種類/地點
(5) 遇到之問題:忘記在圖片原始碼後面加上.jpg,導致圖片無法顯示,太粗心了。
(6) 製作時間:2天
(7) 製作心得:非常好玩的網頁設計版型,雖然蒐集資料以及耗費的製作時間很長,但做完後非常有成就感,也十分滿意效果。

視傳2B 1081445059



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

MEPOERs said:
JinJin: 網址應為:http://cute.mepopedia.com/~t109b/onepage/onepage-1081445059/
1081445059: 好的,已修改
(1).作業網址:
OnePage作業網址
(2) 參考之版型網址:參考老師範例
(3) 設計主題 / 風格:農村、產品
(4) 導覽列項目:HOME / ABOUT / SERVICE / PHOTO / CONTACT / MAP
(5) 遇到之問題: 有時候網頁的連結會跑不出來
(6) 製作時間:4小時以上
(7) 製作心得:這次的作業要修改的地方比較多,雖然有點小複雜,但完成後很有成就感!

視傳2B,1081445004

(1) 作業網址:
OnePage作業網址

(2) 參考之版型網址:
http://jinjin.mepopedia.com/~jinjin/wd/hw/onepage/
(3) 設計主題 / 風格:
以現在流行於全球的ASMR影片為主題。以較為美式的風格呈現,配色以彩度較高的方式呈現。
(4) 導覽列項目:
Home/About/Video/Category/Youtube Channel/Contact
(5) 遇到之問題:
會不小心忘掉一些小地方,導致無法成功,但多檢查幾次就能夠解決。
(6) 製作時間:
大約1天
(7) 製作心得:
這次的作業比起之前的歌詞作業有更多變化,做起來更有趣也更有成就感。

視傳2B 1081445047

(1).作業網址:
OnePage作業網址
(2) 參考之版型網址:老師給的網址
(3) 設計主題 / 風格:藍色世界/藍色療癒系風
(4) 導覽列項目:Home、About、Explore、Photo Album、Recommend、Contact
(5) 遇到之問題:拉進隨身碟後檔案變亂碼,不知什麼原因,直接重做不浪費時間!!!
(6) 製作時間:3天
(7) 製作心得:第一次嘗試做onepage,很有挑戰性,老師也講解得很仔細,慢慢做都可以做得出來,不過就要花點心思,在撰寫內容花比較久時間思考,經過這次作業練習,相信對網頁設計會越來越熟悉。

視傳2B 1081445069 邱馨慧

(1) OnePage作業網址
(2) 參考之版型網址:無
(3) 設計主題 / 風格:個人作品集/簡約
(4) 導覽列項目:home,about me,畢業製作,團體作業,team,繪畫作品
(5) 遇到之問題:1900×1200背景更改,上課步驟太快

(6) 製作時間:一天
(7) 製作心得:做完很有成就,但是沒有很完整

班級 視傳2b 學號 1081445008



Edited 2 time(s). Last edit at 01/04/2021 05:13PM by 1081445008.
(編輯記錄)

(1)作業網址:
OnePage作業網址
(2) 參考之版型網址: 老師提供的網址
(3) 設計主題 / 風格: 自己的作品集 / 以像陽光暖暖充滿正能量的暖色調為主
(4) 導覽列項目: Home / 簡介 / 興趣 / 作品 / Contact
(5) 遇到之問題: 程式碼太多常常找不到要更改的地方,所以花比較多時間
(6) 製作時間: 2~3天
(7) 製作心得: 這次作業對我來說有點複雜且蒐集資料與耗費的時間很長,需要一些時間不停看老師錄的影片學習,但做完後非常有成就感,也想多學習一些。

視傳2A,1081445068

1).作業網址:
OnePage作業網址
(2) 參考之版型網址:參考老師範例網站
(3) 設計主題 / 風格:roselia 樂團風
(4) 導覽列項目:主頁 Roselia 單曲 成員照片 bangdream 聯繫
(5) 遇到之問題:常常字跑掉
(6) 製作時間:大約8個小時
(7) 製作心得:大致了解網頁製作過程

視傳2b 1081445055

MEPOERs said:
JinJin: 圖標、連結、相片說明尚需修改喔!
(1).作業網址:http://my.cute.edu.tw/~1081445109/onepage-1081445109/


(2) 參考之版型網址:範例
(3) 設計主題 / 風格 簡單 簡潔
(4) 導覽列項目:home about her interest album artist contact
(5) 遇到之問題: 影片點不進去
(6) 製作時間:十小時
(7) 製作心得:很有成就感

班級,學號 視傳2b1081445109



Edited 2 time(s). Last edit at 01/04/2021 03:56PM by 董冠辰.
(編輯記錄)

MEPOERs said:
JinJin: 傳到另個空間不會有數字問題,about連結有誤
(1).作業網址:OnePage作業網址
(2) 參考之版型網址:參考老師範例
(3) 設計主題 / 風格:介紹影集"Queen of the South",簡約風格
(4) 導覽列項目:首頁/關於劇情/角色介紹/全季劇照/演員資訊/地圖
(5) 遇到之問題:有時候會找不到要更改的程式碼數字
(6) 製作時間:6~9小時
(7) 製作心得:內容要改的跟要放的圖片有夠多,在找資料打字弄圖片時覺得很辛苦很累,但是做完後很有成就感!!

班級 視傳2B,學號 1081445067

(1) 作業網址:OnePage作業網址
(2) 參考之版型網址:參考老師提供的網址
(3) 設計主題 / 風格:澳洲Paolo Sebastian婚紗與迪士尼聯名設計款,夢幻、童話、甜美。
(4) 導覽列項目: HOME / ABOUT / BRAND SPIRIT / PORTFOLIO / RELATED DESIGNERS / CONTACT
(5) 遇到之問題:相片的分類效果,其中有兩個點不了分類,詢問老師之後把點不了分類的文字間空白處刪掉就可以了。
(6) 製作時間:每次上課時間加上回家製作兩小時。
(7) 製作心得:這次的作業對我來說比較有挑戰性,比之前的作業難度有提高一點,但是也很有趣,因為一邊製作自己喜歡的主題,一邊也可以熟悉各種新語法!就覺得還蠻好玩的,做完也蠻有成就感的呢!

視傳2A,1081445074

MEPOERs said:
JinJin: 放大圖之相片說明
(1).作業網址:
OnePage作業網址
(2) 參考之版型網址:參考老師範例
(3) 設計主題 / 風格: 灰色 紅色為色調
(4) 導覽列項目:關於我 專業 作品 推薦 聯繫
(5) 遇到之問題: 置入圖是自體時遇到了一點困難
(6) 製作時間:20小時
(7) 製作心得:能作出有關於未來需要去用到的東西非常有成就感

1081445052 吳紀葳

(1).作業網址:
OnePage作業網址
(2) 參考之版型網址:參考老師範例
(3) 設計主題 / 風格:咖啡色系
(4) 導覽列項目:首頁/理念與目標/內部介紹/施工照片/團隊/地點
(5) 遇到之問題:語法錯誤會需要一些時間才能找到定更正
(6) 製作時間:2天
(7) 製作心得:較之前的作業難度更大,做起來較費時,但做完也較有趣

班級 視傳2B,學號 1081445097

(1).作業網址:
OnePage作業網址
(2) 參考之版型網址:老師給的範例
(3) 設計主題 / 風格:以橘色與溫暖的色調呈現,加上歡樂的氣氛
(4) 導覽列項目:HOME / ABOUT / LITTLE WORLD / MY WORLD / MOVIE / CONTACT
(5) 遇到之問題:沒有遇到問題
(6) 製作時間:4小時
(7) 製作心得:每一次做都覺得越來越順手,都能作出關於自己的作品網頁,很喜歡這一次的作業,而且很有挑戰性,雖然網頁碼多到花掉,但很開心能給程自己得作品。

視傳2A 1081445015

(1) 作業網址 :
OnePage作業網址
(2) 參考之版型網址:老師的作業範例
(3) 設計主題/ 風格:黑白簡約風格
(4) 導覽列項目:HOME/AT LAST/ ABOUT MYSELF/ FAVORITE/ SHARE LIST
(5) 遇到之問題:因為程式碼較複雜有時候會找不到該對應的程式碼
(6) 製作時間:4小時以上
(7) 製作心得:雖然這次的網頁比之前老師教的還複雜,但整體做完的時候很有成就感,也漸漸的對網頁程式還蠻有興趣的!

視傳2A 1081445025



Edited 1 time(s). Last edit at 12/28/2020 12:57PM by 1081445025.
(編輯記錄)

MEPOERs said:
JinJin: 相片一張遺失
1081445025: 已修改!
(1).作業網址:
OnePage作業網址

(2) 參考之版型網址:老師的範例

(3) 設計主題 / 風格:詭異 奇幻

(4) 導覽列項目:home/welcome/people/photo/like/contact

(5) 遇到之問題: 換輪播圖的圖片要找到適合的圖比較困難

(6) 製作時間: 1星期

(7) 製作心得: 了解單頁式網頁的製作,如何換作圖片以及內容物長度和分隔排版

視傳2A 1081445001

MEPOERs said:
JinJin: 補相片說明
(1) 作業網址 :
OnePage作業網址
(2) 參考之版型網址:無
(3) 設計主題 / 風格:新詩冊
(4) 導覽列項目:首頁/散文/新詩/攝影集/contact
(5) 遇到之問題:上傳時有點疑問
(6) 製作時間:5小時
(7) 製作心得:對網頁的架構開始比較有概念

班級:視傳2A 學號1081445106



Edited 2 time(s). Last edit at 12/28/2020 02:26PM by 林欣瑜.
(編輯記錄)

MEPOERs said:
JinJin: 有部分跑版
(1).作業網址:
OnePage作業網址
(2) 參考之版型網址:參考老師範例網站
(3) 設計主題 / 風格 : 白色、整潔
(4) 導覽列項目:關於、基礎介紹、內容、材料了解、人員介紹、外部連結
(5) 遇到之問題: 顏色調整
(6) 製作時間: 4小時
(7) 製作心得: 很有趣

班級 視傳二A,學號 1081445013

MEPOERs said:
JinJin: 放大圖請修正
JinJin: 放大圖請修正
(1).作業網址:OnePage作業網址
(2) 參考之版型網址:老師提供的
(3) 設計主題 / 風格:幽默風趣
(4) 導覽列項目:回遇境 同事們 沒給錢的 載客服務 司機產地 司機
(5) 遇到之問題:程式碼常常貼錯 語法常常搞錯
(6) 製作時間:每天回家
(7) 製作心得:我的信心終於找回來一點了

視2A 1081445126



Edited 2 time(s). Last edit at 01/11/2021 01:40PM by 1081445126.
(編輯記錄)

MEPOERs said:
JinJin: 網址?
(1).作業網址:
OnePage作業網址
(2) 參考之版型網址:http://file.mepopedia.com/~css108b/midterm/midterm-1075445050/
(3) 設計主題 / 風格 影像工作室網站 / 簡約
(4) 導覽列項目:HOME / 關於我們 / 服務項目 / 作品 / 製作團隊 / 聯絡我們 /
(5) 遇到之問題:輪播圖跑藍色色塊出來,做到沒耐心
(6) 製作時間:5 hours
(7) 視傳2A 1081445110

(1).作業網址:
OnePage作業網址
(2) 參考之版型網址:參考老師範例網站
(3) 設計主題 / 風格:陽光活潑
(4) 導覽列項目:首頁 關於我 我的最愛 回憶拼圖 愛的家庭 聯絡我
(5) 遇到之問題:時間不夠用 家裡沒軟體只能學校借
(6) 製作時間:一週以上
(7) 製作心得:非常的複雜,但很開心可以做自己想做的東西,只是真的太忙碌沒時間好好完成作業

視傳2A 1081445064

MEPOERs said:
JinJin: 連結補齊
(1).作業網址:OnePage作業網址
(2) 參考之版型網址:參考老師範例網頁
(3) 設計主題 / 風格:偶像
(4) 導覽列項目:首頁 / 關於他 / 演出作品 / 照片 / 官方
(5) 遇到之問題:程式碼有點複雜
(6) 製作時間:大約1個禮拜
(7) 製作心得:這次作業有點複雜需要多一點耐心

視傳2A 1081445021



Edited 2 time(s). Last edit at 01/11/2021 01:24PM by 楊芮瑄.
(編輯記錄)

MEPOERs said:
JinJin: http://cute.mepopedia.com/~t109a/hw02/onepage-1081445021/
4.製作完畢請上傳FTP,資料夾命名:onepage-學號。

請回覆於作業文章


(1).作業網址:
OnePage作業網址
(2) 參考之版型網址:無
(3) 設計主題 / 風格:鬼滅劇透
(4) 導覽列項目:好看第一眼 關於鬼滅 人物介紹 圖片 我在的地方
(5) 遇到之問題:
(6) 製作時間:1周
(7) 製作心得:好難

視傳2A 1061445004 林伯謙

MEPOERs said:
JinJin: 補連結及相片說明
(1).作業網址:
OnePage作業網址
(2) 參考之版型網址:參考老師提供範例
(3) 設計主題 / 風格:作品集/古典、幻想
(4) 導覽列項目:首頁/專攻/嗜好/作品/分享/CONTACT
(5) 遇到之問題:找不到要更改的原始碼位置
(6) 製作時間:一周半
(7) 製作心得:能夠做自己想做的主題,做出來非常有成就感,但就是花不少時間在找原始碼位置。

班級:視傳2A,學號:1081445078

MEPOERs said:
JinJin: 補email
(1).作業網址:
OnePage作業網址
(2) 參考之版型網址:參考老師的!
(3) 設計主題 / 風格:關於刺青,文青簡約風。
(4) 導覽列項目:HOME IMFORMATION MEANING PROTFOLIO SHARE CONTACT
(5) 遇到之問題:程式碼太多容易混亂,找資料很麻煩,因為怕會找錯資訊。
(6) 製作時間:1個禮拜左右
(7) 製作心得:很棒~~

班級視2A學號:1081445041

MEPOERs said:
JinJin: 補email
(1).作業網址:
作業02網址

(2) 參考之版型網址:https://www.ducati.com/ww/en/home
(3) 設計主題 / 風格:重機、紅色
(4) 導覽列項目:
HOME
ABOUT
IDEA
PHOTO
COMMUNITY
CONTACT
(5) 遇到之問題:沒有
(6) 製作時間:忘了
(7) 製作心得:很棒

視傳2B 1081445002

MEPOERs said:
JinJin: 補頁尾連結
(1).作業網址:
OnePage作業網址
(2) 參考之版型網址:參考老師提供的範例
(3) 設計主題 / 風格:乾淨清新
(4) 導覽列項目:HOME ABOUT SOMETHING PORTFOLIO TEAM DAILY
(5) 遇到之問題:影片置入大小調整
(6) 製作時間:12小時
(7) 製作心得:很有成就感

班級,學號
視傳2B 1081445065

MEPOERs said:
JinJin: 補頁尾連結
(1).作業網址:
OnePage作業網址
(2) 參考之版型網址:參考老師提供範例
(3) 設計主題 / 風格: SKY光遇-遊戲介紹
(4) 導覽列項目:首頁/遊戲介紹/地圖瀏覽/遊戲畫面/更多
(5) 遇到之問題:貼圖片檔時常常忘記刪冒號
(6) 製作時間:9小時
(7) 製作心得:一開始覺得很麻煩,但越做越順,做完後也很有成就感。
1/10已更新網址

視傳2B 1081445049



Edited 2 time(s). Last edit at 01/10/2021 10:39PM by 1081445049.
(編輯記錄)

MEPOERs said:
JinJin: 補連結,地圖
(1).作業網址:
OnePage作業網址
(2) 參考之版型網址:參考師範本
(3) 設計主題 / 風格:聖誕節
(4) 導覽列項目:關於聖誕節,活動,照片,成員,地圖
(5) 遇到之問題:圖片檔案大小問題
(6) 製作時間:上課時間,課外時間居多
(7) 製作心得:雖然很複雜,製作完後有成就感。

2B 1081445014

(1).作業網址:
OnePage作業網址
(2) 參考之版型網址:參考老師範例網站
(3) 設計主題 / 風格:清新簡約
(4) 導覽列項目:HOME/ABOUT/NEWS/DAILY/SOCIAL MEDIA/CONTACT
(5) 遇到之問題:用網址開啟很LAG
(6) 製作時間:大約4-5天
(7) 製作心得:第一次製作一頁式網頁,又學到了一項新東西,棒喔

視傳三B 1071446132

MEPOERs said:
JinJin: 首圖檔太大,影響速度
JinJin: 補相片說明
(1).作業網址:
OnePage作業網址
(2) 參考之版型網址:老師給
(3) 設計主題 / 風格:兔子
(4) 導覽列項目:home about habits photo variety
(5) 遇到之問題:各種問題
(6) 製作時間:5hr
(7) 製作心得:好棒做完了

視2B 1081445022

MEPOERs said:
JinJin: 圖標、相片說明、連結
(1) 作業網址 :
(1).作業網址:
OnePage作業網址
(2) 參考之版型網址:
(3) 設計主題 / 風格:攝影集
(4) 導覽列項目:Home About Servic Portfolio Team contact
(5) 遇到之問題:相片那邊的導覽列有問題
(6) 製作時間:一到兩天
(7) 製作心得:做完很有成就感好像好厲害一樣

視傳二B 1081445020

MEPOERs said:
JinJin: 相片分類、頁尾連結、相片說明、圖示
(1).作業網址:
OnePage作業網址
(2) 參考之版型網址:參考老師範例網站
(3) 設計主題 / 風格:柯基/可愛風
(4) 導覽列項目:HOME / ABOUT / DEMAND / INTRODUCTION / CONTACT
(5) 遇到之問題:圖片無法放大
(6) 製作時間:7小時
(7) 製作心得:做完滿有成就感的

視2B 1081445095



Edited 1 time(s). Last edit at 12/28/2020 04:15PM by 1081445095.
(編輯記錄)

(1).作業網址:
作業網址
(2) 參考之版型網址: 課堂提供的範例
(3) 設計主題 / 風格 :流浪狗收容平台
(4) 導覽列項目: 首頁 關於浪浪 如何幫助 浪浪收容所 聯絡地址
(5) 遇到之問題: 突然變複雜 需要花時間製作
(6) 製作時間: 一天
(7) 製作心得: 由於變得比較複雜 剛開始製作會覺得頭昏腦漲 需要多點時間耐心好好了解

1061445151 孫櫻瑄



Edited 2 time(s). Last edit at 12/28/2020 04:29PM by doris sun.
(編輯記錄)

MEPOERs said:
JinJin: 補放大圖之相片說明、頁尾連結
JinJin: 網頁圖標
(1).作業網址:
OnePage作業網址
(2) 參考之版型網址:OnePage一頁式網頁設計,範例下載
(3) 設計主題 / 風格:寵物日常,寵物每天的大小事
(4) 導覽列項目:HOME,ABOUT,SERVICE,PHOTO,TEAM,CONTACT
(5) 遇到之問題:圖片放置,上傳後跟自己做的不一樣,邊多了123,ABOUT不見了。
(6) 製作時間:6小時
(7) 製作心得:製作網頁真的需要有很多的耐心跟觀察力,常常有些小東西不一樣就整個都不對了。

MEPOERs said:
JinJin: 補連結
(1).作業網址:
OnePage作業網址
(2) 參考之版型網址:無。
(3) 設計主題 / 風格:韓國女團官網
(4) 導覽列項目:Home/About/Members/Photo/Video/NEW/Office
(5) 遇到之問題:自己檔案開的跟回覆作業開的網頁長的不一樣。
例如:輪播圖的第三頁不見了,左邊出現數字123,About標題不見,...等等
(6) 製作時間:超久。
(7) 製作心得:很有成就感!!!

視傳二B 1081445093

MEPOERs said:
JinJin: 頁尾可留自己資訊
OnePage作業網址

(2) 參考之版型網址:http://file.mepopedia.com/~css108a/midterm/midterm-1075445005/
(3) 設計主題 / 風格:自然x音樂x療癒
(4) 導覽列項目:首頁/關於/樂章介紹/自然療法/音樂創作者YT/工作室
(5) 遇到之問題: 沒有問題
(6) 製作時間: 半天
(7) 製作心得:看到自己逐步完成作品,真的很有成就感,雖然有時候一直改錯地方,或是不知道問題點在哪裡,但找到問題並解決真的有一種莫名的快樂。

視傳2B 1081445040



Edited 2 time(s). Last edit at 01/12/2021 08:34PM by 1081445040.
(編輯記錄)

MEPOERs said:
JinJin: 連結錯誤
JinJin: http://cute.mepopedia.com/~t109b/onepage/onepage-1081445040/
(1).作業網址:
OnePage作業網址
超連結一直點不開........,麻煩老師複製我的網址搜尋
(2) 參考之版型網址:老師給我們下載的
(3) 設計主題 / 風格:黑白簡潔風
(4) 導覽列項目:首頁 認識他 官方經歷 地圖
(5) 遇到之問題:顏色我更改不了,用好幾次都無法........
(6) 製作時間:2天
(7) 製作心得:這次對我而言困難很多,老師的教學影片很有幫助,我看了三次哈哈

班級,學號 視傳2a 1081445019 蔡家慧



Edited 3 time(s). Last edit at 01/11/2021 01:20PM by 蔡家慧.
(編輯記錄)

MEPOERs said:
JinJin: 連結錯誤請修正
(1) 作業網址 :
(1).作業網址:
OnePage作業網址
(2) 參考之版型網址:範例
(3) 設計主題 / 風格 簡單
(4) 導覽列項目:關於我和作品
(5) 遇到之問題:還好
(6) 製作時間:一天
(7) 製作心得:覺得很棒的體驗之後也用的到

視傳2A 1081445033



Edited 1 time(s). Last edit at 01/04/2021 02:59PM by 1081445033.
(編輯記錄)

MEPOERs said:
JinJin: 圖示、相片說明、連結、色彩
(1).作業網址:
OnePage作業網址
(2) 參考之版型網址:老師範例
(3) 設計主題 / 風格 :萬聖節
(4) 導覽列項目:HOME MEANING CELEBRATE DRESS UP TOUR CONTACT
(5) 遇到之問題 : 有些顏色不太知道要改哪個位子,不太會看網站檢查的資訊
(6) 製作時間:一個禮拜
(7) 製作心得:做完後有成就感,但整理資料比較麻煩

班級 視傳2A,學號 1081445060

MEPOERs said:
JinJin: 連結、地圖
(1).作業網址:
OnePage作業網址
(2) 參考之版型網址:參考老師提供範例
(3) 設計主題 / 風格 :idol
(4) 導覽列項目: HOME / INTRODUCE / ALBUM / GALLERY / TEAM / CONTACT
(5) 遇到之問題:檔案過大,導致網也很難開啟,還有一些連結問題
(6) 製作時間: 一天
(7) 製作心得: 雖然製作過程遇到一些困難,但解決後做出來很有成就感

視傳2B 1081445042

MEPOERs said:
JinJin: 圖片大小一致、頁尾聯絡資訊
(1).作業網址:
http://my.cute.edu.tw/~1081433102/onepage-1081433102/
(2) 參考之版型網址:上課檔案
(3) 設計主題 / 風格 : 底片攝影
(4) 導覽列項目:關於我、介紹底片、知名攝影家
(5) 遇到之問題: 很多圖片都不知在哪裡改
(6) 製作時間: 3個半小時
(7) 製作心得: 如果以後用這個來設計作品集相當不錯

MEPOERs said:
JinJin: 圖示、連結
OnePage作業

OnePage作業網址

(2) 參考之版型網址:http://file.mepopedia.com/~css108a/midterm/midterm-1075445005/
(3) 設計主題 / 風格:自然x音樂x療癒
(4) 導覽列項目:首頁/關於/樂章介紹/自然療法/音樂創作者YT/工作室
(5) 遇到之問題: 沒有問題
(6) 製作時間: 半天
(7) 製作心得:看到自己逐步完成作品,真的很有成就感,雖然有時候一直改錯地方,或是不知道問題點在哪裡,但找到問題並解決真的有一種莫名的快樂。

視傳2B 1081445040



Edited 2 time(s). Last edit at 01/11/2021 04:25PM by 1081445040.
(編輯記錄)

(1) 作業網址 :
(1).作業網址:
OnePage作業網址
(2) 參考之版型網址:老師範例網址
(3) 設計主題 / 風格 個人作品集
(4) 導覽列項目:主頁/關於我/人設/看作品/繪圖方式/地圖
(5) 遇到之問題: 圖片上不去
(6) 製作時間:約3天
(7) 製作心得:非常有成就感,能夠看到自己的作品非常開心

班級,學號
視2A 1081445003



Edited 1 time(s). Last edit at 01/04/2021 01:00PM by zhizhi.
(編輯記錄)

MEPOERs said:
JinJin: 補連結及頁尾資訊
(1).作業網址:
OnePage作業網址

(2) 參考之版型網址:
老師的版型。

(3) 設計主題 / 風格
海洋。

(4) 導覽列項目:
HOME / ABOUT / SERVICE / PORTFOLIO / TEAM / CONTACT

(5) 遇到之問題:
程式碼變得更複雜了,找東西比較難找。

(6) 製作時間:
5小時。

(7) 製作心得:
在看到最後的成果的時候,有很大的滿足感,覺得老師真的很厲害,希望自己可以更進步一些。

班級 視傳2A
學號 1081445029

MEPOERs said:
JinJin: 補連結
(1) 作業網址 :
(1).作業網址:
OnePage作業網址
(2) 參考之版型網址:http://file.mepopedia.com/~css108b/midterm/midterm-1075445050/
(3) 設計主題 / 風格:以狐狸為主題,想讓更多人可以了解牠的可愛
(4) 導覽列項目:主頁/關於/行為/圖像/更多/地圖
(5) 遇到之問題:之前做網頁,然後程式直接卡住,很多東西都重作:(
(6) 製作時間:5小時
(7) 製作心得:做完這個網頁的時候很有成就感。

班級:視傳2A,學號:1081445086

MEPOERs said:
JinJin: 行為跑版、補連結
(1) 作業網址 :OnePage作業網址
(2) 參考之版型網址:參考老師範例
(3) 設計主題 / 風格:以自己喜歡的偶像跟色系來設計
(4) 導覽列項目:首頁/關於/配音作品/照片/服裝/事務所
(5) 遇到之問題:圖片尺寸問題
(6) 製作時間:1天
(7) 製作心得:能替自己喜歡的偶像作網頁交作業很開心

視傳二A 1081445027



Edited 3 time(s). Last edit at 01/04/2021 01:29PM by sonia0221.
(編輯記錄)

MEPOERs said:
JinJin: 相片說明
(1).作業網址:OnePage作業網址
(2) 參考之版型網址:參考老師範本
(3) 設計主題 / 風格:簡約小清新
(4) 導覽列項目:首頁 關於 最新消息 作品 影音 聯絡添翼
(5) 遇到之問題:有一些會不知道語法在哪
(6) 製作時間:三天
(7) 製作心得:這次作業有點複雜,但做完很有就感

視傳3A 1071445156



Edited 1 time(s). Last edit at 01/11/2021 12:05AM by 1071445156.
(編輯記錄)

MEPOERs said:
JinJin: 頁尾改自己資訊,並註明作業之用!
(1).作業網址:file:///C:/Users/User/Downloads/%E9%A3%9B%E5%A4%A9%E5%B0%8F%E5%A5%B3%E8%AD%A6.html

(2) 參考之版型網址:老師給的版型
(3) 設計主題 / 風格:色彩鮮艷
(4) 導覽列項目:
(5) 遇到之問題:圖片塞不進去....
(6) 製作時間:6小時..
(7) 製作心得:真的好難..我心好累

班級,學號 視傳2A 1081445007

MEPOERs said:
JinJin: 網址錯誤,請修正
(1).作業網址:
OnePage作業網址
(2) 參考之版型網址:
(3) 設計主題 / 風格:公車
(4) 導覽列項目:home 我的想法 車款介紹 拍攝作品 我的巴士回憶 巴士ㄓ
(5) 遇到之問題:圖片剛開始不會放
(6) 製作時間:2天
(7) 製作心得:很有成就

班級視傳2A,學號1081445088

MEPOERs said:
JinJin: 相簿、車款需修正、頁尾資訊修正
(1).作業網址:
OnePage作業網址
(2) 參考之版型網址: 參考老師範例
(3) 設計主題 / 風格:以電影介紹為主題 / 風格較奇幻
(4) 導覽列項目: 首頁 / 關於 / 小知識 / 推薦 / 聯絡
(5) 遇到之問題: 語法有點多,找得有點辛苦
(6) 製作時間: 一天
(7) 製作心得: 做完很有成就感,一開始覺得很累,但熟悉之後就覺得很有趣

視傳2A 1081445102

MEPOERs said:
JinJin: 地圖
(1).作業網址:
OnePage作業網址
(2) 參考之版型網址:
(3) 設計主題 / 風格 大雜會
(4) 導覽列項目:
(5) 遇到之問題:很多圖跑不出來
(6) 製作時間:一星期多
(7) 製作心得:很難

視傳2a 1081445084

MEPOERs said:
JinJin: 圖標、圖示、輪播圖、連結、聯絡資訊
(1).作業網址:
OnePage作業網址
(2) 參考之版型網址:http://file.mepopedia.com/~css108a/midterm/midterm-1075445005/
(3) 設計主題 / 風格:寵物成長/文藝風
(4) 導覽列項目:首頁/成長/習性/照片/網紅/地點
(5) 遇到之問題:都長得差不多容易混亂
(6) 製作時間:一天半
(7) 製作心得:雖然花了很多時間但做完很有成就感

視傳5A 1052445113 趙思芯

MEPOERs said:
JinJin: 相片失聯、聯絡資訊
(1).作業網址:
Onepage
(2) 參考之版型網址:參考師範本
(3) 設計主題 / 風格 原生、民族風格
(4) 導覽列項目:主頁、介紹、導演/編劇、主要演員、劇照
(5) 遇到之問題: 有時候baby icon 跳不出來
(6) 製作時間: 5hrs
(7) 製作心得: 很有成就感

視傳2B,1081445061

MEPOERs said:
JinJin: 維基連結刪除、聯絡資訊、地圖、主要演員
(1) 作業網址 :OnePage作業網址
(2) 參考之版型網址:參考老師範例網站
(3) 設計主題 / 風格:貓咪介紹、賞貓景點介紹
(4) 導覽列項目:首頁、關於貓、賞貓景點、、貓的樣子、IG人氣美貓、地圖
(5) 遇到之問題:常常不知道哪一行需要改,用了檢查以後方便很多!
(6) 製作時間:2天
(7) 製作心得:可以製作出看起來有樣子的網站很有成就感!

班級 視傳2B,學號1081445028

MEPOERs said:
JinJin: 地圖、聯絡資訊、coming soon
(1).作業網址:
OnePage作業網址
(2) 參考之版型網址:參考老師範例
(3) 設計主題 / 風格:進入溫馨溫暖的世界
(4) 導覽列項目:講述自己的事
(5) 遇到之問題:明明照片丟上去卻跑不出來,看老師錄的影片重複研究。
(6) 製作時間:一星期多
(7) 製作心得:在過程中,遇到很多卡住的部分拼命的翻老師的影片對照看哪裡有錯,做完的感想是雖然沒有做的很強,但是做完了非常有成就感。

班級2A,學號1081445124

(1).作業網址:
OnePage作業網址
(2) 參考之版型網址:參考老師範例網站
(3) 設計主題 / 風格: 鴨和鵝/可愛
(4) 導覽列項目:首頁,關於,介紹,照片,關注,地圖
(5) 遇到之問題:對網頁不熟悉
(6) 製作時間:2天
(7) 製作心得:可以放喜歡的東西很好玩

班級,學號
視傳2A 1081445046

MEPOERs said:
JinJin: 頁尾說明、聯絡資訊、相片說明
JinJin: 地圖
(1)作業網址:
OnePage作業網址
不知道為什麼連結不到 放另一份網址: file:///C:/Users/User/Desktop/0nepage-1081445048/index2.html
(2)參考之版型網址:http://jinjin.mepopedia.com/~jinjin/wd/hw/onepage/
(3)設計主題/風格:簡約質感
(4)導覽列項目:home/renjun/nct/some cute
(5)遇到之問題:無
(6)製作時間:5小時
(7)製作心得:中間有遇到一些困難,完成後要上傳時還發現css檔遺失,但還是有順利的找回來完成作業。

視傳2A 1081445048



Edited 7 time(s). Last edit at 01/11/2021 01:23PM by 1081445048.
(編輯記錄)

MEPOERs said:
JinJin: 請確認網址
(1).作業網址:
OnePage作業網址
(2) 參考之版型網址:參考老師給的範例
(3) 設計主題 / 風格 個人網頁 / 簡約質感
(4) 導覽列項目:HOME / ABOUT / MUSIC / CAT / DRAWING / CONTACT
(5) 遇到之問題:中間在貼照片影片的時候有部分發生錯誤,但是後來看影片和講義就完成了。
(6) 製作時間:2日
(7) 製作心得:在前置作業花了比較多時間去了解,雖然中間有些地方有不小心做錯,但是經過了修改,還是對自己這次做得個人網頁很滿意。

班級,學號 視傳2A 1081445011



Edited 2 time(s). Last edit at 01/10/2021 12:36AM by 林裕峰.
(編輯記錄)

(1).作業網址:
OnePage作業網址

(2) 參考之版型網址:老師的範例檔案
(3) 設計主題 / 風格:文青、簡約
(4) 導覽列項目:HOME/ABOUT ME/SCOPE/LIFE/MUSIC/FLIM
(5) 遇到之問題:無
(6) 製作時間:一天
(7) 製作心得:很有成就感 讚

視傳2A,1081445090



Edited 3 time(s). Last edit at 01/10/2021 11:14PM by 1081445090.
(編輯記錄)

MEPOERs said:
JinJin: 請確認網址,那個是你自己電腦的位置
(1).作業網址:
OnePage作業網址
(2) 參考之版型網址:老師提供之版型
(3) 設計主題 / 風格:個人網站
(4) 導覽列項目:首頁、介紹、機車、照片、vibe check、地圖
(5) 遇到之問題:照片檔案不能太大,會顯示不出來
(6) 製作時間:3小時
(7) 製作心得:看著成果一點一滴地出來,變成個人網頁的感覺很棒

視傳二A 1081445062

MEPOERs said:
JinJin: 相簿、BIKES皆需修正
請回覆於作業文章

(1).作業網址:
OnePage作業網址
(2) 參考之版型網址:老師給的
(3) 設計主題 / 風格:遊戲
(4) 導覽列項目:首頁/關於遊戲/遊戲介面/遊戲畫面/TouTube/聯繫
(5) 遇到之問題:no
(6) 製作時間:5-6小時
(7) 製作心得:雖然看網頁原始碼看得很累 但很有趣 做完很有成就感

視傳2B 1081445083

MEPOERs said:
JinJin: 頁尾聯絡資訊
(1).作業網址:OnePage作業網址
(2) 參考之版型網址: 參考老師範例網站
(3) 設計主題 / 風格 :玩具總動員
(4) 導覽列項目: 首頁/介紹/關於/角色/地圖
(5) 遇到之問題: 一開始會不知道怎麼更改有些背景圖
(6) 製作時間: 10小時
(7) 製作心得: 真的剛開始覺我自己交不出來很害怕,後來看老師的講義一步一步做完的,很有成就感很開心
視傳2A 1081445039



Edited 3 time(s). Last edit at 01/08/2021 04:43PM by 1081445039.
(編輯記錄)

MEPOERs said:
JinJin: 補頁尾資訊
(1).作業網址:
OnePage作業網址
(2) 參考之版型網址:參考老師範例網站
(3) 設計主題 / 風格:
(4) 導覽列項目:home、ABOUT CHOWDER、場景介紹、人物介紹、回憶錄、藏寶圖
(5) 遇到之問題:常常找不到東西在哪裡,弄老半天還是滿頭問號
(6) 製作時間:大約10個小時
(7) 製作心得:好難好糾結

MEPOERs said:
JinJin: 輪播圖、相簿放大、圖標、地圖
(1).作業網址:
OnePage作業網址

(2) 參考之版型網址:老師給的版型進行修改成自己的風格
(3) 設計主題 / 風格:主題是韓國防彈少年團/風格:簡單 單色 圖片較多的風格
(4) 導覽列項目:家/關於/成員介紹/專輯介紹/喜歡/地址(聯繫)
(5) 遇到之問題:手風琴部分有點混亂 其他都還好!
(6) 製作時間:6hr
(7) 製作心得:我覺得one page需要花更多時間製作,但我好像有點搞懂網頁設計的精隨了!慢慢有開始上手了~
雖然還是有地方有點母颯颯,但是我都盡量找出答案並且搞懂他!希望做RWD能夠更順利!

班級:北視傳3B,學號1071445146

MEPOERs said:
JinJin: 相片說明
(1).作業網址:
OnePage作業網址
(2) 參考之版型網址: 參考老師影片製作
(3) 設計主題 / 風格 :作品集
(4) 導覽列項目: 關於我 作品類別 作品集 代表作 地圖
(5) 遇到之問題: 找不到在哪、圖片放進去卻沒感應到、icon設置及顏色找很久、整體也不是很熟練做很久
(6) 製作時間: 5天
(7) 製作心得: 做下來很有成就感的,但就是前面要花很多時間找代碼在哪裡等等許多問題,也請教老師蠻多次的,但扔然還是不熟練

班級,學號 視傳2A1081445119



Edited 6 time(s). Last edit at 01/11/2021 02:06PM by zhao pin ning.
(編輯記錄)

MEPOERs said:
JinJin: 確認網址
(1).作業網址:
OnePage作業網址
(2) 參考之版型網址:參考老師範例網站
(3) 設計主題 / 風格:月球之上
(4) 導覽列項目:月球表面 / 關於月球 / 月的傳說 / 移民到月球 / 美國太空總署
(5) 遇到之問題:東西一多常常忘記這些是什麼,或做到哪,做到已經上傳完了,才發現少改網頁標籤的LOGO。
(6) 製作時間:8-9小時
(7) 製作心得:雖然東西很多,做一做常常心裡想著“我放棄”,但想一想只要肯做還是做得完。

視傳2B,1081445063

(1).作業網址:
OnePage作業網址
(2) 參考之版型網址:http://file.mepopedia.com/~css108a/midterm/midterm-1075445075/
(3) 設計主題 / 風格: 個人網站/作品集,簡約/趣味
(4) 導覽列項目:首頁 / 關於TAFA / 作品 / 分享 / 位置
(5) 遇到之問題:整理圖片很花時間
(6) 製作時間:6hr
(7) 製作心得:很有成就感。

視傳2A 1081445037



Edited 1 time(s). Last edit at 01/10/2021 02:09AM by 1081445037.
(編輯記錄)

(1) 作業網址 :
(1).作業網址:http://my.cute.edu.tw/~1051445110/onepage-1051445110/
(2) 參考之版型網址:http://my.cute.edu.tw/~1051445110/onepage-1051445110/
(3) 設計主題 / 風格: 我最愛的美式卡通
(4) 導覽列項目:首頁、關於卡通、標準配備、特殊朋友、位置
(5) 遇到之問題:我不知道如何把自己的作業放在問題一的連結內
(6) 製作時間:8小時
(7) 製作心得:目前為止都是用老師的版型去做且老師都有詳細教學影片所以都可以很快上手

MEPOERs said:
JinJin: 補連結、頁尾資訊
(1).作業網址:
OnePage作業網址
(2) 參考之版型網址:http://jinjin.mepopedia.com/~jinjin/wd/hw/onepage/
(3) 設計主題 / 風格:奇特世界(作品集)/色彩明亮鮮豔
(4) 導覽列項目:首頁/關於我/藝術風格MV介紹/我的作品/喜歡的插畫家/地圖
(5) 遇到之問題:有一部分的1900*1200的圖片不知道要在哪裡做更改,但最後有找出來在哪裡
(6) 製作時間:3-4天左右
(7) 製作心得:再找1900*1200那個部分找了好久,有點挫敗,但是最後找出來完成整個網頁之後非常的有成就感

班級,學號 視傳2B 1081445135

MEPOERs said:
JinJin: 電繪練習、頁尾資訊
(1) 作業網址 :
OnePage作業網址
(2) 參考之版型網址:老師原本的教材網頁
(3) 設計主題 / 風格:韓團 Stray Kids/符合團體的風格
(4) 導覽列項目:首頁/團體介紹/入坑指南/照片/官方照號/地址
(5) 遇到之問題:1900x1200照片放不進去找不到語法
(6) 製作時間:數小時
(7) 製作心得:好難...但做完的時候很漂亮

班級 視傳2B,學號1081445123



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

MEPOERs said:
JinJin: SBS2020歌謠大戰舞台底圖、補連結、頁尾資訊
JinJin: 地圖
(1).作業網址:
OnePage作業網址
(2) 參考之版型網址:老師網址。
(3) 設計主題 / 風格 :極簡風,以黑色為主。
(4) 導覽列項目: 關於我及各種作品。
(5) 遇到之問題: 中間有許多排序的問題,花了不少時間才搞懂。
(6) 製作時間: 2~3小時
(7) 製作心得: 這次ONEPAGE的作業難度較高,有不少新的程式語言需了解,整體架構也比較難弄懂,還是有一些不了解的地方,需要反覆練習才能更加熟練。

班級:視傳二A,學號:1081445121



Edited 1 time(s). Last edit at 01/11/2021 12:24AM by 1081445121.
(編輯記錄)

MEPOERs said:
JinJin: 尚未完成,請繼續做完
(1).作業網址:
OnePage作業網址
(2) 參考之版型網址:
(3) 設計主題 / 風格 :柴犬小天地/顏色選我喜歡的黃色和藍色作為配色,增添更多可愛的氣氛。
(4) 導覽列項目: 首頁 / 關於柴柴/柴柴知識/呆柴/網柴/ 地圖
(5) 遇到之問題: 一開始沒有把資料都用在同個資料夾導致網頁一直連結不上,
(6) 製作時間: 4個小時
(7) 製作心得: 覺得製作自己有興趣的主題很有趣,在製作過程不會很無聊,看到最後製作好的成品,很有成就感。



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

MEPOERs said:
JinJin: 請確認網址
JinJin: http://my.cute.edu.tw/~1081445094/onepage-1081445094/onepage-1081445094/
(1).作業網址:
OnePage作業網址
(2) 參考之版型網址:老師提供的範例網址
(3) 設計主題 / 風格:
主題為個人作品集/因個人喜歡藍色而配色多以藍色為主,除做品外的圖片則為個人攝影+PS編輯和繪圖
(4) 導覽列項目:
首頁、關於我、經歷、作品、聯絡、CONTACT
(5) 遇到之問題:
課堂中有教到的部分基本上沒什麼問題,主要是在"作品"的部分自己額外試的一些部份有點不太確定是否正確
(6) 製作時間:課堂期間加每周約1~3小時
(7) 製作心得:能夠將自己的作品以網頁形式呈現出來很有成就感,以及了解了如何去找範例、看懂並修改和應用其他網頁資源有很大的幫助

班級:數媒5B,學號:1051448077



Edited 5 time(s). Last edit at 01/11/2021 04:11PM by 1051448077.
(編輯記錄)

MEPOERs said:
JinJin: 尚未完成,請繼續完成。
(1).作業網址:OnePage作業網址
(2) 參考之版型網址:參考老師範例網站
(3) 設計主題 / 風格:橘黃色的玉米風格
(4) 導覽列項目:回遇境,關於玉米sky time 天空生活相簿
(5) 遇到之問題:了解後大致沒問題,剛開始還是不知道如何改顏色,慢慢摸索後明白了
(6) 製作時間:4~未完成
(7) 製作心得:很酷,有屬於自己的網站,可以記錄遊戲的照片~

視傳2A 1081445128



Edited 2 time(s). Last edit at 01/11/2021 05:21AM by 1081445128.
(編輯記錄)

MEPOERs said:
JinJin: 請認確網址
(1).作業網址:
OnePage作業網址
(2) 參考之版型網址:老師給的範例
(3) 設計主題 / 風格 想介紹自己/文青優雅路線
(4) 導覽列項目:都有做 好難喔
(5) 遇到之問題: 太多了 我覺得我吸收不良
(6) 製作時間: 2小時多
(7) 製作心得: 我發現很多期末作業要交都快趕不及,熬夜終於做完了,想哭。

視傳2B,1081445036

增加 地圖 修改 圖示

MEPOERs said:
JinJin: 地圖、補連結
JinJin: 網頁圖示
(1).作業網址:
OnePage作業網址
(2) 參考之版型網址:參考老師範例網站
(3) 設計主題 / 風格:
(4) 導覽列項目:home、ABOUT CHOWDER、場景介紹、人物介紹、回憶錄、藏寶圖
(5) 遇到之問題:常常找不到東西在哪裡,弄老半天還是滿頭問號
(6) 製作時間:大約10個小時
(7) 製作心得:好難好糾結

(1) 作業網址 :
(1).作業網址:
OnePage作業網址
(2) 參考之版型網址:
(3) 設計主題 / 風格:歐美卡通飛天小女警
(4) 導覽列項目:
(5) 遇到之問題:圖片套很久,世界大混亂....
(6) 製作時間:3天斷斷續續
(7) 製作心得:真的好難好難....我好痛苦

班級,學號 視傳2A 1081445007

(1) 作業網址 :
OnePage作業網址

(2) 參考之版型網址:參考老師範例網站
(3) 設計主題 / 風格 偶像
(4) 導覽列項目:首頁 關於 興趣 照片 網路紅人 地址
(5) 遇到之問題:整體製作很難
(6) 製作時間:好幾天
(7) 製作心得:但是做自己喜歡的偶像很有動力

視1A 1081445066



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

(1).作業網址:
OnePage作業網址
(2) 參考之版型網址:老師範例
(3) 設計主題 / 風格:薩爾達傳說曠野之席大略介紹
(4) 導覽列項目:HOME ABOUT SERVICE PICTURE RECOMMEND CONTACT
(5) 遇到之問題:不知道內容該怎麼放,不是太多就是太少很難取捨。
(6) 製作時間:七天
(7) 製作心得:我太難了。

班級 視傳2A,學號 1081445072



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

(1).作業網址:
OnePage作業網址

(2) 參考之版型網址:參考老師的網頁版型
(3) 設計主題 / 風格 : IDOL介紹
(4) 導覽列項目:首頁/個人資料/關於她/照片/地圖
(5) 遇到之問題: 比前幾次的作業難很多、複雜很多,在放置圖片的部分有遇到很多困難,會出現無法顯示的問題。
(6) 製作時間:1天
(7) 製作心得:這次的作業雖然比之前的難很多,遇到的困難也比之前的難解決,但有問過同學後,問題有一一解決。

視傳3B,1071445147



Edited 1 time(s). Last edit at 01/11/2021 02:50PM by 林巧妮.
(編輯記錄)

(1).作業網址:
OnePage作業網址
(2) 參考之版型網址:老師的範例網站
(3) 設計主題 / 風格:水母粉粉嫩嫩的感覺
(4) 導覽列項目:首頁 / 介紹 / 小知識 / 照片欣賞 /世界最大
(5) 遇到之問題:沒有
(6) 製作時間:3天
(7) 製作心得:製作過程還算順利 雖然一開始在想要做什麼主題很久

視傳2B 1081445071

((2) 參考之版型網址:http://my.cute.edu.tw/~1051445098/onepage1051445098/
(3) 設計主題 / 風格:改裝車。
(4) 導覽列項目:TOP ABOUT BODY KIT CUSTOM CONTACT
(5) 遇到之問題:沒有
(6) 製作時間:大約1天多
(7) 製作心得:挺好玩的現在透過一些語法把網站改成自己喜歡的樣子,覺得蠻有成就感的!

視傳5B 1051445098

(1).作業網址:
http://cute.mepopedia.com/~t109a/onepage/onepage-1081443078/
(2) 參考之版型網址:http://file.mepopedia.com/~css108b/midterm/midterm-1075445050/
(3) 設計主題 / 風格:色彩斑斕感。
(4) 導覽列項目:首頁 / 關於我 / 服務 / 作品 / 推薦 / 聯繫
(5) 遇到之問題:有時候找不到自己哪裡打錯
(6) 製作時間:1天
(7) 製作心得:做很久感覺一直找不到哪裡錯誤 但是看到效果出來還是小高興

視傳2A 1081443078

(1) 作業網址 :
(1).作業網址:
OnePage作業網址
(2) 參考之版型網址:參考老師的範例
(3) 設計主題 / 風格:迪士尼可愛風!
(4) 導覽列項目:Home/About me/Hobby/Photo/School Memory
(5) 遇到之問題:很多地方少一個字母或少一個標點符號就會差得非常多
(6) 製作時間:3天
(7) 製作心得:覺得好玩又有趣!第一次接觸到網頁很開心能夠設計出屬於自己的網頁。

班級 視傳2A 學號 1081445023

(1).作業網址:
OnePage作業網址
(2) 參考之版型網址:參考老師範例網站
(3) 設計主題 / 風格 :個人秘密基地,採歡樂活潑的黃色為主色調
(4) 導覽列項目:HOME ABOUT 興趣介紹 我的作品 畢業倒數 最喜歡動畫電影介紹
(5) 遇到之問題: 低次接觸 所以做蠻久的
(6) 製作時間: 2天
(7) 製作心得: 做完後有很大的成就感

視傳2B 1081445085



Edited 1 time(s). Last edit at 01/11/2021 03:30PM by 1081445085.
(編輯記錄)

(1).作業網址:

OnePage作業網址
(2) 參考之版型網址:參考老師給的
(3) 設計主題 / 風格 :BTS 專輯介紹與2020的事蹟
(4) 導覽列項目:home, about them, album, 2020, 7 boys,contact
(5) 遇到之問題:常常找不到顏色
(6) 製作時間:三天
(7) 製作心得:過程雖然會要研究很久但完成的時候很有成就感

班級視傳2B 學號1081445091



Edited 3 time(s). Last edit at 01/11/2021 03:58PM by 1081445091.
(編輯記錄)

(1).作業網址:
OnePage作業網址 http://cute.mepopedia.com/~t109b/onepage/onepage-1081445099/
(2) 參考之版型網址:參考老師範例網站
(3) 設計主題 / 風格:LABUBU盒玩。
(4) 導覽列項目:大廳 作著介紹 盒玩介紹
(5) 遇到之問題:很常找不到東西在哪裡,但是老師說用"檢查"的方式快很多,可以很明確知道位置在哪裡!
(6) 製作時間:大約9-10個小時
(7) 製作心得:很有趣!終於做出一個自己的網站,超喜歡!

視傳2B 1081445099 陳正浩

(1).作業網址:
OnePage作業網址 http://cute.mepopedia.com/~t109b/onepage/onepage-1081445115/
(2) 參考之版型網址:參考老師範例網站
(3) 設計主題 / 風格:遊戲網站
(4) 導覽列項目:首頁 關於 最新消息 英雄定位 賽事
(5) 遇到之問題:有時候製作連結的東西會做很久
(6) 製作時間:大約9-10個小時
(7) 製作心得:很有趣!喜歡這門課

視傳2B 1081445115 梁有揚

(1).作業網址:
OnePage作業網址
(2) 參考之版型網址:參考老師範例
(3) 設計主題 / 風格:以食物為主的風格
(4) 導覽列項目:首頁,關於咖哩,異國咖哩,圖片分享,私心推薦
(5) 遇到之問題:找不到圖片檔案
(6) 製作時間:兩三天
(7) 製作心得:剛開始覺得很難熟悉後就覺得還可以

班級視傳2b學號1081445087李采楹

(1).作業網址:
http://cute.mepopedia.com/~t109b/onepage/onepage-1081445075/
(2) 參考之版型網址:參考老師範例
(3) 設計主題 / 風格:可愛/ 清新,質感。
(4) 導覽列項目:首頁 / 關於柴犬 /習慣 / 照片 / IG/ 地圖
(5) 遇到之問題:很多
(6) 製作時間:大約3天多
(7) 製作心得:很難沒有接觸過網頁現 但是努力完成後 覺得蠻有成就感的!

視傳2B 1081445075 劉育甄

(1).作業網址:
OnePage作業網址
(2) 參考之版型網址:參考老師的範例
(3) 設計主題 / 風格:植物分享,清新的感覺
(4) 導覽列項目:首頁 推薦 風水 照顧方式 商店分享
(5) 遇到之問題:東西一植跑掉
(6) 製作時間:兩天
(7) 製作心得:對我來說非常困難,但有越來越看得懂的感覺,非常開心

視傳2b 1081445024

(1).作業網址:
http://cute.mepopedia.com/~t109b/onepage/onepage-1081445018/
(2) 參考之版型網址:參考老師的
(3) 設計主題 / 風格 各類型繪師
(4) 導覽列項目:主頁 關於 服務 目錄 地圖
(5) 遇到之問題:行數很多 眼花撩亂
(6) 製作時間:3天
(7) 製作心得:好難 時間有點來不及 但很有成就感

班級 視傳2B,學號1081445018



Edited 2 time(s). Last edit at 01/14/2021 08:01PM by 1081445018.
(編輯記錄)

(1).作業網址:
http://cute.mepopedia.com/~t109b/onepage/onepage-1081445006/
(2) 參考之版型網址:參考老師範例網站
(3) 設計主題 / 風格:耀眼燈場 閃亮風格
(4) 導覽列項目:首頁燈泡推薦燈具推薦擺放分享商店分享
(5) 遇到之問題:很常找不到東西在哪裡,但是老師說用"檢查"的方式快很多,可以很明確知道位置在哪裡!
(6) 製作時間:大約9-10個小時
(7) 製作心得:很有趣!終於做出一個自己的網站,超喜歡!

視傳2B 1081445006

(1).作業網址:
OnePage作業網址
(2) 參考之版型網址: 參考老師範例網站
(3) 設計主題 / 風格 :純樸、自然
(4) 導覽列項目:關於台東的介紹
(5) 遇到之問題: 圖片上傳不了,但解決了。
(6) 製作時間: 1天
(7) 製作心得: 覺得很複雜,但做完很有成就感。

視傳2B 1081445120

(1) 作業網址 :OnePage作業網址
(2) 參考之版型網址:老師的範例網址
(3) 設計主題 / 風格:插畫家 / 黑色系

(4) 導覽列項目:
Home
About
Q&A
Creation
Other similar brands
Contact
(5) 遇到之問題:有時候放圖上去了卻沒有顯示
(6) 製作時間:2天
(7) 製作心得:製作完這次的作業,感覺有點成就感

班級:視傳2A 學號1081445076

(1).作業網址:
OnePage作業網址
(2) 參考之版型網址:老師的
(3) 設計主題 / 風格:灰黑
(4) 導覽列項目: HOME INTRODUCE question Portfolio Official Contact
(5) 遇到之問題: 輪播圖的尺寸抓不準一直改
(6) 製作時間: 5天
(7) 製作心得: 雖然有點複雜 但是完成後很有成就感

班級,學號 視傳2A 1081445112



Edited 1 time(s). Last edit at 01/14/2021 04:55PM by 1081445112.
(編輯記錄)

(1) 作業網址 : http://my.cute.edu.tw/~1081445077/onepage-1081445077/
(2) 參考之版型網址:參考老師的範例
(3) 設計主題 / 風格 : 簡約不失可愛
(4) 導覽列項目:HOME / ABOUT / HABITS / INTERNET CELEBRITY / CONTACT
(5) 遇到之問題:有時候會不小心誤刪到東西 就得再重新仔細檢查一次
(6) 製作時間:3小時
(7) 製作心得:一度做到覺得好難好難過(^_^:a
雖然還是沒辦法很精緻 但起碼比一開始好多了...

視傳2B 1081445077

(1).作業網址:
file:///Users/mac/Desktop/onepage-1081445096/index.html
(2) 參考之版型網址:參考老師範例
(3) 設計主題 / 風格:卡通/可愛風
(4) 導覽列項目:首頁/關於/角色/年齡層/地圖
(5) 遇到之問題:程式碼很多很複雜
(6) 製作時間:3天
(7) 製作心得:第一次設計網頁,覺得學會之後可以再做得更好!

(1).作業網址:
OnePage作業網址
(2) 參考之版型網址:http://jinjin.mepopedia.com/~jinjin/wd/hw/onepage/
(3) 設計主題 / 風格:簡略介紹音樂人及音樂種類/
(4) 導覽列項目:HOME/ABOUT/STYLE/SINGER/PLACE/聯絡我
(5) 遇到之問題:都解決了!
(6) 製作時間:約六小時
(7) 製作心得:跟著教學影片一步一步慢慢做,雖然細節很多但做完很有成就感。

視傳2B 1081445073

(1).作業網址:OnePage作業網址
(2) 參考之版型網址:老師範例
(3) 設計主題 / 風格: 作品的角色介紹
(4) 導覽列項目:TOP/ABOUT/Character/PHOTO
(5) 遇到之問題:
(a)不知道為什麼LOGO那邊一直不能套我準備好的,所以只好不放LOGO了
(b)傳上伺服器去後不知道為什麼有部分圖片讀不到(已檢查語法及檔案皆無誤)
(6) 製作時間:一周
(7) 製作心得: 一開始還真的不知道從哪裡開始下手,經過摸索之後比較有頭緒了(但還是有一些未解之謎)

數媒4B 1061448067



Edited 2 time(s). Last edit at 01/17/2021 02:30PM by 鷲尾修斗ㄉ水某.
(編輯記錄)

(1).作業網址:
http://my.cute.edu.tw/~1081445096/onepage-1081445096/
(2) 參考之版型網址:參考老師範例
(3) 設計主題 / 風格: 卡通 色塊
(4) 導覽列項目:關於我 角色 相片 年齡層 地圖
(5) 遇到之問題: 程式碼很多很容易看錯
(6) 製作時間:20小時
(7) 製作心得:第一次嘗試自己設計網頁,希望之後能學好然後做得更好!

1081445096 巫穎欣

(1).作業網址:
OnePage作業網址
(2) 參考之版型網址:
(3) 設計主題 / 風格:美食天地/配色色彩繽紛增加觀看者食慾
(4) 導覽列項目:首頁/簡介/介紹/照片/其他/交通
(5) 遇到之問題:輪播圖一直無法連結、ICON重新整理多次都出不來,之後換台電腦問題便解決了
(6) 製作時間:2天
(7) 製作心得:製作網頁並非真的難,但必須肯花時間、心力去做才能有所體悟,學習到的技巧將來還可以運用到專題實作上,雖然製作過程有點煎熬因相當費時,但最終完成的成品是讓人滿意的

班級視傳2B 學號1081445016



Edited 2 time(s). Last edit at 01/18/2021 04:43AM by JYUN.
(編輯記錄)