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

Advanced

發錯

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

1. 參考講義


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



2. 需下載的軟體


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




3. 繳交作業的方式



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

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/~web103-c/hw01/hw01-102xxxxxxx

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



4. 參考範例


1.http://mepopedia.com/forum/read.php?1173,24858

2.http://mepopedia.com/forum/read.php?855,15612
3.http://mepopedia.com/forum/read.php?851,15597
4.http://mepopedia.com/forum/read.php?976,20201



Edited 2 time(s). Last edit at 10/08/2014 09:51AM by JinJin.
(編輯記錄)

1.作業網址:http://mepopedia.com/~web103-c/hw01/hw01-1025445072
2.有點複雜花了很多個禮拜

1025445072王人永

MEPOERs said:
JinJin: 不錯喔!繼續加油!
1.作業網址:http://mepopedia.com/~web103-c/hw01/hw01-1025445141
2.有點複雜 花數小

1025445141 王心仁

1.作業網址:http://mepopedia.com/~web103-c/hw01/hw01-1025443044

2.第一次自己做網頁覺得好困難

1025443044王薏茹

MEPOERs said:
JinJin: 其實還不錯~加油!
http://mepopedia.com/~web103-c/hw01/hw01-1025445165

語法用起來蠻容易的但是要記起來很不容易

1025445165 陳文晴



Edited 1 time(s). Last edit at 10/08/2014 11:45AM by 砂兒.
(編輯記錄)

1.作業網址:http://mepopedia.com/~web103-c/hw01/hw01-1025445144

2.第一次自己來 自己的網頁自己做

1025445144 李欣翰

MEPOERs said:
JinJin: 要記得連到第二頁喔!
http://mepopedia.com/~web103-c/hw01/hw01-1025445036

語法要記一堆真的滿難的
1025445036 李易達

http://mepopedia.com/~web103-c/hw01/hw01-1025445006

第一次做網頁,但英文不太好
有些看不太懂
很容易亂掉(英文好複雜)
順序也常搞混

1025445006鄭喬薰

1.作業網址:http://mepopedia.com/~web103-c/hw01/hw01-1025445108

2.有點難 ,記起語法不容易。

1025445108 張惟婷

1.作業網址:http://mepopedia.com/~web103-c/hw01/hw01-1025445156

2.第一次自己做網頁很有成就感

1025445156蔡佳芬

MEPOERs said:
JinJin: 1.要記得修正亂碼喔!2.還要有第二頁喔!加油!
1. 作業網址: http://mepopedia.com/~web103-c/hw01/hw01-1025445120/
2. 覺得困難

1025445120

MEPOERs said:
JinJin: 其實還OK的~~繼續加油!
1.作業網址:http://mepopedia.com/~web103-c/hw01/hw01-1025445099/
2.心得:很多小細節如果能夠清楚的分別出來會更得心應手

1025445099 陳盛倫



Edited 1 time(s). Last edit at 10/08/2014 12:23PM by 碩碩.
(編輯記錄)

MEPOERs said:
JinJin: 要記得改內容喔!!!!加油!
1.作業網址:http://mepopedia.com/~web103-c/hw01/hw01-1025445126
2.有點複雜 花費的時間也有點長 不過也學到了很多東西
1025445126宋映萱

1.作業網址:http://mepopedia.com/~web103-c/hw01/hw01-1025445129

2.花很長的時間製作,語法還分不太清楚,但學到很多感覺很充實

1025445129 王嬿婷

MEPOERs said:
JinJin: 要記得設定padding喔!加油!
1.作業網址:http://mepopedia.com/~web103-c/hw01/hw01-1025445051/

2.第一次用語法做網頁 覺得從基礎開始學很扎實

1025445051 視傳二C 林芳伃

http://mepopedia.com/~web103-c/hw01/hw01-1025445060

第一次接觸網頁設計
真的感覺非常複雜
研究了很久
在家裡也一直嘗試摸索
又問了同學
終於了解一些些什麼是網頁設計.......

