【正文】 。 本 章 小 結(jié) ? 本章主要介紹了網(wǎng)頁(yè)制作的基本知識(shí)：第一節(jié)介紹網(wǎng)頁(yè)的基本概念和要素，在此基礎(chǔ)上簡(jiǎn)述網(wǎng)頁(yè)制作的基本工具；第二節(jié)介紹了關(guān)于 HTML的基本知識(shí)，并以實(shí)例的形式演示了多種常用標(biāo)簽的使用方法。 通常網(wǎng)頁(yè)的交互功能都是利用表單來(lái)實(shí)現(xiàn)的 。 交互功能 Inter區(qū)別其他媒體的一個(gè)重要標(biāo)志就是它的交互功能 。 鏈接的標(biāo)志有文字和圖形兩種 。 鏈接標(biāo)志 鏈接是網(wǎng)頁(yè)中一種非常重要的功能 ， 是網(wǎng)頁(yè)中最重要 、 最根本的元素之一 。 背景圖可以使網(wǎng)頁(yè)更加華麗 ， 使人感到界面友好 。 圖形在網(wǎng)頁(yè)中通常有如下應(yīng)用： 1． 菜單按鈕 網(wǎng)頁(yè)上的菜單按鈕有一些是由圖形制作 ， 通常有橫排和豎排兩種形式 ， 由此可以轉(zhuǎn)入不同的頁(yè)面 。 一幅優(yōu)秀的網(wǎng)頁(yè)除了有能吸引瀏覽者的文字形式和內(nèi)容外 ， 圖形的表現(xiàn)功能是不能低估的 。 許多大型的網(wǎng)站都是使用表格來(lái)進(jìn)行頁(yè)面布局的 , 使頁(yè)面看起來(lái)更加直觀和有條理 。 表格具有容量大 、 結(jié)構(gòu)嚴(yán)謹(jǐn)和效果直觀等多個(gè)優(yōu)點(diǎn) ， 是網(wǎng)頁(yè)中不可缺少的記錄或總結(jié)工具 。 3． 字型 表格 當(dāng)文本內(nèi)容較多時(shí) ， 可以利用表格形式來(lái)實(shí)現(xiàn) 。 這樣瀏覽者就無(wú)法得到你預(yù)想的瀏覽效果 ， 甚至適得相反 。 應(yīng)該注意在網(wǎng)頁(yè)制作上卻要慎重 。 一個(gè)優(yōu)秀網(wǎng)頁(yè)中的文字 ， 應(yīng)統(tǒng)籌規(guī)劃 ， 大小搭配適當(dāng) ， 給人以生動(dòng)活潑之感覺(jué) 。 網(wǎng)頁(yè)中的文字不能太大或太小 。 1． 標(biāo)題 一個(gè)網(wǎng)頁(yè)通常都有一個(gè)標(biāo)題 ， 表明本網(wǎng)頁(yè)的主要內(nèi)容 。 但是沒(méi)有編排點(diǎn)綴的純文字網(wǎng)頁(yè) ， 又會(huì)給人帶來(lái)死板不活潑的感覺(jué) ， 使得人們不愿意再往下瀏覽 。 網(wǎng)頁(yè)的基本要素 文字 表格 基本要素 圖形 鏈接標(biāo)志 交互功能 文字是網(wǎng)頁(yè)發(fā)布信息所用的主要形式 ， 由文字制作出的網(wǎng)頁(yè)占用空間小 ， 當(dāng)用戶瀏覽時(shí) ， 可以很快的展現(xiàn)在用戶面前 。 html head title 你好，萬(wàn)維網(wǎng)！ /title meta equiv=ContentTypecontent=text/html。然后打開(kāi)則可以在瀏覽器看到網(wǎng)頁(yè)制作的效果。 BODY標(biāo)記示例，它表示文檔的主體內(nèi)容的開(kāi)始和結(jié)束，此頁(yè)面所顯示的內(nèi)容都是在 body標(biāo)記中設(shè)置。 注意： title/title標(biāo)志對(duì)只能放在head/head標(biāo)志對(duì)之間。 使用過(guò)瀏覽器的人可能都會(huì)注意到瀏覽器窗口最上邊的藍(lán)色部分顯示的文本信息，那些信息一般是網(wǎng)頁(yè)的 “ 主題 ” 。body標(biāo)志中還可以有如表 11所示的屬性。它們所定義的文本、圖像等將會(huì)在瀏覽器的框內(nèi)顯示出來(lái)。兩個(gè)標(biāo)志必須成對(duì)使用。 head和 /head構(gòu)成 HTML文檔的開(kāi)頭部分，在此標(biāo)志之間可以使用 title/title、等標(biāo)志對(duì)。而 /HTML標(biāo)志恰恰相反，它放在 HTML文檔的最后邊，又來(lái)標(biāo)識(shí) HTML文檔的結(jié)束，兩個(gè)標(biāo)志必須成對(duì)使用。 HTML HEAD TITLE 文本標(biāo)題 /TITLE /HEAD BODY 文本內(nèi)容 /BODY /HTML HTML文檔開(kāi)始 HTML文檔頭部 HTML文檔正文 HTML文檔結(jié)束 (1) HTML語(yǔ)言結(jié)構(gòu)的基本標(biāo)志 ⒈ ) 文檔標(biāo)志 HTML/HTML。每個(gè)文檔都包含頭 head和正文 body text 兩部分。 在 HTML中 ，所有的屬性都放置在開(kāi)始標(biāo)記符的尖括號(hào)里 ， 屬性與標(biāo)記符之間用空格分隔 ， 屬性的值放在相應(yīng)屬性之后 ， 用等號(hào)分隔 ， 而不同的屬性之間用空格分隔 。如果用其他編碼書(shū)寫(xiě)（如中文字符編碼）， Web瀏覽器將不能識(shí)別，只是將其作為頁(yè)面的內(nèi)容顯示在頁(yè)面上，或忽略掉。但通常約定標(biāo)記符使用大寫(xiě)字母，這有利于 HTML文檔的維護(hù)。 如： HTML…/HTML. 又如： title中南省委宣傳部主頁(yè) /title 注意： ⑴ HTML標(biāo)記符不區(qū)分大、小寫(xiě)。開(kāi)始標(biāo)記符和相應(yīng)的結(jié)束標(biāo)記符定義了標(biāo)記符所影響的范圍。 HTML表示 HTML標(biāo)記符。 2． 標(biāo)記符 標(biāo)記符又稱標(biāo)簽， HTML是影響網(wǎng)頁(yè)內(nèi)容顯示格式的標(biāo)記符集合，瀏覽器根據(jù)標(biāo)記符決定網(wǎng)頁(yè)的實(shí)際顯示效果。可以用你所熟悉的文字編輯器來(lái)編輯它，如 Edit、 Word、寫(xiě)字板、記事本等，但一定要以純文本方式保存，瀏覽器只能識(shí)別純文本格式的文件。 標(biāo)識(shí)符本身以 “ ”和 “ ”標(biāo)識(shí) ， 標(biāo)識(shí)符內(nèi)的 內(nèi)容稱為元素 （ element） ， 元素代表了標(biāo) 識(shí)符的意義 ， 元素是與大小寫(xiě)無(wú)關(guān)的 。 網(wǎng)頁(yè)制作工具 HTML編輯器 網(wǎng)頁(yè)編輯工具 Dreamweaver 所見(jiàn)即所得的編輯器 FrontPage HTML 1. HTML概述 HTML（ HyperText Markup Language） 超文本標(biāo)記語(yǔ)言 ， 幾乎所有的網(wǎng)頁(yè)都是以 HTML格式書(shū)寫(xiě)的 。 靜態(tài)網(wǎng)頁(yè)制作軟件 Dreamweaver是 Macromedia公司推出的網(wǎng)頁(yè)制作工具，用于對(duì)Web站點(diǎn)、 Web頁(yè)和 Web應(yīng)用程序進(jìn)行設(shè)計(jì)、編碼和開(kāi)發(fā)，整個(gè)生產(chǎn)過(guò)程可以自動(dòng)化，增強(qiáng)開(kāi)發(fā)小組的工作效率。 靜態(tài)網(wǎng)頁(yè)是網(wǎng)站建設(shè)的基礎(chǔ)，靜態(tài)網(wǎng)頁(yè)和動(dòng)態(tài)網(wǎng)頁(yè)之間也并不矛盾，為了網(wǎng)站適應(yīng)搜索引擎檢索的需要，即使采用動(dòng)態(tài)網(wǎng)站技術(shù)，也可以將網(wǎng)頁(yè)內(nèi)容轉(zhuǎn)化為靜態(tài)網(wǎng)頁(yè)發(fā)布。網(wǎng)站上主要是一些框架基礎(chǔ)，網(wǎng)頁(yè)的內(nèi)容大都存儲(chǔ)在數(shù)據(jù)庫(kù)中。 靜態(tài)網(wǎng)頁(yè) :是指不應(yīng)用程序而直接或間接制作成 html的網(wǎng)頁(yè)，這種網(wǎng)頁(yè)的內(nèi)容是固定的，修改和更新都必須要通過(guò)專用的網(wǎng)頁(yè)制作工具，比如 Dreamweaver。而動(dòng)態(tài)網(wǎng)站大部分是帶數(shù)據(jù)庫(kù)的，自己可以隨時(shí)在線修改，網(wǎng)頁(yè)常以 php、 asp等結(jié)尾。 3．動(dòng)態(tài)網(wǎng)站可以實(shí)現(xiàn)程序的高效快速性能，而普通靜態(tài)網(wǎng)站沒(méi)有高效快速可言。而靜態(tài)的網(wǎng)站只能夠用 HTML開(kāi)發(fā)標(biāo)記語(yǔ)言開(kāi)發(fā)，它只是一種標(biāo)記語(yǔ)言，不能實(shí)現(xiàn)程序的功能。 3．動(dòng)態(tài)網(wǎng)站可以實(shí)現(xiàn)遠(yuǎn)程數(shù)據(jù)的調(diào)用，而靜態(tài)網(wǎng)站連本地?cái)?shù)據(jù)都不可以用，更談不上遠(yuǎn)程數(shù)據(jù)了。 2．動(dòng)態(tài)網(wǎng)站是放到服務(wù)器上的，要看到其源程序或者對(duì)其進(jìn)行直接的修改都須在服務(wù)器上進(jìn)行，因此保密性能比較優(yōu)越。動(dòng)態(tài)網(wǎng)站，如：ＡＳＰ開(kāi)發(fā)出來(lái)的網(wǎng)站，雖然瀏覽者也可以看到其源代碼，但是那已經(jīng)是轉(zhuǎn)換過(guò)以后的代碼，想盜用源代碼那是不可能的，因?yàn)樗脑创a已經(jīng)放在服務(wù)器上了，客戶端是看不到的。 動(dòng)態(tài)網(wǎng)站與靜態(tài)網(wǎng)站的區(qū)別 ? 一、從功能方面來(lái)說(shuō)動(dòng)態(tài)網(wǎng)站與靜態(tài)網(wǎng)站的區(qū)別 1．動(dòng)態(tài)網(wǎng)站可以實(shí)現(xiàn)