計(jì)算機(jī)應(yīng)用專業(yè)論文39971

1、畢業(yè)設(shè)計(jì)php技術(shù)在web開發(fā)中的應(yīng)用現(xiàn)狀分析及前景展望 摘 要隨著internet在中國(guó)的迅速發(fā)展，人們?nèi)粘Ｉ钪性絹?lái)越多地使用這項(xiàng)新的技術(shù)來(lái)為自己的工作和學(xué)習(xí)服務(wù)。由于web頁(yè)面能把文本、圖像、聲音、動(dòng)畫、視像等多種媒體信息集于一體，不但使信息的顯示更加生動(dòng)，而且使信息的瀏覽更加方便，同時(shí)php技術(shù)在web開發(fā)中的頁(yè)面能實(shí)現(xiàn)網(wǎng)上交易平臺(tái)、客戶信息反饋方便了企業(yè)與客戶之間信息交流，因此許多企業(yè)紛紛建設(shè)網(wǎng)站以增強(qiáng)企業(yè)的知名度。目前 ，國(guó)內(nèi)外實(shí)現(xiàn)動(dòng)態(tài)可交互的網(wǎng)站技術(shù)有很多 ，比較常用的有asp，jsp 和 php 等。asp 可移植性較差 ，并且解釋執(zhí)行效率不高 ；jsp 雖然功能強(qiáng)大 ，但其技

2、術(shù)特點(diǎn)決定了它在企業(yè)級(jí)應(yīng)用的優(yōu)勢(shì) ；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ù)庫(kù)系統(tǒng)結(jié)合網(wǎng)站商店開發(fā)的特點(diǎn)，構(gòu)建用戶信息注冊(cè)登錄、商品評(píng)級(jí)、商品信息發(fā)布，商品圖片上傳、商品訂購(gòu)、搜索圖書信息、頁(yè)面信息維護(hù)等功能。主要流程描述了后臺(tái)的管理員發(fā)布商品信息與客戶在線訂購(gòu)商品，并用php+mysql定設(shè)了用戶登錄以及客戶信息反饋，使客戶信息能第一時(shí)間反饋給企業(yè)，拉近企業(yè)與客戶之間的距離。本篇論文主要是以我設(shè)計(jì)

3、網(wǎng)站的一些論述，主要論述了網(wǎng)站商店建設(shè)規(guī)劃的主體思想、利用php+mysql數(shù)據(jù)庫(kù)實(shí)現(xiàn)用戶登錄和信息反饋，以及在設(shè)計(jì)過(guò)程中所遇到的要點(diǎn)、難點(diǎn)等。關(guān)鍵字：網(wǎng)站規(guī)劃、php+mysql數(shù)據(jù)庫(kù)目錄摘要1第一章 緒論 2 1.1 系統(tǒng)開發(fā)的背景及意義 3 1.2 研究步驟 4 1.3 本文主要完成的工作5第二章 什么是php技術(shù)61.1 php概述71.2 什么是php技術(shù)81.3 php與動(dòng)態(tài)網(wǎng)站的構(gòu)建 9第三章 開發(fā)環(huán)境10 2.1 開發(fā)環(huán)境11 2.2 系統(tǒng)開發(fā)工具 12 2.2.1 php 13 2.2.2 php的工作原理14 2.2.3 apache15 2.2.4 mysql16 2.2

4、.5 mysql特點(diǎn)17 2.2.6 框架的構(gòu)成 18 2.2.7 css布局方法19第四章 網(wǎng)站系統(tǒng)的設(shè)計(jì)與步驟203.1如何制作一個(gè)動(dòng)態(tài)網(wǎng)站 21 3.3.1 構(gòu)建mysql數(shù)據(jù)庫(kù)e_r圖22 3.3.2 如何創(chuàng)建pdf文檔23 3.3.3 如何建立mysql數(shù)據(jù)表 24 3.3.4 建立php代碼25第五章 什么是優(yōu)化數(shù)據(jù)庫(kù)264.1 優(yōu)化數(shù)據(jù)庫(kù)的作用27 4.2 怎樣優(yōu)化數(shù)據(jù)庫(kù)28參考文獻(xiàn) 29致謝 30前言什么是cssdiv?cssdiv是網(wǎng)站標(biāo)準(zhǔn)（或稱“web標(biāo)準(zhǔn)”）中常用的術(shù)語(yǔ)之一，通常為了說(shuō)明與html網(wǎng)頁(yè)設(shè)計(jì)語(yǔ)言中的表格（table）定位方式的區(qū)別，因?yàn)閤html網(wǎng)站設(shè)計(jì)標(biāo)準(zhǔn)

