php技術(shù)畢業(yè)論文

1、<p><b>　　畢業(yè)設(shè)計 </b></p><p>　　PHP技術(shù)在WEB開發(fā)中的應(yīng)用現(xiàn)狀分析及前景展望</p><p>　　PHP技術(shù)在WEB開發(fā)中的應(yīng)用現(xiàn)狀分析及前景展望 </p><p><b>　　摘 要</b></p><p>　　隨著Internet在中國的迅速發(fā)

2、展，人們?nèi)粘Ｉ钪性絹碓蕉嗟厥褂眠@項新的技術(shù)來為自己的工作和學習服務(wù)。由于Web頁面能把文本、圖像、聲音、動畫、視像等多種媒體信息集于一體，不但使信息的顯示更加生動，而且使信息的瀏覽更加方便，同時php技術(shù)在Web開發(fā)中的頁面能實現(xiàn)網(wǎng)上交易平臺、客戶信息反饋方便了企業(yè)與客戶之間信息交流，因此許多企業(yè)紛紛建設(shè)網(wǎng)站以增強企業(yè)的知名度。</p><p>　　目前 ，國內(nèi)外實現(xiàn)動態(tài)可交互的網(wǎng)站技術(shù)有很多 ，比較常用的有A

3、SP，JSP 和 PHP 等。ASP 可移植性較差 ，并且解釋執(zhí)行效率不高 ；JSP 雖然功能強大 ，但其技術(shù)特點決定了它在企業(yè)級應(yīng)用的優(yōu)勢 ；PHP 跟 HTML 具有良好的兼容性 ，用戶可以在源代碼中直接加入HTML 標簽，因此 ，本文采用 PHP 技術(shù)設(shè)計站點。本文結(jié)合 WEB2.0 的相關(guān)思想 ，用 PHP 進行動態(tài)網(wǎng)站開發(fā) ，采用 ZEND 平臺 ，基于 MYSQL數(shù)據(jù)庫系統(tǒng)結(jié)合網(wǎng)站商店開發(fā)的特點，構(gòu)建用戶信息注冊登錄、商品評

4、級、商品信息發(fā)布，商品圖片上傳、商品訂購、搜索圖書信息、頁面信息維護等功能。</p><p>　　主要流程描述了后臺的管理員發(fā)布商品信息與客戶在線訂購商品，并用PHP+MYSQL定設(shè)了用戶登錄以及客戶信息反饋，使客戶信息能第一時間反饋給企業(yè)，拉近企業(yè)與客戶之間的距離。本篇論文主要是以我設(shè)計網(wǎng)站的一些論述，主要論述了網(wǎng)站商店建設(shè)規(guī)劃的主體思想、利用PHP+MYSQL數(shù)據(jù)庫實現(xiàn)用戶登錄和信息反饋，以及在設(shè)計過程中所遇

5、到的要點、難點等。</p><p>　　關(guān)鍵字：網(wǎng)站規(guī)劃、PHP+MYSQL數(shù)據(jù)庫</p><p><b>　　目錄</b></p><p>　　摘要﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎1</p><p>　　第一章 緒論﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎ 2</p><p>

6、;　　1.1 系統(tǒng)開發(fā)的背景及意義﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎ 3</p><p>　　1.2 研究步驟﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎ 4</p><p>　　1.3 本文主要完成的工作﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎5</p><p>　　第二章 什么是php技術(shù)﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎6</p><p>　　1.1 p

7、hp概述﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎7</p><p>　　1.2 什么是php技術(shù)﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎8</p><p>　　1.3 php與動態(tài)網(wǎng)站的構(gòu)建﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎ 9</p><p>　　第三章 開發(fā)環(huán)境﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎10</p><p>　　2.1 開發(fā)環(huán)境﹎﹎

8、﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎11</p><p>　　2.2 系統(tǒng)開發(fā)工具﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎ 12</p><p>　　2.2.1 PHP﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎ 13</p><p>　　2.2.2 PHP的工作原理﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎14</p><p>　　2.2.3 Apache﹎

