[作業06]表格的製作美化與資料整理 1. 製作步驟2. 繳交作業方式請參考 [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/~cg104-1a/hw06/hw06-104xxxxxxx 資料夾內含： 1.首頁命名為index.html 2.一個命名為style.css的css樣式檔 3.images圖檔資料夾 存放在 < hw06-學號 > 的資夾內[/color] 2.上傳至FTP 3.回覆本篇文章 (1).作業網址 ： (2).請回答以下問題： 1.網頁主題： 配色與風格設定： 2.有無遇到的問題? 3.製作感想 4.製作作業的時間 [color=#CC0099]請務必在下次上課前回覆，否則為遲交[/color] http://mepopedia.com/forum/read.php?2563,81427,81427#msg-81427 Sun, 31 May 2026 01:23:40 +0800 Phorum 5.2.7 http://mepopedia.com/forum/read.php?2563,81427,82119#msg-82119 Re: [作業06]表格的製作美化與資料整理 http://mepopedia.com/forum/read.php?2563,81427,82119#msg-82119 . http://mepopedia.com/~cg104-1a/hw06/hw06-1045440050
(2).請回答以下問題：

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

配色是以藍色為主

2.有無遇到的問題?

有很多~~~但都已解決

3.製作感想

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

4.製作作業的時間

6小時]]> 1045440050 104-2《中國》竹影視一A-電腦繪圖實作(一) Sun, 19 Jun 2016 20:33:40 +0800 http://mepopedia.com/forum/read.php?2563,81427,82109#msg-82109 Re: [作業06]表格的製作美化與資料整理 http://mepopedia.com/forum/read.php?2563,81427,82109#msg-82109
http://mepopedia.com/~cg104-1a/hw06/hw06-1045440029/works.html
(2).請回答以下問題：

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

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

2.有無遇到的問題?

沒有。

3.製作感想

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

4.製作作業的時間

8小時]]> 1045440029-yu 104-2《中國》竹影視一A-電腦繪圖實作(一) Sun, 19 Jun 2016 01:15:06 +0800 http://mepopedia.com/forum/read.php?2563,81427,82085#msg-82085 Re: [作業06]表格的製作美化與資料整理 http://mepopedia.com/forum/read.php?2563,81427,82085#msg-82085
(2).請回答以下問題：
1.網頁主題：李玹雨
配色與風格設定：簡約風、灰和白。
2.有無遇到的問題：無。
3.製作感想：每做成功一頁就覺得開心。
4.製作作業的時間：對不起我最後一天趕的...]]> 1045440006 104-2《中國》竹影視一A-電腦繪圖實作(一) Fri, 17 Jun 2016 13:06:22 +0800 http://mepopedia.com/forum/read.php?2563,81427,82064#msg-82064 Re: [作業06]表格的製作美化與資料整理 http://mepopedia.com/forum/read.php?2563,81427,82064#msg-82064
(2).請回答以下問題：
1.網頁主題： 配色與風格設定： 皮克斯黑白風格
2.有無遇到的問題? 無
3.製作感想：蠻好玩的
4.製作作業的時間：一小時


老師表格是works跟video，因為我一直無法單別放就全放在一起了。]]> 蘇美蓉 104-2《中國》竹影視一A-電腦繪圖實作(一) Thu, 16 Jun 2016 19:06:00 +0800 http://mepopedia.com/forum/read.php?2563,81427,82058#msg-82058 Re: [作業06]表格的製作美化與資料整理 http://mepopedia.com/forum/read.php?2563,81427,82058#msg-82058
(2).請回答以下問題：
1.網頁主題： 配色與風格設定： 黑白簡約風
2.有無遇到的問題? 無
3.製作感想：用表格整理版面較整齊
4.製作作業的時間：三小時]]> 1045440002 104-2《中國》竹影視一A-電腦繪圖實作(一) Thu, 16 Jun 2016 17:24:24 +0800 http://mepopedia.com/forum/read.php?2563,81427,82054#msg-82054 Re: [作業06]表格的製作美化與資料整理 http://mepopedia.com/forum/read.php?2563,81427,82054#msg-82054
http://mepopedia.com/~cg104-1a/hw06/hw06-1045440033

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

1.網頁主題： 配色與風格設定： 深色
2.有無遇到的問題? 沒有聲音
3.製作感想 沒有
4.製作作業的時間 三小時]]> afd78949 104-2《中國》竹影視一A-電腦繪圖實作(一) Thu, 16 Jun 2016 15:18:36 +0800 http://mepopedia.com/forum/read.php?2563,81427,82040#msg-82040 Re: [作業06]表格的製作美化與資料整理 http://mepopedia.com/forum/read.php?2563,81427,82040#msg-82040 http://mepopedia.com/~cg104-1a/hw06/hw06-1045440028