5、中，不再使用表格定位技術(shù)，而是采用css+div的方式實(shí)現(xiàn)各種定位。css的概念：css是英語(yǔ)cascading style sheets（層疊樣式表單）的縮寫，它是一種用來(lái)表現(xiàn) html 或 xml 等文件式樣的計(jì)算機(jī)語(yǔ)言。 對(duì)于一個(gè)網(wǎng)頁(yè)設(shè)計(jì)者來(lái)說(shuō)，html語(yǔ)言一定不會(huì)感到陌生，因?yàn)樗撬芯W(wǎng)頁(yè)制作的基礎(chǔ)。但是如果希望網(wǎng)頁(yè)能夠美觀、大方，并且升級(jí)方便，維護(hù)輕松，那么僅僅html是不夠的，css在這中間扮演著重要的角色。css（cascading style sheet），中文譯為層疊樣式表，是用于控制網(wǎng)頁(yè)樣式并允許將樣式信息與網(wǎng)頁(yè)內(nèi)容分離的一種標(biāo)記性語(yǔ)言。css是1996年由w3c審核通過(guò)，

6、并且推薦使用的。簡(jiǎn)單的說(shuō)css的引入就是為了使得html能夠更好的適應(yīng)頁(yè)面的美工設(shè)計(jì)。它以html為基礎(chǔ)，提供了豐富的格式化功能，如字體、顏色、背景、整體排版等等，并且網(wǎng)頁(yè)設(shè)計(jì)者可以針對(duì)各種可視化瀏覽器設(shè)置不同的樣式風(fēng)格，包括顯示器、打印機(jī)、打字機(jī)、投影儀、pda等等。css的引入隨即引發(fā)了網(wǎng)頁(yè)設(shè)計(jì)的一個(gè)又一個(gè)新高潮，使用css設(shè)計(jì)的優(yōu)秀頁(yè)面層出不窮。div元素是用來(lái)為html文檔內(nèi)大塊（block-level）的內(nèi)容提供結(jié)構(gòu)和背景的元素。div的起始標(biāo)簽和結(jié)束標(biāo)簽之間的所有內(nèi)容都是用來(lái)構(gòu)成這個(gè)塊的，其中所包含元素的特性由div標(biāo)簽的屬性來(lái)控制，或者是通過(guò)使用樣式表格式化這個(gè)塊來(lái)進(jìn)行控制。di

7、v+css技術(shù):div+css技術(shù)是區(qū)別于表格定位方式的另外一種標(biāo)準(zhǔn)的網(wǎng)頁(yè)定位方式。隨著web2.0標(biāo)準(zhǔn)化設(shè)計(jì)理念的普及和div+css技術(shù)的靈活性，國(guó)內(nèi)很多大型門戶網(wǎng)站都開始采用該技術(shù)進(jìn)行網(wǎng)頁(yè)制作。 事實(shí)上，現(xiàn)在仍存在大量的使用表格進(jìn)行布局的頁(yè)面，表格作為傳統(tǒng)的html元素，因?yàn)楸砀窨蚣艿暮?jiǎn)單、明了，使用沒(méi)有邊框的表格來(lái)排版，使用表格來(lái)表示數(shù)據(jù)、制作調(diào)查表等在網(wǎng)絡(luò)中屢見(jiàn)不鮮。從table布局轉(zhuǎn)為div布局之間的過(guò)程是困難非常大，先說(shuō)一下css+div有什么好處呢，個(gè)人認(rèn)為，他的最大好處就是布局靈活，非常好控制頁(yè)面，從而達(dá)到以后改版的工作效率，其次就是訪問(wèn)速度稍微快點(diǎn)，從理論上說(shuō)，table和

