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

Advanced

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

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

1. 參考講義


1.[講義01] 以 HTML 與 CSS 完成第一個網頁



2. 需下載的軟體


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




3. 繳交作業的方式



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

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




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

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

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

存放在hw01-學號的資夾內

http://i.imgur.com/pUK69i6.jpg



並請回覆本篇文章

1.作業網址:http://mepopedia.com/~web104-2a/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/



Edited 1 time(s). Last edit at 10/07/2015 10:17PM by JinJin.
(編輯記錄)

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

2.有無遇到的問題,製作心得,風格設定與製作作業的時間
對於上傳方面有點過程錯誤,最後弄好了才發現是某些地方錯誤。
但好險有改好,製作網頁上問題在於說音樂撥放器怪怪的...其他都沒甚麼問題。

學號:1035445115

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

2.有無遇到的問題,製作心得,風格設定與製作作業的時間
製作過程中明明看都完整 但是一開chrom預覽時我中間的顏色跑掉了 但是步驟都沒有錯
就是不知道哪邊出問題

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

2.有無遇到的問題,製作心得,風格設定與製作作業的時間
還滿新鮮的其實。

1035445208

幫忙回復文章

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

2.有無遇到的問題,製作心得,風格設定與製作作業的時間
關於語法方面有些還是不太懂,但是會努力完成!!


學號:1035445046

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

2.有無遇到的問題,製作心得,風格設定與製作作業的時間
感覺自己變厲害,雖然做出來,但語法看不懂。




學號:1035445211



Edited 1 time(s). Last edit at 10/01/2015 09:07PM by 1035445211.
(編輯記錄)

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

2.有無遇到的問題,製作心得,風格設定與製作作業的時間
沒有太大的問題,因該就是要努力記語法吧!
希望網頁能變得越來越漂亮~

學號:1035445214

1.作業網址:file:///C:/Users/USER/Desktop/hw01-1035445181/index.html

2.有無遇到的問題,製作心得,風格設定與製作作業的時間
一開始不知道如何上傳,用了很久才成功,雖然看不懂語法,
但是由自己親手製作出的網站真的感到很新奇也很有趣,
希望可以做得越來越好。


1035445181

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

2.有無遇到的問題,製作心得,風格設定與製作作業的時間
應該沒有問題,就是熟記語法內容而已

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

2.有無遇到的問題,製作心得,風格設定與製作作業的時間
css裡面body的語法有貼上去可是好像沒動靜,想修改顏色打了#跑不出色票

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

2.實作問題:花了很多時間做這項作業,可是明明就放了底圖卻出不來,而且還莫名的有雙重背景



Edited 4 time(s). Last edit at 10/13/2015 12:37AM by 1035445094.
(編輯記錄)

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


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


學號:1035445121

1.作業網址:C:\Users\user\Desktop\hw01-1035445142\index.html
2.有無遇到的問題,製作心得,風格設定與製作作業的時間
應該沒有什麼問題>grinning smiley<,就是熟記語法css很多東西就可以了

1.作業網址:C:\Users\user\Desktop\hw01-1035445142\index.html

2.有無遇到的問題,製作心得,風格設定與製作作業的時間
應該沒有什麼問題>grinning smiley<,就是熟記語法css很多東西就可以了

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

2.有無遇到的問題,製作心得,風格設定與製作作業的時間
並無大礙 只是...語法要記要打 要人命..

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

2.有無遇到的問題,製作心得,風格設定與製作作業的時間
在製作上出了一些小問題,而造成連結上有出現狀況,也在老師的協助下順利解決了。

學號:1035445178

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

2.有無遇到的問題,製作心得,風格設定與製作作業的時間
在製作上沒有什麼太大的問題,有了老師給的講義和教學影片,比較能夠清楚的去複習上課學到的內容,接下來的課程也要好好學習。


學號:1035445088

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

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

剛開始有點生疏,重做了很多次。但多做了幾次熟了之後就很輕鬆!
看了講義的講解也更了解什麼語法是做什麼用的!

學號:1035445169

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

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

覺得很有趣 風格設定顏色主要以清亮的顏色為主,希望以觀看舒適為主。

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

2.有無遇到的問題,製作心得,風格設定與製作作業的時間 :
覺得網頁設計有點難但會努力學
風格偏向憂傷

