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

Advanced

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

1. 製作RWD|OnePage網頁




1.參照講義製作
[講義]OnePage 網頁|網頁企劃
[講義]OnePage 網頁|實作解析(一)|輪播圖|Grid System格線系統
[講義]OnePage 網頁|實作解析(二)|相片分類與燈箱效果|地圖設定
[講義]OnePage 網頁|實作解析(三)地圖設定|表格設定
[講義]RWD網頁解析|Google Fonts 網路中文字型|補充說明



2. 作業說明


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

2.參照上課範例,或其他免費版型(但須至少符合以下項目),挑選一適合期末作業主題的版型,結合選擇之版型製作。
除了上課版型,在製作其他網頁者可加分。

3.每週皆有製作進度,請至Moodle繳交。

4.需完成之製作項目:
(1) 完成網頁企劃書
(2) 製作『個人圖示favicon』、『LOGO』。
(3) 使用『圖示字體(icon font) Font Awesome』。
(4) 製作『輪播圖』。
(5) 了解『網頁格線概念』,並進行修改。
(6) 製作『相簿作品分類』,並進行修改。
(7) 製作『表格』,並進行修改。
(8) 製作『地圖』,並進行修改。
(9) 其他部分可替換文字或圖片修改,可選擇需要的部分即可。
(10) 請務必調整為與主題相符的色彩,以及調整字體、粗細等樣式設定,使修改之網站產生全新的風格與面貌,並與設定之網頁屬性相符。
(11) 需要連結的部分,請務必補上連結,每個連結都必須有作用。不必要的地方務必刪除,整個網站需無錯誤。


3. 評分標準:


1.美感性與精緻性(配色、圖片、排版效果、字體調整、整體效果、擺脫原有的感覺、表現獨特風格)。
2.完整性(符合規定,且連結點選都完整)。
3.正確性(語法正確,不出錯、連結需完整)。
4.加分項(內容豐富且完整,超過規定的要求)。



重點加分項目:除了上課範例外,可參考其他版型,挑選一適合的版型,製作另一個新主題的OnePage網頁。
有額外製作另一網頁的同學,總分額外加5-10分。



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

請回覆於作業文章
:
(1) 作業網址 :
<a href="http://my.cute.edu.tw/~1091445XXX/onepage" target="_blank">OnePage作業網址</a>
(2) 企劃書網址:
<a href="企劃書網址" target="_blank">OnePage網頁企劃書</a>
(3) 參考之版型網址:
(4) 製作時間:
(5) 製作心得:

班級,學號



Edited 5 time(s). Last edit at 12/26/2021 12:36PM by JinJin.
(編輯記錄)

作業網址 :
OnePage作業網址
設計主題 / 風格:彩虹、皇家紫
導覽列項目:Rainbow、Glowin' Up
遇到之問題:Tabs效果做不出來
製作時間:2周
製作心得:非常困惑,已經看了很久的資歷還有參考,可是卻怎麼做都做不出Tabs的效果,也找不到哪裡出問題。

視傳1A,1091445007



Edited 1 time(s). Last edit at 01/09/2022 11:27PM by 1091445007.
(編輯記錄)

MEPOERs said:
JinJin: 要記得補充修改回覆內容,目前沒有看到正確連結
OnePage作業網址

(2) 企劃書網址:
OnePage網頁企劃書

(3) 參考之版型網址:
(4) 製作時間:1小時
(5) 製作心得:很有趣但有點難

視傳2A 1091445043

OnePage作業網址

(2) 企劃書網址:
OnePage網頁企劃書

(3) 參考之版型網址:
(4) 製作時間:1小時
(5) 製作心得:很有趣但有點難

視傳2A 1091445043

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


(3) 參考之版型網址:pinterest
(4) 製作時間:2堂課
(5) 製作心得:很新的製作體驗

視傳2A,1091445085

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

(2) 企劃書網址:
OnePage網頁企劃書

(3) 參考之版型網址:老師範例
(4) 製作時間:2週
(5) 製作心得:很酷很好玩,終於要開始製作自己的網頁!


視傳2A 1091445095

MEPOERs said:
JinJin: 連結沒有內容,請確認喔!
4.製作完畢請上傳FTP,資料夾命名:onepage-學號。

請回覆於作業文章
:
(1) 作業網址 :
OnePage作業網址

(2) 企劃書網址:
OnePage網頁企劃書

(3) 參考之版型網址:老師網站
(4) 製作時間:2天
(5) 製作心得:第一次製作網站作品集很新奇

班級視傳2A,學號1091445093



Edited 1 time(s). Last edit at 12/13/2021 12:59PM by 1091445093.
(編輯記錄)

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

(2) 企劃書網址:
OnePage網頁企劃書

(3) 參考之版型網址:老師給的範例
(4) 製作時間:3天
(5) 製作心得:做出一個屬於自己設定的網站,感覺很棒


視傳2A,1091445011



Edited 4 time(s). Last edit at 01/03/2022 12:42PM by 1091445011.
(編輯記錄)

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

(2) 企劃書網址:
OnePage網頁企劃書

(3) 參考之版型網址:老師範例
(4) 製作時間: 一個月 總時數約30小時
(5) 製作心得:參考了多個版型與風格,思考主題方面比較猶豫,最終決定製作星象介紹。
一直都覺得挺有趣的,網頁真的是很有挑戰性的東西,不斷找到錯誤並修正,在途中也獲得一些成就感。
經常詢問老師與同學一些語法上的疑問,有時候也會遇到很難解決的問題,但只要換一個模式去思考,總是可以改成心中所想的畫面。
語法錯誤的問題也是,其實多檢查個幾次,會注意到本來沒有發現到的地方,就可以再進行修正。
這次花了不少時間熟悉HTML跟CSS,有很多東西可以去學習!

