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/~web104-2a/hw06/hw06-103xxxxxxx

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

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



2.上傳至FTP

3.回覆本篇文章

(1).作業網址 :

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


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



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

(2).請回答以下問題:
1.網頁主題: 配色與風格設定: 接續前面作業繼續往下去
2.有無遇到的問題? 應該說 位置事後才發現有錯 才改掉XD
3.製作感想 覺得有些要細心去看不然真的會看錯地方XD
4.製作作業的時間 1小時~


學號:1035445115

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

(2).請回答以下問題:
1.網頁主題: 配色與風格設定: 接續前面作業繼續往下去
2.有無遇到的問題? 應該說 位置事後才發現有錯 才改掉XD
3.製作感想 覺得有些要細心去看不然真的會看錯地方XD
4.製作作業的時間 30分鐘~


學號:1035445094

(1).作業網址 :http://mepopedia.com/~web104-2a/hw06/hw06-1035445172
(2).請回答以下問題:
1.網頁主題: 配色與風格設定: 藍
2.有無遇到的問題 無
3.製作感想 要設定很多細節,所以需要花很多時間,也很複雜
4.製作作業的時間 50分鐘

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

(2).請回答以下問題:
1.網頁主題:奈良美智
配色與風格設定: 粉嫩系
2.有無遇到的問題? 前後修很多次但是依然做完了
3.製作感想 : 超級有成就感的必須非常認真投入作業
4.製作作業的時間 2小時~ spinning smiley sticking its tongue out

(1).作業網址 :http://mepopedia.com/~web104-2a/hw06/hw06-1035445145
(2).請回答以下問題:
1.網頁主題: 配色與風格設定: 黑灰白
2.有無遇到的問題 表格需要花很多時間,因為比較前面的複雜很多,所以我覺得滿困難的
3.製作感想 做成功很開心,因為花很多時間終於成功
4.製作作業的時間 1小時

(1)網址:http://mepopedia.com/~web104-2a/hw06/hw06-1035445118/
(2).請回答以下問題:
1.網頁主題: 配色與風格設定: 接續前面作業繼續往下去
2.有無遇到的問題?
3.製作感想 只要細心做就可以完成想要的
4.製作作業的時間 30分鐘~


學號:1035445118

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

(2).請回答以下問題:
1.網頁主題: 配色與風格設定: 接續前面作業繼續往下去
2.有無遇到的問題? 沒有
3.製作感想:要花時間才能讓作品更好
4.製作作業的時間 1小時~


代PO學號:1035445046

(1).作業網址 :
http://mepopedia.com/~web104-2a/hw06/hw06-1035445097
(2).請回答以下問題:
1.網頁主題: 配色與風格設定:
star wars 用黑與白和黃的配色表現星際的浩瀚與神秘感

2.有無遇到的問題?

3.製作感想
蠻簡單的
4.製作作業的時間
1小時....吧

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

(2).請回答以下問題:
1.網頁主題: 配色與風格設定: 跟作業5一樣
2.有無遇到的問題? 都還好
3.製作感想 命名名稱好多
4.製作作業的時間 3~4


學號:1035445211

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

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

1.網頁主題: 配色與風格設定: 暖色系
2.有無遇到的問題? :只要一個步驟沒弄好就會失敗
3.製作感想 :終於做好很開心
4.製作作業的時間 :很長



Edited 1 time(s). Last edit at 12/21/2015 09:17AM by 1035445073.
(編輯記錄)

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

(2).請回答以下問題:
1.網頁主題:KARNEVAL狂歡節
配色與風格設定: 清涼歡樂
2.有無遇到的問題? 為什麼我表格的條目無法齊平
3.製作感想
...╮(╯v╰)╭
4.製作作業的時間 2~3


學號:1035445214

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

(2).請回答以下問題:
1.網頁主題:黑色高雅
2.有無遇到的問題? 無
3.製作感想:很有成就感
4.製作作業的時間 :3


學號:1035445037

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

(2).請回答以下問題:
網頁主題:ARIELLE MANESH 接續前面作業繼續往下去

配色與風格設定:乾淨

有無遇到的問題? 無

製作感想 有趣

製作作業的時間 1小時


學號:1035445121

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

(2).請回答以下問題:
網頁主題:千年女優

配色與風格設定:利用女優的戲服作延伸

有無遇到的問題? 無

製作感想 :需要很有耐心

製作作業的時間 2小時


學號:1035445154

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

(2).請回答以下問題:
1.網頁主題: 配色與風格設定: 接續前面作業繼續往下去
2.有無遇到的問題? 從複做了好幾次
3.製作感想 有Gan Gan的感覺
4.製作作業的時間 很多小時~


學號:1035445079



Edited 1 time(s). Last edit at 12/22/2015 03:16PM by 1035445079.
(編輯記錄)

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

(2).請回答以下問題:
1.網頁主題: 與攝影師風格的相似
2.有無遇到的問題? 沒有
3.製作感想 細部的地方很多 需要很細心
4.製作作業的時間 很久

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

