人口福利基金會(huì)系統(tǒng)前臺(tái)設(shè)計(jì)_第1頁
人口福利基金會(huì)系統(tǒng)前臺(tái)設(shè)計(jì)_第2頁
人口福利基金會(huì)系統(tǒng)前臺(tái)設(shè)計(jì)_第3頁
人口福利基金會(huì)系統(tǒng)前臺(tái)設(shè)計(jì)_第4頁
人口福利基金會(huì)系統(tǒng)前臺(tái)設(shè)計(jì)_第5頁
已閱讀5頁，還剩9頁未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡(jiǎn)介

PAGEword文檔可自由復(fù)制編輯學(xué)院2013-2014學(xué)年第二學(xué)期結(jié)課設(shè)計(jì)（論文）學(xué)院（系）：軟件學(xué)院專業(yè)：軟件工程學(xué)生：指導(dǎo)老師：完成日期：2014年06月南陽理工學(xué)院學(xué)生結(jié)課設(shè)計(jì)（論文）人口福利基金會(huì)系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn)DesignandImplementationofthePopulationWelfareFoundationSystem總計(jì):課程設(shè)計(jì)（論文）14頁表格：0個(gè)插圖：4副人口福利基金會(huì)系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn)軟件工程【摘要】人口福利基金會(huì)系統(tǒng)是為了更好的爭(zhēng)取國(guó)內(nèi)外關(guān)心中國(guó)人口福利事業(yè)的團(tuán)體和個(gè)人的支持與捐助，動(dòng)員社會(huì)資源興辦有利于解決人口問題的社會(huì)公益項(xiàng)目和活動(dòng)；關(guān)注人口與發(fā)展進(jìn)程中的扶貧開發(fā)、人口素質(zhì)以及伴隨城市化、老齡化等重大社會(huì)問題帶來的家庭及個(gè)人風(fēng)險(xiǎn)，增進(jìn)人口福利與家庭幸福，為建設(shè)和諧社會(huì)做出貢獻(xiàn)。【關(guān)鍵字】人口福利基金會(huì)；基金；幸福DesignandImplementationofthePopulationWelfareFoundationSystemSoftwareengineeringJonlyChen【Abstract】Populationwelfarefoundation

systemisbetterinorderto

gainthesupport

anddonor

organizationsandindividuals

athomeandabroad

about

Chinesepopulation

welfare,

mobilizesocialresourcestosetup

tosolvethe

populationproblem

andsocialandpublicwelfare

projectsandactivities;

ontheprocess

ofpopulationanddevelopment

inthe

povertyreliefanddevelopment,

bringthepopulationqualityand

withthe

city,

theaging

etc.

majorsocialissuesof

familyandpersonalrisk,

promoting

populationwelfare

andfamilyhappiness,

andmakecontributionstotheconstructionof

harmonioussociety.【keywords】Populationwelfare；foundation

