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

Advanced

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

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

請參考

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

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

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


2.上傳至FTP

3.回覆本篇文章

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

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




1055445076 李珮瑄

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

(2).請回答以下問題:
1.網頁主題:趙麗穎
2.配色與風格設定:暖橙、薔薇紅/溫婉、柔和
2.有無遇到的問題? 沒有問題
3.製作感想:很有成就感也做得很開心。
4.製作作業的時間:2小時



Edited 2 time(s). Last edit at 12/26/2017 04:03PM by ukiss52007.
(編輯記錄)

1055445007 / 吳郁婕


(1).作業網址:http://mepopedia.com/~css106-2a/hw06/hw06-1055445007
(2).請回答以下問題:
1.導覽列配色與風格設定:卡通
2.有無遇到的問題? 沒
3.製作感想:更輕鬆製作
4.製作作業的時間 :10小時



Edited 1 time(s). Last edit at 12/27/2017 10:04PM by wuyujie.
(編輯記錄)

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

(2).請回答以下問題:
1.網頁主題:和菓子 smiling smiley
2.配色與風格設定:淺色/可愛風格
2.有無遇到的問題? 沒有問題 smileys with beer
3.製作感想:還不錯 hot smiley
4.製作作業的時間:4小時cool smiley

1055445103 林容渝

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

(2).請回答以下問題:
1.網頁主題: 泰妍
2.配色與風格設定:溫和
2.有無遇到的問題? 無
3.製作感想 :一開始表格圖會跑掉 但是後來發現問題在哪就沒問題了
4.製作作業的時間 :1-2小時



Edited 1 time(s). Last edit at 12/26/2017 03:28PM by LRU.
(編輯記錄)

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

1.網頁主題:三月兔
2.配色與風格設定:淡紫色風格
2.有無遇到的問題:表格的調整
3.製作感想:有成就感
4.製作作業的時間:一天半

1055440074 石佳紘

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

(2).請回答以下問題:
1.網頁主題:全家就是米家
2.配色與風格設定:藍色與白色
2.有無遇到的問題? 沒有問題
3.製作感想:很有成就= =
4.製作作業的時間:3小時

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

(2).請回答以下問題:
1.網頁主題: 皮克斯 PIXAR,有種神秘感的配色效果。eye rolling smiley
2.有無遇到的問題:沒有遇到什麼大問題。smileys with beer
3.製作感想 :越做越有成就感,製作過程有些小問題,也會冷靜去檢查並做更正。smileys with beer
4.製作作業的時間 :1~2小時hot smiley

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

(2).請回答以下問題:
1.網頁主題:配色與風格設定藍白清新可愛風格smiling bouncing smiley
2.有無遇到的問題?沒什麼太大的問題grinning smiley
3.製作感想一開始遇到一些困難,但後來應該是有解決~其他都滿順利的!hot smiley
4.製作作業的時間1小時spinning smiley sticking its tongue out



Edited 1 time(s). Last edit at 12/30/2017 10:06AM by 1055445052.
(編輯記錄)

1055445037 黃育亭

(1).作業網址:http://mepopedia.com/~css106-2a/hw06/hw06-1055445037
(2).請回答以下問題:
1.導覽列配色與風格設定:普通網站

2.有無遇到的問題 字體改色

3.製作感想:學習更多

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



Edited 1 time(s). Last edit at 12/28/2017 12:58AM by surgyebs.
(編輯記錄)

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

(2).請回答以下問題:
1.網頁主題: 刺青
2.配色與風格設定: 黑紫色神秘風格
2.有無遇到的問題? 無
3.製作感想 還不錯玩
4.製作作業的時間 2小時

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

(2).請回答以下問題:
1.網頁主題: 灌籃高手
2.配色與風格設定: 黑灰白紅
2.有無遇到的問題?:無
3.製作感想 還可以
4.製作作業的時間 2小時

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

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



Edited 1 time(s). Last edit at 12/28/2017 01:38AM by 1055445196.
(編輯記錄)

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

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

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

(2).請回答以下問題:
1.網頁主題: 尼爾 自動人形遊戲介紹
2.配色與風格設定: 灰黑色
2.有無遇到的問題? 無
3.製作感想 做的事情幾乎都跟期中時差不多 有點無聊了
4.製作作業的時間 5小時

(1).作業網址 :http://mepopedia.com/~css106-2a/hw06/hw06-1055445190
(2).請回答以下問題:
1.網頁主題: Hello Kitty
2.配色與風格設定: 粉色
2.有無遇到的問題? 無
3.製作感想 做網頁很好玩
4.製作作業的時間 上課時間跟著老師一起做

