久久亚洲中文字幕精_精品国产一区二区三区不卡_99久久久无码国产精品免费手机_国产亚洲精品久久久久动漫

大學(xué)校園失物招領(lǐng)網(wǎng)站網(wǎng)頁(yè)設(shè)計(jì)與實(shí)現(xiàn)發(fā)布者：本站     時(shí)間：2020-05-02 14:05:46

針對(duì)校園學(xué)生失物現(xiàn)象頻繁發(fā)生、找尋困難這一問(wèn)題, 利用Dreamweaver軟件設(shè)計(jì)最初網(wǎng)站, 然后基于PHP和My SQL技術(shù)設(shè)計(jì)管理系統(tǒng), 用Wamp Server配置環(huán)境, 調(diào)試運(yùn)行PHP網(wǎng)頁(yè), 最終設(shè)計(jì)出了失物招領(lǐng)管理網(wǎng)頁(yè), 減少了校園學(xué)生的經(jīng)濟(jì)及精神損失。

在大學(xué)校園內(nèi), 丟失物品現(xiàn)象非常普遍, 同學(xué)們經(jīng)常會(huì)遺失課本、鑰匙、準(zhǔn)考證、優(yōu)盤(pán)、雨傘以及錢(qián)包等物品。失主丟失物品后往往苦于尋找, 而現(xiàn)有失物招領(lǐng)處工作繁瑣且效率低, 拾主撿到物品若希望歸還也很麻煩。所以, 在學(xué)校的公共場(chǎng)所經(jīng)常會(huì)有一些張貼尋物啟事的公告, 一則影響校容, 助長(zhǎng)了亂張貼小廣告的風(fēng)氣;二則效果不明顯, 同時(shí)寫(xiě)尋物啟事也會(huì)耗費(fèi)失主的精力和財(cái)力。以上種種, 給同學(xué)們的生活造成了極大的不便。

1 設(shè)計(jì)網(wǎng)頁(yè)風(fēng)格

網(wǎng)頁(yè)主頁(yè)是一個(gè)網(wǎng)站的門(mén)面, 是訪問(wèn)者第一印象的來(lái)源, 必然希望盡量給人留下好的印象。一般來(lái)說(shuō), 好的網(wǎng)站應(yīng)該給人這樣的感覺(jué):干凈整潔、條理清楚、專(zhuān)業(yè)水準(zhǔn)、引人入勝。另外, 在網(wǎng)頁(yè)設(shè)計(jì)時(shí)要有明確的主題。因此, 主題鮮明是網(wǎng)頁(yè)設(shè)計(jì)的前提, 不同的主題應(yīng)有不同的設(shè)計(jì)風(fēng)格, 不同的設(shè)計(jì)風(fēng)格, 給人以不同的視覺(jué)效果。網(wǎng)頁(yè)設(shè)計(jì)屬視覺(jué)設(shè)計(jì)領(lǐng)域, 它的最終目的是使網(wǎng)頁(yè)內(nèi)容清晰、具有條理性, 并達(dá)到最佳的視覺(jué)效果[1]。其設(shè)計(jì)不但要單純、簡(jiǎn)練、清晰和準(zhǔn)確, 而且在強(qiáng)調(diào)藝術(shù)性的同時(shí), 更應(yīng)注重通過(guò)獨(dú)特的風(fēng)格和強(qiáng)烈的視覺(jué)沖擊力, 來(lái)鮮明地突出設(shè)計(jì)主題, 同時(shí)要使網(wǎng)頁(yè)從形式上給人良好的印象。鮮明的突出主題可以通過(guò)對(duì)網(wǎng)頁(yè)的空間層次、主從關(guān)系、視覺(jué)秩序及彼此間邏輯關(guān)系的把握運(yùn)用來(lái)實(shí)現(xiàn), 合理布局、調(diào)整主次的位置關(guān)系、突出主題, 能讓瀏覽者在短時(shí)間內(nèi)過(guò)目不忘、回味無(wú)窮。
  

2 設(shè)計(jì)首頁(yè)菜單

