第一篇:校園資訊網站設計論文
對于網站的發(fā)展來說,設計是非常重要的,網站的設計構思,布局和內容的有效融合是當今網站設計必須考慮的問題。在網站設計的過程中,網站的主題選擇是非常重要的,鮮明的主題可以讓瀏覽者一目了然,也提升了網站的可欣賞度和美觀度。校園資訊網站應該切近學生,反應校園生活,應該突出校園氣息,反應實實在在的校園生活。在校園資訊網站設計的過程中,使用DIV+CSS技術就可以實現(xiàn)上述目的,實現(xiàn)既定的設計目標。
1DIV+CSS概述
DIV+CSS其實是WEB設計標準,是一種當前常用的網頁布局方式,對網站的設計有著直接的影響,這種方法和設計思路相比傳統(tǒng)的表格(table)布局定位設計不同,擁有更有的更明顯的優(yōu)勢,這種方法可以實現(xiàn)網頁頁面內容與表現(xiàn)相分離,提高瀏覽者的方便程度,也使得網站更加的美觀和具有觀賞性。一般來說,嚴格意義上不能說成DIV+CSS,它的正確叫法是XHT-ML+CSS。需要說清楚的是DIV與Table都是XHTML語言中的一個標記,而CSS只是一種表現(xiàn)形式。長時間的網站設計中,設計者們就習慣性的稱作為DIV+CSS,它也就成為了一種專業(yè)術語。在目前的網站設計中,這種方式較為常見,可以粗略的說,DIV主要是起到構建待建網站框架的作用,而CSS主要負責是是待建網站的樣式和美化,這兩個方面相互配合,相互作用,各自發(fā)揮自己的功能。針對這種方式的網站設計最終的表現(xiàn)途徑就是采用XHTML對網站進行標準化重構,使用CSS將表現(xiàn)與內容分離,這樣做的目的很明確,簡化網站管理和設計,有利于網站的及時維護和保養(yǎng),也有利于優(yōu)化網站結構和設計,提升瀏覽的便利性。
2校園資訊網站設計總體規(guī)劃研究
2.1校園資訊網站設計的基本思維:
校園資訊對學校的發(fā)展有著一定的影響,通過什么樣的途徑讓學生及時的了解校園內發(fā)生的事件,了解學校的相關動態(tài)信息已經成為高效管理的有機組成部分。校園是動態(tài)的,每天會產生大量的信息,但是學生往往由于各種時間的限制,都不能及時的了解和掌握,這就需要構建能反映校園生活,透析校園信息的網站,那么校園資訊網站的建設就顯得非常的有必要。校園資訊網站的建設主要的受眾目標群體就是學生,所以它的主題就會非常的明確,必須呈現(xiàn)校園信息,反應真真實的學校校園生活。校園信息的更新速度是非常過的,那么校園資訊的網站建設就必須滿足這樣的需求,及時的更換網站的信息,并且在網站的布局上要呈現(xiàn)瀏覽的便捷性,講究色彩配置,有需要的地方還可以采取特效制作,這就需要網站的設計中滲透色彩設計、平面設計原理。校園生活的資訊是非常豐富的,也是多樣化的,當然更多的是平凡和樸實,無論什么樣的校園資訊都要追求實事求是的報道,讓網站建設真正的做到寫真。
2.2校園資訊網站的功能分析:
對于校園資訊網站的建設來說,為了給瀏覽者提供便利性,在設計的時候需要分割板塊,發(fā)揮各個板塊的功能,這樣才能做出讓學生喜歡的網站。例如我們現(xiàn)在要做一個簡單一些的校園資訊網站,我們可以按照需求把網站切分為三大板塊,其一是新聞類資訊,其二是影像類校園資訊,其三是互動討論類校園資訊。校園資訊泛網將信息用這三種板塊形式發(fā)布,使得整個網站的后臺管理也變得簡潔明了。具體板塊劃分如下圖所示,這樣也使得網站看上去非常的簡潔,瀏覽起來也非常的方便。
2.3網頁設計:
在校園資訊網站的設計過程中,要力求簡潔方便。無論是采用banner還是使用系統(tǒng)導航,都要為實現(xiàn)這樣的目的而努力。在網站色彩的搭配上要依據學生的偏好酌情的進行選擇,這種沒有固定的模式,但是在顏色組合的過程中要講究色彩的搭配之美,切記為了追求學生偏好而不講究設計風格和技術。例如我們可以在網站設計的時候,選擇灰色為主基調,點綴一些綠色作為輔助,這樣的樣式和色彩看上去很爽朗,也很清晰,學生應該會喜歡。學生擁有極強的思考能力,所以在網站設計的時候最好能激發(fā)瀏覽者的思考空間,讓瀏覽者在瀏覽的過程中興趣勃發(fā),并且激發(fā)他們的思考意識。在設計校園資訊網站的時候,要講究互動和交流平臺的建設,突出體感設計,讓學生參與進來,這樣才能提升網站的建設和發(fā)展。在校園資訊網站的首頁一定要吸人眼球,可以采取巨型的flash,給瀏覽者動態(tài)化的瀏覽效果,提升網站建設的特色和特效。在使用flash時要注意舍棄小型框架,巨型圖片展示,附上專題式的文字說明,網站首頁的核心構成。在網站的導航設計中可以使用一定的特效,比如可以采用JS技術,這種操作簡單,網站設計清晰明朗,簡潔大方,還節(jié)約了制作成本和網站空間,效果非常好。在網站中也可以有圖片展示區(qū)域,展示網站的特色,DIV+CSS的美觀性就可以從這里得到最好的體現(xiàn)。后臺的設置因為其功能性優(yōu)先性,框架的建設比較重要。能夠一目了然的設置信息才是后臺應該有的樣子。并且還要在同一網頁中實現(xiàn)三信息分區(qū)域的跳轉,所以該網頁也不能設置成單一樣式,必須要有嵌套模式才能使得不同信息管理界面統(tǒng)一在單獨網頁中。
第二篇:母嬰資訊網站策劃書
母嬰資訊網站策劃書
篇一:母嬰網站策劃書
母嬰網站策劃書
2.母嬰類網站頻道、欄目策劃書
3.母嬰類網站經營策劃書
1、母嬰資訊網站策劃書
一、母嬰行業(yè)的發(fā)展背景
(一)市場發(fā)展分析
“賺女人和小孩的錢”是猶太人深入人心的一句千古經商名言,而就目前國內的形式而言母嬰行業(yè)也是當之無愧的朝陽行業(yè)。在全國的一、二級市場,母嬰用品消費由“溫飽性消費”向“小康性消費”質變,母嬰行業(yè)真正步入黃金期。從國內知名的搖籃網、寶寶樹、媽媽說到紅孩子、樂友、國內的母嬰產業(yè)鏈正在日益的壯大。半年來的母嬰群體終端工作讓我認識到:消費者購物心理和行為上出現(xiàn)大量和持續(xù)性購物行為而且對價格日趨敏感。任一行業(yè),當其商品出現(xiàn)由“奢侈品”向“生活必需品”轉化的拐點時,是該行業(yè)成長的爆炸期。我們必然要抓住這個黃金期大展拳腳的干一番。80后的一代是叛逆的一代,他們勇于接受新興事物,而其中對網絡的接觸更是越來越多,網絡可以給他們帶來便利,也會讓他們產生依賴。所以我們要建立的網站是母嬰資訊網站,未來的發(fā)展還可能與B2C母嬰商城結合,線下的冠名加盟,真正的實現(xiàn)線下加盟店+線上合作商城+專業(yè)服務網站的綜合內容服務門戶站。
(二)需求環(huán)境分析
1、消費能力極強
女性從懷孕開始,一個家庭就進入強消費期,孕媽媽的保健品、防護服、孕婦裝、護理用品等;嬰兒的奶瓶、童車、童裝、專用洗滌用品、玩具等;甚至胎教、家政服務、幼教服務,以及隨之而來家庭買房、換房要求、小孩入學問題等等。可以說,一旦小孩進入家庭,家庭的剛性消費支出才剛剛開始。
2、信息需求旺盛
現(xiàn)在這個年代的父母缺乏育兒知識,同時對育兒的要求也非常高,從準備懷孕時起,未來的準媽媽們就迫切渴望幫助--為了孕育健康的寶寶,自己該如何調整生活的方方面面?醫(yī)院只做臨床配合治療,但很難提供幫助和指導,對于孕婦某種營養(yǎng)元素在不同時期應該怎樣補充,在飲食方面如何調節(jié)等,都得不到專業(yè)幫助。對于這些疑問,孕婦們往往會征詢長輩、同事、朋友的經驗,但個體差異不同,究竟怎樣才更安全、更科學?
3、交流分享需求強
由于準媽媽一般都有足夠的休閑時間,并且有與人分享孕期、育兒經驗的需求,因此,他們非常迫切與同類人進行交流。母親這個群體,很重視品牌和口碑,她們?yōu)槭裁磿I網站上出售的東西?往往是因為在網站上交流了經驗。
二、建站的總體思路
(一)網站的整體布局和顏色的搭配
網站設有網站地圖,方便用戶了解自己該去哪個頁面。同時,網站的頁面深度不超過3層,方便客戶。在后期推廣上也便于搜索引擎的抓取。
由于網站主題為育嬰咨詢類,因此網站的整體風格體現(xiàn)溫馨、新生朝氣,主要要給瀏覽者體現(xiàn)簡單、溫馨的感覺,同時要有迎接希望、迎接新生的感覺。網站的主題風格是粉色調為主綠色調輔助。
(二)頻道和欄目的設計的版塊突顯網站的特點
咨詢服務站的人群定位主要是20-30歲之間的爸爸媽媽和準爸爸媽媽,根據對此類人群的分析他們對培育下一代的意識是比較強烈的,對于對孩子的教育很在乎。這類人群的接受能力是比較強強,接受能力比較的強。網站內容主要圍繞寶寶、媽媽兩個方面,從這兩個方面設立相應欄目。
(三)網站欄目策劃
兩個模塊整體布局
1:精品導讀(熱點欄目下的文章可以選擇推薦也可以按點擊率排行)把每天重點推薦的文章,放到導讀模塊中,可以從各大門戶站中獲取。2:有話要說(父母的一句話小博客,可以大家分享心情140字暫定)新媽媽們一定渴望有一個小平臺記錄每天的收獲心得,我們提供這樣一個小微博。
欄目細化
1:準備懷孕【寶貝計劃】
準備懷孕是一段讓人興奮又忐忑的時光。不管是調理孕前飲食、做孕前檢查還是了解排卵受孕的整個過程,我們要給準備懷孕的準爸爸準媽媽提供建議與幫助。
2:懷孕期【孕育生命】
孕媽媽剛剛懷孕,對很多知識掌握的不夠或者根本一點也不懂,很害怕自己做錯什么影響到胎兒,孕育生活版塊意在為孕媽媽提供一個豐富的知識庫幫助孕婦更好的處理懷孕期間遇到的問題
3:分娩期
分娩是一個既代表結束又意味著開始的幸福的點。我們提供的是產后恢復與坐月子期間需要注意的問題,包括產后恢復等一系列問題。
4:0-1歲
母乳喂養(yǎng),新生兒的護理,寶寶輔食的添加
5:1-3歲
開口說話到蹣跚學步,這個階段是寶寶發(fā)育里程碑。配方奶粉的轉換,營養(yǎng)的搭配,輔食添加原則,親子游戲。
6:3-6歲
學前的健康與安全,發(fā)育和行為,潛能開發(fā),日常照料。
7:無私母愛
所有育兒方面和媽媽相關的知識,注意事項的匯總。
8:父愛如山
所有育兒方面和爸爸相關的知識,注意事項的匯總。
9:安全防范
父母如何防范寶寶的安全隱患,寶寶從出生到慢慢長大過程中可能遇到的突發(fā)情況,疾病。
10:早教100分
孩子是祖國的未來,民族的希望,也是每個家庭的寄托。天下的父母,幾乎都有“望子成龍、望女成鳳”的欲望。隨著社會的進步及人的思想觀念的變化,獨生子女的大量出現(xiàn),家長的這種欲望也與時俱增。早期教育對于人的發(fā)展有著及其重要的影響。俗語說:“三歲看八歲,八歲定終身”,這是人們從長期生活中概括出來的一條相對真理。我們能提供給寶寶最好最專業(yè)的早教知識。
三、SEO相關
(一)關鍵詞
篇二:母嬰資訊網站策劃書
愛嬰寶網站策劃書
一、母嬰行業(yè)的發(fā)展背景
(一)市場發(fā)展分析
“賺女人和小孩的錢”是猶太人深入人心的一句千古經商名言,而就目前國內的形式而言母嬰行業(yè)也是當之無愧的朝陽行業(yè)。在全國的一、二級市場,母嬰用品消費由“溫飽性消費”向“小康性消費”質變,母嬰行業(yè)真正步入黃金期。從國內知名的搖籃網、寶寶樹、媽媽說到紅孩子、樂友、國內的母嬰產業(yè)鏈正在日益的壯大。半年來的母嬰群體終端工作讓我認識到:消費者購物心理和行為上出現(xiàn)大量和持續(xù)性購物行為而且對價格日趨敏感。任一行業(yè),當其商品出現(xiàn)由“奢侈品”向“生活必需品”轉化的拐點時,是該行業(yè)成長的爆炸期。我們必然要抓住這個黃金期大展拳腳的干一番。80后的一代是叛逆的一代,他們勇于接受新興事物,而其中對網絡的接觸更是越來越多,網絡可以給他們帶來便利,也會讓他們產生依賴。所以我們要建立的網站是母嬰資訊網站,未來的發(fā)展還可能與B2C母嬰商城結合,線下的冠名加盟,真正的實現(xiàn)線下加盟店+線上合作商城+專業(yè)服務網站的綜合內容服務門戶站。
(二)需求環(huán)境分析
1、消費能力極強
女性從懷孕開始,一個家庭就進入強消費期,孕媽媽的保健品、防護服、孕婦裝、護理用品等;嬰兒的奶瓶、童車、童裝、專用洗滌用品、玩具等;甚至胎教、家政服務、幼教服務,以及隨之而來家庭買房、換房要求、小孩入學問題等等。可以說,一旦小孩進入家庭,家庭的剛性消費支出才剛剛開始。
2、信息需求旺盛
現(xiàn)在這個年代的父母缺乏育兒知識,同時對育兒的要求也非常高,從準備懷孕時起,未來的準媽媽們就迫切渴望幫助——為了孕育健康的寶寶,自己該如何調整生活的方方面面?醫(yī)院只做臨床配合治療,但很難提供幫助和指導,對于孕婦某種營養(yǎng)元素在不同時期應該怎樣補充,在飲食方面如何調節(jié)等,都得不到專業(yè)幫助。對于這些疑問,孕婦們往往會征詢長輩、同事、朋友的經驗,但個體差異不同,究竟怎樣才更安全、更科學?
3、交流分享需求強
由于準媽媽一般都有足夠的休閑時間,并且有與人分享孕期、育兒經驗的需求,因此,他們非常迫切與同類人進行交流。母親這個群體,很重視品牌和口碑,她們?yōu)槭裁磿I網站上出售的東西?往往是因為在網站上交流了經驗。
二、建站的總體思路
(一)網站的整體布局和顏色的搭配
網站設有網站地圖,方便用戶了解自己該去哪個頁面。同時,網站的頁面深度不超過3層,方便客戶。在后期推廣上也便于搜索引擎的抓取。
由于網站主題為育嬰咨詢類,因此網站的整體風格體現(xiàn)溫馨、新生朝氣,主要要給瀏覽者體現(xiàn)簡單、溫馨的感覺,同時要有迎接希望、迎接新生的感覺。網站的主題風格是粉色調為主綠色調輔助。
(二)頻道和欄目的設計的版塊突顯網站的特點
咨詢服務站的人群定位主要是20—30歲之間的爸爸媽媽和準爸爸媽媽,根據對此類人群的分析他們對培育下一代的意識是比較強烈的,對于對孩子的教育很在乎。這類人群的接受能力是比較強強,接受能力比較的強。網站內容主要圍繞寶寶、媽媽兩個方面,從這兩個方面設立相應欄目。
(三)網站欄目策劃
兩個模塊整體布局
1:精品導讀(熱點欄目下的文章可以選擇推薦也可以按點擊率排行)把每天重點推薦的文章,放到導讀模塊中,可以從各大門戶站中獲取。2:有話要說(父母的一句話小博客,可以大家分享心情 140字暫定)新媽媽們一定渴望有一個小平臺記錄每天的收獲心得,我們提供這樣一個 小微博。
欄目細化
1:準備懷孕【寶貝計劃】
準備懷孕是一段讓人興奮又忐忑的時光。不管是調理孕前飲食、做孕前檢查還是了解排卵受孕的整個過程,我們要給準備懷孕的準爸爸準媽媽提供建議與幫助。2:懷孕期【孕育生命】
孕媽媽剛剛懷孕,對很多知識掌握的不夠或者根本一點也不懂,很害怕自己做錯什么影響到胎兒,孕育生活版塊意在為孕媽媽提供一個豐富的知識庫幫助孕婦更好的處理懷孕期間遇到的問題
3:分娩期
分娩是一個既代表結束又意味著開始的幸福的點。我們提供的是產后恢復與坐月子期間需要注意的問題,包括產后恢復等一系列問題。
4:0—1歲
母乳喂養(yǎng),新生兒的護理,寶寶輔食的添加
5:1—3歲
開口說話到蹣跚學步,這個階段是寶寶發(fā)育里程碑。配方奶粉的轉換,營養(yǎng)的搭配,輔食添加原則,親子游戲。
6:3—6歲
學前的健康與安全,發(fā)育和行為,潛能開發(fā),日常照料。
7:無私母愛
所有育兒方面和媽媽相關的知識,注意事項的匯總。
8:父愛如山
所有育兒方面和爸爸相關的知識,注意事項的匯總。
9:安全防范
父母如何防范寶寶的安全隱患,寶寶從出生到慢慢長大過程中可能遇到的突發(fā)情況,疾病。
10:早教100分
孩子是祖國的未來,民族的希望,也是每個家庭的寄托。天下的父母,幾乎都有“望子成龍、望女成鳳”的欲望。隨著社會的進步及人的思想觀念的變化,獨生子女的大量出現(xiàn),家長的這種欲望也與時俱增。早期教育對于人的發(fā)展有著及其重要的影響。俗語說:“三歲看八歲,八歲定終身”,這是人們從長期生活中概括出來的一條相對真理。我們能提供給寶寶最好最專業(yè)的早教知識。
三、SEO相關
(一)關鍵詞
篇三:某公司(母嬰行業(yè))電子商務網站策劃方案(終版)
某公司(母嬰行業(yè))電子商務網站
策劃方案
目錄
1、網站設計和制作背景...............................................2 1.1母嬰行業(yè)的背景與現(xiàn)狀.........................................2 1.2 母嬰網站的國外發(fā)展現(xiàn)狀......................................3 1.3母嬰網站的國內發(fā)展現(xiàn)狀.......................................3 1.4母嬰業(yè)前景分析...............................................4 1.5母嬰業(yè)內部競爭情況分析.......................................5 1.6電子商務的功能定位...........................................5
2、網站的需求分析與可行性分析......................................11 2.1網站的需求分析..............................................11 2.2網站經濟可行性分析..........................................12 2.3網站技術可行性分析..........................................12 2.4網站社會可行性分析..........................................12
3、網站的整體設計..................................................13 3.1網站的功能模塊分析和設計....................................13 3.2網站的版式設計和網站的風格設計..............................13 3.3網站的站點地圖設計..........................................13
4、網站的詳細設計..................................................14 4.1網站主要模塊的設計和分析....................................14 4.2網站主要模塊數據流程設計和分析..............................14 4.3網站的開發(fā)環(huán)境設計..........................................15 4.4網站的運行環(huán)境設計..........................................16
5、網站實施........................................................16 5.1網站的設計時間計劃..........................................16 5.2網站代碼設計................................................16 5.3網站的測試..................................................17 5.4網站的發(fā)布..................................................17
6、網站的運行和維護................................................17
7、網站的營銷和推廣................................................18
8、總結............................................................19
1、網站設計和制作背景
1.1 母嬰行業(yè)的背景與現(xiàn)狀
在我國,當前育齡期的婦女大多數是80-90年代以后出生的新貴!這個群體的文化層次較高,健康意識較強,而且消費觀念、特別是養(yǎng)育觀念超前!她們和她們的父母們對自己的兒孫尤其舍得投資!
她們對孕嬰育養(yǎng)的專業(yè)知識相當缺乏,對多功能、多樣化的母嬰服務特別是有益寶寶健康的服務需求十分迫切!
可以肯定的是:寶寶的降臨對一個家庭來說是一件莫大的喜事。一家人必然精心呵護,媽媽和寶寶將會得到最大限度的照顧。在關注寶寶健康成長的過程中,實施消費行為的不僅是新生兒的父母,還有爺爺、奶奶、外公、外婆、叔叔、阿姨等等很多人組成的親情大軍。母嬰產業(yè)具有群體消費的巨大優(yōu)勢。
據有關調查顯示:我國縣級城市的新生兒平均每年消費在3000~8000元之間。以一個寶寶為例,從出生到三歲這3年的時間,平均每年消費5000元以上。按我國目前人口出生率千分之五計算,全**嬰產業(yè)每年的銷售總額約13億×5‰×5000=325億,而一個40萬人口的縣級城市年銷售總額在1000萬元左右,市場前景與收益是相當可觀的。
就商家而言,隨著母嬰產業(yè)的興旺,針對母嬰群體開發(fā)的商品愈來愈多,母嬰產品良莠不齊。除了一些依附大商場或高級專賣店等各色店鋪外,多數消費者都會選擇專營性強、品牌性高的商家去消費。這樣,競爭的核心就集中在產品服務和品牌的經營上。1.2母嬰電子商務發(fā)展趨勢分析
“80后”父母加入網購大軍,這一不經意的改變,吹響了母嬰行業(yè)進軍電商的號角。,隨著80后、90后人陸續(xù)步入婚姻殿堂,孕育下一代,母嬰電商也成為發(fā)展趨勢。
2012年的母嬰市場容量在5000億左右,而淘寶大概能占到10%,這個比率遠高于在線零售占整個零售市場的平均比值。而伴隨新一輪嬰兒潮的到來,母嬰市場將繼續(xù)放量,目前還遠未達到飽和。
目前國內0-6歲嬰幼兒有1億人之多,整個母嬰市場年增加消費者1500-2000萬人,屬于黃金人群。而且,由于二三線城市缺乏供應且價格偏高,以及80后消費者喜歡網購等因素,母嬰電商面臨著巨大的機會。
這也意味著,對于傳統(tǒng)商家而言,現(xiàn)在最為緊迫的就是要開拓自己的線上渠道。尤其是一些大品牌,線上渠道非常重要,他們可以借助網絡渠道,迅速滲透到線下尚未布局的三四線城市。
不過,母嬰行業(yè)的新進入者也不是沒有機會,80后乃至90后對于各類產品都有時尚、獨立、個性的需求,而傳統(tǒng)的母嬰產品顯然不能滿足這一點。
陳乃永則分享了自己做母嬰電商品牌孕婦大叔的心得。在他看來,線上銷售打破了許多局限,不同大小城市都能買到同樣產品、不同服裝能接受的年齡跨度也很大。所以線上需考慮來自不同城市、不同年齡、不同收入群體的共同需求點在哪里,結合自身資源、做好各方面服務是網絡品牌定位時應考慮的問題。
以上嘉賓的分享也在前一天的“電商大爆炸”比賽中得以證實。“電商大爆炸”活動是由《天下網商》雜志牽頭并承辦的一次電商企業(yè)盛會,是一個面向全國、歷時6個月的電商企業(yè)選拔活動。在論壇前一天舉辦的杭州站復賽中,有6名母嬰類目選手參賽,最終有一名選手勝出,成為“十大最具潛力網商”的一員。“母嬰行業(yè)需求大,潛力足,”來自母嬰電商品牌楠希象的參賽選手表示,隨著“4+2+1”(即4個老人、兩個大人、1個小孩)的家庭結構日益普遍,隨著網購人群逐漸成為父母,母嬰將成為電商行業(yè)的大機會。
1.3母嬰網站的國內發(fā)展現(xiàn)狀
中國電子商務還處于成長階段,2004年中國B2B電子商務成交額達到17億美元,母嬰母嬰類電子商務交易額為8.5億美元,占7.5%。雖然數額不大,但已經開始起步。03年非典期間,具有一定信息化基礎和電子商務能力的企業(yè)就未受到太大影響,甚至有的企業(yè)。業(yè)務還有很大的增長,就是電子商務使然。中國現(xiàn)階段母嬰市場終端商家在一些中小城市多數是形單影只的“夫妻店”,整體實力薄弱,擴展后勁不足,沒有形成強勢的專業(yè)化服務品牌的基礎,目前母嬰用品連鎖終端的著名品牌如樂友、麗家寶貝等,通過連鎖經營的模式己占有了國內大城市市場的半壁江山,但目前這些品牌在中小城市區(qū)域內的市場滲透不夠,造成多數中小城市的母嬰市場沒有領導品牌,更談不上核心競爭力。銷售基礎的薄弱還同時造成進貨體系的混亂,高檔進口商品和假冒偽劣商品魚龍混雜,給消費者造成不便。
[1]母嬰產品市場的發(fā)展還處于初級階段,全國性母嬰產品終端還沒有出現(xiàn),但是很大一部分強勢企業(yè)開始在區(qū)域內展露頭角。目前,在一些地級市,部分母嬰產品直營店做的非常出色、服務非常周到,客戶源較為穩(wěn)定,但這些直營店往往都是帶有區(qū)域色彩,店鋪鋪開范圍較為有限,一個全國性的領軍品牌尚未出現(xiàn)。在一線城市,母嬰產品的競爭逐步演變?yōu)槠放聘偁?在以北京為中心華北地區(qū)、以上海為中心的華東地區(qū)已經出現(xiàn)了區(qū)域性的強勢品牌。北京地區(qū)樂友、麗家寶貝等零售店已經建立了良好的品牌優(yōu)勢,在上海地區(qū)好孩子、愛嬰室等品牌是最強的。在二、三線城市,國內許多母嬰產品專營店還在奮力爭奪市場,在供貨體系上不斷優(yōu)化建設、在服務商不斷學習,以更好的占據本地市場,二、三線城市母嬰用品專營店的品牌優(yōu)勢還不明顯。1.4母嬰電商前景分析
當前,我**嬰工業(yè)已進入新的發(fā)展階段,對產品結構結構進行戰(zhàn)略性調整,加速母嬰工業(yè)增長方式的根本性轉變、提高國際競爭力是當前母嬰發(fā)展的重要任務。而完成這一重要任務有必要在母嬰行業(yè)中推進電子商務。
第三篇:網站設計論文目錄
目錄
摘要................1
第一章 諸論............2
1.1設計思想..............2
1.2開發(fā)工具的選用及介紹............2
1.2.1
1.2.2
1.2.3
1.2.4
1.2.5HTML語言................2Macromedia DREAMWEAVER MX............2ASP.net..........3ADO.net..........5Microsoft SQL Server...........6
第二章 網站總體分析與設計..............9
2.1 網站結構分析................9
2.2 頁面設計構思................9
2.3 數據庫設計..........10
第三章 網站制作過程...............11
3.1 靜態(tài)頁面制作...............11
3.2 建立數據表..........15
3.3 Asp.net代碼編寫..........16
3.3.1 最新產品................17
3.3.2 產品信息................19
3.3.3 產品信息上傳............21
3.3.4管理員登陸、注銷...............24
3.3.5 在線留言的實現(xiàn)................26
第四章 系統(tǒng)使用說明與安裝..............29 參考文獻.................30 致謝...............31
第四篇:個人網站設計論文
秦皇島職業(yè)技術學院信息工程系
分類號: TP319
秦皇島職業(yè)技術學院 課程設計(論文)
個人博客網頁設計論文
學生姓專班指導教指導教師職名 王飛飛 業(yè) 計算機應用技術 級 1100103 師
稱
目錄
摘要 …………………………………………………………………………………2 前言 …………………………………………………………………………………3 第一章 關于網絡的知識.............................................4
秦皇島職業(yè)技術學院信息工程系
1.1 INTERNET的簡介.................................................4 1.2 WWW的簡介....................................................4 1.3網頁基本構成元素..............................................5 1.4 制作網頁前的準備..............................................5 第二章 網站制作實戰(zhàn)...............................................6 2.1 站點..........................................................6 2.1.1 創(chuàng)建站點..................................................6 2.1.2 創(chuàng)建站點內容..............................................6 2.2 首頁..........................................................7 2.2.1 設置首頁布局和頁面屬性....................................7 2.2.2 查看和編輯頭內容..........................................9 2.2.3 插入圖像..................................................9 2.2.4 插入FLASH相冊...........................................10 2.2.5 插入文本.................................................10 2.3 創(chuàng)建其它網頁.................................................11 第三章 建立網頁鏈接..............................................12 3.1 文字鏈接.....................................................12 3.2 圖像鏈接.....................................................13 3.3在HTML語言中建立網頁鏈接....................................14 第四章 網站測試與維護 …………………………………………………………17 結論………………………………………………………………………………18 參考文獻 ……………………………………………………………………… 19 致謝………………………………………………………………………………20
摘 要
本論文主要是對個人網站的建立進行研究和探討。作品的主要技術指標包括:
1、制作出一個具有靜態(tài)技術的“個人網站”;
2、在制作的過程中,加強和 1
秦皇島職業(yè)技術學院信息工程系
深化以前所學的關于網頁設計的方法,同時更好的理解參考資料上的方法、理論和更好的利用Fireworks、Flash制作網站需要的一些圖片和影片。
本設計的主要內容包括:
1、個人網站的設計思想,整體規(guī)劃及相關基礎知識;
2、個人網站的首頁設計,包括簡單的HTML語言及效果圖;
3、個人網站的調試。
網頁規(guī)劃包含的內容很多,如網頁的結構、欄目的設置、網頁的風格、顏色搭配、版面布局、文字圖片的運用等,也只有如此制作出來的網頁才能有個性、有特色,具有吸引力。
網站主題就是所要包含的主要內容,一個網站必須要有一個明確的主題。特別是對于個人網站,不可能像單獨的網頁那樣做得內容少而單一。所以必須要找準一些自己最感興趣內容,做深、做透,辦出自己的特色,這樣才能給人留下深刻的印象。
關鍵詞:技術指標
基本設計內容
網站規(guī)劃 網站主題
前言
隨著二十一世紀新興科技的飛速發(fā)展,如今的交流與交往不再是那么的單調,看如今不曾再有五百里加急文件的傳送,看如今已很少在出現(xiàn)寫信、寄信。人們正在運用現(xiàn)世紀的高科技來增加自己的交際圈,來發(fā)展自己的人脈關系,秦皇島職業(yè)技術學院信息工程系
同時,其它人也是通過高科技,悄悄的就能很容易地去了解,關注一個人。
正是因為人們的這些需求,所以出現(xiàn)了互聯(lián)網,正是因為人們的需求,所以出現(xiàn)了如今的網絡時代,網絡通訊工具。來方便人們的交往,交際與溝通。也正是因為人們的需求,所以出現(xiàn)了個人博客,通過一人簡單的網頁來展現(xiàn)自己的獨特魅力,自己的與眾不同。真正的做到了“足不出戶,便知天下人”。
互聯(lián)網加大了我們了解世界的眼界,縮緊了人與人之間的距離,這就更容易的使我們走上了信息化的道路。
我覺得一個網站的開始,應該有一個大體的規(guī)劃,網站的布局是最重要的,它起著一個網站成功與否的決定性作用,因為布局的好與壞,帶來的是網站整體上的美觀效果及應用。網站內容上也能決定著網站成功與否,一個網站上的每個字眼都可能決定著這個網站,因為你不知道哪個字就是吸引別人的內容,就是大家都追捧的話題,就是很潮的事物,所以內容上一定要謹慎。再有,就是網站的圖片,一定要確準好路徑,以免圖像的丟失而不能再網站中顯示,其次就是鏈接,在Dreamweaver中提供了很簡單的鏈接命令,根據其提示操作即可。
我做了一個簡單的個人博客的網站,通過這個網站能讓大家更深的了解我,同時更重要的是鍛煉自己的實踐能力,鞏固自己學習的知識,彌補自己學習的不足。
第一章 關于網絡的知識
1.1什么是Internet Internet是由眾多的計算機網絡互聯(lián)而成的互聯(lián)網,它覆蓋了全世界各地,3
秦皇島職業(yè)技術學院信息工程系
它是采用開放系統(tǒng)協(xié)議的計算機通訊網絡。然而,Internet不僅僅是計算機的互聯(lián)網,它還是全球最大的信息資源寶庫,它提供了包括科研、教育、文化娛樂、商業(yè)和信息交流等各種各樣的服務,使得世界范圍內的人與人之間的交流在時間和空間上變的更小了。
Web頁瀏覽:這是目前利用最廣泛、最直接的互聯(lián)網服務,通過瀏覽WWW(萬維網)中的網頁,可以了解世界各地的新聞,查看最新的股市行情,最新的娛樂動態(tài)、科技發(fā)明,找到眾多的就業(yè)信息??幾乎想找到什么樣的信息,就有什么信息。正是有了WWW、Internet才會變得如此豐富多彩,才能走進千家萬戶。1.2 WWW的簡介
WWW的全稱為World Wide Web,含義是“環(huán)球網”,又稱“萬維網”、3W、Web。WWW是一個基于超文本(Hypertext)方式的信息檢索服務工具。我們上網瀏覽到的網頁就是這樣的超文本,也就是HTML(Hypertext Mark-up Language,超文本標記語言)文件,這些網頁檔被放置到WWW服務器上,并且都有一定的地址。當我們想瀏覽某個網站時,首先要在計算機上安裝瀏覽器,如
Internet Explorer或Netscape,然后在瀏覽器中輸入網站的地址(網址),就可以進入網站進行瀏覽。在這些網頁中,都有超連接,當將鼠標指針移動到某個地方(如文本或圖像)時,鼠標指針就會變成一個小手形形狀,單擊它就可以連接到另個網頁中,從而使得瀏覽者能在不同的信息之間動畫和聲音等信息。通跳轉,我們之所以能在Internet的海洋中穿梭自如,正是超連接的功勞。
秦皇島職業(yè)技術學院信息工程系
1.3網頁基本構成元素
要學會制作網頁,首先需要了解網頁都是由什么元素構成的。文字:文本是構成網頁的基本元素。一個最簡單的網頁可以只有幾行文本。圖片:正是有個各種美麗的圖片,網頁才變得多姿多彩。動畫:如今,網頁上的動畫越來越多,最常用的有GIF動畫、Flash動畫等。超連接:如上所述,超連接幾乎是必不可少的。一個沒有超連接的網頁,就如同汪洋大海中的一座孤島,失去了與外界的一切聯(lián)系。其它元素:還可以在網頁中添加聲音、視頻等元素。1.4 制作網頁前的準備
計算機必備:計算機速度夠快,最好能夠上網。操作系統(tǒng):Windows 98/NT/Me/2000/XP.其它軟件:看圖軟件ACDSee、圖像處理軟件Photoshop、上傳工具CuteFTP、Fireworks、動畫軟件Flash等。
秦皇島職業(yè)技術學院信息工程系
第二章 網站制作實戰(zhàn)
2.1 站點 2.1.1 創(chuàng)建站點
要制作一個網站,第一步操作都是一樣的,就是要創(chuàng)造一個“站點”,從菜單中選擇“站點/管理站點”在彈出的對話框中選擇“新建”,之后再選擇其中的“站點”,再次彈出一個對話框,在文本框中輸入自己已經企化好的網站名稱“my web”。填好后,單擊“下一步”,進入下一個步驟。由于我要做的是一個靜態(tài)的網頁,所以選擇上面的一項“否,我不想使用服務器技術。單擊“下一步”,進入下一個步驟。在此選項中有兩個選擇,選擇推薦的“編輯我的計算機上的本地副本,完成后再上傳到服務器”。底下的文本框允許在本地磁盤上指定一個文件夾,Dreamweaver將在其中儲存站點檔的本地副本。單擊該文本框后面的文件夾圖示,之后單擊“下一步“,進入下一個步驟。這一步是如何設置連接到遠程服務器,彈出式菜單中有6中選擇,這里選擇“無”。而后“下一步”再“完成”,即可。2.1.2 創(chuàng)建站點內容
站點創(chuàng)建完成后,就可以創(chuàng)建Web頁來填充站點了。在“右側浮動面板組”中選擇“檔/檔”面板,在彈出的菜單中選擇“新建文件”,新建一個檔后將其命名為“index.htm(或index.html),它就是未來的首頁。
秦皇島職業(yè)技術學院信息工程系
2.2 首頁
2.2.1 設置首頁布局和頁面屬性
一、設置首頁布局
每個網站都會有一個首頁,就功能上而言,它代表著一個網站的風格與特色,就網站架構上而言,它代表了網站的第一層架構,首頁是打開網站后在瀏覽器中顯示的第一個頁面。它是起什么名字通常要視Server端的設置,一般的有index.htm,default.htm或home.htm等,目前主要以index.htm的居多。當然,后綴名為html也是正確的。具體設置方法是:右健單擊“檔”浮動面板中的index.htm,在彈出的菜單中選擇“設成首頁”。操作步驟:
1、在“插入快捷欄”的“布局”分類中,單擊“布局表格”按紐。
2、將變成“+”形狀的鼠標游標放到編輯中網頁上,在要繪制的地方進行拖動就可以進行創(chuàng)建了。(如果繪制的是第一個表格必須從網頁的最左上角開始繪制)。“index”表格布局如下圖:
秦皇島職業(yè)技術學院信息工程系
二、設置首頁的頁面屬性
首先雙擊“檔”浮動面板中的index.htm,進入頁面的編輯窗口。右健單擊空白區(qū)域,在菜單中選擇“頁面屬性”,之后彈出“頁面屬性”對話框,若選擇主菜單“修改/頁面屬性”項,也可以把打開該對話框。
在“頁面屬性”對話框中,左側窗口顯示“分類”,其中包括了“外觀”、“鏈接”、“標題”、“標題/編碼”、“跟蹤圖像”5項,右側區(qū)域則顯示各類中可以設置的項目
“index”首頁設置的屬性如下圖所示:
秦皇島職業(yè)技術學院信息工程系
2.2.2 查看和編輯頭內容
一個網頁文件結構上實際是由兩部分組成,頭(head)內容和主體(body)內容主體內容(body)是文檔的主要部分,也是包含文本和圖像等的可見部分。頭內容(head)是除文檔標題外的不可見部分,包含有文文件類型、語言編碼、搜索引擎的關鍵的關鍵詞和內容指示器以及樣式定義等重要信息,這些元器并不是每個頁面都需要的,例如,可以僅為主頁提供關鍵詞。2.2.3 插入圖像
圖像是網頁中不可或缺的組成成份,恰當地使用圖像,可以使網站充滿生活生命力與說服力,吸引更多的瀏覽者,加深他們欣賞你網站的意愿。首先將游標停留在要插入圖像的位置,然后單擊“菜單欄”下面“插入快健欄”的下拉表,選擇其中的“常用”類,則右側將會顯示該類中可以插入的對象快鍵按鈕。左起第5個即為“圖像:圖像”按鈕,單擊它右側的下拉列表,選擇第1項“圖像”。隨即彈出“選擇圖像源文件”對話框。從計算機磁盤中選擇想要插入的圖像文件,下面的“相對于”下拉表框中,可選擇文件URL地址的類型,插入logo圖像,如圖所示:
秦皇島職業(yè)技術學院信息工程系
最后單擊“確定”按鈕,即可完成插入圖像的操作。2.2.4 插入FLASH相冊
在Dreamweaver 8中,除了之前講到的可以插入“圖像”外,還可插入動畫、聲音、視頻,F(xiàn)LASH相冊等媒體元素,并且還可以在Dreamweaver自身內插入Macromedia Flash MX2004按鈕和文本對象,以及進行相關的后期處理和添加設計備注等操作。在Dreamweaver 8文文件中,可以插入媒體文件包Flash 相冊、QuickTime、AVI java、applet Active X控件以及各種格式的音頻檔。要在瀏覽器中播放放Flash 相冊,必須在瀏覽器中集成“Flash 播放器(Flash Player)”。操場作步驟:
步驟1、將游標停留在要插入Flash的位置,然后單擊菜單欄下面“插入”的下拉列表,選擇其中的“FLASH”分類,找到圖像查看器命令,單擊彈出保存對話框,選擇要保存的地方和名稱,點擊保存。
步驟
2、在Dreamweaver中將會產生一個flash相冊,在Dreamweaver中的最右邊將會有一個flash元素,一次將flash的屬性修改,既可完成一個flash相冊的制作。2.2.5 插入文本
文字是人類語言最基本的表達方式,在網頁中,文本內容也可以說是重要的組成部分,它是最關鍵的因素。插入文本的兩種方式:一種是在網頁編輯窗口中直接用鍵盤敲入文本。另一種是復制文本的方式。直接使用Dreamweaver的文本復制功能,將大段的文本內容拷貝到網頁的編輯窗口來進行排版的工作,10
秦皇島職業(yè)技術學院信息工程系
具體步驟如下:打開文本編輯軟件(如Microsoft Word),選中要復制的文本,它們將反白顯示,執(zhí)行菜單“編輯/復制”命令或直接用快捷鍵Ctrl+C,之后切換回Dreamweaver,將游標停留在插入文本的位置,執(zhí)行主菜單“編輯/粘貼”命令或直接使用快捷鍵Ctrl+v,即可將大段的文本快速粘貼到網頁中。這在我的“閑情逸致”中用到很多。2.3 創(chuàng)建其它網頁
還有其它的幾個網站與主頁的制作相同,一個網頁是圖像和文字的組合。“相冊”子頁中的FLASH相冊的插入和前面的介紹相同。
秦皇島職業(yè)技術學院信息工程系
第三章 建立網頁鏈接
網站實際上是由很多網頁組成的,那么網頁之間是如何聯(lián)系的呢?這就是本章要講的內容----網頁的“鏈接”。“鏈接”,又稱“超鏈接"(Hyperlink),它作為網頁的橋梁。網頁中的很多對象都可以加入“鏈接”屬性。在Dreamweaver 8中,如果以“鏈接”的媒介來劃分的話,則“鏈接”可以分為“文字鏈接”、“圖像鏈接”、“圖像地圖鏈接”、“內部鏈接和外部鏈接”、“E-mail鏈接”、“命名錨記鏈接”、“文件下載鏈接”和“跳轉菜單”,共8種。3.1 文字鏈接
“文字鏈接”即以文字作為媒介的鏈接,它是網頁中最常被使用的鏈接方式,具有“文件小、制作簡單和便于維護”的特點。接下來結合我的個人網站為實例,來講解如何為文字建立“鏈接”。操作步驟:
步驟1、準備好已經制作完成的首頁的各個欄目頁面
步驟
2、在Dreamweaver 中打開首頁,之后反白選取作為“鏈接”的文字。步驟
3、觀察“屬性面板”,其中包括一個“鏈接”文本框。步驟
4、接下來需要把鏈接的位址加入到文本框中。
步驟
5、在“鏈接”文本框下面還有一個“目標”下拉列表,從中可以選擇鏈接網頁顯示的窗口方式,共有4種。如圖:
步驟
6、還可以設置一些“鏈接”的屬性,單擊“屬性面板”中的“頁面 12
秦皇島職業(yè)技術學院信息工程系
屬性”,選擇其中的“鏈接”分類,可以進行的設置有“鏈接字體”、“大小”、“鏈接顏色”、“變換圖像鏈接”顏色、“已訪問鏈接”顏色、“活動鏈接”顏色及“下劃線樣式”。
步驟
7、至此,第1個欄目的鏈接就制作完畢了,按下Ctrl+S保存網頁,再按下F12預覽,測試一下,當鼠標放在“放松心情”這4個文字上時將變成手形,并且瀏覽器窗口下面的狀態(tài)區(qū)中會顯示鏈接到的網頁的位址,單擊文字,頁面會立即跳轉到第1個欄目中,這表示鏈接已經制作成功了。
步驟
8、同理,按照以上步驟,再為“閑情逸致”和“個人主頁”等其它欄制作指向對應欄目的鏈接。
至此,整個“文字鏈接”的實例就全就全部完成了。3.2 圖像鏈接
“圖像”也是常被使用的鏈接媒體,它和“文字鏈接”非常相似。為圖像加入鏈接,首先應該在網頁中插入“圖像”,有關插入“圖像”或“導航條”按鈕的內容,接下來以我的網站“my web“為例,講解如何建立“圖像鏈接”。操作步驟:
步驟
1、首先仍然要準備好已經制作完成的首頁和各個欄目的頁面 步驟
2、在Dreamweaver中打開網站的首頁,之后選取要制作“鏈接”的圖像。
步驟
3、觀察“屬性面板”,在“鏈接”文本框中輸入鏈接的文字位址。步驟
4、如果有需要,可以在“目標”下拉列表中選擇“鏈接”網頁顯示 13
秦皇島職業(yè)技術學院信息工程系 的窗口方式,分別為-blank、-parent、-self或-top。
步驟
5、至此,第1個欄目的圖像鏈接就制作完畢了,按下Ctrl+S保存網頁,再按下F12預覽,測試一下,將鼠標放在“動畫制作”4個文字上時將變成手形,同時瀏覽器窗口下面的狀態(tài)區(qū)中會顯示出鏈接到的網頁的地址,并且會顯示出“替代”文本“動畫制作”,單擊文字,頁面會立即跳轉到第3個欄目中,這表示鏈接已經制作成功了。
步驟
6、同理,按照以上步驟,再為其它幾幅圖像制作指向對應欄目的鏈接。
步驟
7、在欄目頁面中制作“返回首頁”的鏈接,使得單擊后可以跳轉回首頁。
至此,整個“圖像鏈像”的實例就全部完成了。3.3在HTML語言中建立網頁鏈接
一、文字鏈接
在HTML語言中用超鏈接標記指向一個目標。其基本格式為:舉個簡單的“文本鏈接”的實例,該實例相對應的HTML代碼如下所示。
a href-“index2.html”target=”-blank”>平面設計(新開窗口,-blank)
相冊(原窗口,默認為空)
第五篇:畢業(yè)設計論文.校園網站建設
畢業(yè)設計論文·校園網站建設
目 錄
摘要.....................................................3 前言.....................................................4 第一部分、網站總體分析與設計.............................6
一、網站系統(tǒng)分析.......................................6
二、主頁設計...........................................6
三、數據庫設計.........................................7 第二部分、詳細設計.......................................7
一、家長學校聯(lián)系薄.....................................7
1.功能...............................................7
2.組成構造...........................................8
3.數據庫結構設計.....................................8
4.界面設計與重點、難點代碼的設計.....................9
二、網上圖書館.........................................1
51.功能...............................................15
2.數據庫設計.........................................16
3.界面設計與重點代碼的設計...........................17
三、達級考試在線查分系統(tǒng)與計數器的制作.................25 1.功能...............................................25 2.數據表的設計.......................................25 3.界面設計與重點難點代碼的設計.......................25 4.頁面訪問計數器的制作...............................26
畢業(yè)設計論文·校園網站建設
第三部分、系統(tǒng)的使用說明與安裝...........................27
一、運行環(huán)境要求.......................................27
二、安裝設置...........................................28 第四部分、致謝...........................................29 參考文獻.................................................30
畢業(yè)設計論文·校園網站建設
摘要
利用Internet技術來實現(xiàn)“無紙辦公”已深入人心,校園網作為學校信息化建設的一個平臺在完成資源共享、互聯(lián)網訪問、教務管理、電子備課等方面發(fā)揮了重要作用。本文著重論述了校園網設計與建設過程中確立建設校園網的目標,校園網的技術方案設計,信息資源建設,軟件的開發(fā),管理與安全等五個關鍵部分。
關鍵字:校園網;網站系統(tǒng);ASP;數據庫;代碼
畢業(yè)設計論文·校園網站建設
前 言
在Internet飛速發(fā)展的今天,互聯(lián)網成為人們快速獲取、發(fā)布和傳遞信息的重要渠道,它在人們政治、經濟、生活等各個方面發(fā)揮著重要的作用。Internet上發(fā)布信息主要是通過網站來實現(xiàn)的,獲取信息也是要在Internet“海洋”中按照一定的檢索方式將所需要的信息從網站上下載下來。因此網站建設在Internet應用上的地位顯而易見,它已成為政府、企事業(yè)單位信息化建設中的重要組成部分,從而倍受人們的重視。為了更好的辦學,提高學校知名度,特構建山西職業(yè)技術學院學校網站。
1、設計思想
通過網站,全面宣傳,展示學校風采、優(yōu)點與特色,發(fā)布學校的重大活動安排與招生政策,增強家長與學校之間的聯(lián)系,在Internet上實現(xiàn)完成部分校務,提高辦事效率。
2、開發(fā)工具的選用及介紹
Active Server Pages:“動態(tài)服務器網頁”,一般簡稱為“ASP”,ASP之所以能受到大家的重視與使用的原因,主要在于所產生的執(zhí)行結果都是標準的HTML格式,而且這些程序是在網絡服務端中執(zhí)行,使用一般的瀏覽器(如IE 或Netscape)都可以正確地獲得ASP的“執(zhí)行”結果,并且將這ASP執(zhí)行的結果直接在瀏覽器中“瀏覽”,不像VBScript或 JavaScript是在客戶端(Client)的瀏覽器上執(zhí)行,若使用VBScript來設計程序,客戶端(Client)在IE瀏覽器中可以顯示程序執(zhí)行的結果,可是,客戶端(Client)若使用Netscape瀏覽
畢業(yè)設計論文·校園網站建設
器就無法顯示VBScript的執(zhí)行結果[1]。
任何開發(fā)工具皆可發(fā)展ASP,只要使用一般的文書編輯程序,如Windows記事本,就可以編輯。當然,其他網頁發(fā)展工具,例如,F(xiàn)rontPage Express、FrontPage等也都可以;不過還是建議你用記事本來寫,既省錢又方便,若是使用那些所見即所得的網頁編輯來寫ASP,可能會發(fā)生一些意想不到的離奇狀態(tài)。
通吃各家瀏覽由于ASP程序是在網絡服務器端中執(zhí)行,執(zhí)行結果所產生的HTML文件適用于不同的瀏覽器。
語言相容性高:ASP與所有的ActiveX Script語言都相容,除了可結合HTML,VBScript、Java Script、Active X服務器組件來設計外,并可經由“plug-In(外掛組件模組)的方式,使用其他廠商(Third Party)所提供的語言。
隱密安全性高:如果我們在瀏覽器中直接查看網頁的原始代碼,就只能看到HTML文件,原始的ASP程序代碼是看不到的!這是因為ASP程序先于網站服務(Web Server)端執(zhí)行后,將結果轉換成標準HTML文件,再傳送到客戶端(Client)的瀏覽器上,因此,我們所辛苦撰寫的ASP程序并不會輕易地被看見進而被盜用。
易于操控數據庫:ASP可以輕易地通過ODBC(Open Database Connectivity)驅動程序連接各種不同的數據庫,例如:Acess、Foxpro、dBase、Oracle等等,另外,ASP亦可將“文本文件”或是”Excel” 文件當成數據庫用。
面向對象學習容易:ASP具備有面向對象(Object-Oriented)功
畢業(yè)設計論文·校園網站建設
能,學習容易,ASP提供了五種方便能力強大的內建對象:Request、Response、Sever、Application以及Session,同時,若使用ASP內建的“Application”對象或”Session”對象所撰寫出來的ASP程序可以在多個網頁之間暫時保存必要的信息[2]。所以我選擇了ASP結合Frontpage架構XXX學校網站[3]。
第一部分 網站總體分析與設計
一、網站系統(tǒng)分析
根據前面的設計思想進行分析,按照系統(tǒng)開發(fā)的基本觀點對網站進行分解,從內容上可對網站作如下劃分:
1、學校風采 通過學校概括、教師風采、校園之星及部分圖片等內容來展現(xiàn)。
2、優(yōu)點特色 通過新聞、生動活潑的教育教學欄目來展現(xiàn)。
3、信息發(fā)布 通過公告欄、信息查詢等欄目來實現(xiàn),內容有招生政策、活動安排等。
4、部分校務 根據校務的公開程度與參與人數的多少,特選擇圖書管理、評優(yōu)、考試查分、家校聯(lián)系四大校務在網上實現(xiàn)。
二、主頁設計
網站主頁采用靜、動相結合的方式,即靜態(tài)的主畫面和動態(tài)的圖片相結合,體現(xiàn)學校的勃勃生氣,靜態(tài)主頁方式介紹學校風采、優(yōu)點
畢業(yè)設計論文·校園網站建設
特色、信息發(fā)布,對于四大校務,就得利用ASP與數據庫結合的技術建立數據庫查詢管理系統(tǒng),采用交互式的動態(tài)的web畫面來實現(xiàn)。
三、數據庫設計
采用的數據庫是Microsoft Access,擬建立teach.mdb庫文件,包含如下幾個表文件:
allmessage 留言信息表 Libbooks 圖書信息表
Libcategories 圖書類別信息表 Libemps 圖書館用戶信息表; stud 學生信息表
第二部分 詳細介紹
一、家長學校聯(lián)系薄
1、功能
利用SQL語法過濾特定的家長留言意見,讓老師可以針對某位特定學生家長所發(fā)表的意見作出獨立的回答,同時,家長在發(fā)表個人意見時,若認為意見內容涉及敏感的話題或是意見內容涉及私人隱私,都可用“悄悄話”的方式發(fā)言,這些“悄悄話”將不會被顯示出來讓大家看到,當然,老師擁有管理的能力,只要以密碼登錄管理模式,就可以進行各個學生家長的單獨意見回復,而且還能看到家長們所留
畢業(yè)設計論文·校園網站建設
下的“悄悄話”。
2、組成構造 共分成六大部分:
(1)意見留言結果網頁guest.asp 用來顯示家長發(fā)言與老師回復內容,同時還具備一般模式與管理模式兩種顯示方法。
(2)家長發(fā)言表單網頁addmsg.asp 讓學生家長填寫發(fā)言內容并選擇發(fā)言性質。
(3)家長發(fā)言數據處理ASP程序add.asp 處理家長發(fā)表的意見數據,同時將這些意見數據記錄起來并將網頁顯示轉向至意見留言結果網頁。
(4)老師回復表單網頁teachans.asp 讓老師針對某位特定學生家長所發(fā)表的意見作出獨立的回答。
(5)老師回復數據處理ASP程序anssave.asp 處理老師回復的數據內容,同時將這些意見數據起來并將網頁顯示轉向至意見留言結果網頁。
(6)數據表文件allmessage 用來儲存家長發(fā)言數據與老師回復數據的Access類型數據庫文件。
“數據表文件”負責存放家長發(fā)言數據與老師回復內容的數據記錄,為Access類型的庫文件,將它定名為:“message.mdb”。
3、數據庫結構設計
數據庫文件”teach.mdb“中的數據表” allmessage“的欄目設置,字段名 字段類型。
畢業(yè)設計論文·校園網站建設
4、界面設計與重點、難點代碼的設計
數據庫與留言顯示程序網頁
家長發(fā)言與老師回復的內容數據全部儲存在數據庫中,要在網頁中顯示目前的家長發(fā)言與老師回復數據,必須先進行數據庫的鏈接與打開,要鏈接數據庫我們必須使用ADO對象群的Connection對象;而要打開數據庫則必須使用ADO對象群的Recordset對象,程序:
set cn=server.createobject(“adodb.connection”)cn.open “filedsn=c:program filescommon filesodbcdata sourcesms access database.dsn” set rs=server.createobject(“adodb.recordset”)sql=“select * from allmessage order by 留言時間 desc” rs.open sql,cn,1,1 Recordset對象是負責瀏覽與操作從數據庫取出來的數據,Connection對象只負責與數據庫進行鏈接的動作,并不能使用數據庫內的數據,因此必須建立一個可以存取數據庫數據的Recordset對象,使用RS.Open方法存取”teach.mdb”數據庫 RS.Open SQL,CN,1,1 使用open方法來打開數據表或執(zhí)行Select指令參數設置如下:(1)參數一(SOURCE):為欲打開的數據表或SQL指令。(2)參數二(ActionConnection):指定一個已打開的數據庫對象,將此參數設為鏈接我們已經建立好的Connection對象“CN”。
畢業(yè)設計論文·校園網站建設
(3)參數三(CursorType):指定Recordset的打開類型,1為可讀寫且可自由移動。
(4)參數四(LockType):指定鎖定類型,1為只讀。數據排序與SQL指令
(1)Select 指令的篩選語句: 格式: Select?From 在SQL語言中:“Select”數據表“中選取某些“欄位”的數據.(2)如果要選取的數據表數據包含了一個以上的欄位,則我們可以利用“,”逗號來欄位名稱隔開。
(3)如果要選取的數據表數據包含了全部的欄位,則可以利用萬用字符“*”來代表全部的欄位。
可排序數據的Select指令
(1)當我們希望被選取出來的數據記錄數據能夠依據某個或某幾個欄位的內容來排序時,只要將這些排序依據的欄位擺放在“Order By“保留字之后,然后將這處排序的語句連接在”Select?From“后面就行了。
(2)“Order By“默認的排序方式是“由小排到大”,但若是希望排序方式是“由大排到小”,則我們可在欄位名稱后再加上“Desc“保留字!將排序方式改為”由大排到小“。
在“顯示留言意見”網頁中的打開數據庫ASP程序中的語句: SELECT*From allmessage order by 留言日期 Desc 功能為:從數據表“allmessage“中取出所有欄位的數據,并將
畢業(yè)設計論文·校園網站建設
取出的數據記錄內容依照”留言日期“欄位使用的”由大排到小“排序方式進行排序。
留言顯示網頁的管理模式
“顯示留言意見”的網頁就必須具備顯示模式選擇的功能,當顯示模式在一般情況時要能顯示家長們的一般性發(fā)言,同時還得將“悄悄話“的發(fā)言隱藏起來。當老師以密碼登錄成為管理模式時,則必須將一般性發(fā)言與悄悄話發(fā)言的數據全部顯示出來,同時還得讓老師們可以針對某位特定學生家長所發(fā)表的意見作出獨立的回答。
這兩個情況是通過密碼登錄管理模式的ASP程序實現(xiàn)的:
在這段網頁語句中,利用Session對象來記錄目前的工作模式。當我們第一次進入“顯示留言意見”網頁的時候,我們所見的網頁畫面一定是一般!因為Session尚未被建立,因此它的“變量”值一定畢業(yè)設計論文·校園網站建設
不會是“yes”,所以網頁中會出現(xiàn)一個輸入密碼進入“教師管理”模式的欄位,只有當我們輸入密碼按下“教師管理”的按鈕組織上發(fā)ASP程序中的進入管理模式語句后,Session對象才會被建立,同時,“checkedit“Session對象變量值被設置為“yes“,所以我們就進入了能將一般性發(fā)言與悄悄話發(fā)言的數據全部顯示出來,同時還讓教師們可以針對某位特定學生家長所發(fā)表的意見作出獨立回答的管理模式頁面。
留言顯示網頁的分頁
當家長的發(fā)言與老師回復的數據筆數太多時,一次要將全部的數據內容顯示在網頁中,等待網頁下載的時間太長了,因此采用固定筆數分頁瀏覽方式來顯示網頁。
要進行分頁顯示,得先知道目前有多少筆的留言數據,而留言數據筆數可以通過Recordset對象的“Recordcount“(記錄個數)屬性得知,我們將每10筆數據為一單位分頁顯示:
count=rs.recordcount if count/10>(count10)then totalpage=(count10)+1 else totalpage=(count10)end if “/”為浮點數除法,“”為整數除法。跳頁選擇的ASP程序語句
所有的發(fā)言數據采用固定筆數分頁瀏覽的方式來顯示后,還要提
畢業(yè)設計論文·校園網站建設
供一個跳頁鏈接顯示的功能,讓瀏覽者可以選擇希望瀏覽的頁次進得瀏覽,ASP程序語句:
pagecount=0 rs.movefirst ifrequest.querystring(“topage”)<>“"then pagecount=cint(request.querystring(”topage“))if pagecount<=0 then pagecount=1 if pagecount>totalpage then pagecount=totalpage rs.move(pagecount-1)*10 發(fā)言表單網頁制作 inse tu3 表單的參數
表單的Action參數:Action參數是用來指定Server端處理此一表單數據內容的程序,此處表單處理ASP程序為“add.asp“,表單的Mothed參數:要將表單傳送至Server端的方式有兩種,設置值分別為GET及POST,若設置為POST,則瀏覽器會等Server端來讀取數據,若設置為GET,則當我們按下送出按鈕時,瀏覽器會立即將表單中的數據內傳送出去。利用POST方法,在傳送的數據上將不受限制,利用GET方法傳送的數據量則大約只有2K左右。
留言處理程序
要將家長發(fā)言數據作后續(xù)處理及將這些數據內容存入數據庫,須利用添加數據記錄的Insert Into 指令,然后再寫入數據庫文件中:
畢業(yè)設計論文·校園網站建設
Inset into 指令語句格式:
Insert into 數據表名(欄目名)values(欄目值)sql=”insert into allmessage(家長姓名,留言主題,聯(lián)絡信箱,留言內容,私人公開,留言時間,班級)values(“ sql=sql&”'“& parent&”',“ sql=sql&”'“&subject&”',“ sql=sql&”'“&email&”',“ sql=sql&”'“&memo&”',“ sql=sql&”'“&personal&”',“ sql=sql&”'“&now&”',“ sql=sql&”'“&bj&”')“ cn.execute sql 回復表單程序網頁
必須讓老師們可以針對某位特定學生家長所發(fā)表的意見作出獨立的回答, 使用Select?From?Where篩選語句
sql=”select * from allmessage where(編號=“&ID&”)“ rs.open sql,cn,1,3 然后將特定的家長發(fā)言數據放在表單,方法是將數據庫中的數據取出來,然后放在表單欄位中:
“家長姓名“欄位網頁語句標簽
畢業(yè)設計論文·校園網站建設
“)%>
二、網上圖書館
網上圖書館將學校圖書館圖書放到網絡上供人借閱,這樣不僅方便了校內的學生與教職員工使用圖書館的資源,還為圖書館管理員提供了一種簡便地管理圖書館的方法。
1、功能
網上圖書館系統(tǒng)可以進行圖書的出借和歸還.還可以在系統(tǒng)中按照多種字段對圖書進行查找,還可以瀏覽某個種類的所有圖書.該應用程序也為圖書館管理員提供了一些功能,如添加、編輯以及刪除圖書等,或者在分類層次結構中添加新的種類。
畢業(yè)設計論文·校園網站建設
2、數據庫設計
本系統(tǒng)共使用3個數據表:
LibBooks表包含與圖書有關的所有數據。該表中的字段內容的圖書的通用信息。另外,對于已經出借的圖書,該表中還包含借閱該圖書的用戶的ID號,以及圖書的狀態(tài)。
表視圖如下:
字段名 意義 字段類型 字段名 意義 字段類型 bookid 書號(主鍵)數字(no null)status 狀態(tài) 文本 title 書名 文本 checkedoutto 用戶id 數字 author 著者 文本 reservedby 用戶學號 數字 Subject 主題 文本 description 描述 文本 Isbn Isbn號 文本 keywords 關鍵字 文本
LibCategories 表包含Library中的所有類別,在訪問者瀏覽圖書列表時將會用到這些類別。每個類別都可以作為另外類別的父類別。有一個特殊的類別,Top-Level,沒有出現(xiàn)在類別列表中,但是可以作為其他任何類別的父類別。
字段名 意義 字段類型
Categoryname 類別 文本(noll)parentcategory 父類別 文本(noll)LibEmps表包含可以訪問圖書館網站的用戶信息。該表包含一些通用的信息字段,比如用于進入圖書館的用戶密碼等。
字段名 意義 字段類型 字段名 意義 字段類型
畢業(yè)設計論文·校園網站建設
empid 用戶id(主鍵no null)數字 password 用戶密碼 文本 Empname 用戶姓名 文本 manager 管理員代號 數字 emailaddress 用戶郵箱 文本
圖書館數據庫,其中表LibEmps和表Lib Categories與表LibBooks之間都是一對多的關系。每個雇員都可以借閱多本圖書,每個類別都可以包含多本圖書。
3、界面設計與重點代碼的設計
網上圖書館系統(tǒng)有兩種用戶,一是管理員。另一種是只允許使用圖書館系統(tǒng),而沒有管理功能的一般用戶。訪問者進入網站,首先要進行登錄,如下圖所示。登錄頁面(index.asp)
訪問者輸入E-mail地址和密碼來登錄,然后單擊“登錄”按鈕。輸入的數據提交后與數據庫中的用戶表進行匹配。
須創(chuàng)建一個記錄來保存基于訪問者登錄的用戶信息
set RSFindEmp = conn.Execute(”select EmpID, Manager from LibEmps where “ _ & ”EmailAddress = '“ & Request.Form(”EmailAddress“)& ”' and “ _ & ”Password = '“ & Request.Form(”Password“)& ”'“)if RSFindEmp.EOF then TheMessage = ”密碼或email地址不對.“ else Session(”EmpID“)= RSFindEmp(”EmpID“)
畢業(yè)設計論文·校園網站建設
Session(”Manager“)= RSFindEmp(”Manager“)Response.Redirect ”../yk.htm“ end if 表單域EmailAddress和Password 用于Where了句中來獲取一個記錄。如果訪問者輸入了一個無效的用戶名,則記錄集中將不會返回匹配的記錄。我們可以通過查看EOF標記來判斷一個記錄集是否為空。為空,則訪問者將被拒絕進入該系統(tǒng)。不為空,則訪問者的EmpID值和Manager值將從記錄集中返回。寫入Session 變量,變量將在整個網站的所有網頁中都是有效的。這些變量的存在與否及其取值將用于確定是否允許進入一個特定的網頁,同時也用于訪問者進行書目的歸還和借閱操作。
圖書館菜單頁面
圖書館菜單頁面包含指向其他4個頁面的鏈接:管理頁面、搜索頁面、圖書列表頁面和主頁面。還有一個可顯示用戶所借書籍的按紐。如果訪問者是圖書館管理員,則菜單界面如圖所示。如果訪問者不是圖書館管理員,則看到如圖所示的界面。非管理員的訪問者的界面上沒有指向管理員菜單頁面的鏈接。
實現(xiàn)辦法:訪問者登錄時在登錄頁面上的創(chuàng)建的會話變量Session 用于從數據庫中獲取訪問者的有關信息,表示它是否是管理員。如果值為1,就表明訪問者是一個管理員,則用如下代碼寫入一個指向管理員頁面的鏈接:
<% If Session(”Manager“)= 1 then %>
畢業(yè)設計論文·校園網站建設
管理員菜單 <% end if %> 通過按紐B1是否為空來判斷要不要顯示用戶所借圖書,利用一個記錄集來獲取訪問者已經借出了的所有圖書的列表。
if NOT isempty(Request.Form(”B1“))then set RSBooks = conn.Execute(”select BookID, Title from LibBooks where “ _ & ”CheckedOutTo = “ & Session(”EmpID“))end if 再用循環(huán)語句將所借書以表格形式顯示出來。
height=”20“><% Response.Write RSBooks(”Title“)%> |
畢業(yè)設計論文·校園網站建設
該網站中的所有ASP頁面都會在訪問者訪問之前對其進行登錄檢查。這樣就可以避免訪問者通過輸入某個頁面地址然后在沒有登錄的情況下直接進入該頁面的情況發(fā)生。此外,每個管理頁面都要確認訪問者是管理員。
管理菜單頁面
管理菜單頁面有一個HTML表單,根據選擇的按鈕的不同,可以進行5種不同的操作:圖書的歸還、圖書的編輯、圖書的刪除、圖書的添加和類別的添加。不管選擇了哪一個按鈕,該表單都提交人其自身進行處理。
要進行圖書的歸還、圖書的編輯、圖書的刪除三種操作,須先進行搜索,找到該書后,由圖書Book.asp返回一個鏈接:
<% If Session(”Manager“)= 1 then %>
<%=request.querystring(”title“)%>
畢業(yè)設計論文·校園網站建設
“修改”鈕:
則重定向到編輯圖書頁面,同時把Bookid 傳遞給該頁面。Response.Redirect “./edit_book.asp?BOOKID=”&request(“BOOKID1”)將其他的情況需要建立到數據庫的連接:
set conn = server.createobject(“adodb.connection”)Conn.Open(“FILEDSN=c:Program
FilesCommon FilesODBCData Sourcesms access database.dsn”)if NOT
isempty(Request.Form(“Delete”))
and request(“BOOKID1”)<>“" then conn.Execute ”delete from LibBooks where BOOKID =“&request(”BOOKID1“)end if if(NOT
isempty(Request.Form(”checkin“)))
and request(”BOOKID1“)<>”“ then conn.Execute ”update LibBooks set checkedoutto= 0, status= 'Available' where BookID=“&Request(”BOOKID1“)end if 頁面中的添加新的種類部分包含一個文本控件和一個選擇控件。其中選擇控件是用所有已經存在的類別列表進行填充的,包括特殊類別 Top level,該類別表明當前類別是處于類別層次結構中的最頂層。代碼如下:
畢業(yè)設計論文·校園網站建設
先用一個記錄集來填充父類別選擇控件:
set RSCategories = conn.Execute(”select CategoryName from LibCategories order by CategoryName“)再用下列循環(huán)語句: <% Do Until RSCategories.EOF %> <% RSCategories.MoveNext Loop %> 遍歷RSCategories記錄集中的每個記錄,并作為一個選項添加到列表中,而記錄集中CategoryName 同時作為顯示值和傳遞值:
本頁面還包含一個指向添加圖書頁面的鏈接。搜索結果頁面
搜索頁面的代碼獲取與訪問者查找規(guī)則相匹配的圖書,然后將這些圖書顯示給訪問者。
搜索頁面上的表單包含一個選擇控件和一個文本控件。選擇控件中的選項是用可搜索 的字段填充的:
畢業(yè)設計論文·校園網站建設
需要用一個記錄集來保存與訪問者的查找規(guī)則相匹配的記錄: set RSBooks = conn.Execute(”select BookID, Author, Title, Subject from LibBooks where “ _ & Request.Form(”SearchField“)& ” Like '%“ & Request.Form(”SearchCriteria“)& ”%'“)注意:,符號%表示的是一個廣義搜索。這一點類似于ACCESS中的符號*。
然后將所找到的書以表格形式顯示出來。代碼如下: <% Do Until RSBooks.EOF %>
height=”20“>
書
名
:
畢業(yè)設計論文·校園網站建設
該頁面通過Querystring 傳遞BookID if isempty(Request.QueryString(”BookID“))then Response.Redirect ”./search.html“ end if 如果其中不存在,則訪問者將被重定向到搜索頁面:
如果同時傳遞表單中包含的變量Action不為空,則表明訪問者正借閱該圖書:
if Not isempty(Request.QueryString(”Action“))then 在這種情況下,需要將圖書狀態(tài)改為 Checkout, 同時需要將Checkedoutto 字段修改為該訪問者:
conn.Execute ”update LibBooks set Status = 'Checked Out', “ _ & ”CheckedOutTo = “ & Session(”EmpID“)& ” where BookID = “ _ & Request.QueryString(”BookID“)Response.Redirect ”./library_menu.asp“ end if 然后將該訪問者重定到圖書館菜單頁面: 下一步,利用圖書的狀態(tài)來確定不同的鏈接 未借出時鏈接如下:
if RSBooks(”status“)= ”Available“ then LinkText
= ” 畢業(yè)設計論文·校園網站建設 HREF=“"../html/book.asp?Action=CheckOut&BookID=” _ & Request.QueryString(“BookID”)& “"”>借這本書
LinkText = ”圖書已出借,返回主菜單。” 最后根據是否是管理員,顯示管理員菜單鏈接。<% If Session(“Manager”)
=
then
%> %>&BOOKID=<% response.write response.write RSBooks(”BOOKID“)%>”>管理員菜單
三、達級考試在線查分系統(tǒng)與計數器的制作
1、功能
它提供了在線查看成績。考生可以在網上使用這一系統(tǒng),通過輸入準考證編號來查詢達級考試的結果。
2、數據表的設計
與評優(yōu)系統(tǒng)共用STUd表,表設計同上。
3、界面設計與重點難點代碼的設計
該模塊需要查詢者輸入準考證號后來查看結果。若ID1不為空時,表示有表單輸入,開始查詢數據庫。使用 SELECT的SQL指令查詢數據庫的數據。先設定SQL指令,查詢ID符合準考證編號
畢業(yè)設計論文·校園網站建設
Request.Form(“ID1”)的數據,下個“Execute”指令,即可開始執(zhí)行存取、查詢數據的動作了。并將查詢結果儲存到Recordsets組件RS中。
IF Request.Form(“ID1”)<>“" THEN Set Conn = Server.CreateObject(”ADODB.Connection“)Conn.Open(”FILEDSN=c:Program
FilesCommon FilesODBCData Sourcesms access database.dsn“)SQL = ”SELECT name,id,score FROM stud WHERE id='“ & Request.Form(”ID1“)& ”'“ Set RS = Conn.Execute(SQL)若考試通過,則顯示考試的結果,包括姓名、準考證編號、總分和考試結果,分別由RecordSets 組件的RS(0)、RS(1)、RS(2)、RS(3)得到。FS.Field.Count表示RecordSets組件的域的總數,由“for I=0 to RS.Fields.count-1”,取得RS(I)各域的數據。配合