【正文】 據(jù)學(xué)院的需要和計劃，確定網(wǎng)站的功能 類型。 一般校園型網(wǎng)站應(yīng)包括：學(xué)院簡介、學(xué)生工作、黨群園地、招生就業(yè)、科研教研、網(wǎng)絡(luò)中心、在線留言等基本內(nèi)容。 根據(jù)網(wǎng)站的目的及內(nèi)容確定網(wǎng)站整合功能。 如學(xué)院簡介中可以包括：學(xué)院領(lǐng)導(dǎo)、學(xué)院新聞、學(xué)院簡介、職能部門、學(xué)生工作可以包括：無償獻(xiàn)血、紅十字會、知識競賽等。招生就業(yè)包括：招生信息 、就業(yè)信息等。網(wǎng)絡(luò)中心包括：上網(wǎng)指南、常見問題、網(wǎng)絡(luò)安全等。 如 學(xué)生作品 中心使用動態(tài)程序數(shù)據(jù)庫還是靜態(tài)頁面； 校園 網(wǎng)站 系統(tǒng)概述 網(wǎng)站主頁的內(nèi)容指的是，讓瀏覽者從網(wǎng)站主頁得到信息的梗概。同時，網(wǎng)站主頁還有表現(xiàn)形式的一面，包括網(wǎng)站名稱的排布、欄目的設(shè)置、相關(guān)鏈接以及總體風(fēng)格等項。高職院校網(wǎng)站的布局通常有左右式、上下式、圓弧式綜合式等框 架結(jié)構(gòu)，在欄目分割上有一欄式、等分多欄式、不等分多欄。另外，布局形式要新穎，別致，令人賞心悅目。網(wǎng)站主頁采用靜、動相結(jié)合的方式，即靜態(tài)的主頁面和動態(tài)的圖片相結(jié)合，體現(xiàn)學(xué)校的勃勃生氣，靜態(tài)主頁方式介紹學(xué)校風(fēng)采、優(yōu)點特色、信息發(fā)布，對于四大校務(wù)，就得利用PHP 與數(shù)據(jù)庫結(jié)合的技術(shù)建立數(shù)據(jù)庫查詢管理系統(tǒng)，采用交互式的動態(tài) 的 web 畫面來實現(xiàn)。 制作一個有利于網(wǎng)站優(yōu)化的后臺搭建一個利于網(wǎng)站進(jìn)行 SEO 優(yōu)化的后臺是很有必要的，畢竟現(xiàn)在人們都習(xí)慣于再搜索引擎里搜索。好的后臺內(nèi)給我們在搜索引擎里帶來一個好的排名。 網(wǎng)站頁面下載速度快，據(jù)研究發(fā)現(xiàn)，頁面下載速度是網(wǎng)站留住訪問者的關(guān)鍵因素，如果 10— 20 秒還不能打開一個網(wǎng)頁，一般人就會沒有耐心。 網(wǎng)站建設(shè)功能多樣、使用方便 網(wǎng)站吸引用戶訪問的基本目的無非是出于幾個方面：擴大網(wǎng)站知名度和吸引力；將潛在顧客轉(zhuǎn)化為實際顧客；將現(xiàn)有顧客發(fā)展為忠誠顧客等。包括方便的導(dǎo)航系統(tǒng)、必要的幫助信息、常見問題解答、盡量簡單的用戶注冊程序等等。我們時?？梢钥吹健霸摼W(wǎng)頁已被刪除或不能顯示”、“ Filenotfound”等由于無效鏈接而產(chǎn)生的反饋信息，這種情況往往讓人覺得難以忍受，同時也嚴(yán)重影響了用戶對網(wǎng)站的信心。出于我們對于網(wǎng)絡(luò)營銷探討的目的，在這里我們只討論 校園 網(wǎng)站。發(fā)布 學(xué)院 新聞、 就業(yè) 信息、 最新公告 等信息。收集 各個大專院校信息 。 第 6 頁 共 28 頁 第二章 開發(fā)環(huán)境及需求分析 開發(fā)環(huán)境 Apache a) 雙擊文件 ，彈出歡迎界面。 b) 用戶需要同意界面 中的條款才能繼續(xù)安裝。 圖 1 第 7 頁 共 28 頁 圖 2 圖 3 第 8 頁 共 28 頁 圖 4 瀏覽程序的描述和說明后，單擊 NEXT 按鈕進(jìn)入 Server Information 界面，如圖 2 所示 Server Information 界面需要用戶填寫域名、服務(wù)器名稱和管理員 Email。s Email Address 下填 入系 統(tǒng)管 理員 的聯(lián)系 電子 郵件 地址 （比 如：），上述三條信息僅供參考，其中聯(lián)系電子郵件地址會在當(dāng)系統(tǒng)故障時提供給訪問者，三條信息均可任意填寫，無效的也行 。第二個單選按鈕是該服務(wù)器僅對當(dāng)前用戶開放，并且服務(wù)器端口為 8080.這里選中第一個選項，然后單擊 NEXT 按鈕，進(jìn)入 Setup Type（安裝 類型）界面 ，如 圖3 所示。出現(xiàn)選擇安裝選項界面，如圖所示，左鍵點選 “ This feature, and all subfeatures, will be installed on local hard drive.”，即“此部分，及下屬子部分內(nèi)容，全部安裝在本地硬盤上”。其語法與 C語言、 Java 語言的語法相似。 但是 PHP 對組件的支持不夠完善，擴展性較差，常與免費的數(shù)據(jù)庫系統(tǒng) MySQL 一起構(gòu)建中小型 B/S 應(yīng)用的網(wǎng)站或信息系統(tǒng)。目前 MySQL 被廣泛地應(yīng)用在 Inter 上的中小型網(wǎng)站中。 開發(fā)工具 選用 Macromedia Dreamweaver 8 來創(chuàng)建專業(yè)網(wǎng)站的是最佳途徑 ， 同時 Macromedia Dreamweaver 8 是一種專業(yè)的 HTML 編輯器，用于對 Web 站點、 Web 頁和 Web 應(yīng)用程序進(jìn)行設(shè)計、編碼和開發(fā)。 利用 Dreamweaver 中的可視化編輯功能，您可以快速地創(chuàng)建頁面而 無需編寫任何代碼。并且，借助 Dreamweaver，您還可以使用服務(wù)器語言（例如 ASP、 、ColdFusion 標(biāo)記語言 (CFML)、 JSP 和 PHP）生成支持動態(tài)數(shù)據(jù)庫的 Web 應(yīng)用程序。其中 Macromedia Dreamweaver 8，功能強大，而且是所見即所得的網(wǎng)站編輯器，并帶有站點管 理功能。 Dreamweaver 成功整合動態(tài)式出版視覺編輯及電子商務(wù)功能，提供超強的支援能力給Thirdparty 廠商，包含 ASP， Apache， BroadVision， Cold Fusion， iCAT， Tango 與自行發(fā)展的應(yīng)用軟體。 Dreamweaver 將內(nèi)容與設(shè)計分開，應(yīng)用於快速網(wǎng)頁更新和團隊合 作網(wǎng)頁編輯。您也可以使用樣版正確地匯入或輸出 XML 內(nèi)容。用戶登陸系統(tǒng)后，進(jìn)入主菜單，并進(jìn)行瀏覽。 后臺管理可以進(jìn)行用戶權(quán)限管理。 校園網(wǎng)站 前臺模塊設(shè)計 根據(jù)系統(tǒng)的需求分析，可畫出系統(tǒng)的總體框架，如 下 圖 31 所示： 第 11 頁 共 28 頁 學(xué)院概況 學(xué)生工作 黨群園地 學(xué)院簡介 訪問 校園 網(wǎng)站 招生就業(yè) 科研教研 校園風(fēng)光 網(wǎng)絡(luò)中心 在線留言 學(xué)院榮譽 學(xué)院領(lǐng)導(dǎo) 職能部門 無償獻(xiàn)血 院 簡介 紅十字會 知識競賽 最新公告 團內(nèi)通知 組織結(jié)構(gòu) 評優(yōu)評先 招生信息 就業(yè)信息 精品課程 科研信息 上網(wǎng)指南 院 簡介 常見問題 網(wǎng)絡(luò)安全 發(fā)表留言 查看留言 第 12 頁 共 28 頁 圖 31 系統(tǒng) 前臺模塊 校園網(wǎng)站 后臺總體設(shè)計 圖 32 系統(tǒng)后臺模塊 設(shè)計描述 確定企業(yè)所要傳播的主要信息 ， 并將這些信息分類 。 他們希望從網(wǎng)站上獲知哪些信息 ，學(xué)校 希望哪些人瀏覽自己的網(wǎng)站，準(zhǔn)備提供給訪問者哪些信息，同時企業(yè)又希望獲知訪問者的哪些信息等。 學(xué)生作品： 鏈接 學(xué)生的平臺 ，實現(xiàn) 學(xué)院學(xué)生作品的展示及表揚 。 黨群園地：及時發(fā)布黨團建設(shè)，提高學(xué)生對黨的認(rèn)識。 招生就業(yè)：關(guān)注每一屆畢業(yè)生的就業(yè)情況以及新一屆學(xué)子的入學(xué)情況 。另一方面輔助學(xué)生辦學(xué)。 校園風(fēng)光：及時上傳學(xué)院的風(fēng)景照片。 網(wǎng)絡(luò)中心：為學(xué)院學(xué)生提供上網(wǎng)的平臺。 公司簡介分 4 部分，為歷史發(fā)展和風(fēng)光展示。風(fēng)光展示部分是放些展示公司辦公環(huán)境的照片以及公司職員的代表照片。 本網(wǎng)站 的重點則是在 在線留言 。留言版頂端可設(shè)一個留言公告。但是這些留言必須經(jīng)過管理員的審核，只有通過審核了才會在前臺的留言版頁面上顯示出來。這樣方便了客戶與公司，客戶與客戶之間的信息交流。數(shù)據(jù)庫定義了存儲信息的結(jié)構(gòu)。類似 HTML 表 格，數(shù)據(jù)庫表含有行、列以及單元。數(shù)據(jù)庫應(yīng)用系統(tǒng)的開發(fā)過程中，數(shù)據(jù)庫的結(jié)構(gòu)設(shè)計是一個非常重要的環(huán)節(jié)。 在數(shù)據(jù)庫系統(tǒng)開始設(shè)計的時候，應(yīng)該盡量考慮全面，尤其應(yīng)該仔細(xì)考慮用戶的各種需求，避免浪費不必要的人力和物力。實現(xiàn) 主 頁面如 下 圖 所示 ： 圖 51 企業(yè)網(wǎng)站主頁 首頁 文件名 為 ，重點展示學(xué)院風(fēng)采和學(xué)院新聞，并在左邊顯示學(xué)院的學(xué)生作品和聯(lián)系方式，以便給訪客留下較好的第一印象。主要代碼如下： % …… div class=boxl div class=searchbox form name=form action= method=post input class=inpt type=text name=keyword id=keyword value=?php echo $keyword。39。 ? title= 學(xué)生作 品 更多/a/span/div div class=cent ?php $mtquery = $dbquery(select id,product,masterimg from .DB_PREFIX.product where tid=39。 and new!=0 order by pdate desc limit 0,1)。? a href=?php echo reseturl(39。.$mtrow[39。])。product39。 ?img src=?php echo $mtrow[39。]。product39。 ? //a /div /div div class=contactbox div class=hta href=?php echo reseturl(39。)。咨詢熱線： 05948166999/li li服務(wù)郵箱： a href=mailto:/a/li li 第 18 頁 共 28 頁 圖 52 學(xué)生作品 展示 頁面 主要代碼： ?php ….. 查詢數(shù)據(jù)庫學(xué)生作品 ….. div class=mainht 您現(xiàn)在的位置： a href=?php echo $domainname。39。 ? title=學(xué)生作品 學(xué)生作品 /a 正文 /div div class=newscenth1?php echo $row[39。]。pdate39。 ? 瀏覽次數(shù)： ?php echo $row[39。]。masterimg39。 ? alt=?php echo $row[39。] ? //div ?php echo unhtmlspecialchars($row[39。])?/div /div 第 19 頁 共 28 頁 校園 風(fēng)光展示頁面與 學(xué)生作品 展示頁面 ()類似，但 學(xué)生作品 展示顯示的信息更 豐富， 故 在這具體描述 學(xué)院風(fēng)光 展示的頁面。點擊圖片，可看出 圖片 的 詳細(xì)信息 。 ? title=首頁 首頁 /a 校園風(fēng)光 /div div class=imgbox cl ul ?php $query = $dbquery($sql)。masterimg39。? title=?php echo $row[39。]。masterimg39。? width=195 height=134 alt=?php echo $row[39。]。product39。? /a/li ?php }? /ul 第 20 頁 共 28 頁 /div ?php if($aresult0){? div class=manu?php echo $pagestr ?/div ?php } ? /div % 留言版實現(xiàn) 留言版作為 學(xué)生 與 學(xué)院 ， 學(xué)生 與 教師 之間互動性的手段，也是一大要點。.qt_db_input($names).39。.qt_db_input($).39。.qt_db_input($content).39。39。39。 第 21 頁 共 28 頁 $dbquery($sql)。留言成功，謝謝您的支持！39。(39。)。 exit。39。 ? onsubmit=return(check(this)) div class=msg label class=inputLabel for=names姓名 :span class=red*/spanbr / input name=names type=text id=names maxlength=40 class=input_5 chkname=Full Name chkrule=nnull/min2 / /label label class=inputLabel for=郵箱地址 :span class=red*/spanbr / input name= type=text id= maxlength=94 class=input_5 chkname=Email Address chkrule=nnull/min6/eml / /label label class=inputLabel for=content留言內(nèi)容 :span class=red