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

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

1.1HTML的基本概念

1.2CSS的基本概念

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

1.1HTML的基本概念

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

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

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

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