經過了一個寒假，為了讓大家回復記憶，請先複習基礎的網頁設計概念 網頁基礎複習 [url=http://mepopedia.com/forum/read.php?804,41760][講義] HTML & CSS網頁基礎複習整理[/url] [hr] 課堂範例 http://mepopedia.com/~web103-2a/hw01/hw01-102 [hr] 盒子模型／區塊模型（Box Model） 參考以下網址，並牢記下圖 盒子模型／區塊模型（Box Model） http://mepopedia.com/forum/read.php?844,15917 [img]http://i1136.photobucket.com/albums/n481/parkparkyang/box-moddle-01.gif[/img] [hr] 以及盒子與盒子(元素與元素)之間的關係 [hr] 作業說明 參照講義 [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/~css105-2c/hw01/hw01-104xxxxxxx 2.設計概念與製作心得： 3.何謂HTML、DIV及CSS: 4.附上至少一個覺得設計很有質感的網站，並說明原因 5.期待這門課的學習成果與收穫為何? [hr] 範例： http://mepopedia.com/~web103-2a/hw01/hw01-102/ (1) http://mepopedia.com/~web102-c/hw01/hw01-1015445243/ (2) http://mepopedia.com/~css104-2a/hw01/hw01-1035445130/ (3) http://mepopedia.com/~css104-2b/hw01/hw01-1035445170/ (4) http://mepopedia.com/~css104-2b/hw01/hw01-1035445209/ (5) http://mepopedia.com/~css104-2c/hw01/hw01-1035445057/ (6) http://mepopedia.com/~css104-2c/hw01/hw01-1035443128/ [hr] 上課影音 2015 03 05作業一課堂講解 http://youtu.be/TnaMIVYyf4Y http://mepopedia.com/forum/read.php?2645,84014,84014#msg-84014 Sun, 26 Jul 2026 18:17:20 +0800 Phorum 5.2.7 http://mepopedia.com/forum/read.php?2645,84014,84628#msg-84628 http://mepopedia.com/forum/read.php?2645,84014,84628#msg-84628
2.設計概念與製作心得：
因為是露營享受生活有相關,所以我的配色都是淡色系。陽光綠地也有溫暖

3.何謂HTML、DIV及CSS:
HTML:網頁的基本架構
DIV:是特定區塊的標籤,可將文字、內容、圖片包起來
CSS:用來布置,美化網頁的外觀

4.附上至少一個覺得設計很有質感的網站，並說明原因
http://www.calvinklein.com/tw/?gclid=CIeeja-UstMCFcWSvQodRzMOcQ
整體同色調,看起來很和諧。

5.期待這門課的學習成果與收穫為何?
這個作業已經是難得自己做完,真的很開心。]]> 1045445153 105-2《中國》竹視傳二C-進階網頁設計 Thu, 20 Apr 2017 12:08:03 +0800 http://mepopedia.com/forum/read.php?2645,84014,84625#msg-84625 http://mepopedia.com/forum/read.php?2645,84014,84625#msg-84625
2.設計概念與製作心得：
我想用影片的地方但卻只能傳網址

3.何謂HTML、DIV及CSS:
HTML:網頁的基本架構
DIV:是特定區塊的標籤,可將文字、內容、圖片包起來
CSS:用來布置,美化網頁的外觀

4.附上至少一個覺得設計很有質感的網站，並說明原因
https://twitter.com/zara
簡單讓人有舒服明瞭的感覺~

5.期待這門課的學習成果與收穫為何?
能做完我就很感動了~覺得真的要看影片才會搞懂~]]> D1045445114 105-2《中國》竹視傳二C-進階網頁設計 Thu, 20 Apr 2017 12:04:51 +0800 http://mepopedia.com/forum/read.php?2645,84014,84620#msg-84620 http://mepopedia.com/forum/read.php?2645,84014,84620#msg-84620
2.設計概念與製作心得：
以螢光綠跟深綠襯托她的各性以及喜好
3.何謂HTML、DIV及CSS:
HTML：網頁基本架構
DIV：標籤
CSS：網頁的造型