1025445060 黃淯婷

MEPOERs said:
JinJin: 要設定CSS檔案喔!!!不會請再來問我~加油!!!
1. 作業網址 : http://mepopedia.com/~web103-c/hw01/hw01-1025445192

2. 第一次做網頁覺得困難 但會了就有點成就哈

1025445192 黃婷萱

MEPOERs said:
JinJin: 可設定字間更起來會更舒服喔!繼續加油!
1.作業網址:http://mepopedia.com/~web103-c/hw01/hw01-1025445111
2.非常好玩~~~


1025445111 莊于萱

MEPOERs said:
JinJin: 不錯喔!繼續加油!
1.作業網址:http://mepopedia.com/~web103-c/hw01/hw01-1005445188

2.第一次接觸,感覺很新鮮。


1005445188 姜翊萱

1. 作業網址 : http://mepopedia.com/~web103-c/hw01/hw01-1025445132

2. 有點複雜 但是第一次做覺得很棒

1025445132 羅雅嫚

MEPOERs said:
JinJin: 要記得第二頁連結!
1.作業網址:http://mepopedia.com/~web103-c/hw01/hw01-1005445191

2.覺得語法很複雜

1005445191 陳佳雯

MEPOERs said:
JinJin: 不錯,繼續加油!
1.作業網址:http://mepopedia.com/~web103-c/hw01/hw01-1025445003

2.所有的設計課程,最令我感興趣的就屬這門課了!

p.s有點問題,h1的background-color在Dw裡顯現的出顏色,但預覽about.html和index.html時,卻沒有background-color設定的顏色。

1025445003潘相逸

MEPOERs said:
JinJin: 要記得設另一頁的連結喔!!!很棒加油!!
1. 作業網址 : http://mepopedia.com/~web103-c/hw01/hw01-1025448079
2.網頁設計還是有點複雜 有些困難





1005448079 江芳瑜

MEPOERs said:
JinJin: 找不到檔案喔!
1.作業網址:http://mepopedia.com/~web103-c/hw01/hw01-1025445015

2.偶爾會少打語法,覺得有趣可以自己設計網頁,走樸素簡單的風格,製作時間是利用上課時間完成。


1025445015陳曉琪

MEPOERs said:
JinJin: 不錯,繼續加油!
1.作業網址:http://mepopedia.com/~web103-c/hw01/hw01-1025445102

2.第一次自己做網頁很好玩,但有些有點複雜不太清楚要放哪、要怎麼打。

1025445102 邱筱惠

MEPOERs said:
JinJin: 第二頁要記得連回首頁喔!
http://mepopedia.com/~web103-c/hw01/hw01-1025445090/

第一次做網頁有些複雜但很有趣

1025445090 鍾婷玟

MEPOERs said:
JinJin: 不錯,繼續加油!
1.作業網址:http://mepopedia.com/~web103-c/hw01/hw01-1025445018

2.做了蠻久的,而且覺得頗難。

1025445018 陳怡融

MEPOERs said:
JinJin: 內文字體較不適合用標題(粗體),文字多時閱讀起來較吃力,加油!
http://mepopedia.com/~web103-c/hw01/hw01-1025445123


1.語法有些很難記,花了蠻多時間的。



1025445123-姚育慈

MEPOERs said:
JinJin: 不錯,加油!
1. 作業網址 : http://mepopedia.com/~web103-c/hw01/hw01-1025445045

2. 語法難!


1025445045 饒文欣



Edited 2 time(s). Last edit at 10/14/2014 05:48PM by XuanSong.
(編輯記錄)

MEPOERs said:
JinJin: 要記得設定 padding ,加油!!
1.作業網址:http://mepopedia.com/~web103-c/hw01/hw01-1025445147
2.沒想到做個網頁如此複雜,但也學到許多東西,雖然過程有點複雜!!

