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

Advanced

Change History

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

Changed By: JinJin
Change Date: December 26, 2021 12:36PM

[OnePage作業] OnePage作業|輪播圖|格線系統|相簿|地圖
<h2>製作RWD|OnePage網頁</h2>
<hr>
1.參照講義製作
<a href="http://jinjin.mepopedia.com/~jinjin/wd/wd-18.html" target="_blank">[講義]OnePage 網頁|網頁企劃</a></li>
<a href="http://jinjin.mepopedia.com/~jinjin/wd/wd-9.html" target="_blank">[講義]OnePage 網頁|實作解析(一)|輪播圖|Grid System格線系統</a></li>
<a href="http://jinjin.mepopedia.com/~jinjin/wd/wd-10.html" target="_blank">[講義]OnePage 網頁|實作解析(二)|相片分類與燈箱效果|地圖設定</a></li>
<a href="http://jinjin.mepopedia.com/~jinjin/wd/wd-17.html" target="_blank">[講義]OnePage 網頁|實作解析(三)地圖設定|表格設定</a></li>
<a href="http://jinjin.mepopedia.com/~jinjin/wd/wd-18.html" target="_blank">[講義]RWD網頁解析|Google Fonts 網路中文字型|補充說明</a></li>

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

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

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

4.需完成之製作項目:
(1) 完成網頁企劃書
(2) 製作『個人圖示favicon』、『LOGO』。
(3) 使用『圖示字體(icon font) Font Awesome』。
(4) 製作『輪播圖』。
(5) 了解『網頁格線概念』,並進行修改。
(6) 製作『相簿作品分類』,並進行修改。
(7) 製作『表格』,並進行修改。
(8) 製作『地圖』,並進行修改。
(9) 其他部分可替換文字或圖片修改,可選擇需要的部分即可。
(10) 請務必調整為與主題相符的色彩,以及調整字體、粗細等樣式設定,使修改之網站產生全新的風格與面貌,並與設定之網頁屬性相符。
(11) 需要連結的部分,請務必補上連結,每個連結都必須有作用。不必要的地方務必刪除,整個網站需無錯誤。
<hr>
<h2>評分標準:</h2>
1.美感性與精緻性(配色、圖片、排版效果、字體調整、整體效果、擺脫原有的感覺、表現獨特風格)。
2.完整性(符合規定,且連結點選都完整)。
3.正確性(語法正確,不出錯、連結需完整)。
4.加分項(內容豐富且完整,超過規定的要求)。

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

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

請回覆於作業文章
:
(1) 作業網址 :
<xmp><a href="http://my.cute.edu.tw/~1091445XXX/onepage-1091445XXX/" target="_blank">OnePage作業網址</a></xmp>

(2) 企劃書網址:
<xmp><a href="企劃書網址" target="_blank">OnePage網頁企劃書</a></xmp>

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

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

請回覆於作業文章
:
(1) 作業網址 :
<xmp><a href="http://my.cute.edu.tw/~1091445XXX/onepage" target="_blank">OnePage作業網址</a></xmp>

(2) 企劃書網址:
<xmp><a href="企劃書網址" target="_blank">OnePage網頁企劃書</a></xmp>

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

班級,學號
Changed By: JinJin
Change Date: December 05, 2021 04:51PM

[OnePage作業] OnePage作業|輪播圖|格線系統|相簿|地圖
<h2>製作RWD|OnePage網頁</h2>
<hr>
1.參照講義製作
<a href="http://jinjin.mepopedia.com/~jinjin/wd/wd-18.html" target="_blank">[講義]OnePage 網頁|網頁企劃</a></li>
<a href="http://jinjin.mepopedia.com/~jinjin/wd/wd-9.html" target="_blank">[講義]OnePage 網頁|實作解析(一)|輪播圖|Grid System格線系統</a></li>
<a href="http://jinjin.mepopedia.com/~jinjin/wd/wd-10.html" target="_blank">[講義]OnePage 網頁|實作解析(二)|相片分類與燈箱效果|地圖設定</a></li>
<a href="http://jinjin.mepopedia.com/~jinjin/wd/wd-17.html" target="_blank">[講義]OnePage 網頁|實作解析(三)地圖設定|表格設定</a></li>
<a href="http://jinjin.mepopedia.com/~jinjin/wd/wd-18.html" target="_blank">[講義]RWD網頁解析|Google Fonts 網路中文字型|補充說明</a></li>

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

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