4.附上至少一個覺得設計很有質感的網站，並說明原因
http://www.nike.com/tw/zh_tw/?cp=ahns_kw_bra!tw!goo!core!c!e!nike!154331665562
設計簡潔有力

5.期待這門課的學習成果與收穫為何?

可以學到如何架構 設計出好的網站]]> 1045445075 105-2《中國》竹視傳二C-進階網頁設計 Thu, 20 Apr 2017 11:17:55 +0800 http://mepopedia.com/forum/read.php?2645,84014,84616#msg-84616 http://mepopedia.com/forum/read.php?2645,84014,84616#msg-84616
2.設計概念與製作心得：
這個作業比期中作業簡單多了啦......但是因為是昨天補的時間快來不及了所以自己覺得做的挺丑的......

3.何謂HTML、DIV及CSS:
HTML:網頁的基本架構
DIV:是特定區塊的標籤,可將文字、內容、圖片包起來
CSS:用來布置,美化網頁的外觀

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

http://www.ysl.com/wy　【聖羅蘭 官方網站】
額其實覺得這個網站很帥單純的因為想買它的唇釉然後就去官網看了看

5.期待這門課的學習成果與收穫為何?
恩......應該只要能大致了解這個軟件然後能做一些基本的頁面就滿意了。但是也希望在別人眼裡我做的網頁看起來很厲害的樣子！~]]> 盧姍娜 105-2《中國》竹視傳二C-進階網頁設計 Thu, 20 Apr 2017 10:12:19 +0800 http://mepopedia.com/forum/read.php?2645,84014,84588#msg-84588 http://mepopedia.com/forum/read.php?2645,84014,84588#msg-84588 http://mepopedia.com/~css105-2c/hw01/hw01-1045445129

2.設計概念與製作心得：
這次是做我最喜歡的狗：巴哥犬

3.何謂HTML、DIV及CSS:
HTML:網頁基本架構，一個網站骨架
DIV:特定區塊的標籤
CSS:設計網頁美觀度

4.附上至少一個覺得設計很有質感的網站，並說明原因 ：
http://www.ginahello.com/
這是一位部落客的網站，裡面很多都是我喜歡的元素！整體配色簡潔讓人看了很舒服。

5.期待這門課的學習成果與收穫為何?
希望將來遇到需製作網頁的工作時能得心應手。]]> 1045445129 105-2《中國》竹視傳二C-進階網頁設計 Thu, 20 Apr 2017 01:39:40 +0800 http://mepopedia.com/forum/read.php?2645,84014,84579#msg-84579 http://mepopedia.com/forum/read.php?2645,84014,84579#msg-84579 2.設計概念與製作心得： onerepublic 替這個樂團做一個網站架設
3.何謂HTML、DIV及CSS: 我忘記了
4.附上至少一個覺得設計很有質感的網站，並說明原因 http://pamphletmagazine.blogspot.tw/
它裡面收集了許多類似像雜誌的照片 我很喜歡攝影 所以我覺得滿棒的
5.期待這門課的學習成果與收穫為何?
希望能把自己累積的作品架設一個網站 讓大家看到]]> loveelise1021 105-2《中國》竹視傳二C-進階網頁設計 Thu, 20 Apr 2017 01:04:18 +0800 http://mepopedia.com/forum/read.php?2645,84014,84575#msg-84575 http://mepopedia.com/forum/read.php?2645,84014,84575#msg-84575 2.設計概念與製作心得:我喜歡那位歌手 製作時間有點久
3.何謂HTML、DIV及CSS: 我都不知道
4.附上至少一個覺得設計很有質感的網站，並說明原因 https://www.worbz.com/page/2/
5.期待這門課的學習成果與收穫為何?
學習如何架設一個網站]]> 1025445159 105-2《中國》竹視傳二C-進階網頁設計 Thu, 20 Apr 2017 00:46:55 +0800 http://mepopedia.com/forum/read.php?2645,84014,84548#msg-84548 http://mepopedia.com/forum/read.php?2645,84014,84548#msg-84548
2.設計概念與製作心得：
這次選用綠巨人為主題
3.何謂HTML、DIV及CSS:
HTML：網頁的基本架構
DIV：網頁結構中，特定區塊的標籤，包裝的概念
CSS：控制網頁美醜的關鍵

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

