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:14PM by JinJin.
(編輯記錄)

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

(2) 網站主題:歐美動畫summer camp island的介紹
(3) 內容大綱(導覽列/中文/檔名):HOME/STORY/NEWS/IMAGE/ADRESS
(4) 網頁架構圖(樹狀圖):

(5) 主要對象:summer camp island動畫粉絲
(6) 色彩規劃(色調):粉紅色與紫色,和動畫氛圍的顏色一致
(7) 遇到之問題:好多頁原始碼,頭暈
(8) 製作時間:1天
(9) 分工與心得:一人製作,雖然改寫的很累,但製作完很有成就感,很豐富的網頁,適合當作部落格

視傳2B 1081445059 陳珞瓔

MEPOERs said:
JinJin: 辛苦了!但可照自己的需求設定,每種內容可不用重複,logo圖檔遺失
1081445059: 好的,已修改
(1) 作業網址 :
RWD專題網站|作業網址

(2) 網站主題:火車站
(3) 內容大綱(導覽列/中文/檔名):火車與火車站之間的故事
(4) 網頁架構圖(樹狀圖):x

(5) 主要對象:背包客 旅遊大眾
(6) 色彩規劃(色調):棕
(7) 遇到之問題:做到後面會搞亂
(8) 製作時間:4hr
(9) 分工與心得:個人 做完很累但是很開心

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

組員名單:1081445008 班級2b 學號1081445008

MEPOERs said:
JinJin: 將index-slider.html改成index.html才會有首頁,其他的連結有需修改
JinJin: 地圖、聯絡資訊及版權聲明、網頁圖標
(1) 作業網址 :
RWD專題網站|作業網址

(2) 網站主題: 電影 寶貝老闆
(3) 內容大綱(導覽列/中文/檔名):首頁 / 關於寶貝老闆 / BABY BOSS 最新消息 / 寶貝相簿 / 聯絡資訊
(4) 網頁架構圖(樹狀圖):


(5) 主要對象: 喜愛寶貝老闆電影的粉絲
(6) 色彩規劃(色調):藍色系的色調
(7) 遇到之問題:圖片會壓縮到變得扁扁
(8) 製作時間:2天
(9) 分工與心得:覺得累,但有心得,很有成就感


組員名單:2A,1081445092

MEPOERs said:
JinJin: 信箱資訊請填真實資訊
(1) 作業網址 :
RWD專題網站|作業網址

(2) 網站主題: 日本動畫 路人超能100
(3) 內容大綱(導覽列/中文/檔名):首頁 / 關於動畫 / 角色介紹 / 相關訊息 / 相簿 / 與我聯絡
(4) 網頁架構圖(樹狀圖):


(5) 主要對象:喜歡路人超能100的朋友
(6) 色彩規劃(色調):黑色與藍色調
(7) 遇到之問題:網頁太多常常改錯程式碼,不小心按到空格結果連結不到網頁
(8) 製作時間:3天
(9) 分工與心得:這次的網頁雖然比較多,但是在製作的過程中速度有變快了一些算是有所成就


組員名單:視傳2B 1081445079

MEPOERs said:
JinJin: 首頁左右圖文可注意圖片與文字高度的配合
(1) 作業網址 :
RWD專題網站|作業網址

(2) 網站主題: 漫威
(3) 內容大綱(導覽列/中文/檔名):首頁 / 關於漫威 / 電影資訊 / 電影海報 / 聯絡詳情
(4) 網頁架構圖(樹狀圖):


(5) 主要對象: 喜愛漫威的人,或想要了解漫威的人
(6) 色彩規劃(色調):簡單的色調,圖的顏色就相當豐富了
(7) 遇到之問題: 做的很累,熬夜做的看到快眼花,沒有很多時間
(8) 製作時間: 可能有5-6小時以上
(9) 分工與心得: 都自己來,覺得老師的教學非常的用心,上這堂課很值得。

班級:視傳3A 學號:1071445148



Edited 2 time(s). Last edit at 01/11/2021 04:51PM by 1071445148.
(編輯記錄)

