請參考 [color=#CC3300][講義05] 繞圖排文與推文按鈕的應用 http://mepopedia.com/forum/read.php?804,17878,17878[/color] [color=#CC0066]本講義範例網址 http://mepopedia.com/~jinjin/web/hw05/story.html　[/color] 的步驟製作，並符合以下條件： 一、製作步驟 1.下載附件的練習檔(或自行設計，必須是全新的內容的一頁) 2.蒐集文字及圖片資料，並設定#header的標題與副標題 3.重新設定#content及#footer的CSS，可參考圖示步驟，但不可為一樣的設定 (1) [IMG]http://i1136.photobucket.com/albums/n481/parkparkyang/text004.jpg[/IMG] (2) [IMG]http://i1136.photobucket.com/albums/n481/parkparkyang/text005.jpg[/IMG] (3) [IMG]http://i1136.photobucket.com/albums/n481/parkparkyang/text006.jpg[/IMG] 4.設定內文的主標題h2，可參考圖示步驟，但不可為一樣的設定 (1) [IMG]http://i1136.photobucket.com/albums/n481/parkparkyang/img-10-2.jpg[/IMG] (2) [IMG]http://i1136.photobucket.com/albums/n481/parkparkyang/img-10.jpg[/IMG] 5.設定類別作者介紹的CSS，可參考圖示步驟，但不可為一樣的設定 (1) [IMG]http://i1136.photobucket.com/albums/n481/parkparkyang/text001.jpg[/IMG] (2) [IMG]http://i1136.photobucket.com/albums/n481/parkparkyang/text002.jpg[/IMG] (3) [IMG]http://i1136.photobucket.com/albums/n481/parkparkyang/text003.jpg[/IMG] 6.設定繞圖排文 7.設定臉書、噗浪以及推特的按鈕及分享語法 8.製作圖片跳出視窗的設定 9.在[color=#990033]title的部分打上『自己作業的命名』[/color] 10.在#footer打上自己的版權聲明 11.請每位同學依步驟完成本單元後，上傳至FTP 12.本次作業的重點在於： [color=#CC0066]（1 ）善用CSS導覽列功能 （2 ）繞圖排文 （3 ）推文設定 （4 ）利用CSS，做更細緻的內文設定 （5 ）如何利用圖片與文字的編排搭配出有質感的網頁。[/color] [hr] 二、繳交作業方式 1.製作完成後，檔案命名方式： [color=#669900]第五個平時作業FTP上的資料夾為：hw05 每位同學請將自己的資料夾命名為：hw05-學號 這個作業的網址則為:http://mepopedia.com/~web104-2a/hw05/hw05-103xxxxxxx 資料夾內含： 1.首頁命名為index.html 2.一個命名為style.css的css樣式檔 3.images圖檔資料夾 存放在 < hw05-學號 > 的資夾內[/color] 2.上傳至FTP 3.回覆本篇文章 (1).作業網址 ： (2).請回答以下問題： 1.網頁主題： 配色與風格設定： 2.有無遇到的問題? 3.製作感想 4.製作作業的時間 http://mepopedia.com/forum/read.php?2479,78631,78631#msg-78631 Mon, 27 Jul 2026 03:11:39 +0800 Phorum 5.2.7 http://mepopedia.com/forum/read.php?2479,78631,79718#msg-79718 http://mepopedia.com/forum/read.php?2479,78631,79718#msg-79718
(2).請回答以下問題：
1.網頁主題： 神奇寶貝
配色與風格設定：藍 綠 黃
2.有無遇到的問題? 左邊上面的連結凸出一塊....
3.製作感想 : 很累
4.製作作業的時間 2-3小時]]> 1035445049 104-1《中國》竹視傳二A-網頁設計 Fri, 08 Jan 2016 21:59:42 +0800 http://mepopedia.com/forum/read.php?2479,78631,79705#msg-79705 http://mepopedia.com/forum/read.php?2479,78631,79705#msg-79705
(2).請回答以下問題：
1.網頁主題： Shinkai makoto
配色與風格設定：Green
2.有無遇到的問題? 靠右邊沒事靠左邊就天下大亂啊! (╯‵□′)╯︵┴─┴
3.製作感想 : 推文按鈕就連結啊?
4.製作作業的時間 1小時