https://www.plain-me.com/shop.asp?conditiontype=2&poids=468&page=1&SortingType=0&pageSize=60
我會選擇這個的原因是因為東西黑簡單卻又精緻

5.期待這門課的學習成果與收穫為何?

學到很多東西]]> 113039 105-2《中國》竹視傳二C-進階網頁設計 Wed, 19 Apr 2017 19:14:19 +0800 http://mepopedia.com/forum/read.php?2645,84014,84531#msg-84531 http://mepopedia.com/forum/read.php?2645,84014,84531#msg-84531
2.設計概念與製作心得：
簡單也感受到其中的有趣,我很喜歡這次的作業

3.何謂HTML、DIV及CSS:
HTML是一種基礎技術， 一種用於建立網頁的標準標示語言。
DIV就像一個段落，在視覺上於頁面隔離出了文檔的一部分，它可以包含段落、標題、表格等。
CSS是一種用來為結構化文件（如 HTML 文件或 XML 應用）添加樣式（字型、間距和顏色等）的電腦語言。

4.附上至少一個覺得設計很有質感的網站，並說明原因
https://moba.garena.tw/game/heroes
設計感十足,有很棒的視覺效果

5.期待這門課的學習成果與收穫為何?
會讓人想學習更多的相關課程]]> 許華芳 105-2《中國》竹視傳二C-進階網頁設計 Wed, 19 Apr 2017 16:15:20 +0800 http://mepopedia.com/forum/read.php?2645,84014,84468#msg-84468 http://mepopedia.com/forum/read.php?2645,84014,84468#msg-84468 2.設計概念與製作心得：
誰是住在深海大鳳梨裡
HTML：構成網頁的一個基礎
CSS：色塊
3.期待這門課的學習成果與收穫為何?
開心]]> zxzx10110774 105-2《中國》竹視傳二C-進階網頁設計 Mon, 17 Apr 2017 17:24:42 +0800 http://mepopedia.com/forum/read.php?2645,84014,84452#msg-84452 http://mepopedia.com/forum/read.php?2645,84014,84452#msg-84452 2.網頁主題：飛天小女警

3.設計概念與製作心得：

設計概念-用卡通主角作為底圖，這次教的圓角設計我很喜歡,可以讓死板的方框變成有點可愛圓角造型。標題用陰影來強化它；裡面的框是使用白色，調整透明度可以看到背景遮住的地方。整體可愛色彩豐富。

製作心得-不會很難也有很多東西可以玩玩看，與之前的作業2比起來不同的是--多了圓角及陰影及透明度，背景還放了底圖，使網頁會更加豐富。

4.何謂HTML、DIV及CSS：
●HTML：是網頁的架構
●DIV：是區塊的標籤可以將文字圖片包成物件
●CSS：可以美化網頁的程式語言，創造文字樣式，版
面，色彩，各種效果，字體大小等。

5.附上至少一個覺得設計很有質感的網站，並說明原因：
http://www.species-in-pieces.com/#
這個叫 In Pieces 的美麗網站為你介绍了地球上 30 種美麗濒危動物，有一次不小心看到了這個網站，非常驚艷!他用網站做出的動畫效果真的好美~ 裡面有30 種動物组成的輪盤，還可以看到這些動物在自然界的生存状况，它所受到的威協，快點進去看就知道了!!


