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/~web101c/hw06/hw06-101xxxxxxx

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

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



2.上傳至FTP

3.回覆本篇文章

(1).作業網址 :

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


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





Edited 1 time(s). Last edit at 12/02/2012 09:53PM by JinJin.
(編輯記錄)

Attachments:
開啟 | 下載 - hw06-ex.rar (1007.2 KB)
(1).作業網址 : http://mepopedia.com/~web101c/hw06/hw06-1015445243/

(2).請回答以下問題:
1.網頁主題: 配色與風格設定: 濱崎步-土黃色
2.有無遇到的問題? 無
3.製作感想 ?表格的樣式做的比較簡單>.<
4.製作作業的時間 ?忘了XDD 拿之前的作業

(1).作業網址 : http://mepopedia.com/~web101c/hw06/hw06-1015445206



(2).請回答以下問題:
1.網頁主題:青春洋溢 BY2
配色與風格設定: 粉紅.粉紫
2.有無遇到的問題? 沒有
3.製作感想 很開心 很快就做完嘞spinning smiley sticking its tongue out
4.製作作業的時間 半小時

(1).作業網址 : http://mepopedia.com/~web101c/hw06/hw06-1015445242

(2).請回答以下問題:
1.網頁主題:Hello Kitty 配色與風格設定:粉白簡約
2.有無遇到的問題? 無
3.製作感想:為自己喜歡的東西做很特別
4.製作作業的時間:幾小時

(1).作業網址 : http://mepopedia.com/~web101c/hw06/hw06-1015445213/

(2).請回答以下問題:
1.網頁主題: 配色與風格設定: SHE-時尚黑白
2.有無遇到的問題? 排版
3.製作感想 ?表格的樣式做的比較陽春
4.製作作業的時間 ? 2節課做表格

(1).作業網址 : http://mepopedia.com/~web101c/hw06/hw06-1015445252

(2).請回答以下問題:
1.網頁主題:One Direction一世代
配色與風格設定: 青春
2.有無遇到的問題? 沒有喔~
3.製作感想 :哇~很快就完成了^^
4.製作作業的時間 :三個小時

(1).作業網址 : http://mepopedia.com/~web101c/hw06/hw06-1015445239/

(2).請回答以下問題:
1.網頁主題: 配色與風格設定:對比色
2.有無遇到的問題? 無
3.製作感想 ? 很快速分類
4.製作作業的時間 ?拿之前的作業 10分鐘

(1).作業網址 : http://mepopedia.com/~web101c/hw06/hw06-1015445203/

(2).請回答以下問題:
1.網頁主題: 配色與風格設定: 黑色、桃紅色、白色
2.有無遇到的問題? 沒有
3.製作感想:本來想要用表格的方式做成專輯,但是想要和大家有點不一樣所以就把表格的語法拿來做歷年得獎的項目了
4.製作作業的時間:半小時

(1).作業網址 : http://mepopedia.com/~web101c/hw06/hw06-1015445208

(2).請回答以下問題:
1.網頁主題:初音未來
配色與風格設定: 黑色藍色
2.有無遇到的問題? 表格顏色不會上
3.製作感想 ?表格的顏色上色忘記怎麼弄,弄好久還是沒出來
4.製作作業的時間 ?1天

(1).作業網址 : http://mepopedia.com/~web101c/hw06/hw06-1015445270
(2).請回答以下問題:
1.網頁主題: 史努比sonnpy
配色與風格設定: 簡單風
2.有無遇到的問題: 還好
3.製作感想 :感覺版面變得比較簡單明瞭
4.製作作業的時間 :半小時

作業網址 : http://mepopedia.com/~web101c/hw06/hw06-1015445254

1.網頁主題:piece
配色與風格設定: 迷濛
2.有無遇到的問題? 無
3.製作感想 哇哈~表格可以清楚排列很方便!
4.製作作業的時間 三節課