1.網頁主題: 配色與風格設定: 配合圖片使用同色系設計
2.有無遇到的問題? :有些不懂但配合講義之後有比較了解
3.製作感想 :有趣
4.製作作業的時間 :2-3小時

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

(2).請回答以下問題:
1.網頁主題: 配色與風格設定:接著以前的作業做
2.有無遇到的問題? 框架設定
3.製作感想 有點小崩潰
4.製作作業的時間 3小時


學號:1035445178

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

(2).請回答以下問題:
1.網頁主題: 配色與風格設定: 接續前面的製作
2.有無遇到的問題? 跟著老師的講義做,比較ok
3.製作感想 利用表格做分類介紹可以讓畫面更加完整
4.製作作業的時間 3小時


學號:1035445088

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

(2).請回答以下問題:
1.網頁主題:神奇寶貝-皮卡丘
配色與風格設定:簡單的灰色 藍色 黃色
2.有無遇到的問題?無
3.製作感想:有影片之後更熟悉上手
4.製作作業的時間:2小時

學號:1035445001

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

(2).請回答以下問題:
1.網頁主題:韓國明星NU EST
配色與風格設定:粉色、灰色
2.有無遇到的問題? 無
3.製作感想:需要時間,耐心看完影片一起操做很快就能完成
4.製作作業的時間:3小時

學號 1035445067

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

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


學號:1035445199

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

(2).請回答以下問題:
1.網頁主題: 配色與風格設定:黑紅白灰~
2.有無遇到的問題? 有~因為好像連結用錯變很醜,又找不到錯的地方...所以又重做了一遍
3.製作感想 覺得要細心做每個地方不然真的邊做邊哭
4.製作作業的時間 3小時~

這個作業的網址則為:http://mepopedia.com/~web104-2a/hw06/hw06-1035445184




1.網頁主題: 鬼燈的冷徹 配色與風格設定:日本風格之浮世繪

2.有無遇到的問題



3.製作感想

css 老是設定到不知道是哪個一直找很久。

4.製作作業的時間

1.5H

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

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

1.網頁主題: 配色與風格設定: 黑白
2.有無遇到的問題? :無
3.製作感想 :做很景很累
4.製作作業的時間 :1~2小時

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

(2).請回答以下問題:
1.網頁主題: 配色與風格設定: 接續前面作業繼續往下去
2.有無遇到的問題?有很多 感謝同學協助我完成
3.製作感想真的很佩服會做完整網頁的人
4.製作作業的時間 3小時~

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

(2).請回答以下問題:
1.網頁主題: 配色與風格設定: 接續前面作業繼續往下去
2.有無遇到的問題? no
3.製作感想 覺得有些要細心
4.製作作業的時間 30分鐘~


學號:1035445163

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

(2).請回答以下問題:
1.網頁主題: 配色與風格設定:鮮豔色彩
2.有無遇到的問題? 表格的地方還是有些搞混
3.製作感想 要很用心才能去完成這項作業
4.製作作業的時間 2小時~

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

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

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

(2).請回答以下問題:
1.網頁主題: 配色與風格設定:藍白色 青春活潑感
2.有無遇到的問題? 影片欄的地方跑出來了
3.製作感想 覺得要細心做 才比部會做錯
4.製作作業的時間 3小時

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

(2).請回答以下問題:
1.網頁主題:VAMPIRE WEEKEND
配色與風格設定: 黑暗吸血鬼風格
2.有無遇到的問題? 照片一直跑掉 放了影片表格拉不回來
3.製作感想 : 眼睛蠻痠
4.製作作業的時間 1h
學號 1025445227

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

(2).請回答以下問題:
1.網頁主題:五月天
配色與風格設定: 藍色風格
2.有無遇到的問題? 表格花了一點時間
3.製作感想 : 做完很有成就感
4.製作作業的時間 2小時

(1).作業網址 : http://mepopedia.com/~web104-2a/hw06/hw06-1035445169
(2).請回答以下問題:
1.網頁主題:我的自由年代, 配色與風格設定: 以黑白灰及紅色為主
2.有無遇到的問題? 無
3.製作感想 :每種不同的形式看起來的感覺也不同
4.製作作業的時間 :1小時

1035445169簡郡誼

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

(2).請回答以下問題:
1.網頁主題:岬
配色與風格設定: 簡約感
2.有無遇到的問題? 格子超出外面 預覽之後內文消失
3.製作感想 : 格子不好用
4.製作作業的時間 2.5小時

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

(2).請回答以下問題:
1.網頁主題: 配色與風格設定: 接續前面作業繼續往下去
2.有無遇到的問題?為什麼上傳後東西都不見了
3.製作感想 要崩潰了
4.製作作業的時間 一個半小時


學號:1035445010

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

(2).請回答以下問題:
1.網頁主題: 配色與風格設定: 一樣是粉色系
2.有無遇到的問題? 格式有時候怪怪得
3.製作感想 好類做完又是成就感一波
4.製作作業的時間 3小時