9、﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎15</p><p>　　2.2.4 MySQL﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎16</p><p>　　2.2.5 MySQL特點﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎17</p><p>　　2.2.6 框架的構(gòu)成﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎ 18</p><p>　　2.2.7 CSS布局

10、方法﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎19</p><p>　　第四章 網(wǎng)站系統(tǒng)的設(shè)計與步驟﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎20</p><p>　　3.1如何制作一個動態(tài)網(wǎng)站﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎ 21</p><p>　　3.3.1 構(gòu)建Mysql數(shù)據(jù)庫E_R圖﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎22</p><p>　　3.3.2 如何創(chuàng)

11、建Pdf文檔﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎23</p><p>　　3.3.3 如何建立Mysql數(shù)據(jù)表﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎ 24</p><p>　　3.3.4 建立PHP代碼﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎25第五章 什么是優(yōu)化數(shù)據(jù)庫﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎26</p><p>　　4.1 優(yōu)化數(shù)據(jù)庫的作用﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎

12、﹎﹎﹎﹎27</p><p>　　4.2 怎樣優(yōu)化數(shù)據(jù)庫﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎28參考文獻﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎ 29</p><p>　　致謝﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎ 30</p><p><b>　　前言</b></p><p>　　什么是CSS＋DIV

13、?　　CSS＋DIV是網(wǎng)站標準（或稱“WEB標準”）中常用的術(shù)語之一，通常為了說明與HTML網(wǎng)頁設(shè)計語言中的表格（table）定位方式的區(qū)別，因為XHTML網(wǎng)站設(shè)計標準中，不再使用表格定位技術(shù)，而是采用css+div的方式實現(xiàn)各種定位。</p><p><b>　　CSS的概念：</b></p><p>　　CSS是英語Cascading Style Sheets（

14、層疊樣式表單）的縮寫，它是一種用來表現(xiàn) HTML 或 XML 等文件式樣的計算機語言。 對于一個網(wǎng)頁設(shè)計者來說，HTML語言一定不會感到陌生，因為它是所有網(wǎng)頁制作的基礎(chǔ)。但是如果希望網(wǎng)頁能夠美觀、大方，并且升級方便，維護輕松，那么僅僅HTML是不夠的，CSS在這中間扮演著重要的角色。</p><p>　　CSS（Cascading Style Sheet），中文譯為層疊樣式表，是用于控制網(wǎng)頁樣式并允許將樣式信息與

15、網(wǎng)頁內(nèi)容分離的一種標記性語言。CSS是1996年由W3C審核通過，并且推薦使用的。簡單的說CSS的引入就是為了使得HTML能夠更好的適應(yīng)頁面的美工設(shè)計。它以HTML為基礎(chǔ)，提供了豐富的格式化功能，如字體、顏色、背景、整體排版等等，并且網(wǎng)頁設(shè)計者可以針對各種可視化瀏覽器設(shè)置不同的樣式風格，包括顯示器、打印機、打字機、投影儀、PDA等等。CSS的引入隨即引發(fā)了網(wǎng)頁設(shè)計的一個又一個新高潮，使用CSS設(shè)計的優(yōu)秀頁面層出不窮?！　IV元素是用

16、來為HTML文檔內(nèi)大塊（block-level）的內(nèi)容提供結(jié)構(gòu)和背景的元素。DIV的起始標簽和結(jié)束標簽之間的所有內(nèi)容都是用來構(gòu)成這個塊的，其中所包含元素的特性由DIV標簽的屬性來控制，或者是通過使用樣式表格式化這個塊來進行控制。</p><p>　　DIV+CSS技術(shù):</p><p>　　Div+CSS技術(shù)是區(qū)別于表格定位方式的另外一種標準的網(wǎng)頁定位方式。隨著Web2.0標準化設(shè)計理念的