學號：1035445025]]> 1035445025 104-1《中國》竹視傳二A-網頁設計 Fri, 08 Jan 2016 00:55:55 +0800 http://mepopedia.com/forum/read.php?2479,78631,79641#msg-79641 http://mepopedia.com/forum/read.php?2479,78631,79641#msg-79641
(2).請回答以下問題：
1.導覽列配色與風格設定：柴犬
2.有無遇到的問題? 無
3.製作感想 : 心想事成
4.製作作業的時間 30分鐘]]> 小吉 104-1《中國》竹視傳二A-網頁設計 Thu, 07 Jan 2016 02:23:09 +0800 http://mepopedia.com/forum/read.php?2479,78631,79638#msg-79638 http://mepopedia.com/forum/read.php?2479,78631,79638#msg-79638
(2).請回答以下問題：
1.網頁主題：美國恐怖故事
2.有無遇到的問題? 沒有
3.製作感想:好好玩
4.製作作業的時間 1小時]]> 1035445201 104-1《中國》竹視傳二A-網頁設計 Thu, 07 Jan 2016 01:19:01 +0800 http://mepopedia.com/forum/read.php?2479,78631,79582#msg-79582 http://mepopedia.com/forum/read.php?2479,78631,79582#msg-79582
(2).請回答以下問題：
1.網頁主題： 配色與風格設定： 以黑底來凸顯主題 大致以簡潔的風格來呈現整個網頁的畫面
2.有無遇到的問題? 網頁的圖片出不來
3.製作感想 圖片出不來感覺有點問題
4.製作作業的時間 2.5小時


1035445055]]> happy02 104-1《中國》竹視傳二A-網頁設計 Wed, 06 Jan 2016 15:09:41 +0800 http://mepopedia.com/forum/read.php?2479,78631,79541#msg-79541 http://mepopedia.com/forum/read.php?2479,78631,79541#msg-79541
(2).請回答以下問題：
1.網頁主題： 配色與風格設定：與貓的毛色相同
2.有無遇到的問題? 版面出錯
3.製作感想 : 有成就感
4.製作作業的時間 1小時


學號：1035445178]]> 1035445178 104-1《中國》竹視傳二A-網頁設計 Tue, 05 Jan 2016 22:44:20 +0800 http://mepopedia.com/forum/read.php?2479,78631,79521#msg-79521 http://mepopedia.com/forum/read.php?2479,78631,79521#msg-79521
(2).請回答以下問題：
1.網頁主題：哈利波特
配色與風格設定： 黑綠白配，魔法的感覺
2.有無遇到的問題? 有 圖片
3.製作感想 跟同學一起研究了很久
4.製作作業的時間 3小時]]> 施佳慧 104-1《中國》竹視傳二A-網頁設計 Tue, 05 Jan 2016 19:53:51 +0800 http://mepopedia.com/forum/read.php?2479,78631,79515#msg-79515 http://mepopedia.com/forum/read.php?2479,78631,79515#msg-79515
(2).請回答以下問題：
1.網頁主題： 配色與風格設定：藍色 黃色 寧靜風格
2.有無遇到的問題? 無
3.製作感想 過程很複雜 但是做出來很開心
4.製作作業的時間 2小時


