【正文】 n=right valign=middle bgcolor=FAF7F2電子郵箱：/tdtd align=left valign=middleinput name= type=text class=fminpt id= maxlength=50 //td/trtr bgcolor=F0E8DCtd width=80 align=right valign=middle bgcolor=F0E8DC反饋內(nèi)容：/tdtd align=left valign=middletextarea name=content cols=30 rows=8 class=fmtexa id=content/textareaspan class=zijuxi*/span /td/trtr bgcolor=FAF7F2td width=80 align=right valign=middle bgcolor=FAF7F2amp。 order by pxelsesql=select * from [gongcheng] where type=1 order by pxend if……%3．5 機(jī)械裝備的實(shí)現(xiàn)因結(jié)構(gòu)和代碼與榮譽(yù)資質(zhì)部分相同，可參看上面的代碼，故省略。request(type)……if request(type) thensql=select * from [gongcheng] where type=amp。nbsp。nbsp。nbsp。nbsp。nbsp。nbsp。nbsp。nbsp。%set rs=() select * from [gclb] where id=amp。需要解決的技術(shù)問(wèn)題是：1，判斷當(dāng)前的類別，把類別名稱填進(jìn)網(wǎng)頁(yè)當(dāng)前位置項(xiàng)里，源代碼如下：工程業(yè)績(jī) amp。 //a% end if %/td/tr/table/td/trtrtd align=left valign=top class=zihangju%=rs(title)%/td/tr/table3．4 工程業(yè)績(jī)的實(shí)現(xiàn)工程業(yè)績(jī)分為六類，這六類被放進(jìn)了數(shù)據(jù)庫(kù)中。尾頁(yè)/a end ifend function %3．3．2 領(lǐng)導(dǎo)關(guān)懷的實(shí)現(xiàn)結(jié)構(gòu)和代碼與榮譽(yù)資質(zhì)模塊相同，只是添加了對(duì)每張圖片的簡(jiǎn)要說(shuō)明，并把每行顯示3張圖片改為只顯示2張圖片。?page=amp。a href=amp。amp。下一頁(yè)/a amp。?page=amp。a href=amp。amp。上一頁(yè)/a end if if ncurrentpage1 then else amp。?page=amp。a href=amp。amp。?page=1首頁(yè)/a amp。a href=amp。amp。 if CurrentPage2 then else amp。amp。頁(yè)amp。/span/amp。amp。目前顯示第span class=39。條amp。每頁(yè)顯示amp。條信息amp。br共amp。 height=39。 width=39。end if%br //td% next %/tr/table%if i=MaxPerPage then exit doloopend sub%%function showpage(totalnumber,maxperpage,filename) dim n if totalnumber mod maxperpage=0 then n= totalnumber \ maxperpage else n= totalnumber \ maxperpage+1 end if img src=39。 //a% end if %/td/tr/table/td/tr/table%i=i+1else amp。}}} ///script3．3．1 榮譽(yù)資質(zhì)的實(shí)現(xiàn)需要用到的技術(shù)有循環(huán)讀取所有紀(jì)錄、分組換行、向Javascript函數(shù)傳遞參數(shù)、分頁(yè)顯示等功能。 =。=(*120)/。}=++。}else{=。if(= 160/120){if(160){ =amp。=。這段Javascript代碼如下：script language=JavaScript!var flag=false。每張圖片都以按比例縮略的方式展現(xiàn)，點(diǎn)擊后彈出原圖片。3．2．1 企業(yè)介紹的實(shí)現(xiàn)網(wǎng)頁(yè)截圖如下：圖32 企業(yè)介紹相關(guān)源代碼如下：%set rs=() select * from [jieshao] where id=1,conn,1,1if not then replace(rs(content),../uploadfile,uploadfile)end ifset rs=nothing%3．2．2 企業(yè)理念的實(shí)現(xiàn)結(jié)構(gòu)和企業(yè)介紹相同，相關(guān)源代碼如下：%set rs=() select * from [linian] where id=1,conn,1,1if not then replace(rs(content),../uploadfile,uploadfile)end ifset rs=nothing%3．2．3 董事長(zhǎng)致辭的實(shí)現(xiàn)結(jié)構(gòu)和上面兩個(gè)模塊相同，相關(guān)源代碼如下：%set rs=() select * from [zhici] where id=1,conn,1,1if not then replace(rs(content),../uploadfile,uploadfile)end ifset rs=nothing%3．3 企業(yè)榮譽(yù)的實(shí)現(xiàn)這個(gè)模塊分為榮譽(yù)資質(zhì)和領(lǐng)導(dǎo)關(guān)懷兩個(gè)子模塊，都為圖片陳列的形式，稍有不同的是，領(lǐng)導(dǎo)關(guān)懷中增加了對(duì)每張圖片的簡(jiǎn)要說(shuō)明文字。相關(guān)源代碼如下：%set rs=() select * from [shouye] where id=1,conn,1,1if not then DoTrimProperly(rs(content),130,0,1,...)end ifset rs=nothing%3．2 走近博元的實(shí)現(xiàn)這是一個(gè)總的模塊，又分為如下三個(gè)子模塊：企業(yè)介紹、企業(yè)理念和董事長(zhǎng)致辭，這三部分的結(jié)構(gòu)是相同的，都為圖片混排的形式，對(duì)應(yīng)數(shù)據(jù)庫(kù)中的數(shù)據(jù)格式為備注類型。nbsp。nbsp。首頁(yè)截圖如下：圖31 網(wǎng)站首頁(yè)3．1．1 左側(cè)最新新聞列表的實(shí)現(xiàn)取最新發(fā)布的前四條新聞，包括公司動(dòng)態(tài)和行業(yè)新聞。第三列是四幅小圖，用來(lái)和上面的Flash相呼應(yīng)，使頁(yè)面視覺(jué)取得平衡。Flash動(dòng)畫的下方拆分為四個(gè)版塊，左列是最新發(fā)布的前四條新聞，包括公司動(dòng)態(tài)和行業(yè)新聞。動(dòng)畫包括企業(yè)Logo、動(dòng)態(tài)下拉導(dǎo)航、企業(yè)標(biāo)語(yǔ)、循環(huán)滾動(dòng)的工程業(yè)績(jī)分類小圖，以及正中位置的高清晰大尺寸圖片秀。DefaultDir=。　 8. 網(wǎng)站地圖：列出前臺(tái)所有功能子模塊，并提供超鏈接，通過(guò)圖、文、表混排的內(nèi)容形式來(lái)展現(xiàn)，為需要全面了解網(wǎng)站結(jié)構(gòu)，和缺少Flash插件或插件被屏蔽從而無(wú)法觀看Flash導(dǎo)航的瀏覽者提供方便快捷的鏈接入口。　 6. 聯(lián)系我們：通過(guò)圖、文、表混排的內(nèi)容形式來(lái)展現(xiàn)?！?5. 在線反饋：由瀏覽者填寫反饋表單，并提交到數(shù)據(jù)庫(kù)中存檔。　 3. 工程業(yè)績(jī)：分為房屋建筑工程、市政公用工程、鋼結(jié)構(gòu)工程、地基基礎(chǔ)工程、裝飾裝璜工程、設(shè)備安裝工程等六大類，通過(guò)圖片陳列的形式來(lái)展現(xiàn)。第二章 網(wǎng)站規(guī)劃和總體設(shè)計(jì)2．1 網(wǎng)站系統(tǒng)分析根據(jù)前面的設(shè)計(jì)思想進(jìn)行分析，按照系統(tǒng)開發(fā)的基本觀點(diǎn)對(duì)網(wǎng)站進(jìn)行分解，從內(nèi)容上可對(duì)網(wǎng)站作如下劃分：　 l. 走近博元：包括企業(yè)介紹、企業(yè)理念、董事長(zhǎng)致辭三部分，通過(guò)圖文混排的內(nèi)容形式來(lái)展現(xiàn)。是網(wǎng)頁(yè)制作者必備之利器。Fireworks的實(shí)質(zhì)是通過(guò)最少的步驟創(chuàng)建最小、最高質(zhì)量的JPEG和GIF圖像， 是創(chuàng)建和生成網(wǎng)頁(yè)圖形的完全解決方案。它既可以編輯Web圖像，又可以編輯Web動(dòng)畫，它能夠自動(dòng)切圖、生成鼠標(biāo)動(dòng)態(tài)感應(yīng)的javascript，制作按鈕的導(dǎo)航條、菜單等，甚至能直接制作網(wǎng)頁(yè)。1．2．5 Fireworks簡(jiǎn)介Fireworks是Macromedia公司推出的專門針對(duì)網(wǎng)絡(luò)圖形設(shè)計(jì)的工具軟件。如果想要在可視化編輯模式和原始代碼編輯模式之間跳換的話，只要按一下所需的視窗就可以了。當(dāng)你要編輯自己既有的網(wǎng)頁(yè)時(shí)，Dreamweaver會(huì)尊重你在其他編輯器所做出的原始代碼，不會(huì)任意地改變他。 Dynamic HTML、直覺(jué)式時(shí)間軸界面以及JavaScrip 行為庫(kù)，可以不需要其他程序的支持，卻能讓 HTML元件動(dòng)起來(lái)。(3) 當(dāng)開啟其他編輯器產(chǎn)生的網(wǎng)頁(yè)時(shí)，他會(huì)保存既有的 HTML 格式。 Dreamweaver 支持跨瀏覽器的 Dynamic HTML，階層式樣式表單、絕對(duì)坐標(biāo)定位以及JavaScript 的動(dòng)畫，使你更容易編輯網(wǎng)頁(yè)。當(dāng)有新的瀏覽器上市時(shí)，只需從Dreamweaver的網(wǎng)站下載他的描述文檔，便可得知詳盡的成效報(bào)告。對(duì)于Cascading Style Sheets的動(dòng)態(tài)HTML支持和鼠標(biāo)換圖效果，聲音和動(dòng)畫的DHTML效果資料庫(kù)可在Netscape和Microsoft瀏覽器上執(zhí)行。用戶也可以使用模板正確地導(dǎo)入或?qū)С鯴ML內(nèi)容。5. 夢(mèng)幻樣版和XMLDreamweaver將內(nèi)容與設(shè)計(jì)分開，應(yīng)用快速網(wǎng)頁(yè)更新和團(tuán)隊(duì)合作網(wǎng)頁(yè)編輯。4. 所供即所得Dreamweaver成功整合動(dòng)態(tài)式出版視覺(jué)編輯及電子商務(wù)功能，提供超強(qiáng)的支援能力給hireparty廠商，包含ASP， Apache，BroadVision， Cold Fusion，iCAT， Tango與自行發(fā)展的應(yīng)用軟件。用戶甚至可以排序或格式化表格群組。幀(Frames)和表格的制作速度快得令你無(wú)法想象。3. 無(wú)可比擬的控制能力Dreamweaver是惟一提供Roundtrip HTML、可視化編輯與原始代碼編輯同步的設(shè)計(jì)工具。改變網(wǎng)頁(yè)位置或文檔名稱，Dreamweaver會(huì)自動(dòng)更新所有鏈接。此外，只要單擊便可使Dreamweaver自動(dòng)開啟Fireworks或Photoshop，從而實(shí)現(xiàn)編輯與設(shè)定圖檔的最佳化。對(duì)于選擇菜單、快捷鍵以及格式控制，都只需一個(gè)簡(jiǎn)單步驟便可完成。Dreamweaver的特點(diǎn)如下：1. 最佳的制作效率Dreamweaver可以用最快速的方式將Fireworks，F(xiàn)reeHand或Photoshop等文檔移到網(wǎng)頁(yè)上。本人使用最新版Flash 8作為企業(yè)形象網(wǎng)站Flash動(dòng)畫的制作工具。半小時(shí)的節(jié)目，若用Flash技術(shù)制作，大約3至4個(gè)月就可殺青，若用其它技術(shù)通常需用1014個(gè)月。 6. 用Flash制作動(dòng)畫會(huì)大幅度降低制作成本，減少人力，物力資源的消耗。 5. Flash動(dòng)畫雖然現(xiàn)在還是比較粗糙、簡(jiǎn)陋，但Flash有新的視覺(jué)效果，比傳統(tǒng)的動(dòng)漫更加輕易與靈巧,更加的酷。 4. Flash動(dòng)畫可以放在網(wǎng)上供人欣賞和下載，由于使用的是矢量圖，文件小，傳輸速度快的特點(diǎn)，助長(zhǎng)了高速動(dòng)畫的崛起，可以利用獨(dú)有的優(yōu)勢(shì)在網(wǎng)上廣泛，有著可比擬的傳播性。 3. 不僅如此，由于只需要掌握一些特定的軟件就可以嘗試，F(xiàn)LASH動(dòng)畫的制作相對(duì)比較簡(jiǎn)單，一個(gè)愛(ài)好者很容易就能成為一個(gè)制作者。 2. Flash動(dòng)畫具有交互性優(yōu)勢(shì)，更好的滿足的受眾的需要，他可以讓欣賞者的動(dòng)作成為動(dòng)畫的一部分，通過(guò)點(diǎn)擊、選擇等動(dòng)作決定動(dòng)畫的運(yùn)行過(guò)程和結(jié)果。Flash另外一個(gè)特點(diǎn)就是必須安裝插件Plugin，才能被瀏覽器所接受，當(dāng)然這也避免了瀏覽器之間的差異，使之一視同仁。這樣你就能生成多媒體的圖形和界面，而使文件的體積卻很小。它的優(yōu)點(diǎn)是體積小，可邊下載邊播放，這樣就避免了用戶長(zhǎng)時(shí)間的等待。由此可見(jiàn)，選擇Access數(shù)據(jù)庫(kù)用于展示形象的企業(yè)網(wǎng)站是最適合的。如上所述，Access 作為關(guān)系數(shù)據(jù)庫(kù)開發(fā)具備了許多優(yōu)點(diǎn)，可以在一個(gè)數(shù)據(jù)包中同時(shí)擁有桌面數(shù)據(jù)庫(kù)的便利和關(guān)系數(shù)據(jù)庫(kù)的強(qiáng)大功能。Access也提供了數(shù)據(jù)存儲(chǔ)庫(kù)，可以使用桌面數(shù)據(jù)庫(kù)文件把數(shù)據(jù)庫(kù)文件置于網(wǎng)絡(luò)文件服務(wù)器，與其他網(wǎng)絡(luò)用戶共享數(shù)據(jù)庫(kù)。數(shù)據(jù)表示圖提供了一種類似于Excel的電子表格，可以使數(shù)據(jù)庫(kù)一目了然。1．2．2 Access簡(jiǎn)介Access是Office里面的一個(gè)組件，正如Office方便性和易使用性一樣，Access 是設(shè)計(jì)中小企業(yè)所用數(shù)據(jù)庫(kù)的良好工具,利用Access的動(dòng)態(tài)頁(yè)面能力，可以比較容易地達(dá)到用它來(lái)構(gòu)造WWW應(yīng)用環(huán)境的目標(biāo)?？梢允褂?Visual Basic 、 Java 、 Visual C++ 、 COBOL 等編程語(yǔ)言來(lái)編寫你所需要的 ActiveX Server Component 。 　 7. 可使用服務(wù)器端的腳本來(lái)控制產(chǎn)生客戶端的腳本。腳本引擎是處理腳本程序的 COM(Component Object Model) 物件。 　 5. ASP 能與任何 ActiveX scripting 語(yǔ)言相容。用戶端只要使用可執(zhí)行