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

Advanced

Re: [期末作業] 以雙欄為主的網站設計

[color=#990000][期末作業] 以雙欄為主的網站設計[/color]



[hr]

1. 製作說明:


1.請參考期末之前教過的做法及講義,製作以雙欄(多欄)為主的網站。

2.題目自訂,可以延續期中作業的主題,也可以是全新的主題。

3.必須考慮設計風格與質感,並需自行設計圖片,製作網站內容。

4.需以Float浮動的方式建立雙欄(多欄)(至少有一頁須雙欄)、DIV搭配CSS的方式完成,設定尺寸、字體、顏色等等。

5.至少需包含
(1).Table:表格→匯整資料,
(2)Float→繞圖排文,
(3)臉書、噗浪等推文設定,
(4)圖片跳窗連結,
(5)導覽列設定。


6.製作完成上傳至FTP


[hr]

2. 作業設計重點



[color=#CC0000](1)能自行設計以DIV與CSS製作的網站
(2)利用float設計雙欄網站
(3)利用項目清單設計導覽列
(4)利用自已設計的圖片、色彩搭配與字體設定等設計出具有質感的網頁[/color]



3. 評分標準與製作檢核


1.雙欄的製作(Float的使用),不同的連結方式
2.HTML的正確架構(DIV的使用)
3.整體設計美感(CSS運用,風格及配色,字體設定、圖片製作)
4.導覽列的正確性(含導覽超連結)
5.表格、繞圖排文、推文等設定
6.HTML Title的設定,Footer的版權宣告
7.內容的完整性
8.製作說明

[hr]

4. 繳交作業方式


[color=#CC0066]1.製作完成後,檔案命名方式:[/color]

[color=#669900]期中作業FTP上的資料夾為:final

每位同學請將自己的資料夾命名為:final-學號
這個作業的網址則為:http://mepopedia.com/~cg104-1a/final/final-104XXXXXX

資料夾內含:
(1).首頁命名為index.html
(2).其他頁面請自行命名,但需注意命名為則,不可出現中文及全形字、特殊符號等等
(3).一個命名為style.css的css樣式檔
(4).存放圖檔的images資料夾

存放在 < final-學號 > 的資夾內[/color]


[color=#CC0066]2.全部完成後上傳至FTP[/color]

[color=#CC0066]3.依進度回覆本篇文章[/color]

[hr]

5. 回覆說明



[color=#0066CC]完成品[/color]
[color=#FF0066]請將這項放置於文章最前面[/color]
(1)作業網址:
(2).
1.製作作業的時間:
2.有無遇到的問題:
3.製作心得與感想:
4.本學期於網頁設計課程上的收穫:

[color=#0066CC]前置作業[/color]
(1)網站主題:
(2)導覽列架構設定

範例參考(可下載參考附檔的做法):
[IMG]http://i556.photobucket.com/albums/ss1/whc915/webtree.jpg[/IMG]


(3)主要瀏覽族群:
(4)風格設定:
(5)主色調,輔助色調:
(6)製作動機:
(7)製作目的:
預期效果:



[hr]
[color=#CC0066]進階參考:ubuntu網頁設計規範手冊 ubuntu Web Design Guidelines[/color]
http://design.ubuntu.com/web
下載:http://design.canonical.com/brand/D.%20Ubuntu%20Web%20Guidelines.pdf
[hr]

6. 學長姐作品參考


-

[size=small](1) 作業網址: http://mepopedia.com/~web100b/final/final-1001445022
(2).
 1. 製作作業的時間:超過二十四小時
 2. 有無遇到的問題:[color=#9999CC]同樣是跨瀏覽器的問題
          還有關於 content 裡面的 L 跟 R 的問題
          就算跟著老師的方法做也一樣不會跟著跑這樣[/color]
          [color=#FF0000]這些問題已經從老師那裡得到解答,解決囉!:)[/color]
 3. 製作心得與感想:雙欄式的網頁真的困難重重
          但很高興我能從這樣的網頁中學會自己克服困難、解決問題
          做完之後很有成就感,很高興:)

-

(1) 網站主題:金在中/東方神起
(2) 導覽列架構設定:
[IMG]http://i.imgur.com/E8uEV.jpg[/IMG]

(3) 風格設定:簡約、華麗、精緻
(4) 主色調,輔助色調:紅、黑;白、飽和度不依的紅、灰,等
(5) 製作動機:
    喜歡一個人不能只是看外表,很多人因為他的長相而喜歡他
    哪天他的髮型換了,身材變了,沒有了原本的帥氣,就不喜歡了
    最討厭這種人‥
(6) 製作目的:讓更多人認識金在中這個人

預期效果: 呈現擁有自我風格的雙欄式網頁[/size]

[hr]

1. 其他作品


作業參考
(1) http://mepopedia.com/~web100b/final/final-1001445022/
(2) http://mepopedia.com/~web100b/final/final-1001445042/
(3) http://mepopedia.com/~web101c/final/final-1015445243/
http://mepopedia.com/~web101c/final/final-1015445243-1/
(4) http://mepopedia.com/~web103-a/final/final-1025445124/
(5) http://mepopedia.com/~web103-a/final/final-1025445055/
(6) http://mepopedia.com/~web103-a/final/final-1025445001/
(7) http://mepopedia.com/~web103-a/final/final-1025445040/
(8) http://mepopedia.com/~web103-a/final/final-1025445043/
(9) http://mepopedia.com/~web103-a/final/final-1005445193/
(10) http://mepopedia.com/~web103-a/final/final-1025445070/

http://mepopedia.com/forum/read.php?2023,67943

[hr]

=================================================
[color=#CC0066]※期末作業無論如何請一定要繳交,否則以期末以零分計※
※若經發現作業為直接複製同學檔案以零分計※[/color]
=================================================

http://youtu.be/JhWaXP7wCrI



[hr]
上傳圖片可使用
http://imgur.com/

若寬度太寬,請使用以下語法,將圖片網址帶入:
<img width="100%" src="圖片網址" border="0">

Attachments:
開啟 | 下載 - ex-finallayout.ai (1.15 MB)
(1)作業網址:

http://mepopedia.com/~cg104-1a/final/final-1045440010

(2).
1.製作作業的時間: 3天。
2.有無遇到的問題: 都還好。
3.製作心得與感想: 感覺比期中難一些,但是有讓我的網頁變得更豐富讓我蠻開心的。
4.本學期於網頁設計課程上的收穫:知道了如何製作簡易的網站很開心。
(1)網站主題: EXO-永遠的12隻小狼
(2)導覽列架構設定

View post on imgur.com" border="0">

(3)主要瀏覽族群: 喜歡EXO的粉絲們。
(4)風格設定:歡樂.及沉穩和沉重還有充滿希望的風格設定。
(5)主色調,輔助色調: 配合每一頁的色彩及主題下去做配色。
(6)製作動機: 想讓大家更了解EXO這個團體。
(7)製作目的: 讓大家知道EXO是很努力的韓國男子團體,希望粉絲們不要因為有人退團就不再喜愛EXO了。
預期效果: 希望可以讓更多人知道EXO。



Edited 2 time(s). Last edit at 06/13/2016 07:21PM by 1045440010.
(編輯記錄)

(1)作業網址:http://mepopedia.com/~cg104-1a/final/final-1045440013

1.製作作業的時間: 三天。
2.有無遇到的問題: 無。
3.製作心得與感想: 能看到滿滿的萌熊很開心,也覺得網頁設計對於一開始百般抗拒的我也有了新的看法!
4.本學期於網頁設計課程上的收穫:一開始因為覺得網頁設計一定都是可怕的語法構成所以有點抗拒,但經過這學期老師的教導,我覺得變得像魔法一樣! 也不會再討厭網頁設計和語法,雖然很難,但我覺得是這學期學到數一數二多的課程~謝謝老師😘

前置作業
(1)網站主題: Kumamon萌熊
(2)導覽列架構設定
http://imgur.com/3LYg6C5
(3)主要瀏覽族群:喜歡Kumamon的萌熊粉們。
(4)風格設定:以黑、白、紅代表屬於熊本熊之特色。
(5)主色調,輔助色調: 黑&白為主色調、紅為輔助色。
(6)製作動機: 想要讓更多喜歡萌熊的人了解萌熊的一切。
(7)製作目的: 希望能藉由這項作業除了讓我更加認識萌熊,也能讓大家了解到熊本縣是一個美麗的幸福小鎮。
預期效果:能讓大家認識帶來幸福的幸福部長——萌熊。



Edited 1 time(s). Last edit at 06/13/2016 07:48PM by 1045440013.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~cg104-1a/final/final-1045440029/
(2).
1.製作作業的時間:4天
2.有無遇到的問題:很順利,多虧老師影片幫忙
3.製作心得與感想: 這是我第二個網頁設計成品,很開心能做出自己喜歡的偶像網頁。
4.本學期於網頁設計課程上的收穫: 收穫滿滿, 會自己做網頁,算多一個才能吧。

前置作業
(1)網站主題:Perfume
(2)導覽列架構設定

(3)主要瀏覽族群:喜歡日本團體的櫻花迷們
(4)風格設定: 簡約/線條
(5)主色調,輔助色調: 藍色/桃紅
(6)製作動機: 為了整理自己收集的資料
(7)製作目的: 讓更多人認識她們
預期效果: 能吸引觀看者的目光



Edited 6 time(s). Last edit at 06/13/2016 10:07PM by 1045440029-yu.
(編輯記錄)

(1)作業網址:

http://mepopedia.com/~cg104-1a/final/final-1045440044

(2).
1.製作作業的時間: 400年 豪啦 兩週啦
2.有無遇到的問題: 想讓側邊欄跟隨頁面滑動
想用youtube影片當背景
3.製作心得與感想: 好難喔 我看不懂的就google了
4.本學期於網頁設計課程上的收穫:我以後不用賣雞排了我還可以把做網頁當副業yaaaaaaaaaa
(1)網站主題: 卡莉怪妞
(2)導覽列架構設定

[img]http://i.imgur.com/rPfcQ3C.jpg[/img]

(3)主要瀏覽族群: 對卡莉好奇的人
(4)風格設定:可愛活潑
(5)主色調,輔助色調:粉紅色及黃色
(6)製作動機: 我喜歡卡莉
(7)製作目的: 卡莉好可愛做個網頁滿足自己的慾望
預期效果: 看的人都可以了解卡莉就算怪還是很美

(1)作業網址:
(2).
1.製作作業的時間:
2.有無遇到的問題:
3.製作心得與感想:
4.本學期於網頁設計課程上的收穫:
(1)作業網址: http://mepopedia.com/~cg104-1a/final/final-1045440014
(2).
1.製作作業的時間: 期中的直接改所以沒花很多時間
2.有無遇到的問題: 無
3.製作心得與感想: 越來越難了
4.本學期於網頁設計課程上的收穫: 學到網頁設計

(1)網站主題: 少女時代
(2)導覽列架構設定

(3)主要瀏覽族群: 喜歡 少女時代的人
(4)風格設定: 很粉紅
(5)主色調,輔助色調:粉紅色
(6)製作動機: 喜歡 少女時代
(7)製作目的: 讓大家認識少女時代
預期效果: 讓大家更喜歡少女時代



Edited 1 time(s). Last edit at 06/13/2016 09:48PM by 1045440014.
(編輯記錄)

Attachments:
開啟 | 下載 - snsd.jpg (608.7 KB)
(1)作業網址: http://mepopedia.com/~cg104-1a/final/final-1045440020
(2).
1.製作作業的時間:大概兩天的時間
2.有無遇到的問題:沒
3.製作心得與感想:其實全部做完很有成就感
4.本學期於網頁設計課程上的收穫:初步了解網頁的行程。

(1)作業網址: http://mepopedia.com/~cg104-1a/final/final-1045440011/index%205.html
(2)
1.製作作業的時間: 一百年哭哭哭哭哭
2.有無遇到的問題: 後面很順利完成
3.製作心得與感想: 這個學期學到最有意義的東西
4.本學期於網頁設計課程上的收穫: 老師人好好 教課又認真


我愛美寶 美寶愛我

3)主要瀏覽族群: 喜愛插畫家的
(4)風格設定: 可愛
(5)主色調綠輔助色調: 粉藍
(6)製作動機: 想做一個自己喜歡的東西
(7)製作目的: 做一個讓大家都看得懂的網站
預期效果:希望大家能更認識插畫家



Edited 2 time(s). Last edit at 06/16/2016 01:56AM by GEE.
(編輯記錄)

)作業網址: http://mepopedia.com/~cg104-1a/final/final-1045440048/index.html
(2).
1.製作作業的時間: 四小時
2.有無遇到的問題: 目前沒有
3.製作心得與感想: 做出網頁感動
4.本學期於網頁設計課程上的收穫: 學會做網頁

前置作業
(1)網站主題: 臺灣海蛇
(2)導覽列架構設定




(3)主要瀏覽族群: 台灣人
(4)風格設定: 海洋
(5)主色調藍,輔助色調: 深藍 淺藍
(6)製作動機: 本身深愛蛇 但媽媽怕蛇不能養
(7)製作目的: 不能養我就做一個
預期效果:希望能找到同好

作業網址:http://mepopedia.com/~cg104-1a/final/final-1045440003

1:用同樣的主題弄下來 其實蠻久的
2.很多哈哈~說不完
3.其實自己動手做雖然很多困難的地方但有引起一點點的興趣
4.學到了用不一樣的方式製作網頁(天啊~這真的很複雜 但熟悉後做到好的作品通常都很漂亮
然後謝謝老師 您真的辛苦了人又很好還讓我補交作業(一鞠躬~

(1)作業網址: http://mepopedia.com/~cg104-1a/final/final-1045440046
(2).
1.製作作業的時間:每次上課都慢慢做,所以做好幾個禮拜。
2.有無遇到的問題:還好。
3.製作心得與感想:學到新東西還不錯,有點困難但又沒想像中複雜。
4.本學期於網頁設計課程上的收穫:初步了解網頁的行程。


(3)主要瀏覽族群:小公主們 。
(4)風格設定:大多用粉色調,符合公主粉粉夢幻的感覺。
(5)主色調,輔助色調:粉/紫
(6)製作動機:因為期中做愛麗絲,想說期末就介紹全部的迪士尼公主。
(7)製作目的:學網頁,交作業。
預期效果:讓人認識自己喜歡的公主。



Edited 1 time(s). Last edit at 06/14/2016 11:08PM by 1045440046.
(編輯記錄)

Attachments:
開啟 | 下載 - 2.pdf (405.1 KB)
(1)作業網址: http://mepopedia.com/~cg104-1a/final/final-1045440051
(2).
1.製作作業的時間:大概一周的時間
2.有無遇到的問題:永遠都是新版本的DW問題。
3.製作心得與感想:其實全部做完很有成就感
4.本學期於網頁設計課程上的收穫:初步了解網頁的行程。


(3)主要瀏覽族群:喜歡Coldplay樂團的人。
(4)風格設定:簡單明瞭的感覺。
(5)主色調,輔助色調:白 / 奇幻
(6)製作動機:我做網頁都做樂團的資訊,我很喜歡這些樂團。
(7)製作目的:學習如何製作網頁。
預期效果:讓大家都更知道ColdPlay

(1)作業網址: http://mepopedia.com/~cg104-1a/final/final-1025435233
(2).
1.製作作業的時間:2天
2.有無遇到的問題:圖片一直跑掉,但就只能這樣了.....
3.製作心得與感想:做完超爽~~雖然做的不是很好
4.本學期於網頁設計課程上的收穫:更熟悉DW的操作方法

(3)主要瀏覽族群:年輕族群。
(4)風格設定:簡單明亮。
(5)主色調,輔助色調:粉/ 白
(6)製作動機:很喜歡的一個畫家之前是我的畫畫老師,想讓更多人知道他
(7)製作目的:學習如何製作網頁。
預期效果:希望大家看了更了解鸚鵡人和他的作品

(1)作業網址:
http://mepopedia.com/~cg104-1a/final/final-1045440032/
(2)
1.製作作業的時間:∞
2.有無遇到的問題:卡住了...
3.製作心得與感想: 好難太難宇宙無敵霹靂難
4.本學期於網頁設計課程上的收穫:知道網頁是如何製造的 也深深感慨做網頁設計的人們


(3)主要瀏覽族群:電影迷
(4)風格設定:黑
(5)主色調,輔助色調:
(6)製作動機:作業 期中的延伸
(7)製作目的:作~業~~

預期效果:帥帥的

(1)作業網址: http://mepopedia.com/~cg104-1a/final/final-1045440031
(2).
1.製作作業的時間:1天
2.有無遇到的問題:我做不完5頁
3.製作心得與感想:只有做三頁我對不起社會大眾
4.本學期於網頁設計課程上的收穫:第一次上網頁設計課程 收穫滿滿 感恩老師讚歎老師

(3)主要瀏覽族群:我的粉絲
(4)風格設定:藍藍綠綠
(5)主色調,輔助色調:藍/綠
(6)製作動機:太多人跟我要照片了 開個專頁大方送
(7)製作目的:回饋粉絲
預期效果:希望camera的那些相機有人送我一台

(1)作業網址:

http://mepopedia.com/~cg104-1a/final/final-1045440028/

(2).
1.製作作業的時間: 1天+7
2.有無遇到的問題:
3.製作心得與感想: 好難喔
4.本學期於網頁設計課程上的收穫:做完很有成就感餒
(1)網站主題: 美國隊長3:英雄內戰
(2)導覽列架構設定

View post on imgur.com


(3)主要瀏覽族群: 喜歡MARVEL的人
(4)風格設定:戰爭
(5)主色調,輔助色調:紅 藍 白 美國國旗顏色/灰
(6)製作動機: 喜歡MARVEL
(7)製作目的: 為了爽
預期效果: 讓人想再去看

(1)作業網址: http://mepopedia.com/~cg104-1a/final/final-1045440006
(2).
1.製作作業的時間:痾... 說實話...我是最後一天趕的,對不起.....
2.有無遇到的問題:痾... 雙欄是滿大的問題, 還有不小心遺忘了跳窗,於是決定跳過它們 ( 跪...
3.製作心得與感想:以後一定認真上課....( 磕頭道歉也不夠彌補我的罪...
4.本學期於網頁設計課程上的收穫:至少還是有學到一些網頁設計


(3)主要瀏覽族群:迷妹 。
(4)風格設定:只是一種感覺~
(5)主色調,輔助色調:灰和白
(6)製作動機:就是為自己的偶像做網頁。
(7)製作目的:學網頁,交作業。
預期效果:讓更多人認識李玹雨~

(1)作業網址: http://mepopedia.com/~cg104-1a/final/final-1045440012/
1.製作作業的時間: 感覺做了1世紀我的媽呀 sad smileysad smileysad smiley
2.有無遇到的問題: 繞圖排文的時候圖片一直跑來跑去不聽使喚,做到最後都不知道到是腦袋不聽使喚還是圖片不聽使喚了
3.製作心得與感想: 超級無敵難的,我以後會乖乖上課ˊˇˋ
4.本學期於網頁設計課程上的收穫:這學期唯一感覺有學到的東西thumbs up還有美寶人超好教的超仔細♥♥♥
(1)網站主題: 山羊先生
(2)導覽列架構設定 :
(3)主要瀏覽族群: 喜歡山羊先生的人
(4)風格設定:有趣、搞怪
(5)主色調,輔助色調:白、彩色
(6)製作動機: 山羊先生很酷
(7)製作目的: 感覺做完會很美
預期效果: 看完也會喜歡上山羊先生雖然他是個女生♥

http://mepopedia.com/~cg104-1a/final/final-1045440019

1.製作作業的時間: 總共1星期
2.有無遇到的問題: 超多,超級多,可是都被我一層層的破解了~不然就是放棄?
3.製作心得與感想: 對不起因為我太晚做了,所以有問題也不方便找老師討論了,然後遇到超多問題的啦,生氣就會睡覺,起來就面對QQ
4.本學期於網頁設計課程上的收穫: 我都要變成DW小天后了(?)

(1)網站主題: 卡娜赫拉之P助超萌
(2)導覽列架構設定
https://drive.google.com/file/d/0ByuQLW82PbO8bGNGR1BEX0hNQ0k/view?usp=sharing
(3)主要瀏覽族群: 愛萌物的人
(4)風格設定: 可愛迷人的萌物角色
(5)主色調,輔助色調: 藍綠,黃
(6)製作動機: 因為P助太可愛
(7)製作目的: 沒有目的,看了自己爽
預期效果:讓大家跟著我肚子餓,結果半夜痛苦的我



Edited 1 time(s). Last edit at 06/16/2016 02:16AM by 1045440019.
(編輯記錄)

(1) 作業網址: http://mepopedia.com/~cg104-1a/final/final-1045440030

(2).
 
1. 製作作業的時間:四天
 
2. 有無遇到的問題:一開始不知道從何下手,看著影片依然冒出許多大問號
                    
3. 製作心得與感想:真的好難,最後也算硬擠出來了,但做完之後很爽,跟期中比起來果真是魔王
         
4.本學期於網頁設計課程上的收穫: 終於勇敢面對這件複雜事


(1)網站主題: 輕晨電樂團

(2)導覽列架構設定 :.........我深感抱歉.....

(3)主要瀏覽族群: 輕晨電粉絲和喜歡電子、後搖滾的人

(4)風格設定:輕快、舒適,就像輕晨電帶給人的感覺一樣

(5)主色調,輔助色調: 大地配色

(6)製作動機: 手機剛好跳到輕晨電的歌

(7)製作目的:讓大家多認識不一樣的團體

     



Edited 2 time(s). Last edit at 06/16/2016 03:22AM by 1045440030.
(編輯記錄)

(1)作業網址:http://mepopedia.com/~cg104-1a/final/final-1045440049
(2).
1.製作作業的時間: [color=#FF00CC]一週[/color]
2.有無遇到的問題: [color=#FF00CC]有大量問題[/color]
[/color]3.製作心得與感想: [color=#FF00CC]很難 感謝有美女願意教本廢廢[/color]
4.本學期於網頁設計課程上的收穫: [color=#FF00CC]太~多~了~[/color]
(1)網站主題:Dwyane Wade(NBA球星)
(2)導覽列架構設定
[color=#FFCC00](親愛的老師 我做了...但現在是早上4:18教我的人也睡了,我不知道怎麼放圖也不會聯結網址.....)[/color]
(3)主要瀏覽族群: Dwyane Wade的球迷們
(4)風格設定: [color=#FF00CC]跟著球隊色系及風格[/color]
(5)主色調,輔助色調: [color=#FF00CC]紅,黄[/color]
(6)製作動機: [color=#FF00CC]我喜歡他[/color]
(7)製作目的: [color=#FF00CC]我要交作業[/color]
預期效果: [color=#FF0000]希望不要被當掉[/color]



Edited 4 time(s). Last edit at 06/16/2016 04:25AM by tingscott819.
(編輯記錄)

1)作業網址: http://mepopedia.com/~cg104-1a/final/final-1045440050
(2).
1.製作作業的時間:超趕~~因為都不太懂,花了三天的時間研究但還是不太會,在第一頁就花了整整五個小時
好再到後來有請高人指點才得以完成但也花了一整晚的時間奮鬥。

2.有無遇到的問題:超多~~~~!!!都看不懂,我還跟班上的同學依同學一同研究但最後都放棄 T T
3.製作心得與感想:........這......不知道該如何說,但做出來少有成就感。但還是又太多的OS!!
4.本學期於網頁設計課程上的收穫:.......多少有點收穫~~~~

(3)主要瀏覽族群:動漫迷、喜愛初音的族群 。
(4)風格設定:初音風。
(5)主色調,獨特的藍調、藍色系
(6)製作動機:心血來潮,沒什麼特定的動機,剛好靈光一閃想到的。
(7)製作目的:.........交作業。
預期效果:哈哈還不錯。

http://mepopedia.com/~cg104-1a/final/final-1045440001
1.製作作業的時間: 好久好久。
2.有無遇到的問題: 文字在座表格的時候間距不知道怎麼調

3.製作心得與感想: 能看到滿滿的萌熊很開心,也覺得網頁設計對於一開始百般抗拒的我也有了新的看法!
4.本學期於網頁設計課程上的收穫:學到了DW的很多東西
但是我存檔存到亂了一夏存到這個子料夾等等存到另一個資料夾讓我在做期末作業的時候有點不爽XD
可是我涵是有做啦~
老師人真的超級好又很逗趣只是請不要開在第一節XD超想睡的
非常謝謝老師😘

(1)作業網址:

http://mepopedia.com/~cg104-1a/final/final-1045440009

(2).
1.製作作業的時間: 3天。
2.有無遇到的問題: 眼睛痠
3.製作心得與感想: 很難很累可是有成就感雖然還是跟其他同學相比遜色很多
4.本學期於網頁設計課程上的收穫:知道如何製作基本網頁
(1)網站主題:朴有天
(2)主要瀏覽族群: 想認識有天的人
(3)風格設定:浪漫溫暖明星光彩
(4)主色調,輔助色調:紫色
(5)製作動機:很喜歡有天
(6)製作目的: 想把自己認識的有天透過網頁呈現給其他人看
預期效果: 班上的人對他多一點印象 有印象就是好事

(1)作業網址: http://mepopedia.com/~cg104-1a/final/final-1045440007/
(2).
1.製作作業的時間:4-6天
2.有無遇到的問題:因為我的電腦很弱,所以我覺得很難
3.製作心得與感想: 雖然做出來真的很有成就感,但真的好難,謝謝老師的影片
4.本學期於網頁設計課程上的收穫:收穫很多,謝謝老師的教學影片。

(1)作業網址: http://mepopedia.com/~cg104-1a/final/final-1045440021
(2).
1.製作作業的時間: 3天
2.有無遇到的問題: DW問題
3.製作心得與感想: 太難了
4.本學期於網頁設計課程上的收穫: 網頁設計好難學

(1)網站主題: 羅志祥
(2)主要瀏覽族群: 想了解羅志祥的人
(3)風格設定: 極簡
(4)主色調,輔助色調: 黑.灰.白
(5)製作動機: 因為羅志祥
(6)製作目的: 之前看很多人都把它網頁做很漂亮
預期效果: 比想像差



Edited 1 time(s). Last edit at 06/16/2016 09:21AM by 1045440021.
(編輯記錄)

(1)作業網址:

http://mepopedia.com/~cg104-1a/final/final-1045440015

(2).
1.製作作業的時間: 6-7天。
2.有無遇到的問題: 看得懂一些可是自家DW介面跟老師的不一樣,找東西都快瘋了。
3.製作心得與感想: 比期中難好多但看到自己的網頁蠻有成就感的,雖然它殘破不堪。
4.本學期於網頁設計課程上的收穫:了解網頁設計的流程,跟自己不是這塊料。
(1)網站主題: 獨立樂團分享
(2)導覽列架構設定

作業網址: http://mepopedia.com/~cg104-1a/final/final-1045440033
(1) 網站主題:warframe
(2) 風格設定:簡約、精緻

(3) 主色調,輔助色調:黑;白
(4) 製作動機: 恩..我也不知道
(5) 製作目的:讓更多人認識

(1)作業網址: http://mepopedia.com/~cg104-1a/final/final-1045440002

(2).
1.製作作業的時間: 兩天
2.有無遇到的問題: 難爆了
3.製作心得與感想: 拜託老師不要當我
4.本學期於網頁設計課程上的收穫:學會做網頁設計

(3)主要瀏覽族群:喜歡the 1975的人
(4)風格設定:黑白低調
(5)主色調,輔助色調:黑/白
(6)製作動機:喜歡此樂團
(7)製作目的:做好網頁設計
預期效果:讓大家認識the 1975

http://mepopedia.com/~cg104-1a/final/final-1045440045

1.製作作業的時間: 因為要趕期末作業才花了一天
2.有無遇到的問題:排版一直歪掉煩死了!
3.製作心得與感想: 其實蠻好玩的,但我不會想再做第二次哈哈哈
4.本學期於網頁設計課程上的收穫: 大家要叫我DW辣妹!

(1)網站主題: 皮克斯動畫
(2)導覽列架構設定 :上面有
(3)主要瀏覽族群: 喜歡皮克斯動畫的人
(4)風格設定: 黑白
(5)主色調,輔助色調: 藍
(6)製作動機: 因為我是電視兒童我好愛皮克斯!
(7)製作目的: 希望能讓更多人喜歡皮克斯
預期效果:讓更多人了解皮克斯動畫,喜歡他們的卡通

Attachments:
開啟 | 下載 - 未命名-3.pdf (876 KB)
(1)作業網址: http://mepopedia.com/~cg104-1a/final/final-1045440008

(2).
1.製作作業的時間: 很長
2.有無遇到的問題: 不太會
3.製作心得與感想: 終於做完了
4.本學期於網頁設計課程上的收穫: 很開心有學到東西,謝謝老師辛苦了

(1)作業網址:

http://mepopedia.com/~cg104-1a/final/final-1045440026

(2).
1.製作作業的時間: 一個禮拜~一個禮拜半
2.有無遇到的問題: 困難重重,找同學解決看講義
3.製作心得與感想:製作過程覺得很有趣,挑戰好多,雖然做的東西一直不見...連繳交裡面內容也有些重要的不見//灑淚
4.本學期於網頁設計課程上的收穫:雖然我有缺席,但是要好好跟上老師的步調,不會的我一直問老師,但是自己也要好好學習~
預期效果:其實沒有想到可以做出來,感覺神奇~!!
(1)網站主題:小樂吳思賢

(3)主要瀏覽族群: 喜歡小樂吳思賢的樂粉們
(4)風格設定:輕鬆,快樂,喜愛
(5)主色調: 深帶藍色的顏色,讓空間舒適
(6)製作動機: 個人喜歡他也很崇拜他XD
(7)製作目的: 雖然是棒棒棠的小樂吳思賢,讓大家慢慢知道他的努力他的歌聲及演技!
預期效果:讓更多樂粉喜歡他



Edited 1 time(s). Last edit at 06/19/2016 09:38PM by 1045440026.
(編輯記錄)