參考講義 1.[url=http://mepopedia.com/forum/read.php?804,16668][講義01] 以 HTML 與 CSS 完成第一個網頁[/url] [hr] 需下載的軟體 FileZilla 免費又好用的FTP軟體，供客戶端和伺服器端使用 官方下載網頁：http://filezilla-project.org/ [hr] 繳交作業的方式 1.以FTP上傳至老師指定位置，每一個作業都會有一個相對應的資料夾 如：[color=#CC3300]第一個作業的資料夾為：hw01[/color] 每位同學請將自己的資料夾命名為：[color=#993300]hw01-學號[/color] 這個作業的網址則為:http://mepopedia.com/~web105-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/~web105-2c/hw01/hw01-104xxxxxxx 2.有無遇到的問題，製作心得，風格設定與製作作業的時間 參考範例 作業參考 (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/forum/read.php?2603,82459,82459#msg-82459 Sun, 25 Oct 2026 14:56:49 +0800 Phorum 5.2.7 http://mepopedia.com/forum/read.php?2603,82459,83019#msg-83019 http://mepopedia.com/forum/read.php?2603,82459,83019#msg-83019
2.有無遇到的問題，製作心得，風格設定與製作作業的時間 :

一開始被灌輸很多東西，使我對網頁產生不小的畏懼，但是透過老師用心的影片教學使我對他有了更多的認識。
但偶爾還是會出小差錯，雖然這些差錯令人很煩躁，但以樂觀的心去面對的話， 就會覺得網頁也是可以很有趣的。]]> 曾慶恩 105-1《中國》竹視傳二C-網頁設計 Wed, 23 Nov 2016 12:14:36 +0800 http://mepopedia.com/forum/read.php?2603,82459,82916#msg-82916 http://mepopedia.com/forum/read.php?2603,82459,82916#msg-82916
2.有無遇到的問題，製作心得，風格設定與製作作業的時間


我的配色是依照主題的感覺去做搭配。大概花了1小時製作。做完非常的有成就感！！]]> 黃靖家 105-1《中國》竹視傳二C-網頁設計 Wed, 16 Nov 2016 10:52:16 +0800 http://mepopedia.com/forum/read.php?2603,82459,82875#msg-82875 http://mepopedia.com/forum/read.php?2603,82459,82875#msg-82875 1.作業網址：http://mepopedia.com/~web105-2c/hw01/hw01-1025445200
2.有無遇到的問題，製作心得，風格設定與製作作業的時間
沒有特別大的問題，老師講得很清楚，製作起來蠻上手的]]> 1025445200 105-1《中國》竹視傳二C-網頁設計 Mon, 14 Nov 2016 01:35:26 +0800 http://mepopedia.com/forum/read.php?2603,82459,82833#msg-82833 http://mepopedia.com/forum/read.php?2603,82459,82833#msg-82833 老師速度太快嘞~]]> zxzx10110774 105-1《中國》竹視傳二C-網頁設計 Wed, 09 Nov 2016 12:10:31 +0800 http://mepopedia.com/forum/read.php?2603,82459,82755#msg-82755 http://mepopedia.com/forum/read.php?2603,82459,82755#msg-82755 2.製作過程看似簡單但只要打錯一個字網頁就會跑不出來]]> 1045445105 105-1《中國》竹視傳二C-網頁設計 Wed, 02 Nov 2016 12:14:31 +0800 http://mepopedia.com/forum/read.php?2603,82459,82754#msg-82754 http://mepopedia.com/forum/read.php?2603,82459,82754#msg-82754
2.有無遇到的問題，製作心得，風格設定與製作作業的時間:
老師講課速度很快，反應不過來。]]> 1045445153 105-1《中國》竹視傳二C-網頁設計 Wed, 02 Nov 2016 12:13:40 +0800 http://mepopedia.com/forum/read.php?2603,82459,82751#msg-82751 http://mepopedia.com/forum/read.php?2603,82459,82751#msg-82751
2.喜歡田馥甄，所以做他的歌]]> 1045445174 105-1《中國》竹視傳二C-網頁設計 Wed, 02 Nov 2016 11:54:38 +0800 http://mepopedia.com/forum/read.php?2603,82459,82750#msg-82750 http://mepopedia.com/forum/read.php?2603,82459,82750#msg-82750
2.老師好快呀呀呀呀跟不太上~~~~~]]> 1045445177 105-1《中國》竹視傳二C-網頁設計 Wed, 02 Nov 2016 11:53:42 +0800 http://mepopedia.com/forum/read.php?2603,82459,82744#msg-82744 http://mepopedia.com/forum/read.php?2603,82459,82744#msg-82744