(2).請回答以下問題：
1.網頁主題： 美國隊長3：英雄內戰
2.有無遇到的問題? 累
3.製作感想：累
4.製作作業的時間 ：累]]> 1045440028 104-2《中國》竹影視一A-電腦繪圖實作(一) Thu, 16 Jun 2016 14:23:28 +0800 http://mepopedia.com/forum/read.php?2563,81427,82036#msg-82036 Re: [作業06]表格的製作美化與資料整理 http://mepopedia.com/forum/read.php?2563,81427,82036#msg-82036 http://mepopedia.com/~cg104-1a/hw06/hw06-1045440020

(2).請回答以下問題：
1.網頁主題：已多莉的顏色去配
2.有無遇到的問題? 想要做2個不同css的table可是一直碰壁。
3.製作感想：粉開心
4.製作作業的時間 ：3hr]]> 1045440020 104-2《中國》竹影視一A-電腦繪圖實作(一) Thu, 16 Jun 2016 13:53:54 +0800 http://mepopedia.com/forum/read.php?2563,81427,82026#msg-82026 Re: [作業06]表格的製作美化與資料整理 http://mepopedia.com/forum/read.php?2563,81427,82026#msg-82026

(2).請回答以下問題：
1.網頁主題： 配色與風格設定：黑白藍，皮克斯
2.有無遇到的問題? 沒有
3.製作感想 蠻好玩的
4.製作作業的時間 一小時]]> 蘇美蓉 104-2《中國》竹影視一A-電腦繪圖實作(一) Thu, 16 Jun 2016 12:07:41 +0800 http://mepopedia.com/forum/read.php?2563,81427,82022#msg-82022 Re: [作業06]表格的製作美化與資料整理 http://mepopedia.com/forum/read.php?2563,81427,82022#msg-82022
http://mepopedia.com/~cg104-1a/hw06/hw06-1045440045

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

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

皮克斯動畫，藍白黑配色

2.有無遇到的問題?

沒有

3.製作感想

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

4.製作作業的時間

1小時]]> 蘇美蓉 104-2《中國》竹影視一A-電腦繪圖實作(一) Thu, 16 Jun 2016 11:53:04 +0800 http://mepopedia.com/forum/read.php?2563,81427,82016#msg-82016 Re: [作業06]表格的製作美化與資料整理 http://mepopedia.com/forum/read.php?2563,81427,82016#msg-82016 (2).請回答以下問題：
1.網頁主題：山羊先生咩咩咩~
2.有無遇到的問題? th一直不見::o
3.製作感想：有夠難的怎麼做不完
4.製作作業的時間 :好幾天]]> 小花蛀牙 104-2《中國》竹影視一A-電腦繪圖實作(一) Thu, 16 Jun 2016 11:42:02 +0800 http://mepopedia.com/forum/read.php?2563,81427,82008#msg-82008 Re: [作業06]表格的製作美化與資料整理 http://mepopedia.com/forum/read.php?2563,81427,82008#msg-82008 http://mepopedia.com/~cg104-1a/hw06/hw06-1045440045

(2).請回答以下問題：
1.網頁主題：皮克斯動畫
2.有無遇到的問題? 設定錯誤一直無法成功，但最後在同學的幫助下成功了～
3.製作感想：希望能趕快完成期末作業，蠻好玩的。
4.製作作業的時間：一小時]]> 蘇美蓉 104-2《中國》竹影視一A-電腦繪圖實作(一) Thu, 16 Jun 2016 10:25:22 +0800 http://mepopedia.com/forum/read.php?2563,81427,81974#msg-81974 Re: [作業06]表格的製作美化與資料整理 http://mepopedia.com/forum/read.php?2563,81427,81974#msg-81974
1.網頁主題： 配色與風格設定： 改了背景色，但主要還是以柔柔的色調進行中
2.有無遇到的問題? DW跟網頁看起來的不一樣，很怒
3.製作感想 想想會考、想想編劇、想想網頁設計，我還能睡覺嗎QWQ
4.製作作業的時間 2天]]> 1045440019 104-2《中國》竹影視一A-電腦繪圖實作(一) Thu, 16 Jun 2016 01:30:55 +0800 http://mepopedia.com/forum/read.php?2563,81427,81945#msg-81945 Re: [作業06]表格的製作美化與資料整理 http://mepopedia.com/forum/read.php?2563,81427,81945#msg-81945 http://mepopedia.com/~cg104-1a/hw06/hw06-1045440031