加分網頁:
Rika's Portfolio


視傳2A 1091445087



Edited 4 time(s). Last edit at 01/11/2022 12:07AM by 1091445087.
(編輯記錄)

OnePage作業網址

(2) 企劃書網址:
OnePage網頁企劃書

(3) 參考之版型網址 :老師提供的範例
(4) 製作時間 : 每次課堂下課後2-3時
(5) 製作心得 :步驟複雜繁瑣,但對以後若有需要電子作品集很有幫助

視傳2A,1091445077



Edited 3 time(s). Last edit at 12/30/2021 10:03PM by 1091445077.
(編輯記錄)

OnePage作業網址

(2) 企劃書網址:
OnePage網頁企劃書

(3) 參考之版型網址 :老師提供的範例
(4) 製作時間 : 每次課堂下課後2-3時
(5) 製作心得 :步驟複雜繁瑣,但對以後若有需要電子作品集很有幫助
視傳2A 1091445077



Edited 2 time(s). Last edit at 12/30/2021 10:03PM by 1091445077.
(編輯記錄)

OnePage作業網址

(2) 企劃書網址:
OnePage網頁企劃書

(3) 參考之版型網址:老師範例
(4) 製作時間:30分鐘
(5) 製作心得:經過期中,感覺比較簡單

視傳2A 1091445049

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

(2) 企劃書網址:
OnePage網頁企劃書

(3) 參考之版型網址: http://file.mepopedia.com/~css108b/midterm/midterm-1075445050/
(4) 製作時間: 3小時
(5) 製作心得: 第一次透過原有的版型去改裡面的內容

班級2B學號1091445132

MEPOERs said:
JinJin: 網址無內容,請確認
(1) 作業網址 :
OnePage作業網址

(2) 企劃書網址:
OnePage網頁企劃書

(3) 參考之版型網址:老師範例
(4) 製作時間:6小時
(5) 製作心得:很難很複雜,但是很有趣,之後能應用到其他地方。

視傳2A 1091445091 黃佳玗



Edited 1 time(s). Last edit at 12/30/2021 01:49PM by 1091445091.
(編輯記錄)

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


(3) 參考之版型網址:
(4) 製作時間:120分鐘
(5) 製作心得:新東西希望我腦袋不會爆炸

班級:視傳2B
學號:1091445004

(1) 作業網址 :

OnePage作業網址

(2) 企劃書網址:
OnePage網頁企劃書

(3) 參考之版型網址:老師範例
(4) 製作時間:2週
(5) 製作心得:開始製作自己的網頁,之後自己也想在做做看屬於自己的風格!
班級:視傳3B
學號:1081445133



Edited 2 time(s). Last edit at 01/10/2022 12:34PM by 1081445133.
(編輯記錄)

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

(2)企劃書網址: OnePage網頁企劃書



(3) 參考之版型網址:老師給的範例
(4) 製作時間:四小時
(5) 製作心得:發現網頁設計的巧妙之處,發現還蠻好玩的

視傳3b1081445127



Edited 2 time(s). Last edit at 01/03/2022 07:00PM by 1081445127.
(編輯記錄)

OnePage作業網址

(2) 企劃書網址:
OnePage網頁企劃書

(3) 參考之版型網址:老師範例
(4) 製作時間:10小時
(5) 製作心得:超有趣的,老師人很好

視傳2B 1091445023 張以慈

OnePage作業網址

(2) 企劃書網址:
OnePage網頁企劃書

(3) 參考之版型網址:老師範例
(4) 製作時間:8小小時
(5) 製作心得:滿有趣的,看到自己製作的網站很有成就感,還是做自己喜歡的主題,很開心。

班級 視傳2B,學號 1091445024

MEPOERs said:
JinJin: 『當月熱銷』部分連結請補上
(1) 作業網址 :
OnePage作業網址

(2) 企劃書網址:
OnePage網頁企劃書

(3) 參考之版型網址:http://jinjin.mepopedia.com/~jinjin/wd/hw/onepage/
(4) 製作時間:一周
(5) 製作心得:這是跟老師討論之後第二次做的,相較起來會比第一次做的網頁快了許多,但還是好難好頭痛。
加分sad smiley原本先做這版本,跟老師有特別討論說 基本版大概呈現即可)
作業網址 :
bonus作業網址
(1) 參考之版型網址:https://templatemo.com/tm-519-beauty
(2) 製作時間:三周
(3) 製作心得:第一次做這麼完整的網頁,亂碼跟語法真的好多,看得頭昏眼花的,完全不知道語法不同的意義放在哪裡會有甚麼變化,雖然老師給的語法都很完整,但看了還是很頭痛,上網查了許多特別的東西,例如:游標的修改,在自己的網頁上 游標就會變化,也藉此這次課程了解網頁的有趣與複雜。

班級:視傳2B 學號:1091445124

MEPOERs said:
JinJin: 多練習很棒,相片需加說明
(1) 作業網址 :
OnePage作業網址
(2) 企劃書網址:
OnePage網頁企劃書

(3) 設計主題 / 風格:暖色調、橘色為主