http://mepopedia.com/~web105-2c/hw01/hw01-1045445019]]> sharon111688 105-1《中國》竹視傳二C-網頁設計 Wed, 02 Nov 2016 11:29:17 +0800 http://mepopedia.com/forum/read.php?2603,82459,82736#msg-82736 http://mepopedia.com/forum/read.php?2603,82459,82736#msg-82736
2.有無遇到的問題：老師教得有些快 但是之後有跟上進度]]> 1045445075 105-1《中國》竹視傳二C-網頁設計 Wed, 02 Nov 2016 11:09:34 +0800 http://mepopedia.com/forum/read.php?2603,82459,82726#msg-82726 http://mepopedia.com/forum/read.php?2603,82459,82726#msg-82726
2.老師有時候會一下子教太快太多，一下子反應不過來就不會做了
但老師還是會下來一個一個教，所以我目前覺得還可以。
製作風格是兩首歌都走憂鬱路線]]> 1045445018 105-1《中國》竹視傳二C-網頁設計 Tue, 01 Nov 2016 23:56:44 +0800 http://mepopedia.com/forum/read.php?2603,82459,82724#msg-82724 http://mepopedia.com/forum/read.php?2603,82459,82724#msg-82724
2.有無遇到的問題:註冊一直失敗，原來是g"m:ail打成g"a"mil
製作心得:我很棒
風格設定與製作作業的時間 :萬聖節的感覺，30分鐘到1個小時(15分鐘再創帳號)]]> 1234567809 105-1《中國》竹視傳二C-網頁設計 Tue, 01 Nov 2016 22:30:39 +0800 http://mepopedia.com/forum/read.php?2603,82459,82722#msg-82722 http://mepopedia.com/forum/read.php?2603,82459,82722#msg-82722
2.有無遇到的問題：有時候上課老師講得有點快，給我們做的時間有點短，
有時候會來不及做，老師就直接到下一個步驟了。
製作心得：因為做的是自己喜歡的東西，所以做得還滿開心的。
風格設定：一個是藍色的色調，一個是橘色的，用兩首歌的風格去製作。
製作作業的時間：額每天做一點（?]]> Jieru 105-1《中國》竹視傳二C-網頁設計 Tue, 01 Nov 2016 22:06:50 +0800 http://mepopedia.com/forum/read.php?2603,82459,82695#msg-82695 http://mepopedia.com/forum/read.php?2603,82459,82695#msg-82695
2.有無遇到的問題，製作心得，風格設定與製作作業的時間 :
css在製作上有稍微費點心思還有在製作上有時會少了{或是一些小細節
東西就會出不來~考驗眼力阿~~ˊˇˋ]]> dj520136 105-1《中國》竹視傳二C-網頁設計 Fri, 28 Oct 2016 15:01:37 +0800 http://mepopedia.com/forum/read.php?2603,82459,82671#msg-82671 http://mepopedia.com/forum/read.php?2603,82459,82671#msg-82671
2.本身喜歡張學友的歌曲 因為一千個傷心的理由這首歌關於心情上的轉變 所以用了互補色來加強視覺上的效果
客家本色 由於本身是客家人 所以就做了這首歌 讓大家更了解客家文化 在色彩配置上呢 也用了比較豐富強烈的色彩 給大家新的視覺享受]]> 蔡薰緯 105-1《中國》竹視傳二C-網頁設計 Thu, 27 Oct 2016 03:37:05 +0800 http://mepopedia.com/forum/read.php?2603,82459,82660#msg-82660 http://mepopedia.com/forum/read.php?2603,82459,82660#msg-82660
2.風格設定篇感傷，這兩首歌比較愛情一點所以就紅色系為主題。]]> 林翰 105-1《中國》竹視傳二C-網頁設計 Wed, 26 Oct 2016 12:18:07 +0800 http://mepopedia.com/forum/read.php?2603,82459,82659#msg-82659 http://mepopedia.com/forum/read.php?2603,82459,82659#msg-82659
2.有無遇到的問題，製作心得，風格設定與製作作業的時間

第一次製作網頁設計，做得過程雖然覺得繁瑣但完成很有成就感。]]> 1045445081 105-1《中國》竹視傳二C-網頁設計 Wed, 26 Oct 2016 12:17:35 +0800 http://mepopedia.com/forum/read.php?2603,82459,82657#msg-82657 http://mepopedia.com/forum/read.php?2603,82459,82657#msg-82657
2蝦米怎麼這麼難]]> 千萬別看 105-1《中國》竹視傳二C-網頁設計 Wed, 26 Oct 2016 11:43:25 +0800 http://mepopedia.com/forum/read.php?2603,82459,82656#msg-82656 http://mepopedia.com/forum/read.php?2603,82459,82656#msg-82656
2.有無遇到的問題，製作心得，風格設定與製作作業的時間
蝦米怎麼這麼難]]> 千萬別看 105-1《中國》竹視傳二C-網頁設計 Wed, 26 Oct 2016 11:41:47 +0800 http://mepopedia.com/forum/read.php?2603,82459,82646#msg-82646 http://mepopedia.com/forum/read.php?2603,82459,82646#msg-82646
2.風格較為偏藍色調，從醒著到願意睡著這首歌給人的到安逸，因此選擇藍色為主調。
對於網頁設計一直感到陌生，也害怕對於原始碼的運用，需要一步一步慢慢的理解，但是網頁設計
非常的有趣，講義也能清楚了解。]]> 1045445102 105-1《中國》竹視傳二C-網頁設計 Wed, 26 Oct 2016 00:41:58 +0800 http://mepopedia.com/forum/read.php?2603,82459,82626#msg-82626 http://mepopedia.com/forum/read.php?2603,82459,82626#msg-82626
2.有無遇到的問題，製作心得，風格設定與製作作業的時間 :