視傳二A 10354445103]]> 林于珊 104-1《中國》竹視傳二A-網頁設計 Tue, 05 Jan 2016 19:29:02 +0800 http://mepopedia.com/forum/read.php?2479,78631,79492#msg-79492 http://mepopedia.com/forum/read.php?2479,78631,79492#msg-79492
(2).請回答以下問題：
1.網頁主題： 配色與風格設定：黑白 德古拉
3.製作感想
4.製作作業的時間 1小時]]> 1035445118 104-1《中國》竹視傳二A-網頁設計 Tue, 05 Jan 2016 16:53:45 +0800 http://mepopedia.com/forum/read.php?2479,78631,79487#msg-79487 http://mepopedia.com/forum/read.php?2479,78631,79487#msg-79487
(2).請回答以下問題：
1.網頁主題： 配色與風格設定： 粉色系
2.有無遇到的問題? 要做按鈕花了一點時間
3.製作感想 ： 做完很開心
4.製作作業的時間 ： 很長]]> 1035445196 104-1《中國》竹視傳二A-網頁設計 Tue, 05 Jan 2016 16:14:00 +0800 http://mepopedia.com/forum/read.php?2479,78631,79481#msg-79481 http://mepopedia.com/forum/read.php?2479,78631,79481#msg-79481 http://mepopedia.com/~web104-2a/hw05/hw05-1035445205/
(2).請回答以下問題：
1.網頁主題：勇敢傳說
配色與風格設定： 蓮藕色.粉色
2.有無遇到的問題?
3.製作感想 很累
4.製作作業的時間 2個小時]]> 1035445205 104-1《中國》竹視傳二A-網頁設計 Tue, 05 Jan 2016 15:08:58 +0800 http://mepopedia.com/forum/read.php?2479,78631,79472#msg-79472 http://mepopedia.com/forum/read.php?2479,78631,79472#msg-79472
(2).請回答以下問題：
1.網頁主題： 配色與風格設定： 陳粒 灰 深綠 淺綠
2.有無遇到的問題? 有 要去按呼叫java才會出來
3.製作感想
做一做蠻有成就感的
4.製作作業的時間 2小時


學號：1035445202]]> 1035445202 104-1《中國》竹視傳二A-網頁設計 Tue, 05 Jan 2016 14:28:49 +0800 http://mepopedia.com/forum/read.php?2479,78631,79470#msg-79470 http://mepopedia.com/forum/read.php?2479,78631,79470#msg-79470
(2).請回答以下問題：
1.網頁主題： 配色與風格設定： 接續作業四完成謊言留聲機
2.有無遇到的問題? 有 推文按鈕不能照常推文
3.製作感想
覺得網頁設計越來越複雜，但蠻有趣的。
4.製作作業的時間 2小時


學號：1035445070]]> 1035445070 104-1《中國》竹視傳二A-網頁設計 Tue, 05 Jan 2016 14:26:00 +0800 http://mepopedia.com/forum/read.php?2479,78631,79467#msg-79467 http://mepopedia.com/forum/read.php?2479,78631,79467#msg-79467 (2).請回答以下問題：
1.網頁主題：Jack and the Beanstalk
配色與風格設定： 藍綠色,大自然風格
2.有無遇到的問題: 解決了
3.製作感想: 研究很久
4.製作作業的時間: 3小時

1035445130]]> 1035445130 104-1《中國》竹視傳二A-網頁設計 Tue, 05 Jan 2016 14:08:09 +0800 http://mepopedia.com/forum/read.php?2479,78631,79444#msg-79444 http://mepopedia.com/forum/read.php?2479,78631,79444#msg-79444
(2).請回答以下問題：
1.網頁主題： 配色與風格設定： 藍
2.有無遇到的問題 一開始圖片無法對齊,所以花很多時間在這裡
3.製作感想 無
4.製作作業的時間 30分鐘]]> 邱薏娟 104-1《中國》竹視傳二A-網頁設計 Tue, 05 Jan 2016 03:48:33 +0800 http://mepopedia.com/forum/read.php?2479,78631,79439#msg-79439 http://mepopedia.com/forum/read.php?2479,78631,79439#msg-79439
(2).請回答以下問題：
1.網頁主題： 配色與風格設定： 黑灰白
2.有無遇到的問題:因為期中作業也有用過繞圖排文,所以比較沒有問題
3.製作感想 製作出一個頁面的,也可以搭配整體配色
4.製作作業的時間 30分鐘]]> 張子芸 104-1《中國》竹視傳二A-網頁設計 Tue, 05 Jan 2016 03:20:47 +0800 http://mepopedia.com/forum/read.php?2479,78631,79416#msg-79416 http://mepopedia.com/forum/read.php?2479,78631,79416#msg-79416
(2).請回答以下問題：
1.網頁主題： 配色與風格設定： 醜比頭
2.有無遇到的問題? 有
3.製作感想
很難
4.製作作業的時間 兩小