設(shè)計(jì)失物招領(lǐng)管理網(wǎng)頁(yè), 首先要設(shè)計(jì)好首頁(yè)的菜單。在網(wǎng)頁(yè)設(shè)計(jì)中, 首頁(yè)菜單的設(shè)計(jì)應(yīng)便于用戶在瀏覽網(wǎng)站時(shí)一目了然, 方便地使用網(wǎng)站。本站的首頁(yè)菜單采用了常見(jiàn)的導(dǎo)航條導(dǎo)航形式, 即采用了Spry選項(xiàng)卡式面板導(dǎo)航, 瀏覽者可以通過(guò)單擊面板上需要訪問(wèn)的選項(xiàng)卡來(lái)顯示相應(yīng)內(nèi)容。將插入點(diǎn)定位于網(wǎng)頁(yè)要插入Spry選項(xiàng)卡式面板的位置, 插入Spry選項(xiàng)卡式面板, 選擇水平布局。點(diǎn)擊Spry菜單欄左上角的藍(lán)色選擇區(qū)域, 就出現(xiàn)了相關(guān)屬性。根據(jù)需要, 我們把項(xiàng)目1、項(xiàng)目2、項(xiàng)目3、項(xiàng)目4、項(xiàng)目5和項(xiàng)目6文本框中內(nèi)容分別修改為“首頁(yè)”“失物信息”“招領(lǐng)啟事”“登記失物”“登記招領(lǐng)”和“關(guān)于我們”。

3 二級(jí)欄目網(wǎng)頁(yè)和內(nèi)容網(wǎng)頁(yè)的制作

3.1 制作二級(jí)欄目頁(yè)面模板

打開(kāi)Dreamweaver軟件, 選擇“新建”—“空模板”—“HTML模板”, 布局選擇<無(wú)>, 點(diǎn)擊“創(chuàng)建”。然后根據(jù)普通網(wǎng)頁(yè)的制作方法來(lái)創(chuàng)建模板。模板做好以后還要確定模板的可編輯區(qū)域, 即在以后的網(wǎng)頁(yè)制作中利用該模板時(shí)可以編輯的內(nèi)容。選中想要編輯的各個(gè)表格, “插入”中選擇“模板”—“可編輯區(qū)域”, 把名稱改為“EditRegion1”“EditRegion2”“EditRegion3”等等, 點(diǎn)擊“確定”。在以后套用此模板時(shí)這些可編輯區(qū)域是可以進(jìn)行更改的, 而其他區(qū)域不可更改。點(diǎn)擊“保存”[2]。

3.2 利用模板制作各個(gè)二級(jí)欄目頁(yè)面

模板制作好以后, 我們?cè)诒灸０宓幕A(chǔ)上來(lái)制作具體的二級(jí)欄目網(wǎng)頁(yè)。選擇菜單欄當(dāng)中的“文件”, 選擇“新建”—“空白頁(yè)”, 頁(yè)面類(lèi)型選擇“HTML模板”, 布局選擇<無(wú)>, 點(diǎn)擊“創(chuàng)建”。接著在菜單欄中選擇“修改”, 選擇最后一個(gè)“模板”選項(xiàng), 最后在其二級(jí)菜單欄選項(xiàng)中選擇“應(yīng)用模板到頁(yè)”, 然后在可編輯區(qū)域添加想添加的內(nèi)容, 最后保存為后綴為“.html”的文件[3]。

4 安裝WampServer并配置

WampServer是指Windows下的Apache+Mysql+PHP, 就是在Windows下將Apache+PHP+MySQL集成, 可以快速安裝配置環(huán)境, 操作簡(jiǎn)單、界面友好。WampServer中PHP是一種高效的動(dòng)態(tài)腳本編程語(yǔ)言, 具有跨平臺(tái)、強(qiáng)大的數(shù)據(jù)庫(kù)支持等優(yōu)點(diǎn);My SQL是一個(gè)免費(fèi)、快速、支持多線程/多用戶的數(shù)據(jù)庫(kù)服務(wù)器, 并且PHP內(nèi)置了對(duì)My SQL很好的支持, 同時(shí)PHP與My SQL都是免費(fèi)的, 是動(dòng)態(tài)網(wǎng)站開(kāi)發(fā)的最佳組合。WAMP的安裝過(guò)程:

(1) 從任意搜索引擎上下載到程序安裝包, 雙擊下載, 當(dāng)前版本W(wǎng)ampServer集成了Apache、PHP、My SQL、Phpmyadmin、SqlBuddy、XDebug。