參考之版型網址:http://file.mepopedia.com/~css108b/midterm/midterm-1075445066/
遇到之問題:一開始碰到,不知道怎麼換字體,還有遇到圖片放不進去的問題,哈哈還好後來有解決了。
製作時間:好幾周的時間
製作心得:常常遇到問題,遇到問題時,我就會去翻手機裡的影片,找尋之前上課所記錄的影片,或是去備忘錄裡尋找如何製作,網頁設計很好玩,做出了一個網站後,真的成就感爆棚,雖然很累,但是我很享受在製作的過程。
視傳2B,1091445008



Edited 4 time(s). Last edit at 12/31/2021 04:11PM by 1091445008.
(編輯記錄)

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

(2) 企劃書網址:
OnePage網頁企劃書

(3) 參考之版型網址:http://jinjin.mepopedia.com/~jinjin/wd/hw/onepage/
(4) 製作時間:10小時
(5) 製作心得:這次做完整的網頁,很多語法看得眼花撩亂,但做出來的成品讓人有成就感

視傳2A,1091445049



Edited 1 time(s). Last edit at 12/30/2021 12:59PM by 1091445049.
(編輯記錄)

OnePage作業網址

(2) 企劃書網址:
OnePage網頁企劃書

(3) 參考之版型網址:http://file.mepopedia.com/~css108b/midterm/midterm-1075445050/
(4) 製作時間:平常上課時間,課餘時間
(5) 製作心得:很多不懂的地方,利用很多時間在研究

班級2B學號1091445132



Edited 2 time(s). Last edit at 12/31/2021 01:07AM by 1091445132.
(編輯記錄)

MEPOERs said:
JinJin: 1.網頁上方文字刪除。2.外部連結需另開視窗設定。3.地圖需設定
(1) 作業網址 :
OnePage作業網址

(2) 企劃書網址:
OnePage網頁企劃書

(3) 參考之版型網址:http://file.mepopedia.com/~css108a/midterm/midterm-1075445075/
(4) 製作時間:5小時
(5) 製作心得:這次網頁需要比較多耐心去完成,一開始還覺得很難聽不太懂,後來經過同學指導才慢慢熟悉怎麼去操作

班級,學號 視傳3B 1081445034



Edited 2 time(s). Last edit at 12/30/2021 10:00PM by Ytong0103.
(編輯記錄)

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

(2) 企劃書網址:
OnePage網頁企劃書

(3) 參考之版型網址:老師提供的範本、唯你婚攝店網站。色系:浪漫粉色系、優雅橘
(4) 製作時間: 2~3週
(5) 製作心得: 一開始製作遇到很多問題,例如:不知用什麼樣的主題、相片分類的方法等,但做完的時候成就感滿滿,也對網頁設計的製作越來越熟悉越來越上手!

班級: 北視傳2A 學號: 1091448066

MEPOERs said:
JinJin: 外部連結需設定另開視窗,加油!
1) 作業網址 :
OnePage作業網址

(2) 企劃書網址:
OnePage網頁企劃書

(3) 參考之版型網址:老師範例
(4) 製作時間:2周
(5) 製作心得:很花時間,但很有成就感~

視傳2A,1081445108

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

(2) 企劃書網址:
OnePage網頁企劃書

(3) 參考之版型網址:老師的範例
(4) 製作時間:3週
(5) 製作心得:我覺得要整體搭配好看適合的色彩還蠻困難的,不過還蠻有趣的,做完會很有成就感。

視傳2B,1091445082

MEPOERs said:
JinJin: 地圖需修改
(1) 作業網址 :
OnePage作業網址

(2) 企劃書網址:
OnePage網頁企劃書

(3) 參考之版型網址:老師的範例
(4) 製作時間:4-5小時
(5) 製作心得:第一次做這種網頁還選自己喜歡的主題,又學到新的東西還不錯很喜歡

班級 視傳2B,學號 1091445090



Edited 1 time(s). Last edit at 01/08/2022 02:14PM by 1091445090 徐鐿芸.
(編輯記錄)

MEPOERs said:
JinJin: 外部連結需另開視窗設定
(1) 作業網址 :
OnePage作業網址

(2) 企劃書網址:
OnePage網頁企劃書
(3) 參考之版型網址:老師的範例
(4) 製作時間:3週
(5) 製作心得:在配色和挑圖時想要組合的好看,需要花點時間來設計,但做出來之後覺得很有成就感。

班級視傳2B,學號1091445054



Edited 2 time(s). Last edit at 01/02/2022 01:21AM by 吳韻慧.
(編輯記錄)

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

(2) 企劃書網址:
OnePage網頁企劃書


(3) 參考之版型網址:老師範例
(4) 製作時間:每週放學後的5小時
(5) 製作心得:知道了一個網頁架構起來的步驟很繁雜,一步一步跟著老師的指導到最後完成了網頁,也讓我更有成就感了。

視傳2B,1091445062



Edited 1 time(s). Last edit at 01/03/2022 03:17PM by 1091445062.
(編輯記錄)

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

(2) 企劃書網址:
OnePage網頁企劃書

(3) 參考之版型網址:老師範例
(4) 製作時間:上課時間+回家製作 三周
(5) 製作心得:很開心用學到更深的製作網站的辦法,雖然程式碼真的多到會看到頭昏,但是也學到了很多,當把自己喜歡的主題搭配網站,做出來的時候非常有成就感。

班級:視傳2B 學號:1091445070

MEPOERs said:
JinJin: 輪播圖色碼
OnePage作業網址

