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

Advanced

[作業07] 以Float：浮動，製作雙欄網頁

105-1《中國》竹視傳二C-網頁設計 文章列表 發表文章 PDF 列印（下載）
JinJin [ 站內寄信 / PM ]
[作業07] 以Float：浮動，製作雙欄網頁

分類標籤: 105-1《中國》竹視傳二C-網頁設計
  1. 1. 一、製作步驟
  2. 2. 二、繳交作業方式
  3. 3. 上課影音
請參考

[color=#CC3300][講義07] 以Float：浮動，製作雙欄網頁
http://mepopedia.com/forum/read.php?804,18255[/color]

[color=#CC0066]本講義範例網址
http://mepopedia.com/~jinjin/web/hw07/[/color]


的步驟製作，並符合以下條件：

1. 一、製作步驟


1.下載附件的練習檔(或直接由期末作業方式製作成其中一頁，但必須是全新的內容的一頁，不要與範例內容相同)

2.找文字及圖片資料，並設定#header的標題與副標題

3.重新設定#content及#footer的CSS

4.在#content中插入#content-L及#content-R利用Float:浮動屬性，製作雙欄網頁。

5.在#content-L放入垂直檔覽列。

6.將#content-R的資料以表格整理，複習表格的做法。

[hr]

7.在[color=#990033]title的部分打上『自己作業的命名』[/color]

8.在#footer打上自己的版權聲明

9.請每位同學依步驟完成本單元後，上傳至FTP

10.本次作業的重點在於：

[color=#CC0066]（1 ）認識多欄網頁。
（2 ）雙欄網頁製作
（3 ）製作垂直導覽列
（4 ）複習表格的做法
（5 ）利用CSS，做更細緻的網頁美化設定。 ([/color]

[hr]

2. 二、繳交作業方式



1.製作完成後，檔案命名方式：

[color=#669900]第七個平時作業FTP上的資料夾為：hw07

每位同學請將自己的資料夾命名為：hw07-學號
這個作業的網址則為:http://mepopedia.com/~web105-2c/hw07/hw07-104xxxxxxx

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

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


2.上傳至FTP

3.回覆本篇文章

(1).作業網址 :http://mepopedia.com/~web105-2c/hw07/hw07-104xxxxxxx

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



[hr]

3. 上課影音


以Float：浮動，製作雙欄網頁 雙欄Float：浮動、Table：表格、錨點、垂直導覽列
http://youtu.be/pj6f8GQKIu8




2.作業參考
(1) http://mepopedia.com/~jinjin/web/hw07/
(2) http://mepopedia.com/~web103-a/hw07/hw07-1005445193/
(3) http://mepopedia.com/~web103-a/hw07/hw07-1025445139/team.html
(4) http://mepopedia.com/~web103-a/hw07/hw07-1005445195/
(5) http://mepopedia.com/~web103-a/hw07/hw07-1025445001/album.html
(6) http://mepopedia.com/~web103-a/hw07/hw07-1025445040/

推薦 / 評論　 分享到Facebook     回應文章 Quote
松本.豪 [ 站內寄信 / PM ]
Re: [作業07] 以Float：浮動，製作雙欄網頁

分類標籤: 105-1《中國》竹視傳二C-網頁設計
1.作業網址 :http://mepopedia.com/~web105-2c/hw07/hw07-1045445117

2.網頁主題：Summer story-金魚

● 欲呈現風格：水墨、灑脫、自在、現代

● 網頁架構與內容主色系：

背景-白色，黑色
導覽列-白底黑字、橘底白字
分隔線-橘色
內容-灰色

網頁配色重點為效仿金魚身上標準色系，分別為白色、橘色、黑色等色系， 運用重
點色系分布於網頁中，以亮色系橘色作為標題色系，內文則以灰色表現， 與背景黑
白分明，呈現潑墨色彩，並帶有現代感，整體網頁欲呈現風格為灑脫、自在， 如同
金魚自在悠遊的樣貌，心境自然而然的平靜，水面如鏡，清澈見底之意。

3.有無遇到的問題:老師講義詳細描述,並無遇到問題

4.製作感想 :

本次作業重點為雙欄導覽列的製作，因為之前先行嘗試製作導覽列，按照老師講義
逐步製作，剛開始會因為雙欄導覽列的CSS分別設定，會有些繁複，做了兩三頁後
，自然而然地會了解每個設定的功能，學期即將結束，一個學期的學習與製作，從
一開始的單欄網頁，逐漸進階成有系統的雙欄導覽列，配色上也會因之前的經驗和
網頁的主題而越顯豐富，配色方面也是製作網頁時較花時間的地方，網頁編排倒是
有一貫的風格，配色則要因應網頁的主題以及呈現的質感，這次網頁較為簡潔，運
用大量的留白，並穿插橘、黑等金魚標準色系，使簡潔的網頁更加豐富，也因為留
白因素，有幾頁較為空洞，因此用標題做小變化，使網頁加以變化，簡單俐落的設
計並不會比較好做，反而要考慮主題與內容的關係，包含配置，配色等，以免網頁
空虛，每個不同風格的網頁皆有可以學習參考的依據與目標，網頁設計的製作是歡
新愉悅的，保持著歡喜的心情，將壓力化為動力，也能讓自己更投入在這個作業上

5.製作作業的時間:一小時至兩小時



Edited 4 time(s). Last edit at 12/23/2016 09:51AM by 松本.豪.
(編輯記錄)

推薦 / 評論　 分享到Facebook     回應文章 Quote
1045445045 [ 站內寄信 / PM ]
Re: [作業07] 以Float：浮動，製作雙欄網頁

分類標籤: 105-1《中國》竹視傳二C-網頁設計
(1).作業網址 :http://mepopedia.com/~web105-2c/hw07/hw07-1045445045

(2).請回答以下問題：
1.網頁主題： 配色與風格設定： 樂團主視覺
2.有無遇到的問題? 有些地方開始搞混
3.製作感想 語法越來越多有時候都會找不太到甚至會有點搞混
4.製作作業的時間 1小時

推薦 / 評論　 分享到Facebook     回應文章 Quote
1045445189 [ 站內寄信 / PM ]
Re: [作業07] 以Float：浮動，製作雙欄網頁

分類標籤: 105-1《中國》竹視傳二C-網頁設計
(1).作業網址 :http://mepopedia.com/~web105-2c/hw07/hw07-1045445189

(2).請回答以下問題：
1.網頁主題：閱讀實驗室
配色與風格設定：因為閱讀給人帶來寧靜的感覺，所以我用藍、白、灰為主題設計。
2.有無遇到的問題? 這次還是因為晴耕雨讀那頁跑掉
3.製作感想:我終於完成了好感動 ,其實老師的影片真的拍得很好講解也很仔細讓我可以看得懂
4.製作作業的時間 :2個小時

推薦 / 評論　 分享到Facebook     回應文章 Quote
1045445174 [ 站內寄信 / PM ]
Re: [作業07] 以Float：浮動，製作雙欄網頁

分類標籤: 105-1《中國》竹視傳二C-網頁設計
(1).作業網址 ：http://mepopedia.com/~web105-2c/hw07/hw07-1045445174
(2).請回答以下問題：
網頁主題：一風堂拉麵
配色與風格設定：可口
有無遇到的問題：右邊的按鈕不太好改
製作感想：蠻難的，第二頁美味菜單是表格
製作作業的時間 ：4小時



Edited 4 time(s). Last edit at 12/29/2016 09:09PM by 1045445174.
(編輯記錄)

推薦 / 評論　 分享到Facebook     回應文章 Quote
1045445212 [ 站內寄信 / PM ]
Re: [作業07] 以Float：浮動，製作雙欄網頁

分類標籤: 105-1《中國》竹視傳二C-網頁設計
(1).作業網址 :http://mepopedia.com/~web105-2c/hw07/hw07-1045445212

(2).請回答以下問題：
1.網頁主題：三峽老街
配色與風格設定： 灰色、簡潔
2.有無遇到的問題? 目前沒有
3.製作感想 ：有點難
4.製作作業的時間 ：3小時˙

推薦 / 評論　 分享到Facebook     回應文章 Quote
廖芳如 [ 站內寄信 / PM ]
Re: [作業07] 以Float：浮動，製作雙欄網頁

分類標籤: 105-1《中國》竹視傳二C-網頁設計
(1).作業網址 :http://mepopedia.com/~web105-2c/hw07/hw07-1045445135

(2).請回答以下問題：
1.網頁主題：Hyukoh
配色與風格設定： 土黃與深咖啡色 簡單和溫暖的風格
2.有無遇到的問題? 有些
3.製作感想: 這次內容比較難 / 這次內容在Album
4.製作作業的時間 :3個多小時

推薦 / 評論　 分享到Facebook     回應文章 Quote
王宜雯 [ 站內寄信 / PM ]
Re: [作業07] 以Float：浮動，製作雙欄網頁

分類標籤: 105-1《中國》竹視傳二C-網頁設計
(1).作業網址 :http://mepopedia.com/~web105-2c/hw07/hw07-1045445015

(2).請回答以下問題：
1.網頁主題：藏物市集
配色與風格設定： 粉色系為主
2.有無遇到的問題? 有一些問題 慢慢去發現怎麼改~
3.製作感想: 這次內容比較多東西需要去調整
4.製作作業的時間 :3個多小時

推薦 / 評論　 分享到Facebook     回應文章 Quote
H224488882 [ 站內寄信 / PM ]
Re: [作業07] 以Float：浮動，製作雙欄網頁

分類標籤: 105-1《中國》竹視傳二C-網頁設計
(1).作業網址 :http://mepopedia.com/~web105-2c/hw04/hw04-1045445217/index2.html

(2).請回答以下問題：
1.網頁主題：頑童
配色與風格設定： 黑白灰為主
2.有無遇到的問題? 很大ㄉ問題
3.製作感想: 這次做的好多 花了好多時間
4.製作作業的時間 :3天3夜

推薦 / 評論　 分享到Facebook     回應文章 Quote
朱盈穎 [ 站內寄信 / PM ]
Re: [作業07] 以Float：浮動，製作雙欄網頁

分類標籤: 105-1《中國》竹視傳二C-網頁設計
(1).作業網址 :http://mepopedia.com/~web105-2c/hw07/hw07-1045445003

(2).請回答以下問題：
1.網頁主題：美劇 HUMANS
配色與風格設定：基本上都盡量選用帶有些微科技感又穩重的顏色，推文按鈕及返回頂部的按鈕各做在兩側，覺得應該比較方便....應該啦哈哈( ´ ▽ ` )ﾉ
目前只生出 about、cast 兩頁，之後會慢慢補齊的 smiling bouncing smiley
2.有無遇到的問題? 左邊導覽列如果在 hover 設定 boder 滑鼠滑過去時下面的導覽列就會有被頂開的感覺，要如何讓他們不會小小的浮動?
3.製作感想：有想要做出的效果，但網路上的教學有一大半都看不懂，希望能學得更多
4.製作作業的時間：3小時吧

推薦 / 評論　 分享到Facebook     回應文章 Quote
1045445141 [ 站內寄信 / PM ]
Re: [作業07] 以Float：浮動，製作雙欄網頁

分類標籤: 105-1《中國》竹視傳二C-網頁設計
(1).作業網址 :http://mepopedia.com/~web105-2c/hw07/hw07-1045445141

(2).請回答以下問題：
1.網頁主題：沒事啦
2.配色與風格設定：黑白、簡潔
3.有無遇到的問題? 還沒
4.製作感想：好想睡
5.製作作業的時間：1小時

推薦 / 評論　 分享到Facebook     回應文章 Quote
1045445102 [ 站內寄信 / PM ]
Re: [作業07] 以Float：浮動，製作雙欄網頁

分類標籤: 105-1《中國》竹視傳二C-網頁設計
(1).作業網址 :http://mepopedia.com/~web105-2c/hw07/hw07-1045445102

(2).請回答以下問題：
1.網頁主題： 配色與風格設定： moomin
2.有無遇到的問題? 有些地方開始搞混
3.製作感想 語法有點搞混
4.製作作業的時間 5小時

推薦 / 評論　 分享到Facebook     回應文章 Quote
1045445084 [ 站內寄信 / PM ]
Re: [作業07] 以Float：浮動，製作雙欄網頁

分類標籤: 105-1《中國》竹視傳二C-網頁設計
(1).作業網址 :http://mepopedia.com/~web105-2c/hw07/hw07-1045445084/video.html

(2).請回答以下問題：
1.網頁主題： 配色與風格設定:繽紛活潑
2.有無遇到的問題? 亂亂的
3.製作感想：有點難～
4.製作作業的時間：忘記了～～好久！

推薦 / 評論　 分享到Facebook     回應文章 Quote
時尚時尚最時尚 [ 站內寄信 / PM ]
Re: [作業07] 以Float：浮動，製作雙欄網頁

分類標籤: 105-1《中國》竹視傳二C-網頁設計
(1).作業網址 :http://mepopedia.com/~web105-2c/hw07/hw07-1045445180

(2).請回答以下問題：
1.網頁主題： 配色與風格設定： 小火車的色系
2.有無遇到的問題? 本來雙欄有問題
3.製作感想 : 雙欄真的需要腦耶 好險我還有一點
4.製作作業的時間 : 六小時起跳喔

推薦 / 評論　 分享到Facebook     回應文章 Quote
Peiwei [ 站內寄信 / PM ]
Re: [作業07] 以Float：浮動，製作雙欄網頁

分類標籤: 105-1《中國》竹視傳二C-網頁設計
(1).作業網址 :http://mepopedia.com/~web105-2c/hw07/hw07-1045445036/index.html

(2).請回答以下問題：
1.網頁主題：蛋黃哥介紹
配色與風格設定： 配色以蛋黃哥的相近黃色來配色，風格簡易又帶點可愛～
2.有無遇到的問題：這次～沒有～
3.製作感想 ：雙欄網頁讓我可以放更多我想介紹關於蛋黃哥的一切，也可以把本來很攏長的頁面簡化成比較好看的網頁，
錨點連結的設定好有趣～讓網頁瀏覽更有效率了～grinning smiley 接下來我也會把其他頁面做更豐富一點~整理得更好看~smiling bouncing smiley
4.製作作業的時間 ：5小時

推薦 / 評論　 分享到Facebook     回應文章 Quote
1045445009 [ 站內寄信 / PM ]
Re: [作業07] 以Float：浮動，製作雙欄網頁

分類標籤: 105-1《中國》竹視傳二C-網頁設計
(1).作業網址 :http://mepopedia.com/~web105-2c/hw07/hw07-1045445009

(2).請回答以下問題：
1.網頁主題： 配色與風格設定：復古神秘
2.有無遇到的問題? no
3.製作感想 很有成就感
4.製作作業的時間 2.5小時

推薦 / 評論　 分享到Facebook     回應文章 Quote
1025445186 [ 站內寄信 / PM ]
Re: [作業07] 以Float：浮動，製作雙欄網頁

分類標籤: 105-1《中國》竹視傳二C-網頁設計
(1).作業網址 :http://mepopedia.com/~web105-2c/hw07/hw07-1025445186/index.html

(2).請回答以下問題：
1.網頁主題：fate zero動畫介紹
配色與風格設定： 配色以黑紅白色為主
2.有無遇到的問題：無
3.製作感想 ：練習久就會了
4.製作作業的時間 ：5小時



Edited 2 time(s). Last edit at 12/31/2016 11:27PM by 1025445186.
(編輯記錄)

推薦 / 評論　 分享到Facebook     回應文章 Quote
1045445042 [ 站內寄信 / PM ]
Re: [作業07] 以Float：浮動，製作雙欄網頁

分類標籤: 105-1《中國》竹視傳二C-網頁設計
(1).作業網址 :http://mepopedia.com/~web105-2c/hw07/hw07-105445042

(2).請回答以下問題：
1.網頁主題：蘇打綠
配色與風格設定：宇宙
2.有無遇到的問題? 無
3.製作感想：很酷！
4.製作作業的時間：三小時

推薦 / 評論　 分享到Facebook     回應文章 Quote
1045445150 [ 站內寄信 / PM ]
Re: [作業07] 以Float：浮動，製作雙欄網頁

分類標籤: 105-1《中國》竹視傳二C-網頁設計
(1).作業網址 :http://mepopedia.com/~web105-2c/hw07/hw07-1045445150

(2).請回答以下問題：
1.網頁主題：HURTS 配色與風格設定：黑灰白暗色系為主
2.有無遇到的問題? 欄位一開始設定都設定不好
3.製作感想 覺得很複雜
4.製作作業的時間 5小時

推薦 / 評論　 分享到Facebook     回應文章 Quote
1045445195 [ 站內寄信 / PM ]
Re: [作業07] 以Float：浮動，製作雙欄網頁

分類標籤: 105-1《中國》竹視傳二C-網頁設計
.作業網址 :http://mepopedia.com/~web105-2c/hw07/hw07-1045445195
(2).請回答以下問題：
1.網頁主題：誰的青春不迷茫
2.有無遇到的問題? 開始的時候雙欄設不好，問過同學以後知道了
3.製作感想 覺得有些地方有點
4.製作作業的時間 4小時



Edited 1 time(s). Last edit at 01/04/2017 02:43PM by 1045445195.
(編輯記錄)

推薦 / 評論　 分享到Facebook     回應文章 Quote
Jieru [ 站內寄信 / PM ]
Re: [作業07] 以Float：浮動，製作雙欄網頁

分類標籤: 105-1《中國》竹視傳二C-網頁設計
(1).作業網址 : http://mepopedia.com/~web105-2c/hw07/hw07-1045445027/Awards.html
(2).請回答以下問題：
1.網頁主題：Running man
配色與風格設定： 配色以RM的黃色明亮色系做主體。
2.有無遇到的問題：都還好，就是其他課作業有點多，所以做網頁會變有點懶..
3.製作感想 ：RM聽說只做到2月多，之後就看不到了，以前每個禮拜追劇的心情，
跟著做這個網頁的時候，有很多感概。找影片的時候也很難過，以後看不到了ˊ ˋ
4.製作作業的時間 ：3個小時 吧(?)

推薦 / 評論　 分享到Facebook     回應文章 Quote
1045445069 [ 站內寄信 / PM ]
Re: [作業07] 以Float：浮動，製作雙欄網頁

分類標籤: 105-1《中國》竹視傳二C-網頁設計
(1).作業網址 ：http://mepopedia.com/~web105-2c/hw07/hw07-1045445069/role.html
(2).請回答以下問題：
網頁主題：愛麗絲夢遊仙境
配色與風格設定：藍色調 可愛風
有無遇到的問題：兩行的類別設定會搞不太清楚
製作感想：需要清晰與清醒的腦袋才能不搞錯，搞錯了又重新打了~
製作作業的時間 ：3小時

推薦 / 評論　 分享到Facebook     回應文章 Quote
j29927381 [ 站內寄信 / PM ]
Re: [作業07] 以Float：浮動，製作雙欄網頁

分類標籤: 105-1《中國》竹視傳二C-網頁設計
(1).作業網址 :http://mepopedia.com/~web105-2c/hw07/hw07-1045445162

(2).請回答以下問題：
1.網頁主題： 配色與風格設定：簡單黑白兩色(有加進一些不同於黑白的顏色，讓她不會太死)，因為niconico網站本身就是以黑白兩色為主調，所以這次期末也會朝著簡潔單色去做//
2.有無遇到的問題? 嗯，被雙欄的三種設定法搞得有點迷糊，不過最後瞭解了><
3.製作感想 ：
這次比較花時間，把之前學過的CSS語法幾乎都用在這一頁了XDDDDDD真的是很嘔心瀝血，很滿意，下禮拜之前再慢慢調整到最好/
4.製作作業的時間
10小時(+找資料

推薦 / 評論　 分享到Facebook     回應文章 Quote
簡瑜萱 [ 站內寄信 / PM ]
Re: [作業07] 以Float：浮動，製作雙欄網頁

分類標籤: 105-1《中國》竹視傳二C-網頁設計
(1).作業網址 ：http://mepopedia.com/~web105-2c/hw06/hw06-1045445099

(2).請回答以下問題：
1.網頁主題： 烤焦麵包
配色與風格設定： 可愛的味道多一點和活潑感
2.有無遇到的問題? 有~~都已經解決了
3.製作感想?滿有趣的，只是每次都看的眼睛好花啊~~~
4.製作作業的時間 ?2~3小時

推薦 / 評論　 分享到Facebook     回應文章 Quote
1045445075 [ 站內寄信 / PM ]
Re: [作業07] 以Float：浮動，製作雙欄網頁

分類標籤: 105-1《中國》竹視傳二C-網頁設計
(1).作業網址 :http://mepopedia.com/~web105-2c/hw07/hw07-1045445075

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

推薦 / 評論　 分享到Facebook     回應文章 Quote
113039 [ 站內寄信 / PM ]
Re: [作業07] 以Float：浮動，製作雙欄網頁

分類標籤: 105-1《中國》竹視傳二C-網頁設計
(1).作業網址 :http://mepopedia.com/~web105-2c/hw07/hw07-1045445201

(2).請回答以下問題：
1.網頁主題： 配色與風格設定： 黑色，宇宙
2.有無遇到的問題? 無
3.製作感想 很棒
4.製作作業的時間 30MIN

推薦 / 評論　 分享到Facebook     回應文章 Quote
Saigyouji [ 站內寄信 / PM ]
Re: [作業07] 以Float：浮動，製作雙欄網頁

分類標籤: 105-1《中國》竹視傳二C-網頁設計
(1).作業網址 :http://mepopedia.com/~web105-2c/hw07/hw07-1045445198
(2).請回答以下問題：
1.網頁主題： 配色與風格設定： 粉
2.有無遇到的問題? NO
3.製作感想 NO
4.製作作業的時間 5MIN

推薦 / 評論　 分享到Facebook     回應文章 Quote
zxzx10110774 [ 站內寄信 / PM ]
Re: [作業07] 以Float：浮動，製作雙欄網頁

分類標籤: 105-1《中國》竹視傳二C-網頁設計
1).作業網址 :http://mepopedia.com/~web105-2c/hw07/hw07-1045445120

(2).請回答以下問題：
1.網頁主題： 配色與風格設定： 藍
2.有無遇到的問題? 雙欄部分好麻煩
3.製作感想 很棒
4.製作作業的時間 4-5小

推薦 / 評論　 分享到Facebook     回應文章 Quote
曾慶恩 [ 站內寄信 / PM ]
Re: [作業07] 以Float：浮動，製作雙欄網頁

分類標籤: 105-1《中國》竹視傳二C-網頁設計
(1).作業網址 :http://mepopedia.com/~web105-2c/hw07/hw07-1045445051

(2).請回答以下問題：
1.網頁主題： 配色與風格設定： 藍色可愛風
2.有無遇到的問題? 無
3.製作感想 花了很多心力，但很好玩
4.製作作業的時間 30MIN

推薦 / 評論　 分享到Facebook     回應文章 Quote
蔡薰緯 [ 站內寄信 / PM ]
Re: [作業07] 以Float：浮動，製作雙欄網頁

分類標籤: 105-1《中國》竹視傳二C-網頁設計
(1).作業網址 :http://mepopedia.com/~web105-2c/hw07/hw07-1045445054

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

推薦 / 評論　 分享到Facebook     回應文章 Quote
1025445200 [ 站內寄信 / PM ]
Re: [作業07] 以Float：浮動，製作雙欄網頁

分類標籤: 105-1《中國》竹視傳二C-網頁設計
1025445200-4B 連怡婷
(1).作業網址 :http://mepopedia.com/~web105-2c/hw07/hw07-1025445200/commodity.html

(2).請回答以下問題：
1.網頁主題：史努比
配色與風格設定：以藍色作為底色給人清爽的感覺
2.有無遇到的問題:無
3.製作感想 ：還可以，細節比較難調
4.製作作業的時間：1小時

推薦 / 評論　 分享到Facebook     回應文章 Quote
1045445009 [ 站內寄信 / PM ]
Re: [作業07] 以Float：浮動，製作雙欄網頁

分類標籤: 105-1《中國》竹視傳二C-網頁設計
(1).作業網址 :http://mepopedia.com/~web105-2c/hw07/hw07-1045445030

(2).請回答以下問題：
1.網頁主題： 配色與風格設定： 以灰色與酒紅色營造出一種男性神祕的魅力
2.有無遇到的問題? 無
3.製作感想 雖然這次做的時間花的比較久，但是因為做了他讓我非常有成就感
4.製作作業的時間 4小時

推薦 / 評論　 分享到Facebook     回應文章 Quote
1045445018 [ 站內寄信 / PM ]
Re: [作業07] 以Float：浮動，製作雙欄網頁

分類標籤: 105-1《中國》竹視傳二C-網頁設計
(1).作業網址 :http://mepopedia.com/~web105-2c/hw07/hw07-1045445018

(2).請回答以下問題：
1.網頁主題： 配合菇菇的大地色
2.有無遇到的問題? 雙欄搞不定
3.製作感想 : 作業7好難好複雜
4.製作作業的時間 :非常久的一個晚上

推薦 / 評論　 分享到Facebook     回應文章 Quote
alan19970722 [ 站內寄信 / PM ]
Re: [作業07] 以Float：浮動，製作雙欄網頁

分類標籤: 105-1《中國》竹視傳二C-網頁設計
(1).作業網址 :http://mepopedia.com/~web105-2c/hw07/hw07-1045445147

(2).請回答以下問題：
1.網頁主題：新海誠
配色與風格設定： 黑色
2.有無遇到的問題? 有
3.製作感想 :雙欄製作比較花時間 所以問題很多
4.製作作業的時間 :1天

推薦 / 評論　 分享到Facebook     回應文章 Quote
weiwei [ 站內寄信 / PM ]
Re: [作業07] 以Float：浮動，製作雙欄網頁

分類標籤: 105-1《中國》竹視傳二C-網頁設計
(1).作業網址 :http://mepopedia.com/~web105-2c/hw07/hw07-1045445057
(2).請回答以下問題：
1.網頁主題： 配色與風格設定： 王詩安的個人介紹網站、清新簡單、看了讓人舒服 天空的味道~
2.有無遇到的問題?:覺得右欄怎麼用都不好看
3.製作感想 :很有成就感
4.製作作業的時間 :約1小時

推薦 / 評論　 分享到Facebook     回應文章 Quote
千萬別看 [ 站內寄信 / PM ]
Re: [作業07] 以Float：浮動，製作雙欄網頁

分類標籤: 105-1《中國》竹視傳二C-網頁設計  1045445108  范易祺
(1).作業網址 ：file:///C:/Users/tr558/Desktop/midterm-1025445108/3.html
(2).請回答以下問題：
1.網頁主題：灌籃高手
配色與風格設定：灌籃高手
2.有無遇到的問題? 灌籃高手
3.製作感想:跟著老師的影片製作
4.製作作業的時間:3個小時

推薦 / 評論　 分享到Facebook     回應文章 Quote
dj520136 [ 站內寄信 / PM ]
Re: [作業07] 以Float：浮動，製作雙欄網頁

分類標籤: 105-1《中國》竹視傳二C-網頁設計
1.作業網址 :http://mepopedia.com/~web105-2c/hw07/hw07-1045445123

2.網頁主題：RWBY

● 欲呈現風格：
穩重大方的顏色配上大膽紅做為風格。

● 網頁架構與內容主色系：
紅、藍、黑、黃四色戰隊主色系

3.有無遇到的問題:無

4.製作感想 :很有趣


5.製作作業的時間:1~2小時

推薦 / 評論　 分享到Facebook     回應文章 Quote
sharon111688 [ 站內寄信 / PM ]
Re: [作業07] 以Float：浮動，製作雙欄網頁

分類標籤: 105-1《中國》竹視傳二C-網頁設計
(1).作業網址 :http://mepopedia.com/~web105-2c/hw07/hw07-1045445019

(2).請回答以下問題：
1.網頁主題： 配色與風格設定： 粉嫩 可愛 少女心

2.有無遇到的問題? footer版權設定那邊，其他都解決了

3.製作感想 ：血與淚交織xd 很有成就感～～～

4.製作作業的時間 24小時以上，（來回修改研究）

推薦 / 評論　 分享到Facebook     回應文章 Quote
1045445144 [ 站內寄信 / PM ]
Re: [作業07] 以Float：浮動，製作雙欄網頁

分類標籤: 105-1《中國》竹視傳二C-網頁設計
(1).作業網址 :http://mepopedia.com/~web105-2c/hw07/hw07-1045445144/moomin.html

(2).請回答以下問題：
1.網頁主題：j嚕嚕米介紹
配色與風格設定： 配色以繽紛的色彩來配色，風格可愛又活潑～
2.有無遇到的問題：有，雙欄調整了好久，需要花比較久時間
3.製作感想 ：雙欄網頁讓我有點難而且需要花很多耐心去用，但是這個功能可以把本來很長的頁面簡化成瀏覽比較方便的網頁，很不錯!錨點連結的設定蠻方便的～能讓看我們網頁的人覺得更快更方便～
4.製作作業的時間 ：6小時

推薦 / 評論　 分享到Facebook     回應文章 Quote
1045445177 [ 站內寄信 / PM ]
Re: [作業07] 以Float：浮動，製作雙欄網頁

分類標籤: 105-1《中國》竹視傳二C-網頁設計
(1).作業網址 :http://mepopedia.com/~web105-2c/hw07/hw07-1045445177

(2).請回答以下問題：
1.網頁主題：荳荳
配色與風格設定： 粉粉的調配上淡淡的顏色來做輔助
2.有無遇到的問題? 有一點點問題但還好可以慢慢曼看影片做
3.製作感想: 每次都會有意外崩潰的收穫
4.製作作業的時間 :一天一點點

推薦 / 評論　 分享到Facebook     回應文章 Quote
Hus,Ching-Chiech [ 站內寄信 / PM ]
Re: [作業07] 以Float：浮動，製作雙欄網頁

分類標籤: 105-1《中國》竹視傳二C-網頁設計
(1).作業網址 :http://mepopedia.com/~web105-2c/hw07/hw07-1045445033/links.html
(2).請回答以下問題：
1.網頁主題： 配色與風格設定：主要配色灰、紅兩色搭配，搭配主題(酸黃瓜先生)
2.有無遇到的問題?尚可，腦子到這裡還算能繼續運轉
3.製作感想 偶爾有些搞混...但大致上這單元還不算太難
4.製作作業的時間 半小時吧~



Edited 1 time(s). Last edit at 01/11/2017 11:13AM by Hus,Ching-Chiech.
(編輯記錄)

推薦 / 評論　 分享到Facebook     回應文章 Quote
黃靖家 [ 站內寄信 / PM ]
Re: [作業07] 以Float：浮動，製作雙欄網頁

分類標籤: 105-1《中國》竹視傳二C-網頁設計
(1).作業網址 ：http://mepopedia.com/~web105-2c/hw07/hw07-1045445129
(2).請回答以下問題：
網頁主題：My Melody
配色與風格設定：以粉色系為主色，呈現出粉嫩嫩的感覺
有無遇到的問題：雙欄語法很複雜...
製作感想：比之前的作業更有挑戰...
製作作業的時間 ：5小時

推薦 / 評論　 分享到Facebook     回應文章 Quote
1045445081 [ 站內寄信 / PM ]
Re: [作業07] 以Float：浮動，製作雙欄網頁

分類標籤: 105-1《中國》竹視傳二C-網頁設計
(1).作業網址 :http://mepopedia.com/~web105-2c/hw07/hw07-1045445081

(2).請回答以下問題：
1.網頁主題：月薪嬌妻
配色與風格設定：日系清新 主色 粉紅 輔助色 淺藍
2.有無遇到的問題?:表格一開始搞不太懂
3.製作感想 到最後語法密密麻麻地有時候很難找東西
4.製作作業的時間 1小時

推薦 / 評論　 分享到Facebook     回應文章 Quote
1045445153 [ 站內寄信 / PM ]
Re: [作業07] 以Float：浮動，製作雙欄網頁

分類標籤: 105-1《中國》竹視傳二C-網頁設計
(1).作業網址 :http://mepopedia.com/~web105-2c/hw07/hw07-1045445153
(2).請回答以下問題：
1.網頁主題：宮崎駿
配色與風格設定：素色簡約
2.有無遇到的問題? 有同學幫忙，沒什麼大問題
3.製作感想 ：算簡單，但很花時間
4.製作作業的時間：2小時左右

推薦 / 評論　 分享到Facebook     回應文章 Quote
1234567809 [ 站內寄信 / PM ]
Re: [作業07] 以Float：浮動，製作雙欄網頁

分類標籤: 105-1《中國》竹視傳二C-網頁設計
(1).作業網址 :http://mepopedia.com/~web105-2c/hw07/hw07-1045445072

(2).請回答以下問題：
1.網頁主題：豔漢
配色與風格設定：用偏粉和偏咖啡的紅來達到"豔"的效果
2.有無遇到的問題:有，因為自底的Dw是cc版本，所以有些東西要靠自己找尋~沒有那麼簡單能完成sad smiley
3.製作感想 :好累
4.製作作業的時間 :大概5小時

推薦 / 評論　 分享到Facebook     回應文章 Quote
1045445138 [ 站內寄信 / PM ]
Re: [作業07] 以Float：浮動，製作雙欄網頁

分類標籤: 105-1《中國》竹視傳二C-網頁設計
(1).作業網址 :http://mepopedia.com/~web105-2c/hw07/hw07-1045445138


1.網頁主題： 配色與風格設定：白色、黑色、藍色
2.有無遇到的問題:沒有
3.製作感想:比之前單欄更難
4.製作作業的時間 :3小時

推薦 / 評論　 分享到Facebook     回應文章 Quote
Newer Topic Older Topic