3.需完成之製作項目:
<b>3.每週皆有製作進度,請至Moodle繳交。</b>

4.需完成之製作項目:
(1) 完成網頁企劃書
(2) 製作『個人圖示favicon』、『LOGO』。
(3) 使用『圖示字體(icon font) Font Awesome』。
(4) 製作『輪播圖』。
(5) 了解『網頁格線概念』,並進行修改。
(6) 製作『相簿作品分類』,並進行修改。
(7) 製作『表格』,並進行修改。
(8) 製作『地圖』,並進行修改。
(9) 其他部分可替換文字或圖片修改,可選擇需要的部分即可。
(10) 請務必調整為與主題相符的色彩,以及調整字體、粗細等樣式設定,使修改之網站產生全新的風格與面貌,並與設定之網頁屬性相符。
(11) 需要連結的部分,請務必補上連結,每個連結都必須有作用。不必要的地方務必刪除,整個網站需無錯誤。
<hr>
<h2>評分標準:</h2>
1.美感性與精緻性(配色、圖片、排版效果、字體調整、整體效果、擺脫原有的感覺、表現獨特風格)。
2.完整性(符合規定,且連結點選都完整)。
3.正確性(語法正確,不出錯、連結需完整)。
4.加分項(內容豐富且完整,超過規定的要求)。

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

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

請回覆於作業文章
:
(1) 作業網址 :
<xmp><a href="http://my.cute.edu.tw/~1091445XXX/onepage-1091445XXX/" target="_blank">OnePage作業網址</a></xmp>

(2) 企劃書網址:
<xmp><a href="企劃書網址" target="_blank">OnePage網頁企劃書</a></xmp>

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

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

請回覆於作業文章
:
(1) 作業網址 :
<xmp><a href="http://my.cute.edu.tw/~1091445XXX/onepage" target="_blank">OnePage作業網址</a></xmp>

(2) 企劃書網址:
<xmp><a href="企劃書網址" target="_blank">OnePage網頁企劃書</a></xmp>

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

班級,學號
Changed By: JinJin
Change Date: December 05, 2021 04:50PM

[OnePage作業] OnePage作業|輪播圖|格線系統|相簿|地圖
<h2>製作RWD|OnePage網頁</h2>
<hr>
1.參照講義製作
<a href="http://jinjin.mepopedia.com/~jinjin/wd/wd-18.html" target="_blank">[講義]OnePage 網頁|網頁企劃</a></li>
<a href="http://jinjin.mepopedia.com/~jinjin/wd/wd-9.html" target="_blank">[講義]OnePage 網頁|實作解析(一)|輪播圖|Grid System格線系統</a></li>
<a href="http://jinjin.mepopedia.com/~jinjin/wd/wd-10.html" target="_blank">[講義]OnePage 網頁|實作解析(二)|相片分類與燈箱效果|地圖設定</a></li>
<a href="http://jinjin.mepopedia.com/~jinjin/wd/wd-17.html" target="_blank">[講義]OnePage 網頁|實作解析(三)地圖設定|表格設定</a></li>
<a href="http://jinjin.mepopedia.com/~jinjin/wd/wd-18.html" target="_blank">[講義]RWD網頁解析|Google Fonts 網路中文字型|補充說明</a></li>

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

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

3.需完成之製作項目:
<b>3.每週皆有製作進度,請至Moodle繳交。</b>

