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

Advanced

Re: [作業05 ] 繞圖排文與推文按鈕的應用

[作業05 ] 繞圖排文與推文按鈕的應用

請參考

[講義05] 繞圖排文與推文按鈕的應用
http://mepopedia.com/forum/read.php?804,17878,17878


本講義範例網址
http://mepopedia.com/~jinjin/web/hw05/story.html 



的步驟製作

下載附件的練習檔修改製作 (或以期末作業主題繼續設計新的一頁),必須是全新的內容的一頁。

本次作業的重點在於:

(1 )善用CSS導覽列功能
(2 )繞圖排文
(3 )推文設定
(4 )圖片跳窗放大
(5 )利用CSS,做更細緻的內文設定
(6 )如何利用圖片與文字的編排搭配出有質感的網頁。





1. 二、繳交作業方式



1.製作完成後,檔案命名方式:

第五個平時作業FTP上的資料夾為:hw05

每位同學請將自己的資料夾命名為:hw05-學號
這個作業的網址則為:http://mepopedia.com/~css106-2b/hw05/hw05-105xxxxxxx

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

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



2.上傳至FTP

3.回覆本篇文章

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

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



(1).作業網址 :

http://mepopedia.com/~css106-2b/hw05/hw05-1055445104


1.網頁主題:MINI

配色與風格設定: 白色調 深色標題與飾條使用鮮明深色 突出硬質感

2.有無遇到的問題?

圖片無法加入(行為) 無法跳窗 CC2018 .so sad
圖案設定成FB分享後 滑過去鼠標無法變成手套樣式

3.製作感想 依舊酷炫 一直想做成One Page 但4技能不足

4.製作作業的時間 有點久



Edited 1 time(s). Last edit at 12/19/2017 01:32AM by MEATBALL HONG.
(編輯記錄)

http://mepopedia.com/~css106-2b/hw05/hw05-1055445017/

1.網頁主題:壽司
配色與風格設定: 暖色系,帶點可愛的日系風格
2.有無遇到的問題? 沒什麼太大的問題
3.製作感想 : 有感受到一點難度
4.製作作業的時間 :3~4小時

(1).作業網址 :

http://mepopedia.com/~css106-2b/hw05/hw05-1055445014


1.網頁主題:gibson guitar

配色與風格設定: YA目頭

2.有無遇到的問題?
有問好隊友

3.製作感想 累了

4.製作作業的時間 有點久



Edited 1 time(s). Last edit at 12/19/2017 01:32AM by sam

http://mepopedia.com/~css106-2b/hw05/hw05-1055445107

1.網頁主題:飛天小女警
配色與風格設定: 繽紛的色彩
2.有無遇到的問題? 沒什麼大的問題
3.製作感想 : 有點難度
4.製作作業的時間 :2.5小時

http://mepopedia.com/~css106-2b/hw05/hw05-1055445008

1.網頁主題:南方公園
配色與風格設定:卡通本身的顏色下去做配置
2.有無遇到的問題? 頭HEN痛
3.製作感想 : 說難不難說簡單不簡單
4.製作作業的時間 :2小時

http://mepopedia.com/~css106-2b/hw05/hw05-1055445164

1.網頁主題:我們這一家
配色與風格設定:我喜歡紫色
2.有無遇到的問題? 還行
3.製作感想 : 沒什麼好說的
4.製作作業的時間 :2小時

http://mepopedia.com/~css106-2b/hw05/hw05-1055445152

1.網頁主題:K-Indie
配色與風格設定:獨特
2.有無遇到的問題?上面一直無法貼齊
3.製作感想:
4.製作作業的時間:2小時

(1).作業網址 :http://mepopedia.com/~css106-2b/hw05/hw05-1055445146

(2).請回答以下問題:
1.網頁主題:杜卡迪 配色與風格設定:較整齊的排版 成熟帶點熱血
2.有無遇到的問題? 在圖片上無法執行行為面板
3.製作感想 :有待加強
4.製作作業的時間 :2017/12/20 9點

(1).作業網址 :

http://mepopedia.com/~css106-2b/hw05/hw05-1055448122


1.網頁主題:文鳥

配色與風格設定: 灰色跟粉色搭配粉嫩的感覺

2.有無遇到的問題?

很多東西忘記設定到QQ

3.製作感想 希望快點完成~~~

4.製作作業的時間 一個晚上

(1).作業網址 :http://mepopedia.com/~css106-2b/hw05/hw05-1055445137

1.網頁主題:迪士尼公主
配色與風格設定:暖色
2.有無遇到的問題? 無
3.製作感想 :^_^
4.製作作業的時間 1小時

作業網址 :http://mepopedia.com/~css106-2b/hw05/hw05-1055445056

1. 網頁主題 :H.C (個人網頁)
2. 配色與風格設定 :藍白簡約風格
3. 有無遇到的問題 ? 目前尚無
4. 製作感想 :簡單的排版及設計使得整體看起來非常舒服
5. 製作作業的時間 :約一小時



Edited 2 time(s). Last edit at 12/20/2017 11:26PM by 1055445056.
(編輯記錄)

作業網址 :http://mepopedia.com/~css106-2b/hw05/hw05-1055445071

請回答以下問題:
1.網頁主題:AUNTIE’S Barber Shop
配色與風格設定: 美式 復古
2.有無遇到的問題? 無
3.製作感想: 可可
4.製作作業的時間 : hen久

