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

Advanced

Re: [期中作業] OnePage-個人網頁製作

[期中作業] OnePage-個人網頁製作

1. 製作OnePage網頁




2. 參照期中前講義製作




3. 作業說明


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

2.參照免費版型,挑選一適合期中作業主題的版型,結合選擇之版型製作。
DreamTemplate
http://www.dreamtemplate.com
tooplate 
http://www.tooplate.com/free-templates
templatemo 
http://www.templatemo.com/page/1
Free CSS Free CSS Templates, CSS Layouts & More! 
http://www.free-css.com/free-css-templates
HTMLl5UP 
https://html5up.net
W3.CSS Templates 
https://www.w3schools.com/w3css/w3css_templates.asp
Free Responsive HTML5 CSS3 Website Templates 
https://medium.com/web-development-zone/free-responsive-html5-css3-website-templates-bcbe3f8a20b9
https://onepagelove.com/templates
https://startbootstrap.com/template-categories/one-page/
https://colorlib.com/wp/best-one-page-wordpress-themes/

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

4.製作完畢請上傳FTP,midterm資料夾。

請回覆於作業文章

(1) 作業網址 :http://mepopedia.com/~web106-2c/midterm/midterm-105ooooo
(2) 參考之版型網址:
(3) 設計主題 / 風格
(4) 導覽列項目:
(5) 遇到之問題:
(6) 製作時間:
(7) 製作心得:



Edited 2 time(s). Last edit at 03/28/2018 11:20PM by JinJin.
(編輯記錄)

(1) 作業網址 :
(2) 參考之版型網址: http://www.tooplate.com/live/2090-kinetichttp://www.tooplate.com/live/2098-health
(3) 設計主題 / 風格 : 主題是自己拍的攝影照片 風格是簡單 乾淨
(4) 導覽列項目:首頁 home 關於about 作品works 聯繫contact
(5) 遇到之問題:
(6) 製作時間:
(7) 製作心得:



Edited 2 time(s). Last edit at 04/15/2018 12:45PM by 林宥柔.
(編輯記錄)

(1) 作業網址 :
(2) 參考之版型網址:https://www.theeddynyc.com/有點像這樣的感覺 但是會在活潑一點
(3) 設計主題 / 風格 : 自己的作品集 設計作品整理成網站的樣子
(4) 導覽列項目: 關於我 設計作品 繪畫作品 攝影作品 聯繫我
(5) 遇到之問題:
(6) 製作時間:
(7) 製作心得:



Edited 1 time(s). Last edit at 04/10/2018 10:22PM by 1055445111.
(編輯記錄)

(1) 作業網址 :
(2) 參考之版型網址:http://www.tooplate.com/live/2096-individual
(3) 設計主題 / 風格 : 沖繩介紹/海洋天空藍藍的,清爽的!!!
(4) 導覽列項目: 首頁(ホーム), 介紹(紹介する),風景(景色),飛行(飛ぶ)
(5) 遇到之問題:
(6) 製作時間:
(7) 製作心得:

(1) 作業網址 :
(2) 參考之版型網址: http://www.tooplate.com/live/2090-kinetichttp://www.tooplate.com/live/2089-meteor
(3) 設計主題 / 風格 : 作品集(插畫設計) 簡單活潑的風格
(4) 導覽列項目:Home 首頁 /About 關於 / Illustration Design 插畫設計/ Contact 聯繫
(5) 遇到之問題:
(6) 製作時間:
(7) 製作心得:

(1) 作業網址 :
(2) 參考之版型網址:
http://www.tooplate.com/live/2089-meteorhttp://www.templatemo.com/live/templatemo_512_moonlight
(3) 設計主題 / 風格 : 作品集/作品集中/介紹自己/以圖為主
(4) 導覽列項目: HOME/ABOUT ME/GALLERY/ CONTACT
(5) 遇到之問題:
(6) 製作時間:
(7) 製作心得:



Edited 2 time(s). Last edit at 04/11/2018 10:01PM by 1055445004.
(編輯記錄)

(1) 作業網址 :
(2) 參考之版型網址: http://sasazukabowl.com/
(3) 設計主題 / 風格 : 作品集 簡約 設計感 能夠凸顯作品的網站
(4) 導覽列項目:HOME / ABOUT / GRAPHIC DESIGN / PHOTOGRAPHY / CONTACT
(5) 遇到之問題:
(6) 製作時間:
(7) 製作心得:

(1) 作業網址 :
(2) 參考之版型網址: https://www.cupetit.com/brand.html#/spirit
(3) 設計主題 / 風格 : 美食 食記 是由自己所吃過來 分享 和吃的心得 之紀錄 風格:以簡單畫面 加上文青感
(4) 導覽列項目:首頁 home 關於 店家Store 照片photo 紀錄 records
(5) 遇到之問題:
(6) 製作時間:
(7) 製作心得:

(1) 作業網址 :wait
(2) 參考之版型網址: http://joshsender.com/#it-was-all-very-impressive-ii
https://kiai.jp/ 這兩個覺得都不錯

(3) 設計主題 / 風格 :主要內容是自己的作品 風格配色可能是無彩色
黑白灰這樣來搭配 (作品除外)

(4) 導覽列項目:

index→home
two →about
three→album
four →text



Edited 2 time(s). Last edit at 04/12/2018 01:54AM by exe99703.
(編輯記錄)

(1) 作業網址 :
(2) 參考之版型網址: https://demos.onepagelove.com/html/namari/
(3) 設計主題 / 風格 : 作品集 風格是簡單 乾淨
(4) 導覽列項目:首頁 介紹 作品 自述 聯絡
(5) 遇到之問題:
(6) 製作時間:
(7) 製作心得:

(1) 作業網址 :http://mepopedia.com/~web106-2c/midterm/midterm-105ooooo
(2) 參考之版型網址: 老師的
(3) 設計主題 / 風格 : 目的明瞭,簡單
(4) 導覽列項目:home/About/works
(5) 遇到之問題:
(6) 製作時間:
(7) 製作心得:

(1) 作業網址 :
(2) 參考之版型網址:http://www.templatewire.com/preview/verum/
(3) 設計主題 / 風格 :主題:個人作品網站/ 風格:簡單、清楚明瞭
(4) 導覽列項目: About / Works / Share / Contact
(5) 遇到之問題:
(6) 製作時間:
(7) 製作心得: