[作業01] DIV與CSS複習--以色塊為主的基本單欄網頁版型（新增CSS3練習）

經過了一個寒假，為了讓大家回復記憶，請先複習基礎的網頁設計概念
以色塊為主的基本單欄網頁版型為基礎，加上其他使用過的功能，並配合CSS3語法，使網頁看起來更活潑！

1. 網頁基礎複習

[url=http://mepopedia.com/forum/read.php?804,41760][講義] HTML & CSS網頁基礎複習整理[/url]

[hr]

2. 課堂範例

http://mepopedia.com/~jinjin/ex/hw01/

[hr]

3. 作業說明

參照講義
[url=http://mepopedia.com/forum/read.php?804,16481]利用Div標籤與CSS建立基本單欄網頁版型--以單純色塊為例[/url]

自行選擇主題，製作以DIV架構搭配CSS的基本網頁，請注意字體大小、整體質感與配色

可參考http://www.css3maker.com/
適當加入CSS3效果

圓角：border-radius: 20px; （請自行放入適當位置並改變數值）
區塊陰影：box-shadow:5px 5px 5px #000000;（請自行放入適當位置並改變數值）
文字陰影：text-shadow: 1px 1px 1px #000000;（請自行放入適當位置並改變數值）
透明度： rgba(102,153,255,0.5)
RGBA是代表Red（红色） Green（綠色） Blue（藍色）和 Alpha，Alpha 0代表透明、1代表不透明，請自行改變數值）
透明度：opacity: 0.5;（設定的元素有50%的透明度，請自行放入適當位置並改變數值）
線性漸層：background:-webkit-gradient(linear, 80% 20%, 10% 21%, from(#866400), to(#FF4E28));（請自行放入適當位置並改變數值）
放射漸層：background:-webkit-gradient(radial, 165 0, 0, 220 -257, 465, from(#866400), to(#FF4E28));（請自行放入適當位置並改變數值）
漸層語法:http://mepopedia.com/forum/read.php?844,17157

製作完畢請上傳FTP
下載：http://filezilla-project.org/download.php?type=client

並回覆於此篇文章

1.網址:http://mepopedia.com/~web106-2c/hw01/hw01-105xxxxxxx
2.設計概念與製作心得：
3.何謂HTML、DIV及CSS:
4.附上至少一個覺得設計很有質感的網站，並說明原因
5.期待這門課的學習成果與收穫為何?

[hr]
作業參考
(1) http://mepopedia.com/~web103-2a/hw01/hw01-102/
(2) http://mepopedia.com/~css105-2b/hw01/hw01-1045445017/
(3) http://mepopedia.com/~web105-2c/hw01/hw01-1045445117-1/
(4) http://mepopedia.com/~web105-2c/hw01/hw01-1045445189-2/
(5) http://mepopedia.com/~css105-2c/hw01/hw01-1045445036/
(6) http://mepopedia.com/~css104-2b/hw01/hw01-1035445170/
(7) http://mepopedia.com/~css104-2c/hw01/hw01-1035445057/



[hr]

4. 上課影音

CSS3基礎語法練習
https://youtu.be/TM6wtac-LCc


作業一課堂講解
http://youtu.be/TnaMIVYyf4Y





(編輯記錄)

1.網址:http://mepopedia.com/~web106-2c/hw01/hw01-1055443135
2.設計概念與製作心得： 经过上学期之后操作熟练一点了，喜欢游乐园快乐的氛围
3.何謂HTML、DIV及CSS:
HTML 被用来结构化信息——例如标题、段落和列表等等
DIV 一种以标籤的行式,提供网页内容与结构等样式的标籤.
CSS层叠样式表，又称串样式列表、层次结构式样式表文件
4.附上至少一個覺得設計很有質感的網站，並說明原因
https://www.pkthink.com/
感觉很好看，而且还可以参观更多的设计样式
5.期待這門課的學習成果與收穫為何?
了解很多网页的相关内容，慢慢克服对电脑操作的恐惧



(編輯記錄)

1.網址:http://mepopedia.com/~web106-2c/hw01/hw01-1055445004

2.設計概念與製作心得：
透明度或圓角只是增減一點數值整個網站的感覺都會不一樣

3.何謂HTML、DIV及CSS:
HTML-寫網頁用的一種語言、技術
DIV-把一個網頁分類出不同區域的語法
CSS-將網頁增加不同美術效果的電腦語言

4.附上至少一個覺得設計很有質感的網站，並說明原因
http://www.ikea.com/tw/zh/
Ikea的官方網站 不管要做甚麼都能很簡單的找到方向
整體給人的感覺也跟他們賣的家具風格一樣，簡約卻不失便利性

5.期待這門課的學習成果與收穫為何?
學習更深入的寫網頁技巧，也許能在未來使用到

1.網址:http://mepopedia.com/~web106-2c/hw01/hw01-1055445075
2.設計概念與製作心得： 利用深色的顏色系列，來突出韓風的感覺。 我覺得上完一學期的網頁 有變得更熟悉了 希望這學期可以更加努力的學習。
3.何謂HTML、DIV及CSS:
HTML :是一種用於建立網頁的標準標示語言
DIV:是一種建立網頁區塊或標籤包起來的東西，瀏覽器會視為一個物件
CSS:是一種讓網頁增加許多不同的效果
4.附上至少一個覺得設計很有質感的網站，並說明原因
https://www.mydesy.com/
這個網站設計得很簡單，也可以在這裡尋找設計的靈感
5.期待這門課的學習成果與收穫為何? 希望這門課能學習更深入的網頁語法

1.網址: http://mepopedia.com/~web106-2c/hw01/hw01-1055445033

2.設計概念與製作心得：
以蔬菜為主題,全色調以綠色為主,使用透明與圓角做變化,這樣看起來有簡單卻不單調的層次

3.何謂HTML、DIV及CSS:
HTML:建構網頁基本架構
DIV:建立網頁區塊.包覆語法-標籤包起來的文字、圖片等
CSS:美化網頁,讓畫面更有質感

4.附上至少一個覺得設計很有質感的網站，並說明原因
http://www.colingrist.com/
規規矩矩的排版色調有一致看起來很有質感,每個頁面都很相同,照片排列都讓人好觀賞

5.期待這門課的學習成果與收穫為何?
希望可以做出更有變化的網頁



(編輯記錄)

1.網址:http://mepopedia.com/~web106-2c/hw01/hw01-1055445186
2.設計概念與製作心得： 選擇一個有關於魔法的題材,利用圓角以及透明度可以呈現更多不同的面貌
3.何謂HTML、DIV及CSS:
HTML:是一種網頁使用的語言，使用HTML可以編輯設計出網頁，
DIV: 可以把他視為標籤這個標籤，給他名稱之後用ＣＳＳ去做排版，可以浮動 陰影 等做變化。
CSS: 它就是能為你的網站修改字體樣式、顏色、網頁背景、甚至是華麗的動畫與 3D 效果、讓你增添設計感的工具。
4.附上至少一個覺得設計很有質感的網站，並說明原因 :
http://www.langlangdontcry.com.tw/
因為這個網站一點開就可以看到一隻狗狗跑過去,瞬間就會吸眼球,他們想表達的理念非常明確,排版也很一目瞭然!!!!!
5.期待這門課的學習成果與收穫為何?
期待能越來越熟悉網頁設計,做出屬於自己風格的網站



(編輯記錄)

1.網址:http://mepopedia.com/~web106-2c/hw01/hw01-1055445206
2.設計概念與製作心得：粉色系列
3.何謂HTML、DIV及CSS:
HTML:建構網頁基本架構
DIV:建立網頁區塊.包覆語法
CSS:專門美化網頁 讓畫面更有質感
4.附上至少一個覺得設計很有質感的網站，並說明原因
5.期待這門課的學習成果與收穫為何?可以做出有質感的網頁

1.網址:http://mepopedia.com/~web106-2c/hw01/hw01-1055448122
2.設計概念與製作心得： 森林 大自然的感覺
3.何謂HTML、DIV及CSS: 文本 可以直接顯示於網頁上、給css使用的標籤?、讓html變得有規劃 不會雜亂無章
4.附上至少一個覺得設計很有質感的網站，並說明原因 http://www.cssdesignawards.com/woty2016/ 很有趣的互動
5.期待這門課的學習成果與收穫為何? 可以運用到專題上

1.網址:http://mepopedia.com/~web106-2c/hw01/hw01-1055445036

2.設計概念與製作心得：
玫瑰花語
知道了一些基礎的網頁架構，操作起來不會太難，讓人很想把網頁設置成自己的夢想平台

3.何謂HTML、DIV及CSS:
HTML-寫網頁用的一種語言、技術
DIV-把一個網頁分類出不同區域的語法
CSS-將網頁增加不同美術效果的電腦語言

4.附上至少一個覺得設計很有質感的網站，並說明原因
http://fluky.io/
一定要點進去看ㄌ拉拉拉，早午晚餐不知道要吃什麼的時候真的就靠它了QQ

5.期待這門課的學習成果與收穫為何? 至少做出一個令我最最滿意的網站含有動畫

1.網址:http://mepopedia.com/~web106-2c/hw01/hw01-1055445039

2.設計概念與製作心得：
馬卡龍
了解一些基礎的網頁結構，實作起來不會太難，越弄越有興趣

3.何謂HTML、DIV及CSS:
HTML-網頁用的一種語法
DIV-把網頁分出不同的區塊
CSS-效果

4.附上至少一個覺得設計很有質感的網站，並說明原因
https://zh.wikipedia.org/wiki/%E9%A6%AC%E5%8D%A1%E9%BE%8D
內容、資料在這查的

5.期待這門課的學習成果與收穫為何?
能做出一個令自己滿意的網站，且感覺起來好像很厲害XDDD

1.網址:http://mepopedia.com/~web106-2c/hw01/hw01-1055445015

2.設計概念與製作心得：
配合小老鼠的顏色作為整體網頁的配色

3.何謂HTML、DIV及CSS:
網頁語法、分區塊之用途、視覺效果

4.附上至少一個覺得設計很有質感的網站，並說明原因
http://www.svyturys.lt/ 看起來好時尚

5.期待這門課的學習成果與收穫為何?
希望可以做出一個現代化有設計感的網頁！



(編輯記錄)

1.網址:http://mepopedia.com/~web106-2c/hw01/hw01-1055445086

2.設計概念與製作心得：
以手工甜點為主題，運用暖色系來融入圖片，並選用花朵與甜點間的搭配，表達出一種溫暖甜蜜的感覺。
既有趣又開心~

3.何謂HTML、DIV及CSS:
HTML:建構網頁基本架構
DIV:建立網頁區塊.包覆語法
CSS:專門美化網頁 增加更多變化 使畫面更有質感

4.附上至少一個覺得設計很有質感的網站，並說明原因
https://unsplash.com/
免費下載的高品質素材網站 可以將喜愛的圖和攝影師加入最愛
以便相關收尋參考、收藏 所以滿推薦的~

5.期待這門課的學習成果與收穫為何?
希望能夠製作出更具設計質感與型態變化的網頁

1.網址:http://mepopedia.com/~web106-2c/hw01/hw01-1055445017
2.設計概念與製作心得： 此作品的主題是抹茶，使用一些圓角還有透明感讓畫面不會那麼死板，色彩上選用黑色，能凸顯出茶道的莊重，文字使用儷中宋，帶點優雅的氣息，製作完後的效果我還蠻喜歡的。
3.何謂HTML、DIV及CSS:
HTML:是一種網頁使用的語言，可編輯設計出網頁，在裡面加入圖片、文字、表格...等
DIV:建立網頁區塊的語法
CSS:賦予網站各式各樣的風格樣式，美化網頁
4.附上至少一個覺得設計很有質感的網站，並說明原因
http://suzukikougeisha.com/
很像在玩Google Earth的感覺，很有趣
5.期待這門課的學習成果與收穫為何?
希望可以製作出讓使用者可以流暢、便利的瀏覽我的網站

1.網址:http://mepopedia.com/~web106-2c/hw01/hw01-1055445205

2.設計概念與製作心得：設計概念為一個新時代女性的保養新觀念，背景照片照著老師上課的影片做了，但不知道為什麼就是跑不出來?覺得有點奇怪。

3.何謂HTML、DIV及CSS: html為網站的架構，div可以當作是標籤。 css就是改顏色，改背景，用來增加設計感的工具。

4.附上至少一個覺得設計很有質感的網站，並說明原因 http://www.disney.com.tw/FrozenCarnivalTaiwan2017/
我覺得他做得很有冰雪奇緣的感覺，冰天雪地，資訊也很充足，讓人一目了然。

5.期待這門課的學習成果與收穫為何?
希望能做出有質感的網站。

1.網址:http://mepopedia.com/~web106-2c/hw01/hw01-1055445021

2.設計概念與製作心得：
以黑白灰三種顏色做搭配，想要營造出夜晚的氛圍。
製作了這個小文章很開心，但是內容短的跟什麼一樣......。

3.何謂HTML、DIV及CSS:
html就是我們做網頁時要存的第一個檔案，也就是網站內容，
CSS就是網站的衣服，
DIV應該 是指裡面的語法...... ?!

4.附上至少一個覺得設計很有質感的網站，並說明原因
http://paipai.blog/
超酷的網頁，也不會很花俏讓人看很久都不會膩。

5.期待這門課的學習成果與收穫為何?
希望我可以善用老師所教的，
並且再去發揮，但前提是我要記得 哈哈



(編輯記錄)

1.網址:http://mepopedia.com/~web106-2c/hw01/hw01-1055445168

2.設計概念與製作心得：
以森林芬多精為主題,以深綠色為主要色調
看了好幾遍影片,但對透明度那個還有點不懂

3.何謂HTML、DIV及CSS:
HTML: 建構網頁基本架構
DIV: 建立網頁區塊語法
CSS: 用來美化網頁,讓畫面有設計感

4.附上至少一個覺得設計很有質感的網站，並說明原因
https://www.mydesy.com/


5.期待這門課的學習成果與收穫為何?
希望越來越熟練,做出有質感的的網頁

1.網址:http://mepopedia.com/~web106-2c/hw01/hw01-1055445177
2.設計概念與製作心得：心焦了很多東西，覺得很新奇也很難希望可以把網頁學好
3.何謂HTML、DIV及CSS:
HTML是一種網頁使用的語言，可以編輯設計出網頁。
DIV是標籤包起來的文字、圖片...任何東西，瀏覽器都會將之視作一個物件。
CSS是可以用來包裝網頁，讓它具有獨特風格。
4.附上至少一個覺得設計很有質感的網站，並說明原因
https://www.hersheys.com/en_us/home.html
她的網頁大小事手機電腦通用，配色簡單，還有小影片做宣傳，最下面的部分剛好做成一個電腦頁面的大小看了很舒服不雜亂
5.期待這門課的學習成果與收穫為何?希望可以做出有質感的網頁 ，老師教的都可以吸收是最好的

1.網址:http://mepopedia.com/~web106-2c/hw01/hw01-1055445156
2.設計概念與製作心得：版面以淺色背景是澄澄稻穗，上完課我覺得聊解更多網頁的新作法
3.何謂HTML、DIV及CSS:
HTML是建立網頁的標準標示語言
DIV:是建立網頁區塊或標籤包起來的東西，瀏覽器會視為一個物件
CSS:是讓網頁增加許多不同的效果
4.附上至少一個覺得設計很有質感的網站，並說明原因
https://www.discovery-go.jp/
這網站風格簡約 最讚的那種
5.期待這門課的學習成果與收穫為何?
希望未來可以好好學習他

1.網址:http://mepopedia.com/~web106-2c/hw01/hw01-1055445023

2.設計概念與製作心得：
最近櫻花季的到來而得到的靈感

3.何謂HTML、DIV及CSS:
HTML: 網頁基本架構
DIV: 建立網頁區塊語法
CSS: 讓網頁看起來更有美感


5.期待這門課的學習成果與收穫為何?
對網頁設計方面的興趣提升，希望之後能做出更有設計感的網頁

1.網址:http://mepopedia.com/~web106-2c/hw01/hw01-1055445059

2.設計概念與製作心得：以紫羅蘭的紫色為主

3.何謂HTML、DIV及CSS: html為網站的架構 CSS: 用來調整網頁顏色文字等 div 標籤是網頁邏輯分區

4.附上至少一個覺得設計很有質感的網站，並說明原因 https://templated.co/ 很多不同有設計的版型

5.期待這門課的學習成果與收穫為何? 做出有設計的網頁

網址:http://mepopedia.com/~web106-2c/hw01/hw01-1055445182

設計概念與製作心得：旅行青蛙

何謂HTML、DIV及CSS: HTML為網頁基本架構 DIV建立網頁區塊的語法 CSS使網頁更多面貌與風格

期待這門課的學習成果與收穫為何? 學到更多網頁設計相關

1.網址:http://mepopedia.com/~web106-2c/hw01/hw01-1055445003
2.設計概念與製作心得： 邊看老師的示範，同學的示範，還有影片，參考，才終於做出來
3.何謂HTML、DIV及CSS:

HTML是建立網頁的標準標示語言
DIV:一個區塊
CSS:讓網頁變得更豐富


4.附上至少一個覺得設計很有質感的網站，並說明原因
5.期待這門課的學習成果與收穫為何?

可以做更有質感層次的網頁

1.網址:http://mepopedia.com/~web106-2c/hw01/hw01-1055445085

2.設計概念與製作心得：
古風的遊戲風格。

3.何謂HTML、DIV及CSS:
html 網站的語法/div建立區塊，包覆語法/css美化網頁

4.附上至少一個覺得設計很有質感的網站，並說明原因
http://www.formosams.com/ 簡單、理性設計風格。

5.期待這門課的學習成果與收穫為何?
希望能學習更多進階的網頁設計。

1.網址:http://mepopedia.com/~web106-2c/hw01/hw01-1045445101
2.透明度很好玩

1.網址:http://mepopedia.com/~web106-2c/hw01/hw01-1055445087

2.設計概念與製作心得：
3.何謂HTML、DIV及CSS:
HTML:建構網頁基本架構
DIV:是建立網頁區塊或標籤包起來的東西，瀏覽器會視為一個物件
CSS: 用來美化網頁,讓畫面有設計感


4.期待這門課的學習成果與收穫為何?
希望可以做得比上學期好

1.網址:http://mepopedia.com/~web106-2c/hw01/hw01-1055445144
2.設計概念與製作心得：整體用綠色系的顏色來呈現，製造植物自然的感覺。
3.何謂HTML、DIV及CSS:
HTML :用來製作網頁的
DIV:區塊標籤
CSS:美化網頁，設定顏色特效的地方
4.附上至少一個覺得設計很有質感的網站，並說明原因

5.期待這門課的學習成果與收穫為何? 能更熟悉DW

1.網址:http://mepopedia.com/~web106-2c/hw01/hw01-1055445024

2.設計概念與製作心得：
3.何謂HTML、DIV及CSS:
HTML:建構網頁基本架構
DIV:是建立網頁區塊或標籤包起來的東西，瀏覽器會視為一個物件
CSS: 用來美化網頁,讓畫面有設計感

4.附上至少一個覺得設計很有質感的網站，並說明原因
https://www.apple.com/tw/
簡潔明瞭，有質感

5.期待這門課的學習成果與收穫為何?
希望能熟練，並且學以致用

1.網址:http://mepopedia.com/~web106-2c/hw01/hw01-1055445111

2.設計概念與製作心得：
因為櫻花季所以做了一篇櫻花的新聞w
雖然配色不太滿意 字體也沒有很清楚qq
但是漸層很喜歡><
尤其是圓角跟透明度超好玩

3.何謂HTML、DIV及CSS:
HTML:建構網頁基本架構
DIV:是建立網頁區塊或標籤包起來的東西，瀏覽器會視為一個物件
CSS: 用來美化網頁,讓畫面有設計感

4.附上至少一個覺得設計很有質感的網站，並說明原因

http://mercstoria.happyelements.co.jp/
畫風可愛 網頁也做得很有質感 讓人很想玩這遊戲
當初其中時也是看到這遊戲的網站才想做初不輸這個網站的網站（好像在繞口令（？

5.期待這門課的學習成果與收穫為何?
希望能快點學到one page的網站ww
然後希望我能更加喜歡上網頁設計><

1.網址: http://mepopedia.com/~web106-2c/hw01/hw01-1055445054

2.設計概念與製作心得：
黑紅色為版面主色,日式背景，原本想把背景作動圖(飄楓葉下來)後來放棄XDDD
用動畫用好久他一直跳8次才停，之後找到原因，是我在css3.0那調太多了ww

3.何謂HTML、DIV及CSS:
HTML:網頁開始存的東西!沒有他就沒有後面(!!?)
DIV:像分區塊什麼的感覺，然後不只一個
CSS:很厲害!可以把畫面做的有設計感

4.附上至少一個覺得設計很有質感的網站，並說明原因
http://grandir-kyoto.jp/
這個網站整體看了很舒服，麵包就覺得更好吃(可能我餓了)
排版上就感覺很有名的麵包店!!!

http://www.liliaplanet.com/
這網頁是互動式網頁，很可愛!!

5.期待這門課的學習成果與收穫為何?
嗯...希望我還可以聽懂就是惹qq

1.網址:http://mepopedia.com/~web106-2c/hw01/hw01-1055445150
2.設計概念與製作心得： 想說最近很常見到櫻花所以做個櫻花小常識的網站，整體以粉色為主，白色為輔，覺得一張大張的背景照就能讓一個網站變得有質感是件很酷的事。
3.何謂HTML、DIV及CSS: html是網頁的架構程式碼，div是標籤，css是網頁的設計語法
4.附上至少一個覺得設計很有質感的網站，並說明原因 :https://crossme.jp/
「crossme」為日本服飾品牌的線上網站，以淺藍與粉紅區分男女的衣服，相較於其他下拉式的網站，此網站偏向翻頁式的縮拉網頁，並加了很多動作的語法，讓此網站更顯得有活潑輕鬆的感覺
5.期待這門課的學習成果與收穫為何? 光是第一個作業幾多了很多新東西，且變得更有質感，我覺得這學期學完後感覺就能自己設計一個很不錯的網站了



(編輯記錄)

1.網址:http://mepopedia.com/~web106-2c/hw01/hw01-1055445102
2.設計概念與製作心得：我真的做壞了
3.何謂HTML、DIV及CSS:
HTML:建構一個網頁的基本架構
DIV:建立網頁區塊.包覆語法
CSS-將網頁增加不同美術效果的電腦語言
4.附上至少一個覺得設計很有質感的網站，並說明原因
http://udesign.udnfunlife.com/mall/cus/gbr/Cc1g02.do
簡單明確
5.期待這門課的學習成果與收穫為何?能把網頁做的更多元更精緻



(編輯記錄)

1.網址:http://mepopedia.com/~web106-2c/hw01/hw01-1055445183
2.設計概念與製作心得： 網頁設計越來越難了,我難過...
3.何謂HTML、DIV及CSS:
HTML 一種網頁設計的語言
CSS 修改網頁風格
DIV 呃...一種語法?!
4.附上至少一個覺得設計很有質感的網站，並說明原因
pinterest
https://www.pinterest.com
設計師必備良藥
5.期待這門課的學習成果與收穫為何?
網頁設計真是博大精深



(編輯記錄)

1.網址:http://mepopedia.com/~web106-2c/hw01/hw01-1055445083
2.設計概念與製作心得： 後面的網頁越弄越好看 比較吸引我
3.何謂HTML、DIV及CSS:
4.附上至少一個覺得設計很有質感的網站，並說明原因
5.期待這門課的學習成果與收穫為何?
可以弄出更有設計感的網頁

1.網址:http://mepopedia.com/~web106-2c/hw01/hw01-1055445060

2.設計概念與製作心得：
簡潔 棒

3.何謂HTML、DIV及CSS:
HTML-寫網頁用的一種語言、技術
DIV-把一個網頁分類出不同區域的語法
CSS-將網頁增加不同美術效果的電腦語言

4.附上至少一個覺得設計很有質感的網站，並說明原因
http://www.martingarrix.com/
簡潔又很有設計感.還有動畫呈現

5.期待這門課的學習成果與收穫為何?
更加了解網頁設計

1.網址:http://mepopedia.com/~web106-2c/hw01/hw01-1055445042

2.設計概念與製作心得：
恩，我做的非常好看

3.何謂HTML、DIV及CSS:
HTML-寫網頁用的一種語言、技術
DIV-把一個網頁分類出不同區域的語法
CSS-將網頁增加不同美術效果的電腦語言

4.附上至少一個覺得設計很有質感的網站，並說明原因
http://www.ubisoft.com.tw/
ubisoft的官方網站 不管要做甚麼都能很簡單的找到方向
整體給人的感覺是非常歡樂且娛樂性

5.期待這門課的學習成果與收穫為何?
也許能在未來使用到

1.網址:http://mepopedia.com/~web106-2c/hw01/hw01-1055445119

2.設計概念與製作心得：
又學到了新的用法很開心但是有時候的問題處理要一段時間
3.何謂HTML、DIV及CSS:
HTML-是一種組成網頁的基本(?
DIV-將網頁分出區塊處理的語法
CSS-帶給網頁更多豐富性的效果與法

4.附上至少一個覺得設計很有質感的網站，並說明原因

5.期待這門課的學習成果與收穫為何?
期待能夠自己真的架構出一個好網站

1.網址：http://mepopedia.com/~web106-2c/hw01/hw01-1055445110
2.設計概念與製作心得： 喜歡移動迷宮這部作品
3.何謂HTML、DIV及CSS：
HTML-寫網頁用的一種語言、技術
DIV-把一個網頁分類出不同區域的語法
CSS-將網頁增加不同美術效果的電腦語言

4.附上一個覺得設計很有質感的網站：
https://www.pinterest.com/
資料很多都從這裡找的，很多很厲害的設計師
https://www.chochoco.com/
喜歡的巧克力專賣店
5.期待這門課的學習成果與收穫為何?
希望可以順利把這堂課學到期末...

1.網址:http://mepopedia.com/~web106-2c/hw01/hw01--1055445096

2.設計概念與製作心得：黑白色系

3.何謂HTML、DIV及CSS:
HTML:建構網頁基本架構
DIV:建立網頁區塊，包括語法
CSS:美化網頁，使畫面更有質感

4.附上至少一個覺得設計很有質感的網站，並說明原因:
https://www.theweeknd.com/
這個真的很酷 越往下滑
下面圖一一蹦出來給人驚喜

5.期待這門課的學習成果與收穫為何?
可以做出有質感，讓人嚮往的網頁



(編輯記錄)

1.網址:http://mepopedia.com/~web106-2c/hw01/hw01-1055445132

2.設計概念與製作心得：黑紅色系

3.何謂HTML、DIV及CSS:
HTML:架構網頁的技術
DIV:建立網頁區塊，包括語法
CSS:美化網頁，使畫面更豐富多元

4.附上至少一個覺得設計很有質感的網站，並說明原因:
https://www.ksimpletw.com/
這是一個賣衣服的網頁,卻能設計的這麼有質感我很喜歡

1.網址:http://mepopedia.com/~web106-2c/hw01/hw01-1045445134/
2.設計概念與製作心得： 用了圓角以後看起來沒那麼嚴肅了
3.何謂HTML、DIV及CSS: HTML是一種網頁使用的語言 、DIV是將網頁分類出不同區域的語法 、CSS是能夠使你的網頁更整齊，可設定網頁中的字型.、字體
4.附上至少一個覺得設計很有質感的網站，並說明原因
https://yys.163.com
本身很喜歡日系的風格，加上遊戲也是日系風，文字設計上看起來簡潔，頁面中也提供了很多能讓新手了解的資訊

5.期待這門課的學習成果與收穫為何?
希望能理解網頁設計的世界