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

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

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

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

5、到的要點(diǎn)、難點(diǎn)等。</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與動(dòng)態(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特點(diǎn)﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎17</p><p>　　2.2.6 框架的構(gòu)成﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎ 18</p><p>　　2.2.7 CSS布局

10、方法﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎19</p><p>　　第四章 網(wǎng)站系統(tǒng)的設(shè)計(jì)與步驟﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎20</p><p>　　3.1如何制作一個(gè)動(dòng)態(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參考文獻(xiàn)﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎ 29</p><p>　　致謝﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎ 30</p><p><b>　　前言</b></p><p>　　什么是CSS＋DIV

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

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

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

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

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

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

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

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

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

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

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

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

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

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

27、(2) 類別選擇器</b></p><p>　　根據(jù)CSS選擇器中的標(biāo)記選擇器中的定義，使用標(biāo)記選擇器進(jìn)行的定義，那么這個(gè)網(wǎng)頁中所有該標(biāo)記都是自定義的風(fēng)格，這在無形中給我們帶來了麻煩，因?yàn)槲覀兛赡苄枰谀硞€(gè)細(xì)節(jié)中使用不同的定義，那么，類選擇器就是一個(gè)很好的選擇。類選擇器的名稱可以由我們來自定義，屬性和屬性值跟標(biāo)記選擇器都是一樣，也必須符合CSS規(guī)范的規(guī)定。類似標(biāo)記選擇器一樣，只是類選擇器命名必須是.c

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

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

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

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

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

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

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

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

36、欄目的圖片我們?nèi)∶簃enu ；裝飾用的照片我們?nèi)∶簆ic ；不帶鏈接表示標(biāo)題的圖片我們?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)文件每個(gè)主要欄目開設(shè)一個(gè)相應(yīng)的獨(dú)立目錄根目錄下的images用于存放各頁面都要使用的公用圖片，子目錄下的images目錄存放本欄目頁面使用的私有圖片所有JS,ASP,PHP等腳本存放在根目錄下的scripts目錄所有CGI程序存放在根目錄下的cgi-bin目錄所有CSS文件存放在根目錄下style目錄每個(gè)語言版本存放于獨(dú)立的目錄。所有flash, avi, ram, quicktime 等

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

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

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

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

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

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

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

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

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

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

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

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

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

52、己的風(fēng)格。底色或墻紙必須與文字對(duì)比強(qiáng)烈，以易于閱讀。熟悉以后開始嘗試用CSS，自己書寫代碼，按照W3C標(biāo)準(zhǔn)來寫符合要求的網(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動(dòng)畫等，其中， 文本是網(wǎng)頁中最為重要的設(shè)計(jì)元素。對(duì)于網(wǎng)頁設(shè)計(jì)的人而言，了解和掌握網(wǎng)頁設(shè)計(jì)中的