8、div都隸屬于html標(biāo)簽范圍，但是布局的效果是讓人出乎意料，用css就可以控制全局標(biāo)簽，這是我對(duì)css+div興趣之一，當(dāng)然css+div的開發(fā)時(shí)間是比table相對(duì)要長(zhǎng)的很多，調(diào)試各種細(xì)節(jié)，遇到一點(diǎn)不兼容之類的，就要摸索一陣，有時(shí)候會(huì)讓人很頭疼，心急吃不了熱豆腐，我們都要一點(diǎn)點(diǎn)來(lái)寫它，而table呢，我之前用table布局時(shí)候，直接用dw插入表格，然后對(duì)齊等等一系列操作，操作很方便，也不存在css兼容之類的問(wèn)題，但是如果日后改版怎么辦呢，是不是又得重新開發(fā)？面對(duì)這樣的問(wèn)題。我們就得嘗試擺脫table布局，擺脫table布局必須要從css+div的優(yōu)點(diǎn)說(shuō)起，css+div不僅對(duì)搜索引擎好，打

9、開頁(yè)面速度快，占用系統(tǒng)資源少，最主要的是布局非常靈活。 當(dāng)然，我們并不是排斥使用表格，它也有div所不能取代的效果 方便快速的布局 只要不是經(jīng)常改動(dòng)的小部分就可以用表格網(wǎng)站標(biāo)準(zhǔn)化的宗旨是表現(xiàn)形式與內(nèi)容分離，但是有些內(nèi)容正常情況下必須使用表格來(lái)表現(xiàn)，比如報(bào)價(jià)單，名冊(cè)等等，表格應(yīng)該出現(xiàn)在需要他的地方，而避免用來(lái)布局。呵呵，總而言之，css+div是用來(lái)布局網(wǎng)頁(yè)，而tabke是專門用來(lái)裝數(shù)據(jù)的，分工利用，會(huì)達(dá)到更好的布局效果，那么搜索引擎也會(huì)更好的收錄網(wǎng)站。 我們認(rèn)為在選擇某個(gè)技術(shù)來(lái)制作網(wǎng)站前，需要考慮網(wǎng)站的規(guī)模，制作人員對(duì)那種div和table那個(gè)更熟練一些。因?yàn)椋绻瞧髽I(yè)站，頁(yè)面內(nèi)容不是特別

10、多，也就是頁(yè)面容量不大，這種情況下其實(shí)用div和table都無(wú)所謂，因?yàn)槟闶歉杏X(jué)不出來(lái)其優(yōu)越性的。如果您是一個(gè)門戶站頁(yè)面內(nèi)容比較多，調(diào)用程序比較多的情況下建議使用div來(lái)布局，因?yàn)閐iv是block元素 瀏覽器下載的時(shí)候呈塊壯逐層下載,在加上css的分離,讓瀏覽器在執(zhí)行前先解釋 css后加載布局,加快了下栽速度.還有就是針對(duì)優(yōu)化的問(wèn)題,table如果超過(guò)了3層收索引擎就不再抓取,而div則不會(huì).但，div+css寫代碼耗費(fèi)時(shí)間長(zhǎng),不熟悉者難控制,考慮很多,特別是css兼容問(wèn)題.但做出來(lái).美觀度,以及優(yōu)化度都好.如果，設(shè)計(jì)人員非常擅長(zhǎng)table，其實(shí)只要不在一個(gè)大table里制作，分成多個(gè)tab

11、le效果也是很好的，并且兼容性比較好，制作速度快。div+css作為網(wǎng)站制作發(fā)展到現(xiàn)在的一種新型的技術(shù)形式，必然有它的先進(jìn)性。cssdiv網(wǎng)站設(shè)計(jì)的優(yōu)勢(shì)和問(wèn)題xhtm是目前國(guó)際上倡導(dǎo)的網(wǎng)站標(biāo)準(zhǔn)設(shè)計(jì)語(yǔ)言，因?yàn)閤html網(wǎng)站設(shè)計(jì)語(yǔ)言具有的基本特點(diǎn)，這種cssdiv模式的網(wǎng)站設(shè)計(jì)具有一定的優(yōu)勢(shì)，不過(guò)目前在網(wǎng)站建設(shè)應(yīng)用中cssdiv模式也存在一些問(wèn)題。本文綜合網(wǎng)站技術(shù)和設(shè)計(jì)人員的體會(huì)，并從網(wǎng)絡(luò)營(yíng)銷應(yīng)用的角度，將cssdiv網(wǎng)站設(shè)計(jì)的優(yōu)勢(shì)和問(wèn)題歸納如下：cssdiv網(wǎng)站設(shè)計(jì)的優(yōu)勢(shì)首先，css的極大優(yōu)勢(shì)表現(xiàn)在簡(jiǎn)潔的代碼，對(duì)于一個(gè)大型網(wǎng)站來(lái)說(shuō)，可以節(jié)省大量帶寬，而且眾所周知，搜索引擎喜歡清潔的代碼（其真正意