1035445061]]> 1035445163 104-1《中國》竹視傳二A-網頁設計 Tue, 05 Jan 2016 01:30:09 +0800 http://mepopedia.com/forum/read.php?2479,78631,79412#msg-79412 http://mepopedia.com/forum/read.php?2479,78631,79412#msg-79412
(2).請回答以下問題：
1.網頁主題： 配色與風格設定： 米奇
2.有無遇到的問題? 無
3.製作感想
還好有同學幫忙
4.製作作業的時間 1小時


學號：1035445058]]> 1035445058 104-1《中國》竹視傳二A-網頁設計 Tue, 05 Jan 2016 01:10:26 +0800 http://mepopedia.com/forum/read.php?2479,78631,79410#msg-79410 http://mepopedia.com/forum/read.php?2479,78631,79410#msg-79410
(2).請回答以下問題：
1.網頁主題：NICK
2.有無遇到的問題? 無
3.製作感想:覺得很有成就
4.製作作業的時間 2~3 小時]]> a27417944 104-1《中國》竹視傳二A-網頁設計 Tue, 05 Jan 2016 01:04:35 +0800 http://mepopedia.com/forum/read.php?2479,78631,79391#msg-79391 http://mepopedia.com/forum/read.php?2479,78631,79391#msg-79391
(2).請回答以下問題：
1.網頁主題： 配色與風格設定：暖暖的黃橙色系
2.有無遇到的問題? 沒有 有，圖片跑偏，內文不夠長等等
3.製作感想
悲喜交加，我終於完成了
4.製作作業的時間 2.5小時]]> janice tsai 104-1《中國》竹視傳二A-網頁設計 Mon, 04 Jan 2016 21:46:26 +0800 http://mepopedia.com/forum/read.php?2479,78631,79384#msg-79384 http://mepopedia.com/forum/read.php?2479,78631,79384#msg-79384
(2).請回答以下問題：
1.網頁主題： 泡泡先生
2.有無遇到的問題? 圖片有時候跑不出來 心煩哪~
3.製作感想
很有成就感
4.製作作業的時間 2小時


學號：1035445034]]> abc88513 104-1《中國》竹視傳二A-網頁設計 Mon, 04 Jan 2016 20:37:53 +0800 http://mepopedia.com/forum/read.php?2479,78631,79357#msg-79357 http://mepopedia.com/forum/read.php?2479,78631,79357#msg-79357 (2).請回答以下問題：
1.網頁主題： 配色與風格設定：以白黑為主色創造簡約華麗的感覺
2.有無遇到的問題? 沒有
3.製作感想
覺得累
4.製作作業的時間 1.5小時]]> 沅蓁 104-1《中國》竹視傳二A-網頁設計 Mon, 04 Jan 2016 04:25:01 +0800 http://mepopedia.com/forum/read.php?2479,78631,79346#msg-79346 http://mepopedia.com/forum/read.php?2479,78631,79346#msg-79346
(2).請回答以下問題：
1.網頁主題：我的自由年代, 配色與風格設定： 以黑白灰及紅色為主,為一種追憶的風格
2.有無遇到的問題? 有
3.製作感想 製作沒有想樣的困難
4.製作作業的時間 1小時

