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

Advanced

Re: [作業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/~css106-2a/hw01/hw01-105xxxxxxx

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]
並請回覆本篇文章

統一帳號 css106-2a

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

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/
(4) http://mepopedia.com/~web105-2c/hw01/hw01-1045445036/
(5) http://mepopedia.com/~web105-2c/hw01/hw01-1045445162/



Edited 1 time(s). Last edit at 10/05/2017 09:16AM by JinJin.
(編輯記錄)

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

2.有無遇到的問題,製作心得,風格設定與製作作業的時間
沒有太大問題,製作時間約5小時,心得:剛開始做出現很多小問題例如打錯字之類的,比較不習慣

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

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

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

2.除了聽得有點吃力但還是能做完只希望能過,雖然是第一次的功課但用的時間也好幾週了

1.作業網址:http://mepopedia.com/~css106-2a/hw01/hw01-1035443128

2.沒有太大問題

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

2.心得:有些東西高中就上過了,不過大學教的方法更快,更加的簡單,是很新奇的體驗

1.作業網址:http://mepopedia.com/~css106-2a/hw01/hw01-1055445175

2.中途發生兩個頁面設定相同卻顯示不同的情況,不過重新打一遍就解決了,製作時間約30分鐘

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

2.在做的過程中遇到想做兩個不同的顏色版本,但不知道如何改他,於是上網
去看老師給的影片,終於弄懂,很開心也有成就感

http://mepopedia.com/~css106-2a/hw01/hw01-1055445091

1.作業網址:http://mepopedia.com/~css106-2a/hw01/hw01-1055445004
2.心得:以前本來覺得網頁設計是相對畫圖對我來說非常困難的東西,雖然平常會稍微看看但也不敢深入了解,藉由老師循序漸進的教學已經沒有以前那麼害怕了。

1.作業網址:http://mepopedia.com/~css106-2a/hw01/hw01-1055445190

2. 無遇到什麼問題,如果按照老師上課進度很可以跟上。smiling smiley

http://mepopedia.com/~css106-2a/hw01/hw01-1055445091

心得: 容易出現小錯誤不是很習慣

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

2.剛開始做比較不懂,做久了有比較上手。smileys with beersmileys with beer



Edited 1 time(s). Last edit at 10/19/2017 09:52AM by 1055445052.
(編輯記錄)

1.作業網址:http://mepopedia.com/~css106-2a/hw01/hw01-1055445073

2.剛開始學的時候,真的聽沒有,多虧了隔壁的同學教我我才大致了解
不過製作網頁真的不是件容易事對我來說,在製作的過程中遇到了許多小小瓶頸,但其實都是自己的腦袋沒有打通而已
以前國中時有上過網頁的課程,我也是學了很久,不過到最後要升上一年級時,而沒有了網頁課自己還覺得有點可惜呢!
因為自己已經抓到訣竅了
希望我可以在這門課早一點抓到訣竅

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

2.第一次接觸到網頁設計,比較遇到瓶頸的地方是在CSS設定那邊我還是不太熟悉,還有上傳FileZilla的時候也卡了一陣子,希望之後的作業能越做越好。

1.作業網址:http://mepopedia.com/~css106-2a/hw01/hw01-1055445103
2.從一開始完全不會到現在已經會了一點點



Edited 1 time(s). Last edit at 10/28/2017 02:08PM by LRU.
(編輯記錄)

1.作業網址:http://mepopedia.com/~css106-2a/hw01/hw01-1055445007


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

1.作業網址:http://mepopedia.com/~css106-2a/hw01/hw01-1055445082
2.有無遇到的問題,製作心得,風格設定與製作作業的時間
剛開始覺得複雜,現在開始慢慢上手了 hot smiley

1.作業網址:http://mepopedia.com/~css106-2a/hw01/hw01-105445112

2.心得: 很容易出現錯誤不習慣 有點難



Edited 2 time(s). Last edit at 10/19/2017 10:07AM by aok15958.
(編輯記錄)

1.作業網址:http://mepopedia.com/~css106-2a/hw01/hw01-1055445064

2.製作心得:學到了網頁是如何製作,覺得很有趣也很受益!
風格設定:輕快地
製作作業的時間 :emmmm........上課用的時間!

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

1.http://mepopedia.com/~css106-2a/hw01/hw01-1055445204

2.一開始都不太懂,但多做幾次就會了。

1.作業網址:http://mepopedia.com/~css106-2a/hw01/hw01-1055445055
2.講解聽得懂,有問題也能發問,作業也能再在上課完成,這感覺很好

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

2.很有趣高中是用筆記本做的所以覺得有點難,但老師講解完就覺得清楚多了,剛開始覺得有點混亂現在慢慢開始上手了

1作業網址:http://mepopedia.com/~css106-2a/hw01/hw01-1055445094
2熱血開打



Edited 1 time(s). Last edit at 10/26/2017 09:33AM by 陳柏宇.
(編輯記錄)

1 http://mepopedia.com/~css106-2a/hw01/hw01-1055445160

2 很好玩,讓我愛上網頁設計,而且又成就感又神奇.

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

2.心得:雖然要吸收沒學過的東西,需要一點時間摸索,但做出成品後真的十分有成就感!

1.作業網址:http://mepopedia.com/~css106-2a/hw01/hw01-1055445118

2.製作心得:以前就對寫程式碼沒有信心,密密麻麻的英文看得我頭很痛...

製作作業的時間 :兩小時左右吧...大概是上課的時候

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

2.製作心得:製作網頁設計真是一門艱難的學問要認真學習

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

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

2.有無遇到的問題,製作心得,風格設定與製作作業的時間
有個小問題我的作業無法加入中間那塊色塊,心得:做的好久很累但收穫很多

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

2.我覺得這堂課非常的好玩希望可以多學一點

1.作業網址:http://mepopedia.com/~css106-2a/hw01/hw01-1055445139

2.很棒

1.作業網址:http://mepopedia.com/~css106-2a/hw01/hw01-1055445046
2.覺得很複雜

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

2.無感

1.作業網址:http://mepopedia.com/~css106-2a/hw01/hw01-1055445013

2.沒有問題一切順利

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

2.對網頁還不熟悉,不過老師講解和講義都很清楚,希望能快點上手

作業:http://mepopedia.com/~css106-2a/hw01/hw01-1055445193/
心得:以前高中有學過一些 不過忘了差不多,現在有接觸就比較可以想起來smiling bouncing smiley

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

2.好難 我覺得不太習慣會用

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

2.以前都沒接觸過網頁設計,所以很多專有名詞都不知道,一切從頭開始 覺得難
點開來都是亂碼

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

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

統一帳號 css106-2a

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

2.以前交了忘记回复了