(2) 企劃書網址:
OnePage網頁企劃書

(3) 參考之版型網址:老師範例
(4) 製作時間:3週
(5) 製作心得:喜歡響應式網站的方便,還有輪播圖及燈箱效果跟網格系統很棒,架構很有概念。很喜歡!
視傳2B,1091445002



Edited 1 time(s). Last edit at 01/02/2022 09:03PM by 1091445002.
(編輯記錄)

(1) 作業網址 :
OnePage作業網址
(2) 企劃書網址:
OnePage網頁企劃書

(3) 參考之版型網址:http://file.mepopedia.com/~css108b/midterm/midterm-1075445066/
(4) 製作時間:4小時
(5) 製作心得:滿有挑戰性,一開始看到覺得很難,但聽了老師的解說就比較了解要怎麼製作了。

班級2B 學號1091445036



Edited 1 time(s). Last edit at 01/10/2022 04:09PM by 1091445036.
(編輯記錄)

MEPOERs said:
JinJin: 注意圖片的解析度,尤其是輪播圖
(1) 作業網址 :
http://my.cute.edu.tw/~1091445085/onepage-3-1091445085/

(2) 企劃書網址:
https://www.figma.com/proto/8sNY6rbMwLwJ5E3VJI9diH/Web-planning-(Copy)?node-id=15%3A100&scaling=min-zoom&page-id=0%3A1

(3) 參考之版型網址:Pinterest
(4) 製作時間:8堂課左右
(5) 製作心得:第一次製作屬於自己的網頁,非常新的體驗,期望往後還能繼續增強自己的功力,持續進步,也謝謝老師每次不厭其煩的教導

視傳2A,1091445085

OnePage作業網址
OnePage網頁企劃書

製作時間:
製作心得:

班級 視傳2B
學號 1091445010



Edited 1 time(s). Last edit at 01/03/2022 11:16PM by 1091445010.
(編輯記錄)

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

(2) 企劃書網址:
OnePage網頁企劃書

(3) 參考之版型網址: http://my.cute.edu.tw/~1091445122/onepage
(4) 製作時間: 課堂的兩小時及回家的2-4小時
(5) 製作心得: 要放的資訊比期中作業來的多,原本以為會完成不了,但基本上老師都寫好了只要改成自己編排的資訊就行了! 老師好棒嗚嗚嗚...

視傳2B,1091445122



Edited 1 time(s). Last edit at 01/03/2022 12:56PM by 1091445122.
(編輯記錄)

MEPOERs said:
JinJin: 頁尾需加資料來源
OnePage作業網址

(2) 企劃書網址:
OnePage網頁企劃書

(3) 參考之版型網址:老師範例
(4) 製作時間:20小時
(5) 製作心得:好棒好讚讚

班級,學號 視傳2A-1091445013



Edited 1 time(s). Last edit at 01/03/2022 12:44PM by 視傳2A-1091445013-閻柏誠.
(編輯記錄)

1) 作業網址 :
http://my.cute.edu.tw/~1091445113/onepage-3/onepage/
(2) 企劃書網址:
https://www.figma.com/file/z7xguWQTEiT61CyQzM3m9m/Web-planning-(Copy)?node-id=15%3A100
(3) 參考之版型網址:http://jinjin.mepopedia.com/~jinjin/wd/hw/onepage/
(4) 製作時間:2個禮拜
(5) 製作心得:有點小困難但做出來很有成就感

視傳2A 1091445113



Edited 5 time(s). Last edit at 01/10/2022 01:04PM by 1091445113.
(編輯記錄)

MEPOERs said:
JinJin: 網址多了onepage資料夾,不需要連結請刪除,每個連結需有作用
OnePage作業網址

(2) 企劃書網址:
OnePage網頁企劃書

(3) 參考之版型網址:老師範例
(4) 製作時間:20小時
(5) 製作心得:好棒好讚讚

班級,學號 視傳2A-1091445013

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

(2) 企劃書網址:
https://www.figma.com/proto/5KsJLNCkgWc9chk8d8DV2Z/1091445043?node-id=15%3A100&scaling=min-zoom&page-id=0%3A1

(3) 參考之版型網址:http://jinjin.mepopedia.com/~jinjin/wd/hw/onepage/
(4) 製作時間:3個禮拜
(5) 製作心得:很有成就感,但也很麻煩,有時會遇到問題

視傳2A 1091445043

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

(2) 企劃書網址:
OnePage網頁企劃書

(3) 參考之版型網址:老師給的範本
(4) 製作時間:盤古開天到至今
(5) 製作心得:花了很久時間做完很有成就感

班級,學號:視傳2A1091445061洪士郡

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

(2) 企劃書網址:
OnePage網頁企劃書

https://www.figma.com/file/GB8lnE4FdRt5k8aLfVWFyZ/%E8%A6%96%E5%82%B31091445041%E5%BE%90%E7%AD%B1%E8%8C%B5?node-id=0%3A1
(3) 參考之版型網址:http://jinjin.mepopedia.com/~jinjin/wd/hw/onepage/
(4) 製作時間:6HR
(5) 製作心得:真的好難好麻煩好複雜

視傳2A,1091445041



Edited 3 time(s). Last edit at 01/03/2022 02:09PM by 1091445041.
(編輯記錄)

OnePage作業網址

(2) 企劃書網址:
OnePage網頁企劃書


(3) 參考之版型網址:老師
(4) 製作時間:5個小時
(5) 製作心得:好累喔