12、義在于，增加了有效關(guān)鍵詞占網(wǎng)頁(yè)總代碼的比重），因此使用cssdiv的web標(biāo)準(zhǔn)制作的網(wǎng)站具有搜索引擎友好的一定優(yōu)勢(shì)。其次，css+div制作的網(wǎng)站使得網(wǎng)站改版相對(duì)簡(jiǎn)單，很多問(wèn)題只需要改變css而不需要改動(dòng)程序，從而降低了網(wǎng)站改版的成本。cssdiv網(wǎng)站設(shè)計(jì)的問(wèn)題盡管css+div具有一定的優(yōu)勢(shì)，不過(guò)現(xiàn)階段css+div網(wǎng)站建設(shè)存在的問(wèn)題也比較明顯，主要表現(xiàn)在：第一，對(duì)于css的高度依賴使得網(wǎng)頁(yè)設(shè)計(jì)變得比較復(fù)雜。相對(duì)于html4.0中的表格布局（table），css+div盡管不是高不可及，但至少要比表格定位復(fù)雜的多，即使對(duì)于網(wǎng)站設(shè)計(jì)高手也很容易出現(xiàn)問(wèn)題，更不要說(shuō)初學(xué)者了，這在一定程度上影響了x

13、html網(wǎng)站設(shè)計(jì)語(yǔ)言的普及應(yīng)用。第二，css文件異常將影響整個(gè)網(wǎng)站的正常瀏覽。css網(wǎng)站制作的設(shè)計(jì)元素通常放在幾個(gè)l外部文件中，這一個(gè)或幾個(gè)文件有可能相當(dāng)復(fù)雜，甚至比較龐大，如果css文件調(diào)用出現(xiàn)異常，那么整個(gè)網(wǎng)站將變得慘不忍睹。第三，對(duì)于css網(wǎng)站設(shè)計(jì)的瀏覽器兼容性問(wèn)題比較突出?；趆tml4.0的網(wǎng)頁(yè)設(shè)計(jì)在ie4.0之后的版本中幾乎不存在瀏覽器兼容性問(wèn)題，但css+div設(shè)計(jì)的網(wǎng)站在ie瀏覽器里面正常顯示的頁(yè)面，到火狐瀏覽器（firefox ）中卻可能面目全非（這也是為什么建議網(wǎng)絡(luò)營(yíng)銷人員使用火狐瀏覽器的原因所在 ）。css+div還有待于各個(gè)瀏覽器廠商的進(jìn)一步支持。第四，css+div對(duì)

14、搜索引擎優(yōu)化與否取決于網(wǎng)頁(yè)設(shè)計(jì)的專業(yè)水平而不是css+div本身。css+div網(wǎng)頁(yè)設(shè)計(jì)并不能保證網(wǎng)頁(yè)對(duì)搜索引擎的優(yōu)化，甚至不能保證一定比html網(wǎng)站有更簡(jiǎn)潔的代碼設(shè)計(jì)，何況搜索引擎對(duì)于網(wǎng)頁(yè)的收錄和排序顯然不是以是否采用表格和css定位來(lái)衡量，這就是為什么很多傳統(tǒng)表格布局制作的網(wǎng)站在搜索結(jié)果中的排序靠前，而很多使用css及web標(biāo)準(zhǔn)制作的網(wǎng)頁(yè)排名依然靠后的原因。因?yàn)閷?duì)于搜索引擎而言，網(wǎng)站結(jié)構(gòu)、內(nèi)容、相關(guān)網(wǎng)站鏈接等因素始終是網(wǎng)站優(yōu)化最重要的指標(biāo)。 使用css進(jìn)行網(wǎng)頁(yè)布局的基本思想就是：結(jié)構(gòu)化標(biāo)記，所寫即所想，所想即所寫。即便書寫 css 很簡(jiǎn)單，使用 css 來(lái)排版卻真的需要一種和我們以往有些不