；Happiness目錄1.1網(wǎng)站定位61.2網(wǎng)站前臺(tái)建設(shè)要求61.2.1主要功能模塊61.2.2整體版面要求61.2.3設(shè)計(jì)效果要求71.2.4設(shè)計(jì)技術(shù)要求71.3前臺(tái)設(shè)計(jì)詳細(xì)說明71.3.1首頁整體效果71.3.2首頁結(jié)構(gòu)91.3.3其他頁面及模塊簡(jiǎn)介111.3.4設(shè)計(jì)效果與技術(shù)介紹121.4出現(xiàn)問題及解決方案121.5結(jié)束語：131.6參考文獻(xiàn)：13網(wǎng)站前臺(tái)建設(shè)及說明：1.1網(wǎng)站定位本網(wǎng)站為國(guó)家事業(yè)機(jī)構(gòu)類的網(wǎng)站。1.2網(wǎng)站前臺(tái)建設(shè)要求1.2.1主要功能模塊主頁：首頁是瀏覽者打開網(wǎng)站的第一個(gè)頁面，清晰明了的方式展示本機(jī)構(gòu)用途和機(jī)構(gòu)特色。需要機(jī)構(gòu)新聞的簡(jiǎn)單介紹，都要在第一時(shí)間呈現(xiàn)給觀看者，且需要充分展現(xiàn)網(wǎng)站的亮點(diǎn)，以吸引瀏覽者。新聞動(dòng)態(tài)模塊：新聞動(dòng)態(tài)模塊是為了更快讓大家了解中國(guó)公益基金會(huì)的新聞動(dòng)態(tài)，這樣有助于本基金會(huì)的信息公開化和豐富了本基金會(huì)的內(nèi)容。公益項(xiàng)目模塊：公益項(xiàng)目模塊能快速的讓瀏覽者查詢所需內(nèi)容，為瀏覽者提供好的入口，方便瀏覽者直接了解各個(gè)基金項(xiàng)目，以及更快提供自己的愛心。專題活動(dòng)模塊：專題活動(dòng)模塊是介紹中國(guó)公益基金會(huì)所做過的公益活動(dòng)，以及可以提供和大家互動(dòng)。愛心榜模塊：這個(gè)模塊是讓瀏覽者清晰明了看到大家的愛心，以及鼓勵(lì)這些愛心人士。其他模塊：我要捐贈(zèng)、加入我們、信息披露、我要提問、關(guān)于我們等模塊為大家提供方便，以及介紹了中國(guó)基金會(huì)。注冊(cè)登錄模塊：這個(gè)模塊是為中國(guó)基金會(huì)提供了會(huì)員制，方便工作人員查詢愛心人士信息，以及更好的統(tǒng)計(jì)信息。1.2.2整體版面要求整個(gè)頁面布局運(yùn)用分欄的方式呈現(xiàn)，采用絕對(duì)定位和浮動(dòng)定位。絕對(duì)定位的優(yōu)勢(shì)在于，我們可以絲毫不差地精確控制任何元素的位置—這里面沒有什么需要猜測(cè)或者運(yùn)氣的成分。由于應(yīng)用了絕對(duì)定位的元素被不留痕跡地從常規(guī)文檔流中完全移除，所以它也不會(huì)為其他元素帶來任何的影響。浮動(dòng)的本意是要將插入到文章中的圖片向左或者向右浮動(dòng)，使圖片下方的文字自動(dòng)環(huán)繞在它的周圍，使圖片的左邊或者右邊不會(huì)出現(xiàn)一大塊的留白。1.2.3設(shè)計(jì)效果要求本設(shè)計(jì)主要是以一個(gè)平靜的，在任何充滿壓力的環(huán)境里，只要搭配出一些灰藍(lán)或淡藍(lán)的明色色彩組合，就會(huì)制造出平靜恬靜的效果，背景的淡綠和導(dǎo)航的黑白搭配，給人以安心的感覺，因?yàn)樗雌饋碚\實(shí)、直接。帶著明色的寒色可保持安寧、平和的感覺。補(bǔ)色和這些強(qiáng)調(diào)平靜的色彩在明暗度方面方面一定要類似，這點(diǎn)很重要，因?yàn)樯屎荃r明會(huì)制造不必要的警緊張，本設(shè)計(jì)主要體現(xiàn)清爽的感覺。特效方面，主要采用js和css的方式進(jìn)行呈現(xiàn)。讓網(wǎng)站的一些展示動(dòng)起來，讓網(wǎng)站更有生機(jī)，展現(xiàn)不用的呈現(xiàn)方式，讓愛心人士在視覺上產(chǎn)生沖擊感，對(duì)這些方面的內(nèi)容產(chǎn)生興趣。有一個(gè)更多的了解。1.2.4設(shè)計(jì)技術(shù)要求開發(fā)環(huán)境：個(gè)人pc機(jī)制作軟件：AdobeDreamweaverCS4、AdobePhotoshopCS5制作技術(shù)：html、javascript、css、Div1.3前臺(tái)設(shè)計(jì)詳細(xì)說明：1.3.1首頁整體效果首頁（如上圖）的亮點(diǎn)在于網(wǎng)頁中間的圖片及文字說明，以圖片輪播的形式介紹了中國(guó)人口福利基金會(huì)得到文化及活動(dòng)宣傳，為本機(jī)構(gòu)文化和活動(dòng)奠定了宣傳的基礎(chǔ)。主要要技術(shù)在于插入圖片的div，包括5張圖片輪播，大大的吸引用戶的眼球，還有添加了js特效來展現(xiàn)捐款人員以及金額的滾動(dòng)效果，圖片替換的效果使瀏覽增添了些許樂趣。值得一提的是網(wǎng)頁下面的添加視頻播放的效果（如下圖）這個(gè)讓瀏覽者通過視頻更用事實(shí)了解到活動(dòng)及基金用途。右邊的設(shè)置選擇播放可以讓大家更好的選擇播放畫面。本首頁另一個(gè)亮點(diǎn)就是運(yùn)動(dòng)js滾動(dòng)效果（如下圖），更好的展示了本機(jī)構(gòu)的愛人人士及捐款金額，捐款日期。1.3.2首頁結(jié)構(gòu)<htmlxmlns="/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><title>中國(guó)人口福利基金會(huì)-首頁</title><linkrel="stylesheet"charset="utf-8"type="text/css"href="style/css/tpxw.css"/><scripttype="text/javascript"src="style/js/jquery-1.7.1.min.js"></script><scripttype="text/javascript"src="style/js/bootstrap.js"></script><scripttype="text/javascript"src="style/js/mon.js"></script></head><body><divid="box">//最大的box<divid="box1">//頁頭<divclass="top"></div>//站內(nèi)搜索<divclass="top0">//導(dǎo)航<divclass="top1"></div><divclass="top2"></div></div></div><divclass="content_left"><divid="box3"><divclass="bot">基金會(huì)項(xiàng)目<divid="bot01"></div><divid="bot02"></div></div><divclass="bot1"></div></div><divid="box4"><divclass="bot">專項(xiàng)基金<divid="bot01"></div><divid="bot02"></div></div><divclass="bot1"></div></div></div><divclass="clearmjje"><div><aclass="titletitle_mjje"href="">捐款金額</a></div><divid="box5"></div>//頁尾部分（版本信息）</div><scripttype="text/javascript">functionsetMenuActive(index){varobj=$("#menuFrame").children().eq(index).addClass('active');}$(document).ready(function(){$("#word").click(function(){if($(this).val()==="站內(nèi)搜索")$(this).val("");});$("#word").focus(function(){if($(this).val()==="站內(nèi)搜索")$(this).val("");});$("#word").blur(function(){$("#buttSearch").attr("href","/search.aspx?text="+$("#word").val());if($(this).val()=="")$(this).val("站內(nèi)搜素");});});</script></body></html>1.3.3其他頁面及模塊簡(jiǎn)介子網(wǎng)頁多采用主頁的結(jié)構(gòu)特點(diǎn)，子頁的布局與主頁稍有不同的地方在于，子頁在主要內(nèi)容板塊主要為左邊分類標(biāo)簽，右邊為主要的標(biāo)簽內(nèi)容展示。其他模塊里最值得一提的是注冊(cè)登錄模塊（如下圖），這個(gè)模塊運(yùn)用動(dòng)態(tài)網(wǎng)頁特點(diǎn)（有詳細(xì)介紹）。更好的豐富了網(wǎng)站內(nèi)容。1.3.4設(shè)計(jì)效果與技術(shù)介紹布局主要采用分欄的方式，以各個(gè)板塊展示不同的內(nèi)容信息。網(wǎng)站風(fēng)格簡(jiǎn)單容易操作，導(dǎo)航簡(jiǎn)單，分欄的布局使條理清晰，清晰明了。讓廣大用戶容易上手操作。1.4出現(xiàn)問題及解決方案用戶通常會(huì)使用瀏覽器訪問您的網(wǎng)站。各瀏覽器解譯網(wǎng)站代碼的方式略有不同，這意味著您的網(wǎng)站在不同瀏覽器中顯示的效果會(huì)有所差異。一般情況下，您應(yīng)避免依賴于瀏覽器特定的行為，例如在未指定內(nèi)容類型或編碼的情況下，希望瀏覽器可以正確檢測(cè)到相應(yīng)的內(nèi)容類型或編碼。此外，您還可以采取以下步驟來確保網(wǎng)站在不同的瀏覽器中都能正確顯示。完成網(wǎng)站設(shè)計(jì)后，您應(yīng)通過多個(gè)瀏覽器復(fù)查網(wǎng)站的外觀和功能，確保將您獨(dú)具匠心的設(shè)計(jì)完美呈現(xiàn)給所有訪問者。早在網(wǎng)站開發(fā)階段，您就應(yīng)該進(jìn)行這種測(cè)試。各種瀏覽器(甚至是同一瀏覽器的不同版本)對(duì)同一網(wǎng)站的呈現(xiàn)可能會(huì)有所不同。您可以使用諸如GoogleAnalytics(分析)這樣的服務(wù)來了解訪問者最常使用哪些瀏覽器訪問您的網(wǎng)站。即使您編寫的HTML無效，您的網(wǎng)站在某些瀏覽器中也可以正確顯示，但盡管如此，您的網(wǎng)站可能不會(huì)在所有瀏覽器(或?qū)沓霈F(xiàn)的瀏覽器)中都正確顯示。要使您的網(wǎng)頁在所有瀏覽器中顯示的效果相同，最好的方法就是使用有效的HTML和CSS編寫網(wǎng)頁，然后在盡可能多的瀏覽器中測(cè)試這些網(wǎng)頁顯示的效果。有效、易解譯的HTML可保證網(wǎng)頁得以正確顯示，而CSS可以將網(wǎng)頁的外觀和內(nèi)容分離開來，使網(wǎng)頁可以更快速地載入和呈現(xiàn)給訪問者。您可以使用驗(yàn)證工具檢查自己的網(wǎng)站，例如W3Consortium免費(fèi)提供的在線HTML和CSS驗(yàn)證工具，還可以使用諸如HTMLTidy的工具快捷地清理您的代碼。(盡管Google強(qiáng)烈推薦使用有效的HTML，但這并不影響Google抓取您的網(wǎng)站并將其編入索引的方式。)1.5結(jié)束語：本次課題的設(shè)計(jì)和實(shí)現(xiàn)，我們小組首先在以往的學(xué)習(xí)基礎(chǔ)上，通過對(duì)相應(yīng)資料的查閱和借鑒以及學(xué)習(xí)，了解基金會(huì)系統(tǒng)的基礎(chǔ)上掌握了人口福利基金會(huì)網(wǎng)站系統(tǒng)的基本方法，然后參考課題要求，以及對(duì)課題要求的分析，為設(shè)計(jì)和實(shí)現(xiàn)打下了基礎(chǔ)。由于能力的原因本次課題的設(shè)計(jì)還有很多不足的地方，一些功能的分析，設(shè)計(jì)和實(shí)現(xiàn)還有待進(jìn)一步的提高和改善。1.6參考文獻(xiàn)：[1][S/OL]/view/267151.htm?fr=aladdin[2]姜超[D].《長(zhǎng)春理工大學(xué)》,2011年[3]蒲子明《ssh整合開發(fā)技術(shù)詳解》，2009年[4]王水《軟件工程素質(zhì)導(dǎo)論》，

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會(huì)有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲(chǔ)空間，僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請(qǐng)與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。