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

Advanced

Re: [作業08] 雙欄垂直導覽列製作

[作業08] 雙欄垂直導覽列製作

請延續 [作業07] 以Float:浮動,製作雙欄網頁
或者直接以期末作業開始製作

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


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


的步驟製作,將垂直導覽列設定的部分製作完成。

[color=#CC0099]可以連結到不同頁面或外部連結,也可以如範例以錨點連結至同一頁面。[/color]


[hr]

1. 二、繳交作業方式



[color=#CC0099]若作業七已經全部完成,則貼上作業七網址即可[/color]

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

[color=#669900]第八個平時作業FTP上的資料夾為:hw08

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

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

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


2.上傳至FTP

3.回覆本篇文章

(1).作業網址 :

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


[color=#CC0099]請務必在下次上課前回覆,否則為遲交[/color]





Edited 2 time(s). Last edit at 12/07/2011 01:31PM by JinJin.
(編輯記錄)

Attachments:
開啟 | 下載 - hw08-ex.rar (149.3 KB)
http://mepopedia.com/~web100b/hw07/hw07-1001445010

1.網頁主題: 我的貓貓樂園
配色與風格設定: 溫馨粉紅

2.有無遇到的問題? 應該沒啥問題
3.製作感想 :東西開始有點複雜~
4.製作作業的時間:3.5小時

(1).作業網址 : http://mepopedia.com/~web100b/hw07/hw07-1001445123/

(2).請回答以下問題:
1.網頁主題: 配色與風格設定: 跟期中一樣
2.有無遇到的問題? 大致上沒有
3.製作感想 :很有成就感 !!
4.製作作業的時間 上次完成的 ~

(1).作業網址 : http://mepopedia.com/~web100b/hw07/hw07-1001445042/

(2).請回答以下問題:
1.網頁主題: 配色與風格設定: 與其中考相同
2.有無遇到的問題? 目前還好
3.製作感想 感覺很多東西其實老師教過了 只是再拿出來做更改使用效果就會不同呢!
4.製作作業的時間 上次就差不多完成HW07在上課時把不足修正而已

(1).作業網址 : http://mepopedia.com/~web100b/hw07/hw07-1001445026/

(2).請回答以下問題:
1.網頁主題: 配色與風格設定: 延續上次的期中作業,把它做的更完整更專業
2.有無遇到的問題? 沒有問題!
3.製作感想 雙欄網頁製作成品讓我看起來更加專業
4.製作作業的時間 5小時+兩節課

(1).作業網址 :http://mepopedia.com/~web100b/hw07/hw07-1001445115

(2).請回答以下問題:
1.網頁主題: 配色與風格設定:同作業7,偏紅、黑色系
2.有無遇到的問題?在自家電腦裡顯示的網頁樣子跟學校不一樣,例如背景會跑掉
3.製作感想:藉由每次作業加強自己的網頁感覺很好
4.製作作業的時間 :半小時

http://mepopedia.com/~web100b/hw07/hw07-1001445075

1.網頁主題: 和上次一樣,手工餅乾網頁 !
2.有無遇到的問題? 沒有大問題
3.製作感想 明白雙欄網頁的製作方法很有成就感,網頁也越來越完整了~
4.製作作業的時間 約3個小時

(1).作業網址 : http://mepopedia.com/~web100b/hw08/hw08-1001445119/ (雙欄在video裡)

(2).請回答以下問題:
1.網頁主題: 配色與風格設定: thumbs up以黑白灰為主 ~黑暗風

2.有無遇到的問題? confused smiley我的版面還是跑掉了

3.製作感想 : eye popping smiley有成就感囉~~!!!感恩老師~~

4.製作作業的時間 smiling bouncing smiley課堂上做完

http://mepopedia.com/~web100b/hw08/hw08-1001445004/

1.網頁主題: 配色與風格設定:和之前依樣
2.有無遇到的問題?
3.製作感想 有點難
4.製作作業的時間 :3小時

MEPOERs said:
hughero1314: 給你一百個讚,主題選的很好XDDDD
1).作業網址 : http://mepopedia.com/~web100b/hw08/hw08-1001445008/black

(2).請回答以下問題:
1.網頁主題: 配色與風格設定: 由期中作業改
2.有無遇到的問題? 旁邊總是會顯示小m圖.可是自己電腦做時都沒有出現.....
3.製作感想 很想學新的... ^口^
4.製作作業的時間 2.5hr

(1).作業網址 : http://mepopedia.com/~web100b/hw08/hw08-1001445032/

(2).請回答以下問題:
1.網頁主題: 配色與風格設定: 跟期中一樣
2.有無遇到的問題? 基本上大致是沒有
3.製作感想 :滿有成就感的
4.製作作業的時間 於[作業6]製作時已完成



Edited 2 time(s). Last edit at 12/13/2011 03:36AM by 1001445032.
(編輯記錄)

(1).作業網址 : http://mepopedia.com/~web100b/hw08/hw08-1001445051/

(2).請回答以下問題:
1.網頁主題: 配色與風格設定: 跟期中差不多
2.有無遇到的問題? 老師我還是希望你附語音sad smiley
3.製作感想 : 總覺得我都不太會用
4.製作作業的時間 : 4-5

(1).作業網址 : http://mepopedia.com/~web100b/hw08/hw08-1001445049/flower.html

(2).請回答以下問題:
1.網頁主題: 配色與風格設定: 延續期中作業。
2.有無遇到的問題? 同時有2種表格要存在有點難設定,很常因此影響到其他的CSS設定。
3.製作感想: 快速連結讓設計出來的網頁更方便瀏覽了。
4.製作作業的時間: 3小時多。

http://mepopedia.com/~web100b/hw07/hw07-1001445006/photo2.html

請回答以下問題:

1.網頁主題:期中作業
配色與風格設定:黑白灰

2.有無遇到的問題?
一不小心就會整個亂掉,老師我的content-L怪怪的...

3.製作感想
這也太累了吧!!!!感覺沒很難,但每個東西都要調,調到我都眼花了...
但有越來越精緻的感結~

4.製作作業的時間
6小時...晚安

-

(1). 作業網址 : http://mepopedia.com/~web100b/hw08/hw08-1001445022/

(2). 請回答以下問題:
1. 網頁主題:
   配色與風格設定: 黑白灰的搭配
2. 有無遇到的問題? :沒有
3. 製作感想:呃,表格時常不聽使喚,真的是 ...
4. 製作作業的時間:3 小時左右

-



Edited 2 time(s). Last edit at 12/14/2011 09:26AM by hughero1314.
(編輯記錄)

http://mepopedia.com/~web100b/hw07/hw07-1001445055
和作業7一樣 smiling smiley

(1).作業網址 :http://mepopedia.com/~web100b/hw07/hw07-1001445036/about.html

(2).請回答以下問題:
1.網頁主題: 配色與風格設定:期中作業延續,塗鴉風格
2.有無遇到的問題?沒有
3.製作感想 一開始製作雙欄覺得有點困難,但是按造講義做就一一解決問題
4.製作作業的時間 3小時

依樣畫葫蘆!和作業7相同。
http://mepopedia.com/~web100b/hw08/hw08-9711443098

http://mepopedia.com/~web100b/hw07/hw07-1001445099
跟作業7一起的~~

(1).作業網址 : http://mepopedia.com/~web100b/hw08/hw07-1001445016


1.網頁主題: christmas 配色與風格設定: 色塊 綠色
2.有無遇到的問題? 解決了
3.製作感想 自己看了很開心
4.製作作業的時間 兩天

(1).作業網址 :http://mepopedia.com/~web100b/hw08/hw08-1001445002

(2).請回答以下問題:
1.網頁主題: 星空
配色與風格設定: 幾米憂鬱藍
2.有無遇到的問題? 還好
3.製作感想 很累但完成很有成就感
4.製作作業的時間 3.4天



Edited 1 time(s). Last edit at 01/01/2012 06:12PM by 1001445002.
(編輯記錄)

(1).作業網址 : http://mepopedia.com/~web100b/hw08/hw07-1001445105

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

(1).作業網址 : http://mepopedia.com/~web100b/hw07/hw07-1001445109/

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

1.網頁主題: 配色與風格設定: 以莫內這主題來修改
2.有無遇到的問題? 沒問題
3.製作感想 雖然覺得有點困難 但做完覺得很開心
4.製作作業的時間 1天

(1).作業網址 :http://mepopedia.com/~web100b/hw08/hw08-1001445024

(2).請回答以下問題:
1.網頁主題:顏水龍介紹
配色與風格設定:主要以暖色為主,搭配他的畫作。
2.有無遇到的問題? 無
3.製作感想 感覺網頁越來越有整體感
4.製作作業的時間 2個小時

http://mepopedia.com/~web100b/hw08/hw08-1001445063

1.延續期中作業加以修改
2.很複雜,不夠熟悉
3.混亂阿!!!!!
4.約4小時

(1).作業網址 :http://mepopedia.com/~web100b/hw08/hw08-1001445095

(2).請回答以下問題:
1.網頁主題:Pixar介紹
2.有無遇到的問題? 無
3.製作感想: 延續作業7
4.製作作業的時間:延續作業7

http://mepopedia.com/~web100b/hw08/hw08-1001445030/


1.網頁主題:星座故事
配色與風格設定: 以黑色為底藍色為輔,呈現星夜的美感

2.有無遇到的問題? :還好,有講義可以觀看smiling smiley

3.製作感想 :很多的語法要是沒打好就會錯,但是慢慢看自然會懂

4.製作作業的時間 :3h

http://mepopedia.com/~web100b/hw07/hw07-1001445053

1.網頁主題:可愛鞋貓劍客
配色與風格設定: 深色為組 以穩重感 還有貓咪身 上的顏色

2.有無遇到的問題? 還好 除了分兩欄 其餘的我都在作業六熬夜重做了解了QㄇQ 沒問題

3.製作感想 :複雜複雜 不過做完好有成就敢喝喝喝

4.製作作業的時間:作業7 8 期末 一起做的共2.5小時

(1).作業網址 : http://mepopedia.com/~web100b/hw07/hw07-1001445057/

(2).請回答以下問題:
1.網頁主題: 配色與風格設定: 紫紅粉紅
2.有無遇到的問題? 其實我都是靠別人一步一步教的,因為自從第六個作業以後我就完全摸不著頭緒了
3.製作感想 :好困難喔~~~~但是做出來覺得還蠻感動的
4.製作作業的時間 很久

(1).作業網址 : http://mepopedia.com/~web100b/hw07/hw07-1001445047

(2).請回答以下問題:
1.網頁主題: 配色與風格設定: 與期中相同
2.有無遇到的問題? 慢慢的給它摸索摸索
3.製作感想 :好難
4.製作作業的時間 3小時

#我在這點開來後發現都沒有任何東西怎麼辦 sad smiley((

http://mepopedia.com/~web100b/hw08/hw08-1001445077/


1.網頁主題: 配色與風格設定: 延續之前的作業.
2.有無遇到的問題? 第一次使用雙欄打內文 剛開始的樣式設定有點難理解
3.製作感想 線在已經大致上完成了 也自己增加了很多東西進去 希望能有好作品
4.製作作業的時間 2hr

(1).作業網址 : http://mepopedia.com/~web100b/hw07/hw07-1001445083/

(2).請回答以下問題:
1.網頁主題:BIGBANG STORY 配色與風格設定:拼色
2.有無遇到的問題? 基本上沒有什麼問題
3.製作感想 :能完成很開心
4.製作作業的時間 1hr

http://mepopedia.com/~web100b/hw08/hw07-1001445040

我已經補交了!! 在你的筆電裡

1.蔡依林
2.補回應
3.http://mepopedia.com/~web100b/hw08/hw08-1001445093/index4.html

(1).作業網址 : http://mepopedia.com/~web100b/hw07/hw07-1001445091/

1.網頁主題: 配色與風格設定: 以期中主題來修改
2.有無遇到的問題? 沒問題
3.製作感想: 雖然覺得有些困難 但做完覺得很開心!!!
4.製作作業的時間:三小時

http://mepopedia.com/~web100b/hw07/hw07-1001445081

1.網頁主題: 我的女神lady gaga
配色與風格設定: 黑白簡單
2.有無遇到的問題? 目前沒有
3.製作感想 :複製貼上排版搞亂很煩躁
4.製作作業的時間:兩天