6.期待這門課的學習成果與收穫為何：
希望這學期盡量可以跟上進度，我網頁做得不很好也做很慢，但是希望以後可以架設很美的網頁！]]> 1045445144 105-2《中國》竹視傳二C-進階網頁設計 Mon, 17 Apr 2017 09:58:24 +0800 http://mepopedia.com/forum/read.php?2645,84014,84371#msg-84371 http://mepopedia.com/forum/read.php?2645,84014,84371#msg-84371 2.設計概念與製作心得： 因為之前很喜歡《孤單又燦爛的神-鬼怪》這部韓劇，所以替它做了網頁，但我還是不會調透明度
3.何謂HTML、DIV及CSS:
HTML是一種用於建立網頁的標準標示語言,HTML是一種基礎技術，常與CSS、JavaScript一起被眾多網站用於設計令人賞心悅目的網頁、網頁應用程式以及行動應用程式的使用者介面。HTML描述了一個網站的結構語意隨著線索的呈現，使之成為一種標示語言而非程式語言。HTML元素是構建網站的基石。HTML允許嵌入圖像與物件，並且可以用於建立互動式表單，它被用來結構化資訊——例如標題、段落和列表等等。
DIV是個區域範圍，像是網頁頂端 (Head)、中段 (Body)、側區 (side) 與底端 (footer) 等區塊。
CSS是定義區域內的樣貌，如：顏色、效果、大小….
4.附上至少一個覺得設計很有質感的網站，並說明原因
http://www.fabrica.it/?lang=it_it
因為覺得它的區塊配置的背景特別有趣，而且一頁就簡單明瞭。
5.期待這門課的學習成果與收穫為何?
希望這學期能跟上進度，架設一個屬於自己風格的網頁。]]> 呂子綺 105-2《中國》竹視傳二C-進階網頁設計 Wed, 12 Apr 2017 00:33:14 +0800 http://mepopedia.com/forum/read.php?2645,84014,84364#msg-84364 http://mepopedia.com/forum/read.php?2645,84014,84364#msg-84364 2.設計概念與製作心得
很想用粉紅色去襯托出熊貓幼崽可愛的樣子，可是是因為太久沒碰網頁了吧...想做什麼都做不出來(td)
3.何謂HTML、DIV及CSS:
HTML是網頁的基礎語言
DIV是區塊的標籤可以將文字圖片包成物件
CSS是網頁的風格設計
4.附上至少一個覺得設計很有質感的網站，並說明原因
http://mitsugashi.com/
因為我覺得他把網頁做到讓人看了超級舒服 雖然不是說特別華麗 但是喜歡小清新風格的一定會很喜歡
5.期待這門課的學習成果與收穫為何?
希望我可以抓回上學期的感覺 在接下來的作業更有進步＾＾]]> weiwei 105-2《中國》竹視傳二C-進階網頁設計 Mon, 10 Apr 2017 21:39:20 +0800 http://mepopedia.com/forum/read.php?2645,84014,84345#msg-84345 http://mepopedia.com/forum/read.php?2645,84014,84345#msg-84345 2.設計概念與製作心得：
色調以橘和咖啡為主，希望給人溫馨又可愛的感覺。這是我最喜歡的皮克斯動畫短片，做完覺得很開心！
3.何謂
HTML：網頁的基本架構
DIV：可把他視為標籤，一個區塊包起來的概念
CSS：一個網頁的外觀、風格
4.附上至少一個覺得設計很有質感的網站，並說明原因
http://www.luckystarwine.com.tw/index.php?action=about
整體一目了然、不雜亂。配色適當，看起來很舒服，圖片也很精美，增加質感。
5.期待這門課的學習成果與收穫為何?
希望能做出一個漂亮有質感的網頁。]]> 1025445061 105-2《中國》竹視傳二C-進階網頁設計 Sat, 08 Apr 2017 05:16:01 +0800 http://mepopedia.com/forum/read.php?2645,84014,84284#msg-84284 http://mepopedia.com/forum/read.php?2645,84014,84284#msg-84284 2.設計概念與製作心得：
因為是做跟酒有關的主題，所以顏色跟版面還有圖片的選擇都偏繽紛跟強烈。

3.何謂
HTML:網頁的基本架構
DIV:區塊
CSS:美化版面

4.附上至少一個覺得設計很有質感的網站，並說明原因
http://www.louvre.fr/
沒有過多撩亂的顏色，整體配置乾淨整齊

