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

Advanced

Re: [作業06] 表格的製作美化與資料整理

[作業06] 表格的製作美化與資料整理

請參考

[color=#CC3300][講義06] 表格的製作
http://mepopedia.com/forum/read.php?804,18062[/color]


[color=#CC0066]本講義範例網址
http://mepopedia.com/~jinjin/web/hw06-ex/[/color]


的步驟製作,並符合以下條件:

1. 一、製作步驟


1.下載講義中附件的練習檔(或由期末(期中)作業修改製作,但必須是全新的內容的一頁,不要與範例內容相同)

2.找文字及圖片資料,並設定#header的標題與副標題

3.重新設定#content及#footer的CSS,可參考影音步驟,但不可為一樣的設定

Dreamweaver中#content、#footer、h2、項目清單的CSS設定
http://www.youtube.com/watch?v=gvI0qYcn9ko



4.製作並以美化表格,將資料以表格做整理


Dreamweaver表格製作-TABLE,TR TD TH caption的CSS設定

http://www.youtube.com/watch?v=3gPx_YYE1yI



[hr]

Dreamweaver表格製作-細部調整、圖片開啟新視窗、超連結等CSS的設定

http://www.youtube.com/watch?v=69CMaum2WPY



[hr]

Dreamweaver中表格CSS設定以及影音嵌入

http://www.youtube.com/watch?v=lXMUKwYmBqQ



[hr]

5.在[color=#990033]title的部分打上『自己作業的命名』[/color]

6.在#footer打上自己的版權聲明

7.請每位同學依步驟完成本單元後,上傳至FTP

8.本次作業的重點在於:

[color=#CC0066](1 )表格製作與美化
(2 )利用CSS,做更細緻的網頁美化設定
(4 )如何利用表格,將圖片、影音與文字的編排搭配出有質感的網頁。[/color]


[hr]

2. 二、繳交作業方式



1.製作完成後,檔案命名方式:

[color=#669900]第六個平時作業FTP上的資料夾為:hw06

每位同學請將自己的資料夾命名為:hw06-學號
這個作業的網址則為:http://mepopedia.com/~web103-a/hw06/hw06-102xxxxxxx

資料夾內含:
1.首頁命名為index.html
2.一個命名為style.css的css樣式檔
3.images圖檔資料夾

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


2.上傳至FTP

3.回覆本篇文章

(1).作業網址 :

(2).請回答以下問題:
1.網頁主題: 配色與風格設定:
2.有無遇到的問題?
3.製作感想
4.製作作業的時間


[color=#CC0099]請務必在下次上課前回覆,否則為遲交[/color]



(1).作業網址 : http://mepopedia.com/~web103-c/hw06/hw06-1025443044/photo.html

(2).請回答以下問題:
1.網頁主題: 配色與風格設定:米奇 紅黑白
2.有無遇到的問題 表格的字不好設定
3.製作感想 有點困難
4.製作作業的時間 1天

1025443044 王薏茹

http://mepopedia.com/~web103-c/hw06/hw06-1025445156

1.導覽列配色與風格設定:死魚眼 / 淺灰藍
2.有無遇到的問題:有
3.製作感想:非常花時間的作業
4.製作作業的時間:N小時

1025445156 蔡佳芬

http://mepopedia.com/~web103-c/final/final-1025445051/

1.導覽列配色與風格設定:美式配日式/紅黑白黃
2.有無遇到的問題:有
3.製作感想:非常花時間
4.製作作業的時間:4小時

1025445051 林芳伃

http://mepopedia.com/~web103-c/hw06/hw06-1025445141

1.導覽列配色與風格設定:g dragon
2.有無遇到的問題:有
3.製作感想:很有事可以做
4.製作作業的時間:數小時

1025445141 王心仁

作業網址 : http://mepopedia.com/~web103-c/hw06/hw06-1025445072/

請回答以下問題:
1.網頁主題: 配色與風格設定: 粉嫩
2.有無遇到的問題? 看著影片一步一步做的
3.製作感想 更進一步
4.製作作業的時間 4小時


1025445072 王人永

(1).作業網址 : http://mepopedia.com/~web103-c/hw06/hw06-1025445069

(2).請回答以下問題:
1.網頁主題:radiohead
配色與風格設定:紅黑灰白
2.有無遇到的問題 照著老師的影片步驟做所以都還算可以
3.製作感想 越來越複雜的感覺
4.製作作業的時間 1天

1025445069 古珮儒

(1).作業網址 : http://mepopedia.com/~web103-c/hw06/hw06-1025445090/

(2).請回答以下問題:
1.網頁主題: 配色與風格設定: Imagine Dragons 謎幻樂團 藍+紅
2.有無遇到的問題? 還好
3.製作感想 每次教新的語法會不熟悉
4.製作作業的時間 5小時

(1).作業網址 : http://mepopedia.com/~web103-c/hw06/hw06-1025445147
(2).請回答以下問題:
1.網頁主題 配色與風格設定:ARASHI 黑及灰
2.有無遇到的問題:表格有點複雜
3.製作感想:有點困難,尤其是表格
4.製作作業的時間:五至六小時

1025445147 張 郁



Edited 4 time(s). Last edit at 12/24/2014 12:19PM by 詠月吾熹.
(編輯記錄)

作業網址 : http://mepopedia.com/~web103-c/hw06/hw06-1025445006/

請回答以下問題:
1.網頁主題:粉色
2.有無遇到的問題?常常跳掉不會弄><
3.製作感想 我要更努力
4.製作作業的時間 3小時


1025445006鄭喬薰

(1).作業網址 : http://mepopedia.com/~web103-c/hw06/hw06-1025445060

1.網頁主題: 配色與風格設定: 最後的八三夭,配色以黑灰為主
2.有無遇到的問題? 表格有點難
3.製作感想: 表格有點難,但用在資料整理很方便
4.製作作業的時間:兩天

1025445060 黃淯婷



Edited 2 time(s). Last edit at 12/26/2014 01:28PM by 黃淯婷.
(編輯記錄)

(1).作業網址 : http://mepopedia.com/~web103-c/hw06/hw06-1025445015

(2).請回答以下問題:
1.網頁主題: 配色與風格設定: 個性簡單
2.有無遇到的問題? 無
3.製作感想 變熟悉
4.製作作業的時間 每個晚上的累積


1025445015陳曉琪



Edited 1 time(s). Last edit at 12/28/2014 03:42AM by CHEN CHICHI.
(編輯記錄)

(1).作業網址 : http://mepopedia.com/~web103-c/hw06/hw06-1025445111

(2).請回答以下問題:
1.網頁主題:林宥嘉
配色與風格設定:跟著圖片的顏色
2.有無遇到的問題 沒有
3.製作感想 有比較熟練
4.製作作業的時間 5小時

1025445111 莊于萱

作業網址 : http://mepopedia.com/~web103-c/hw06/hw06-1025445102/

請回答以下問題:
1.網頁主題: 配色與風格設定: 以粉色為主
2.有無遇到的問題? 有些語法會放錯地方
3.製作感想 : 想不通的地方要看影片才知道
4.製作作業的時間 2小時上下

作業網址 : http://mepopedia.com/~web103-c/hw06/hw06-1025445117/

請回答以下問題:
1.網頁主題: THE good boy
2.有無遇到的問題? 不會的地方有看著老師的影片
3.製作感想 想做的有質感 卻要花很多時間
4.製作作業的時間 3~4小時


1025445117 黃振誠

(1).作業網址 : http://mepopedia.com/~web103-c/hw06/hw06-1025445030

(2).請回答以下問題:
1.網頁主題: 配色與風格設定: REDBULL
2.有無遇到的問題? 無
3.製作感想 變熟悉
4.製作作業的時間 一個晚上


1025445030 王泰然

作業網址 : http://mepopedia.com/~web103-c/hw06/hw06-1025445180

請回答以下問題:
1.網頁主題: 配色與風格設定:公主風
2.有無遇到的問題? 看著影片一步一步做的
3.製作感想 :做完很有成就感
4.製作作業的時間: 3小時


1025445180 謝芷寧

作業網址 : http://mepopedia.com/~web103-c/hw06/hw06-1025445129

請回答以下問題:
1.網頁主題:專輯介紹
2.有無遇到的問題? 有時候到即時時又跑不出來
3.製作感想 熟練一點
4.製作作業的時間 4小時
1025445129 王嬿婷

(1).作業網址 :
http://mepopedia.com/~web103-c/hw06/hw06-1025445009


1.網頁主題: 配色與風格設定: 卡通的風格,運用了大海的配色
2.有無遇到的問題? 像是影片跑不出來等等等很多問題
3.製作感想 成功之後很有成就感
4.製作作業的時間 3-4小時

作業網址 : http://mepopedia.com/~web103-c/hw06/hw06-1025445018/

請回答以下問題:
1.網頁主題:BIGBANG 配色與風格設定:黑白灰
2.有無遇到的問題:沒有 但是做超久
3.製作感想:學會更多
4.製作作業的時間 4小時


1025445018 陳怡融

(1).作業網址 : http://mepopedia.com/~web103-c/hw06/hw06-1025445153/major%20works%20movie.html


1.網頁主題:SELENA GOMEZ魅力非凡 配色與風格設定: 以黑色為主,炫麗的感覺
2.有無遇到的問題? 一直跑掉一直重調,有沒有一個鎖鎖住不要讓她跑掉阿
3.製作感想 跟老師做得不一樣,想用自己的想法去用。
4.製作作業的時間 很多天

1025445153 廖敏君

作業網址 : http://mepopedia.com/~web103-c/hw06/hw06-1025445123

請回答以下問題:
1.網頁主題:lana del rey
2.有無遇到的問題: 有點混亂
3.製作感想: 比以前更加複雜。
4.製作作業的時間 :3h


1025445123姚育慈

作業網址 : http://mepopedia.com/~web103-c/hw06/hw06-1025445039/

請回答以下問題:
1.網頁主題: 麵包店
2.有無遇到的問題? 表格製作還不熟練
3.製作感想 過程很辛苦但很有成就感
4.製作作業的時間 一天


1025445039 何佳霖

作業網址 : http://mepopedia.com/~web103-c/hw06/hw06-1025445132

請回答以下問題:
1.網頁主題:snoopy 配色與風格設定: 藍色系列
2.有無遇到的問題?
3.製作感想 表格設定不熟悉
4.製作作業的時間 6小時


1025445132 羅雅嫚

(1).作業網址 :http://mepopedia.com/~web103-c/hw06/hw06-1025445120/all.html
(2).請回答以下問題:
1.網頁主題: 配色與風格設定: flumpool :灰色粉紅色
2.有無遇到的問題? 沒有
3.製作感想 複雜
4.製作作業的時間 很久

作業網址:http://mepopedia.com/~web103-c/hw06/hw06-1025445048
請回答以下問題:
1.網頁主題:陳德烈
2.有無遇到的問題? 看著影片一步一步做的
3.製作感想 更進一步
4.製作作業的時間 3小時


1025445048 林侑慶

(1).作業網址 : http://mepopedia.com/~web103-c/hw06/hw06-1025445192

(2).請回答以下問題:
1.網頁主題: 優格女孩 郭采潔
2.配色與風格設定:以白底和咖啡色表現出簡約風
3.有無遇到的問題 表格框排很久..
4.製作感想 困難
5.製作作業的時間 3天

1025445192 黃婷萱

http://mepopedia.com/~web103-c/hw06/hw06-1025445165
1.導覽列配色與風格設定:淺藍
2.有無遇到的問題:一些設定上的問題調整不好
3.製作感想:有順手了一些
4.製作作業的時間:2小時

1025445165

作業網址 : http://mepopedia.com/~web103-c/hw06/hw06-1025445162

請回答以下問題:
1.網頁主題:宮崎駿
2.有無遇到的問題 ?沒
3.製作感想 沒
4.製作作業的時間 2小時


1025445162陸怡潔

作業網址 : http://mepopedia.com/~web103-c/hw06/hw06-1025445108

請回答以下問題:
1.網頁主題: 配色與風格設定: 橘色 咖啡
2.有無遇到的問題? 看著影片一步一步做的
3.製作感想 了解內容
4.製作作業的時間 4小時


1025445108 張惟婷

(1)作業網址 : http://mepopedia.com/~web103-c/hw06/hw06-1025445135


1.網頁主題: 配色與風格設定:
2.有無遇到的問題:沒有
3.製作感想 :這個有點麻煩
4.製作作業的時間:2天


1025445135李品萱

(1).作業網址 : http://mepopedia.com/~web103-c/hw06/hw06-1025443054

(2).請回答以下問題:
1.網頁主題: 秋赤音 配色與風格設定:簡單 桃紅色
2.有無遇到的問題 表格較難掌握
3.製作感想 有點困難
4.製作作業的時間 4小時

1025443054 許雅筑

(1).作業網址 : http://mepopedia.com/~web103-c/hw06/hw06-1025445063


(2).請回答以下問題
1.網頁主題:Audrey Kawasaki 配色與風格設定: 木頭質感 灰 咖啡
2.有無遇到的問題?:影片跑不出來
3.製作感想 :好多東西
4.製作作業的時間 :很久


洪筠真 1025445063



Edited 1 time(s). Last edit at 01/15/2015 01:35PM by Annie真.
(編輯記錄)

(1)作業網址:http://mepopedia.com/~web103-c/final/final-1025445195/creation.html


1.製作作業的時間:斷續幾天吧
2.有無遇到的問題: 有 因為有很多重複的語法 我會搞錯
3.製作心得與感想: 當看到做好的網頁時 會很有成就感
4.本學期於網頁設計課程上的收穫: 對網頁設計有了新的認知 也略懂 希望未來可以更加深入


(1)網站主題:1顆心裡面的第3個世界
(2)主要瀏覽族群:喜歡插畫的同好們
(3)風格設定: 粉色
(4)主色調,輔助色調: 也是粉色色調的淺灰 淺藍
(5)製作動機:希望能夠推廣我的插畫作品

1025445195古馥瑜

(1).作業網址 : http://mepopedia.com/~web103-c/hw06/hw06-1025445174/photo.html

(2).請回答以下問題:
1.網頁主題: 配色與風格設定:藍色系
2.有無遇到的問題 : 不太熟
3.製作感想 : 有點難
4.製作作業的時間 很多天

1025445174黃琪雅

(1).作業網址 :http://mepopedia.com/~web103-c/final/final-1025445012

1.網頁主題:玩命關頭
2.有無遇到的問題:語法 煩
3.製作感想:有成就感
4.製作作業的時間:4小時

戴嫻淳

(1).作業網址 : http://mepopedia.com/~web103-c/hw06/hw06-1025443096

(2).請回答以下問題:
網頁主題: 魔法公主
配色與風格設定:灰色
有無遇到的問題 css有點難
製作感想 覺得很複雜
製作作業的時間 一天

1025443096 徐琬凌

(1).作業網址 : http://mepopedia.com/~web103-c/hw06/hw06-1025445138
(2).請回答以下問題:
1.網頁主題 配色與風格設定:蛇夫座─紫藍色調
2.有無遇到的問題:影音連結部分
3.製作感想:還可以,語法太多要記有點麻煩
4.製作作業的時間:二小時

1025445138 梁奕堯

(1).作業網址 : http://mepopedia.com/~web103-c/hw06/hw06-1025445033
(2).請回答以下問題:
1.網頁主題 配色與風格設定:依然以老師的上課內容為主
2.有無遇到的問題:影音連結部分我一職以為沒弄好 後來聽說要傳上去才看的到
3.製作感想:還可以,語法太多要記有點麻煩
4.製作作業的時間:1個多小時

1025445033 林子軒

1).作業網址 : http://mepopedia.com/~web103-c/hw06/hw06-1025445144
(2.請回答以下問題:
1.網頁主題 配色與風格設定:HBA
2.有無遇到的問題:SO EASY
3.製作感想:NICE
4.製作作業的時間:8個多小時

1025445144 李欣翰

(1) 作業網址:http://mepopedia.com/~web103-a/hw06/hw06-1025445010/

(2)
1.製作作業的時間:很多天
2.有無遇到的問題:語法太多太複雜會搞混
3.製作心得與感想:雖然遇到很多瓶頸可是當作玩的時候還是很有成就感
4.本學期於網頁設計課程上的收穫:是一堂令人壓力很大可是卻充實的課程

1025445010 謝佳蓁