1055445178 陳宜宜
(1).作業網址 :http://mepopedia.com/~css106-2a/hw06/hw06-1055445178

(2).請回答以下問題:
1.網頁主題: kurt hugo schneider
2.配色與風格設定: 灰白
2.有無遇到的問題? 目前無
3.製作感想 :表格挺好玩的
4.製作作業的時間:2個小時

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

(2).請回答以下問題:
1.網頁主題: 宮崎駿
2.配色與風格設定: 簡單活潑
2.有無遇到的問題? 無
3.製作感想 越改越多
4.製作作業的時間 2天

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

(2).請回答以下問題:
1.導覽列配色與風格設定: 簡約
2.有無遇到的問題:邊框每次都用不好
3.製作感想:比上次花更多時間讓背景變得更好
4.製作作業的時間 :3hr

1055445160陳宥蓁

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

(2).請回答以下問題:
1.網頁主題:卡娜赫拉
2.配色與風格設定:粉嫩可愛
2.有無遇到的問題? 難度增加製作時間拉長
3.製作感想:看到成果也值得
4.製作作業的時間:3小時

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

(2).請回答以下問題:
1.網頁主題:貓茶町
2.配色與風格設定:清新
3有無遇到的問題? 沒有問題
4.製作感想:對語法更加熟悉了
5.製作作業的時間:2小時

作業網址 :http://mepopedia.com/~css106-2a/hw06/hw06-1055445094


1.網頁主題:一位插畫家和一位作家
2.配色與風格設定: 紫色,在暗色中夾雜明亮色彩
2.有無遇到的問題?:表格
3.製作感想 :整個列出來很清晰
4.製作作業的時間:2小時上下

作業網址 :http://mepopedia.com/~css106-2a/hw06/hw06-1055445016
(2).請回答以下問題:
1.網頁主題: 射手座
2.配色與風格設定: 黑 白
2.有無遇到的問題? 沒
3.製作感想 沒
4.製作作業的時間 1小

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

(2).請回答以下問題:
1.網頁主題:致我們單純的小美好
配色與風格設定:以褐色、溫暖、柔和
2.有無遇到的問題:把語法打成別的資料夾,導致網頁分頁切換不了哈
3.製作感想:表格做得很快,很簡單!
4.製作作業的時間:1小時

(1).作業網址 :http://mepopedia.com/~css106-2a/hw06/hw06-105545100
(2).請回答以下問題:
1.網頁主題:義式冰淇淋
2.配色與風格設定: 簡約乾淨
2.有無遇到的問題? 無
3.製作感想:順利完成
4.製作作業的時間 :1小時

作業網址 :http://mepopedia.com/~css106-2a/hw05/hw05-1055445055

.請回答以下問題:
1.網頁主題:慕夏
配色與風格設定:依照作品配色
2.有無遇到的問題:無
3.製作感想:做久了比較熟悉,但還是覺得有難度。
4.製作作業的時間: 5小時

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

1.網頁主題:米羅
2.配色與風格設定:米羅
2.有無遇到的問題:表格距離問題
3.製作感想:終於又做完一頁了
4.製作作業的時間:2~3天

作業網址 :http://mepopedia.com/~css106-2a/hw05/hw05-1055445157

.請回答以下問題:
1.網頁主題:nba
配色與風格設定:黑色
2.有無遇到的問題:無
3.製作感想:我覺得有點難
4.製作作業的時間: 2小時

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

(2).請回答以下問題:
1.網頁主題:劍俠情緣參

2.配色與風格設定:咖啡/灰/深紅

2.有無遇到的問題? 調整表格位置

3.製作感想 雖然微調是最花時間的,不過能學到新的軟體覺得很開心。

4.製作作業的時間 3小時

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

(2).請回答以下問題:
1.網頁主題: 配色與風格設定: 只要一分鐘/米色系
2.有無遇到的問題:還好
3.製作感想 :蠻有成就感的
4.製作作業的時間 :1個小時

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

(2).請回答以下問題:
1.網頁主題: Netflix 影集介紹
2.配色與風格設定: 單色調
2.有無遇到的問題? 資料分類比較複雜
3.製作感想 學會這個技能感覺很棒
4.製作作業的時間 20分鐘

(1).作業網址:http://mepopedia.com/~css106-2a/hw06/hw06-1055445181/books.html
(2).請回答以下問題:
1.導覽列配色與風格設定:粉紅屁桃
2.有無遇到的問題? 沒
3.製作感想:更輕鬆製作
4.製作作業的時間 :10小時

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

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