【正文】 得太快，網(wǎng)站設(shè)計(jì)跟不上時(shí)代的發(fā)展，互聯(lián)網(wǎng)上很大一部分企業(yè)網(wǎng)站缺乏設(shè)計(jì)思想和技術(shù)含量，還遠(yuǎn)遠(yuǎn)停留在幾年前的水平，沒有發(fā)揮網(wǎng)站應(yīng)有的作用。我們隨便在一個(gè)搜索引擎上查找某一行業(yè)的企業(yè)網(wǎng)站，都會(huì)找到成千上萬條信息，試想，在這么多的網(wǎng)站中，沒有自己企業(yè)特色、平庸無奇的網(wǎng)站是不會(huì)令人感到興趣的，更不用說進(jìn)入詳細(xì)瀏覽了。隨著公司業(yè)務(wù)的不斷拓展，市場(chǎng)信息網(wǎng)絡(luò)已遍及全國各地。1．2 開發(fā)工具的選用及介紹1．2．1 ASP簡介 ASP的全稱是：Active Server Pages，是在服務(wù)器端腳本編譯環(huán)境，使用它可以創(chuàng)建和運(yùn)行動(dòng)態(tài)、交互的Web服務(wù)器應(yīng)用程序。 　 2. 無須編譯，容易編寫，調(diào)試方便可在服務(wù)器端直接執(zhí)行。 ASP所使用的腳本語言 (VBScript 、 Jscript) 均在 WEB 服務(wù)器端執(zhí)行，用戶端的瀏覽器不要求能夠執(zhí)行這些腳本語言。 　 6. Active Server Pages 的源程序，不會(huì)被傳到客戶瀏覽器，因而可以避免所寫的源程序被他人直接剽竊，提高了程序的安全性。由此可見，將ASP技術(shù)用于展示形象的企業(yè)網(wǎng)站是最適合的。另外，Access 允許創(chuàng)建自定義報(bào)表用于打印或輸出數(shù)據(jù)庫中的信息。另外，中小型企業(yè)網(wǎng)站很少有買或租服務(wù)器的，租用虛擬主機(jī)的話，如果選擇SQL Server數(shù)據(jù)庫就沒辦法直接用了，必須額外購買數(shù)據(jù)庫空間，所以，對(duì)于中小型企業(yè)網(wǎng)站來說，Access是最經(jīng)濟(jì)實(shí)用的選擇。FLASH可以用其生成動(dòng)畫，還可在網(wǎng)頁中加入聲音。以下羅列了Flash所獨(dú)具的一些特點(diǎn)：1. Flash動(dòng)畫受網(wǎng)絡(luò)資源的制約一般比較短小，所以在情節(jié)和畫面上往往更夸張起伏，致力在最短時(shí)間內(nèi)傳達(dá)最深感受。全新的Flash動(dòng)畫(Flash)使動(dòng)畫制作變得非常簡單：一套電腦軟件，一個(gè)人，一臺(tái)電腦就可以制作出一段有聲有色的動(dòng)畫片段。它不可否認(rèn)已經(jīng)成為了一種新時(shí)代的藝術(shù)表現(xiàn)形式。 7. Flash制作的動(dòng)畫可以同時(shí)在網(wǎng)絡(luò)與電視臺(tái)播出，實(shí)現(xiàn)一片兩播。使用檢色吸管工具選擇熒屏上的顏色，可設(shè)定最接近的網(wǎng)頁安全色。2. 網(wǎng)站管理使用網(wǎng)站地圖可以快速制作網(wǎng)站雛形，設(shè)計(jì)、更新和重組網(wǎng)頁。他包含HomeSite和BBEdit等主流文字編輯器。Dreamweaver支持精確定位，利用他可輕易地將表格轉(zhuǎn)換成表格的圖層以拖拉置放的方式進(jìn)行版面設(shè)計(jì)。建立網(wǎng)頁外觀的模板，指定可編輯或不可編輯的部分，內(nèi)容提供者可直接編輯以樣式為主的內(nèi)容,卻不會(huì)因不小心而改變既定的樣式。用戶可以使用不同瀏覽器檢查展示，隨之Dreamweaver就列出你在不同瀏覽器上執(zhí)行的成效如何。(2) Roundtrip HTML 功能完全控制HTML原始代碼，著名的BBEdit 與 Home Site 編輯器分別內(nèi)含于 Macintosh 與 Windows 版本的軟體中。(4) 以全網(wǎng)站內(nèi)容管理的方式讓你擺脫逐頁更新管理的缺點(diǎn)，提高你的工作效率。如上所述，Dreamweaver是一款優(yōu)秀的網(wǎng)站開發(fā)及管理軟件，此次開發(fā)企業(yè)形象展示系統(tǒng)，本人使用最新版Dreamweaver 8生成網(wǎng)站模板及編寫HTML、ASP和CSS代碼。同時(shí)具有多種傳統(tǒng)圖形制作軟件的功能，而且它能把位圖處理和矢量處理完美的結(jié)合在一起，使得網(wǎng)頁圖形設(shè)計(jì)人員再也不必多種圖形設(shè)計(jì)軟件之間頻繁切換。此次開發(fā)企業(yè)形象展示系統(tǒng)，本人使用最新版Fireworks 8繪制網(wǎng)頁藍(lán)圖，并切割導(dǎo)出生成網(wǎng)頁，系統(tǒng)所用其它全部圖片也都由Fireworks 8編輯處理而成?！?4. 機(jī)械裝備：通過圖片陳列的形式來展現(xiàn)。 　 7. 新聞動(dòng)態(tài)：分為公司動(dòng)態(tài)和行業(yè)新聞兩部分，以列出標(biāo)題目錄的形式來展現(xiàn)。DRIVER={Microsoft Access Driver (*.mdb)}set conn=() connstr%第三章 網(wǎng)站前臺(tái)開發(fā)3．1 網(wǎng)站首頁的實(shí)現(xiàn)首頁最抓瀏覽者眼球的部分就是Flash動(dòng)畫，占去首頁大部分版面。第二列是企業(yè)的概要介紹，取前130個(gè)字加省略號(hào)，點(diǎn)擊可進(jìn)入查看完整的企業(yè)介紹。相關(guān)源代碼如下：%set rs=() select top 4 id,title from [xinwen] order by id desc,conn,1,1do while not %table width=220 border=0 cellspacing=0 cellpadding=0trtd height=25 align=left valign=bottom style=BORDERBOTTOM: D1D0C9 1PX DASHEDamp。a href=?id=%=rs(id)% title=%=rs(title)%%=DoTrimProperly(rs(title),15,0,1,..)%/a/td/tr/table%loopset rs=nothing%3．1．2 首頁企業(yè)簡介的實(shí)現(xiàn)取最前面130個(gè)字符加省略號(hào)。圖片每行顯示3張，每頁顯示15張，剩下的被分到下一頁繼續(xù)顯示。function DrawImage(ImgD){var image=new Image()。 0){flag=true。 =。 }else{=。網(wǎng)頁截圖如下：圖33 榮譽(yù)資質(zhì)相關(guān)源代碼如下：%const MaxPerPage=15url=dim totalPut dim CurrentPagedim TotalPagesdim i,jif request(page) then currentPage=cint(request(page))else currentPage=1end ifsql=select * from [rongyu] order by pxSet rs= () sql,conn,1,1if not then totalPut= totalPut= if currentpage1 then currentpage=1 end if if (currentpage1)*MaxPerPagetotalput then if (totalPut mod MaxPerPage)=0 then currentpage= totalPut \ MaxPerPage else currentpage= totalPut \ MaxPerPage + 1 end if end if if currentPage=1 then showContent showpage totalput,MaxPerPage,url else if (currentPage1)*MaxPerPagetotalPut then (currentPage1)*MaxPerPage dim bookmark bookmark= showContent showpage totalput,MaxPerPage,url else currentPage=1 showContent showpage totalput,MaxPerPage,url end if end if end ifset rs=nothing sub showContentdim ii=0%% do while not %table width=100% border=0 cellspacing=0 cellpadding=0tr align=center valign=middle% for j=1 to 3 %td width=33%% if not and iMaxPerPage then %table width=202 border=0 cellspacing=0 cellpadding=0trtd align=center valign=toptable width=202 border=0 cellpadding=0 cellspacing=0trtd width=202 height=166 align=center valign=middle background=images/% if rs(img) then %a href=%=rs(img)% target=_blankimg src=%=rs(img)% width=160 height=120 border=0 onload=javascript:DrawImage(this)。images/39。3039。nbsp。nbsp。CurrentPageamp。nbsp。nbsp。filenameamp。nbsp。CurrentPage1amp。nbsp。(CurrentPage+1)amp。nbsp。namp。點(diǎn)擊每一個(gè)類別的鏈接，跳轉(zhuǎn)顯示各自類別下的圖片，圖片每行顯示3張，每頁顯示15張。request(type),conn,1,1if not then rs(title)end ifset rs=nothing%2，讀取全部的類別，形成一張動(dòng)態(tài)的網(wǎng)頁鏈接表，點(diǎn)擊鏈接跳轉(zhuǎn)顯示各自類別下的圖片，源代碼如下：%if request(type)= thendtype=1elsedtype=cint(request(type))end ifset rs1=() select * from [gclb] order by id,conn,1,1 do while not if rs1(id)=dtype then%amp。a href=?type=%=rs1(id)%span class=zijuxi%=rs1(title)%/span/aamp。% else %amp。a href=?type=%=rs1(id)%%=rs1(title)%/aamp。%end ifloopset rs1=nothing%3，在初始未提交類別的情況下，將顯示第一類類別的圖片，源代碼如下（其余代碼因和榮譽(yù)資質(zhì)相同，可參看上面的代碼，故省略）：%url=?type=amp。3．6 在線反饋的實(shí)現(xiàn)本模塊設(shè)置了一個(gè)反饋表單，由用戶填寫每一個(gè)項(xiàng)，其中打*的為必填項(xiàng)，表單提交后數(shù)據(jù)被保存到數(shù)據(jù)庫中，管理員登錄后可查看到反饋信息。nbsp。 ()。 return false。} if(==) {alert(請(qǐng)?zhí)顚戨娫?。 ()。 return false。)。3．8 新聞動(dòng)態(tài)的實(shí)現(xiàn)本模塊首先抽取新聞標(biāo)題形成全部新聞動(dòng)態(tài)的列表，列表高度為10行，其余的行將在下一頁中繼續(xù)顯示。gt。amp。amp。amp。amp。amp。amp。amp。amp。request(type)amp。amp。amp。 width=39。br共amp。每頁顯示amp。目前顯示第span class=39。/span/amp。amp。amp。amp。nbsp。page=amp。amp。amp。nbsp。filenameamp。尾頁/a end ifend function %/td/tr/table點(diǎn)擊新聞列表中的新聞標(biāo)題，將跳轉(zhuǎn)顯示該條新聞的詳細(xì)內(nèi)容，源代碼如下：%set rs=()sql=select * from [xinwen] where id=amp。,’)dpass=replace(trim(request(dpass)),39。(39。)。非法字符！39。)/scriptend ifif instr(dpass,%) or instr(dpass,) or instr(dpass,?) or instr(dpass,|) then script language=javascriptalert(39。39。(39。)。amp。amp。 charset=gb2312 /title管理登錄/titlelink href=css/ rel=stylesheet type=text/css //headbodytable width=100% height=100% border=0 cellpadding=0 cellspacing=0trtd align=center valign=middletable width=400 border=0 cellpadding=0 cellspacing=0form action= method=post name=form1 id=form1 onSubmit=return loginchk()trtd width=120 height=30 align=right valign=middle帳號(hào)：/tdtd width=10 height=30 align=rightamp。