網頁設計筆記

網頁設計進階筆記

簡介

衍伸更進一步進階級動態網頁的設計,透過CSS3的認識,編修進階語法,側重於對網頁編輯語言 html及 css的基礎學習,製作出符合現今流行的RWD網站,充實學生之基本網頁應用技術的能力,可製作出專題性網站。

HTML筆記

CSS筆記

CSS的中文稱為「串接樣式表」,CSS的特色:

(1)它能讓我們更精確的控制網頁版面的文字、背景、字型等網頁外觀及美化。
(2)它能只修正一個 CSS 文件,便可同時更新眾多的網頁版面外觀及格式。
(3)它可以使 html 的文件內碼更精簡,縮小檔案下載的速度。
(4)適用於各種作業平台。

常見CSS選取器(Selector)種類簡介

Class selectors
(Class選擇器,Dreamweaver稱為類別選擇器)
「.」開頭,名稱可自訂,一頁網頁可有多個class屬性值,且同一class屬性值可同時套用多處。
ID selectors(ID選擇器) 「#」開頭,名稱可自訂,一頁網頁同一個ID屬性值只能套用一個地方,屬於獨一無二的屬性值。
Type selectors(型態選擇器,Dreamweaver稱為標籤選擇器,因為套用於HTML標籤 設定於HTML的標籤上,網頁上所有的標籤都會套用。

RWD介紹

響應式網頁設計(Responsive Web Design)簡稱RWD,這是一項開始於2011年由Ethan Marcotte 發明的術語 Responsive Web Design (RWD)。2012年後被公認為是日後網頁設計開發技術的趨勢,網站使用CSS3,以百分比的方式以及彈性的畫面設計,在不同解析度下改變網頁頁面的佈局排版,讓不同的設備都可以正常瀏覽同一網站