17、普及和Div+CSS技術(shù)的靈活性，國內(nèi)很多大型門戶網(wǎng)站都開始采用該技術(shù)進行網(wǎng)頁制作。</p><p>　　事實上，現(xiàn)在仍存在大量的使用表格進行布局的頁面，表格作為傳統(tǒng)的HTML元素，因為表格框架的簡單、明了，使用沒有邊框的表格來排版，使用表格來表示數(shù)據(jù)、制作調(diào)查表等在網(wǎng)絡(luò)中屢見不鮮。從TABLE布局轉(zhuǎn)為DIV布局之間的過程是困難非常大，先說一下CSS+DIV有什么好處呢，個人認為，他的最大好處就是布局靈活，非常好

18、控制頁面，從而達到以后改版的工作效率，其次就是訪問速度稍微快點，從理論上說，TABLE和DIV都隸屬于HTML標簽范圍，但是布局的效果是讓人出乎意料，用CSS就可以控制全局標簽，這是我對CSS+DIV興趣之一，當然CSS+DIV的開發(fā)時間是比TABLE相對要長的很多，調(diào)試各種細節(jié)，遇到一點不兼容之類的，就要摸索一陣，有時候會讓人很頭疼，心急吃不了熱豆腐，我們都要一點點來寫它，而TABLE呢，我之前用TABLE布局時候，直接用DW插入表格

19、，然后對齊等等一系列操作，操作很方便，也不存在CSS兼容之類的問題，但是如果日后改版怎么辦呢，是不是又得重新開發(fā)？面對這樣的問題。我們就得嘗試擺脫TABLE布局，擺脫TABLE布局必須要從CSS+DIV的優(yōu)點說起，CSS+DIV不僅對搜索引擎好，打開</p><p>　　當然，我們并不是排斥使用表格，它也有DIV所不能取代的效果 方便快速的布局 只要不是經(jīng)常改動的小部分就可以用表格網(wǎng)站標準化的宗旨是表現(xiàn)形式與內(nèi)容

20、分離，但是有些內(nèi)容正常情況下必須使用表格來表現(xiàn)，比如報價單，名冊等等，表格應(yīng)該出現(xiàn)在需要他的地方，而避免用來布局。呵呵，總而言之，CSS+DIV是用來布局網(wǎng)頁，而TABKE是專門用來裝數(shù)據(jù)的，分工利用，會達到更好的布局效果，那么搜索引擎也會更好的收錄網(wǎng)站。</p><p>　　我們認為在選擇某個技術(shù)來制作網(wǎng)站前，需要考慮網(wǎng)站的規(guī)模，制作人員對那種DIV和TABLE那個更熟練一些。因為，如果您是企業(yè)站，頁面內(nèi)容不是

21、特別多，也就是頁面容量不大，這種情況下其實用DIV和TABLE都無所謂，因為你是感覺不出來其優(yōu)越性的。如果您是一個門戶站頁面內(nèi)容比較多，調(diào)用程序比較多的情況下建議使用DIV來布局，因為DIV是block元素 瀏覽器下載的時候呈塊壯逐層下載,在加上css的分離,讓瀏覽器在執(zhí)行前先解釋 css后加載布局,加快了下栽速度.還有就是針對優(yōu)化的問題,table如果超過了3層收索引擎就不再抓取,而div則不會.但，div+css寫代碼耗費時間長,不

22、熟悉者難控制,考慮很多,特別是css兼容問題.但做出來.美觀度,以及優(yōu)化度都好.如果，設(shè)計人員非常擅長TABLE，其實只要不在一個大TABLE里制作，分成多個TABLE效果也是很好的，并且兼容性比較好，制作速度快。DIV+CSS作為網(wǎng)站制作發(fā)展到現(xiàn)在的一種新型的技術(shù)形式，必然有它的先進性。</p><p>　　CSS＋DIV網(wǎng)站設(shè)計的優(yōu)勢和問題　　XHTM是目前國際上倡導(dǎo)的網(wǎng)站標準設(shè)計語言，因為XHTML網(wǎng)站設(shè)