(2) 運(yùn)行安裝包: (1) 彈出安裝向?qū)?。點(diǎn)擊next進(jìn)行下一步即可; (2) 安裝協(xié)議, 選擇I accept the agreement, 繼續(xù)點(diǎn)擊next, 進(jìn)行下一步; (3) 選擇安裝目錄, 默認(rèn)是c:\wamp, 也根據(jù)自己需要設(shè)置在其他盤(pán); (4) 詢問(wèn)是否在快速啟動(dòng)欄和桌面創(chuàng)建快捷方式, 選好之后繼續(xù)點(diǎn)擊next進(jìn)行下一步; (5) 確認(rèn)設(shè)置是否正確, 點(diǎn)擊install開(kāi)始安裝; (6) 安裝中……; (7) 選擇WampServer的默認(rèn)文本編輯器 (程序默認(rèn)的是notepad文本編輯器) , 一直點(diǎn)擊next, 直至完成安裝。安裝完畢, 點(diǎn)擊Finish完成安裝。

(3) 安裝完畢之后, 右下角的任務(wù)欄會(huì)多出一個(gè)WAMP的小圖標(biāo), 本次安裝的WAMP版本為WAMP5 1.7.4, 成功啟動(dòng)后鼠標(biāo)右鍵點(diǎn)擊系統(tǒng)右下角的扇形小圖標(biāo), 依次選擇Language-chinese, 即可設(shè)置為簡(jiǎn)體中文[4]。

(4) 在瀏覽器里輸入http://localhost或http://127.0.0.1, 按回車(chē)測(cè)試是否安裝成功。

(5) 配置PHP、My SQL和Apache。

安裝好WAMP之后并不能馬上使用, 還要配置PHP、My SQL和Apache, 需分別點(diǎn)擊localhost和phpmyadmin等進(jìn)行相應(yīng)設(shè)置。其中My SQL數(shù)據(jù)庫(kù)用戶的密碼需要修改 (安裝完默認(rèn)沒(méi)有密碼) , 可使用root用戶 (數(shù)據(jù)庫(kù)默認(rèn)用戶) 登錄phpmyadmin數(shù)據(jù)管理器修改用戶密碼。最后點(diǎn)擊重新啟動(dòng)所有服務(wù), 配置完成。

5 基于PHP和My SQL技術(shù)制作失物招領(lǐng)網(wǎng)頁(yè)

5.1 如何使用數(shù)據(jù)庫(kù)管理

根據(jù)My SQL技術(shù)的數(shù)據(jù)庫(kù)管理功能的使用方法, 應(yīng)該針對(duì)網(wǎng)站數(shù)據(jù)的存放和應(yīng)用特點(diǎn), 確保數(shù)據(jù)庫(kù)的準(zhǔn)確性、融合性、有效性等, 采取適當(dāng)措施使數(shù)據(jù)庫(kù)檢索技術(shù)更加優(yōu)良, 并使檢索數(shù)據(jù)的效率變得更高, 網(wǎng)站構(gòu)建的整體質(zhì)量取決于數(shù)據(jù)庫(kù)設(shè)計(jì)結(jié)構(gòu)是否合理。在數(shù)據(jù)庫(kù)系統(tǒng)中把各種各樣不一樣類(lèi)型的數(shù)據(jù)資源依照一定的類(lèi)別進(jìn)行分類(lèi)處理和儲(chǔ)放, 同時(shí)將各種文檔的信息加注相應(yīng)的日期、作者、預(yù)覽內(nèi)容等信息, 主要的數(shù)據(jù)操作功能有編輯、錄入、存儲(chǔ)、刪除、復(fù)制等等。還有, 應(yīng)該保證數(shù)據(jù)庫(kù)的完好性和應(yīng)時(shí)性, 網(wǎng)站管理人員應(yīng)該及時(shí)對(duì)數(shù)據(jù)進(jìn)行更新和存儲(chǔ), 要嚴(yán)格遵守相應(yīng)的規(guī)則, 為了提高系統(tǒng)的可用性和災(zāi)難可恢復(fù)性, 應(yīng)當(dāng)在特定時(shí)期進(jìn)行數(shù)據(jù)備份, 以防數(shù)據(jù)丟失, 數(shù)據(jù)庫(kù)的管理權(quán)限一般為網(wǎng)站管理人員[5,6]。