MEPOERs said:
JinJin: 聯絡資訊須填自己的資訊,並註明版權問題。
1071445148: 好的 已修改
(1) 作業網址 :
RWD專題網站|作業網址
(2) 網站主題:公主闖天關
(3) 內容大綱(導覽列/中文/檔名):關於公主闖天關故事劇情人物介紹
(5) 主要對象:青少年
(6) 色彩規劃(色調):鮮豔
(7) 遇到之問題:檔案很多會錯亂
(8) 製作時間:1天
(9) 分工與心得:做完超累但是滿不錯的

組員名單 視傳二A 1081445033

MEPOERs said:
JinJin: 可照自己的需求設定,每種內容可不用重複,聯絡資訊情填真實資訊,並註明版權來源,網頁圖示
(1) 作業網址 :
RWD專題網站|作業網址

(2) 網站主題:信仰生活
(3) 內容大綱(導覽列/中文/檔名):首頁/關於我/週動態/相簿集/與我聯絡
(4) 網頁架構圖(樹狀圖):


(5) 主要對象:所有人
(6) 色彩規劃(色調):雅致的藍色/活潑的黃色
(7) 遇到之問題:時間不太夠/沒有軟體都在學校處理
(8) 製作時間:8小時
(9) 分工與心得:一個人組,覺得很特別吧~可以用這樣的方式呈現自己的信仰,覺得超級酷
也非常有趣,雖然時間不多,但很享受做作業的過程。

視傳2A 1081445064

MEPOERs said:
JinJin: 頁尾logo 圖檔失聯
(1) 作業網址 :
RWD專題網站|作業網址

(2) 網站主題:設計接案作品集
(3) 內容大綱(導覽列/中文/檔名):首頁/關於我/合作方式/作品/聯絡
(4) 網頁架構圖(樹狀圖):



(5) 主要對象:業主
(6) 色彩規劃(色調):粉紅色和咖啡色,主要以低彩度為主來呈現網站質感。
(7) 遇到之問題:無
(8) 製作時間:3天
(9) 分工與心得:一人製作,雖然多頁式網站要花比較多時間,但目前覺得基本上難度還不會太高,也讓我趁著這次機會把過去的作品整理出來。

視傳2A 1081445054



Edited 1 time(s). Last edit at 01/08/2021 03:15PM by 1081445054.
(編輯記錄)

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

(2) 網站主題: : HOPE WORLD
(3) 內容大綱(導覽列/中文/檔名):J-HOPE/ABOUT HOBI/GROUP OF BTS/CUTIE HOBI

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


(5) 主要對象 :BTS粉絲/所以年齡層/喜好K-POP文化者
(6) 色彩規劃(色調):橘色、紫色及其他單一色彩(白、深灰)
(7) 遇到之問題: 第一次處理多個程式檔案有時候會小錯亂。
(8) 製作時間: 3個工作天
(9) 分工與心得: 一人製作,雖然多頁式網站要花比較多時間,在製作過程中也因為是多頁式檔名較多及複雜容易搞混,但是做完之後很有成就感,看了心情很好!也把自己喜歡的人事物分享給更多人!

視傳2A 1081445025



Edited 2 time(s). Last edit at 01/08/2021 05:04PM by 1081445025.
(編輯記錄)

MEPOERs said:
JinJin: 每個連結都需有設定,首頁文章連結,頁尾版權來源,同一網站文章不需分頁
(1) 作業網址 :
RWD專題網站|作業網址
(2) 網站主題:中華職棒
(3) 內容大綱(導覽列/中文/檔名):首頁/關於中職/球隊介紹/球場介紹/年度相簿
(4) 網頁架構圖(樹狀圖):

(5) 主要對象:喜愛棒球的球迷
(6) 色彩規劃(色調):首頁以中職的藍色調為依據加上球隊所屬顏色
(7) 遇到之問題:首頁無法連結
(8) 製作時間:課堂+8hr
(9) 分工與心得:個人完成,製作的時間雖然花費不少,但是完成之後感到滿意且對網頁有更深的見解
組員名單:視傳2B 1081445045



Edited 2 time(s). Last edit at 01/09/2021 12:14AM by 1081445045.
(編輯記錄)

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