4.需完成之製作項目:
(1) 完成網頁企劃書
(2) 製作『個人圖示favicon』、『LOGO』。
(3) 使用『圖示字體(icon font) Font Awesome』。
(4) 製作『輪播圖』。
(5) 了解『網頁格線概念』,並進行修改。
(6) 製作『相簿作品分類』,並進行修改。
(7) 製作『表格』,並進行修改。
(8) 製作『地圖』,並進行修改。
(9) 其他部分可替換文字或圖片修改,可選擇需要的部分即可。
(10) 請務必調整為與主題相符的色彩,以及調整字體、粗細等樣式設定,使修改之網站產生全新的風格與面貌,並與設定之網頁屬性相符。
(11) 需要連結的
<h4>重點加分項目:除了上課範例外,可參考其他版型,挑選一適合的版型,製作另一個新主題的OnePage網頁。</h4>
<b>有額外製作另一網頁的同學,總分額外加5-10分。</b>


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

請回覆於作業文章
:
(1) 作業網址 :
<xmp><a href="http://my.cute.edu.tw/~1091445XXX/onepage-1091445XXX/" target="_blank">OnePage作業網址</a></xmp>

(2) 企劃書網址:
<xmp><a href="企劃書網址" target="_blank">OnePage網頁企劃書</a></xmp>

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

班級,學號
部分,請務必補上連結,每個連結都必須有作用。不必要的地方務必刪除,整個網站需無錯誤。
<hr>
<h2>評分標準:</h2>
1.美感性與精緻性(配色、圖片、排版效果、字體調整、整體效果、擺脫原有的感覺、表現獨特風格)。
2.完整性(符合規定,且連結點選都完整)。
3.正確性(語法正確,不出錯、連結需完整)。
4.加分項(內容豐富且完整,超過規定的要求)。

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

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

請回覆於作業文章
:
(1) 作業網址 :
<xmp><a href="http://my.cute.edu.tw/~1091445XXX/onepage-1091445XXX/" target="_blank">OnePage作業網址</a></xmp>

(2) 企劃書網址:
<xmp><a href="企劃書網址" target="_blank">OnePage網頁企劃書</a></xmp>

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

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

請回覆於作業文章
:
(1) 作業網址 :
<xmp><a href="http://my.cute.edu.tw/~1091445XXX/onepage" target="_blank">OnePage作業網址</a></xmp>

(2) 企劃書網址:
<xmp><a href="企劃書網址" target="_blank">OnePage網頁企劃書</a></xmp>

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

班級,學號
Changed By: JinJin
Change Date: December 05, 2021 04:47PM

[OnePage作業] OnePage作業|輪播圖|格線系統|相簿|地圖
Changed By: JinJin
Change Date: November 16, 2021 11:09PM

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

Original Message

作者: JinJin
Date: November 16, 2021 11:08PM

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

製作RWD|OnePage網頁




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



作業說明


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

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

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

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

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

班級,學號章


(1) 完成網頁企劃書
(2) 製作『個人圖示favicon』、『LOGO』。
(3) 使用『圖示字體(icon font) Font Awesome』。
(4) 製作『輪播圖』。
(5) 了解『網頁格線概念』,並進行修改。
(2) 並進行修改。
(8) 製作『地圖』,並進行修改。
(9) 其他部分可替換文
(3) 設計主題 / 風格
(4) 導覽列項目:
(5) 遇到之問題:
(6) 製作時間:
(7) 製作心得:
改,可選擇需要的部分即可。
(10) 請務必調整為與主題相符的色彩,以及調整字體、粗細等樣式設定,使修改之網站產生全新的風格與面貌,並與設定之網頁屬性相符。
(11) 需要連結的

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


有額外製作另一網頁的同學,總分額外加5-10分。


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

請回覆於作業文章
:
(1) 作業網址 :
<a href="http://my.cute.edu.tw/~1091445XXX/onepage-1091445XXX/" target="_blank">OnePage作業網址</a>

(2) 企劃書網址:
<a href="企劃書網址" target="_blank">OnePage網頁企劃書</a>

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

班級,學號部分,請務必補上連結,每個連結都必須有作用。不必要的地方務必刪除,整個網站需無錯誤。


評分標準:


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



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



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

請回覆於作業文章
:
(1) 作業網址 :
<a href="http://my.cute.edu.tw/~1091445XXX/onepage-1091445XXX/" target="_blank">OnePage作業網址</a>

(2) 企劃書網址:
<a href="企劃書網址" target="_blank">OnePage網頁企劃書</a>

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

班級,學號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) 製作心得:

班級,學號