5.2 如何使用資源共享功能

資源共享分為兩個(gè)部分, 分別是站內(nèi)資源共享和站外資源共享。站內(nèi)資源共享包括管理人員錄入的資源數(shù)據(jù)庫(kù)和上傳的相關(guān)資料等, 站外資源是選擇專(zhuān)門(mén)的參考網(wǎng)站, 要注意的是, 應(yīng)按照所需內(nèi)容進(jìn)行選擇。在資源共享功能的使用中, 資源使用效率這一問(wèn)題不容忽視, 應(yīng)著重提高使用效率, 利用站內(nèi)搜索技術(shù)和互聯(lián)網(wǎng)搜索引擎技術(shù)提供優(yōu)質(zhì)、完善的資源環(huán)境。

6 網(wǎng)頁(yè)的測(cè)試與內(nèi)容的發(fā)布

6.1 網(wǎng)頁(yè)的測(cè)試

網(wǎng)頁(yè)制作完成以后, 需要經(jīng)過(guò)反復(fù)的測(cè)試、審核、修改, 直到確認(rèn)無(wú)誤后才可正式發(fā)布。

(1) 檢查瀏覽器兼容性。Dreamweaver CS6提供的“瀏覽器兼容性檢查”功能可以幫助設(shè)計(jì)者在瀏覽器中查找有問(wèn)題的HTML和CSS部分, 并提示設(shè)計(jì)者哪些標(biāo)簽屬性在瀏覽器中可能出現(xiàn)問(wèn)題, 以便對(duì)文檔進(jìn)行修改。以下是操作流程:把Dreamweaver CS6打開(kāi), 選擇菜單欄當(dāng)中的窗口“菜單”, 選擇“結(jié)果”, 在二級(jí)菜單中選擇“瀏覽器兼容性”, 這時(shí)點(diǎn)擊右下角屬性面板中的綠色按鈕, 選擇“檢查瀏覽器兼容性”。

(2) 對(duì)鏈接的測(cè)試。為避免出現(xiàn)無(wú)效鏈接的尷尬, 樹(shù)立良好的網(wǎng)站形象, 無(wú)論是發(fā)布前的本地測(cè)試, 還是發(fā)布后的遠(yuǎn)程測(cè)試, 都應(yīng)該認(rèn)真檢查是否存在失效鏈接, 以便及時(shí)修改。操作流程同樣是選擇菜單欄當(dāng)中的窗口“菜單”和“結(jié)果”, 然后在二級(jí)菜單中選擇“鏈接檢查器”, 檢查鏈接。

6.2 站點(diǎn)的上傳

網(wǎng)站制作完成后, 需要上傳至遠(yuǎn)端服務(wù)器, 才能讓用戶瀏覽。另外在站點(diǎn)上傳之前, 需在網(wǎng)上注冊(cè)域名, 并申請(qǐng)?zhí)摂M空間, 最后再借助軟件將網(wǎng)站上傳。站點(diǎn)上傳就是將通過(guò)測(cè)試后的網(wǎng)頁(yè)復(fù)制到遠(yuǎn)程Web服務(wù)器。上傳站點(diǎn)時(shí), 通過(guò)Dreamweaver的站點(diǎn)管理器進(jìn)行。

7 結(jié)語(yǔ)

綜上所述, 本文介紹了基于PHP和My SQL技術(shù)的校園失物招領(lǐng)管理網(wǎng)頁(yè)的設(shè)計(jì)與實(shí)現(xiàn)。此項(xiàng)目實(shí)施的前提是保證項(xiàng)目的公益化而非商業(yè)化, 此項(xiàng)目運(yùn)行后, 希望同學(xué)們丟了東西之后不用耗費(fèi)自己的精力張貼各種尋物啟事, 而是登上我們的網(wǎng)頁(yè)動(dòng)一動(dòng)手指, 依靠全校學(xué)生的力量就能夠很快地找到所失之物, 從而減少經(jīng)濟(jì)及精神損失, 規(guī)范學(xué)校的校風(fēng)校貌, 有利于創(chuàng)建一個(gè)“無(wú)遺”的和諧校園。