23、計語言具有的基本特點，這種CSS＋DIV模式的網(wǎng)站設(shè)計具有一定的優(yōu)勢，不過目前在網(wǎng)站建設(shè)應(yīng)用中CSS＋DIV模式也存在一些問題。本文綜合網(wǎng)站技術(shù)和設(shè)計人員的體會，并從網(wǎng)絡(luò)營銷應(yīng)用的角度，將CSS＋DIV網(wǎng)站設(shè)計的優(yōu)勢和問題歸納如下：CSS＋DIV網(wǎng)站設(shè)計的優(yōu)勢　　首先，CSS的極大優(yōu)勢表現(xiàn)在簡潔的代碼，對于一個大型網(wǎng)站來說，可以節(jié)省大量帶寬，而且眾所周知，搜索引擎喜歡清潔的代碼（其真正意義在于，增加了有效關(guān)鍵詞占網(wǎng)頁總代碼的比重），

24、因此使用CSS＋DIV的web標準制作的網(wǎng)站具有搜索引擎友好的一定優(yōu)勢?！　∑浯?，CSS+DIV制作的網(wǎng)站使得網(wǎng)站改版相對簡單，很多問題只需要改變CSS而不需要改動程序，從而降低了網(wǎng)站改版的成本。　　CSS＋DIV網(wǎng)站設(shè)計的問題　　盡管CSS+DIV具有一定的優(yōu)勢，不過現(xiàn)階段CSS+DIV網(wǎng)站建設(shè)存在的問題也比較明顯，主要表現(xiàn)在：　　第一，對于CSS的高度依賴使得網(wǎng)頁設(shè)計變得比較復(fù)雜。相對于HTML4.0中的表格布局（tabl

25、e），CSS+D</p><p>　　使用CSS進行網(wǎng)頁布局的基本思想就是：結(jié)構(gòu)化標記，所寫即所想，所想即所寫。即便書寫 CSS 很簡單，使用 CSS 來排版卻真的需要一種和我們以往有些不同的思維方式。我們排版時考慮的不是“這個東西放在這兒，那個東西放在那兒”，而是頁面中信息的類別和信息的結(jié)構(gòu)。你的內(nèi)容將不放在表格和表格元素中，取代它們的是 div 元素。</p><p>　　CSS選擇器

26、的類型：</p><p><b>　　標記選擇器</b></p><p>　　一個HTML頁面有許多不同的標記組成，CSS標記選擇器用來聲明哪些標記采用哪種CSS樣式。所以，每一種HTML標記的名字都可以作為相應(yīng)的標記選擇器的名字。比如：p標記選擇器就是用來定義頁面中所有使用<p>標記的樣式。</p><p><b>　　

27、(2) 類別選擇器</b></p><p>　　根據(jù)CSS選擇器中的標記選擇器中的定義，使用標記選擇器進行的定義，那么這個網(wǎng)頁中所有該標記都是自定義的風格，這在無形中給我們帶來了麻煩，因為我們可能需要在某個細節(jié)中使用不同的定義，那么，類選擇器就是一個很好的選擇。類選擇器的名稱可以由我們來自定義，屬性和屬性值跟標記選擇器都是一樣，也必須符合CSS規(guī)范的規(guī)定。類似標記選擇器一樣，只是類選擇器命名必須是.c

28、lassname/*英文原點+類的名稱*/</p><p><b>　　(3) ID選擇器</b></p><p>　　其實，ID選擇器和類選擇器基本相同，不同的是ID選擇器之前那個在HTML頁面中使用一次，所以針對性更強。在HTML標記中只需要利用id屬性，就可以直接調(diào)用CSS中的ID選擇器。使用方法：#idname{屬性:屬性值}，ID選擇器都是以"#&

