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

Advanced

[作業01] 以HTML與CSS完成第一個網頁

[作業01] 以HTML與CSS完成第一個網頁

1. 參考講義


1.[url=http://mepopedia.com/forum/read.php?804,16668][講義01] 以 HTML 與 CSS 完成第一個網頁[/url]

[hr]

2. 需下載的軟體


FileZilla 免費又好用的FTP軟體,供客戶端和伺服器端使用
官方下載網頁:http://filezilla-project.org/

[hr]

3. 繳交作業的方式



1.以FTP上傳至老師指定位置,每一個作業都會有一個相對應的資料夾
如:[color=#CC3300]第一個作業的資料夾為:hw01[/color]
每位同學請將自己的資料夾命名為:[color=#993300]hw01-學號[/color]
這個作業的網址則為:http://mepopedia.com/~web104-2c/hw01/hw01-104xxxxxxx

2.切勿擅改別人的資料檔案,若經發現則以零分計

[hr]

這禮拜請同學按照講義的步驟及做法,自選文字主題。

1.以自己設定的文字內容,字體大小、文字、背景顏色等,盡可能以最具美感的配色與配置為主
做html與css的設定

2.至少兩個可以互相連結的html檔,其中首頁命名為index.html,另一檔案可命名為about.html
3.以及一個命名為style.css的css樣式檔

存放在hw01-學號的資夾內

[IMG]http://i.imgur.com/pUK69i6.jpg[/IMG]

[hr]
並請回覆本篇文章

1.作業網址:http://mepopedia.com/~web104-2c/hw01/hw01-104xxxxxxx

2.有無遇到的問題,製作心得,風格設定與製作作業的時間



4. 參考範例


作業參考
(1) http://mepopedia.com/~web103-a/hw01/hw01-1005445193/
(2) http://mepopedia.com/~web103-a/hw01/hw01-1025445151/
(3) http://mepopedia.com/~web103-c/hw01/hw01-1025443044/

作業網址:http://mepopedia.com/~web104-2c/hw01/hw01-1035445168
2.有無遇到的問題,製作心得,風格設定與製作作業的時間

1.作業網址:http://mepopedia.com/~web104-2c/hw01/hw01-1035445102

2.有無遇到的問題,製作心得,風格設定與製作作業的時間
老師切換螢幕的時間太久,講得又有點快,切回來的時候又快忘了剛切螢幕前講的內容
希望可以一個一個步驟做,然後馬上切回來跟上步驟,比較不會忘記,然後一直問。



Edited 1 time(s). Last edit at 10/01/2015 12:38PM by 美珍.
(編輯記錄)

1.作業網址:http://mepopedia.com/~web104-2c/hw01/hw01-1035445180

2.有無遇到的問題,製作心得,風格設定與製作作業的時間
老師切螢幕太快 有時做到一半切回來就忘了下一步要這麼做了

1.作業網址:http://mepopedia.com/~web104-2c/hw01/hw01-1035445033

2.有無遇到的問題,製作心得,風格設定與製作作業的時間
老師很有耐心一直重複我們不會的地方,然後一個一個步驟教我們並且講解完讓我們實作,這樣有問題就可以馬上提問

1.作業網址:http://mepopedia.com/~web104-2c/hw01/hw01-1035445078

2.有無遇到的問題,製作心得,風格設定與製作作業的時間
一次不要講太多 會吸收不了



Edited 1 time(s). Last edit at 10/08/2015 11:52AM by 陳八羔子.
(編輯記錄)

作業網址:http://mepopedia.com/~web104-2c/hw01/hw01-1035445147
2.有無遇到的問題,製作心得,風格設定與製作作業的時間

作業網址:http://mepopedia.com/~web104-2c/hw01/hw01-1035445129

Q:有無遇到的問題,製作心得,風格設定與製作作業的時間
A:如果沒有認真聽會跟不上老師的進度,所以每次都需要全神貫注

學號:1035445129

1.作業網址:http://mepopedia.com/~web104-2c/hw01/hw01-1035445006

2.有無遇到的問題,製作心得,風格設定與製作作業的時間
老師教學相當用心,但絕對不能恍神,謝謝老師耐心指導,重複示範我們不會的部分。

1.作業網址:http://mepopedia.com/~web104-2c/hw01/hw01-1025445115

2.有無遇到的問題,製作心得,風格設定與製作作業的時間
第一個作業總是比較好做!感謝老師細心教學



Edited 1 time(s). Last edit at 10/08/2015 01:12AM by 1025445115.
(編輯記錄)

作業網址:http://mepopedia.com/~web104-2c/hw01/hw01-1035445105
2.有無遇到的問題,無

1.作業網址:http://mepopedia.com/~web104-2c/hw01/hw01-1035445153
2.有無遇到的問題,製作心得,風格設定與製作作業的時間
製作網頁設計不簡單,希望我的網頁可以打得開.......



Edited 1 time(s). Last edit at 10/08/2015 10:43AM by 1035445153.
(編輯記錄)

1.作業網址:http://mepopedia.com/~web104-2c/hw01/hw01-1035445054

2.有無遇到的問題,製作心得,風格設定與製作作業的時間
沒有問題smiling smiley

1.作業網址:http://mepopedia.com/~web104-2c/hw01/hw01-1035445072
2.CSS跑不出效果

1. 作業網址:http://mepopedia.com/~web104-2c/hw01/hw01-1025445189

2. 目前沒有太大的問題,完成了! 只是醜了點

hw01 1035445036

果然英文要好才行,我的問題就是我不知道我的問題在哪裡。

http://mepopedia.com/~web104-2c/hw01/hw01-1035445036



Edited 1 time(s). Last edit at 10/08/2015 11:12AM by 1035445036.
(編輯記錄)

1.作業網址:http://mepopedia.com/~web104-2c/hw01/hw01-1035445084

2.有無遇到的問題,製作心得,風格設定與製作作業的時間
沒什麼問題 感謝老師細心教學

1.作業網址:http://mepopedia.com/~web104-2c/hw01/hw01-1035445066

2.有無遇到的問題:這門課讓我的腦容量極度不足阿.好像無發行光合作用.無發將網頁發揚光大

1.作業網址:http://mepopedia.com/~web104-2c/hw01/hw01-1035445035

2.有無遇到的問題 :我覺得老師可以步驟少一點就切回畫面給我們做,可以更跟得上

1.作業網址:http://mepopedia.com/~web104-2c/hw01/hw01-1035445057

2.有無遇到的問題,製作心得,風格設定與製作作業的時間

不會的地方老師都很耐心回答並且協助找出問題,
之後作業步驟可能會更複雜 希望老師可以在課堂多講解幾次

1.作業網址http://mepopedia.com/~web104-2c/hw01/hw01-1035445030

2.有無遇到的問題,製作心得,風格設定與製作作業的時間
謝謝老師耐心地重複教,這樣對像我這些吸收比較慢的人很有幫助~

學號:1035445030



Edited 2 time(s). Last edit at 10/15/2015 12:01PM by blue6062.
(編輯記錄)

1-作業網址:C:\Users\user\Desktop\hw01-1035445159\next.html

2-謝謝老師這麼有耐心~~~ ♥

http://mepopedia.com/~web104-2c/hw01/hw01-1035445195/

1.作業網址:http://mepopedia.com/~web104-2c/hw01/hw01-1035445201
2.有無遇到的問題,製作心得,風格設定與製作作業的時間
好玩啊

1.作業網址:http://mepopedia.com/~web104-2c/hw01/hw01-1035445123

2.有無遇到的問題,製作心得,風格設定與製作作業的時間
覺得有點困難,但是還好老師講得非常清楚,
雖然還是有點不懂,謝謝老師。



Edited 1 time(s). Last edit at 10/15/2015 12:02PM by 林悅煦.
(編輯記錄)

1.作業網址:http://mepopedia.com/~web104-2c/hw01/hw01-1035445090

2.雖然過程中很多不懂、遇到很多困難,可是幸好有老師與同學的幫助~~真是太感謝了!!

1.作業網址:http://mepopedia.com/~web104-2c/hw01/hw01-1035445060

2.有無遇到的問題,製作心得,風格設定與製作作業的時間
目前沒有遇到較大問題,感謝老師用心的講解課程



Edited 1 time(s). Last edit at 10/15/2015 10:42AM by 1035445060.
(編輯記錄)

1.作業網址:http://mepopedia.com/~web104-2c/hw01/hw01-1035445162

2.有無遇到的問題,製作心得,風格設定與製作作業的時間
老師講的速度有點太快,需要一步一步慢慢來才記得住步驟,謝謝老師和同學的幫助。



Edited 1 time(s). Last edit at 10/15/2015 12:21AM by apple70825.
(編輯記錄)

1.作業網址:http://mepopedia.com/~web104-2c/hw01/hw01-1035445081

2.有無遇到的問題,製作心得,風格設定與製作作業的時間
有時候上課講得太快,會無法完全接收。

1.作業網址:http://mepopedia.com/~web104-2c/hw01/hw01-1025445061
2.有無遇到的問題,製作心得,風格設定與製作作業的時間
目前沒有大問題, 感謝老師細心教學

作業網址:http://mepopedia.com/~web104-2c/hw01/hw01-1035445171/about.html

上課問題:終於修改好



Edited 2 time(s). Last edit at 10/26/2015 10:00PM by 珮璇.
(編輯記錄)

1.作業網址:http://mepopedia.com/~web104-2c/hw01/hw01-1035445126

2.有無遇到的問題,製作心得,風格設定與製作作業的時間
稍微一恍神就一頭霧水了

1.作業網址:http://mepopedia.com/~web104-2c/hw01/hw01-1035445042

2.有無遇到的問題,製作心得,風格設定與製作作業的時間
有些困難,老師教得有些快。

1.作業網址:http://mepopedia.com/~web104-2c/hw01/hw01-1035445096

2.有無遇到的問題,製作心得,風格設定與製作作業的時間
有時候上課講得太快,會無法完全接收

1.作業網址:http://mepopedia.com/~web104-2c/hw01/hw01-1035445024

2.有無遇到的問題,製作心得,風格設定與製作作業的時間
講好快

1.作業網址:http://mepopedia.com/~web104-2c/hw01/hw01-1035445009

2.有無遇到的問題,製作心得,風格設定與製作作業的時間
一次不要講太多,想慢慢來太快了
1035445009



Edited 1 time(s). Last edit at 10/28/2015 09:24PM by 濁濁.
(編輯記錄)

1.作業網址:http://mepopedia.com/~web104-2c/hw01/hw01-1035445183/

2.有無遇到的問題,製作心得,風格設定與製作作業的時間

1.作業網址:http://mepopedia.com/~web104-2c/hw01/hw01-1035445018

.有無遇到的問題,製作心得,風格設定與製作作業的時間
感謝老師用心的講解課程 雖然老師講得有點太快了

1.作業網址:http://mepopedia.com/~web104-2c/hw01/hw01-1035445114

2.有無遇到的問題:同學都有幫助我!

1.作業網址:http://mepopedia.com/~web104-2c/hw01/hw01-1035445207

2.有無遇到的問題,製作心得,風格設定與製作作業的時間
使用黑白灰構成簡潔的風格。
然後這堂課要全神貫注不能分心,是很大的挑戰。

1.作業網址:http://mepopedia.com/~web104-2c/hw01/hw01-1035445051

2.有無遇到的問題,製作心得,風格設定與製作作業的時間
沒有遇到太大的問題,大致上還聽得懂。只是自己做得有點慢會跟不上。
自己完成一個網頁感覺還不錯。

1.作業網址:http://mepopedia.com/~web104-2c/hw01/hw01-1035445189
2.有無遇到的問題,製作心得,風格設定與製作作業的時間
使用粉紅+綠的配色,在製作這個得時候真的一個步驟都不能漏聽到,不然就會不知道該如何進行下去,還好有同學的幫忙,才能順利完成

1.作業網址:http://mepopedia.com/~web104-2c/hw01/hw01-1035445216

2.有無遇到的問題,製作心得,風格設定與製作作業的時間
老師切換螢幕的時間太久,講得又有些快,腦殘的我總會跟不上進度而自暴自棄
希望老師可以體諒一下特別腦殘的學生。
那時候很怕做錯,所以都跟老師的動作一模一樣,就怕自己做不好!

1.作業網址:http://mepopedia.com/~web104-2c/hw01/hw01-1035445048
2.有無遇到的問題,製作心得,風格設定與製作作業的時間
常常會遇到問題,覺得教學有點快有點跟不上
但後來有問同學及老師

1.作業網址:http://mepopedia.com/~web104-2c/hw01/hw01-1035445141
2.有無遇到的問題,製作心得,風格設定與製作作業的時間
有~ 風格配合主題
很久

http://mepopedia.com/~web104-2c/hw01/hw01-1035445108


2.有無遇到的問題,製作心得,風格設定與製作作業的時間 :第一次做這有點難

我是1035445096曾謙柔


1.作業網址:http://mepopedia.com/~web104-2c/hw01/hw01-1035445096

2.進度有點帶快了 希望上課步調慢一點~~~~~~~~~~~~~~~

1.作業網址:http://mepopedia.com/~web104-2c/hw01/hw01-1035445156

2.有無遇到的問題,製作心得,風格設定與製作作業的時間
沒有問題因為同學細心教導
我的同學人真好
喜歡的配色加進去ㄎㄎ
11/5有點晚但我還是交了唷~

1.作業網址:http://mepopedia.com/~web104-2c/hw01/hw01-1035445093

2.有無遇到的問題:無

代PO

1.作業網址:http://mepopedia.com/~web104-2c/hw01/hw01-1035445150

2.有無遇到的問題:無

1.作業網址:http://mepopedia.com/~web104-2c/hw01/hw01-1035445087

2.有無遇到的問題,製作心得,風格設定與製作作業的時間

還可以

1.作業網址:http://mepopedia.com/~web104-2c/hw01/hw01-1035445075/

2.有無遇到的問題,製作心得,風格設定與製作作業的時間
問題就是原本都不會感到最後才交好刺激

作業網址:http://mepopedia.com/~web104-2c/hw01/hw01-1035445192
作業沒有問題~照講義一步步做就ok了

作業網址:http://mepopedia.com/~web104-2c/hw01/hw01-1035445105
2.有無遇到的問題,無