5.期待這門課的學習成果與收穫為何?
希望可以了解更多業界的流行趨勢]]> 1045445138 105-2《中國》竹視傳二C-進階網頁設計 Wed, 05 Apr 2017 02:07:18 +0800 http://mepopedia.com/forum/read.php?2645,84014,84265#msg-84265 http://mepopedia.com/forum/read.php?2645,84014,84265#msg-84265 2.設計概念與製作心得：
覺得這次的作業做得很開心，雖然透明度讓我搞到很惱火,但是這一次是做鍾碩OPPA所以就沒關西拉~~~
3.何謂HTML、DIV及CSS:
HTML：構成網頁的一個基礎
DIV：他是將網頁分塊 指某一區塊 將那個區塊包起來
CSS：美編裝飾用 他是網頁的化妝品
4.附上至少一個覺得設計很有質感的網站，並說明原因
http://www.stunden.org/category/portfolios/
他很簡單 直接就可以看到各種不一樣的插畫家的圖
5.期待這門課的學習成果與收穫為何?
學些不一樣的~]]> 1045445009 105-2《中國》竹視傳二C-進階網頁設計 Thu, 30 Mar 2017 18:03:35 +0800 http://mepopedia.com/forum/read.php?2645,84014,84208#msg-84208 http://mepopedia.com/forum/read.php?2645,84014,84208#msg-84208
2.設計概念與製作心得：

慢慢有抓回一些感覺了，比較不熟的部分還是有看講義和之前的作業，希望網頁設計的記憶快恢復哈哈

3.何謂
HTML：骨架
DIV：分段
CSS:有沒有化妝



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

https://www.elephantpie.com.tw/shop 披薩店網站

整體很有質感，底色白色，整體瀏覽起來，也很流暢～

5.期待這門課的學習成果與收穫為何?

在學習跟精進一些技能～]]> sharon111688 105-2《中國》竹視傳二C-進階網頁設計 Thu, 23 Mar 2017 13:58:59 +0800 http://mepopedia.com/forum/read.php?2645,84014,84193#msg-84193 http://mepopedia.com/forum/read.php?2645,84014,84193#msg-84193
2.設計概念與製作心得：
喜歡B.A.P 喜歡到一個癡迷的程度(喂
做完還滿開心的，透明度弄好久R

3.何謂HTML、DIV及CSS:
HTML：簡單來說就是網頁原始碼(?
DIV：包起來
CSS：設計一個網頁要穿的衣服這樣。

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

http://www.somethingsweet.com.tw/　【找到自己的獨特風格】
簡單，純白，讓人在挑選東西跟衣服的時候一目了然。

5.期待這門課的學習成果與收穫為何?
希望以後可以自己設計一個喜歡的網頁。]]> Jieru 105-2《中國》竹視傳二C-進階網頁設計 Wed, 22 Mar 2017 22:22:27 +0800 http://mepopedia.com/forum/read.php?2645,84014,84180#msg-84180 http://mepopedia.com/forum/read.php?2645,84014,84180#msg-84180
2.設計概念與製作心得：
簡約風 看起來悶悶ㄉ
3.何謂HTML、DIV及CSS:
HTML：網頁架構
DIV：標籤
CSS： 樣式

4.附上至少一個覺得設計很有質感的網站，並說明原因
http://joefangstudio.com/
簡單有質感 讚讚棒棒喔


5.期待這門課的學習成果與收穫為何?

老師讚讚老師棒棒]]> H224488882 105-2《中國》竹視傳二C-進階網頁設計 Wed, 22 Mar 2017 11:59:57 +0800 http://mepopedia.com/forum/read.php?2645,84014,84148#msg-84148 http://mepopedia.com/forum/read.php?2645,84014,84148#msg-84148 2.網頁主題：好好聚落簡介
3.設計概念與製作心得： 第一個作業還算簡單 喜歡少女的顏色來凸顯這個貨櫃屋的粉色系
4.何謂HTML、DIV及CSS：
HTML：是構成網頁的基礎，瀏覽器所呈現出的網頁架構。
DIV：為一種以標籤的行式,提供網頁內容與結構等樣式的標籤.
CSS：布置網頁的外觀，為修飾美化網頁用 。

