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

Advanced

Re: [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/~1095445XXX/onepage" target="_blank">OnePage作業網址</a>
(2) 企劃書網址:
<a href="企劃書網址" target="_blank">OnePage網頁企劃書</a>
(3) 參考之版型網址:
(4) 製作時間:
(5) 製作心得:

班級,學號



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

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

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

(3) 參考之版型網址:http://my.cute.edu.tw/~1095445002/onepage-4/
(4) 製作時間:2週
(5) 製作心得:語法好多,很複雜,不容易找到相對應的語法在哪

班級,視傳2A 學號 1095445002

MEPOERs said:
JinJin: serviceArea圖片置左,出處可加入超連結設定,加油!
(1) 作業網址 :
http://my.cute.edu.tw/~1085445038/onepage-5


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

(3) 參考之版型網址: 無
(4) 製作時間: 平時上課在加2-3小時
(5) 製作心得: 很有趣 可是很複雜需要花很多時間

視傳2a 1085445038

MEPOERs said:
JinJin: 部分照片記得加上說明,interArea 底圖文字閱讀性,加油!
製作完畢請上傳FTP,資料夾命名:onepage。

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

http://my.cute.edu.tw/~1095445004/onepage-3/

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

(3) 參考之版型網址:
(4) 製作時間: 一個禮拜
(5) 製作心得: 用DW有比較輕鬆一點,但是有些地方都還蠻複雜的,繳交作業的方式有點太繁瑣了…..

班級:視2A學號:1095445004



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

MEPOERs said:
JinJin: 補上企劃書網址,照片記得加說明,fb連結記得加 target="_blank另開視窗!加油喔!
(1) 作業網址 :
OnePage作業網址

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

(3) 參考之版型網址:無
(4) 製作時間:上課時間加上課外時間(一個禮拜)2-4小時
(5) 製作心得:
用Dreamweaver做網頁便方便許多
可以即時看到自己網站的概況,
雖然製作過程繁瑣,但看到成品後覺得這學期沒白學,
日後可以當履歷展示給他人。

班級視傳2A,學號1095445006



Edited 4 time(s). Last edit at 01/04/2022 09:07PM by 1095445006.
(編輯記錄)

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

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

(3) 參考之版型網址: 無
(4) 製作時間: 3週
(5) 製作心得: 中間遇到很多問題,像是圖片跑不出來、圖片位置跑掉等,只是最後還是找不出問題所在,也嘗試過很多種方式,但現在沒有找到解決方法,這是我這次做網頁最懊惱的一次,希望能夠找到問題所在。

班級:視傳一A
學號:1095445024

MEPOERs said:
JinJin: 記得補相片說明、連結記得設定,頁尾版權聲明修改
OnePage期末作業網址
OnePage網頁企劃書
(3) 參考之版型網址:
(4) 製作時間: 3週
(5) 製作心得: 內容複雜很多,要花更多的時間修改找問題點。
視傳2A 1095445027



Edited 2 time(s). Last edit at 01/12/2022 10:54AM by 1095445027.
(編輯記錄)

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

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

(3) 參考之版型網址:無
(4) 製作時間:總共兩個禮拜
(5) 製作心得:比起第一次難了很多,常常找不到圖片的程式碼在哪裡,覺得腦袋快燒掉

視2A,1095445010



Edited 1 time(s). Last edit at 01/05/2022 11:47AM by 1095445010.
(編輯記錄)

MEPOERs said:
JinJin: 部分內容為修改完成,能力、表格。影片。不需要的連結請移除。
4.製作完畢請上傳FTP,資料夾命名:onepage。

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


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

(3) 參考之版型網址:無
(4) 製作時間:一個月差不多
(5) 製作心得:中間問題超多,包括照片出不來,當掉連不到之類的。。但後面開始有東西後,慢慢開始順起來,做完當下很有成就感。

班級:視二 A 學號:1095445026



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

MEPOERs said:
JinJin: 請補相片說明、Logo可再縮小,頁尾請寫版權聲明及著名資料註明
(1) 作業網址 :
OnePage作業網址

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

(3) 參考之版型網址:無
(4) 製作時間:每個禮拜三到四小時
(5) 製作心得:製作過程不那麼順利,找相對應的數字也不容易,但是看到自己的網站完成後會有成就感。

班級:視2A
學號:1095445025



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

MEPOERs said:
JinJin: 補相片說明,與頁尾的資料來源,外部連結請另開是創
(1) 作業網址 :
OnePage作業網址

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

(3) 參考之版型網址:無
(4) 製作時間:每個禮拜大概四個小時左右
(5) 製作心得:製作過程其實沒有很順利,有時候會打錯語法,但久了之後就比較上手一點,結果還不錯

班級 視2A
學號 1095445031



Edited 1 time(s). Last edit at 01/05/2022 11:09AM by 1095445031.
(編輯記錄)

MEPOERs said:
JinJin: 整體修改很不錯,但淺色表格不做需刪除,否則影響區塊設定,頁尾需註明資料來源。
(1) 作業網址 :
OnePage作業網址

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

(3) 參考之版型網址:無
(4) 製作時間:3週
(5) 製作心得:這次用DW製作,覺得自己學到了很多。這個軟體比Sublime Text更方便一些。

班級:視傳2A
學號:1095445019



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

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

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

(3) 參考之版型網址:無
(4) 製作時間:上課時間加課外時間2個禮拜
(5) 製作心得:製作過程沒有那麼順利,找不到圖片的程式碼

視傳2A,1095445032



Edited 4 time(s). Last edit at 01/05/2022 10:51AM by 1095445032江紫瑄.
(編輯記錄)

MEPOERs said:
JinJin: 頁尾請註明資料來源
1) 作業網址 :
OnePage作業網址
(2) 企劃書網址:
OnePage網頁企劃書

