HTML與CSS教學-第一章 HTML、CSS網頁設計概述

第一章 HTML、CSS網頁設計概述

目錄：
1.1 HTML的基本概念
1.2 CSS的基本概念
1.3 網頁與網站

1.1  HTML的基本概念
        HTML是Hypertext Markup Language的縮寫，即超文字標記語言 (HTML)，它是用於建立可跨平台的超文字文件的一種簡單標記語言，現在通常用來建立Web頁面及網頁。HTML之所以叫做超文字標記語言 (HTML)是因為它不僅描述文本，而且對網頁中的映像、聲音等各種元素都可以描述，同時因為它是通過標記（tag）來指明網頁中的文檔、映像、聲音等各種元素如何顯示的，所以又被稱為標記語言。

      使用HTML語言編寫的指令碼一般被稱為網頁或者HTML文檔。HTML文檔的副檔名通常為.html或.htm。

1.2  CSS的基本概念

       CSS（Cascading Style Sheet），中文譯為層疊樣式表，是用於控制網頁樣式並允許將樣式資訊與網頁內容分離的一種標記性語言。

       CSS最重要的作用是將HTML頁面的內容與它的顯示分隔開來。在CSS出現前，幾乎所有的HTML檔案內都包含檔案顯示的資訊，比如字型的顏色、背景應該是怎樣的、如何排列、邊緣、連線等等，都必須一一在HTML檔案內列出，有時甚至重複列出。CSS使HTML頁面開發人員可以將這些資訊中的大部分隔離出來，簡化HTML檔案，這些資訊被放在一個輔助的，用CSS語言寫的檔案中。HTML檔案中只包含結構和內容的資訊，CSS檔案中只包含樣式的資訊。

1.3  網頁與網站
       網頁與網站的區別簡單的來說：網站是由網頁集合而成的。大家通過瀏覽器所看到的Web頁面就是網頁，網頁說具體了就是一個HTML檔案，而瀏覽器是是用來解讀這份檔案的。

       網站(Web Site)是發布在網路伺服器上由一系列網頁檔案構成的，為訪問者提供資訊和服務的網頁檔案集合。網頁是網站的基本組成要素，一個大型網站可能含有數以百萬計的網頁，而一個小的企業網站或個人網站可能只有幾個網頁。 

1.4 HTML、CSS網頁的開發環境
1.  手工直接編寫
      由於HTML分頁檔是標準的ASCII文字檔，所以我們可以使用任何的文字編輯器來開啟並編寫HTML檔案，如Windows系統中內建的記事本。

2.  使用可視化軟體
      Frontpage和Dreamweaver是最常用的可視化HTML頁面可視化製作工具。HTML頁面可視化製作工具的優點就是直觀，使用方便，容易上手，在這種編輯器中我們可以直接編輯網頁，編輯器則自動為我們產生相應的HTML代碼。
      如果需要結合Web應用程式開發的話，Visual Studio.NET與MyEclipse則是最好的HTML頁面可視化製作工具。Visual Studio.NET與MyEclipse都是專業的Web應用程式開發工具，同時他們也都提供了功能完善的HTML頁面可視化製作工具。如果需要開發一個Web應用程式而不是僅僅設計一個美觀的HTML頁面的話，Visual Studio.NET與MyEclipse則是最佳的選擇。
1.  手工直接編寫
      由於HTML分頁檔是標準的ASCII文字檔，所以我們可以使用任何的文字編輯器來開啟並編寫HTML檔案，如Windows系統中內建的記事本。

2.  使用可視化軟體
      Frontpage和Dreamweaver是最常用的可視化HTML頁面可視化製作工具。HTML頁面可視化製作工具的優點就是直觀，使用方便，容易上手，在這種編輯器中我們可以直接編輯網頁，編輯器則自動為我們產生相應的HTML代碼。
      如果需要結合Web應用程式開發的話，Visual Studio.NET與MyEclipse則是最好的HTML頁面可視化製作工具。Visual Studio.NET與MyEclipse都是專業的Web應用程式開發工具，同時他們也都提供了功能完善的HTML頁面可視化製作工具。如果需要開發一個Web應用程式而不是僅僅設計一個美觀的HTML頁面的話，Visual Studio.NET與MyEclipse則是最佳的選擇。