(2) 網站主題:介紹日本歌手-藤川千愛
(3) 內容大綱(導覽列/中文/檔名):
(4) 網頁架構圖(樹狀圖):


(5) 主要對象 : 藤川千愛粉絲
(6) 色彩規劃(色調):淡色系
(7) 遇到之問題 : 開頭該如何自動播放影片
(8) 製作時間 : 三小時
(9) 分工與心得 : 分工作網頁設計真的是很好玩,總比一個人埋頭苦幹來的好。

組員名單:班級 視覺傳達系二年A班 ,學號 1081445013-陳瑋涵 ,1081445088-陳以達, 1081445110-吳昆翰

MEPOERs said:
JinJin: 注意版權來源聲明,聯絡資訊修正,首頁左右圖文注意等高問題。
(1) 作業網址 :
RWD專題網站|作業網址

(2) 網站主題: 美少女戰士
(3) 內容大綱(導覽列/中文/檔名):首頁/人物介紹/章節介紹/動畫劇照/美少女在哪裡?
(4) 網頁架構圖(樹狀圖):


(5) 主要對象:美少女戰士的同好
(6) 色彩規劃(色調):淡紫色跟金黃色
(7) 遇到之問題:一 開始不太清楚到底要怎麼規劃,後來寫出樹狀圖就順利進行了。
(8) 製作時間:大約一天
(9) 分工與心得:做的很累但是很好玩,在做時又會有這裡可以加些什麼,所以就越變越多了!

視傳2A 1081445098 詹宜錚

MEPOERs said:
JinJin: 注意版權出處
(1) 作業網址 :
RWD專題網站|作業網址

(2) 網站主題:社團網站-中國科技大學-E報社的介紹
(3) 內容大綱(導覽列/中文/檔名):首頁/關於E報社 /社團活動
/社刊/與我們連絡
(4) 網頁架構圖(樹狀圖):


(5) 主要對象:對E報社有興趣的人
(6) 色彩規劃(色調):咖啡色,古典中帶一點微微的活潑感
(7) 遇到之問題:想放進去的內容太多,不知從何做起
(8) 製作時間:3days
(9) 分工與心得:1人製作。覺得可以幫自己的社團做網頁,整個人興奮的躍躍欲試,一直在想該放什麼進去才好呢,本來想說邊做邊想較不花時間,結果腦中資料全都亂掉,想放進去的內容又太多,不知從何做起。最後還是重新思考,把剛做好的全部打掉,畫了架構圖,思緒才比較清晰,所以還沒做完,趕工中……

班級:視傳2A 學號:1081445078



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

MEPOERs said:
JinJin: 完成後請告知。
(1) 作業網址 :
RWD專題網站|作業網址

(2) 網站主題:迪士尼與皮克斯動畫2015-2020
(3) 內容大綱(導覽列/中文/檔名):首頁 / 最新消息 / 迪士尼動畫介紹 / 動畫照片 / 與我聯繫
(4) 網頁架構圖(樹狀圖):


(5) 主要對象:所有喜歡動畫的人
(6) 色彩規劃(色調):用橘色溫馨且歡樂的色彩搭配動畫
(7) 遇到之問題:沒有
(8) 製作時間:4天
(9) 分工與心得:一人製作,剛開始做真的超級複雜,所有的程式都要對得好好的,不然跑不出來,但做到最後有越來越熟悉,看到自己完成了這樣的網站真的收穫滿滿

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

視傳2A 1081445015

MEPOERs said:
JinJin: 請標明版權來源及自身聯絡方式
(1) 作業網址 :
RWD專題網站|作業網址

(2) 網站主題:美國影集 少年魔法師 :
(3) 內容大綱(導覽列/中文/檔名):首頁/影集概要/章節整理/影集劇照/神祕地點
(4) 網頁架構圖(樹狀圖):


(5) 主要對象:少年魔法師的觀眾
(6) 色彩規劃(色調):紫色神秘感
(7) 遇到之問題:這次比較熟悉如何操作
(8) 製作時間:6小時
(9) 分工與心得:獨立完成,東西比較繁雜但是不會太過艱深,所以沒有太大問題



