Udacity – Intro to HTML & CSS 修課筆記

修課網址:https://www.udacity.com/course/intro-to-html-and-css–ud304 持續在Udacity上修課也有了近兩年的時間,這是一門充滿美式幽默、很適合線上學習新手嘗試的一門課程。 課前準備 由於這門課的主題是HTML與CSS,所以當然要先在電腦中準備以下軟體以利上課中使用: 瀏覽器:建議安裝Chrome,在這個課程中的示範有蠻多都是利用Chrome中的開發人員工具進行的。 編輯器:可隨個人喜好選擇 Sublime Text:非常多人使用 Brackets:Adobe的,近年來很熱門,有Live Preview、自動補齊等功能 WebStorm:還沒玩過,也有很多支持者 開始上課摟! HTML、CSS、JS的分工 一開始學習通常先從名詞的認識開始,如果用一個房子來說明: HTML:房屋的結構 […]

Screenshot 2016-05-18 12.15.27

HTML網頁基礎

不論你是網路原住民還是網路移民,身處網際網路世界的我們,每天都和HTML語言在一起,只是你未必察覺到這件事。Web 1.0的時代,我們被動地接收着別人提供的資訊,而Web2.0時,我們開始學著發出自己的聲音,而Web x.0的現在,所有人都兼具多重角色,在這個虛擬世界中交流著,所以,讓我們花一點時間來瞭解,一切網頁的基礎:HTML。 在整份HTML語法基礎中,我們分成21個單元來進行,第一個單元是”簡介”。 [單元一] 簡介 HTML的全名是:HyperText Markup Language,超文字標記語言。相較於原始書籍閱讀而言,由HTML所建構的網路世界,能夠帶給你交織連結、四通八達的資訊,打破傳統一頁接續一頁的閱讀習慣。 而標記語言,一個透過標記的方式,改變原先純文字資料的呈現方式。如同在閱讀書籍時的行為,我們會用紅筆畫下重點,會用螢光筆標示重要名詞,也會在文章旁寫下注解。透過標記的方式,你也可以讓原先單調的純文字資訊,轉換成豐富、多元的網頁。 常見的語言有: 標記語言(Markup Language):HTML、XML 腳本語言(Scripting Language):JavaScript、VBScript、PHP […]

iStock_000003045800XSmall