15、同的思維方式。我們排版時(shí)考慮的不是“這個(gè)東西放在這兒，那個(gè)東西放在那兒”，而是頁(yè)面中信息的類別和信息的結(jié)構(gòu)。你的內(nèi)容將不放在表格和表格元素中，取代它們的是 div 元素。css選擇器的類型：(1) 標(biāo)記選擇器 一個(gè)html頁(yè)面有許多不同的標(biāo)記組成，css標(biāo)記選擇器用來(lái)聲明哪些標(biāo)記采用哪種css樣式。所以，每一種html標(biāo)記的名字都可以作為相應(yīng)的標(biāo)記選擇器的名字。比如：p標(biāo)記選擇器就是用來(lái)定義頁(yè)面中所有使用標(biāo)記的樣式。(2) 類別選擇器根據(jù)css選擇器中的標(biāo)記選擇器中的定義，使用標(biāo)記選擇器進(jìn)行的定義，那么這個(gè)網(wǎng)頁(yè)中所有該標(biāo)記都是自定義的風(fēng)格，這在無(wú)形中給我們帶來(lái)了麻煩，因?yàn)槲覀兛赡苄枰谀硞€(gè)細(xì)節(jié)

16、中使用不同的定義，那么，類選擇器就是一個(gè)很好的選擇。類選擇器的名稱可以由我們來(lái)自定義，屬性和屬性值跟標(biāo)記選擇器都是一樣，也必須符合css規(guī)范的規(guī)定。類似標(biāo)記選擇器一樣，只是類選擇器命名必須是.classname/*英文原點(diǎn)+類的名稱*/(3) id選擇器 其實(shí)，id選擇器和類選擇器基本相同，不同的是id選擇器之前那個(gè)在html頁(yè)面中使用一次，所以針對(duì)性更強(qiáng)。在html標(biāo)記中只需要利用id屬性，就可以直接調(diào)用css中的id選擇器。使用方法：#idname屬性:屬性值，id選擇器都是以#開頭后接id的名稱，然后是合法屬性和屬性值。css樣式：內(nèi)聯(lián)樣式表：只需要在每個(gè)相關(guān)的html標(biāo)簽后定義css屬

17、性即可，style表示css樣式的規(guī)則，引號(hào)內(nèi)部是相應(yīng)的屬性設(shè)置。如果要將同樣的樣式風(fēng)格設(shè)置到網(wǎng)頁(yè)中所有的表格中，就需要對(duì)每個(gè)table標(biāo)簽都進(jìn)行重復(fù)的設(shè)置，所以這種方式主要用于對(duì)某個(gè)具體標(biāo)簽進(jìn)行具體調(diào)整。嵌入樣式表：是在網(wǎng)頁(yè)文檔的頭部定義一個(gè)和標(biāo)簽對(duì)，在其中間進(jìn)行css樣式規(guī)則的定義。外部樣式表：將嵌入樣式表中的和標(biāo)簽之間的css樣式規(guī)則語(yǔ)句放置到一個(gè)單獨(dú)的外部文件中，這個(gè)外部文件被稱為外部樣式表文件，其擴(kuò)展名為.css。一個(gè)外部樣式表文件可以通過(guò)html的標(biāo)簽鏈接到html文檔中。這樣可以做到一次定義樣式表，以后可多次重復(fù)使用，還可以只修改一個(gè)樣式表文件即可改變多個(gè)文檔的樣式。如果要為整個(gè)