5.附上至少一個覺得設計很有質感的網站，並說明原因：
https://tenten.co/
他是一個簡單明瞭的網站也有設計的美感在內，是一個相當讓人喜歡的設計網站

6.期待這門課的學習成果與收穫為何：
對網頁世紀更上一層樓阿～～～～～不要只是很淺薄的知識　希望是能出去工作的那一種能力]]> 1045445177 105-2《中國》竹視傳二C-進階網頁設計 Wed, 22 Mar 2017 10:46:27 +0800 http://mepopedia.com/forum/read.php?2645,84014,84134#msg-84134 http://mepopedia.com/forum/read.php?2645,84014,84134#msg-84134
2.設計概念與製作心得：
以電音狂野的感覺作為整體設計
這次作業做得比較順手且花費的時間比以往還要少

3.何謂HTML、DIV及CSS:
HTML是網頁的基本架構，就像是房子的鋼筋骨架
DIV是指網頁架構中某個區域，像是房子裡的房間或者客廳等
CSS是美化整體網頁的視覺設計，等同於房子的外觀和內部的整體設計

4.附上至少一個覺得設計很有質感的網站，並說明原因
http://www.chiaraferragnicollection.com/tw_en
以簡單的粉藍色和白色作為搭配，和品牌的藍眼睛相呼應
，整體給人簡單又有趣的感覺

5.期待這門課的學習成果與收穫為何?
希望能學習到更多的技能增加自己的實力]]> 1045445150 105-2《中國》竹視傳二C-進階網頁設計 Thu, 16 Mar 2017 12:05:47 +0800 http://mepopedia.com/forum/read.php?2645,84014,84133#msg-84133 http://mepopedia.com/forum/read.php?2645,84014,84133#msg-84133
2.設計概念與製作心得：
以深色作為底，螢光色系作為配色，覺得過程不算太難
3.何謂HTML、DIV及CSS:
HTML：網頁基本架構
DIV：標籤
CSS：網頁的造型

4.附上至少一個覺得設計很有質感的網站，並說明原因
http://www.puma-nightrun.com.tw/
設計完整、表達精確的網站

5.期待這門課的學習成果與收穫為何?

希望能設計出漂亮的網頁]]> 1045445174 105-2《中國》竹視傳二C-進階網頁設計 Thu, 16 Mar 2017 11:27:44 +0800 http://mepopedia.com/forum/read.php?2645,84014,84132#msg-84132 http://mepopedia.com/forum/read.php?2645,84014,84132#msg-84132 2.設計概念與製作心得：
因為我本身是個動漫迷,而這一部是充滿快樂又給人啟發的一個故事,因此而創作之。
3.何謂HTML、DIV及CSS:
HTML：網頁的基本架構。 DIV：網頁結構中，特定區塊的標籤，包裝的概念 。CSS：控制網頁美醜的關鍵 。
4.附上至少一個覺得設計很有質感的網站，並說明原因
idti太陽能電池網站:http://www.idti.com.tw/
原因:有股簡單明瞭的風格 給人舒適之感。
5.期待這門課的學習成果與收穫為何?
希望對往後設計的網站有很大的幫助。]]> alan19970722 105-2《中國》竹視傳二C-進階網頁設計 Thu, 16 Mar 2017 11:10:18 +0800 http://mepopedia.com/forum/read.php?2645,84014,84122#msg-84122 http://mepopedia.com/forum/read.php?2645,84014,84122#msg-84122 2.設計概念與製作心得：
很喜歡無間雙龍這部日劇，故使用這個主題，主色調為深灰色，在製作過程中發現過了一陣子沒碰，很多東西都有點不太清楚，還要繼續找回記憶。
3.何謂HTML:網頁的基本構造，骨架、
DIV:網頁裡的標籤與分段用途
CSS:網頁細部調整與美化，皮膚
4.附上至少一個覺得設計很有質感的網站，並說明原因
http://tw.battle.net/hearthstone/zh/
這是遊戲的官方網站，我覺得畫面配得很好，而且互動性娛樂性都很高，還滿吸引眼球的。
5.期待這門課的學習成果與收穫為何?
學習更深入的網頁語法應用]]> 1045445081 105-2《中國》竹視傳二C-進階網頁設計 Thu, 16 Mar 2017 01:41:10 +0800 http://mepopedia.com/forum/read.php?2645,84014,84121#msg-84121 http://mepopedia.com/forum/read.php?2645,84014,84121#msg-84121
2.設計概念與製作心得：
當作複習以前學過的東西了...感覺有一點忘光。
對烏鴉的行為感到有趣，所以找了一張烏鴉背景圖做了藍色的調色。
3.何謂HTML、DIV及CSS:

