HTML、CSS網頁設計概述第一章HTML與CSS前臺頁面設計第一章HTML、CSS網頁設計概述HTML與CSS前臺頁面設計本章要點HTML的基本概念CSS的基本概念網頁與網站及HTML、CSS網頁的開發環境第一章HTML、CSS網頁設計概述HTML與CSS前臺頁面設計目錄：

1.1HTML的基本概念

1.2CSS的基本概念

1.3網頁與網站

1.1HTML的基本概念

HTML是HypertextMarkupLanguage的縮寫，即超文本標記語言，它是用于創建可跨平臺的超文本文檔的一種簡單標記語言，現在通常用來創建Web頁面及網頁。HTML之所以叫做超文本標記語言是因為它不僅描述文本，而且對網頁中的圖像、聲音等各種元素都可以描述，同時因為它是通過標記（tag）來指明網頁中的文檔、圖像、聲音等各種元素如何顯示的，所以又被稱為標記語言。使用HTML語言編寫的腳本一般被稱為網頁或者HTML文檔。HTML文檔的擴展名通常為.html或.htm。1.2CSS的基本概念

CSS（CascadingStyleSheet），中文譯為層疊樣式表，是用于控制網頁樣式并允許將樣式信息與網頁內容分離的一種標記性語言。

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

網頁與網站的區別簡單的來說：網站是由網頁集合而成的。大家通過瀏覽器所看到的Web頁面就是網頁，網頁說具體了就是一個HTML文件，而瀏覽器是是用來解讀這份文件的。網站(WebSite)是發布在網絡服務器上由一系列網頁文件構成的，為訪問者提供信息和服務的網頁文件集合。網頁是網站的基本組成要素，一個大型網站可能含有數以百萬計的網頁，而一個小的企業網站或個人網站可能只有幾個網頁。。1.3.4HTML、CSS網頁的開發環境1.手工直接編寫由于HTML頁面文件是標準的ASCII文本文件，所以我們可以使用任何的文本編輯器來打開并編寫HTML文件，如Windows系統中自帶的記事本。2.使用可視化軟件Frontpage和Dreamweaver是最常用的可視化HTML頁面可視化制作工具。HTML頁面可視化制作工具的優點就是直觀，使用方便，容易上手，在這種編輯器中我們可以直接編輯網頁，編輯器則自動為我們生成相應的HTML代碼。如果需要結合Web應用程序開發的話，VisualStudio.NET與MyEclipse則是最好的HTML頁面可視化制作工具。VisualStudio.NET與MyEclipse都是專業的Web應用程序開發工具，同時他們也都提供了功能完善的HTML頁面可視化制作工具。如果需要開發一個Web應用程序而不是