18、網(wǎng)站定義通用的樣式風(fēng)格，也即是同樣的樣式風(fēng)格設(shè)置要被應(yīng)用到很多個(gè)網(wǎng)頁(yè)時(shí)，使用外部樣式表是最好的方法。 局部特定樣式表：對(duì)于一段定義好樣式的文本，如果只想改變其中的一小部分，而不希望改變其他邏輯和物理格式標(biāo)志，可以使用標(biāo)簽對(duì)來(lái)包圍要采用特殊樣式的局部文本，在不影響整體效果的嵌套下，把局部凸顯出來(lái)。css樣式的優(yōu)先級(jí)css樣式的優(yōu)先級(jí)：從上到下，從總體到局部。 如果下面重新定義了上面定義過(guò)的同類性質(zhì)的屬性，則以下面的定義為準(zhǔn)。 如果位于html文檔里面的標(biāo)簽重新定義了外層標(biāo)簽定義過(guò)的同一屬性，瀏覽器顯示里層標(biāo)簽的內(nèi)容時(shí)，以里層標(biāo)簽的定義為準(zhǔn)。 如果里層標(biāo)簽沒(méi)有對(duì)外層標(biāo)簽定義過(guò)的某種屬性重新定義，瀏

19、覽器顯示里層標(biāo)簽的內(nèi)容時(shí)，繼承外層標(biāo)簽的定義。如果在一個(gè)網(wǎng)頁(yè)中，同時(shí)使用了內(nèi)聯(lián)樣式表、嵌入樣式表、外部樣式表，則內(nèi)聯(lián)樣式表具有最高的優(yōu)先級(jí)，嵌入樣式表其次，外部樣式表最低。div+css網(wǎng)頁(yè)規(guī)范命名規(guī)范:文件命名的原則：以最少的字母達(dá)到最容易理解的意義。一般文件及目錄命名規(guī)范：每一個(gè)目錄中應(yīng)該包含一個(gè)缺省的html 文件，文件名統(tǒng)一用index.htm,文件名稱統(tǒng)一用小寫的英文字母、數(shù)字和下劃線的組合,盡量按單詞的英語(yǔ)翻譯為名稱。多個(gè)同類型文件使用英文字母加數(shù)字命名，字母和數(shù)字之間用_分隔。注意，數(shù)字位數(shù)與文件個(gè)數(shù)成正比，不夠的用0補(bǔ)齊。 圖片的命名規(guī)范 ：名稱分為頭尾兩兩部分，用下劃線隔開。

20、 頭部分表示此圖片的大類性質(zhì)。標(biāo)志性的圖片我們?nèi)∶麨椋簂ogo ；在頁(yè)面上位置不固定并且?guī)в墟溄拥男D片我們?nèi)∶麨閎utton ；在頁(yè)面上某一個(gè)位置連續(xù)出現(xiàn)，性質(zhì)相同的鏈接欄目的圖片我們?nèi)∶簃enu ；裝飾用的照片我們?nèi)∶簆ic ；不帶鏈接表示標(biāo)題的圖片我們?nèi)∶簍itle 依照此原則類推。 尾部分用來(lái)表示圖片的具體含義，用英文字母表示。有onmouse效果的圖片，兩張分別在原有文件名后加_on和_off命名。css書寫規(guī)范:所有的css的盡量采用外部調(diào)用其它文件命名規(guī)范:js的命名原則以功能的英語(yǔ)單詞為名。所有的cgi文件后綴為cgi。所有cgi程序的配置文件為config.cgi目錄結(jié)

21、構(gòu)規(guī)范:目錄建立的原則：以最少的層次提供最清晰簡(jiǎn)便的訪問(wèn)結(jié)構(gòu)。目錄的命名以小寫英文字母，下劃線組成。(參照命名規(guī)范)根目錄一般只存放index.htm以及其他必須的系統(tǒng)文件每個(gè)主要欄目開設(shè)一個(gè)相應(yīng)的獨(dú)立目錄根目錄下的images用于存放各頁(yè)面都要使用的公用圖片，子目錄下的images目錄存放本欄目頁(yè)面使用的私有圖片所有js,asp,php等腳本存放在根目錄下的scripts目錄所有cgi程序存放在根目錄下的cgi-bin目錄所有css文件存放在根目錄下style目錄每個(gè)語(yǔ)言版本存放于獨(dú)立的目錄。所有flash, avi, ram, quicktime 等多媒體文件存放在根目錄下的media目錄

