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

Advanced

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

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

請參考

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


本講義範例網址
http://mepopedia.com/~jinjin/web/hw06-ex/



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

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






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

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






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

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






5.在title的部分打上『自己作業的命名』

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

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

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

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





2. 二、繳交作業方式



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

第六個平時作業FTP上的資料夾為:hw06

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

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

存放在 < hw06-學號 > 的資夾內



2.上傳至FTP

3.回覆本篇文章

(1).作業網址 :

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


請務必在下次上課前回覆,否則為遲交



2.上傳至FTP

3.回覆本篇文章

(1).作業網址 : :http://mepopedia.com/~web104-2c/hw06/hw06-1035445102

(2).請回答以下問題:
1.網頁主題: 配色與風格設定:舒服且溫暖的類似色
2.有無遇到的問題? 字體還是沒辦法改成細體字~~~
3.製作感想 找不出問題很煩
4.製作作業的時間 3小時

1.作業網址則:http://mepopedia.com/~web104-2c/hw06/hw06-1035445129

2.請回答以下問題:

(1)網頁主題:小鼠波波書籍介紹 配色與風格設定:以鮮豔的色彩吸引兒童觀看

(2)有無遇到的問題:無

(3)製作感想:跟著老師的影片作,能很快上手。

(4)製作作業的時間:兩小時半

學號:1035445129

(1).作業網址 :http://mepopedia.com/~web104-2c/hw06/hw06-1035445006

(2).請回答以下問題:

1.網頁主題:粉紅豬小妹。
配色與風格設定:柔和、曖昧不搶眼的色調以舒服為主。

2.有無遇到的問題:找不到圖片以及影片對齊的地方在哪。

3.製作感想:漸漸熟悉網頁設計這個詞了,但有些專業術語仍在用心記。

4.製作作業的時間:2小時



Edited 2 time(s). Last edit at 12/16/2015 03:55PM by 1035445006.
(編輯記錄)

(1).作業網址 :http://mepopedia.com/~web104-2c/hw06/hw06-1035445108

(2).請回答以下問題:

1.網頁主題:LOL
配色與風格設定:暗色調

2.有無遇到的問題:無
3.製作感想:難

4.製作作業的時間:1小時

1.作業網址則:http://mepopedia.com/~web104-2c/hw06/hw06-1035445147

2.請回答以下問題:

(1)網頁主題:灌籃高手SLAMDUNK

(2)有無遇到的問題:無

(3)製作感想:看影片

(4)製作作業的時間:4小時....



Edited 1 time(s). Last edit at 01/01/2016 04:19PM by 高永鈞.
(編輯記錄)

(1).作業網址 : http://mepopedia.com/~web104-2c/hw06/hw06-1035445060

(2).請回答以下問題:
1.網頁主題:我們這一家
配色與風格設定:以暖色系配色為主,營造歡樂的氣氛
2.有無遇到的問題? 無
3.製作感想 加入表格後,更好整理資料
4.製作作業的時間 3小時多

1.作業網址則:http://mepopedia.com/~web104-2c/hw06/hw06-1035445189

2.請回答以下問題:

(1)網頁主題:醜比頭

(2)有無遇到的問題:剛開始圖片一直跑掉,還好後來有調整成功了

(3)製作感想:看著教學影片製作輕鬆多了,謝謝老師~
(4)製作作業的時間:兩小時

1).作業網址 :http://mepopedia.com/~web104-2c/hw06/hw06-1035445033

(2).請回答以下問題:

1.網頁主題:探險活寶
配色與風格設定:採用主角阿寶的顏色

2.有無遇到的問題:表格內文字的標題不太會用

3.製作感想:慢慢摸索之後覺得越來越熟練了

4.製作作業的時間:2小時

(1).作業網址 : :http://mepopedia.com/~web104-2c/hw06/hw06-1025445061

(2).請回答以下問題:
1.網頁主題:蠟筆小新
配色與風格設定:柔和的暖色系為主
2.有無遇到的問題? 無
3.製作感想 老師影片是救星
4.製作作業的時間 2小時多

(1).作業網址 : http://mepopedia.com/~web104-2c/hw06/hw06-1035445054