作業網址 : http://mepopedia.com/~web101c/hw06/hw06-1015445269

1.網頁主題/ Tiffany Alvord
配色與風格設定/活潑俏皮
2.有無遇到的問題?表格有點難做然後做到一半DW開不了下次再補sad smiley
3.製作感想/表格可以讓資料更容易整理
4.製作作業的時間/15分鐘

(1).作業網址 : http://mepopedia.com/~web101c/hw06/hw06-1015445245
(2).請回答以下問題:
1.網頁主題:噗噗熊維尼
配色與風格設定: 可愛風
2.有無遇到的問題: 還好
3.製作感想 :讓我得到多資訊(表格)
4.製作作業的時間 :半小時

(1)作業網址 : http://mepopedia.com/~web101c/hw06/hw06-1015445218

(2)請回答以下問題:
1.網頁主題: 配色與風格設定:rody,亮麗的顏色
2.有無遇到的問題? 還可以囉~
3.製作感想?快要做完整個網頁囉~~
4.製作作業的時間?半小時

作業網址 : http://mepopedia.com/~web101c/hw06/hw06-1015445225/

請回答以下問題:
1.網頁主題: 配色與風格設定:黃色調調,貝果
2.有無遇到的問題? 太多了!!!!!
3.製作感想 ggggggggggggggggggggggggggggggggggg
4.製作作業的時間;好幾天

(1).作業網址 : http://mepopedia.com/~web101c/hw06/hw06-1015445215

(2).請回答以下問題:
1.網頁主題:Green Day
配色與風格設定:紅、黑,復古。
2.有無遇到的問題:無
3.製作感想: 表格製作,熟了之後感覺簡單。
4.製作作業的時間:不到一天

(1).作業網址 : http://mepopedia.com/~web101c/hw06/hw06-1015445201
(2).請回答以下問題:
1.網頁主題: Avril Lavigne
配色與風格設定: 綠色
2.有無遇到的問題: 還好
3.製作感想 :有了表格畫面變得更加清楚
4.製作作業的時間 :一天

(1).作業網址 : http://mepopedia.com/~web101c/hw06/hw06-1015445232/

(2).請回答以下問題:
1.網頁主題: 黑+粉
2.有無遇到的問題? 無
3.製作感想 ? 一步一步看著慢慢做比較順
4.製作作業的時間 ? 半天

(1).作業網址 : http://mepopedia.com/~web101c/hw06/hw06-1015445250/

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

(1).作業網址 : http://mepopedia.com/~web101c/hw06/hw06-1015445235
(2).請回答以下問題:
1.網頁主題: 薇薇安魏斯伍德
配色與風格設定: 簡單時尚風
2.有無遇到的問題: 還好
3.製作感想 :感覺版面變得比較乾淨明瞭(我昰改在work這頁)
4.製作作業的時間 :1小時



Edited 1 time(s). Last edit at 12/17/2012 08:30PM by 1015445235.
(編輯記錄)

(1).作業網址 :http://mepopedia.com/~web101c/hw06/hw06-1015445240
(2).請回答以下問題:
1.網頁主題:梅林 配色與風格設定:黑灰色系
2.有無遇到的問題? 無
3.製作感想 學到用表格來製作,收穫很多。
4.製作作業的時間 兩小時半

(1).作業網址 :
http://mepopedia.com/~web101c/hw06/hw06-1015445202/
(2).請回答以下問題:
1.網頁主題: 配色與風格設定: 黑白色樸素
2.有無遇到的問題? 無
3.製作感想 越來越上手了
4.製作作業的時間 30分鐘

(1).作業網址 : http://mepopedia.com/~web101c/hw06/hw06-1015445221

(2).請回答以下問題:
1.網頁主題: 配色與風格設定:灰藍白
2.有無遇到的問題? 有一些小問題
3.製作感想 更了解表格製作
4.製作作業的時間 好幾天