1.作業網址:http://mepopedia.com/~web104-2b/hw01/hw01-1035445014/
2.無遇到特別的文題,就要慢慢記語法吧^^
希望能學習到如何做到完整網頁。


學號:1035445014

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

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

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

2.有無遇到的問題,製作心得,風格設定與製作作業的時間
覺得架設網站的語法要了解清楚,
不然一個錯誤就會不成功。
還有更了解一些語法的用法,
學完覺得其實沒有那麼複雜,
一開始因為不懂所以覺得很難,
但是經過老師講解後覺得很簡單又清楚。

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


2.有無遇到的問題,製作心得,風格設定與製作作業的時間
一開始覺得蠻難的
然後第一次回家練習做時
也花了不少時間
後來老師有重複講解
加上有一直練習
現在覺得做這個輕鬆多了

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

2.有無遇到的問題,製作心得,風格設定與製作作業的時間
雖然還是有些不太理解的地方,
但也大概初步了解了程式語法該如何簡單運用了。

103 5445 025

1.作業網址:http://mepopedia.com/~web104-2a/hw01/hw01-1035445037
2.看著老師的錄音做的,我覺得很好,做完網頁後有成就感!

1035445037

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

2.有無遇到的問題,製作心得,風格設定與製作作業的時間
製作過程中明明看都完整 但是一開chrom預覽時我中間的顏色跑掉了 但是步驟都沒有錯
就是不知道哪邊出問題

1.作業網址:http://mepopedia.com/~web104-2a/hw01/hw01-1035445130/
2.有無遇到的問題,製作心得,風格設定與製作作業的時間
一步一步慢慢做,比較熟悉了!! 感謝老師耐心指導~
但覺得自己還不夠熟練,要更多練習~
學號:1035445130



Edited 2 time(s). Last edit at 11/01/2015 06:02PM by 1035445130.
(編輯記錄)

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

2.有無遇到的問題,製作心得,風格設定與製作作業的時間
上傳網址 出現一個我的東西的頁面 要點資料夾才會出現網頁
剛開始要換下個頁面的時候 會遇到一些小困難 一一對第一個頁面之後才找到正常的狀態

1.作業網址:http://mepopedia.com/~web104-2a/hw01/hw01-1035445124/about.html

2. 覺得有些困難

10354451124 謝采軒



Edited 4 time(s). Last edit at 11/13/2015 09:39PM by zoey.
(編輯記錄)

1.作業網址 : http://mepopedia.com/~web104-a/hw01/hw01-1035445070

2.有無遇到的問題,製作心得,風格設定與製作作業的時間
覺得蠻新鮮的,認識了新的東西,語法覺得蠻複雜,但只要熟悉了與法的英文,就能把網頁做好。

1035445070 視傳2A 戰安榮

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

2.有無遇到的問題,製作心得,風格設定與製作作業的時間
關於語法方面有些還是不太懂,但是會努力完成!!


學號:1035445148

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

2.有無遇到的問題,製作心得,風格設定與製作作業的時間
個人喜歡簡約的配色,在製作過程覺得網頁設計蠻有趣的,需要認真點來學習

學號:1025445227

1.作業網址:file:///G:/wed%20design/hw01-1035445031/index.html
http://mepopedia.com/~web104-2a/hw01/hw01-1035445031/about.html

2.我發現我上傳了可是太晚回復了(= - =~
老師不好意思QQ
只是顏色好像跑不出來= ~ =

學號:1035445031



Edited 2 time(s). Last edit at 01/02/2016 01:16PM by janice tsai.
(編輯記錄)

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

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



視傳二A 1035445103

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

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

沒有問題,簡約風,花1小時多

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

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

第一次做網頁感覺很有趣,製作時間大概1~2小時。

學號:1035445055



Edited 1 time(s). Last edit at 01/05/2016 08:46PM by happy02.
(編輯記錄)

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

2.有無遇到的問題,製作心得,風格設定與製作作業的時間
個人喜歡簡約的配色,在製作過程覺得網頁設計蠻有趣的,需要認真點來學習

學號:1035445049



Edited 1 time(s). Last edit at 01/09/2016 01:05PM by 1035445049.
(編輯記錄)