HTML教學(二)

基本結構知道了之後，希望今天可以寫到HTML5，目前HTML的發展 已經到了HTML5，不過為什麼有這麼多版本，這些版本又是誰制定的 ，不想討論歷史，大概跟說一下，有一個非官方的機構統一制定，這 個機構就是W3C，他制訂好HTML、CSS、Javascript的規則，讓各 家瀏覽器，可以統一遵守。

參考1.w3c
參考2.WIKI w3c

好景不常，每一家瀏覽器這這個規則裡面東改西改，搞到每個瀏覽 器看到的畫面都不一樣，不過先知道目前最普及的版本是XHTML 1.0和HTML4的混用、CSS2.0。

我們還是回到HTML，上次講到基本結構。

至於 要放什麼元素， 放哪些元素。

參考資料:W3Cschool

其中我們可以試著把這些Tag分類:

1.表格類別

2.文章類別(靜態網站常使用到)

3.LIST類別

4.圖片及多媒體

補充:配合使用SWFObject，這是一個利用javaScript寫出來控制swf物件的框架 SWFObject 使用方法:略

5.格式化文章類別只是不建議使用 (快速排版用，之後我們會談到用CSS排版，所以不要用這種方式)

6.表單類別(常常看到會員登錄、選單都是這個類別)*這類別很重要

7.區塊工具

8.其他

可以試著把文章套進來開始工作了....

HTML教學(一)

寄件者 列夫-網頁設計實驗室經驗

(一)前言

你一定是很奇怪，不是敎網頁設計，幹麻學這個有的沒有的東西。

其實網頁設計分成兩部份:

第一部份設計

第二部份程式

有些時候工作會刻意切開這兩部份，結果後來的情形往往不好 設 計的人不瞭解程式，很糟糕，如果台灣產業分工可以分的很細那 這個問題確實可以解決。 重點是台灣不是，既然要開始學網頁設計，就不得不從HTML開 始了解。

一、網頁的開始就是HTML

這是HTML在危機百科上的解釋

http://zh.wikipedia.org/zh-tw/HTML

先解釋一下什麼是網頁。

網頁其實也只是文字、圖片，後來有些人會放影片音樂動畫(我們 可以把這些東西統一稱為"素材")。

把這些東西結合在一起需要統一的格式，HTML就是這個格式，要 有一個可以解讀他的軟體，這軟體就是瀏覽器(IE、FireFox、Chro me、Safari...等)。

我們要用一種瀏覽器可以解讀的語言告數瀏覽器哪邊放文字哪邊放 圖片。最基本的語言就是HTML。

其他還有CSS、Javascript這三種語言是瀏覽器原來就可以讀懂的 語言，這三種語言也可以稱為前端程式，就是瀏覽器可以自己解讀 的程式語言。

另外你可能會聽說過FLASH、JAVA、Sliverlight。這些都需要安裝 另外的環境，才能在連覽器上被看到FLASH要安裝Flash Player、 Java要裝java runtime、當然Sliverlight也要安裝。

二、HTML格式

HTML格式其實很簡單，他是由一組成對的標籤組成的，每一組標 籤有他的意義(所以HTML又稱為標籤語言，XML同樣式標籤語言)。

一個網頁會有四個大部分:

1.宣告 :

2.html標籤:

3.檔頭(檔案開始的意思)

4.內文(真的會讓大家在瀏覽器看到的地方)

整個結構會是這樣的

我們來看一下日本設計大師原哲哉的網站:

寄件者 列夫-網頁設計實驗室經驗

原哲哉「NipponDesignCenter」

請使用chrome瀏覽器開啟，按下快捷鍵:Ctrl+shif J (這是chrome瀏覽器給網頁開發者著的工具) 你可以看到上面的基本結構

寄件者 列夫-網頁設計實驗室經驗