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

Advanced

Re: [期末作業]RWD多頁專題網站

[期末作業]RWD多頁專題網站

1. 製作RWD|多頁專題網站




可參考『RWD|多頁專題網站』作業說明

1.參照講義製作
[講義11]RWD多頁網頁編輯 (一) skin / navigation / Menu / video
[講義12] RWD多頁網頁編輯 (二) 介紹頁面《關於我們》/ 頂圖微動畫設定
[講義13]RWD多頁網頁編輯 (三) 網頁架構 / 列表頁 / 內容頁 / 表格
[講義14]RWD多頁網頁編輯 (四) 相簿設定 / 聯絡我們
[講義15]Google Fonts 網路中文字型



2. 作業說明


1.請以範本形式,製作RWD多頁專題式網站,請設計自己有興趣的主題、個人網站或主題式網站如:景點,小吃,行業,廟宇,風俗,文化,故事....等主題製作。

2.作品須原創,不可使用他人作品,包含文字、照片及插圖,若為他人之文字或圖片請務必取得授權並註明來源。

3.參照上課範例,或其他多頁免費版型,挑選一適合期末作業主題的版型,結合選擇之版型製作。

4.可多人合組完成,但人數越多完成的規模與內容需越完整,並需詳細說明工作分配。

5.需完成之製作項目:
(1)製作個人favicon、LOGO
(2)使用圖示字體(icon font) Font Awesome,並使用最新版本作更替。
(3)製作『首頁影片』、『輪播圖』、『頂圖微動畫』。
(4)製作『介紹頁面』,並進行修改。
(5)製作『列表頁』以及『內容頁(文章頁)』。
(6)製作『相簿』,並進行修改。
(7)製作『網站架構圖』
架構圖可上傳至 https://imgur.com/

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

請回覆於作業文章

(1) 作業網址 :
<a href="http://my.cute.edu.tw/~1085445XXX/rwd-1085445XXX/" target="_blank">RWD專題網站|作業網址</a>
(2) 網站主題: :
(3) 內容大綱(導覽列/中文/檔名):
(4) 網頁架構圖(樹狀圖):
<img width="100%" src="https://i.imgur.com/XXX.jpg" border="0">
(5) 主要對象
(6) 色彩規劃(色調):簡單的色調
(7) 遇到之問題:
(8) 製作時間:
(9) 分工與心得:

參考之版型網址:(如選擇上課版型則無須此項)

組員名單:班級,學號





Edited 1 time(s). Last edit at 12/08/2020 12:13PM by JinJin.
(編輯記錄)

(1) 作業網址 :
RWD專題網站|作業網址
(2) 網站主題:電影全境失控
(3) 內容大綱(導覽列/中文/檔名):首頁(index) / 最新消息(news) / 關於(about) / 劇照欣賞(galllery) / 與我聯絡(contact) / 資料來源(source)
(4) 網頁架構圖(樹狀圖):

(5) 主要對象: 想看這部電影的人
(6) 色彩規劃(色調):簡單的、藍色系
(7) 遇到之問題: 因為兩種分號(;/ ; )打錯,所以有些東西會出不來。
(8) 製作時間: 加起來應該超過一天
(9) 分工與心得: 我覺得在做之前真的要把檔名跟連結名稱先整理好,不然最後整理導覽列會很亂,找不到。做完很有成就感,感覺越來越上手了。

參考之版型網址:上課版型 / http://file.mepopedia.com/~css108b/final/final-1075445050/

組員名單:視傳2A,1085445013

(1) 作業網址 :
RWD專題網站|作業網址
(2) 網站主題: 神鬼奇航5
(3) 內容大綱(導覽列/中文/檔名):首頁/最新消息/演員介紹/電影介紹/照片介紹/與我聯絡/資料
(4) 網頁架構圖(樹狀圖):

(5) 主要對象:喜歡看冒險奇幻電影的人
(6) 色彩規劃(色調):藍色與白色
(7) 遇到之問題:沒有吧
(8) 製作時間:一天半
(9) 心得:網頁太多,做到最後會搞混