(3) 參考之版型網址:
(4) 製作時間:2~3週
(5) 製作心得:有時候會搞亂程式碼,但知道他一定的規律之後就比較上手一些了
班級:視傳2A 學號:1095445020



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

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

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

(3) 參考之版型網址:無
(4) 製作時間:2週左右
(5) 製作心得:東西變多會比較難修改及調整,語法也會變多會比較困難(看起來密密麻麻的)但網頁做完會有成就感!
(6)有修改過網頁(另開視窗、顏色細節調整、輪播圖符號顏色修改、地圖滿版修改)-第二版修改

班級:視2A 學號:1095445005



Edited 2 time(s). Last edit at 01/12/2022 11:38AM by 1095445005.
(編輯記錄)

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

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

(3) 參考之版型網址:
(4) 製作時間: 四個星期左右
(5) 製作心得: 很好玩,只是很多作品要篩選有點麻煩

竹視傳系3A,1105245001



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

MEPOERs said:
JinJin: 很不錯喔!頁尾聯絡資訊記得設定
(1) 作業網址 :
OnePage作業網址

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


(3) 參考之版型網址:導師提供網址
(4) 製作時間: 兩至三週時間
(5) 製作心得: 這次的作業令我增加了很多對網頁設計的知識,這次遇到的問題是不知道怎麼改網頁的背景,令到網頁的顏色跟主題沒有很搭,減少了氣氛。

班級,視傳3A 學號 1105245002



Edited 3 time(s). Last edit at 01/05/2022 11:53AM by 1105245002.
(編輯記錄)

MEPOERs said:
JinJin: 請補相片說明、不需要的連結請刪除,頁尾需設定聯絡資訊及資料來源
(1) 作業網址 :
OnePage作業網址

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

(3) 參考之版型網址:
(4) 製作時間:3週
(5) 製作心得:用Dreamweaver製作方便許多,可以馬上看到自己製作網頁的狀況。在製作過程中,會遇到圖片跑不出來或者是位置跑掉等等。但最後都順利解決了。