29、quot;開頭后接id的名稱，然后是合法屬性和屬性值。</p><p><b>　　CSS樣式：</b></p><p>　　內(nèi)聯(lián)樣式表：只需要在每個相關(guān)的HTML標簽后定義CSS屬性即可，style表示CSS樣式的規(guī)則，引號內(nèi)部是相應(yīng)的屬性設(shè)置。如果要將同樣的樣式風格設(shè)置到網(wǎng)頁中所有的表格中，就需要對每個table標簽都進行重復(fù)的設(shè)置，所以這種方式主要用于對某個具

30、體標簽進行具體調(diào)整。</p><p>　　嵌入樣式表：是在網(wǎng)頁文檔的頭部定義一個<style>和</style>標簽對，在其中間進行CSS樣式規(guī)則的定義。</p><p>　　外部樣式表：將嵌入樣式表中的<style>和</style>標簽之間的CSS樣式規(guī)則語句放置到一個單獨的外部文件中，這個外部文件被稱為外部樣式表文件，其擴展名為.css

31、。一個外部樣式表文件可以通過HTML的<link>標簽鏈接到HTML文檔中。這樣可以做到一次定義樣式表，以后可多次重復(fù)使用，還可以只修改一個樣式表文件即可改變多個文檔的樣式。如果要為整個網(wǎng)站定義通用的樣式風格，也即是同樣的樣式風格設(shè)置要被應(yīng)用到很多個網(wǎng)頁時，使用外部樣式表是最好的方法。</p><p>　　局部特定樣式表：對于一段定義好樣式的文本，如果只想改變其中的一小部分，而不希望改變其他邏輯和物

32、理格式標志，可以使用<span>…</span>標簽對來包圍要采用特殊樣式的局部文本，在不影響整體效果的嵌套下，把局部凸顯出來。</p><p><b>　　CSS樣式的優(yōu)先級</b></p><p>　　CSS樣式的優(yōu)先級：從上到下，從總體到局部。</p><p>　　如果下面重新定義了上面定義過的同類性質(zhì)的屬性，則以

33、下面的定義為準。</p><p>　　如果位于HTML文檔里面的標簽重新定義了外層標簽定義過的同一屬性，瀏覽器顯示里層標簽的內(nèi)容時，以里層標簽的定義為準。</p><p>　　如果里層標簽沒有對外層標簽定義過的某種屬性重新定義，瀏覽器顯示里層標簽的內(nèi)容時，繼承外層標簽的定義。</p><p>　　如果在一個網(wǎng)頁中，同時使用了內(nèi)聯(lián)樣式表、嵌入樣式表、外部樣式表，則內(nèi)聯(lián)

34、樣式表具有最高的優(yōu)先級，嵌入樣式表其次，外部樣式表最低。</p><p>　　DIV+CSS網(wǎng)頁規(guī)范</p><p><b>　　命名規(guī)范:</b></p><p>　　文件命名的原則：以最少的字母達到最容易理解的意義。一般文件及目錄命名規(guī)范：每一個目錄中應(yīng)該包含一個缺省的html 文件，文件名統(tǒng)一用index.htm,文件名稱統(tǒng)一用小寫的英

35、文字母、數(shù)字和下劃線的組合,盡量按單詞的英語翻譯為名稱。多個同類型文件使用英文字母加數(shù)字命名，字母和數(shù)字之間用_分隔。注意，數(shù)字位數(shù)與文件個數(shù)成正比，不夠的用0補齊。</p><p>　　圖片的命名規(guī)范 ：名稱分為頭尾兩兩部分，用下劃線隔開。 頭部分表示此圖片的大類性質(zhì)。標志性的圖片我們?nèi)∶麨椋簂ogo ；在頁面上位置不固定并且?guī)в墟溄拥男D片我們?nèi)∶麨閎utton ；在頁面上某一個位置連續(xù)出現(xiàn)，性質(zhì)相同的鏈接

