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

Advanced

Re: [作業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/~cg104-1a/hw06/hw06-104xxxxxxx

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

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



2.上傳至FTP

3.回覆本篇文章

(1).作業網址 :

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


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



(1).作業網址 :

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

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

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

配色是以深藍色來表現沉穩的感覺,風格是以沉穩為主。

2.有無遇到的問題?

有,檔案中的圖片差點失蹤。

3.製作感想

學到新的東西很開心,用表格做網頁看起來比較整齊。

4.製作作業的時間

8小時

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

(2).請回答以下問題:
1.網頁主題:已多莉的顏色去配
2.有無遇到的問題? 想要做2個不同css的table可是一直碰壁。
3.製作感想:粉開心
4.製作作業的時間 :3hr

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

(2).請回答以下問題:
1.網頁主題:Kumamon 配色與風格設定:簡約。以黑、白、紅代表屬於熊本熊之特色。
2.有無遇到的問題? 想要做2個不同css的table可是一直碰壁。
3.製作感想:覺得越來越有完整感很開心,可是越來越繁複的語法讓我眼睛看得越來越酸。
4.製作作業的時間 :差不多一天。

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

(2).請回答以下問題:
1.網頁主題:迪士尼公主。
配色與風格設定:淡色為主。想走簡約風。
2.有無遇到的問題? 暫無。
3.製作感想 每做成功一頁就覺得開心。
4.製作作業的時間 想到就做。

(1).作業網址 :
http://mepopedia.com/~cg104-1a/hw06/hw06-1045440011/index%202.html

(2).請回答以下問題:
1.網頁主題:舒服簡單配色為主
2.有無遇到的問題? 寬沒辦法變細
3.製作感想:好累好累好累
4.製作作業的時間 :四小時

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

(2).請回答以下問題:
1.網頁主題: 配色與風格設定: 粉紅色調、少女時代
2.有無遇到的問題?
越來越難了

3.製作感想
越來越繁複了,

4.製作作業的時間
1~2小時

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

(2).請回答以下問題:
1.網頁主題:粉紅色 說到卡莉就是kawaii
2.有無遇到的問題? 表格好麻煩ㄢㄢㄢㄢ
3.製作感想:好累喔 我怎麼還沒做完QQQQQQQ
4.製作作業的時間 3天吧

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

1.一拳超人 間擔輕鬆帶點搞笑
2.ㄜ....我盡我最大力去整理了
3.好困難 (昏
4.3.4天

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

(2).請回答以下問題:
1.網頁主題:鸚鵡人
配色與風格設定:簡單亮色系
2.有無遇到的問題? 無
3.製作感想 :有點要發瘋了
4.製作作業的時間 :45分鐘

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

(2).請回答以下問題:
1.網頁主題:照片與相機
2.有無遇到的問題? 表格要怎麼做只有中間有線呢
3.製作感想:我還要做多久~~~~~
4.製作作業的時間 3小時

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

1.網頁主題: 配色與風格設定: 改了背景色,但主要還是以柔柔的色調進行中
2.有無遇到的問題? DW跟網頁看起來的不一樣,很怒
3.製作感想 想想會考、想想編劇、想想網頁設計,我還能睡覺嗎QWQ
4.製作作業的時間 2天

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

(2).請回答以下問題:
1.網頁主題:皮克斯動畫
2.有無遇到的問題? 設定錯誤一直無法成功,但最後在同學的幫助下成功了~
3.製作感想:希望能趕快完成期末作業,蠻好玩的。
4.製作作業的時間:一小時

(1).作業網址 : http://mepopedia.com/~cg104-1a/final/final-1045440012/
(2).請回答以下問題:
1.網頁主題:山羊先生咩咩咩~
2.有無遇到的問題? th一直不見eye popping smiley
3.製作感想:有夠難的怎麼做不完
4.製作作業的時間 :好幾天

(1).作業網址 :

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

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

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

皮克斯動畫,藍白黑配色

2.有無遇到的問題?

沒有

3.製作感想

期中作業有嘗試過,這個對我來說蠻簡單的

4.製作作業的時間

1小時

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


(2).請回答以下問題:
1.網頁主題: 配色與風格設定:黑白藍,皮克斯
2.有無遇到的問題? 沒有
3.製作感想 蠻好玩的
4.製作作業的時間 一小時



Edited 1 time(s). Last edit at 06/16/2016 12:22PM by 蘇美蓉.
(編輯記錄)

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

(2).請回答以下問題:
1.網頁主題: 美國隊長3:英雄內戰
2.有無遇到的問題? 累
3.製作感想:累
4.製作作業的時間 :累

(1).作業網址 :

http://mepopedia.com/~cg104-1a/hw06/hw06-1045440033

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

1.網頁主題: 配色與風格設定: 深色
2.有無遇到的問題? 沒有聲音
3.製作感想 沒有
4.製作作業的時間 三小時

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

(2).請回答以下問題:
1.網頁主題: 配色與風格設定: 黑白簡約風
2.有無遇到的問題? 無
3.製作感想:用表格整理版面較整齊
4.製作作業的時間:三小時

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

(2).請回答以下問題:
1.網頁主題: 配色與風格設定: 皮克斯黑白風格
2.有無遇到的問題? 無
3.製作感想:蠻好玩的
4.製作作業的時間:一小時


老師表格是works跟video,因為我一直無法單別放就全放在一起了。

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

(2).請回答以下問題:
1.網頁主題:李玹雨
配色與風格設定:簡約風、灰和白。
2.有無遇到的問題:無。
3.製作感想:每做成功一頁就覺得開心。
4.製作作業的時間:對不起我最後一天趕的...

(1).作業網址 :

http://mepopedia.com/~cg104-1a/hw06/hw06-1045440029/works.html
(2).請回答以下問題:

1.網頁主題: Perfume
配色與風格設定:

配色是以藍色、桃紅、淺藍,鮮豔對比又沉穩。

2.有無遇到的問題?

沒有。

3.製作感想

用表格做網頁看起來比較整齊好看。

4.製作作業的時間

8小時



Edited 1 time(s). Last edit at 06/19/2016 01:16AM by 1045440029-yu.
(編輯記錄)

(1).作業網址 :
. http://mepopedia.com/~cg104-1a/hw06/hw06-1045440050
(2).請回答以下問題:

1.網頁主題: 初音
配色與風格設定: 現代時尚

配色是以藍色為主

2.有無遇到的問題?

有很多~~~但都已解決

3.製作感想

很累人~~一定要好好聽課

4.製作作業的時間

6小時



Edited 1 time(s). Last edit at 06/19/2016 08:39PM by 1045440050.
(編輯記錄)