班級,學號109144505.吳德謙

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

(2) 企劃書網址:
OnePage網頁企劃書

(3) 參考之版型網址:http://my.cute.edu.tw/~1091445074/onepage
(4) 製作時間:課堂及在家時間3小時
(5) 製作心得:程式碼雖然很難但很有趣,很有挑戰感。

班級:視傳2B 學號:1091445074

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

(2) 企劃書網址:
OnePage網頁企劃書

(3) 參考之版型網址:老師給的
(4) 製作時間: 4週
(5) 製作心得: 跟之前作業相比,比較複雜,但同時也比之前有趣。

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

(1) 作業網址 :
OnePage作業網址
(2) 企劃書網址:
OnePage網頁企劃書
(3) 參考之版型網址:老師範例
(4) 製作時間:兩周
(5) 製作心得:做到快期末了,越來越複雜很難,但做完很有成就感。
視傳2B,1091445094

MEPOERs said:
JinJin: 頁尾需加資料來源
(1) 作業網址 :
OnePage作業網址

(2) 企劃書網址:
OnePage網頁企劃書

(3) 參考之版型網址:依老師範例,級學長姐範例製作
(4) 製作時間:兩周
(5) 製作心得:我覺得很困難,在看CSS的時候頭昏眼花QQ但自己做完一個成品很滿意!

視傳2B,1091445028

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

(2) 企劃書網址:
OnePage網頁企劃書

(3) 參考之版型網址:http://jinjin.mepopedia.com/~jinjin/wd/hw/onepage/
(4) 製作時間:3周
(5) 製作心得:第一次製作這麼大型網頁,很有成就感的。

班級:視傳2A,學號:1091445093袁義翔

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

(2) 企劃書網址:
OnePage網頁企劃書

(3) 參考之版型網址:老師給的
(4) 製作時間:4週
(5) 製作心得:好複雜,看得眼花撩亂。

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

MEPOERs said:
JinJin: 頁尾需放聯絡資訊與資料來源,favicon需修改,logo圖請確認,部分分欄需注意
(1) 作業網址 :
OnePage作業網址

(2) 企劃書網址:
OnePage網頁企劃書

(3) 參考之版型網址:
(4) 製作時間:兩天
(5) 製作心得:很酷,很有成就感

視傳2A,1091445142



Edited 1 time(s). Last edit at 01/10/2022 11:36AM by 1091445142.
(編輯記錄)

MEPOERs said:
JinJin: 1.缺企劃書連結,2.相片區圖片模糊,3.外部連結需另開連結設定,加油!
(1) 作業網址 :
http://my.cute.edu.tw/~1091445053/onepage/

(2) 企劃書網址:
https://www.figma.com/file/jXOu5aQxn29aexYoYPVB8s/Web-planning-(Copy)?node-id=18%3A249

(3) 參考之版型網址:老師範例
(4) 製作時間:2週
(5) 製作心得:製作網頁好累喔 而且好難

視傳2A 1091445053

MEPOERs said:
JinJin: 頁尾需補上聯絡方式與資料來源喔!
JinJin: favicon網頁圖示需修改
(1) 作業網址 :
OnePage作業網址

(2) 企劃書網址:
OnePage網頁企劃書

(3) 參考之版型網址:
(4) 製作時間:8小時
(5) 製作心得:內容相比期中開始變得有些複雜,需要花更多時間去理解,並且因為時間上的關係沒有餘韻去摸索更多玩法讓我覺得有些遺憾。

視傳2A,1091445079



Edited 1 time(s). Last edit at 01/03/2022 02:08PM by 1091445079.
(編輯記錄)

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

(2) 企劃書網址:
OnePage網頁企劃書

(3) 參考之版型網址:
(4) 製作時間:5小時
(5) 製作心得:做自己喜歡的東西,覺得很有趣!

視傳2A 林映均

MEPOERs said:
JinJin: 圖示需設定連結,使其有作用,不需要的連結請刪除。
(1) 作業網址 :
OnePage作業網址

(2) 企劃書網址:
OnePage網頁企劃書

(3) 參考之版型網址:老師範例
(4) 製作時間:4小時
(5) 製作心得:很容易搞混,但做完很有成就感。

視傳2A,1091445109

MEPOERs said:
JinJin: 缺相片說明,請補上,加油
(1) 作業網址 :
OnePage作業網址

(2) 企劃書網址:
OnePage網頁企劃書

(3) 參考之版型網址:老師的範例
(4) 製作時間:依照上課時間
(5) 製作心得:非常好玩,很開心能製作屬於自己的網頁!

視傳2A 1091445095

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

(2) 企劃書網址:
OnePage網頁企劃書

(3) 參考之版型網址:
(4) 製作時間:兩個星期
(5) 製作心得:蠻複雜又遇到很多問題,但做完之後有成就感

視傳2A,1091445019

MEPOERs said:
JinJin: 外部連結需另開視窗
(1) 作業網址 :
OnePage作業網址

(2) 企劃書網址:
OnePage網頁企劃書

(3) 參考之版型網址:
(4) 製作時間:5小時
(5) 製作心得:腦子要炸掉,因為不熟這些所以常常要確定好才敢修改又很怕哪裡弄錯就要全部重來。

視傳2B 1091445004楊凱恩

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

(2) 企劃書網址:
OnePage網頁企劃書

