Re: [作業07]以Float:浮動,製作雙欄網頁

週三, 一月 3. 2018

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


(2).請回答以下問題:
1.網頁主題: 皮克斯 PIXAR,有種神秘感的配色效果。8-)
2.有無遇到的問題:沒有遇到什麼大問題,就剩下連結文章,就完成期末作業了。(:D
3.製作感想 :越做越有成就感,製作過程有些小問題,也會冷靜去檢查並做更正。:)-D
4.製作作業的時間 :3~4小時X(

Re: [作業07] 以Float:浮動,製作雙欄網頁

週三, 一月 3. 2018

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


網頁主題:爽爽貓
配色與風格設定:以亮色和粉色為主

Re: [作業07]以Float:浮動,製作雙欄網頁

週三, 一月 3. 2018

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

(2).請回答以下問題:
1.網頁主題:配色與風格設定: 藍白色 清新可愛風格:)-D
2.有無遇到的問題? 不知道為什麼表格上面會多一大塊空白(第四頁)??:S
3.製作感想 搞不懂為什麼上面會多一大塊哈哈(第四頁那裏):(
4.製作作業的時間 2-3小時(tu)

Re: [作業06]表格的製作美化與資料整理

週三, 一月 3. 2018

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

(2).請回答以下問題:
1.網頁主題:貓茶町
2.配色與風格設定:清新
3有無遇到的問題? 沒有問題
4.製作感想:對語法更加熟悉了
5.製作作業的時間:2小時

Re: [作業06] 表格的製作美化與資料整理

週三, 一月 3. 2018

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

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

Re: [作業06] 表格的製作美化與資料整理

週三, 一月 3. 2018

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

(2).請回答以下問題:
1.網頁主題: 介紹文鳥
2.配色與風格設定: 粉粉嫩嫩的感覺
2.有無遇到的問題? DW上面看到的跟網頁呈現的不一樣
3.製作感想
4.製作作業的時間 一天

[期末作業] 以雙欄為主的網站設計

週三, 一月 3. 2018

[color=#990000][期末作業] 以雙欄為主的網站設計[/color]



[hr]

製作說明:


1.請參考期末之前教過的做法及講義,製作以雙欄(多欄)為主的網站。

2.題目自訂,可以延續期中作業的主題,也可以是全新的主題。

3.必須考慮設計風格與質感,並需自行設計圖片(尤其是頂圖,不可使用現成設計好的圖片),製作網站內容。

4.需以Float浮動的方式建立雙欄(多欄)(不限定每頁都須雙欄)、DIV搭配CSS的方式完成,設定尺寸、字體、顏色等等。

5.至少需包含
(1).Table:表格→匯整資料,
(2)Float→繞圖排文,
(3)臉書、噗浪等推文設定,
(4)圖片跳窗連結,
(5)導覽列設定。


6.製作完成上傳至FTP


[hr]

作業設計重點



[color=#CC0000](1)能自行設計以DIV與CSS製作的網站
(2)利用float設計雙欄網站
(3)利用項目清單設計導覽列
(4)利用自已設計的圖片、色彩搭配與字體設定等設計出具有質感的網頁[/color]



評分標準與製作檢核


1.雙欄的製作(Float的使用),不同的連結方式
2.HTML的正確架構(DIV的使用)
3.整體設計美感(CSS運用,風格及配色,字體設定、圖片製作)
4.導覽列的正確性(含導覽超連結)
5.表格、繞圖排文、推文等設定
6.HTML Title的設定,Footer的版權宣告
7.內容的完整性
8.製作說明

[hr]

繳交作業方式


[color=#CC0066]1.製作完成後,檔案命名方式:[/color]

[color=#669900]期中作業FTP上的資料夾為:final

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

資料夾內含:
(1).首頁命名為index.html
(2).其他頁面請自行命名,但需注意命名為則,不可出現中文及全形字、特殊符號等等
(3).一個命名為style.css的css樣式檔
(4).存放圖檔的images資料夾

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


[color=#CC0066]2.全部完成後上傳至FTP[/color]

[color=#CC0066]3.依進度回覆本篇文章[/color]

[hr]

回覆說明



[color=#0066CC]完成品[/color]
[color=#FF0066]請將這項放置於文章最前面[/color]
(1)作業網址:
(2).
1.製作作業的時間:
2.有無遇到的問題:
3.製作心得與感想:
4.本學期於網頁設計課程上的收穫:



[color=#0066CC]前置作業[/color]
(1)網站主題:
(2)導覽列架構設定
(3)主要瀏覽族群:
(5)風格設定:
(6)主色調,輔助色調:
(7)製作動機:
(8)製作目的:
預期效果:



[hr]

=================================================
[color=#CC0066]※期末作業無論如何請一定要繳交,否則以期末以零分計。※
※期末考當週請務必出席,無故缺席以零分計。※
※若經發現作業為直接複製同學檔案以零分計※[/color]
=================================================

[期末作業 ]以雙欄為主的網站設計

週三, 一月 3. 2018

[color=#990000][期末作業] 以雙欄為主的網站設計[/color]



[hr]

製作說明:


1.請參考期末之前教過的做法及講義,製作以雙欄(多欄)為主的網站。

2.題目自訂,可以延續期中作業的主題,也可以是全新的主題。

3.必須考慮設計風格與質感,並需自行設計圖片(尤其是頂圖,不可使用現成設計好的圖片),製作網站內容。

4.需以Float浮動的方式建立雙欄(多欄)(不限定每頁都須雙欄)、DIV搭配CSS的方式完成,設定尺寸、字體、顏色等等。

5.至少需包含
(1).Table:表格→匯整資料,
(2)Float→繞圖排文,
(3)臉書、噗浪等推文設定,
(4)圖片跳窗連結,
(5)導覽列設定。


6.製作完成上傳至FTP


[hr]

作業設計重點



[color=#CC0000](1)能自行設計以DIV與CSS製作的網站
(2)利用float設計雙欄網站
(3)利用項目清單設計導覽列
(4)利用自已設計的圖片、色彩搭配與字體設定等設計出具有質感的網頁[/color]



評分標準與製作檢核


1.雙欄的製作(Float的使用),不同的連結方式
2.HTML的正確架構(DIV的使用)
3.整體設計美感(CSS運用,風格及配色,字體設定、圖片製作)
4.導覽列的正確性(含導覽超連結)
5.表格、繞圖排文、推文等設定
6.HTML Title的設定,Footer的版權宣告
7.內容的完整性
8.製作說明

[hr]

繳交作業方式


[color=#CC0066]1.製作完成後,檔案命名方式:[/color]

[color=#669900]期中作業FTP上的資料夾為:final

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

資料夾內含:
(1).首頁命名為index.html
(2).其他頁面請自行命名,但需注意命名為則,不可出現中文及全形字、特殊符號等等
(3).一個命名為style.css的css樣式檔
(4).存放圖檔的images資料夾

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


[color=#CC0066]2.全部完成後上傳至FTP[/color]

[color=#CC0066]3.依進度回覆本篇文章[/color]

[hr]

回覆說明



[color=#0066CC]完成品[/color]
[color=#FF0066]請將這項放置於文章最前面[/color]
(1)作業網址:
(2).
1.製作作業的時間:
2.有無遇到的問題:
3.製作心得與感想:
4.本學期於網頁設計課程上的收穫:



[color=#0066CC]前置作業[/color]
(1)網站主題:
(2)導覽列架構設定
(3)主要瀏覽族群:
(5)風格設定:
(6)主色調,輔助色調:
(7)製作動機:
(8)製作目的:
預期效果:



[hr]

=================================================
[color=#CC0066]※期末作業無論如何請一定要繳交,否則以期末以零分計。※
※期末考當週請務必出席,無故缺席以零分計。※
※若經發現作業為直接複製同學檔案以零分計※[/color]
=================================================

[期末作業]以雙欄為主的網站設計

週三, 一月 3. 2018

[color=#990000][期末作業] 以雙欄為主的網站設計[/color]



[hr]

製作說明:


1.請參考期末之前教過的做法及講義,製作以雙欄(多欄)為主的網站。

2.題目自訂,可以延續期中作業的主題,也可以是全新的主題。

3.必須考慮設計風格與質感,並需自行設計圖片(尤其是頂圖,不可使用現成設計好的圖片),製作網站內容。

4.需以Float浮動的方式建立雙欄(多欄)(不限定每頁都須雙欄)、DIV搭配CSS的方式完成,設定尺寸、字體、顏色等等。

5.至少需包含
(1).Table:表格→匯整資料,
(2)Float→繞圖排文,
(3)臉書、噗浪等推文設定,
(4)圖片跳窗連結,
(5)導覽列設定。


6.製作完成上傳至FTP


[hr]

作業設計重點



[color=#CC0000](1)能自行設計以DIV與CSS製作的網站
(2)利用float設計雙欄網站
(3)利用項目清單設計導覽列
(4)利用自已設計的圖片、色彩搭配與字體設定等設計出具有質感的網頁[/color]



評分標準與製作檢核


1.雙欄的製作(Float的使用),不同的連結方式
2.HTML的正確架構(DIV的使用)
3.整體設計美感(CSS運用,風格及配色,字體設定、圖片製作)
4.導覽列的正確性(含導覽超連結)
5.表格、繞圖排文、推文等設定
6.HTML Title的設定,Footer的版權宣告
7.內容的完整性
8.製作說明

[hr]

繳交作業方式


[color=#CC0066]1.製作完成後,檔案命名方式:[/color]

[color=#669900]期中作業FTP上的資料夾為:final

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

資料夾內含:
(1).首頁命名為index.html
(2).其他頁面請自行命名,但需注意命名為則,不可出現中文及全形字、特殊符號等等
(3).一個命名為style.css的css樣式檔
(4).存放圖檔的images資料夾

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


[color=#CC0066]2.全部完成後上傳至FTP[/color]

[color=#CC0066]3.依進度回覆本篇文章[/color]

[hr]

回覆說明



[color=#0066CC]完成品[/color]
[color=#FF0066]請將這項放置於文章最前面[/color]
(1)作業網址:
(2).
1.製作作業的時間:
2.有無遇到的問題:
3.製作心得與感想:
4.本學期於網頁設計課程上的收穫:



[color=#0066CC]前置作業[/color]
(1)網站主題:
(2)導覽列架構設定
(3)主要瀏覽族群:
(5)風格設定:
(6)主色調,輔助色調:
(7)製作動機:
(8)製作目的:
預期效果:



[hr]

=================================================
[color=#CC0066]※期末作業無論如何請一定要繳交,否則以期末以零分計。※
※期末考當週請務必出席,無故缺席以零分計。※
※若經發現作業為直接複製同學檔案以零分計※[/color]
=================================================

Re: [作業06 ] 表格的製作美化與資料整理

週三, 一月 3. 2018

(1).作業網址 :http://mepopedia.com/~css106-2c/hw06/hw06-1055445111

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

1.網頁主題:動物之森遊戲

2.配色與風格設定: 綠色自然風

2.有無遇到的問題? css表格的設定不讓我設定orz

3.製作感想 :明明就是用老師的東西但dw不讓我做設定??!!
可能是我有甚麼東西沒有處理到吧orz
html的部分倒是理解的很快所以很快就用好了只是一直卡在CSS的設定上......哀哀

4.製作作業的時間 不知道幾小時wwww

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

週三, 一月 3. 2018

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

(2).請回答以下問題:
1.網頁主題:綠色自然風
2.有無遇到的問題?上面的連結只有三個這樣很奇怪?!!!
3.製作感想 : 這次的其實很多都做過了所以也還好不過CC版本的很多東西不會用,像是連結的部分複製老師的範例也不行,所以都是在課堂上完成最後的部分。
4.製作作業的時間 :4小時??!!

Re: [作業04 ] 以CSS製作網頁導覽列

週三, 一月 3. 2018

1).作業網址 :http://mepopedia.com/~css106-2c/hw04/hw04-1055445111

(2)
1.導覽列配色與風格設定:綠色自然
2.有無遇到的問題? 這次的其實還好
3.製作感想(你認為導覽列的意義為何?)
清楚的知道要往哪個網頁走

4.製作作業的時間 上課時間??!!
網頁整個的話是兩小時吧

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

週三, 一月 3. 2018

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

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

Re: [作業07] 以Float:浮動,製作雙欄網頁

週三, 一月 3. 2018

http://mepopedia.com/~css106-2b/hw07/hw07-1055445017/about.html

網頁主題:SUSHI ‧ 寿司
配色與風格設定: 日系風格
製作時間 : 一個晚上

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

週三, 一月 3. 2018

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

(2).請回答以下問題:
1.網頁主題: 配色與風格設定: 黑白色調
2.有無遇到的問題? 連結麻煩
3.製作感想 : 又是一個艱辛的時刻
4.製作作業的時間 : 1.5小時