(2).請回答以下問題：
1.網頁主題：照片與相機
2.有無遇到的問題? 表格要怎麼做只有中間有線呢
3.製作感想：我還要做多久～～～～～
4.製作作業的時間 3小時]]> 1045440031 104-2《中國》竹影視一A-電腦繪圖實作(一) Wed, 15 Jun 2016 23:07:35 +0800 http://mepopedia.com/forum/read.php?2563,81427,81936#msg-81936 Re: [作業06]表格的製作美化與資料整理 http://mepopedia.com/forum/read.php?2563,81427,81936#msg-81936
(2).請回答以下問題：
1.網頁主題：鸚鵡人
配色與風格設定：簡單亮色系
2.有無遇到的問題? 無
3.製作感想 ：有點要發瘋了
4.製作作業的時間 ：45分鐘]]> 1025435233 104-2《中國》竹影視一A-電腦繪圖實作(一) Wed, 15 Jun 2016 22:37:24 +0800 http://mepopedia.com/forum/read.php?2563,81427,81830#msg-81830 Re: [作業06]表格的製作美化與資料整理 http://mepopedia.com/forum/read.php?2563,81427,81830#msg-81830
1.一拳超人 間擔輕鬆帶點搞笑
2.ㄜ....我盡我最大力去整理了
3.好困難 (昏
4.3.4天]]> king4221029 104-2《中國》竹影視一A-電腦繪圖實作(一) Tue, 14 Jun 2016 01:37:45 +0800 http://mepopedia.com/forum/read.php?2563,81427,81714#msg-81714 Re: [作業06]表格的製作美化與資料整理 http://mepopedia.com/forum/read.php?2563,81427,81714#msg-81714 http://mepopedia.com/~cg104-1a/hw06/hw06-1045440044

(2).請回答以下問題：
1.網頁主題：粉紅色 說到卡莉就是kawaii
2.有無遇到的問題? 表格好麻煩ㄢㄢㄢㄢ
3.製作感想：好累喔 我怎麼還沒做完QQQQQQQ
4.製作作業的時間 3天吧]]> 1045440044 104-2《中國》竹影視一A-電腦繪圖實作(一) Sat, 11 Jun 2016 18:06:29 +0800 http://mepopedia.com/forum/read.php?2563,81427,81504#msg-81504 Re: [作業06]表格的製作美化與資料整理 http://mepopedia.com/forum/read.php?2563,81427,81504#msg-81504
(2).請回答以下問題：
1.網頁主題： 配色與風格設定： 粉紅色調、少女時代
2.有無遇到的問題?
越來越難了

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

4.製作作業的時間
1~2小時]]> 1045440014 104-2《中國》竹影視一A-電腦繪圖實作(一) Sun, 29 May 2016 12:44:56 +0800 http://mepopedia.com/forum/read.php?2563,81427,81479#msg-81479 Re: [作業06]表格的製作美化與資料整理 http://mepopedia.com/forum/read.php?2563,81427,81479#msg-81479 http://mepopedia.com/~cg104-1a/hw06/hw06-1045440011/index%202.html

(2).請回答以下問題：
1.網頁主題：舒服簡單配色為主
2.有無遇到的問題? 寬沒辦法變細
3.製作感想：好累好累好累
4.製作作業的時間 ：四小時]]> GEE 104-2《中國》竹影視一A-電腦繪圖實作(一) Thu, 26 May 2016 04:06:25 +0800 http://mepopedia.com/forum/read.php?2563,81427,81467#msg-81467 Re: [作業06]表格的製作美化與資料整理 http://mepopedia.com/forum/read.php?2563,81427,81467#msg-81467
(2).請回答以下問題：
1.網頁主題：迪士尼公主。
配色與風格設定：淡色為主。想走簡約風。
2.有無遇到的問題? 暫無。
3.製作感想 每做成功一頁就覺得開心。
4.製作作業的時間 想到就做。]]> 1045440046 104-2《中國》竹影視一A-電腦繪圖實作(一) Tue, 24 May 2016 19:41:53 +0800 http://mepopedia.com/forum/read.php?2563,81427,81447#msg-81447 Re: [作業06]表格的製作美化與資料整理 http://mepopedia.com/forum/read.php?2563,81427,81447#msg-81447 http://mepopedia.com/~cg104-1a/hw06/hw06-1045440013

(2).請回答以下問題：
1.網頁主題：Kumamon 配色與風格設定：簡約。以黑、白、紅代表屬於熊本熊之特色。
2.有無遇到的問題? 想要做2個不同css的table可是一直碰壁。
3.製作感想：覺得越來越有完整感很開心，可是越來越繁複的語法讓我眼睛看得越來越酸。
4.製作作業的時間 ：差不多一天。]]> 1045440013 104-2《中國》竹影視一A-電腦繪圖實作(一) Sun, 22 May 2016 09:43:25 +0800 http://mepopedia.com/forum/read.php?2563,81427,81446#msg-81446 Re: [作業06]表格的製作美化與資料整理 http://mepopedia.com/forum/read.php?2563,81427,81446#msg-81446
http://mepopedia.com/~cg104-1a/hw06/hw06-1045440010

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

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

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

2.有無遇到的問題?

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

3.製作感想

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

4.製作作業的時間

8小時]]> 1045440010 104-2《中國》竹影視一A-電腦繪圖實作(一) Fri, 20 May 2016 18:34:58 +0800 http://mepopedia.com/forum/read.php?2563,81427,81427#msg-81427 [作業06]表格的製作美化與資料整理 http://mepopedia.com/forum/read.php?2563,81427,81427#msg-81427
  1. 1. 製作步驟
  2. 2. 繳交作業方式
請參考

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

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

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


2.上傳至FTP

3.回覆本篇文章

(1).作業網址 ：

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


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

]]> JinJin 104-2《中國》竹影視一A-電腦繪圖實作(一) Wed, 18 May 2016 21:19:24 +0800