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

Advanced

[作業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-2a/hw05/hw05-105xxxxxxx

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

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



2.上傳至FTP

3.回覆本篇文章

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

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



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

(2).請回答以下問題:
1.網頁主題:尼爾:自動人形
配色與風格設定:以黑色為主色調,希望能強調質感
2.有無遇到的問題? 沒
3.製作感想 之前做過的東西這次變得比較熟練了
4.製作作業的時間 6小時



Edited 1 time(s). Last edit at 12/20/2017 11:42PM by 1055445004.
(編輯記錄)

1055445076 李珮瑄

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

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



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

(1).作業網址 :http://mepopedia.com/~css106-2a/hw05/hw05-1055445160
(2).請回答以下問題:
1.網頁主題: Kanahei
配色與風格設定: 可愛夢幻
2.有無遇到的問題? 框架大小調整許久
3.製作感想 :比起前幾次越來越上手
4.製作作業的時間 2小時

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

(2).請回答以下問題:
1.網頁主題:三月兔
2.有無遇到的問題: 圖片置入會無法顯示
3.製作感想:累,但越來越熟練語法
4.製作作業的時間:2天

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

(2).請回答以下問題:
1.網頁主題:ROOTS
配色與風格設定: 紅色白色

2.有無遇到的問題? 沒有
3.製作感想 做得很愉快
4.製作作業的時間 20分鐘



Edited 1 time(s). Last edit at 12/20/2017 09:11PM by surgyebs.
(編輯記錄)

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

(2).請回答以下問題:
1.網頁主題:全家就是米家
配色與風格設定: 彩色

2.有無遇到的問題? 沒有
3.製作感想 做得很愉快
4.製作作業的時間 20分鐘



Edited 1 time(s). Last edit at 12/20/2017 09:14PM by surgyebs.
(編輯記錄)

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

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

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

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



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

(1).作業網址 :http://mepopedia.com/~css106-2a/hw05/hw05-1055445190
(2).請回答以下問題:
1.網頁主題 : Hello Kitty 配色與風格設定:粉
2.有無遇到的問題? 無
3.製作感想 很有成就感
4.製作作業的時間 1hr30min

用錯帳號回應 我是1055445052

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

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



Edited 2 time(s). Last edit at 12/21/2017 08:33AM by 1055445082.
(編輯記錄)

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

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

(1).作業網址 :http://mepopedia.com/~css106-2a/hw05/hw05-1035443128
(2).請回答以下問題:
1.導覽列配色與風格設定: 簡約 黑 灰 紅色
2.有無遇到的問題:沒什麼大問題
3.製作感想:還不錯
4.製作作業的時間 :2小時

1055445178 陳宜宜

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

(2).請回答以下問題:
1.網頁主題:Kurt hugo schneider
2. 配色與風格設定:格調灰
3.有無遇到的問題? 目前沒有
4.製作感想 增加新的東西
5.製作作業的時間 2-3小時
*備註:作業五連結在Links

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

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



Edited 2 time(s). Last edit at 12/21/2017 06:30PM by 1055445106.
(編輯記錄)

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

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

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

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

1055445103 林容渝

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

(2).請回答以下問題:
1.網頁主題:泰妍
配色與風格設定: 溫和
2.有無遇到的問題? 無
3.製作感想 :越做越順手了
4.製作作業的時間 :3~4小時

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

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

(1).作業網址 :http://mepopedia.com/~css106-2a/hw05/hw05-1055445169
(2).請回答以下問題:
1.網頁主題:貓茶町
配色與風格設定:清新風格
2.有無遇到的問題? 沒
3.製作感想 :比較熟悉軟體了
4.製作作業的時間:3小時



Edited 2 time(s). Last edit at 01/18/2018 10:23AM by 1055445169.
(編輯記錄)

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

(2).請回答以下問題:
1.網頁主題:婚禮攝影
配色與風格設定:清新藍
2.有無遇到的問題? 還可以
3.製作感想 還可以
4.製作作業的時間 1小時

1055445007 /吳郁婕


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



Edited 1 time(s). Last edit at 12/23/2017 11:51AM by wuyujie.
(編輯記錄)

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

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

(1).作業網址 :http://mepopedia.com/~css106-2a/hw05/hw05-1055445109
(2).請回答以下問題:
1.網頁主題:動物星球頻道 配色與風格設定: 綠/簡單
2.有無遇到的問題? 常忘記步驟
3.製作感想 常常搞混
4.製作作業的時間 快2小

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

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

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

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

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

(2).請回答以下問題:
1.網頁主題:米羅
2.有無遇到的問題: icon沒反應、上傳後網站出不來,按鈕跑掉
3.製作感想:越來越熟練了
4.製作作業的時間:2~3天



Edited 2 time(s). Last edit at 01/04/2018 10:10AM by 何芯萍.
(編輯記錄)

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

網頁主題: 配色與風格設定:紫色
有無遇到的問題? 小細節調整很麻煩
製作感想: 告一段落會有嗯...還不錯的想法,並不時與前起分鐘做的相互比較
製作作業的時間:2小時上下

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

(2).請回答以下問題:
1.網頁主題:致我們單純的小美好
配色與風格設定:以褐色、溫暖、柔和
2.有無遇到的問題:沒有
3.製作感想:因為越來越上手所以速度有變快
4.製作作業的時間:1小時

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

(2).請回答以下問題:
1.網頁主題: 配色與風格設定: 哈尔滨 淡紫色淡蓝色白色 冬天下雪
2.有無遇到的問題? fb的按钮连接不到网页 我用cc找不到影像插入在哪里我还是用图片插入的
3.製作感想 知道自己做的比较简单 以后改进吧
4.製作作業的時間 三个小时

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

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

1.網頁主題: 配色與風格設定: 劍俠情緣叁 棕色/深紅 古風類型

2.有無遇到的問題? 推文設定弄了很久

3.製作感想 用了另一種導覽列來編排覺得很有趣

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

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

(2).請回答以下問題:
1.網頁主題: 配色與風格設定: 簡約乾淨
2.有無遇到的問題? 繞圖排文不知道是不是文字太少所以做出來沒有很好看
3.製作感想 :同上
4.製作作業的時間:1小時以內

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

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

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

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

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

(2).請回答以下問題:
1.網頁主題: 配色與風格設定: 單色調
2.有無遇到的問題? 分頁連結搞很久
3.製作感想 經過學長指導一步一步做就慢慢得心應手了
4.製作作業的時間 20分鐘

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

http://mepopedia.com/~css106-2a/hw05/hw05-1055445181/books.html

(2).請回答以下問題:
1.網頁主題:粉紅屁桃
2.有無遇到的問題? 沒有問題
3.製作感想:很有成就感!
4.製作作業的時間::忘了

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

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