22、做好div+css的網(wǎng)頁(yè)設(shè)計(jì)，個(gè)人決得有三點(diǎn)需要重點(diǎn)理解。1、float屬性：div(層)默認(rèn)是占據(jù)一整行，對(duì)于常見(jiàn)的兩列或多列布局的設(shè)計(jì)，需要能夠正確設(shè)置float及width屬性實(shí)現(xiàn)效果。多列布局結(jié)束后如果跟了一個(gè)占據(jù)通欄的層，此時(shí)需要設(shè)置clear屬性清除層浮動(dòng)。2、盒模式：層具有寬度width、高度height、邊框border、內(nèi)間距padding和外間距margin等屬性，而層實(shí)際占據(jù)的空間是上述屬性值相加的大小，合理運(yùn)用這些屬性能實(shí)現(xiàn)緊湊而又美觀的網(wǎng)頁(yè)布局。3、層嵌套：有經(jīng)驗(yàn)的網(wǎng)頁(yè)設(shè)計(jì)師都知道層不宜嵌套過(guò)多，一般不超過(guò)3層，嵌套過(guò)多的會(huì)導(dǎo)致代碼復(fù)雜冗余、維護(hù)困難及運(yùn)行慢的問(wèn)題。另

23、外，在多列布局時(shí)完全可以用層浮動(dòng)實(shí)現(xiàn)，不需要整體設(shè)置一個(gè)ie層來(lái)嵌入。網(wǎng)頁(yè)布局： 網(wǎng)頁(yè)的布局是整個(gè)界面的核心，這里體現(xiàn)了一切以用戶為中心、以及制作者如何與欣賞著溝通的思想在里面，你必須知道自己要傳達(dá)什么樣的信息，別人使用起來(lái)合適不，字體的大小、型號(hào)、字間距、行間距，以及配色所有的一切都在這個(gè)階段完成，所以如何表現(xiàn)功能以及美感就是你研究的重點(diǎn)。布局之前要緊密連接你網(wǎng)站的主題，要注意把握整體風(fēng)格，你可以事先在紙上勾畫草圖，利用你習(xí)慣的元素來(lái)表現(xiàn)你想要的效果網(wǎng)頁(yè)布局-主要構(gòu)成原則:醒目性：指用戶把注意力集中到你誘導(dǎo)起瀏覽的部分和內(nèi)容可讀性：指網(wǎng)站的內(nèi)容讓人容易讀懂明快性：指準(zhǔn)確、快速轉(zhuǎn)達(dá)網(wǎng)站的構(gòu)成內(nèi)

24、容造型性：維持整體外型上的穩(wěn)定感和均衡性創(chuàng)造性：有鮮明個(gè)性，創(chuàng)意是必不可少的 對(duì)于css(樣式表)并不是所有瀏覽器的所有版本都支持的很好，比如ie5以前的瀏覽器對(duì)于css的支持就不是很好。而現(xiàn)在使用ie5以前版本瀏覽器的用戶不在少數(shù)，這樣就使得在頁(yè)面制作的過(guò)程中需要針對(duì)不同瀏覽器版本進(jìn)行測(cè)試，以保證兼容性，無(wú)形中也增加很多工作量。div+css相比table布局，更容易出現(xiàn)多種瀏覽器不兼容的問(wèn)題，主要原因是不同的瀏覽器對(duì)web標(biāo)準(zhǔn)默認(rèn)值不同。國(guó)內(nèi)主流是ie,firefox及chrome用的較少，在兼容性測(cè)試方面，首先需要保證在ie多版本不出現(xiàn)問(wèn)題，這里設(shè)計(jì)到一些方法和技巧，可以針對(duì)具體問(wèn)題在網(wǎng)

