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/~css106-2b/hw06/hw06-105xxxxxxx

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

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



2.上傳至FTP

3.回覆本篇文章

(1).作業網址 :http://mepopedia.com/~css106-2b/hw06/hw06-105xxxxxxx

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




(1).作業網址 :http://mepopedia.com/~css106-2b/hw06/hw06-1055445086

(2).請回答以下問題:
1.網頁主題:航海王
2.配色與風格設定:清新的藍&舒適的黃
2.有無遇到的問題? 目前進行還順利
3.製作感想:有點進步了(應該
4.製作作業的時間:3小時左右

(1).作業網址 :http://mepopedia.com/~css106-2b/hw06/hw06-1055445014

(2).請回答以下問題:
1.網頁主題:gibson guitar
2.配色與風格設定: 嘿嘿木頭色
2.有無遇到的問題? 目前進行還順利
3.製作感想:有點進步了(應該會忘記
4.製作作業的時間:3小時左右

(1).作業網址:http://mepopedia.com/~css106-2b/hw06/hw06-1055445152

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

http://mepopedia.com/~css106-2b/hw06/hw06-1055445017/teaching.html


1.網頁主題:SUSHI ‧ 寿司
2.配色與風格設定: 日系風格
3.製作感想 :用表格製作變得比較整齊也比較好閱讀
4.製作作業的時間: 一個下午

作業網址 :http://mepopedia.com/~css106-2b/hw06/hw06-1055445191

網頁主題: 爽爽貓 以亮色和粉色為主



Edited 1 time(s). Last edit at 12/27/2017 11:23PM by 1055445191.
(編輯記錄)

http://mepopedia.com/~css106-2b/hw06/hw06-1055445104


1.網頁主題:

MINI

2.配色與風格設定:

白底 簡單視讀性高

2.有無遇到的問題?

表格與表格間的上下兼具無法調整 哭哭
-hw05的按鈕無法改成華過去變手指的樣式

3.製作感想

繼續努力~

4.製作作業的時間

few days

(1).作業網址 :http://mepopedia.com/~css106-2b/hw06/hw06-1055445146

(2).請回答以下問題:
1.網頁主題: 杜卡迪重機
2.配色與風格設定: 熱血帶穩重
2.有無遇到的問題? 表格地方還是不太熟悉
3.製作感想 沒有
4.製作作業的時間 2017/12/28 12點

(1).作業網址 :http://mepopedia.com/~css106-2b/hw06/hw06-1055445008

(2).請回答以下問題:
1.網頁主題: 南峰公園
2.配色與風格設定: 酷炫風
2.有無遇到的問題? 推文不太會
3.製作感想 都很好
4.製作作業的時間 2小時

(1).作業網址 :http://mepopedia.com/~css106-2b/hw06/hw06-1055445107

(2).請回答以下問題:
1.網頁主題: 飛天小女警
2.配色與風格設定: 可愛風
2.有無遇到的問題? 還行
3.製作感想 不錯好玩歐
4.製作作業的時間 3小時

(1).作業網址 :http://mepopedia.com/~css106-2b/hw06/hw06-1055445008

(2).請回答以下問題:
1.網頁主題: 我們這一家
2.配色與風格設定:自色風
2.有無遇到的問題? 還可
3.製作感想 都很好
4.製作作業的時間 1.5小時

作業網址 :http://mepopedia.com/~css106-2b/hw06/hw06-1055445071
請回答以下問題:
1.網頁主題: AUNTIE’S Barber Shop
2.配色與風格設定: 美式 復古
2.有無遇到的問題? 無
3.製作感想 越來越熟ㄌ
4.製作作業的時間

(1).作業網址 :http://mepopedia.com/~css106-2b/hw06/hw06-1055445095

(2).請回答以下問題:
1.網頁主題:EXILE
2.配色與風格設定:黑白簡約。
2.有無遇到的問題? 無。
3.製作感想 :很有趣。
4.製作作業的時間 :約三小時。

http://mepopedia.com/~css106-2b/hw06/hw06-1055445023

1.網頁主題:夜市
2.配色與風格設定:黑/白/咖啡
2.有無遇到的問題? 有 已解決
3.製作感想 : 無
4.製作作業的時間 :2~3小時。

(1).作業網址 :http://mepopedia.com/~css106-2b/hw06/hw06-1055448122

(2).請回答以下問題:
1.網頁主題: 介紹文鳥
2.配色與風格設定: 粉粉嫩嫩的感覺
2.有無遇到的問題? DW上面看到的跟網頁呈現的不一樣
3.製作感想
4.製作作業的時間 一天

(1).作業網址 :http://mepopedia.com/~css106-2b/hw06/hw06-1055445197

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

(1).作業網址 :http://mepopedia.com/~css106-2b/hw06/hw06-1055445185

(2).請回答以下問題:
1.網頁主題:動畫介紹
2.配色與風格設定: 明亮的橘色及綠色做配色。
2.有無遇到的問題? 無。
3.製作感想 :還不錯。
4.製作作業的時間 :二小時。

1).作業網址 :http://mepopedia.com/~css106-2b/hw06/hw06-1055445032

(2).請回答以下問題:
1.網頁主題:珍珠美人魚
2.配色與風格設定:海洋
2.有無遇到的問題? :
3.製作感想:難到躺平
4.製作作業的時間:5~6小時

作業網址 :http://mepopedia.com/~css106-2b/hw06/hw06-1055445056

網頁主題 :小小兵
配色與風格設定 :黃 藍 黑
有無遇到的問題 :無
製作感想 :覺得很棒
製作作業的時間 :1 小時

(1).作業網址 :http://mepopedia.com/~css106-2b/hw06/hw06-1055445080

(2).請回答以下問題:
1.網頁主題:安怡的粉色存錢桶
2.配色與風格設定: 粉口愛
2.有無遇到的問題? 一堆,但我全解決,劉晏☁️很猛
3.製作感想:進階網頁設計掰掰
4.製作作業的時間 :3集連續劇yawning smiley

(1).作業網址 :http://mepopedia.com/~css106-2b/hw06/hw06-1055445047
(2).請回答以下問題:
1.網頁主題: 擋車
2.配色與風格設定: 活潑 黃綠
2.有無遇到的問題? 無
3.製作感想 累
4.製作作業的時間 5小時

(1).作業網址 :http://mepopedia.com/~css106-2b/hw06/hw06-1055445110

(2).請回答以下問題:
1.網頁主題:巧克力
2.配色與風格設定:黑色 金色
2.有無遇到的問題? 順利 Nice
3.製作感想:我覺得作很快
4.製作作業的時間:半小時

(1).作業網址 :http://mepopedia.com/~css106-2b/hw07/hw07-1055445176/image.html

(2).請回答以下問題:
1.網頁主題:菇菇巢穴
2.配色與風格設定:遊戲感覺吸引人
2.有無遇到的問題? 妥
3.製作感想:讚
4.製作作業的時間:忘了

(1).作業網址 :http://mepopedia.com/~css106-2b/hw06/hw06-1055445134

(2).請回答以下問題:
1.網頁主題: 海綿寶寶
2.配色與風格設定: 鮮豔俏皮
2.有無遇到的問題? No
3.製作感想 :心很累
4.製作作業的時間:2小時

作業網址:http://mepopedia.com/~css106-2b/hw06/hw06-1055445125/character.html

1.網頁主題: 蠟筆小新
2.配色與風格設定:紅綠配色卡通風
2.有無遇到的問題? 框架設定
3.製作感想 摸索很久
4.製作作業的時間 兩個小時半

http://mepopedia.com/~css106-2b/hw06/hw06-1055445119

1.網頁主題: まふまふ
2.配色與風格設定:黑灰白
2.有無遇到的問題? 很多地方一直卡關
3.製作感想 改的沒有想像中簡單
4.製作作業的時間 忘了OAO



Edited 1 time(s). Last edit at 01/17/2018 06:04PM by lovecatandyou.
(編輯記錄)

http://mepopedia.com/~css106-2b/hw06/hw06-1055445083

1.網頁主題: 故宮
2.配色與風格設定:
2.有無遇到的問題? 想改表格,也改了,但是不知道哪裡錯了就是改不了
3.製作感想
4.製作作業的時間

http://mepopedia.com/~css106-2b/hw06/hw06-1055445059

1.網頁主題:天命6
2.配色與風格設定:酷黑
2.有無遇到的問題? 表格無法變色
3.製作感想 有一開始進步
4.製作作業的時間 6小時以上



Edited 1 time(s). Last edit at 01/17/2018 10:03PM by jolin82145.
(編輯記錄)

(1).作業網址 :http://mepopedia.com/~css106-2b/hw06/hw06-1055445182

(2).請回答以下問題:
1.網頁主題:Super Junior-D&E
2.配色與風格設定:天空藍,想表現出清爽的感覺
2.有無遇到的問題? 都解決了
3.製作感想:挺有趣的
4.製作作業的時間:有點久

(1).作業網址 :http://mepopedia.com/~css106-2b/hw06/hw06-1055445137

1.網頁主題:迪士尼公主
2.配色與風格設定: 暖色調
2.有無遇到的問題:無
3.製作感想:好麻煩
4.製作作業的時間 :四小

(1).作業網址:
http://mepopedia.com/~css106-2b/hw06/hw06-1055445044/member.html

(2).請回答以下問題:
1.網頁主題: ONE OK ROCK
2.配色與風格設定: 簡約的黑白藍 又有搖滾感
2.有無遇到的問題? 無
3.製作感想 無
4.製作作業的時間 3小時

http://mepopedia.com/~css106-2b/hw06/hw06-1055445002

網頁主題: 自強號40年

風格:以初代自強號的配色為網頁的主色調

作業於第四頁



Edited 1 time(s). Last edit at 01/18/2018 09:57AM by 1055445002.
(編輯記錄)

http://mepopedia.com/~css106-2b/hw06/hw06-1055445026

補一堆可愛的貓貓
有無遇到的問題:好餓/我拒絕思考
製作時間:做到餓到受不了要去買飯了

(1).作業網址 :http://mepopedia.com/~css106-2b/hw06/hw06-1055445143

(2).請回答以下問題:
1.導覽列配色與風格設定:配合刊頭使用深色
2.有無遇到的問題? 無
3.製作感想(你認為導覽列的意義為何?) 無
4.製作作業的時間 沒印象



Edited 1 time(s). Last edit at 01/19/2018 08:01PM by 1055445143.
(編輯記錄)