班級:視2A
學號:1095445003



Edited 2 time(s). Last edit at 01/11/2022 08:27PM by 1095445003.
(編輯記錄)

MEPOERs said:
JinJin: 私心景點部分外部連結記得設定另開視窗
(1) 作業網址 :
OnePage作業網址

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

(3) 參考之版型網址:無
(4) 製作時間:5個小時以上
(5) 製作心得:有許多地方會產生不能理解的錯誤但最後還是有解決。


視傳2A 學號 1095445023

MEPOERs said:
JinJin: 頁尾請補聯絡資訊與資料來源喔!
(1) 作業網址 :
http://my.cute.edu.tw/~1095445007/onepage
(2) 企劃書網址:
OnePage網頁企劃書
(3) 參考之版型網址:導師提供網址
(4) 製作時間:6-7小時
(5) 製作心得:很難,有很多細節需要注意,但後來慢慢熟悉理解。

班級: 視傳2A 學號:1095445007

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

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

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

(3) 參考之版型網址:
(4) 製作時間:斷斷續續的我也不清楚,蠻久的
(5) 製作心得:對於整理作品花很多時間,有些細節會改到忘記。命名真的要注意常常不小心圖片出不來
還要改的小東西實在太多

視傳2A,學號1095445034



Edited 1 time(s). Last edit at 01/12/2022 11:30AM by 1095445034.
(編輯記錄)

MEPOERs said:
JinJin: 頁尾版權聲明修正,外部連結請設定另開視窗
(1) 作業網址 :
OnePage作業網址

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

(3) 參考之版型網址:http://my.cute.edu.tw/~1095445036/onepage
(4) 製作時間:課堂時間以及2天
(5) 製作心得:發現越做越有趣,雖然有時間壓力,但是至少做完有成就感,善用搜尋鍵可以找到很多原始資訊!

視傳2A,1095445036



Edited 2 time(s). Last edit at 01/05/2022 12:20PM by 1095445036.
(編輯記錄)

(1) 作業網址 :
OnePage作業網址
(2) 企劃書網址:
OnePage網頁企劃書
(3) 參考之版型網址:導師提供網址
(4) 製作時間:6-7小時
(5) 製作心得:很難,有很多細節需要注意,但後來慢慢熟悉理解。

班級: 視傳2A 學號:1095445007

MEPOERs said:
JinJin: 表格出處可加上外部連結,所有外部連結需另開網頁
(1) 作業網址 :
OnePage作業網址

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

(3) 參考之版型網址:無
(4) 製作時間:上課時間+5~6小時
(5) 製作心得:現在使用DW能快速編輯很多東西,也可以即時看到網頁的狀況,雖然很複雜,但認真理解一下就略懂了!

視傳2A,1095445041



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

MEPOERs said:
JinJin: 外部連結需設定另開網頁,頁尾需加入版權聲明及資料來源
(1) 作業網址 :
http://my.cute.edu.tw/~1095445040/onepage-1

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

(3) 參考之版型網址:無
(4) 製作時間:上課時間加上課外時間(一個禮拜)7-8小時
(5) 製作心得:
好難啊啊啊啊啊QQ 眼睛灰灰ㄎ一ˇ

班級視傳2A,學號1095445040



Edited 1 time(s). Last edit at 01/12/2022 11:29AM by 1095445040.
(編輯記錄)

MEPOERs said:
JinJin: 連結無內容,請確認
JinJin: 需改網頁色彩,外部連結需設定另開視窗
JinJin: 網頁圖示也需修改喔!
1.作業網址:file:///C:/Users/10954/Desktop/onepage-3/onepage-3/index.html
2.企劃書網址: https://www.figma.com/file/8c2TS4LxmTw2rfjvejUM7m/1095445015?node-id=0%3A1