(2).請回答以下問題:
1.網頁主題:BIGBANG
配色與風格設定: 黑白風格
2.有無遇到的問題? 沒有看影片很容易理解
3.製作感想 網頁設計越來越上手了
4.製作作業的時間 2小時



Edited 1 time(s). Last edit at 12/17/2015 01:27AM by 1035445054.
(編輯記錄)

(1).作業網址 :http://mepopedia.com/~web104-2c/hw06/hw06-1035445105

(2).請回答以下問題:

1.網頁主題:神隱少女。
配色與風格設定:少女的粉色加上沉穩的酒紅咖啡增加神秘的氛圍。

2.有無遇到的問題:無
3.製作感想:我差一點就看到太陽了spinning smiley sticking its tongue out
4.製作作業的時間:2h

2.上傳至FTP

3.回覆本篇文章

(1).作業網址 : :http://mepopedia.com/~web104-2c/hw06/hw06-1035445066

(2).請回答以下問題:
陳浩田上課一直睡覺
葉俊傑上課一直玩手機
[size=x-large]
[/size]
[u][/u]

(1).作業網址 :http://mepopedia.com/~web104-2c/hw06/hw06-1035445078

(2).請回答以下問題:

1.網頁主題:珍遊記。
整個就是猛

2.有無遇到的問題:形容不出來得問題
3.製作感想:形容不出來的感想
4.製作作業的時間:20000000000000000000000000000 h

(1).作業網址 : http://mepopedia.com/~web104-2c/hw06/hw06-1035445171/

(2).請回答以下問題:
1.網頁主題: 配色與風格設定: 森林
2.有無遇到的問題? 連結一直卡住,後面終於好了
3.製作感想:框框一直拉不好
4.製作作業的時間:1小時半

(1).作業網址 :http://mepopedia.com/~web104-2c/hw06/hw06-1035445009

(2).請回答以下問題:

1.網頁主題:熊本熊。
配色與風格設定:粉紅色系。

2.有無遇到的問題:邊框,對齊置中部會用。

3.製作感想:語法看到想睡覺。

4.製作作業的時間:2.5小時

1.作業網址則:http://mepopedia.com/~web104-2c/hw06/hw06-1035445156

2.請回答以下問題:

(1)網頁主題:龍貓的綠色系

(2)有無遇到的問題:無

(3)製作感想:邊看老師的影片就慢慢學會了

(4)製作作業的時間:2個半小時

1.作業網址則:http://mepopedia.com/~web104-2c/hw06/hw06-1035445162

2.請回答以下問題:

(1)網頁主題:小熊學校

(2)有無遇到的問題:無

(3)製作感想:邊看影片邊實做簡單很多。
(4)製作作業的時間:2小時

(1).作業網址 :
http://mepopedia.com/~web104-2c/hw06/hw06-1035445183/
(2).請回答以下問題:
1.網頁主題: 配色與風格設定: 黑灰白
2.有無遇到的問題? 程式碼亂掉!!!!!!!
3.製作感想 程式碼亂掉有點煩
4.製作作業的時間 2小時

1.作業網址則:http://mepopedia.com/~web104-2c/hw06/hw06-1035445219

2.請回答以下問題:

(1)網頁主題:櫻桃小丸子

(2)有無遇到的問題:無

(3)製作感想:希望可以越做越好

(4)製作作業的時間:3小時

學號:1035445219

(1).作業網址 :
http://mepopedia.com/~web104-2c/hw06/hw06-1035445207
(2).
1.網頁主題: Laduree馬卡龍
配色與風格設定:粉綠x淺灰x白
2.有無遇到的問題? 看影片都已經順利解決
3.製作感想 我現在可以表演一秒全身骨頭散掉smiling smiley
4.製作作業的時間 3小時



Edited 1 time(s). Last edit at 12/24/2015 01:32AM by ziii.
(編輯記錄)

(1).作業網址 : http://mepopedia.com/~web104-2c/hw06/hw06-1035445087

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

(1).作業網址:http://mepopedia.com/~web104-2c/hw06/hw06-1035445063
(2).請回答以下問題:
1.網頁主題:植物VS殭屍花園戰爭 配色樣式:綠色代表植物,深藍色代表冰冷殭屍
2.有無遇到的問題:一切順利
3.製作感想:做完了很開心
4.製作作業的時間: 兩~三小時