作業網址 :http://mepopedia.com/~css106-2b/hw05/hw05-1055445086

1. 網頁主題 :航海王
2. 配色與風格設定 :大海的藍&大陸的綠(搭配象牙黃,增添活潑感
3. 有無遇到的問題 ? 目前尚無
4. 製作感想 :我覺得每次都學到新的事物,很棒。
5. 製作作業的時間 :約二小時

(1).作業網址 :http://mepopedia.com/~css106-2b/hw05/hw05-1055445095

(2).請回答以下問題:
1.網頁主題: EXILE 配色與風格設定:黑白簡約。
2.有無遇到的問題? 無。
3.製作感想 :新的開始很有趣。
4.製作作業的時間 :約2小時。

作業網址 :http://mepopedia.com/~css106-2b/hw05/hw05-1055445191

網頁主題: 爽爽貓 以亮色和粉色為主

(1).作業網址 :http://mepopedia.com/~css106-2b/hw05/hw05-1055445197


1.網頁主題:介紹東方project
配色與風格設定:清新
2.有無遇到的問題? 暫無
3.製作感想 :這次的作業還算簡單吧
4.製作作業的時間:1小時

(1).作業網址 :http://mepopedia.com/~css106-2b/hw05/hw05-1055445185

(2).
1.網頁主題: 配色與風格設定: 動畫介紹,明亮的橘色及綠色做配色。
2.有無遇到的問題? 無。
3.製作感想 :還可以。
4.製作作業的時間 :一小時。

http://mepopedia.com/~css106-2b/hw06/hw05-1055445023

1.網頁主題:夜市
2.配色與風格設定:黑/白/咖啡
2.有無遇到的問題? 有 已解決
3.製作感想 : 無
4.製作作業的時間 :2小時。

1).作業網址 :http://mepopedia.com/~css106-2b/hw06/hw05-1055445032

(2).請回答以下問題:
1.網頁主題:珍珠美人魚
2.配色與風格設定:海洋
2.有無遇到的問題? :
3.製作感想:難到躺平
4.製作作業的時間:5~6小時

(1).作業網址 :http://mepopedia.com/~css106-2b/hw05/hw05-1055445080

(2).請回答以下問題:
1.網頁主題: 配色與風格設定: 安怡的粉色存錢桶 少女粉紅
2.有無遇到的問題? 每次都一樣,我解決了
3.製作感想 :以後嫁給網頁設計師
4.製作作業的時間 :我的青春

http://mepopedia.com/~css106-2b/hw05/hw05-1055445110

1.網頁主題:巧克力
配色與風格設定:黑色金色表現出質感
2.有無遇到的問題? FB按鈕怪怪的?
3.製作感想 : 慢慢修好像可以接受,比CSS好一點
4.製作作業的時間 :2小時

(1).作業網址 :

http://mepopedia.com/~css106-2b/hw05/hw05-1055445176


1.網頁主題:菇菇巢穴

配色與風格設定:就遊戲

2.有無遇到的問題?
秘密

3.製作感想 很讚

4.製作作業的時間 久

(1).作業網址 :http://mepopedia.com/~css106-2b/hw05/hw05-1055445134

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

(1).作業網址:http://mepopedia.com/~css106-2b/hw05/hw05-1055445125
(2).請回答以下問題:
1.網頁主題:配色與風格設定: 蠟筆小新
2.有無遇到的問題? 沒問題
3.製作感想 還蠻好玩的
4.製作作業的時間 一個小時

http://mepopedia.com/~css106-2b/hw05/hw05-1055445119

1.網頁主題: まふまふ
2.配色與風格設定:黑灰白
2.有無遇到的問題? 很多地方一直卡關
3.製作感想 改的沒有想像中簡單
4.製作作業的時間 忘了OAO

http://mepopedia.com/~css106-2b/hw05/hw05-1055445182

1.網頁主題: Super Junior-D&E
2.配色與風格設定:天空藍,想做出清爽的感覺
2.有無遇到的問題? 有,可是都解決了
3.製作感想 。 要花時間努力找有沒有錯誤
4.製作作業的時間 好多天

(1).作業網址 :http://mepopedia.com/~css106-2b/hw06/hw06-1055445044/index.html

(2).請回答以下問題:
1.網頁主題: 配色與風格設定:簡約黑白藍
2.有無遇到的問題? 無
3.製作感想 有點進步了
4.製作作業的時間 兩小時

http://mepopedia.com/~css106-2b/hw05/hw05-1055445002

網頁主題: 自強號40年

風格:以初代自強號的配色為網頁的主色調

作業於第二頁



Edited 1 time(s). Last edit at 01/18/2018 09:56AM by 1055445002.
(編輯記錄)

http://mepopedia.com/~css106-2b/hw05/hw05-1055445026

(2).請回答以下問題:
1.網頁主題: 間單的黑與白
可愛的貓貓剪影
2.有無遇到的問題 貓貓的圖好可愛不知道要選哪張
3.製作感想 複習
4.製作作業的時間 跟其他作業捕起還算快

(1).作業網址 :http://mepopedia.com/~css106-2b/hw05/hw05-1055445143

(2).請回答以下問題:
1.導覽列配色與風格設定:配合刊頭使用深色
2.有無遇到的問題? 無
3.製作感想(你認為導覽列的意義為何?) 無
4.製作作業的時間 沒印象



Edited 1 time(s). Last edit at 01/19/2018 08:01PM by 1055445143.
(編輯記錄)