本身是有點電腦白癡,作業時間花了很久,所以做作業時很頭痛,尤其是一直做沒成功的時候,
但後來做完了覺得很開心,而且老師的講義也幫助了我很多。
海綿寶寶這首歌超可愛,我用海綿寶寶身上的顏色來配色，畫面看起來比較活潑~]]> 1045445144 105-1《中國》竹視傳二C-網頁設計 Sat, 22 Oct 2016 13:38:15 +0800 http://mepopedia.com/forum/read.php?2603,82459,82618#msg-82618 http://mepopedia.com/forum/read.php?2603,82459,82618#msg-82618
2.有無遇到的問題、製作心得：
很久沒接觸跟網頁有關的作業，所以需要一點時間去熟悉，老師講解的內容都很熟悉也給很多時間去練習，進度安排的剛好可以跟上。

風格設定：
簡約色塊、帶感情的

製作作業的時間：
1-2小時]]> weiwei 105-1《中國》竹視傳二C-網頁設計 Thu, 20 Oct 2016 20:21:41 +0800 http://mepopedia.com/forum/read.php?2603,82459,82617#msg-82617 http://mepopedia.com/forum/read.php?2603,82459,82617#msg-82617 1045445195 105-1《中國》竹視傳二C-網頁設計 Thu, 20 Oct 2016 20:08:21 +0800 http://mepopedia.com/forum/read.php?2603,82459,82601#msg-82601 http://mepopedia.com/forum/read.php?2603,82459,82601#msg-82601
2.有無遇到的問題，製作心得，風格設定與製作作業的時間 :

因為自己吸收比較慢，聽完老師上課，回家在自己慢慢摸索就有比較了解了~
用自己喜歡的偶像樂團做起來很開心，法國片的MV是用黑白的方式呈現，
所以就黑灰白的方式呈現；我們背對著青春帶點有點憂鬱，歌聲輕柔，
色調輕柔，所以用藍色調的方式呈現。
製作時間:1個小時]]> 1045445069 105-1《中國》竹視傳二C-網頁設計 Wed, 19 Oct 2016 22:13:47 +0800 http://mepopedia.com/forum/read.php?2603,82459,82598#msg-82598 http://mepopedia.com/forum/read.php?2603,82459,82598#msg-82598 1045445105 105-1《中國》竹視傳二C-網頁設計 Wed, 19 Oct 2016 12:23:51 +0800 http://mepopedia.com/forum/read.php?2603,82459,82597#msg-82597 http://mepopedia.com/forum/read.php?2603,82459,82597#msg-82597
2.有無遇到的問題，製作心得，風格設定與製作作業的時間

第一次接觸過程充滿許多問題，但也漸漸了解如何使用，雖然style有些亂了步調，但最後還是完成了網頁的基本架構，謝謝老師。]]> Hus,Ching-Chiech 105-1《中國》竹視傳二C-網頁設計 Wed, 19 Oct 2016 11:52:22 +0800 http://mepopedia.com/forum/read.php?2603,82459,82596#msg-82596 http://mepopedia.com/forum/read.php?2603,82459,82596#msg-82596
2.有無遇到的問題，製作心得，風格設定與製作作業的時間
一開始上這堂課的時候其實非常害怕學不來，跟不上教的進度，但是漸漸地發現網頁的架構其實非常有趣。]]> 呂子綺 105-1《中國》竹視傳二C-網頁設計 Wed, 19 Oct 2016 11:50:17 +0800 http://mepopedia.com/forum/read.php?2603,82459,82595#msg-82595 http://mepopedia.com/forum/read.php?2603,82459,82595#msg-82595 有無遇到的問題，製作心得，風格設定與製作作業的時間
我覺得這次的作業很充實 謝謝老師]]> 113039 105-1《中國》竹視傳二C-網頁設計 Wed, 19 Oct 2016 11:33:31 +0800 http://mepopedia.com/forum/read.php?2603,82459,82594#msg-82594 http://mepopedia.com/forum/read.php?2603,82459,82594#msg-82594
2..做css時，另存檔案後index和about卻沒有跳出檔名下方的style和原始碼，後來不知道為甚麼他就自己出現嘞]]> 1045445009 105-1《中國》竹視傳二C-網頁設計 Wed, 19 Oct 2016 11:32:02 +0800 http://mepopedia.com/forum/read.php?2603,82459,82593#msg-82593 http://mepopedia.com/forum/read.php?2603,82459,82593#msg-82593
風格: 主題是無包裝商店,選擇的顏色多以貼近自然的大地色為主。

心得:覺得自己可以架設網頁是很特別的一件事。]]> 1045445084 105-1《中國》竹視傳二C-網頁設計 Wed, 19 Oct 2016 11:18:16 +0800