1035445169簡郡誼]]> jian1110 104-1《中國》竹視傳二A-網頁設計 Mon, 04 Jan 2016 00:15:53 +0800 http://mepopedia.com/forum/read.php?2479,78631,79253#msg-79253 http://mepopedia.com/forum/read.php?2479,78631,79253#msg-79253
(2).請回答以下問題：
1.網頁主題： 配色與風格設定： 簡易色
2.有無遇到的問題?同學幫助我一起解決了
3.製作感想
累累累
4.製作作業的時間 3小時]]> 1035445052 104-1《中國》竹視傳二A-網頁設計 Thu, 31 Dec 2015 01:27:08 +0800 http://mepopedia.com/forum/read.php?2479,78631,79233#msg-79233 http://mepopedia.com/forum/read.php?2479,78631,79233#msg-79233 (2).請回答以下問題：
1.網頁主題：配色與風格設定：黑白色
2.有無遇到的問題? 還好
3.製作感想
還不錯
4.製作作業的時間 1小時]]> 1035445127 104-1《中國》竹視傳二A-網頁設計 Wed, 30 Dec 2015 22:56:22 +0800 http://mepopedia.com/forum/read.php?2479,78631,79211#msg-79211 http://mepopedia.com/forum/read.php?2479,78631,79211#msg-79211

1.網頁主題：鬼燈的冷澈

配色與風格設定：華麗的日本浮世繪風格

2.有無遇到的問題

繞圖排文做到讓人覺得很崩潰
連結fb 按鈕的地方游標不會改變成手指的形狀，但是可以連結。

3.製作感想

製作上有些許困難。

4.製作作業的時間
3h以上]]> 1035445184 104-1《中國》竹視傳二A-網頁設計 Wed, 30 Dec 2015 17:41:16 +0800 http://mepopedia.com/forum/read.php?2479,78631,79168#msg-79168 http://mepopedia.com/forum/read.php?2479,78631,79168#msg-79168

(2).請回答以下問題：
1.製作主題：參考作業
2.欲呈現之配色風格：橘籃現代風
3..有無遇到的問題? 目前到作業2都還好
4.製作感想
一開始的基礎慢慢學，覺得前面要好好的學是很重要。
學號：1025445227]]> 1025445227 104-1《中國》竹視傳二A-網頁設計 Tue, 29 Dec 2015 16:54:50 +0800 http://mepopedia.com/forum/read.php?2479,78631,79167#msg-79167 http://mepopedia.com/forum/read.php?2479,78631,79167#msg-79167
(2).請回答以下問題：
1.網頁主題： 配色與風格設定： 黑與紅搭配 吸血鬼的聯想配色
2.有無遇到的問題? 按鈕沒有連結
3.製作感想
我覺得網頁設計好困難，從一開始自己都沒有時間可以好好研究他，但是作之後慢慢發現蠻好玩的。
4.製作作業的時間 2天吧


學號：1025445227]]> 1025445227 104-1《中國》竹視傳二A-網頁設計 Tue, 29 Dec 2015 16:50:32 +0800 http://mepopedia.com/forum/read.php?2479,78631,79165#msg-79165 http://mepopedia.com/forum/read.php?2479,78631,79165#msg-79165
(2).請回答以下問題：
1.網頁主題：配色與風格設定：繽紛
2.有無遇到的問題? 沒有
3.製作感想 還好
4.製作作業的時間 2~3小時]]> 1035445181 104-1《中國》竹視傳二A-網頁設計 Tue, 29 Dec 2015 16:38:26 +0800 http://mepopedia.com/forum/read.php?2479,78631,79162#msg-79162 http://mepopedia.com/forum/read.php?2479,78631,79162#msg-79162
http://mepopedia.com/~web104-2a/hw05/hw05-1035445094/


(2).請回答以下問題：
1.網頁主題：

史奴比

2.有無遇到的問題?
無
3.製作感想
蠻簡單的
4.製作作業的時間
40分左右]]> 1035445094 104-1《中國》竹視傳二A-網頁設計 Tue, 29 Dec 2015 16:13:01 +0800