http://mepopedia.com/~web103-c/hw01/hw01-1025445075/

覺得麻煩受益良多願多加努力學習

MEPOERs said:
JinJin: 內容要改變喔!
1.作業網址:http://mepopedia.com/~web103-c/hw01/hw01-1025445153
我不是第一次碰網頁,但是第一次這麼深入因為高中有些基礎
所以在操作上面我覺得還蠻容易的,但是語法還是第一次學習
覺得還蠻有趣的 希望可以在學更多

1025445153 廖敏君

MEPOERs said:
JinJin: 不錯!繼續加油喔!
1.作業網址:http://mepopedia.com/~web103-c/hw01/hw01-1025445135

其實語法摸透了也沒有想像中的複雜,雖然一開始快瘋掉了

MEPOERs said:
JinJin: 要記得附上第二頁連結喔!
1.作業網址:http://mepopedia.com/~web103-c/hw01/hw01-1025445039
2.第一次接觸感覺難,完成很有成就感。



Edited 1 time(s). Last edit at 10/15/2014 01:24AM by cici.
(編輯記錄)

1.作業網址:http://mepopedia.com/~web103-c/hw01/hw01-1025445009

2.很多的專業術語要記,還要看得懂英文
但是做完會很有成就感而且感覺上課時間過超快
風格就是粉嫩粉嫩搭配我喜歡的明星的應援色
利用了老師的上課時間,大概4堂課

1.作業網址:http://mepopedia.com/~web103-c/hw01/hw01-1025445054
2.語法難!要多練習不然會忘光光

1.作業網址:http://mepopedia.com/~web103-c/hw01/hw01-1025445048
在css的部分比較不太會,語法還不熟練
1025445048林侑慶



Edited 1 time(s). Last edit at 10/29/2014 12:11PM by Natoby.
(編輯記錄)

1.作業網址:http://mepopedia.com/~web103-c/hw01/hw01-1025445195
2.我覺得雖然有點小複雜 但做好後很有成就感 覺得很好玩

1025445195古馥瑜

1.作業網址:http://mepopedia.com/~web103-c/hw01/hw01-1025445030
2.太多語法,搞得很混亂。

1025445030王泰然

1.作業網址:http://mepopedia.com/~web103-c/hw01/hw01-1025445171

2.暈頭轉向一直問同學

1025445171 謝睿騏

1.作業網址:http://mepopedia.com/~web103-c/hw01/hw01-1025445117

2.剛學的時候 有點小障礙 之後慢慢地知道要怎麼用 很開心~^^ happy
忘了準時傳 sorry><



1025445117 黃振誠 ▽ ▼

1.作業網址:http://mepopedia.com/~web103-c/hw01/hw01-1025445066
2.第一次做網頁設計,感覺很新鮮

1025445066林之卉

作業網址:C:\Users\User\Desktop\Hw1-1025445087\index.html
時常搞混
1025445087

1.作業網址:http://mepopedia.com/~web103-c/hw01/hw01-1025445180

2.花了好多時間做也很複雜


1025445180 謝芷寧

1.作業網址:http://mepopedia.com/~web103-c/hw01/hw01-1025445012

2.好複雜,語法好難記


1025445012 戴嫻淳

1.作業網址:http://mepopedia.com/~web103-c/hw01/hw01-1025445063

2.花了很多時間 感覺有點困難

1025445063 洪筠真

1.作業網址─http://mepopedia.com/~web103-c/hw01/hw01-1025445138
2.EASY

1025445138 梁奕堯



Edited 1 time(s). Last edit at 11/19/2014 04:39AM by 邊緣人.
(編輯記錄)

1.作業網址:http://mepopedia.com/~web103-c/hw01/hw01-1025445033
2.雖然我做得很慢,但我從不退縮。

1025445033 林子軒

發錯

發錯



Edited 2 time(s). Last edit at 10/25/2017 11:59AM by 1055445033.
(編輯記錄)