36、欄目的圖片我們?nèi)∶簃enu ；裝飾用的照片我們?nèi)∶簆ic ；不帶鏈接表示標題的圖片我們?nèi)∶簍itle 依照此原則類推。 </p><p>　　尾部分用來表示圖片的具體含義，用英文字母表示。有onmouse效果的圖片，兩張分別在原有文件名后加"_on"和"_off"命名。</p><p>　　CSS書寫規(guī)范:所有的CSS的盡量采用外部調(diào)用<

37、/p><p>　　其它文件命名規(guī)范:js的命名原則以功能的英語單詞為名。所有的CGI文件后綴為cgi。所有CGI程序的配置文件為config.cgi</p><p><b>　　目錄結(jié)構(gòu)規(guī)范:</b></p><p>　　目錄建立的原則：以最少的層次提供最清晰簡便的訪問結(jié)構(gòu)。目錄的命名以小寫英文字母，下劃線組成。(參照命名規(guī)范)根目錄一般只存放

38、index.htm以及其他必須的系統(tǒng)文件每個主要欄目開設(shè)一個相應(yīng)的獨立目錄根目錄下的images用于存放各頁面都要使用的公用圖片，子目錄下的images目錄存放本欄目頁面使用的私有圖片所有JS,ASP,PHP等腳本存放在根目錄下的scripts目錄所有CGI程序存放在根目錄下的cgi-bin目錄所有CSS文件存放在根目錄下style目錄每個語言版本存放于獨立的目錄。所有flash, avi, ram, quicktime 等

39、多媒體文件存放在根目錄下的media目錄</p><p>　　做好DIV+CSS的網(wǎng)頁設(shè)計，個人決得有三點需要重點理解。</p><p>　　1、float屬性：DIV(層)默認是占據(jù)一整行，對于常見的兩列或多列布局的設(shè)計，需要能夠正確設(shè)置float及width屬性實現(xiàn)效果。多列布局結(jié)束后如果跟了一個占據(jù)通欄的層，此時需要設(shè)置clear屬性清除層浮動。</p><p&g

40、t;　　2、盒模式：層具有寬度width、高度height、邊框border、內(nèi)間距padding和外間距margin等屬性，而層實際占據(jù)的空間是上述屬性值相加的大小，合理運用這些屬性能實現(xiàn)緊湊而又美觀的網(wǎng)頁布局。</p><p>　　3、層嵌套：有經(jīng)驗的網(wǎng)頁設(shè)計師都知道層不宜嵌套過多，一般不超過3層，嵌套過多的會導(dǎo)致代碼復(fù)雜冗余、維護困難及運行慢的問題。另外，在多列布局時完全可以用層浮動實現(xiàn)，不需要整體設(shè)置一個

41、ie層來嵌入。</p><p>　　網(wǎng)頁布局： 網(wǎng)頁的布局是整個界面的核心，這里體現(xiàn)了一切以用戶為中心、以及制作者如何與欣賞著溝通的思想在里面，你必須知道自己要傳達什么樣的信息，別人使用起來合適不，字體的大小、型號、字間距、行間距，以及配色所有的一切都在這個階段完成，所以如何表現(xiàn)功能以及美感就是你研究的重點。布局之前要緊密連接你網(wǎng)站的主題，要注意把握整體風格，你可以事先在紙上勾畫草圖，利用你習慣的元素

42、來表現(xiàn)你想要的效果網(wǎng)頁布局--主要構(gòu)成原則:醒目性：指用戶把注意力集中到你誘導(dǎo)起瀏覽的部分和內(nèi)容可讀性：指網(wǎng)站的內(nèi)容讓人容易讀懂明快性：指準確、快速轉(zhuǎn)達網(wǎng)站的構(gòu)成內(nèi)容造型性：維持整體外型上的穩(wěn)定感和均衡性創(chuàng)造性：有鮮明個性，創(chuàng)意是必不可少的</p><p>　　對于CSS(樣式表)并不是所有瀏覽器的所有版本都支持的很好，比如IE5以前的瀏覽器對于CSS的支持就不是很好。而現(xiàn)在使用IE5以前版本瀏覽器的