組員名單:班級北視2A,學號1081445106



Edited 2 time(s). Last edit at 01/10/2021 05:18PM by 林欣瑜.
(編輯記錄)

MEPOERs said:
JinJin: 沒有多選項不需下拉式選單,註明版權來源及聯絡資訊
(1) 作業網址 :
RWD專題網站|作業網址

(2) 網站主題:告五人(樂團)介紹
(3) 內容大綱(導覽列/中文/檔名):首頁/介紹/音樂作品(專輯/演唱會)/社群(相信音樂/告五人)
(4) 網頁架構圖(樹狀圖):


(5) 主要對象:喜歡告五人的讀者或是喜歡獨立樂團的人
(6) 色彩規劃(色調):簡單 淺顯易懂風格
(7) 遇到之問題:首頁下面的圖放不進去/綜藝新聞,有趣新聞點進去會跳到另一個視窗
(8) 製作時間:6hr
(9) 分工與心得:我是自己做的,做的蠻上手,我覺得抓到訣竅就能做很快了!感謝老師這學期的教導,我對網頁設計真的印象深刻,做完四種作業我都覺得好有成就感!

參考之版型網址:老師的參考範例

班級:北視傳3B,學號1071445146

MEPOERs said:
JinJin: 確認首頁下方圖片
(1) 作業網址 :
RWD專題網站|作業網址

(2) 網站主題:minecraft遊戲介紹
(3) 內容大綱(導覽列/中文/檔名):HOME / NEWS / INTRODUCTION / PHOTO / CONTACT
(4) 網頁架構圖(樹狀圖):


(5) 主要對象:有玩遊戲的人
(6) 色彩規劃(色調):簡單的色調 草地綠
(7) 遇到之問題:沒什麼問題
(8) 製作時間:10小時
(9) 分工與心得:做完很有成就感

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

視傳2B 1081445083

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

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


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


視傳2B 1081445014



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

MEPOERs said:
JinJin: 首頁下方左右圖文注意圖片等高
(1) 作業網址 :
RWD專題網站|作業網址
(2) 網站主題:小熊維尼
(3) 內容大綱(導覽列/中文/檔名):首頁、關於維尼、最新消息、維尼寫真、與我聯絡、資料來源
(4) 網頁架構圖(樹狀圖):

(5) 主要對象:喜愛小熊維尼的同好者
(6) 色彩規劃(色調):紅色、黃色、白色。
(7) 遇到之問題:微動圖的圖片會被壓縮,所以之後改找非具象圖的就改善了許多。
(8) 製作時間:每次上課時間加上回家製作三到四天。
(9) 分工與心得:個人完成製作,第一次做多頁式的網站,所以一開始有點不太確定要怎麼規劃,但是之後畫完樹狀圖就比較清楚了!雖然製作花費時間較長,但是完成之後有滿滿的成就感呢!



視傳2A,1081445074



Edited 1 time(s). Last edit at 01/10/2021 01:22PM by 1081445074.
(編輯記錄)

MEPOERs said:
JinJin: 請留真實信箱聯絡資訊
(1) 作業網址 :
RWD專題網站|作業網址

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


(5) 主要對象 :台北旅遊
(6) 色彩規劃(色調):清爽簡單的色調
(7) 遇到之問題:很時候找不到語法位置
(8) 製作時間: 2天
(9) 分工與心得: 做完很有成就感,也對網頁設計很有興趣


視傳3A 1071445156



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

MEPOERs said:
JinJin: http://my.cute.edu.tw/~1071445156/rwd-1071445156/
JinJin: 外部連結可使用target=_blank
(1) 作業網址 :
RWD專題網站|作業網址

(2) 網站主題:可愛生物ZUZU的介紹
(3) 內容大綱(導覽列/中文/檔名): 首頁 / 介紹 / 最新消息 / 相簿集 / 發現地
(4) 網頁架構圖(樹狀圖):