HTML：構成網頁的基礎，組合網頁的程式語言
DIV：區塊的標籤
CSS：美化的語法，佈置網業外觀所用

4.附上至少一個覺得設計很有質感的網站，並說明原因
http://www.gnosh.co.uk/
手繪文字加上實體照的搭配，有種在做筆記的感覺

5.期待這門課的學習成果與收穫為何?
把之前沒學好的學好，有點想做跟自己興趣有關的網站~]]> sp39678910 105-2《中國》竹視傳二C-進階網頁設計 Thu, 16 Mar 2017 01:25:43 +0800 http://mepopedia.com/forum/read.php?2645,84014,84120#msg-84120 http://mepopedia.com/forum/read.php?2645,84014,84120#msg-84120
2.設計概念與製作心得：
多了些透明度的變化，融入網頁更顯現出網頁的特色與設計。

3.何謂HTML、DIV及CSS:
HTML 它所包括的程式碼集（稱為標籤）是用於控制 Web 瀏覽器顯示文件的方式
DIV 一種以標籤的行式,提供網頁內容與結構等樣式的標籤
CSS 修飾美化網頁

4.附上至少一個覺得設計很有質感的網站，並說明原因
http://www.bukwild.com/
它整個配色乾淨,使用了大量的空白。

5.期待這門課的學習成果與收穫為何?
把每次上課教的語法活用和牢記，希望能學到更多網頁的東西]]> 簡瑜萱 105-2《中國》竹視傳二C-進階網頁設計 Thu, 16 Mar 2017 01:10:28 +0800 http://mepopedia.com/forum/read.php?2645,84014,84117#msg-84117 http://mepopedia.com/forum/read.php?2645,84014,84117#msg-84117 http://mepopedia.com/~css105-2c/hw01/hw01-1045445018

2.設計概念與製作心得：
這次是做一家我覺得很可愛的服飾店，我有參考她可愛的特性做配色
運用透明度及圓角的效果很符合可愛的特性:)o

3.何謂HTML、DIV及CSS:
HTML:網頁的基本架構，一個網站的基礎，跟骨架差不多
DIV:是特定區塊的標籤,可將裡面的東西包起來
CSS:是可以設計網頁美觀度的地方

4.附上至少一個覺得設計很有質感的網站，並說明原因 ：
http://www.chimeimuseum.org/非常多的小設計，其中有一個讓我覺得很有趣的是，一開始跳出來的小展覽推廣頁面
是配合這次展覽的主題「摺紙」來做設計的變化，關掉的時候廣告頁面會像紙般摺起來!

5.期待這門課的學習成果與收穫為何?
希望能把自己能力提升到專業等級，學過這堂課才知道一個看似漂亮的頁面其中包含了多少的技術與辛苦]]> 1045445018 105-2《中國》竹視傳二C-進階網頁設計 Wed, 15 Mar 2017 23:36:10 +0800 http://mepopedia.com/forum/read.php?2645,84014,84115#msg-84115 http://mepopedia.com/forum/read.php?2645,84014,84115#msg-84115
2.網頁主題：JoJo的奇妙冒險

3.設計概念與製作心得：

JoJo的奇妙冒險是以讚頌人類為主題的一部漫畫，個人非常喜歡這部作品，
而作者在裡面設計的角色都具有強烈的特色與設計感，所以在顏色配置我用了
和人物之間產生反差的紫色，想更進一步的表現原作的氛圍。