43、用戶不在少數(shù)，這樣就使得在頁面制作的過程中需要針對不同瀏覽器版本進行測試，以保證兼容性，無形中也增加很多工作量。DIV+CSS相比TABLE布局，更容易出現(xiàn)多種瀏覽器不兼容的問題，主要原因是不同的瀏覽器對web標準默認值不同。國內(nèi)主流是ie,firefox及chrome用的較少，在兼容性測試方面，首先需要保證在ie多版本不出現(xiàn)問題，這里設(shè)計到一些方法和技巧，可以針對具體問題在網(wǎng)站查找解決辦法。</p><p>　

44、　網(wǎng)頁設(shè)計的一大改革。DIV分塊實現(xiàn)了HTML文檔內(nèi)部結(jié)構(gòu)的劃分，CSS層疊樣式表則為網(wǎng)頁提供了豐富的設(shè)計樣式，并控制HTML文檔的外在表現(xiàn)。兩者各盡其職，實現(xiàn)了樣式與內(nèi)容的分離，從而大大簡化了HTML代碼。CSS+DIV網(wǎng)頁布局技術(shù)可以保證網(wǎng)頁風格的一致性，對網(wǎng)頁的樣式進行統(tǒng)一的管理，給網(wǎng)頁的開發(fā)與維護帶來了極大的方便。當我們想要修改網(wǎng)頁的風格設(shè)置時，只需要修改CSS樣式表就能使所有的網(wǎng)頁樣式隨之發(fā)生變動，而不必一頁一頁地修改網(wǎng)頁。&

45、lt;/p><p>　　在我們剛學習網(wǎng)頁制作時，總是習慣先考慮外觀，考慮圖片、字體、顏色以及布局等所有表現(xiàn)在頁面上的內(nèi)容。但是外觀并不是最重要的，相反最終用戶在訪問網(wǎng)頁時的體驗應(yīng)該是優(yōu)先要考慮的。一個由DIV+CSS布局且結(jié)構(gòu)良好的頁面可以通過調(diào)整CSS的定義，在任何地方、任何網(wǎng)絡(luò)設(shè)備（包括PDA、移動電話和計算機）上以任何外觀表現(xiàn)出來，而且利用DIV+CSS布局方式構(gòu)建的網(wǎng)頁能夠簡化網(wǎng)頁代碼、加快網(wǎng)頁顯示速度， D

46、IV+CSS 作為一種新的網(wǎng)頁設(shè)計技術(shù)，既獲得業(yè)內(nèi)的認可和關(guān)注，并且被各大網(wǎng)站所應(yīng)用，已經(jīng)成為一種網(wǎng)頁設(shè)計的標準和趨勢。</p><p>　　顏色的使用在網(wǎng)頁制作中起著非常關(guān)鍵的作用，有很多網(wǎng)站以其成功的色彩搭配令人過目不忘。但是對于剛開始學習制作網(wǎng)頁的人來說，往往不容易駕馭好網(wǎng)頁的顏色搭配。除了學習各種色彩理論和方法之外，我認為多學習一些著名網(wǎng)站的用色方法，對于我們制作美麗的網(wǎng)頁可以起到事半功倍的作用。所以，總

47、結(jié)了一些著名網(wǎng)站的顏色搭配方法，這些方法可以讓我們的學習少走彎路，快速提高我們的網(wǎng)頁制作水平。 剛做網(wǎng)頁的時我就習慣于使用一些漂亮的圖片作為自己網(wǎng)頁的背景，但是，瀏覽一下大型的商業(yè)網(wǎng)站，你會發(fā)現(xiàn)他們更多運用的是白色、藍色、黃色等，使得網(wǎng)頁顯得典雅，大方和溫馨。更重要的是，這樣可以大大加快瀏覽者打開網(wǎng)頁的速度?！　∫话銇碚f，網(wǎng)頁的背景色應(yīng)該柔和一些、素一些、淡一些，再配上深色的文字，使人看起來自然、舒暢。而為了追求醒目的視覺效果，可以