(5) 主要對象: 喜歡ZUZU的人(我)
(6) 色彩規劃(色調):紫色和灰色的搭配
(7) 遇到之問題: 找不到哪裡改,about的導覽列的文字被游標移碰到的顏色。
(8) 製作時間:12hr
(9) 分工與心得: 個人組 / 原本以為很複雜,但實際製作後沒之前想的那麼難,好險沒有放棄。

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

視傳2A 1081445037



Edited 2 time(s). Last edit at 01/10/2021 11:25PM by 1081445037.
(編輯記錄)

MEPOERs said:
JinJin: 需註明版權出處及宣告
(1) 作業網址 :
RWD專題網站|作業網址

(2) 網站主題:國立海洋生物博物館
(3) 內容大綱(導覽列/中文/檔名): 最新動態/關於我們/特展/活動/相簿/與我聯絡
(4) 網頁架構圖(樹狀圖):

(6) 色彩規劃(色調):藍紫色調
(7) 遇到之問題: 連接網站的地方搞錯,導致連接不上
(8) 製作時間: 7小
(9) 心得: 這次做的網站雖然很多,但是做完很有成就感。


視傳2B 1081445095

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

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


(5) 主要對象 粉絲
(6) 色彩規劃(色調):藍色調
(7) 遇到之問題: 連結一直用不好,但最後還是解決了
(8) 製作時間: 2天
(9) 分工與心得: 一人製作,雖然過程真的超累,但做出來很有成就感

視傳2B 1081445042

MEPOERs said:
JinJin: http://my.cute.edu.tw/~1071445156/rwd-1071445156/
JinJin: sorry,前一評論回錯,需著名版權出處。
(1) 作業網址 :
RWD專題網站|作業網址

(2) 網站主題: sky 光遇
(3) 內容大綱(導覽列/中文/檔名):首頁 / 關於 / 活動資訊 / 相簿 / 與我聯絡
(4) 網頁架構圖(樹狀圖):


(5) 主要對象:對這款遊戲有興趣的人
(6) 色彩規劃(色調):藍色調
(7) 遇到之問題: 剛開始會把不同的檔名搞混
(8) 製作時間: 三天
(9) 分工與心得:一人製作,剛開始製作的時候會搞混檔名,所以做的時候很混亂,但是熟悉了之後覺得很有趣,做完也很有成就感。

視傳2B,1081445004



Edited 1 time(s). Last edit at 01/11/2021 02:00AM by 1081445004.
(編輯記錄)

MEPOERs said:
JinJin: 同一網站不用分頁,註明資料來源
1081445004: 已修改 , 麻煩老師了 ! 謝謝老師~~
(1) 作業網址 :
RWD專題網站|作業網址

(2) 網站主題:台中文創景點與美食介紹
(3) 內容大綱(導覽列/中文/檔名):首頁/美食推薦/文創景點/圖看台中
(4) 網頁架構圖(樹狀圖):


(5) 主要對象:全部的人
(6) 色彩規劃(色調):咖啡色系
(7) 遇到之問題: 因為是改老師已經寫好的語法,所以沒有遇到太大的問題
(8) 製作時間:兩天
(9) 分工與心得:此作業為一個人製作,跟著老師的講義製作整體算蠻順利的,比起之前的作業,這次的網頁又更完整了!



視傳2B 1081445047

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

(2) 網站主題:自創的PLOY PLOY巧克力網頁
(3) 內容大綱(導覽列/中文/檔名):首頁 / 關於PLOY PLOY / APP設計 / 相簿欣賞 / 與我聯絡
(4) 網頁架構圖(樹狀圖):



(5) 主要對象: 喜愛巧克力的人們
(6) 色彩規劃(色調):以粉色調為主
(7) 遇到之問題:有點小趕,有些地方會不知道該在哪修改
(8) 製作時間:3天
(9) 分工與心得:個人製作,我覺得做起來蠻有成就感的,但因時間上未掌握好,所以還需再修改調整。

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

組員名單:視傳二A,1081445068



Edited 1 time(s). Last edit at 01/11/2021 02:08PM by 1081445068.
(編輯記錄)

(1) 作業網址 :

RWD專題網站|作業網址

(2) 網站主題:影集介紹

(3) 內容大綱(導覽列/中文/檔名):Home / News / About / Photo / Contact