學號:1035445034

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

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


學號:1035445151

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

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

1.網頁主題: 配色與風格設定: 黑白
2.有無遇到的問題? :無
3.製作感想 :發現網頁設計真的不是想像的簡單
4.製作作業的時間 :2個多小時

(1).作業網址 :http://mepopedia.com/~web104-2a/final/final-1035445166

(2).請回答以下問題:
1.網頁主題:NICK
2.有無遇到的問題? 無
3.製作感想:覺得很有成就
4.製作作業的時間 2~3 小時

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

(2).請回答以下問題:
1.網頁主題: 配色與風格設定: 接續作業5
2.有無遇到的問題? 表格設定有點複雜
3.製作感想:費時
4.製作作業的時間 1小時~


學號:1035445058

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

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


學號:1035445061

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

(2).請回答以下問題:
1.網頁主題: 配色與風格設定: 接續前面暖暖的史努比色系
2.有無遇到的問題? 蠻多問題的,常常忘記表格語法是哪個CSS
3.製作感想 眼睛蠻痛的,製作有時候很煎熬
4.製作作業的時間 1hr

學號:1035445031

(1).作業網址 : http://mepopedia.com/~web104-2a/hw06/hw06-1035445124/
(2).請回答以下問題:
1.網頁主題: 配色與風格設定: 暖色系的維納斯
2.有無遇到的問題? 蠻多問題的
3.製作感想 做起來好累
4.製作作業的時間 3小時

學號:1035445124

(1).作業網址 : http://mepopedia.com/~web104-2a/final/final-1035445130/people.html
(2).請回答以下問題:
1.網頁主題:Jack and the Beanstalk
配色與風格設定: 藍綠色系列,呈現大自然風格
2.有無遇到的問題: 無
3.製作感想: 表格容易一些
4.製作作業的時間: 1小時


學號:1035445130

(1).作業網址 :http://mepopedia.com/~web104-2a/hw06/hw06-1035445202
(2).請回答以下問題:
1.網頁主題: 配色與風格設定: 灰 綠
2.有無遇到的問題 無
3.製作感想: 稍微複雜
4.製作作業的時間 60分鐘

學號 : 1035445202

(1).作業網址 :
http://mepopedia.com/~web104-2a/hw06/hw06-1035445205/
(2).請回答以下問題:
1.網頁主題:勇敢傳說
配色與風格設定: 蓮藕色.粉色
2.有無遇到的問題?
3.製作感想 表格拉了好幾次 才成功
4.製作作業的時間 2個小時

(1).作業網址 : http://mepopedia.com/~web104-2a/hw06/hw06-1035445196/photo.html

(2).請回答以下問題:
1.網頁主題: 配色與風格設定: 跟作業5一樣
2.有無遇到的問題? 另存新黨結果忘記改到名稱所以一直失敗
3.製作感想 命名名稱好多
4.製作作業的時間 3~4


學號:1035445196

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

(2).請回答以下問題:
1.網頁主題: 配色與風格設定: 星空風格
2.有無遇到的問題? 無
3.製作感想 影片講得很清楚 所以製作很快
4.製作作業的時間 1小時

視傳二A 10354445103

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

(2).請回答以下問題:
1.網頁主題:哈利波特
配色與風格設定: 黑綠白,魔法調調
2.有無遇到的問題? 表格
3.製作感想 死了不少腦細胞
4.製作作業的時間 2小時多

(1).作業網址 :http://mepopedia.com/~web104-2a/hw06/hw06-1035445055/
(2).請回答以下問題:
1.網頁主題:
配色與風格設定:以黑色的底來凸顯主題,整個網頁呈現較為簡潔的樣式,讓人清楚的就可以看到主題。
2.有無遇到的問題?
沒有。
3.製作感想
有些製作過程的步驟要稍微注意,這次的作業感覺較為複雜。
4.製作作業的時間
大約1~2小時左右。

學號:1035445055

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

(2).請回答以下問題:
1.網頁主題:美國恐怖故事
2.有無遇到的問題:表格複雜
3.製作感想:語法很多疑不小心就會弄錯
4.製作作業的時間 1~2小時

(1).作業網址 :
http://mepopedia.com/~web104-2a/hw06/hw06-1025445025/SHINKAIMAKOTOWORKS.html

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


學號:1035445025

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

(2).請回答以下問題:
1.網頁主題:神奇寶貝
配色與風格設定: 藍綠黃白系列
2.有無遇到的問題? 前後修很多次但是依然做完了
3.製作感想 : 非常認真投入作業後做完覺得自己是神
4.製作作業的時間 2-3小時~

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

(2).請回答以下問題:
1.網頁主題:謊言留聲機 團員介紹 配色與風格設定: 質感黃+白+黑
2.有無遇到的問題? 無
3.製作感想 原來表格那麼簡單易懂,以為很難做。
4.製作作業的時間 1小時