HTML與S前臺(tái)頁(yè)面設(shè)計(jì)課件第01章 HTML、S網(wǎng)頁(yè)設(shè)計(jì)概述

HTML、CSS網(wǎng)頁(yè)設(shè)計(jì)概述第一章HTML與CSS前臺(tái)頁(yè)面設(shè)計(jì)第一章HTML、CSS網(wǎng)頁(yè)設(shè)計(jì)概述HTML與CSS前臺(tái)頁(yè)面設(shè)計(jì)本章要點(diǎn)HTML的基本概念CSS的基本概念網(wǎng)頁(yè)與網(wǎng)站及HTML、CSS網(wǎng)頁(yè)的開發(fā)環(huán)境第一章HTML、CSS網(wǎng)頁(yè)設(shè)計(jì)概述HTML與CSS前臺(tái)頁(yè)面設(shè)計(jì)目錄：

1.1HTML的基本概念

1.2CSS的基本概念

1.3網(wǎng)頁(yè)與網(wǎng)站

1.1HTML的基本概念

HTML是HypertextMarkupLanguage的縮寫，即超文本標(biāo)記語(yǔ)言，它是用于創(chuàng)建可跨平臺(tái)的超文本文檔的一種簡(jiǎn)單標(biāo)記語(yǔ)言，現(xiàn)在通常用來(lái)創(chuàng)建Web頁(yè)面及網(wǎng)頁(yè)。HTML之所以叫做超文本標(biāo)記語(yǔ)言是因?yàn)樗粌H描述文本，而且對(duì)網(wǎng)頁(yè)中的圖像、聲音等各種元素都可以描述，同時(shí)因?yàn)樗峭ㄟ^(guò)標(biāo)記（tag）來(lái)指明網(wǎng)頁(yè)中的文檔、圖像、聲音等各種元素如何顯示的，所以又被稱為標(biāo)記語(yǔ)言。使用HTML語(yǔ)言編寫的腳本一般被稱為網(wǎng)頁(yè)或者HTML文檔。HTML文檔的擴(kuò)展名通常為.html或.htm。1.2CSS的基本概念

CSS（CascadingStyleSheet），中文譯為層疊樣式表，是用于控制網(wǎng)頁(yè)樣式并允許將樣式信息與網(wǎng)頁(yè)內(nèi)容分離的一種標(biāo)記性語(yǔ)言。

CSS最重要的作用是將HTML頁(yè)面的內(nèi)容與它的顯示分隔開來(lái)。在CSS出現(xiàn)前，幾乎所有的HTML文件內(nèi)都包含文件顯示的信息，比如字體的顏色、背景應(yīng)該是怎樣的、如何排列、邊緣、連線等等，都必須一一在HTML文件內(nèi)列出，有時(shí)甚至重復(fù)列出。CSS使HTML頁(yè)面開發(fā)者可以將這些信息中的大部分隔離出來(lái)，簡(jiǎn)化HTML文件，這些信息被放在一個(gè)輔助的，用CSS語(yǔ)言寫的文件中。HTML文件中只包含結(jié)構(gòu)和內(nèi)容的信息，CSS文件中只包含樣式的信息。1.3網(wǎng)頁(yè)與網(wǎng)站

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