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

Advanced

Change History

Message: Re: [作業01 ] DIV與CSS複習--以色塊為主的基本單欄網頁版型

Changed By: rosezheng
Change Date: March 11, 2015 11:13AM

Re: [作業01 ] DIV與CSS複習--以色塊為主的基本單欄網頁版型
<b>1.網址</b>:http://mepopedia.com/~web103-2b/hw01/hw01-1025445005

<b>2.設計概念與製作心得:</b>
(1)以現代網頁設計趨勢走向參考,滾動式長頁面版型,用單純、較少的配色或頁面開頭使用大文字編排,就能順利的讓畫面乾淨
卻又不失獨自的風格。
(2)偷偷先用了其他CSS設計,雖然花了點時間,但還是作出來了有點開心。

<b>3.何謂HTML、DIV及CSS</b>
HTML / 網頁建立和其它可在網頁瀏覽器中看到的資訊,是設計的一種標示語言
DIV / D可以解釋為區塊,用 DIV 標籤包起來的東西,瀏覽器會視為一個物件,可以用 DIV 將網頁內容的各區塊包起來,再去做 CSS 排板,
目前所有的主流瀏覽器都支援 DIV 標籤。

HTML / 網頁建立和其它可在網頁瀏覽器中看到的資訊,是設計的一種標示語言。
DIV / 區塊,用 DIV 標籤包起來的東西,瀏覽器會視為一個物件,可用 DIV 將網頁內容的各區塊包起來,再去做 CSS 排板,目前所有的主流瀏覽器都支援 DIV 標籤。
CSS / 為網站添加樣式:字型、間距和顏色等
<b>4.附上至少一個覺得設計很有質感的網站,並說明原因</b>
http://wearetheswan.com/
當下拉時第一個感覺讓我感到很驚艷,會吸引人,這個網站很成功,在第一時間說服觀者,有想要進一步了解他們在做甚麼的動機。

<b>5.期待這門課的學習成果與收穫為何?</b>
想解決在每台電腦上顯示時,字形、版型會跑掉的問題,沒辦法展現自己原始的設計,有點失望。
還有在使用連結字的顏色設計時,想要把兩個連結使用中字的顏色分開,但是多數嘗試都還是連貫在一起的狀況。

Original Message

作者: rosezheng
Date: March 11, 2015 11:09AM

Re: [作業01 ] DIV與CSS複習--以色塊為主的基本單欄網頁版型
1.網址:http://mepopedia.com/~web103-2b/hw01/hw01-1025445005

2.設計概念與製作心得:
(1)以現代網頁設計趨勢走向參考,滾動式長頁面版型,用單純、較少的配色或頁面開頭使用大文字編排,就能順利的讓畫面乾淨
卻又不失獨自的風格。
(2)偷偷先用了其他CSS設計,雖然花了點時間,但還是作出來了有點開心。

3.何謂HTML、DIV及CSS
HTML / 網頁建立和其它可在網頁瀏覽器中看到的資訊,是設計的一種標示語言
DIV / D可以解釋為區塊,用 DIV 標籤包起來的東西,瀏覽器會視為一個物件,可以用 DIV 將網頁內容的各區塊包起來,再去做 CSS 排板,
目前所有的主流瀏覽器都支援 DIV 標籤。

HTML / 網頁建立和其它可在網頁瀏覽器中看到的資訊,是設計的一種標示語言。
DIV / 區塊,用 DIV 標籤包起來的東西,瀏覽器會視為一個物件,可用 DIV 將網頁內容的各區塊包起來,再去做 CSS 排板,目前所有的主流瀏覽器都支援 DIV 標籤。
CSS / 為網站添加樣式:字型、間距和顏色等
4.附上至少一個覺得設計很有質感的網站,並說明原因
http://wearetheswan.com/
當下拉時第一個感覺讓我感到很驚艷,會吸引人,這個網站很成功,在第一時間說服觀者,有想要進一步了解他們在做甚麼的動機。

5.期待這門課的學習成果與收穫為何?
想解決在每台電腦上顯示時,字形、版型會跑掉的問題,沒辦法展現自己原始的設計,有點失望。
還有在使用連結字的顏色設計時,想要把兩個連結使用中字的顏色分開,但是多數嘗試都還是連貫在一起的狀況。