(3) 參考之版型網址:老師範例
(4) 製作時間: 上課時間+回家製作(三周)
(5) 製作心得:一開始製作遇到很多問題,有時會找不到位置在哪裡,但在多次的操作下能夠很快找到該物件。

視傳2B,1091445102

MEPOERs said:
JinJin: 頁尾需加資料來源
(1) 作業網址 :
OnePage作業網址

(2) 企劃書網址:
OnePage網頁企劃書

(3) 參考之版型網址:
(4) 製作時間:大約四周
(5) 製作心得:相較於之前的作業,我認為難度大幅提升,但是作業內容是自己喜愛的事物,所以製作作業的過程中非常富有熱情。

視傳2B 1091445052



Edited 1 time(s). Last edit at 01/03/2022 03:50PM by 1091445052.
(編輯記錄)

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

(2) 企劃書網址:
OnePage網頁企劃書

(3) 參考之版型網址:老師範例
(4) 製作時間: 四小時
(5) 製作心得: 製作得很開心,能夠玩許多東西

視傳2B 1091445006



Edited 1 time(s). Last edit at 01/03/2022 03:28PM by 1091445006.
(編輯記錄)

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

(2) 企劃書網址:
OnePage網頁企劃書

(3) 參考之版型網址:老師範例
(4) 製作時間:2小時
(5) 製作心得:學完一學期的網頁設計,讓我受益良多,希望在之後能學以致用,很有趣。

視傳2B 1091445080



Edited 1 time(s). Last edit at 01/03/2022 03:40PM by 1091445080.
(編輯記錄)

MEPOERs said:
JinJin: 1.外部連結需另開視窗設定,2.頁尾需加聯絡資訊與資料來源
1) 作業網址 :
OnePage作業網址

(2) 企劃書網址:
OnePage網頁企劃書

(3) 參考之版型網址:http://my.cute.edu.tw/~1081445054/onepage-1081445054/
(4) 製作時間:5
(5) 製作心得:這次自己做出了一個網站 有很多不足的地方 希望下次能做得更好!

視傳2b,1091445066



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

MEPOERs said:
JinJin: 1.相片需加上說明,2.輪播圖色碼,3.頁尾需加聯絡資訊與資料來源
(1) 作業網址 :
OnePage作業網址

(2) 企劃書網址:
OnePage網頁企劃書

(3) 參考之版型網址:http://file.mepopedia.com/~css108a/midterm/midterm-1075445015/
(4) 製作時間:五小時
(5) 製作心得:第一次接觸onepage覺得很複雜也很困難,但經過老師一步步指導後就覺得簡單很多,能搞清楚真是太好了!

視傳2b 1091445110

MEPOERs said:
JinJin: 頁尾需加資料來源
4.製作完畢請上傳FTP,資料夾命名:onepage。

請回覆於作業文章
:
(1) 作業網址 :
OnePage作業網址

(2) 企劃書網址:
OnePage網頁企劃書

(3) 參考之版型網址:老師的範例
(4) 製作時間:2-3週
(5) 製作心得:覺得自己做完一個網頁很有成就感!

視傳2B-1091445032



Edited 2 time(s). Last edit at 01/03/2022 04:31PM by 1091445032.
(編輯記錄)

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

(2) 企劃書網址:
OnePage網頁企劃書

(3) 參考之版型網址: 老師的範例
(4) 製作時間: 2~3週
(5) 製作心得: 很有成就感

視傳2B 1091445012

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

(2) 企劃書網址:
OnePage網頁企劃書

(3) 參考之版型網址:老師範例
(4) 製作時間:5小時
(5) 製作心得:剛接觸覺得很複雜但花時間去了解後覺得蠻酷的。

班級 視傳2B,學號 1091445060



Edited 2 time(s). Last edit at 01/03/2022 04:11PM by 1091445060.
(編輯記錄)

OnePage作業網址

(2) 企劃書網址:
OnePage網頁企劃書

(3) 參考之版型網址:老師範例
(4) 製作時間:10小時
(5) 製作心得:很開心

班級,北視傳2B 學號 1091445096

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

(2) 企劃書網址:
OnePage網頁企劃書

(3) 參考之版型網址:http://file.mepopedia.com/~css108b/midterm/midterm-1075445018/
(4) 製作時間:5小時
(5) 製作心得:第一次擁有自己的網頁,酷斃了!

陳韋蒨,1091445030

OnePage作業網址

(2) 企劃書網址:
OnePage網頁企劃書

(3) 參考之版型網址:
(4) 製作時間:4小時
(5) 製作心得:好難哭哭

班級
視傳2B,學號109144501洪采荷采荷

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

(2) 企劃書網址:
OnePage網頁企劃書

(3) 參考之版型網址:
(4) 製作時間:1天
(5) 製作心得:眼睛好累 但學到很多

視傳2A,1091445069

MEPOERs said:
JinJin: 表格內容需修改,相片需補上相片說明,連結需有作用。加油!
(1) 作業網址 :
OnePage作業網址

(2) 企劃書網址:
OnePage網頁企劃書

(3) 參考之版型網址:
(4) 製作時間:非常之久
(5) 製作心得: 網頁設計很不討喜

班級,學號 視傳2B 1091445038

我花了三天努力完成它,但不是很完整,不過,我能做到哪,我就盡量做到哪。

Attachments:
開啟 | 下載 - index.html (30.5 KB)
OnePage作業網址

(2) 企劃書網址:未完成
OnePage網頁企劃書