1.作業網址則:http://mepopedia.com/~web104-2c/hw06/hw06-1035445093

2.請回答以下問題:

(1)網頁主題:嚕嚕米

(2)有無遇到的問題:無

(3)製作感想:有些地方還要在摸索

(4)製作作業的時間:兩小時半

學號:1035445093

1.作業網址則:http://mepopedia.com/~web104-2c/hw06/hw06-1035445153

2.請回答以下問題:

(1)網頁主題:薰衣草種類介紹 配色與風格設定:以紫色作為主色調

(2)有無遇到的問題:無

(3)製作感想:第一次跟著老師的影片製作,表格的部分比較複雜

(4)製作作業的時間:一小時半

學號:1035445153

1.作業網址則:http://mepopedia.com/~web104-2c/hw06/hw06-1035445195

2.請回答以下問題:

(1)網頁主題:少女時代 配色與風格設定:以粉紅色調為主

(2)有無遇到的問題:超難

(3)製作感想:超級無敵難

(4)製作作業的時間:4小時

學號:1035445195

1.作業網址則:http://mepopedia.com/~web104-2c/hw06/hw06-1035445168

2.請回答以下問題:

(1)網頁主題:貓咪 配色與風格設定:以黑灰白來表現出貓咪的冷豔個性

(2)有無遇到的問題:無

(3)製作感想:做網頁是一件很開心的事,不過需要的是多一點的耐心。

(4)製作作業的時間:兩小時半

學號:1035445168

(1).作業網址 : http://mepopedia.com/~web104-2c/hw06/hw06-1035445035

(2).請回答以下問題:
1.導覽列配色與風格設定:冷色、黑色,營造美艷、冷酷、性感的風格。
2.有無遇到的問題?無太大的問題。
3.製作感想:我覺得老師很認真,但網頁這項科目真的需要花時間、耐心還有眼力哈哈。
4.製作作業的時間:大概花了1個多小時。

(1).作業網址 : :http://mepopedia.com/~web104-2c/hw06/hw06-1035445216

(2).請回答以下問題:
1.網頁主題: 配色與風格設定:以咖啡色為主
2.有無遇到的問題? 有仔細看老師的影片所以順利無誤
3.製作感想:累
4.製作作業的時間:佔了期末的4~5小時有了

(1).作業網址 : http://mepopedia.com/~web104-2c/hw06/hw06-1025445115

(2).請回答以下問題:
1.導覽列配色與風格設定:深色系,襯托義大利麵。
2.有無遇到的問題?都可以。
3.製作感想:努力花時間一定能做好。
4.製作作業的時間:3小時

1.作業網址則:http://mepopedia.com/~web104-2c/hw06/hw06-1035445090

2.請回答以下問題:

(1)網頁主題:史努比 配色與風格設定:草地原野的風格

(2)有無遇到的問題:修改顏色的有點混亂

(3)製作感想:影片很詳細,但還是需要很有耐心自己慢慢找

(4)製作作業的時間:兩小時

學號:1035445090



Edited 1 time(s). Last edit at 01/02/2016 02:58PM by 林品秀.
(編輯記錄)

1.作業網址則:http://mepopedia.com/~web104-2c/hw06/hw06-1035445027

2.請回答以下問題:

(1)網頁主題:魯嚕咪

(2)有無遇到的問題:顏色太多有時會搞混

(3)製作感想:魯魯咪的影片不夠多,有些過長
不過是很喜歡的一部卡通

(4)製作作業的時間:兩小時

(1).作業網址 : :http://mepopedia.com/~web104-2c/hw06/hw06-1035445159

(2).請回答以下問題:
1.網頁主題:小美人魚
配色與風格設定:海洋色
2.有無遇到的問題? 影片崁入後,會超出範圍
3.製作感想 好難喔!!!
4.製作作業的時間 3小時

(1).作業網址 : :http://mepopedia.com/~web104-2c/hw06/hw06-1035445051