參考之版型網址: http://file.mepopedia.com/~css108b/final/final-1075445050/

組員名單:視傳2B,1085445048



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

MEPOERs said:
JinJin: 註明資料來源喔
(1) 作業網址 :
RWD專題網站|作業網址

(2) 網站主題:日本
(3) 內容大綱(導覽列/中文/檔名):
(4) 網頁架構圖(樹狀圖):


(5) 主要對象 :大眾與想去日本的人
(6) 色彩規劃(色調):簡約風格搭配日本櫻花與古風的感覺
(7) 遇到之問題:沒有遇到太大的問題
(8) 製作時間:一天左右
(9) 心得:做起來有點複雜,但蠻有成就感的,希望下次有更充裕的時間

班級:視傳2A
學號:1085445083

MEPOERs said:
JinJin: 補資料來源與聯絡方式
(1) 作業網址 :
RWD專題網站|作業網址

(2) 網站主題: 紫羅蘭永恆花園
(3) 內容大綱(導覽列/中文/檔名):紫羅蘭永恆花園 關於京都動畫 劇情 美術圖
(4) 網頁架構圖(樹狀圖):


(5) 主要對象:所有族群
(6) 色彩規劃(色調):粉色調,以暖色為主
(7) 遇到之問題:有很多部分需要更改,有很多細節的語法混再一起,像是ul 跟很多後面附加的詞語 因為是英文所以有時候還會需要翻閱查詢。
(8) 製作時間:2天的時間加零碎的時間
(9) 分工與心得:個人完成。收穫蠻多的 至少基礎語法跟運用可以記得,覺得成就感很棒。

組員名單:視傳2B,林婉婷

MEPOERs said:
JinJin: 補資料來源與聯絡方式
(1) 作業網址 :
RWD專題網站|作業網址

(2) 網站主題:台北市立動物園
(3) 內容大綱(導覽列/中文/檔名):主頁/遊園資訊/公告資訊/相簿/聯絡我
(4) 網頁架構圖(樹狀圖):


(5) 主要對象:觀光客
(6) 色彩規劃(色調):簡單的色調 以動物園綠色為主
(7) 遇到之問題: 圖片大小差異 文字編排不準確 網頁名問題
(8) 製作時間: 3個星期
(9) 分工與心得: 比一頁是簡單許多 不過內容複雜 需花心思

參考之版型網址:(如選擇上課版型則無須此項)

2b 1081445014 (我是北校區的....不小心上傳錯地方了....)



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

(1) 作業網址 :
http://my.cute.edu.tw/~1085443041/final-1085443041/
(2) 網站主題:mini matters服飾品牌
(3) 內容大綱(導覽列/中文/檔名):HOME(index) / ALL(news) / ABOUT(about) / FEATURES(galllery) / NEW LETTERS(contact) /
(4) 網頁架構圖(樹狀圖):


(5) 主要對象: 喜歡時尚、復古元素、創新設計的人
(6) 色彩規劃(色調):咖啡色系
(7) 遇到之問題: 當時看到很多頁覺得看不懂,還好有朋友教導!以及不知道主題可以做什麼~
(8) 製作時間: 一天左右
(9) 分工與心得: 做完真的覺得很開心!看到一個誠品寶寶順利誕生!XD

參考之版型網址:上課版型 / http://file.mepopedia.com/~css108b/final/final-1075445050/

組員名單:視傳2A,1085445013

MEPOERs said:
JinJin: 網頁圖標、來源、聯絡方式
(1) 作業網址 :
RWD專題網站|作業網址

(2) 網站主題:MONSTAX
(3) 內容大綱(導覽列/中文/檔名):首頁(index) 關於MONSTAX (about) 音樂作品(news) 照片欣賞(gallery)
(4) 網頁架構圖(樹狀圖):


(5) 主要對象:喜歡這個團體、想認識這個團體的人
(6) 色彩規劃(色調):紅、黑、白、灰符合這個團體風格
(7) 遇到之問題:因為有很多分頁,很容易錯亂做錯分頁內容
(8) 製作時間:3個小時
(9) 心得:製作頁數雖然不多,看著也不夠精美,但能做出關於自己喜歡的團體的網頁還是很高興也很有成就感。