(5) 主要對象:年輕人

(6) 色彩規劃(色調):黑紅白的色調

(7) 遇到之問題: 找不到標題換色

(8) 製作時間:一個星期

(9) 分工與心得: 一人做真的不簡單,雖然是一直複製貼上,可是也是蠻累的,但也學到了很多東西

視傳2A 1081445001

MEPOERs said:
JinJin: 確認版權出處及宣告,地圖及聯絡資訊
(1) 作業網址 :
RWD專題網站|作業網址

(2) 網站主題:藍鑚講師——喬瑟夫
(3) 內容大綱(導覽列/中文/檔名):首頁 / 關於 / 文章 / 相簿 / 聯絡
(4) 網頁架構圖(樹狀圖):


(5) 主要對象:有在看youtube的人
(6) 色彩規劃(色調):深藍灰色調
(7) 遇到之問題:一開始覺得東西很多,手忙腳亂,而且因為看起來好像很多所以讓人很想放棄。
(8) 製作時間:6-7小時
(9) 分工與心得:本來覺得超級難,然後也只有我自己做,我還以為要來不及了,結果做到後來,越做越快,對該改什麼、該怎麼做,都越來越有概念,雖然不到很熟,但我覺得我有進步。

組員名單:視傳2B,1081445063

MEPOERs said:
JinJin: 首頁文章連結修正,確認版權來源及宣告
(1) 作業網址 :
RWD專題網站|作業網址

(2) 網站主題: Pingu
(3) 內容大綱(導覽列/中文/檔名):首頁、關於Pingu、文章、相簿 、與我聯絡
(4) 網頁架構圖(樹狀圖):


(5) 主要對象:喜歡Pingu的人
(6) 色彩規劃(色調):Pingu色(深藍黑色、白色、淺藍色)
(7) 遇到之問題:太多東西,尤其是檔名太像,容易搞混
(8) 製作時間:2天
(9) 心得:期末作業東西較多較複雜,也花費比較久時間,但做完很有成就感,看Pingu也很快樂~

視傳2B 1081445069 邱馨慧



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

RWD專題網站|作業網址
(2) 網站主題:自然療癒分享網站
(3) 內容大綱(導覽列/中文/檔名):首頁/關於/最新消息/相簿/工作室
(4) 網頁架構圖(樹狀圖):


(5) 主要對象:想放鬆心情的人
(6) 色彩規劃(色調):綠色調
(7) 遇到之問題:css太難懂了,找好久
(8) 製作時間:半天
(9) 分工與心得:非常頭痛但學到很多

視傳2B 1081445040 林星穎



Edited 3 time(s). Last edit at 01/11/2021 04:31PM by 1081445040.
(編輯記錄)

MEPOERs said:
JinJin: 請確認網址
1) 作業網址 :
RWD專題網站|作業網址
(2) 網站主題:Sky光遇
(3) 內容大綱(導覽列/中文/檔名):天空新聞,季節介紹,天空生活.......
(4) 網頁架構圖(樹狀圖):X

(5) 主要對象: 想了解Sky這款遊戲的人
(6) 色彩規劃(色調):紫藍夢幻的色調
(7) 遇到之問題:連結撥放,單獨放入影片
(8) 製作時間:4~8小時
(9) 分工與心得:做出來很有成就,分工一起查資料,不會有特別的壓力。還可以幫朋友宣傳專業,也去問YT影片作者是否能上傳,過程挺有趣的,時間上太趕無法把所有分頁完成。

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

組員名單:
視傳2A 1081445128
視傳2A 1081445126



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

MEPOERs said:
JinJin: 請確認網址
(1) 作業網址 :
RWD專題網站|作業網址

(2) 網站主題:
森林

(3) 內容大綱(導覽列/中文/檔名):
1.HOME PAGE:Audiovisual page、photo page
2.ABOUT
3.ARTICLE LIST:Text title、Graphic、Classified graphics
4.Photo album:Full version album、General album
5.Connection

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


(5) 主要對象:
喜歡森林大自然的人