(2).請回答以下問題:
1.網頁主題: 史帝芬宇宙,用主要腳色裡的顏色去做搭配
2.有無遇到的問題? 沒有
3.製作感想 友影片的講解很順利
4.製作作業的時間 2小時

(1).作業網址 :
http://mepopedia.com/~web104-2c/hw06/hw06-1025445189

(2).請回答以下問題:
1.網頁主題:南方四賤客主角介紹
配色與風格設定: 黃與藍綠色
2.有無遇到的問題:沒有
3.製作感想 :太多的變化需要挖掘,因為一直嘗試各種變化,所以需要比較長的時間
4.製作作業的時間 :4個小時

(1).作業網址 : http://mepopedia.com/~web104-2c/hw06/hw06-1035445042

(2).請回答以下問題:
1.網頁主題:月亮忘記了
配色與風格設定:以暖色系配色為主,溫暖感
2.有無遇到的問題? 無
3.製作感想: 比之前有更進步 希望能夠更好
4.製作作業的時間 3小時多

1035445042

1005445160 - 王思博

1.作業網址則:http://mepopedia.com/~web104-2c/hw06/hw06-1005445160

2.請回答以下問題:

(1)網頁主題:Family Guy

(2)有無遇到的問題:無

(3)製作感想:循序漸進中

(4)製作作業的時間:幾小時

(1).作業網址 : http://mepopedia.com/~web104-2c/hw06/hw06-1015448006

(2).請回答以下問題:
1.網頁主題:怪獸電力公司
配色與風格設定:色調也風格以怪獸電力公司主體視覺做搭配
2.有無遇到的問題? 無
3.製作感想: 好玩
4.製作作業的時間 3小時

1015448006

(1).作業網址 :http://mepopedia.com/~web104-2c/hw06/hw06-1035445150

(2).請回答以下問題:

1.網頁主題:Lana del rey
配色與風格設定:粉色與灰藍色

2.有無遇到的問題:CSS常常跑掉

3.製作感想:跟著老師影片作慢慢上手
4.製作作業的時間:3小時

1.作業網址則:http://mepopedia.com/~web104-2c/hw06/hw06-1035445024

2.請回答以下問題:

(1)網頁主題:史努比

(2)有無遇到的問題:無

(3)製作感想:看影片學

(4)製作作業的時間:3小時

1.作業網址則:http://mepopedia.com/~web104-2c/hw06/hw06-1035445030
2.請回答以下問題:

(1)網頁主題:冰雪奇緣內容介紹 配色與風格設定:以雪藍和白.紫為主色調

(2)有無遇到的問題:很多很多

(3)製作感想:跟著老師的影片作,幫助很多。

(4)製作作業的時間:兩小時半

學號:1035445030



Edited 2 time(s). Last edit at 01/05/2016 05:46PM by blue6062.
(編輯記錄)

1.作業網址則:http://mepopedia.com/~web104-2c/hw06/hw06-1035445123

2.請回答以下問題:

(1)網頁主題:馬來貘商品

(2)有無遇到的問題:無

(3)製作感想: 真的很難,所以做得稍微有點簡單

(4)製作作業的時間:三小時半

學號:1035445123

(1).作業網址 : http://mepopedia.com/~web104-2c/hw06/hw06-1035445081

(2).請回答以下問題:
1.網頁主題: 配色與風格設定: 橘色 蠟筆小新配色
2.有無遇到的問題? 目前沒有
3.製作感想 做出來蠻好玩的 但有點複雜
4.製作作業的時間 沒計算



Edited 1 time(s). Last edit at 01/06/2016 12:20AM by 1035445081.
(編輯記錄)

1.作業網址則:http://mepopedia.com/~web104-2c/hw06/hw06-1035445126

2.請回答以下問題:

(1)網頁主題:STAR WARS星際大戰 配色與風格設定:以黑色及黃為主

(2)有無遇到的問題:看老師的影片很清楚

(3)製作感想:跟著老師的影片作,能很快上手。

(4)製作作業的時間:2小時

學號:1035445126

1.作業網址則:http://mepopedia.com/~web104-2c/hw06/hw06-1035445048

2.請回答以下問題:

(1)網頁主題:阿爾卑斯山的少女