視傳2A 1085445014



Edited 7 time(s). Last edit at 01/10/2021 08:36PM by 1085445014.
(編輯記錄)

MEPOERs said:
JinJin: 版權、聯絡資訊
(1) 作業網址 :
RWD專題網站|作業網址
(2) 網站主題:Duffy and friends
(3) 內容大綱(導覽列/中文/檔名):Home/About/News/Photo/Contact
(4) 網頁架構圖(樹狀圖):

(5) 主要對象:喜歡和想了解Duffy的人
(6) 色彩規劃(色調):簡單的色調、星黛露的紫
(7) 遇到之問題:圖片大小不一,要自己調整
(8) 製作時間:1-2天
(9) 心得:能做自己喜歡的主題很開心,整個做完之後很有成就感,覺得製作網頁很有趣

組員名單:視傳3B 1075445091

MEPOERs said:
JinJin: 補資料來源
(1) 作業網址 :
RWD專題網站|作業網址

(2) 網站主題: COCO可可夜總會
(3) 內容大綱(導覽列/中文/檔名):首頁/最新消息/關於/劇照欣賞/與我聯絡/資料來源
(4) 網頁架構圖(樹狀圖):


(5) 主要對象
A : 對這部電影有興趣的人
(6) 色彩規劃(色調):
A : 橘色為主
(7) 遇到之問題:
A : 常多了("/_)這些符號連結跑不出來
(8) 製作時間:
A : 約10小時左右
(9) 分工與心得:
A : 先整理會用到的資料和分類,腦袋會比較清楚,順利完成了,還是很有成就感 !

參考之版型網址:(如選擇上課版型則無須此項)
http://file.mepopedia.com/~css108b/final/final-1075445050/

視傳2A-1085445045

(1) 作業網址 :
RWD專題網站|作業網址

(2) 網站主題: :台中趴趴走
(3) 內容大綱(導覽列/中文/檔名):台中特色/台中美食/LET`S GO/相簿集/與我們聯絡
(4) 網頁架構圖(樹狀圖):


(5) 主要對象:觀光客
(6) 色彩規劃(色調):簡單的色調
(7) 遇到之問題:有些東西不會改,還有討論時間不太攏
(8) 製作時間:1天
(9) 分工與心得:一個人負責找資料,另一個人負責做,找好資料的人在一起幫忙做


組員名單:班級:視傳2A,學號1085445017 1085445033



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

MEPOERs said:
JinJin: 資料來源、相簿
1) 作業網址 :
RWD專題網站|作業網址

(2) 網站主題: :
(3) 內容大綱(導覽列/中文/檔名):
(4) 網頁架構圖(樹狀圖):


(5) 主要對象:背包客 旅行
(6) 色彩規劃(色調):咖啡色
(7) 遇到之問題:顏色調換問題,之後就知道怎麼換顏色
(8) 製作時間:8小時
(9) 心得:越做越順,很開心



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

MEPOERs said:
JinJin: 資料來源
(1) 作業網址 :
http://my.cute.edu.tw/~1075445078/rwd-1075445078/index.html

(2) 網站主題:卡通介紹
(3) 內容大綱(導覽列/中文/檔名):首頁/介紹/電影
(4) 網頁架構圖(樹狀圖):


(5) 主要對象:喜歡蠟筆小新的人
(6) 色彩規劃(色調):藍色調
(7) 遇到之問題:不會調整logo大小
(8) 製作時間:半天
視傳3B1075445078

MEPOERs said:
JinJin: 尚未完成,請加油!
(1) 作業網址 :
RWD專題網站|作業網址

(2) 網站主題:大溪老街 :
(3) 內容大綱(導覽列/中文/檔名):大溪老街 介紹老街歷史與趣處
(4) 網頁架構圖(樹狀圖):


(5) 主要對象 大溪老街
(6) 色彩規劃(色調):簡單的色調 暖色調
(7) 遇到之問題:沒有用到老師上課教的
(8) 製作時間:兩天
(9) 分工與心得:多頁式真的很難,雖然做的不是老師要的,也不是老師上課教的,不過我覺得我做出來已經很開心了

參考之版型網址:(如選擇上課版型則無須此項)

組員名單:班級視傳2a,學號1085445025



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

(1) 作業網址 :
RWD專題網站|作業網址

(2) 網站主題: WINNER
(3) 內容大綱(導覽列/中文/檔名): 首頁(index) / 介紹(news) / 關於(about) / 相簿(galllery) / 公司(contact) 
(4) 網頁架構圖(樹狀圖):


(5) 主要對象 :喜歡韓國歌的人
(6) 色彩規劃(色調):簡單灰色
(7) 遇到之問題: 有些照片出不來
(8) 製作時間: 1天
(9) 分工與心得: 網頁太多會有點混

2A , 1085445059

MEPOERs said:
JinJin: http://my.cute.edu.tw/~1085445059/rwd-1085445059/
JinJin: 發展歷程下圖、補出處、版權、聯絡資訊
(1) 作業網址 :
RWD專題網站|作業網址

(2) 網站主題: :奔跑吧真人實境秀
(3) 內容大綱(導覽列/中文/檔名):首頁(index) / 最新消息(news) / 關於(about) / 劇照相簿(galllery) / 與我聯絡(contact)
(4) 網頁架構圖(樹狀圖):

(5) 主要對象:喜愛觀賞他們的觀眾
(6) 色彩規劃(色調):簡約的顏色
(7) 遇到之問題:來不及完成,仍在製作中,其過於複雜
(8) 製作時間:一天多持續增加中
(9) 心得:有些複雜,還在努力規劃

視傳2A/1085445035



Edited 3 time(s). Last edit at 01/12/2021 02:27AM by 1085445035.
(編輯記錄)

(1) 作業網址 :
RWD專題網站|作業網址

(2) 網站主題:女神降臨
(3) 內容大綱(導覽列/中文/檔名):首頁/關於/介紹/相簿/聯絡我們
(4) 網頁架構圖(樹狀圖):


(5) 主要對象:對女神降臨有興趣的人
(6) 色彩規劃(色調):偏深粉紫色系,打造女神感
(7) 遇到之問題:沒有
(8) 製作時間:2~3天

組員名單:視傳2B,1085445046

MEPOERs said:
JinJin: 請註明資料來源
(1) 作業網址:RWD專題網站|作業網址

(2) 網站主題:SWEET SOME (韓國電視劇)(3) 內容大綱(導覽列/中文/檔名): HOME (首頁 / index) / LATEST NEWS (最新消息 / news / news-img / news-img-2 / news-img-3) / INTRODUCE (介紹 / about-2) / STILLS (劇照 / gallery)
(4) 網頁架構圖(樹狀圖):

(5) 主要對象 : 想觀看此電視劇的人
(6) 色彩規劃(色調):紅色、灰色
(7) 遇到之問題 : 許多網頁都是連結在一起,要將它們分離時,需要一些時間,還有就是圖片弄進網頁會時好時壞QQ
(8) 製作時間 : 2天多一點
(9) 分工與心得 : 對於這一次的RWD網頁製作,有更進一步了解到網頁的困難之處,但其實過程還是蠻有趣的,只是偶爾弄不好會覺得好難搞,但幸好我還是快做完了~

組員名單:視傳2A,1085445041



Edited 4 time(s). Last edit at 01/12/2021 01:01PM by 1085445041.
(編輯記錄)

1) 作業網址 :
RWD專題網站|作業網址

(2) 網站主題:深海水族館
(3) 內容大綱(導覽列/中文/檔名):首頁/遊戲介紹/地圖介紹/遊戲相片/與我聯絡
(4) 網頁架構圖(樹狀圖):


(5) 主要對象:喜歡玩安靜遊戲的人
(6) 色彩規劃(色調):深海色調
(7) 遇到之問題:在地圖介紹時無法整齊排列
(8) 製作時間:一天多
(9) 心得:遇到滿多問題的,但想想之前都是錯小地方,就依序往小地方開始檢查,後來遇到大問題也在老師的範例網頁裡做比對,看錯在哪裡,做完之後非常有成就感!

參考之版型網址:Don't starve together遊戲介紹(http://file.mepopedia.com/~css108b/final/final-1075445066/)

班級:視傳2A
學號:1085445001

MEPOERs said:
JinJin: 導覽列錯誤、註明出處與版權
(1) 作業網址 :
RWD專題網站|作業網址

(2) 網站主題: 陰陽師
(3) 內容大綱(導覽列/中文/檔名):首頁/陰陽師/遊戲畫面/角色介紹/遊戲延伸/陰陽師官方
(4) 網頁架構圖(樹狀圖):


(5) 主要對象:沒玩過陰陽師的人
(6) 色彩規劃(色調):陰陽師最主要的色系藍色和酒紅,調色偏復古因為式昭和遊戲
(7) 遇到之問題:程式碼太多看不出來錯的地方,加上東西很多做的時間很久
(8) 製作時間:雖然很複雜,還有錯誤,但是看到可以瀏覽時卻是很興奮很有成就感
(9) 分工與心得:都是自己做的。網頁讓人又愛又恨

班級姓名:班級視傳2A,學號1085445067

MEPOERs said:
JinJin: 連結問題待解決、註明出處與版權、聯絡資訊等
(1) 作業網址 :
RWD專題網站|作業網址

(2) 網站主題:Care Bears
(3) 內容大綱(導覽列/中文/檔名): HOME/INTRODUCTION/STORY/PIC/CONTECT US
(4) 網頁架構圖(樹狀圖):
(5) 主要對象 :喜歡可愛的人
(6) 色彩規劃(色調):暖色系
(7) 遇到之問題: 照片不好找
(8) 製作時間: 10小時
(9) 分工與心得: 個人,做的會很有成就感


組員名單:視傳3b,1075445046

MEPOERs said:
JinJin: 尚未完成,請加油!
(1) 作業網址 :

RWD專題網站|作業網址

(2) 網站主題:clueless 獨領風騷
(3) 內容大綱(導覽列/中文/檔名):首頁imdex / 資料來源news / 劇情大綱about / 劇照gallery / 與我聯絡contact
(4) 網頁架構圖(樹狀圖):


(5) 主要對象: 喜歡復古美劇的人
(6) 色彩規劃(色調):復古紅 和 黃
(7) 遇到之問題: 一直用錯分類
(8) 製作時間: 8小時
(9) 分工與心得: 有點手忙腳亂,因為一直用錯分類名稱,還好最後有比較上手!

參考之版型網址: http://file.mepopedia.com/~css108b/final/final-1075445050/

MEPOERs said:
JinJin: 首頁連結、圖片、相簿大圖
(1) 作業網址 :
RWD專題網站|作業網址

(2) 網站主題:可不可以你也剛好喜歡我
(3) 內容大綱(導覽列/中文/檔名):
(4) 網頁架構圖(樹狀圖):


(5) 主要對象
(6) 色彩規劃(色調):簡單的色調 暖色
(7) 遇到之問題:時間太趕 找不到怎麼改
(8) 製作時間:很久
(9) 分工與心得:有機會在做好

參考之版型網址:(如選擇上課版型則無須此項)

組員名單:班級,學號 視傳2A108544547 范瑋慈

(1) 作業網址 :
http://my.cute.edu.tw/~1085445052/final
(2) 網站主題:看見台灣
(3) 內容大綱(導覽列/中文/檔名):首頁(index) / 關於台灣(about) / 吃喝玩樂 / 相簿集(galllery) / 與我聯絡(contact) /
(4) 網頁架構圖(樹狀圖):


(5) 主要對象: 旅遊 (帶大家吃喝玩樂了解台灣)
(6) 色彩規劃(色調):簡單的、藍色系
(7) 遇到之問題: logo太大不會調大小、很多分頁,很容易錯亂做錯分頁內容
(8) 製作時間: 4-5天
(9) 分工與心得: 個人完成。收穫蠻多的 至少基礎語法跟運用可以記得,打開看到畫面很有成就,會想找出問題所在。

參考之版型網址:上課版型

組員名單:視傳2B,1085445052



Edited 1 time(s). Last edit at 01/12/2021 03:26PM by 1085445052.
(編輯記錄)

(1) 作業網址 :
RWD專題網站|作業網址

(2) 網站主題: :
(3) 內容大綱(導覽列/中文/檔名):
(4) 網頁架構圖(樹狀圖):


(5) 主要對象 與神同行2
(6) 色彩規劃(色調):簡單的色調
(7) 遇到之問題:沒什麼問題,只是檔案很多後面會很亂。
(8) 製作時間:5小時
(9) 分工與心得:好累

參考之版型網址:(如選擇上課版型則無須此項)

組員名單:視傳2B,1085445068



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

RWD專題網站|作業網址

(2) 網站主題: 約定的夢幻島
(3) 內容大綱(導覽列/中文/檔名):相關新聞 關於動畫版 紀念相簿 與我聯絡
(4) 網頁架構圖(樹狀圖):


(5) 主要對象
(6) 色彩規劃(色調):憂鬱的藍色調
(7) 遇到之問題:沒有
(8) 製作時間:三天
(9) 心得:因為剛好是自己最近看完且喜歡的作品,所以做起來還滿快速的

視傳2B,1085445070

(1) 作業網址 :
RWD專題網站|作業網址

(2) 網站主題: :
(3) 內容大綱(導覽列/中文/檔名):
(4) 網頁架構圖(樹狀圖):


(5) 主要對象:巨石強森
(6) 色彩規劃(色調):簡單的色調
(7) 遇到之問題:做不完全部的網頁,只能做一些,但沒太大的問題
(8) 製作時間:4 5個小時
(9) 分工與心得:看自己喜歡的演員一邊做網頁很開心

參考之版型網址:(如選擇上課版型則無須此項)

組員名單:視傳2B 1085445028

(1) 作業網址 :
RWD專題網站|作業網址

(2) 網站主題:英雄聯盟
(3) 內容大綱(導覽列/中文/檔名):首頁/關於英雄聯盟/文章列表/相簿/與我聯絡
(4) 網頁架構圖(樹狀圖):
就是範例的都有做
做一些基本的介紹英雄聯盟的簡介玩法與更新內容

(5) 主要對象:只是想選一個主題做網頁
(6) 色彩規劃(色調):沒特別調整
(7) 遇到之問題:想要自己更改版型的時候有些地方不知道該如何去改
(8) 製作時間:三天
(9) 分工與心得:覺得做網頁如果只是要改改內容真的很簡單,只要看得懂,但我會繼續努力研究,至少要能自己有能力寫出版型的實力。

參考之版型網址:(如選擇上課版型則無須此項)

組員名單:班級:視傳3A,學號1075445094

(1) 作業網址 :
RWD專題網站|作業網址

(2) 網站主題:Eric 周興哲
(5) 主要對象:明星
(6) 色彩規劃(色調):冷色系的色調
(7) 遇到之問題:內容變得複雜許多,需要花很多時間去摸索!
(8) 製作時間:2天多
(9) 分工與心得:雖然時間不夠來不及做完,但很開心有完成一部分了~



視傳2A,1085445063

RWD專題網站|作業網址


(4) 網頁架構圖(樹狀圖):


(5) 主要對象
(6) 色彩規劃(色調):
(7) 遇到之問題:網頁變都是字 圖片都看不到跟做一頁式網頁時遇到的問題一樣
(8) 製作時間:5天左右
(9) 分工與心得:獨立完成 能做完一個網站我覺得是一件很開心的事,當看網頁漸漸完成也很有榮耀,覺得做網頁不是一件多難的事,雖然現在的我還只會用老師的版型來做,而不能靠自己做出一個網站,但我相信我能越來越進步的

班級視傳2A,學號1085445011



Edited 1 time(s). Last edit at 01/18/2021 11:28AM by CHEN CI CHEN.
(編輯記錄)