(6) 色彩規劃(色調:
清新的綠色調

(7) 遇到之問題:
只有下載Notepad++,所以沒辦法改CSS

(8) 製作時間:
10小時

(9) 分工與心得:
手續繁複了許多,更有挑戰性,能上道這堂課非常的開心。


班級:視傳2A
學號:1081445029

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

(2) 網站主題:遊戲介紹
(3) 內容大綱(導覽列/中文/檔名):雨中冒險2 risk of rain 2
(4) 網頁架構圖(樹狀圖):


(5) 主要對象:玩家
(6) 色彩規劃(色調):簡單的色調
(7) 遇到之問題:基本架構理解容易但是內容須更改繁多
(8) 製作時間:4小時
(9) 分工與心得:這作業一定需要很多時間來完成所以我覺得個真的就是一項專題的網站呢

視傳2B
1081433102



Edited 1 time(s). Last edit at 01/11/2021 01:47PM by 王詮富.
(編輯記錄)

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

(2) 網站主題:
專題製作作品"迎光"介紹網站
(3) 內容大綱(導覽列/中文/檔名):
首頁、遊戲介紹、設定介紹、美術欣賞、聯絡我們
(4) 網頁架構圖(樹狀圖):


(5) 主要對象:想了解我們遊戲的人
(6) 色彩規劃(色調):深藍色、藍綠色
(7) 遇到之問題:
(8) 製作時間:
(9) 分工與心得:

班級:數媒5B,學號:1051448077

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

(2) 網站主題: :GOT7
(3) 內容大綱(導覽列/中文/檔名):首頁/關於我們/文章列表/相簿
(4) 網頁架構圖(樹狀圖):


(5) 主要對象IGOT7粉絲
(6) 色彩規劃(色調):綠色調
(7) 遇到之問題:目前為止還算可以
(8) 製作時間:3~5天時間
(9) 分工與心得:自己一個人做的,身為GOT7的粉絲做這個主題的網頁很開心

(1) 作業網址 :RWD專題網站|作業網址
(2) 網站主題: :北投溫泉博物館
(3) 內容大綱(導覽列/中文/檔名):首頁/消息/本館介紹/社群影音/相簿/與我們聯絡
(4) 網頁架構圖(樹狀圖):
blob:https://imgur.com/a6737cef-1e5b-4727-b81f-51d4fcf076fb
(5) 主要對象:觀光客
(6) 色彩規劃(色調):簡單的色調
(7) 遇到之問題:無
(8) 製作時間:4小時
(9) 分工與心得:個人。做完很有成就感。

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

(2) 網站主題: 韓國創作型歌手IU
(3) 內容大綱(導覽列/中文/檔名):HOME,ABOUT IU,IU WOEKS,PHOTO ALBUM,CONNECTION
(4) 網頁架構圖(樹狀圖):


(5) 主要對象:一樣喜歡IU的人
(6) 色彩規劃(色調):藍色
(7) 遇到之問題:導覽列,圖片,分類式網頁
(8) 製作時間:14小時
(9) 心得:出問題時許要慢慢地找出問題,有時候找了很久還是會找不到。

視傳2B 1081445053 謝宜瑄



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

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

(2) 網站主題:韓國團體(BTS)
(3) 內容大綱(導覽列/中文/檔名):首頁/介紹/成品/BT21
(4) 網頁架構圖(樹狀圖):


(5) 主要對象:BTS粉絲們
(6) 色彩規劃(色調):藍色加橘色,顯得活潑
(7) 遇到之問題:時常不小心取代做好的
(8) 製作時間:2天
(9) 分工與心得:一人製作那麼多頁,很累沒甚麼休息,但是做完很有感覺因為是自己喜歡的

視傳2B 1081445101 文于婕

1) 作業網址 :
http://cute.mepopedia.com/~t109b/rwd/rwd-1081445115/
(2) 網站主題:Apex英雄
(3) 內容大綱(導覽列/中文/檔名):遊戲網頁介紹
(4) 網頁架構圖(樹狀圖):X

(5) 主要對象: 想了解APEX這款遊戲的人
(6) 色彩規劃(色調):暗黑紅色調
(7) 遇到之問題:作業做很久
(8) 製作時間:24小時
(9) 分工與心得:個人獨力完成,作業很好玩 非常喜歡這門課!