(2)有無遇到的問題:文字/圖片一直跑位,問同學已解決

(3)製作感想:看了影片覺得很請楚
(4)製作作業的時間:2小時

1.作業網址則:http://mepopedia.com/~web104-2c/hw06/hw06-1035445072

2.請回答以下問題:

(1)網頁主題:湯姆貓與傑利鼠 配色與風格設定:橘色、咖啡色。

(2)有無遇到的問題:為什麼表格的地方無法置中confused smiley

(3)製作感想:很累,不過很有成就感。

(4)製作作業的時間:兩小時

學號:1035445072

(1).作業網址 : :http://mepopedia.com/~web104-2c/hw06/hw06-1035445084

(2).請回答以下問題:
1.網頁主題: 天涯明月刀 配色與風格設定:深藍色 深紫色 武俠風
2.有無遇到的問題? 沒有
3.製作感想 很好玩
4.製作作業的時間 3小時

1.作業網址則:http://mepopedia.com/~web104-2c/hw06/hw06-1035445180

2.請回答以下問題:

(1)網頁主題:魔力紅

(2)有無遇到的問題:無

(3)製作感想:跟著老師的影片作,能很快上手。

(4)製作作業的時間:兩小時半

(1) 作業網址: http://mepopedia.com/~web104-2c/hw06/hw06-1035445120

 (2) 風格設定為以粉橘色調來搭配我可能不會愛你)

 (3) 有無遇到的問題? 有些亂碼看不懂

 (4) 製作感想? 好想睡
5 製作時間 兩小時



Edited 1 time(s). Last edit at 01/07/2016 02:42AM by 1035445120.
(編輯記錄)

(1) http://mepopedia.com/~web104-2c/hw06/hw06-1035445114
(2) 風格設定:柴犬

 (3) 有無遇到的問題 :無

 (4) 製作感想 :心想事成

 (5) 製作作業的時間:1小時



Edited 2 time(s). Last edit at 01/07/2016 11:31AM by 小吉.
(編輯記錄)

1.作業網址則:http://mepopedia.com/~web104-2c/hw06/hw06-1035445057

2.請回答以下問題:

(1)網頁主題:多拉A夢

(2)有無遇到的問題:無

(3)製作感想 : 呼~~~~~~~~

(4)製作作業的時間 : 兩小時半

1.作業網址則:http://mepopedia.com/~web104-2c/hw06/hw06-1035445111

2.請回答以下問題:

(1)網頁主題:line應用程式介紹 配色與風格設定:以line的顏色為主

(2)有無遇到的問題:無

(3)製作感想:跟著老師的影片作 簡易上手

(4)製作作業的時間:兩小時半

學號:1035445111

1.作業網址則:http://mepopedia.com/~web104-2c/hw06/hw06-1035445096

2.請回答以下問題:

(1)網頁主題:魔鏡夢遊 配色與風格設定:以鮮豔的色彩吸引人目光

(2)有無遇到的問題:網頁設計好難 超級無敵難

(3)製作感想: 看到程式碼頭就好痛

(4)製作作業的時間:兩小時半

學號:1035445096

(1).作業網址:http://mepopedia.com/~web104-2c/hw06/hw06-1035445075/

(2).請回答以下問題:
1.網頁主題:配色與風格設定:依然使用包大山的風格色
2.有無遇到的問題? 我的圖怎麼都跑不出來 我有把圖檔一起傳進去呀
3.製作感想:越做越有成就感
4.製作作業的時間:6hr

(1).作業網址 : :http://mepopedia.com/~web104-2c/hw06/hw06-1035445141

(2).請回答以下問題:
1.網頁主題: 人物關係介紹,配色與風格設定:暖色系
2.有無遇到的問題? 還行
3.製作感想 會做後變得很容易
4.製作作業的時間 2小時

(1).作業網址 : :http://mepopedia.com/~web104-2c/hw06/hw06-1035445192

(2).請回答以下問題:
1.網頁主題:mili
配色與風格設定:換了藍灰色的主調
2.有無遇到的問題? 感覺影片的比例佔太大了,都壓迫到文字塊,找不到原因調整...
3.製作感想 :完成了~~~(灑花
4.製作作業的時間 2hr