了解網頁 What's HTML

HTML教學 By 艾倫的網路設計奎花寶典

教學之前 :
艾倫目前正閉關在W3SCHOOLS鍛鍊經驗值，配合自己之前買的HTML書籍，與網路上的相關教學檔案，希望能夠增強自身的功力。阿亮說凡走過必留下痕跡，艾倫希望釋出讓大家能夠淺而易懂的文件，提供作為學習的參考，所以未來艾倫會將一系列的學習檔案，依序慢慢的釋放給各位看官，大家有空多來捧場，相互切磋。以下第一篇導讀文，請大家指教~


一.關於網頁HTML

1. HTML全名就是Hyper Text Markup Language，中文翻譯為超文本標記語言。
2. 每一個網頁都是由HTML規範的標籤語言所建立的，目的是為了讓瀏覽器能看懂網頁的編排模式。
3. 瀏覽器是閱讀網頁的工具程式，目前的兩大主流為IE與Firefox。
4. 網頁內容通常由標籤包圍，藉以變換各種不同的排版與格式。
5. HTML是製作學習網頁語言的重要基礎，如果想更深入的操控CSS，必須對HTML標籤有基本的概念。
6. HTML又被稱為靜態網頁，因為必須手動編輯每一個頁面；其相對應的稱為動態網頁。
7. 所謂的動態網頁，並不是只會動的圖片或者Flash等影像語音，而是連結資料庫藉由少量的頁面達到呈現更多的資料頁面的網頁服務程式。

二、動態網頁

1. Dynamic service page，動態服務網頁是指藉與伺服器的資料庫服務連結，可節省網頁設計與維護成本。
2. 目前的動態網頁程式主流為ASP.NET、PHP、JSP。
3. 配合的資料庫為MSSQL、MYSQL、ORACLE。
4. 動態網頁最普遍的應用為會員系統、討論區、產品管理系統、電子商務、新聞系統等需要呈現大量資料的網路程式。

三、建議學習設計網頁的各個階段

• 學習HTML語言標籤
  • 認識會基礎的HTML標籤語言
  • 可以只憑程式碼，寫出想要的網頁內容
    

• 學習CSS語法
  • 學習使用CSS編排Div版型
  • 學習使用CSS美化表格及圖片
  • 學習使用CSS作內文排版
    

• 學習Dreamweaver 視覺化設計
  • 熟悉使用所有的工具項目
  • 熟練套用javascript程式與行為指令模式
  • 練習使用DW建立CSS程式碼與外部CSS檔案
  • 使用DW結合PHP或者ASP.NET程式語言
  • 熟悉使用DW結合資料庫做出動態網頁
    

• 學習增添網頁的美感
  • 熟悉向量繪圖軟體Illustrator
  • 熟悉修圖軟體Photoshop
  • 熟悉動畫製作軟體Flash
    

• 學習程式語言(PHP或ASP)
  • 學習基本描述語法
  • 了解運算子與函式陣列
  • 學習網頁應用的程式寫法
    

• 學習資料庫
  • 學習資料庫基本架構
  • 學習如何訂立符合需求的資料庫欄位
  • 正規化資料庫的方法
  • 如何連結網路資料庫
  • 其他的應用