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


1.作業網址:http://mepopedia.com/~css106-2b/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:23AM by JinJin.
(編輯記錄)

http://mepopedia.com/~css106-2b/hw01/hw01-1055448122

存了兩個檔案,修改程式碼的時候一直以為程式出問題,後來才發現我開錯檔......



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

http://mepopedia.com/~css106-2b/hw01/hw01-1055445086

製作心得:
我是 第一次接觸網頁設計,一開始看到那些數據英文,真的有些頭疼,心想不會吧......,有些看似簡單的頁面,竟然有一長串的程式碼,而這些就是它特別的地方。雖然我不太熟悉,不過在每一次的練習中,慢慢了解到各公式的涵義後,心情就變得很輕鬆,多打一串數據,便多一些變化,自己設計網頁甚麼的~感覺還滿有趣的,就如同老師說的,設計涵蓋的範圍很廣,現今學設計的人最基本的AI,PS,都學過,但說有學網頁設計的卻不算多,我覺得可以多接觸一些自己所不了解的,經一番努力後的成果,真的令人滿有成就感的!



Edited 1 time(s). Last edit at 10/26/2017 01:17PM by 1055445086.
(編輯記錄)

http://mepopedia.com/~css106-2b/hw01/hw01-1055445182


勉強跟得上進度...

1055445104

http://mepopedia.com/~css106-2b/hw01/hw01-1055445104


課堂上進度好險根的到~~~~ 作業就比較順利



Edited 1 time(s). Last edit at 10/16/2017 02:14AM by MEATBALL HONG.
(編輯記錄)

http://mepopedia.com/~css106-2b/hw01/hw01-1055445146

學習過程蠻順利的 期待學到更多

http://mepopedia.com/~css106-2b/hw01/hw01-1055445056

網頁學習讓我學到了許多thumbs up 謝謝老師~~

http://mepopedia.com/~css106-2b/hw01/hw01-1055445068

就是.....很穩地過了這樣?

http://mepopedia.com/~css106-2b/hw01/hw01-1055445026

目前一個似懂非懂勉強跟上進度的感覺OWOˋ

http://mepopedia.com/~css106-2b/hw01/hw01-1055445095

感謝老師! 完成第一個網頁了!

作業網址:http://mepopedia.com/~css106-2b/hw01/hw01-1055445023

spinning smiley sticking its tongue out



Edited 3 time(s). Last edit at 10/19/2017 11:20AM by 1055445023.
(編輯記錄)

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

2.smiling bouncing smileysmiling bouncing smileysmiling bouncing smiley 謝謝老師解答我的問題

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

2.老師很用心~

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

2.目前還可以

http://mepopedia.com/~css106-2b/hw01/hw01-1055445191

1.作業網址:http://mepopedia.com/~css106-2b/hw01/hw01-1055445017
2.老師人很好,教學很用心



Edited 1 time(s). Last edit at 10/19/2017 11:17AM by SCY.
(編輯記錄)

http://mepopedia.com/~css106-2b/hw01/hw01-1055445188/

http://mepopedia.com/~css106-2b/hw01/hw01-1055445176/index1.html

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

2.發現一個style.css檔不能編輯兩個歌曲名就做了兩個。

http://mepopedia.com/~css106-2b/hw01/hw01-1055445211

剛開始看到程式碼很排斥,可是在上完網頁設計課程開始覺得程式很有趣,不過在配色方面還需要大大加強,感謝老師的細心指導~

http://mepopedia.com/~css106-2b/hw01/hw01-1055445110

要多練習



Edited 4 time(s). Last edit at 10/26/2017 11:57AM by 1055445110.
(編輯記錄)

http://mepopedia.com/~css106-2b/hw01/hw01-1055445119

雖然以前有學過但是忘得差不多了,實作起來應該是沒有太大的問題

http://mepopedia.com/~css106-2b/hw01/hw01-1055445059/

http://mepopedia.com/~css106-2b/hw01/hw01-1055445008

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

2.因該沒什麼問題吧...大該



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

2.幫登不進帳號的同學交

http://mepopedia.com/~css106-2b/hw01/hw01-1055445134
這是一個認真做完會很有成就感的作業,謝謝老師

http://mepopedia.com/~css106-2b/hw01/hw01-1055445044
有點難懂但還勉強跟上進度

http://mepopedia.com/~css106-2b/hw01/hw01-1055445083

大概有點模模糊糊可以抓住他的感覺,但又常常突然又不行了的感覺,也不知道問題出在哪裡,看起來就沒問題阿~~

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

2.目前無問題

老師我的第一個作業,好像不太熟練

http://mepopedia.com/~css106-2b/hw01/hw01-1055445002

http://mepopedia.com/~css106-2b/hw01/hw01-1055445092

http://mepopedia.com/~css106-2b/hw01/hw01-1055445038
之前都沒有接觸這麼多電腦的課程,大二的課程幾乎都是電腦,有點無法適應,經過了一些波折終於做完了第一個作業,同學教我做的,做完以後覺得第一個好像也還好,沒有想像中的難,真是謝天謝地。

同學的登入不了 代傳

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

2.差點忘記做作業

http://mepopedia.com/~css106-2b/hw01/hw01-1045445101