(1).作業網址 : http://mepopedia.com/~web101c/hw06/hw06-1015445234
在人物介紹那頁
(2).請回答以下問題:
1.網頁主題: 配色與風格設定: 只想告訴你,紫粉色
2.有無遇到的問題? 無
3.製作感想 :多加了表格看起來比較整齊
4.製作作業的時間 :2小時

(1).作業網址 : http://mepopedia.com/~web101c/hw06/hw06-1015445207

(2).請回答以下問題:
1.網頁主題: 芋園柚子
配色與風格設定: 黃色調.黑白調
2.有無遇到的問題? 圖片大小不一致.語法不懂如何改
3.製作感想 : 終於結束拉!!!!做得好累~~~但還是有成就感
4.製作作業的時間 :2小時

(1).作業網址 : http://mepopedia.com/~web101c/hw06/hw06-1015445228

(2).請回答以下問題:
1.網頁主題:雨月
配色與風格設定: 藍綠色調
2.有無遇到的問題? 有.....表格溝通困難...
3.製作感想 :好累..(?
4.製作作業的時間 ?貌似很久....?期末做到一半拿來回.....

(1).作業網址 : http://mepopedia.com/~web101c/hw06/hw06-1015445263

(2).請回答以下問題:
1.網頁主題: 愛迪達
配色與風格設定: 綠黑
2.有無遇到的問題? 無
3.製作感想 : 非常的辛苦 熬夜幾天換來的哈哈哈
4.製作作業的時間 : 1天半

(1).作業網址 : http://mepopedia.com/~web101c/hw06/hw06-1015445231

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

(1).作業網址 : http://mepopedia.com/~web101c/hw06/hw06-1015445241/Home1

(2)
1.網頁主題: 配色與風格設定:簡單色塊圖片
2.有無遇到的問題? 無
3.製作感想 好累
4.製作作業的時間 4HR

(1).作業網址 : http://mepopedia.com/~web101c/hw06/hw06-1015445222

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

1.網頁主題:艾薇兒
配色與風格設定: 搖滾狂野
2.有無遇到的問題: 沒有調整好大小
3.製作感想 :好ㄋㄟˋ喔頭好痛
4.製作作業的時間 :天荒地老 eye rolling smiley

(1).作業網址 : http://mepopedia.com/~web101c/hw06/hw06-1015445243/

(2).請回答以下問題:
1.網頁主題: 舞力全開 配色與風格設定: 綠灰黑
2.有無遇到的問題? 無
3.製作感想 ?表格的樣式做的比較簡單
4.製作作業的時間 ?半天

(1).作業網址 : http://mepopedia.com/~web101c/hw06/hw06-1015445212

smiling bouncing smiley

(2).請回答以下問題:
1.網頁主題:玩具總動員
配色與風格設定: 兒童玩具
2.有無遇到的問題? 有
3.製作感想 :雖然很累但是很有成就感
4.製作作業的時間: 三小時

(1).作業網址 :http://mepopedia.com/~web101c/hw07/hw07-1015445257/

(2).請回答以下問題:
1.網頁主題:棉花糖 配色與風格設定:粉紅 黃 綠
2.有無遇到的問題: 無
3.製作感想:很開心
4.製作作業的時間:幾小時

http://mepopedia.com/~web101c/hw06/hw06-1015445219
1.網頁主題:飛哥與小佛
配色與風格設定:藍色系 簡單明瞭 飛哥與小佛風格
2.有無遇到的問題? 做的時候要很小心
3.製作感想 :做完真的是太開心了 thumbs up thumbs up thumbs up
4.製作作業的時間 :兩天

http://mepopedia.com/~web101c/final/final-1015445224

1.網頁主題:The Script
配色與風格設定:黑白,極簡風格
2.有無遇到的問題? 無
3.製作感想 :過程很繁瑣,可是做完很有成就感
4.製作作業的時間 :三天