(3) 參考之版型網址:
(4) 製作時間:三天
(5) 製作心得:我做了三天,不是很完整,但我能完成到哪,我就盡量完成到哪。最辛苦的是老師,我非常感謝她,謝謝她的陪伴指導。

班級,學號
視傳4A 1075445001 邱姿伶

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

(2) 企劃書網址:
OnePage網頁企劃書

(3) 參考之版型網址:老師範例
(4) 製作時間:2週
(5) 製作心得:做完之後很有成就感,製作不會的地方都是看老師給的影片或請教同學,謝謝老師這麼用心的製作講義跟影片。

視傳2B,1091445104



Edited 2 time(s). Last edit at 01/10/2022 04:53PM by 1091445104.
(編輯記錄)

MEPOERs said:
JinJin: 網址無內容,請確認
(1) 作業網址 :
OnePage作業網址

(2) 企劃書網址:
OnePage網頁企劃書

(3) 參考之版型網址:老師範例
(4) 製作時間:三天
(5) 製作心得:我覺得網頁設計真的很有趣但是非常難,從這次的經驗我學習到勒很多,謝謝老師!

班級,學號
視傳2B 1091445026



Edited 2 time(s). Last edit at 01/10/2022 04:59PM by 1091445026.
(編輯記錄)

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

(2) 企劃書網址:
OnePage網頁企劃書

(3) 參考之版型網址:
(4) 製作時間:一個禮拜
(5) 製作心得:覺得很有趣,能做自己喜歡的主題的網頁。

視傳2B,1091445068

MEPOERs said:
JinJin: 網址無內容,請確認
(1) 作業網址 :
OnePage作業網址

(2) 企劃書網址:
OnePage網頁企劃書
(3) 參考之版型網址:
(4) 製作時間:很久,因為我上課沒認真聽,回家看影片做出來的
(5) 製作心得:覺得很有趣,能做自己喜歡的主題的網頁。

視傳2B,1091445050



Edited 8 time(s). Last edit at 01/10/2022 12:58PM by 1091445050.
(編輯記錄)

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

(2) 企劃書網址:

OnePage網頁企劃書

(3) 參考之版型網址:
(4) 製作時間:重新再做3天
(5) 製作心得:會更了解自己 及重溫網頁設計知識

班級,學號 2B 1091445123 蘇采澄



Edited 1 time(s). Last edit at 01/12/2022 08:10PM by 1091445123.
(編輯記錄)

請回覆於作業文章
:
(1) 作業網址 :
OnePage作業網址

(2) 企劃書網址:
OnePage網頁企劃書

(3) 參考之版型網址:
老師範例
(4) 製作時間:
兩個禮拜
(5) 製作心得:
過程中其實有遇到許多困難,不過同學都有互相幫忙,除了學到編輯網頁的公式外,我還學到了許多關於玫瑰花的知識,以及編排上的色調運用。
班級:視傳2A 學號:1091445029



Edited 1 time(s). Last edit at 01/10/2022 01:01AM by 1091445029.
(編輯記錄)

(1) 作業網址 :
http://my.cute.edu.tw/~1091445007/onepage/

(2) 企劃書網址:
https://www.figma.com/file/11qNw9f3lOGd9YBgVKeQ3E/Web-planning-1091445007?node-id=0%3A1

(3) 參考之版型網址:老師範例
(4) 製作時間:
(5) 製作心得:感覺比以前更熟悉網頁設計的語法了,希望以後我不會忘記這些邏輯,能夠做自己喜歡的繪師為主題真的比較有動力且很有成就感。

視傳2A 1091445007



Edited 1 time(s). Last edit at 01/10/2022 03:01PM by 1091445007.
(編輯記錄)

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

(2) 企劃書網址:
OnePage網頁企劃書

(3) 參考之版型網址:老師範例
(4) 製作時間:四週課堂時間+在家4小時
(5) 製作心得:哇 可以製作自己的網頁好酷喔,保持著這樣的心情下所製作而不是為了交作業那樣,感覺做出來的成果比之前作業來的棒。

班級 視傳2B 學號 1091445086

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

(2) 企劃書網址:
OnePage網頁企劃書

(3) 參考之版型網址:老師教材
(4) 製作時間:隨著課堂時間
(5) 製作心得:學到很多東西,做出來很有成就感。

視傳2A,1091445119

(1) 作業網址 :
OnePage作業網址
(2) 企劃書網址:
OnePage網頁企劃書
(3) 參考之版型網址:老師範例
(4) 製作時間:兩三個禮拜
(5) 製作心得:有難度但做出來很有成就感

視傳2A 1091445047

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

(2) 企劃書網址:
OnePage網頁企劃書

(3) 參考之版型網址:
(4) 製作時間:很多天~
(5) 製作心得:覺得很難,希望老師講慢點。

視傳2A 1091445067

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

(2) 企劃書網址:
OnePage網頁企劃書

(3) 參考之版型網址:
(4) 製作時間:蠻長時間的
(5) 製作心得:我覺得製作網頁很難,花很多時間

班級:視傳2A,學號1091445017



Edited 1 time(s). Last edit at 01/10/2022 01:34PM by 1091445029.
(編輯記錄)

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

(2) 企劃書網址:
OnePage網頁企劃書

(3) 參考之版型網址:自己的作品集
(4) 製作時間:8小時
(5) 製作心得:第一次嘗試網頁設計,好不容易做完了,很有成就感

班級,學號: 1091445057 陳羿璇