25、站查找解決辦法。. 網(wǎng)頁(yè)設(shè)計(jì)的一大改革。div分塊實(shí)現(xiàn)了html文檔內(nèi)部結(jié)構(gòu)的劃分，css層疊樣式表則為網(wǎng)頁(yè)提供了豐富的設(shè)計(jì)樣式，并控制html文檔的外在表現(xiàn)。兩者各盡其職，實(shí)現(xiàn)了樣式與內(nèi)容的分離，從而大大簡(jiǎn)化了html代碼。css+div網(wǎng)頁(yè)布局技術(shù)可以保證網(wǎng)頁(yè)風(fēng)格的一致性，對(duì)網(wǎng)頁(yè)的樣式進(jìn)行統(tǒng)一的管理，給網(wǎng)頁(yè)的開發(fā)與維護(hù)帶來(lái)了極大的方便。當(dāng)我們想要修改網(wǎng)頁(yè)的風(fēng)格設(shè)置時(shí)，只需要修改css樣式表就能使所有的網(wǎng)頁(yè)樣式隨之發(fā)生變動(dòng)，而不必一頁(yè)一頁(yè)地修改網(wǎng)頁(yè)。 在我們剛學(xué)習(xí)網(wǎng)頁(yè)制作時(shí)，總是習(xí)慣先考慮外觀，考慮圖片、字體、顏色以及布局等所有表現(xiàn)在頁(yè)面上的內(nèi)容。但是外觀并不是最重要的，相反最終用戶在訪問(wèn)網(wǎng)

26、頁(yè)時(shí)的體驗(yàn)應(yīng)該是優(yōu)先要考慮的。一個(gè)由div+css布局且結(jié)構(gòu)良好的頁(yè)面可以通過(guò)調(diào)整css的定義，在任何地方、任何網(wǎng)絡(luò)設(shè)備（包括pda、移動(dòng)電話和計(jì)算機(jī)）上以任何外觀表現(xiàn)出來(lái)，而且利用div+css布局方式構(gòu)建的網(wǎng)頁(yè)能夠簡(jiǎn)化網(wǎng)頁(yè)代碼、加快網(wǎng)頁(yè)顯示速度， div+css 作為一種新的網(wǎng)頁(yè)設(shè)計(jì)技術(shù)，既獲得業(yè)內(nèi)的認(rèn)可和關(guān)注，并且被各大網(wǎng)站所應(yīng)用，已經(jīng)成為一種網(wǎng)頁(yè)設(shè)計(jì)的標(biāo)準(zhǔn)和趨勢(shì)。 顏色的使用在網(wǎng)頁(yè)制作中起著非常關(guān)鍵的作用，有很多網(wǎng)站以其成功的色彩搭配令人過(guò)目不忘。但是對(duì)于剛開始學(xué)習(xí)制作網(wǎng)頁(yè)的人來(lái)說(shuō)，往往不容易駕馭好網(wǎng)頁(yè)的顏色搭配。除了學(xué)習(xí)各種色彩理論和方法之外，我認(rèn)為多學(xué)習(xí)一些著名網(wǎng)站的用色方法，對(duì)于

27、我們制作美麗的網(wǎng)頁(yè)可以起到事半功倍的作用。所以，總結(jié)了一些著名網(wǎng)站的顏色搭配方法，這些方法可以讓我們的學(xué)習(xí)少走彎路，快速提高我們的網(wǎng)頁(yè)制作水平。 剛做網(wǎng)頁(yè)的時(shí)我就習(xí)慣于使用一些漂亮的圖片作為自己網(wǎng)頁(yè)的背景，但是，瀏覽一下大型的商業(yè)網(wǎng)站，你會(huì)發(fā)現(xiàn)他們更多運(yùn)用的是白色、藍(lán)色、黃色等，使得網(wǎng)頁(yè)顯得典雅，大方和溫馨。更重要的是，這樣可以大大加快瀏覽者打開網(wǎng)頁(yè)的速度。一般來(lái)說(shuō)，網(wǎng)頁(yè)的背景色應(yīng)該柔和一些、素一些、淡一些，再配上深色的文字，使人看起來(lái)自然、舒暢。而為了追求醒目的視覺(jué)效果，可以為標(biāo)題使用較深的顏色。 網(wǎng)頁(yè)顏色的使用風(fēng)格：不同的網(wǎng)站有著自己不同的風(fēng)格，也有著自己不同的顏色。網(wǎng)站使用顏色大概分為幾種類型：1、 公司色在現(xiàn)在企業(yè)中，公司的ci形象顯得尤其重要，每一個(gè)公司的ci設(shè)計(jì)必然要有標(biāo)準(zhǔn)的顏色。比如新浪網(wǎng)