48、為標題使用較深的顏色。</p><p>　　網(wǎng)頁顏色的使用風格：　　不同的網(wǎng)站有著自己不同的風格，也有著自己不同的顏色。網(wǎng)站使用顏色大概分為幾種類型：　　1、 公司色　　在現(xiàn)在企業(yè)中，公司的CI形象顯得尤其重要，每一個公司的CI設(shè)計必然要有標準的顏色。比如新浪網(wǎng)的主色調(diào)是一種介于淺黃和深黃之間的顏色，同時形象宣傳、海報、廣告使用的顏色都和網(wǎng)站的顏色一致。再比如國富投資公司的主色調(diào)是C：100%，M：60%，

49、Y：0%，K：0%。這樣的顏色使用到網(wǎng)站上顯得色調(diào)自然、底蘊深厚?！　?、 風格色　　許多網(wǎng)站使用顏色秉承的是公司的風格。比如海爾使用的顏色是一種中性的綠色，即充滿朝氣有不失自己的創(chuàng)新精神。女性網(wǎng)站使用粉紅色的較多，大公司使用藍色的較多……這些都是在突出自己的風格。　　3、 習慣色　　這些網(wǎng)站的顏色使用很大一部分是憑自己的個人愛好，以個人網(wǎng)站較多使用，比如自己喜歡紅色、紫色、黑色等，在做網(wǎng)站的時候就傾向于這種顏色。每一個人都有

50、自己喜歡的顏色，因此這種類型稱為習慣色。</p><p>　　總 之：在開始制作網(wǎng)頁之前，建議應(yīng)用少量時間對自己要制作的主頁進行總體設(shè)計，例如希望主頁是怎樣的風格，應(yīng)該放一些什么信息，其他網(wǎng)頁如何設(shè)計，分幾層來處理等等通常在進行網(wǎng)頁開發(fā)時，首先都進行靜態(tài)網(wǎng)頁的制作，然后再在其中加入腳本程序、表單等。靜態(tài)網(wǎng)頁僅僅用來被動地發(fā)布信息，而不具有任何交互功能的網(wǎng)頁，它是Web網(wǎng)頁的重要組成部分，一個好的網(wǎng)站：首先是內(nèi)容

51、豐富，其次就是網(wǎng)頁設(shè)計，不要先決定網(wǎng)頁的外觀，然后迫使自己去適應(yīng)它，應(yīng)該根據(jù)網(wǎng)站的訪問者對象、要提供的信息以及制作目標得出一個最適合的網(wǎng)頁架構(gòu)。每頁排版不要太松散或用太大的字，盡量避免訪問者瀏覽網(wǎng)頁時要作大幅度的滾動，對于篇幅太長的一頁可以使用內(nèi)部鏈接解決。須知，在一頁的上部是顯眼而寶貴的地方，不要只放幾個粗大的字或圖片，不要每頁都采用不同的墻紙，以免每次轉(zhuǎn)頁時都要花費過多的時間去下載，采用相同的底色或墻紙還可以增強網(wǎng)頁一致性。以樹立自

52、己的風格。底色或墻紙必須與文字對比強烈，以易于閱讀。熟悉以后開始嘗試用CSS，自己書寫代碼，按照W3C標準來寫符合要求的網(wǎng)頁。</p><p>　　如今，互聯(lián)網(wǎng)越來越走近我們的生活，網(wǎng)上沖浪也漸漸成為我們生活不可缺少的一部分。網(wǎng)絡(luò)世界五彩繽紛，涌現(xiàn)出大量優(yōu)秀精美的網(wǎng)頁。大量網(wǎng)絡(luò)信息的呈現(xiàn)，無非就是通過文本、圖像、Flash動畫等，其中， 文本是網(wǎng)頁中最為重要的設(shè)計元素。對于網(wǎng)頁設(shè)計的人而言，了解和掌握網(wǎng)頁設(shè)計中的