Edited 2 time(s). Last edit at 01/10/2022 02:07PM by chen316.
(編輯記錄)

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

(2) 企劃書網址:
編輯記錄)

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

(2) 企劃書網址:
OnePage網頁企劃書

(3) 參考之版型網址:
(4) 製作時間:
(5) 製作心得:

班級,學號

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

(2) 企劃書網址:
OnePage網頁企劃書

(3) 參考之版型網址:http://jinjin.mepopedia.com/~jinjin/wd/hw/onepage/
(4) 製作時間:兩個月
(5) 製作心得:很難,受益良多

班級,學號 : 視傳2A 1091445134 張瀞予

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

(2) 企劃書網址:
(1) 作業網址 :
OnePage作業網址

(2) 企劃書網址:
OnePage網頁企劃書

(3) 參考之版型網址:
(4) 製作時間:一個月
(5) 製作心得:網頁製作過程複雜需要花很多時間和心思去製作,但最後作出來會覺得很有成就感。

視傳2A 1091445130

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

請回覆於作業文章
:
(1) 作業網址 :
OnePage作業網址

(2) 企劃書網址:
OnePage網頁企劃書

(3) 參考之版型網址:老師給的
(4) 製作時間:20220110
(5) 製作心得:好難哈哈

班級,學號 視傳2A 1091445115



Edited 5 time(s). Last edit at 12/26/2021 12:36PM by JinJin.
(編輯記錄)

(1)作業網址 :
OnePage作業網址
(2) 企劃書網址::
OnePageOnePage網頁企劃書
設計主題 / 狗狗
遇到之問題:無
製作時間:2周
製作心得:非常有趣,雖然有點困難但是完成後非常有成就感。

視傳2B,1091445108



Edited 1 time(s). Last edit at 01/10/2022 04:08PM by 1091445108.
(編輯記錄)

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

(2) 企劃書網址:
OnePage網頁企劃書

(3) 參考之版型網址:老師範例
(4) 製作時間:每週4到5小時
(5) 製作心得:能弄成自己喜歡的樣子很棒。

班級 視傳2B,學號1091445078

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

(2) 企劃書網址:
OnePage網頁企劃書

(3) 參考之版型網址:老師範例
(4) 製作時間:每週4到5小時
(5) 製作心得:能弄成自己喜歡的樣子很棒。
加分題
加分題作業網址


班級 視傳2B,學號1091445078 (重新回復的)

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

(2) 企劃書網址:OnePage網頁企劃書


(3) 參考之版型網址:老師提供的案例
(4) 製作時間:一星期
(5) 製作心得:對於這次的作業比較有想法,將網頁製作成自己的攝影網頁覺得還蠻有成就感,之後有時間會想繼續整理它,讓網站可以更完整

班級 視傳2B,學號 1091445072



Edited 4 time(s). Last edit at 01/13/2022 10:06AM by 1091445072.
(編輯記錄)

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

(2) 企劃書網址:
OnePage網頁企劃書

(3) 參考之版型網址:http://file.mepopedia.com/~css108b/midterm/midterm-1055440093/
(4) 製作時間:2~4小時
(5) 製作心得:
這次的期末作業大概就是把這學期所學的都結合在一起,從一開始想主題,到後面自己做出了一個網頁,真的覺得自己好厲害好棒。

視傳2B陳玟君

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

(2) 企劃書網址:
OnePage網頁企劃書

(3) 參考之版型網址:http://file.mepopedia.com/~css108b/midterm/midterm-1075445018/
(4) 製作時間:3小時
(5) 製作心得:製作這個網頁的程序非常繁複,要注意的地方也非常多,能夠完成這麼大的網頁,我對自己非常的佩服。

視傳2B1091445040



Edited 1 time(s). Last edit at 01/10/2022 03:57PM by 1091445040.
(編輯記錄)

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

(2) 企劃書網址:
https://www.figma.com/file/8SVP6PQGrUNFyrHVClstmK/Little-twin-star?node-id=0%3A1

(3) 參考之版型網址:http://jinjin.mepopedia.com/~jinjin/wd/hw/onepage/
(4) 製作時間:上課時間+6小時
(5) 製作心得:要找大量的圖片又要好解度好難,然後我不知道明明有改字體顏色,重新整理後就變回預設了...

班級:視傳2B 學號:1091445088

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

(2) 企劃書網址:
OnePage網頁企劃書

(3) 參考之版型網址:老師範例
(4) 製作時間:5-7個小時
(5) 製作心得:一開始覺得有點困難,但慢慢熟悉後,發現越來越上手,一方面是參考老師的網頁,另一方面是覺得蠻有趣的,謝謝老師的教導。

班級:視傳2B
學號:1091445014

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

(2) 企劃書網址:
OnePage網頁企劃書

(3) 參考之版型網址:
(4) 製作時間:約五小時
(5) 製作心得:比較難,有成就感

班級:視傳2B,學號1091445140

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

(2) 企劃書網址:
OnePage網頁企劃書

(3) 參考之版型網址:老師參考資料
(4) 製作時間:兩個禮拜
(5) 製作心得:覺得很開心,可以學會設計屬於自己的網頁是一件非常棒的事情。

班級視傳2A,學號10914451737

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

(2) 企劃書網址:
OnePage網頁企劃書

(3) 參考之版型網址:老師的參考資料
(4) 製作時間:跟著老師的進度
(5) 製作心得:做出自己的網頁很有成就感,很酷!


班級:視傳2A 學號:1091445121