參考之版型網址https://www.ea.com/zh-tw/games/apex-legends/about)

視傳2B 1081445115 梁有揚

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

(2) 網站主題:個人作品集和vtuber介紹 :
(3) 內容大綱(導覽列/中文/檔名):首頁/關於我/vtuber/我的作品/與我聯絡
(5) 主要對象 喜愛繪圖以及vtuber的人
(6) 色彩規劃(色調):簡約色調
(7) 遇到之問題:圖片檔名有問題
(8) 製作時間:約3天
(9) 分工與心得:很開心可以獨力完成這個網頁作業,雖然花的時間較長,但是很有成就感

組員名單:班級,學號
視2A 1081445003

RWD專題網站|作業網址
(2) 網站主題:Sky 手遊
(3) 內容大綱(導覽列/中文/檔名):首頁 關於遊戲 遊戲介紹 遊戲畫面 更多資訊
(5) 主要對象:想了解遊戲的玩家
(6) 色彩規劃(色調):配合遊戲本身色調
(7) 遇到之問題:有些顏色不知道改哪裡
(8) 製作時間:2天



Edited 1 time(s). Last edit at 01/14/2021 03:35AM by 1081445060.
(編輯記錄)

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

(2) 網站主題: 千與千尋

(3) 內容大綱(導覽列/中文/檔名):
千與千尋/吉卜力工作室/角色介紹/劇中場景/油屋聯絡

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


(5) 主要對象:喜歡千與千尋和宮崎駿動畫的人看

(6) 色彩規劃(色調):日式風格

(7) 遇到之問題 :程式碼搞錯所以東西顯示不出來

(8) 製作時間:3天左右

(9) 分工與心得:自己完成的;神隱少女是我從小就很喜歡的電影,能藉由這項功課再重溫一次童年的美好是件很榮幸很開心的事。這次的功課比上次的難也麻煩很多,不管是在找資料方面還是改程式碼方面,不過最後完成他很有成就感,雖然做的不是很好,但是有這次的經驗以後多的是嘗試的機會,寒假想要再試一次新的主題讓自己更熟悉這個東西。


組員名單:視傳2A 1081445041 郭姿伶

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

(2) 網站主題:馴龍高手
(3) 內容大綱(導覽列/中文/檔名):首頁/角色介紹/電影集/相簿/與我聯絡
(4) 網頁架構圖(樹狀圖):無
(5) 主要對象:大眾
(6) 色彩規劃(色調):冷色調
(7) 遇到之問題:都是相互協助解決後才完成的
(8) 製作時間:兩天
(9) 分工與心得:分工合作後,減輕了作業的負擔
組員名單:視傳2A 1081445124 視傳2B 1081445036



Edited 1 time(s). Last edit at 01/15/2021 08:01PM by Min Xuan.
(編輯記錄)

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

(2) 網站主題:The Hunger Games飢餓遊戲
(3) 內容大綱(導覽列/中文/檔名):飢餓遊戲/最新消息/電影介紹/演員劇照/與我聯絡
(4) 網頁架構圖(樹狀圖):


(5) 主要對象:喜愛飢餓遊戲的粉絲
(6) 色彩規劃(色調)暖色系色調
(7) 遇到之問題:沒甚麼遇到困難的
(8) 製作時間:一個禮拜
(9) 分工與心得:這次有更多網頁,花了加倍的時間與精力XD

MEPOERs said:
JinJin: 演員頁相片失聯
(1) 作業網址 :RWD專題網站|作業網址
(2) 網站主題:迪士尼動畫:冒險王奇克
(3) 內容大綱(導覽列/中文/檔名):HOME / ABOUT / INFORMATION / PHOTO / CONTACT
(4) 網頁架構圖(樹狀圖):

(5) 主要對象:喜歡「冒險王奇克」的人
(6) 色彩規劃(色調):卡通配色
(7) 遇到之問題:有時候會搞混指令碼
(8) 製作時間:加總2天
(9) 心得:很累,但做完後真的學到很多!

班級:視傳2A 學號:1081445076