4.何謂HTML、DIV及CSS：

●HTML：是組成網頁的程式語言，利用程式語法的組成結構，瀏覽器所呈現的網頁架構。

●DIV：為一個標籤的形式，可將內容組成獨立的、不同的部分， div標籤內的內容將視為
一個物件，如將文字、內容、圖片等包覆在標籤內，如同包裹，也便於標籤維護管理。

●CSS：美化網頁的程式語言，可說是將基礎的html架構包覆美麗的外觀，包含文字，版
面，色彩，效果，字體大小等呈現網頁的外貌。

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

pinterest網址：https://www.pinterest.com/

Pinterest是可收集及整理視覺設計靈感的網路剪貼簿，有使用過 Tumblr 的人可能會更喜歡 Pinterest，
因為它有類似相簿分類的功能，而且同樣的也有網頁底端的自動加載功能，就是不用按下一頁就可以
一直加載內容，除了可以在 Pinterest 裡搜尋照片，也可以用別人網站的照片或自己上傳照片，是一個
非常方便的網站。

6.期待這門課的學習成果與收穫為何：

期待可以越來越熟練網頁設計。]]> 曾慶恩 105-2《中國》竹視傳二C-進階網頁設計 Wed, 15 Mar 2017 22:54:28 +0800 http://mepopedia.com/forum/read.php?2645,84014,84110#msg-84110 http://mepopedia.com/forum/read.php?2645,84014,84110#msg-84110
2.設計概念與製作心得： 蜜豆奶主題

3.何謂HTML、DIV及CSS: html基本架構
div為指定某一區域將那區域包起來，也是種標籤
css修飾美化網頁用

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

5.期待這門課的學習成果與收穫為何?
照著老師的步驟做~~最好~~]]> 時尚時尚最時尚 105-2《中國》竹視傳二C-進階網頁設計 Tue, 14 Mar 2017 22:42:25 +0800 http://mepopedia.com/forum/read.php?2645,84014,84093#msg-84093 http://mepopedia.com/forum/read.php?2645,84014,84093#msg-84093 2.製作心得：
放了一個寒假雖然沒有全忘但要花些時間找回當初做網頁設計的感覺(哭，之後要好好收心繼續精進網頁設計這一塊TT
這次加進了背景圖還有透明度、圓角.......等等。的CSS，覺得比上學期的稜稜角角好看和顏色也順眼了許多，雖然不是自己畫的圖，但希望未來多累積一點自己的作品也能做出一個好看的網站
配色上有刻意搭配背景圖的主色和做了一些調整，整體網頁給人粉粉又有些沉穩的感覺~！

3.何謂HTML、DIV及CSS:
HTML-網頁的骨幹，基本架構的基礎
DIV-每一區塊的分門別類，類似給予每個區塊獨特的ID
CSS-負責美化網頁的設計，如果只單純設定了HTML那這個網頁一點美感都沒有

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

網址1：http://tsukiuta.com/
網址2：http://tsukiuta.com/event/tsukinoparty/08/
網址3：http://bito.tv/

前面兩個都是tsukiuta的官方公式網站，我喜歡第一個網頁原因是他每一次點進網頁都會隨機出現不同的人物，很好奇是怎麼寫出來的><雖然下面的排版稍嫌擁擠，但上半部分我很喜歡。第二個網站喜歡他的圖滑鼠碰到會動起來!!!!很可愛的感覺，和為每個月份做了不同的內容覺得很用心很有手繪午茶的質感
第三個網站是某個設計團隊的網站，整個很簡潔扼要和有設計感，文字和配圖排版方面也都很好看，是我喜歡的風格ww

5.期待這門課的學習成果與收穫為何?
達到能把每次上課教的語法活用和牢記，想做出跟其他套公式的網站不一樣的介紹放作品歸檔的網站><><有那個能力也想去參加網頁的設計比賽。]]> j29927381 105-2《中國》竹視傳二C-進階網頁設計 Thu, 09 Mar 2017 11:17:23 +0800