3.參考之版型網址:無
4.製作時間:6小時以上
5.製作心得:花好多時間理解,也好難
6.班級:視2A
7.學號1095445015

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

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

(3) 參考之版型網址:
(4) 製作時間:三周
(5) 製作心得:在整理作品時 需要花很多時間去籌備準備,在DW裡面有很多英文的專業術語, 時常搞得頭昏腦脹。

班級竹視2A,學號1095445030

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

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

(3) 參考之版型網址:鄧紫棋-維基百科https://zh.wikipedia.org/wiki/%E9%84%A7%E7%B4%AB%E6%A3%8B
(4) 製作時間:4天
(5) 製作心得:雖然過程有一點複雜,但是成功做出來的時候很有成就感~

視傳2A,1095445046

作業網址 :
http://my.cute.edu.tw/~1095445014/onepage-2/#collapseTwo

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

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

班級:視傳2A 學號:1095445014

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

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

(3) 參考之版型網址:
(4) 製作時間:1小時
(5) 製作心得:真的很複雜

班級,視傳2A 學號 1095445017

(1) 作業網址 :
file:///Users/zishan/Desktop/onepage-秋山/index.html

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

(3) 參考之版型網址:http://my.cute.edu.tw/~1095445002/onepage-4/
(4) 製作時間:2週
(5) 製作心得:語法好多,常常搞不懂,但做到後面就越來越上手了

班級,視傳2A 學號 1095445039



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

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

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

(3) 參考之版型網址:老师
(4) 製作時間: 3天
(5) 製作心得: 第一次做那么多资讯的网站,感觉自己学到了一点鸡毛,文字对齐太难了,貌似对齐了又没对齐的感觉。就是如果没有老师的版型代码应该就做不出来了

班級: 视传2A
學號:1095445044



Edited 1 time(s). Last edit at 01/12/2022 02:44PM by 1095445044.
(編輯記錄)

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


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

(3) 參考之版型網址:http://file.mepopedia.com/~css108b/midterm/midterm-1075445086/
(4) 製作時間: 1week
(5) 製作心得: 花好多时间理解,但是非常有趣

班級 视传2A,學號 1095445045

(1) 作業網址 :
http://my.cute.edu.tw/~1095445035/hw03-1095445035/

(2) 企劃書網址:
https://www.figma.com/file/HcrLqiXCNl6fZjU1ai7w5E/%E8%8E%93%E9%96%8B%E7%9C%BC%E7%AC%91?node-id=0%3A1

(3) 參考之版型網址:http://jinjin.mepopedia.com/~jinjin/wd/hw/onepage/
(4) 製作時間:2週
(5) 製作心得:在fontwebsome卡了好久,也因為一直沒能回家所以無法幫 家裡的商品拍攝,很常因為疫點小細節卡住,所以就要跟其他語法慢慢對照,或者是看別人的來對,還好抖有慢慢找到問題點。

視傳2A 1095445035

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

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

(3) 參考之版型網址:
(4) 製作時間:兩週
(5) 製作心得:開始感受到網頁設計的樂趣,也能更快的找到錯誤的地方,第一次使用DW,非常有趣但發現有更多語法,也想更知道網頁設計的方法。

視傳3A_1085445089

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

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

(3) 參考之版型網址:老師分享的歷年學生作品
(4) 製作時間: 很久
(5) 製作心得: 製做起來非常有成就感,如果時間足夠的話很想再多放一點東西,可惜製作起來時間性太長...

班級:視4A
學號:1065445151



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

(1) 作業網址 :
file:///E:/%E6%9B%A6%E6%96%87/1075445013/onepage/index.html#


(2) 企劃書網址:
file:///E:/%E6%9B%A6%E6%96%87/1075445013/onepage/index.html#
(3) 參考之版型網址:
無。
(4) 製作時間: 很久很久。
(5) 製作心得: 真的盡全力了,拜託老師不要當我,拜託了。

班級 視傳4A
學號 1075445013