時間:2022-05-06 04:37:11
序論:在您撰寫網(wǎng)站畢業(yè)設計論文時,參考他人的優(yōu)秀作品可以開闊視野,小編為您整理的1篇范文,希望這些建議能夠激發(fā)您的創(chuàng)作熱情,引導您走向新的創(chuàng)作高度。
摘要:“網(wǎng)站設計與維護”是一門實踐性和實用性都很強的課程,針對中等職業(yè)學校非計算機專業(yè)學生的特點,設計一個關(guān)于內(nèi)容管理系統(tǒng)CMS的課程教學內(nèi)容,分析CMS的原理和特點,采用案例教學法讓學生快速掌握各種網(wǎng)站建站的設計方法。
關(guān)鍵詞:網(wǎng)站設計與維護;CMS;課程教學;教學法;模板設計;網(wǎng)站建設
1 概述
《網(wǎng)站設計與維護》課程是中等職業(yè)學校計算機、電子商務等相關(guān)專業(yè)的一門專業(yè)課程,也是其他專業(yè)的普及型選修課程,是近年來計算機專業(yè)領(lǐng)域發(fā)展最快和應用最廣泛的課程之一,當今社會急需培養(yǎng)掌握計算機網(wǎng)頁設計、面向不同應用層次的專業(yè)人才。因此,學生對這門課程教學的要求越來越高。面對眾多的網(wǎng)頁設計技術(shù)和課程,如何為學生開設好這門課程,需要我們積極思考。為了培養(yǎng)能高效、快速地進行企事業(yè)單位網(wǎng)站以及電子商務網(wǎng)站的建設的人才,根據(jù)非計算機類專業(yè)學生的特點,結(jié)合本校的實際,設計一個關(guān)于內(nèi)容管理系統(tǒng)(CMS)的《網(wǎng)站設計與維護》課程教學內(nèi)容,采用案例教學法、任務驅(qū)動教學法讓學生快速掌握各種建設網(wǎng)站的方法。
2 CMS的特點和選型
2.1 CMS的概念
CMS是Content Management System的縮寫,意為“內(nèi)容管理系統(tǒng)”。CMS主要是以信息共享為目的,位于WEB前端(Web服務器)和后端辦公系統(tǒng)或流程(內(nèi)容創(chuàng)作、編輯)之間,面向海量信息處理,集信息數(shù)字化、分布存儲、管理、查詢、傳播為一體的管理平臺。內(nèi)容的創(chuàng)作人員、編輯人員、人員使用內(nèi)容管理系統(tǒng)來提交、修改、審批、內(nèi)容。這里指的“內(nèi)容”可能包括文字、表格、圖片、數(shù)據(jù)庫中的數(shù)據(jù)甚至視頻等一切需要到Internet、Intranet以及Extranet網(wǎng)站的信息。
目前主流的CMS概念,是以文章系統(tǒng)為核心,包含內(nèi)容模型自定義、內(nèi)容采集加工、內(nèi)容評論、內(nèi)容檢索、公告管理、廣告管理、調(diào)查管理、留言管理、用戶管理等各種通用功能模塊,面向各種內(nèi)容管理需要的網(wǎng)絡平臺。
2.2 CMS的選型
把CMS作為教學內(nèi)容,至少要注意系統(tǒng)類型和架構(gòu)、系統(tǒng)功能、視覺外觀、內(nèi)容管理、開源維護等五個重點。
基于ASP+ACCESS技術(shù)架構(gòu)的內(nèi)容管理系統(tǒng)采用結(jié)構(gòu)化的功能設計和界面布局設計,可分為核心系統(tǒng)(core)、組件(component)、模塊(module)、界面模板(template)等部分,系統(tǒng)結(jié)構(gòu)分為數(shù)據(jù)層、應用層和表現(xiàn)層,這種架構(gòu)具有易于理解、方便操作的特點。
網(wǎng)站模板與網(wǎng)站程序完全分離是目前主流CMS的設計理念,模板是用來控制前臺網(wǎng)頁顯示界面的布局和字體、圖片樣式及形式的,使得表現(xiàn)和內(nèi)容分離。只要設計不同的模板,即可實現(xiàn)不同的網(wǎng)站界面風格,讓學生達到快速建站的目的。
作為開發(fā)型產(chǎn)品的源代碼是最寶貴的學習范例,無論是初學者還是開發(fā)人員,都可以從開源CMS范例的源代碼中進行系統(tǒng)學習、掌握和探討商業(yè)軟件的設計、編碼規(guī)范等知識。通過以開源CMS軟件的源程序為范例來講解各種設計模式、編程技巧等知識,能夠很好促進學生對學習源代碼的興趣。
開源的CMS比較多,如DedeCMS、PHPCMS、PHP168、EmpireCMS、Joomla、JeeCMS、SiteServerCMS、FoosunCMS、SiteWeaverCMS、KesionCMS、JoekoeCMS等,作為教學的示范,以簡單、實用、方便、高效為原則,我們根據(jù)實際情況選擇一款優(yōu)秀ASP+ACCESS技術(shù)架構(gòu)的開源CMS作為教學演示工具。
3 教學內(nèi)容設計
3.1 CMS的基礎教學
《網(wǎng)站設計與維護》課程的學習主要有三個過程:設計過程、制作過程、內(nèi)容管理過程。其中設計過程要求熟悉軟件工程學及各種相關(guān)技術(shù),了解整個軟件設計流程,并具備相關(guān)的分析問題能力和策劃能力。制作過程要求具備頁面布局及相關(guān)的美工知識,動態(tài)代碼的編程知識及數(shù)據(jù)管理應用的數(shù)據(jù)庫知識。內(nèi)容管理過程要求熟悉信息內(nèi)容的采集、整理、編輯、審核、等過程。
教學內(nèi)容遵循學生學習認知的過程,科學合理地選擇教學內(nèi)容,幫助學生建立正確的建站思想和方法,在理論和實訓中都要體現(xiàn)一個網(wǎng)站設計的理念。
網(wǎng)站設計的基礎知識必須掌握。包括Dreamweaver、Flash和Fireworks軟件的使用,Photoshop基本操作,認識HTML標準語言中的Head、Table、Tr、Td等標簽及屬性設置,CSS、Javascript、VBScript、ASP代碼示例,網(wǎng)站框架設計和網(wǎng)站首頁基本布局設計的方法,網(wǎng)頁配色方法,IIS的安裝和配置,域名與虛擬主機服務器知識,網(wǎng)站安全知識。
3.2 利用現(xiàn)有網(wǎng)站進行快速模板設計
通用CMS網(wǎng)站系統(tǒng)主要有三大模塊:文章、軟件和圖片,一般每個模塊的模板目錄結(jié)構(gòu)都由源程序、Images圖片文件夾、JS文件夾、Skin風格文件夾、UploadFiles上傳文件夾組成,這三個模塊相對獨立,可以生成多個模塊欄目,每個模塊欄目都有自己的模板。
系統(tǒng)的模板設計功能從使用靈活、操作方便的角度出發(fā),利用現(xiàn)有網(wǎng)站進行快速模板仿制和設計并不是讓學生去剽竊他人作品,而是通過深入地熟悉了解他人的模板制作技巧和風格,以及設計思路而制作出自己的特色風格模板,提高自己的模板制作水平。
仿制模板的制作思路:
1) 打開要仿制的網(wǎng)頁查看源代碼屬性,通過“另存為”保存網(wǎng)頁全部文件。
2) 用Dreamweaver網(wǎng)頁編輯器編輯網(wǎng)頁文件,刪除標題列表的文字信息,合并標題列表信息的單元格,將需要顯示相關(guān)內(nèi)容的地方修改或插入相應的的標簽。
3) 修改文件夾名稱,修改圖片路徑。
4) 進入CMS網(wǎng)站后臺,把Dreamweaver里修改好的代碼復制到對應網(wǎng)頁模板選項中,并加以調(diào)整。
一些通用CMS網(wǎng)站系統(tǒng)的后臺模板管理功能中具有代碼編輯器和可視化編輯器,可以利用這些編輯器直接對模板進行修改、整理和保存。
3.3 模板的制作
模板制作是《網(wǎng)站設計與維護》課程教學的重點和難點,在模板制作之前,學生需要掌握基本的網(wǎng)頁設計與HTML代碼知識。如果要獨立設計一個網(wǎng)站,還要掌握一些圖像設計處理軟件,如Photoshop、Fireworks等。
模版設計與制作的流程:
1) 在制作模板前,先在Photoshop、Fireworks等設計軟件中制作網(wǎng)頁效果圖。然后利用這些軟件的導出成Web格式文件功能,將效果圖輸出成Web文件和圖片文件夾。
2) 在Dreamweaver等網(wǎng)頁設計軟件中修改Web文件,將需要顯示相關(guān)內(nèi)容的地方修改或插入相應的的標簽。
3) 將圖片文件夾上傳至網(wǎng)站的目錄中,同時添加或修改相關(guān)類型的網(wǎng)頁模板,將Web文件的源代碼拷入模板中并保存。將添加或修改的模板設置成默認模板。刷新前臺頁面即可看到新模板的效果。
3.4 CMS的管理與操作
CMS網(wǎng)站系統(tǒng)的模版設計和制作完成,說明網(wǎng)站已經(jīng)有了自己的前臺風格界面,就可以開始為網(wǎng)站添加信息內(nèi)容。信息內(nèi)容是CMS的靈魂,優(yōu)秀的原創(chuàng)內(nèi)容是一個網(wǎng)站的核心競爭力。
CMS的管理劃分得比較明確:基本設置、日志統(tǒng)計、廣告管理、友情鏈接、留言和公告管理、頻道管理、數(shù)據(jù)庫管理、模板風格管理、用戶管理、文章管理等。在各種管理功能中,通過指導學生操作和使用每一項功能,完成信息采集、整理、分類、審核、和管理的全過程,掌握網(wǎng)絡編輯的工作流程,與職業(yè)銜接。
3.5 CMS的與應用
CMS網(wǎng)站系統(tǒng)不僅是課堂教學的工具,而且有著廣泛的實際應用。讓學生申請由學校信息中心提供的免費二級域名和虛擬主機,也可以指導學生申請互聯(lián)網(wǎng)上的域名和虛擬主機,通過域名和虛擬主機的申請、注冊、管理,讓學生掌握域名和網(wǎng)站服務器的相關(guān)知識。有了域名和虛擬主機,就可以讓學生對網(wǎng)站程序進行上傳、調(diào)試和維護,同時講解百度收錄、搜索引擎優(yōu)化(SEO)及推廣、日后的更新維護等知識,讓學生明白一個網(wǎng)站的生命周期過程,使學生更加珍惜自己所設計制作的網(wǎng)站。
學生通過對CMS的學習和應用,可以隨時方便地提交需要的信息而無須掌握復雜的技術(shù),使得網(wǎng)站的架設與管理變得輕松。
4 教學的方法
為了激發(fā)學生的學習興趣,提高學生的主觀能動性,要想使學生能夠?qū)λ鶎W的知識融會貫通,對所學的技術(shù)靈活運用,要想在較短時間內(nèi)提高學生的動手能力,必須采用行之有效的教學方法并加強實踐環(huán)節(jié)。
課程的前期,主要采用案例教學法根據(jù)教學目標和內(nèi)容的需要,采用案例組織學生進行學習、研究、鍛煉。案例教學可激發(fā)學生學習的興趣,增強學生在課堂上的參與感,幫助學生加深理解所學的基礎知識,從而提高教學質(zhì)量。
課程的中期,主要采用任務驅(qū)動教學法把模板設計的教學內(nèi)容設計成一個或多個具體的任務,以完成一個個具體的任務為線索,把教學內(nèi)容巧妙地隱含在每個任務之中并引導學生完成任務,學生通過完成一個個具體的任務掌握教學內(nèi)容。采用任務驅(qū)動教學法,能讓學生樂于學習、主動學習、創(chuàng)造性地學習。
課程的后期,主要采用項目教學法通過實施一個完整的網(wǎng)站項目并在項目的具體實踐過程中“寓教于學”,具體做法是將一個完整的網(wǎng)站項目交給學生獨立完成,讓學生在教師的引導下獨自完成信息收集、方案設計、方案實施以及項目最終評價等整個過程。項目教學法在課堂教學中把理論與實踐教學有機地結(jié)合起來,有助于充分發(fā)掘?qū)W生的創(chuàng)造潛能,提高學生解決實際問題的綜合能力。
5 課程的考核方式
《網(wǎng)站設計與維護》是一門實踐性較強的課程,開設該門課程的主要目的是使學生具備使用CMS建設和維護網(wǎng)站的綜合能力,因此采用傳統(tǒng)的筆試考核模式不能真實地反映學生的學習情況,要想衡量學生學習這門課程的好壞,需將考試重點轉(zhuǎn)移到對學生的實際技能方面的考核上。
設立與本門課程相關(guān)的模板設計大賽或網(wǎng)站應用設計大賽,是一種對學生綜合技能評價的有效方式。大賽為學生創(chuàng)造一個相互學習與交流的機會,搭建一個展示與宣傳自我的舞臺,讓更多的學生在了解和體驗CMS網(wǎng)站管理系統(tǒng)的諸多特性與強大功能基礎上,熟悉和掌握網(wǎng)頁模板的設計方法與操作技巧,以創(chuàng)作出更多、更好、更美的網(wǎng)頁模板,充分展現(xiàn)獨具個性魅力的特色網(wǎng)站,促進網(wǎng)絡事業(yè)的蓬勃發(fā)展。大賽重點審評學生對以下幾個項目的能力:頁面美術(shù)設計、網(wǎng)頁語言的掌握程度、對CMS的模板設計能力、創(chuàng)新能力、創(chuàng)意能力等,鼓勵有中國元素的民族風格的原創(chuàng)設計作品和富有商業(yè)氣息、能營造消費購物氛圍、時尚感強的商務設計作品。通過指導學生學習、設計,使用CMS制作指定主題的網(wǎng)站或自由設計的網(wǎng)站,提升學生對網(wǎng)站建設的愛好和興趣,創(chuàng)造良好的學習氛圍。
對于學生成績的評定,采取平時考查和實踐考核兩種方式,技能大賽成績作為總評成績加分的參考。平時成績占30%,平時成績根據(jù)學生的到課表現(xiàn)、上交作業(yè)、上機實習情況產(chǎn)生;實踐成績占70%,實踐成績根據(jù)期末學生所制作的作品情況產(chǎn)生。這種考核方式注重實踐操作和應用開發(fā)能力的培養(yǎng),有利于提高學生的學習積極性和主動性。
6 結(jié)束語
在教學過程中,只有從學生感興趣的角度出發(fā),提供“簡單、易懂、實用”的課程,才能讓學生對該門課程感興趣,讓學生從枯燥、乏味的認知活動中解脫出來。對課堂理論教學、實踐教學和課程考核方式等方面進行探索和改革,能使學生從被動學習轉(zhuǎn)變?yōu)橹鲃訉W習,提高其實踐操作技能,拓展其知識面,并發(fā)展成為活潑有趣的學習過程。
將CMS引入《網(wǎng)站設計與維護》課程的教學中,及時地調(diào)整課程教學內(nèi)容,采取行之有效的多樣化的教學方法和手段,注重對學生實踐技能的考核,實現(xiàn)了教學內(nèi)容與行業(yè)技術(shù)同步發(fā)展,提高了教學質(zhì)量,按社會需求培養(yǎng)應用型人才,收到良好的教學效果。
摘要:《動態(tài)網(wǎng)站設計與開發(fā)》是計算機專業(yè)一門重要的專業(yè)必修課,該文結(jié)合高職教育的教學目標,從培養(yǎng)學生實踐技能的角度出發(fā),探索在工學結(jié)合模式下,如何更好地完成教學內(nèi)容,以達到培養(yǎng)高級應用型人才的培養(yǎng)目標。
關(guān)鍵詞:工學結(jié)合;教學改革;項目課程
高職院校是教學、服務類的院校,以服務為宗旨,以就業(yè)為導向,以能力為本位作為辦學方針,實行工學結(jié)合、校企合作的教學模式。
然而現(xiàn)實中,高職院校的校內(nèi)實訓基地存在著缺乏職場化的實戰(zhàn)環(huán)境,難以培養(yǎng)學生的實際崗位能力;校外實訓基地又不能被很好的掌控,為教學服務,學生往往成為廉價或者免費的勞動力,從事的崗位工作往往和實際教學相脫節(jié)。這些都制約了高等職業(yè)教育特色的體現(xiàn),也成為深化改革的“瓶頸”。
1 課程介紹
《動態(tài)網(wǎng)站設計與開發(fā)》是計算機專業(yè)必修課之一。該課程的教學目標就是培養(yǎng)學生獨立設計與開發(fā)動態(tài)網(wǎng)站的能力。在國內(nèi),很多高職院校都開設了類似課程,并且把它作為了計算機專業(yè)的主干課程。然而,現(xiàn)在網(wǎng)站方向畢業(yè)生的就業(yè)情況卻是畢業(yè)生找不到企業(yè),而企業(yè)又找不到合適的人才,出現(xiàn)該問題的直接原因就是學生的網(wǎng)站建設能力不能滿足用人單位的要求,所以我們必須認真探討一下這門課程應如何教學的問題。
2 進行基于“工學結(jié)合”教學改革的必要性
經(jīng)過幾年來的實踐,證明了《動態(tài)網(wǎng)站設計與開發(fā)》的“以案例開發(fā)為支撐,學生為主體,教師輔導、講練相結(jié)合,小組協(xié)作完成”的課程理念與課程的性質(zhì)和特色是十分契合的。雖然幾年來《動態(tài)網(wǎng)站設計與開發(fā)》課程采用這樣的教學模式應用取得一定的成效,但受實踐條件限制,影響了學生的參與度和積極性。具體表現(xiàn)有如下幾點:
1) 缺少實際的開發(fā)項目
因為,長期以來沒有與企業(yè)有較多的業(yè)務往來,也沒有較多實踐機會接觸企業(yè)網(wǎng)站,不了解他們的實際需求,因此在教學過程中主要的實踐手段是虛擬開發(fā),即虛構(gòu)一個某某公司網(wǎng)站,以自己的主觀意見代替企業(yè)的客觀需要來完成需求分析,開發(fā)相應網(wǎng)站。這樣,往往造成開發(fā)出來的網(wǎng)站無法滿足企業(yè)需要的問題,并沒有真正的可利用價值。
2) 缺少測試的環(huán)境
網(wǎng)站項目開發(fā)完成后需要有實際的運作平臺來測試才能保證網(wǎng)站的正常運作,并能發(fā)現(xiàn)其中的問題和不足,但目前,在項目開發(fā)完成后只能進行簡單的錯誤測試,以專業(yè)人員的操作去檢測網(wǎng)站,往往不能考慮到普通用戶的需求,造成測試結(jié)果存在較大的偏差。
因此,研究基于工學結(jié)合的《動態(tài)網(wǎng)站設計與開發(fā)》課程教學模式的應用,對于解決目前人才培養(yǎng)中存在的問題具有重要的現(xiàn)實意義,對于促進課程教學質(zhì)量的提升無疑具有重要的意義。通過基于工學結(jié)合的《動態(tài)網(wǎng)站設計與開發(fā)》課程教學模式的應用研究,我們不僅可以實現(xiàn)了課程資源的優(yōu)化整合,提高學生自主學習積極性,開展學生互動的效果評價,并實現(xiàn)教學模式在其他課程的推廣應用。
3 基于“工學結(jié)合”模式的教學實施過程
本方案充分利用學校和校辦旅行社的教育環(huán)境和資源,把以課堂教學為主的學校教育和直接獲取實際經(jīng)驗的校外工作有機結(jié)合,貫穿于學生的培養(yǎng)過程之中。
3.1 多元化課程教學團隊建設
教師是實現(xiàn)課程改革的關(guān)鍵。首先,課程開發(fā)和教學實施主體由“教育專家主導”轉(zhuǎn)變?yōu)椤吧鐣枨笾鲗А?即由企業(yè)、行業(yè)技術(shù)人員和學院教師組成,在課程開發(fā)和教學實踐的不同環(huán)節(jié)中三部分人員發(fā)揮各自特長:
1) 企業(yè)、行業(yè)技術(shù)人員
工作任務:提出網(wǎng)頁設計職業(yè)(崗位)或職業(yè)群(崗位群)包含的工作項目,以及完成這些項目需要的步驟。聘請部分企業(yè)、行業(yè)專家擔任兼職教師,完成部分教學任務。
2) 職業(yè)教育課程研究人員
工作任務:指導團隊對企業(yè)、行業(yè)技術(shù)人員提出的工作任務或項目進行分析,從而完成課程內(nèi)容體系的構(gòu)建分析。負責對改革過程的監(jiān)控和組織改革效果評價。
3) 學院教師
工作任務:在職教課程研究人員引領(lǐng)下以工作分析為基礎,按照工作任務模塊對課程體系、課程內(nèi)容進行轉(zhuǎn)換,構(gòu)建以工作體系為基礎的課程內(nèi)容模塊化結(jié)構(gòu)體系。承擔主要教學實施工作。
在團隊中,專兼職教師互為導師,取長補短。專職教師在兼職教師的幫助下提高工程實踐能力;兼職教師在專職教師的指導下提升教學水平,形成了互補型的教學團隊建設機制。
3.2 模塊化項目教學模式
本課程構(gòu)建了以“旅行社網(wǎng)站開發(fā)過程”為導向的模塊化的課程結(jié)構(gòu)。如圖2所示。
本課程整個模塊以典型的網(wǎng)站項目為核心,將一個真實旅行社網(wǎng)站分解到各個教學單元,強化知識點和技能點的訓練,各個教學單元獨立起點、前后相關(guān)、有序疊加,最后整合成一個完整的項目。在教學中采取多級項目教學,重視項目的完成,并實施情景導入、葫蘆藤式的任務驅(qū)動、學做合一、小組協(xié)作學習等教學方法。
3.3 網(wǎng)絡輔助教學模式
在整個教學過程中遵循“開放、自主、靈活、互動”的原則,即以網(wǎng)絡環(huán)境為支撐,學生為主體,教師助導、講練相結(jié)合,小組協(xié)作學習為補充。其基本框架如圖3所示。
該教學模式包括學生自主學習、教師導學示范操作,小組專題協(xié)作學習和評價四個環(huán)節(jié)。
3.4 多元教學評價方式
由于采用了全新的教學模式,因此教學評價也應該改變以往“平時成績+期末考試”成績的評價方式,根據(jù)本課程的特點進行教學評價, 同時考核學生的知識、技能和態(tài)度等幾個方面:
1) 考核學生項目團隊的項目完成效果,主要考核內(nèi)容是學生的網(wǎng)站設計方案書、建成的網(wǎng)站及運行維護效果,占40%;
2) 各個項目組及成員分別陳述自己在項目團隊中的工作及實際效果,占20%;
3) 期末考試,主要是網(wǎng)站開發(fā)綜合知識,占20%;
4) 平時學習態(tài)度,如出勤率、工作責任、團隊配合、自評及他評等,占20%。
4 教學改革成效
在教學改革的實踐中,為了更好地配合教學過程以及完善了實習內(nèi)容,編寫了完整的實習指導書。通過對教學過程的改革探索,極大地提高了學生的學習積極性,對解決學生的厭學問題很有幫助,學生的學習成績和動手能力都有很大提高,得到實習單位和用人單位的好評。
摘要:分析高校院系資料室網(wǎng)站建設現(xiàn)狀與必要性,探討高校資料室采取科學有效的方法,運用先進合理的技術(shù)進行個性化的網(wǎng)站建設、網(wǎng)頁設計,使資料室充分利用自身的特點發(fā)揮在信息化建設中的作用。
關(guān)鍵詞:院系資料室;網(wǎng)站建設;網(wǎng)頁設計;個性化
高校院系資料室網(wǎng)站要設置成信息資源共建、共知、共享系統(tǒng)聯(lián)盟門戶,營造一個與國際接軌的信息網(wǎng)絡環(huán)境,凸現(xiàn)專業(yè)個性,成為專業(yè)師生教學、科研信息查詢和檢索的綠色通道。
1 高校院系資料室網(wǎng)站的現(xiàn)狀與問題
網(wǎng)絡時代,高校圖書館網(wǎng)站建設業(yè)已普及,并進行參考咨詢、信息推送服務等特色服務。校圖書館面向全校各個專業(yè)服務,信息資源大而全,專業(yè)信息資源的精深層度欠佳,很難滿足教師在教學科研中,尤其是教師的重點學科、科研項目申報與完成中信息資源的需要。與圖書館相比較,院系資料室信息資源專業(yè)性強、與本院系所開專業(yè)課程密切相關(guān),是本院系師生教學科研的重要依托,是教師教學科研的重要支撐。資料室利用現(xiàn)有信息手段和精深的專業(yè)性信息資源,建立院系資料室網(wǎng)絡信息資源網(wǎng)站,為專業(yè)教師和學生開設個性化定題服務和專業(yè)學科知識導航等特色欄目,可以彌補校圖書館網(wǎng)站專業(yè)性之不足,是對學校圖書館信息服務的彌補,其服務內(nèi)涵比圖書館更具優(yōu)勢。資料室網(wǎng)站是在網(wǎng)絡環(huán)境下的自我展示窗口,是院系資料室將自身的傳統(tǒng)業(yè)務在時間上和空間上的延伸和拓展。
資料室網(wǎng)站建設是一項長期細致的工作,需要有一整套運行機制和管理機制,資料室網(wǎng)站的建設才能夠有條不紊的進行。院系資料室作為專業(yè)師生最直接的信息資料來源地,雖資源有限但專業(yè)強,需要與學校圖書館資源共建共享,更需要利用學院網(wǎng)站空間資源整合網(wǎng)絡信息資源使之變成自己的資源,節(jié)省經(jīng)費開支,最終實現(xiàn)“不求所有, 但求所用”的夙愿。資料室網(wǎng)站建設很少,或參差不齊,出現(xiàn)的問題很多。如:領(lǐng)導缺少建設網(wǎng)站意識,網(wǎng)站定位不明確,館員技術(shù)匱乏和信息素質(zhì)水平有限等問題,使得院系資料室在網(wǎng)絡參考咨詢及面向本院系師生的信息推送服務等方面受到嚴重限制。為此,首先,院系資料室必須得到院系領(lǐng)導及校圖書館的大力支持,樹立信息意識;其次,利用院系資料室的館員優(yōu)勢的專業(yè)特性,在實踐中注重結(jié)合網(wǎng)站技術(shù)和知識,使之形成專業(yè)技術(shù)和業(yè)務水平較高的骨干力量;第三,是要采用科學、有效的方法、運用先進合理的技術(shù),凸現(xiàn)高校院系資料室網(wǎng)站設計的專業(yè)個性。
2 高校院系資料室網(wǎng)站建設的個性設計
院系資料室網(wǎng)站的建設是按照一定的檢索方式,實現(xiàn)將所需要的信息及獲取信息時的有序下載。需要分四個步驟進行:一是總體規(guī)劃,二是網(wǎng)頁設計,三是站點,四是站點維護。
2.1 總體規(guī)劃
總體規(guī)劃設計是至關(guān)重要的一部分,良好的總體設計能起到事半功倍的作用。
2.1.1 理念定位
院系資料室網(wǎng)站和校圖書館網(wǎng)站一樣,既不同于娛樂性網(wǎng)站,也不同于新聞性網(wǎng)站,更不同于一般商業(yè)企業(yè)網(wǎng)站。但也不同于圖書館網(wǎng)站,應著重體現(xiàn)院系資料室專業(yè)性特色及直接面向?qū)I(yè)師生特點,所包含的信息資源專業(yè)性強的突出的特色,不可面面俱到。資料室網(wǎng)站設計要有明確的目的,面對院系師生的資料信息服務是其核心內(nèi)容,信息資源和受眾的需求是其主要業(yè)務,重點及特色欄目為專業(yè)學科導航及重點學科建設的信息定題跟蹤,為師生提供學習及科研的及時信息推送服務。在結(jié)構(gòu)上必須內(nèi)容充實、結(jié)構(gòu)合理、特點突出、美觀實用、簡潔明了。 學科導航要清晰、細致、準確, 以適應院系教學科研的師生及其相關(guān)信息需求的專業(yè)人群。
2.1.2 欄目設置
明確了網(wǎng)站的定位和內(nèi)容后,需要進行網(wǎng)頁內(nèi)容的設計時,應按照師生用戶的訪問習慣有序地展開,使師生用戶很方便地定位網(wǎng)站的所有內(nèi)容,力求突出院系自身專業(yè)性強的特色,做好教學與科研服務,使之成為資料室信息資源的大本營。在欄目設置中,專業(yè)學科導航、參考咨詢服務、信息推送、重點項目跟蹤服務及教師科研個性化服務是院系資料室網(wǎng)站的重點與特色欄目,其它欄目的可以參考圖書館的一般欄目設立。
1) 資料室介紹欄目。主要介紹資料室機構(gòu)設置、人員構(gòu)成、歷史沿革、室藏主要文獻資源、特色文獻資源、藏書量、室藏分布等,這是資料室網(wǎng)站的必備欄目。
2) 個性化服務欄目。隨著Intemet 的發(fā)展,作為院系的主要群體――教學科研人員越來越不滿足于圖書館咨詢館員僅告知所需信息的可能方向,而更需要針對查詢問題給出確切的信息解答,或直接提供最切題的事實或數(shù)據(jù)型信息。這種對文獻中所包含知識點的索取, 反映出用戶正從文獻需求轉(zhuǎn)向知識需求;許多用戶在求助于咨詢館員之前,已具有相當多信息量,他們需要咨詢館員幫助剔除重復和價值不大的多余信息,提供與自己的需要最相關(guān)的內(nèi)容。欄目內(nèi)容要極具針對性,以實用、適用為前提的個性化目標,緊緊圍繞專業(yè)的特點、內(nèi)容,根據(jù)用戶個體需要的“量身訂制”的信息。
3) 定題服務欄目。開展專題服務,并結(jié)合教學與科研,進行課題跟蹤和定題服務工作,利用網(wǎng)絡不斷更新的信息管理,針對既定服務對象所研究的課題,檢索相關(guān)的文獻信息,并及時推送給用戶。網(wǎng)絡使傳統(tǒng)的定題服務具有主動活躍的動態(tài)信息服務功能,院系資料室依靠其專業(yè)特色網(wǎng)站開展定題服務則更具優(yōu)勢,可以為重點學科建設、重點科研項目,以及專家學者個人等開展專門的定題跟蹤服務。
4) 專業(yè)學科導航欄目。院系教師在教學、科研及重點學科建設、課題申報與完成,所需的信息資源專業(yè)性較強,需要了解本學科最新動向和發(fā)展水平。欄目可以結(jié)合各院系的專業(yè)特點,利用搜索引擎進行網(wǎng)上搜集,并對其資源信息進行評估論證,從中精選出符合要求的網(wǎng)址信息,按中、外文資源分類, 采用主題樹與數(shù)據(jù)庫相結(jié)合的方式進行組織,并以動態(tài)鏈接的形式為用戶提供一個友好的界面??稍O置一些學術(shù)專業(yè)性較強的鏈接、重點和權(quán)威數(shù)據(jù)庫鏈接,如Web of Science、Scifinder、Elsevier SDOL、John Wiley、Springer Link、EI Village等。
5) 資源檢索欄目。包括光盤數(shù)據(jù)庫、本地鏡像數(shù)據(jù)庫、網(wǎng)絡數(shù)據(jù)庫及自身數(shù)據(jù)庫檢索。目前各高校圖書館均有一些已經(jīng)購買的數(shù)據(jù)庫資源,如中國期刊全文數(shù)據(jù)庫、萬方數(shù)據(jù)庫、超量數(shù)字圖書館、書生之家等以及適合本校專業(yè)特點的專題數(shù)據(jù)庫,還有一些具有本校特色的自建數(shù)據(jù)庫,這些數(shù)據(jù)庫均通過資料室網(wǎng)站做出相應的鏈接提供給本院(系)師生使用。
6) 讀者服務欄目。包括文獻預約、文獻續(xù)借、館際互借、服務介紹、定題服務、書刊薦購、推薦圖書、新書通報及導讀、投稿指南、課題咨詢、學科館員等更多的服務內(nèi)容。注意強調(diào)為科研和教學服務的欄目,為重點學科建設、重點科研項目、科研管理等開展專門的參考咨詢服務。開展定題跟蹤服務,針對既定服務對象所研究的課題,檢索相關(guān)的文獻信息,并及時推送給用戶。
7) 讀者論壇欄目。包括用戶滿意度調(diào)查、聯(lián)系我們、讀者留言、互動園地、各種申請等。在網(wǎng)頁上設置留言板和電子信箱, 以便與讀者進行交流, 接受用戶的反饋意見和建議。此法可以幫助資料室不斷改進服務工作, 提高服務質(zhì)量。
8) 參考咨詢服務欄目。包括常見問題( FAQ) 、《中國法》介紹、網(wǎng)上查詢(電子郵件、實時在線咨詢) 、核心期刊介紹、參考工具書、課題咨詢、用戶教育(新生教育、培訓講座、《文獻檢索》教學) 、科技查新、信息咨詢的形式及內(nèi)容等。利用電子郵箱或手機短信為用戶提供教師科研不同專業(yè)方向的定題跟蹤服務,信息推送服務,CALIS重點學科網(wǎng)絡資源導航和網(wǎng)絡參考咨詢服務。
9) 公共信息服務檢索欄目。包括常用鏈接,如英漢辭典、天氣預報、火車飛機班次查詢,設置了這些常用鏈接可以提高回頭客,提高點擊率。
2.1.3 特色數(shù)據(jù)
院系資料室一般都收藏自己院系的博碩士學位論文,將論文數(shù)據(jù)制作成反映自身館藏特色和服務特色的學位論文數(shù)據(jù)庫, 方便用戶在資料室的網(wǎng)站上, 瀏覽、檢索、查看院系專業(yè)學位論文, 起到學位論文推薦利用與資源共享的作用。
2.2 網(wǎng)頁設計
網(wǎng)頁的實現(xiàn),即網(wǎng)頁設計,是對站點的整體結(jié)構(gòu)作進一步的調(diào)整。
2.2.1 軟件選擇
目前流行的網(wǎng)頁設計制作軟件很多,版本更新很快, Dreamwaver作為網(wǎng)頁編輯工具,是一個 “所見即所得”的可視化網(wǎng)站開發(fā)工具,帶有站點管理功能,可方便地設計和管理多個站點,它的與眾不同之處是支持最新的DHTML和CSS,Dreamweaver UltraDev更支持 Asp,Jsp。ASP(Active Server Pages ) 是Microsoft公司推出的一種Web服務器端開發(fā)技術(shù),利用它可以產(chǎn)生和運行動態(tài)的、交互的、高性能的Web服務應用程序,是新一代的動態(tài)網(wǎng)頁開發(fā)方案。
圖像編輯工具可選Fireworks軟件或Photoshop軟件,設計、制作、編輯網(wǎng)絡圖像,使圖片起到美化的作用。
Flash軟件是制作動畫的軟件,主要適用于網(wǎng)絡傳輸?shù)氖噶縿赢?使網(wǎng)頁更加活潑生動。
Dreamweaver 與 Flash 、Firework 并稱為 Adobe Macromedia 的網(wǎng)頁制作三劍客,用于資料室網(wǎng)頁設計制作,會得心應手。
2.2.2 個性設計
網(wǎng)站的信息內(nèi)容是靠網(wǎng)頁來實現(xiàn)展示的,網(wǎng)頁的藝術(shù)設計,是技術(shù)與藝術(shù)的結(jié)合,內(nèi)容與形式的統(tǒng)一。要想設計出優(yōu)秀的資料室網(wǎng)頁,必然網(wǎng)頁設計服務于資料室網(wǎng)站的信息服務的主題,使網(wǎng)頁從形式上獲得良好的誘導力, 鮮明地突出訴求主題, 具體可以通過對網(wǎng)頁的空間層次、主從關(guān)系、視覺秩序及彼此間的邏輯性的把握運用來達到。
資料室網(wǎng)站的內(nèi)容欄目不是簡單的堆砌,關(guān)鍵和特色內(nèi)容擺在顯著位置,還要采用動畫閃爍吸引用戶的注意力。內(nèi)容設計應充分體現(xiàn)自己的風格,注重版面設計的簡潔美觀,盡可能展現(xiàn)自身的優(yōu)勢,以方便不同用戶的使用要求為目標,體現(xiàn)資料室的工作流程和網(wǎng)絡環(huán)境下新的服務模式。
資料室網(wǎng)站的導航與鏈接也是很重要的。讀者除了瀏覽資料室網(wǎng)站首頁內(nèi)容,還將進一步了解深層次的內(nèi)容,需要通過網(wǎng)頁中的各個鏈接來訪問站點中的深層次的網(wǎng)頁。所以應該設計出站內(nèi)的導航結(jié)構(gòu),確定好站點網(wǎng)頁之間的鏈接關(guān)系,層層展開,逐步推進,使讀者進得去,出得來,有條不紊,輕松瀏覽。另外,學科導航等站外資源的鏈接也是很重要的,同樣也要做到鏈接準確,不要有死鏈接,最好是在新窗口打開,這樣不會覆蓋本站點的頁面,以方便回來。
2.3 站點
制作好的網(wǎng)站,需要,通過上傳功能,將整個網(wǎng)站放入特定的網(wǎng)絡服務器中,別人才能在網(wǎng)絡上瀏覽到制作的網(wǎng)頁內(nèi)容,站點的一般有以下三種方式:虛擬主機方式、主機托管方式和專線方式,這三種方式花費大,需要比較掌握專業(yè)技術(shù)的人員管理。基于院系網(wǎng)站數(shù)據(jù)信息量不是很大,可以直接掛靠存放在學?;?qū)W院網(wǎng)站的網(wǎng)絡空間,這樣既解決了經(jīng)費困難,又便于管理,也很安全。
2.4 站點維護
資料室網(wǎng)站的宣傳與維護是網(wǎng)站建設的后續(xù)保障工作,沒有持之以恒地更新和維護, 網(wǎng)站很快就會失去品牌效應和存在的意義。網(wǎng)站建設不易,要想使其富有頑強的生命力,就要用心管理和經(jīng)營,不斷地增添,更新讀者所需要的信息資源,因此,資料室必須非常重視本室網(wǎng)站的日常宣傳和維護工作。
網(wǎng)站的更新維護包括技術(shù)和內(nèi)容兩個方面。技術(shù)維護主要解決網(wǎng)絡不暢通、鏈接失敗、病毒和黑客入侵等技術(shù)問題以保證網(wǎng)站正常運行,網(wǎng)站還要進行備份,以加強網(wǎng)站的安全性,不斷引進新的技術(shù),更新軟件,開發(fā)使用新的技術(shù),不斷提高館員的網(wǎng)站建設和網(wǎng)頁制作技能;在內(nèi)容方面,不斷充實其豐富網(wǎng)站動態(tài)內(nèi)容,不斷地給瀏覽者最新、最即時的資料,隨時向教學科研和廣大讀者傳達網(wǎng)站的特點,數(shù)據(jù)庫的特色,信息服務的范圍等以吸引讀者點擊瀏覽,這樣才能賦予資料室網(wǎng)站無窮的生命力;另外,加強宣傳,多做友情鏈接,與學校圖書館合作、資源共享共建。更新讀者所需要的信息資源,擴大信息服務的范圍,吸引讀者點擊瀏覽,提高網(wǎng)站的生命力。
3 結(jié)束語
高校院系資料室網(wǎng)站的建設, 是一個不斷更新、改進的過程,只有不斷地推出更好更新的版本,才能保證資料室網(wǎng)站具有旺盛的生命力,才能將高度有序化的信息資源提供給廣大師生,才能為老師、研究生、本科生等用戶提供高效、及時、準確、個性化的信息服務,以滿足教學科研的需要,使資料室的信息服務工作再上新臺階。
摘要:為了方便廣大的學生通過網(wǎng)絡來學習VC++,我們考慮開發(fā)VC++的在線教學系統(tǒng)?;贏SP+Dreamweaver+WINDOWS2000開發(fā)的VC++語言在線教學系統(tǒng),主要提供網(wǎng)上的教學平臺,者可以通過該系統(tǒng),以提供教程為主來進行知識的傳播,以在線討論和在線閱讀的方式提供網(wǎng)絡教學服務。訪問者可以通過該系統(tǒng)提供的大量資源完成自學,進行自我測驗,及其利用在線討論功能與其他VC++語言愛好者進行交流,以達到共同進步的目的。
關(guān)鍵詞:ASP;網(wǎng)頁;留言版
1 概述
隨著多媒體技術(shù)和網(wǎng)絡通信技術(shù)的發(fā)展,基于Internet的計算機網(wǎng)絡教學作為一種全新的教學手段,越來越受到人們的關(guān)注。計算機網(wǎng)絡教學是指利用多媒體技術(shù)和網(wǎng)絡通信技術(shù),在網(wǎng)絡環(huán)境下開展的教學活動。它有著傳統(tǒng)教學模式所無可比擬的優(yōu)點,它創(chuàng)造了一種全新的教學模式,打破了傳統(tǒng)教學模式在時間、空間上的限制,采用了先進的教學手段和教學方法,大大提高了教學效率和教學效果,使教學活動上了一個新臺階。
在網(wǎng)絡教學環(huán)境中,教師和學生在地理位置上的分離,使得教學無法圍繞教師為中心來展開,而必須以學生為中心,學生已經(jīng)成為教學過程中的主題,所有的教學資源都必須圍繞學生學習來進行優(yōu)化配置,教師不在是知識的唯一源泉,最大的知識源泉是網(wǎng)絡,教師的任務是指導學生如何獲取信息,幫助學生解決學習過程中的問題,并幫助學生形成一套有效的學習方法和解決問題的方法。學生的地位也應該由原來的被動接受者轉(zhuǎn)變?yōu)橹鲃訁⑴c者,學生應該成為知識的探究者和意義建構(gòu)的主體,學生的頭腦不再被看作是一個需要填滿的容器,而是一支需要點燃的火把。網(wǎng)絡學習環(huán)境不再是教師講解的輔助工具,而變?yōu)閹椭鷮W生探索發(fā)現(xiàn)學習用的認知工具。網(wǎng)絡教學應該圍繞如何促進學生的自主學習,促進學生思維的深度和廣度發(fā)展,組織學生的自主學習活動來展開。這些內(nèi)容構(gòu)成了支撐網(wǎng)絡教育教學觀念的基石。
網(wǎng)絡教學是通過網(wǎng)絡表現(xiàn)的某門學科的教學內(nèi)容及實施的教學活動的總和,它包括兩個組成部分:按一定的教學目標。教學策略組織起來的教學內(nèi)容和網(wǎng)絡教學支撐環(huán)境,其中網(wǎng)絡教學支撐環(huán)境特指支持網(wǎng)絡教學的軟件工具。教學資源以及在網(wǎng)絡教學平臺上實施的教學活動。
網(wǎng)絡教學設計是教師在網(wǎng)上教學前的準備工作,教師需要把課程編寫成網(wǎng)頁的形式并進行一系列的備課。在網(wǎng)絡教學中,所以教學活動都是以學生為中心,特別強調(diào)在學習過程中發(fā)揮學生的主動性、積極性,相應的課程與教學設計主要圍繞“教學內(nèi)容”、“自主學習策略”、和“學習環(huán)境”三個方面進行。一是教學的前提與條件,二是整個教學設計的核心通過各種學習策略激發(fā)學生去主動建構(gòu)知識的意義(誘發(fā)學習的內(nèi)因);三則是為學生主動建構(gòu)創(chuàng)造必要的環(huán)境和條件(提供學習的外因)。由于網(wǎng)上教學與傳統(tǒng)教學有很大區(qū)別,教師的地位發(fā)生了明顯的改變,教師由原來的知識的傳授者、灌輸者轉(zhuǎn)變成學生主動建構(gòu)意義的幫助者、促進者,因此教師的在線教學設計也發(fā)生很大變化。
網(wǎng)絡教學有以下的原則:
1)直觀性――針對多媒體計算機獨特的圖像顯示技術(shù),課件制作需要圖像清晰,文本、動畫連貫,色彩逼真,有豐富的表現(xiàn)力和感染力,符合學生的認知規(guī)律,激發(fā)學生的學習熱情的興趣,力求形成圖,文,聲,像并茂的多媒體教學系統(tǒng)。
2)交互性――優(yōu)秀的多媒體課件要有非常友好的人機交互界面。因此,制作課件時,要設計出新穎便捷的交互界面,或者播放按鈕,必要時還要有操作提示和防錯功能,以增強課件的可控性和可移植性。
3)輔助性――學生是教學過程的主體,教師是引導者,而課件則是教師課堂教學的輔助工具。因此,課件不能占據(jù)整個課堂,要與傳統(tǒng)教學手段(如講授法,談話法,討論法,板書,投影等)有機結(jié)合起來,共同完成教學任務。
2 網(wǎng)站軟硬件環(huán)境建設
2.1 網(wǎng)絡服務方式的選擇
1)Web服務器
在網(wǎng)絡上提供資源并對這些資源進行管理的計算機叫服務器。WWW服務器(WWW Server)通常也叫Web服務器(Web Server)。WWW服務軟件與WWW瀏覽器是配合使用的。WWW服務器安裝Web Server軟件,用于存貯和管理主頁Home Page,提供WWW服務??蛻魴C安裝WWW瀏覽器軟件(WWW Browse)、主頁制作軟件、電子郵件軟件等。
2)虛擬主機
網(wǎng)絡站點的建設可以分為兩種,一種是自己建立網(wǎng)站,一種是外購整體網(wǎng)絡服務。外購整體網(wǎng)絡服務又分兩種形式:虛擬主機與服務器托管。
虛擬主機是使用特殊的軟硬件技術(shù),把一臺完整的真實主機的硬盤空間分成若干份,每一個被分割的硬盤稱為一臺虛擬主機。虛擬主機都具有獨立的域名和IP地址,但共享真實主機的CPU、RAM、操作系統(tǒng)、應用軟件等。虛擬主機之間完全獨立。
采用虛擬主機方式建立電子商務網(wǎng)站具有投資小,建立速度快,安全可靠,無須軟硬件配置及投資,無須擁有技術(shù)支持等特點。
選擇虛擬主機主要考慮以下幾點服務內(nèi)容:存儲空間;電子郵件;網(wǎng)頁制作;IP地址;文件傳輸(FTP);時間;速度。
3)服務器托管
服務器托管是指用戶將自己的獨立服務器寄放在因特網(wǎng)服務商的機房,即租用ISP機架位置,日常系統(tǒng)維護由因特網(wǎng)服務商提供,用戶可以獨立進行主機內(nèi)部的系統(tǒng)維護及數(shù)據(jù)的更新。這方式特別適用于有大量數(shù)據(jù)需要通過因特網(wǎng)進行傳遞,以及大量信息需要的單位。
從另一個角度講,選擇服務器托管,用戶可以獲得一個很高的控制權(quán)限,能夠決定服務質(zhì)量和其他一些重要的問題,可以隨時監(jiān)視系統(tǒng)資源的使用情況。在系統(tǒng)資源緊張,出現(xiàn)瓶頸的時候,可以馬上根據(jù)具體情況對服務器進行升級。服務器托管不僅能夠解決足夠多的訪問量和數(shù)據(jù)庫查詢,還能為企業(yè)節(jié)約數(shù)目可觀的維護費用。
相對于虛擬主機,服務器托管具有以下特點:靈活;穩(wěn)定;安全;快捷。
主機托管服務選擇時應考慮以下因素:可靠性因素;安全因素;功能需求因素。
4)獨立服務器
獨立服務器是指用戶的服務器從因特網(wǎng)接入到維護管理完全由自己操作。企業(yè)自己建立服務器主要考慮的內(nèi)容有硬件、系統(tǒng)平臺、接入方式、防火墻、數(shù)據(jù)庫、人員配備等。
2.2 網(wǎng)絡數(shù)據(jù)庫的選擇
1)網(wǎng)絡數(shù)據(jù)庫的概念與作用
網(wǎng)絡數(shù)據(jù)庫(network database)是在網(wǎng)絡上運行的數(shù)據(jù)庫。網(wǎng)絡數(shù)據(jù)庫中的數(shù)據(jù)之間的關(guān)系不是一一對應的,可能存在著一對多的關(guān)系,這種關(guān)系也不是只有一種路徑的涵蓋關(guān)系,而可能會有多種路徑或從屬的關(guān)系。網(wǎng)絡數(shù)據(jù)庫數(shù)據(jù)存儲量大、修改方便,能夠進行動態(tài)數(shù)據(jù)組合,是為電子商務網(wǎng)站提供交互式服務的主要手段。
2)網(wǎng)絡數(shù)據(jù)庫的選擇
選擇數(shù)據(jù)庫管理系統(tǒng)時應從以下幾個方面予以考慮:易用性;分布性;并發(fā)性;數(shù)據(jù)完整性;可移植性;安全性;容錯性。
3 網(wǎng)站內(nèi)容建設
3.1 域名申請
域名可以定義為:“由人、企業(yè)或組織申請的網(wǎng)站使用的因特網(wǎng)標識,并對提供服務或產(chǎn)品的品質(zhì)進行承諾和提供信息交換或交易的虛擬地址”。域名的命名必須審慎從事。在確定教學網(wǎng)站域名的命名時,應考慮以下幾個方面:
1)符合規(guī)范。
2)短小精悍。
3)容易記憶。
4)不容易與其他域名混淆。
5)盡量避免文化沖突。
3.2 相關(guān)資料的收集
網(wǎng)站建設初期應有明確的指導方針,對信息的收集和整理工作作出統(tǒng)籌規(guī)劃。為Web準備信息的工作通常需要多人來完成。許多網(wǎng)站設立文本管理員、Web管理員、內(nèi)容管理員和其它職務,以流水線方式完成信息的收集、轉(zhuǎn)換、和維護等工作。
3.3 網(wǎng)站主頁和頁面的特色設計
如何把握網(wǎng)站的整體風格,使網(wǎng)站呈現(xiàn)的形式能很好地為內(nèi)容服務,是一個需要反復思考的問題。
1)依據(jù)內(nèi)容確定網(wǎng)頁風格
無論是什么類型的網(wǎng)站,必然有它的主題內(nèi)容,網(wǎng)站的風格必須與它的主題相符合,同時還應考慮到瀏覽人群的性格特征。教學類的網(wǎng)站比較多的采用簡明大方、溫暖親切的風格。
2)合理安排網(wǎng)頁內(nèi)容元素的位置
網(wǎng)頁內(nèi)容元素的位置安排也就是對網(wǎng)頁的排版。一個網(wǎng)站往往由各個網(wǎng)頁組成,而每個網(wǎng)頁又由一些元素組成。對這些網(wǎng)頁內(nèi)容元素進行合理的排版設計目標是使每一網(wǎng)頁都能重點突出、層次分明、錯落有致、井井有條。
在主頁中應有制作小組或單位的標志物,能讓瀏覽者一眼就能判別出是誰的主頁。網(wǎng)站的所有內(nèi)容都能在主頁中找到其鏈接。網(wǎng)頁的設計應以醒目為上,一目了然為本。
3)網(wǎng)站網(wǎng)頁色彩的運用
網(wǎng)頁的色彩要為主題內(nèi)容服務,一個網(wǎng)站應該而且只能有一種主色調(diào)。由于色彩富于感情性,因此會對瀏覽者產(chǎn)生一定的心理效應。
除了主色調(diào)之外,一個網(wǎng)站的顏色一般最多不宜超過5種(不包括圖片的顏色)。除了顏色的心理效應之外,在進行網(wǎng)頁設計時還應注意的是顏色的可讀性,要確保挑選的顏色在通用顏色調(diào)色板中存在,同時確保瀏覽者在閱讀時不會感到吃力。
4)網(wǎng)頁中圖片的運用
在網(wǎng)頁中插入圖片可以令網(wǎng)頁生色不少,但圖片也不能用得太多,以免讓人覺得累贅,而且影響網(wǎng)頁的下載速度。所以網(wǎng)站中的圖片既要美觀、符合網(wǎng)站的內(nèi)容,又要少而精,放在最需要的地方,起到畫龍點睛的效果,增加網(wǎng)站的吸引力。
注意在保證質(zhì)量的前提下要盡可能地減少圖片的大小。這里的“大小”不是指尺寸的大小,而是指字節(jié)數(shù)的大小。圖片減肥有利于下載速度的提高。
網(wǎng)頁中合理的運用動畫會使網(wǎng)頁更加增添生氣。常見的動畫格式有GIF動畫和Flash動畫。同樣,動畫圖片在一個網(wǎng)站中也不宜出現(xiàn)太多。
5)網(wǎng)頁中的背景音樂
多媒體的應用對網(wǎng)頁的多姿多彩起了相當重要的作用,在個人網(wǎng)站中,應用背景音樂的網(wǎng)站較多。但對于一般教育類網(wǎng)站的主頁來說,背景音樂建議少用。
3.4 網(wǎng)站設計基礎語言
1)HTML語言
HTML(HyperText Markup Language,超文本標注語言)是WWW上的專用語言。HTML文件是簡單的純文本文件(全ASCII文件),其主要特征是在文本中有HTML標注符。HTML語言的優(yōu)點是標注簡單明了,功能強大。HTML語言也有一定的局限。
2)XML語言
XML(eXtensible Markup Language,可擴展置標語言)是SGML(Standard Generalized Markup Language)的優(yōu)化子集,是國際組織W3C(World Wide Web Consortium)為適應WWW的應用,將SGML標準進行簡化形成的標記語言,形式上類似于HTML。XML作為一種可用來制定具體應用語言的元語言,既具有強大的描述能力,又具有適合網(wǎng)絡應用的簡潔性。
相對于HTML,XML具有以下特點:
① 可擴展性。
② 靈活性。
③ 自描述性。
④ 簡明性。
3)Java 與JavaScript 語言
Java語言是由SunMicrosystems公司于1995年推出的程序設計語言。Java語言吸收了smalltalk語言和C++語言的優(yōu)點,并增加了其他特性,Java與與平臺無關(guān),可用來創(chuàng)建安全的、可移植的、面向?qū)ο蟮?、多線程的和交互式的程序。
Java程序有兩種形式:獨立運行程序和Java Applet。
JavaScript 是一種介于Java與HTML之間、基于對象的編程語言。它無須編譯,是一種比Java簡單得多的描述性語言。
3.5 網(wǎng)頁制作常用工具
想要制作出一個美觀、實用的主頁,必須使用專業(yè)的主頁編輯軟件。
1)入門工具
微軟公司的Word 2000和網(wǎng)景公司的Netscape,不過,它們不能完全實現(xiàn)“所見即所得”。
2)提高工具
微軟的Frontpage 2000和美國MACROMEDIA公司開發(fā)的Dreamweaver。它們能實現(xiàn)“所見即所得”。Dreamweaver4.0 版本包括了所有用于創(chuàng)建專業(yè)化網(wǎng)站的功能。
3)專業(yè)工具
Adobe Photoshop是目前最流行的平面圖形設計軟件之一。Fireworks是一個強大的網(wǎng)頁圖形設計工具。Flash是一種交互式矢量多媒體技術(shù)。
4 具體實現(xiàn)過程
我們的C++教學網(wǎng)站包括首頁、信息區(qū)、留言版三部分。我所負責的是信息區(qū)的建設,包括在線學習,在線測試兩部分。
在線學習是把C++課程的全部內(nèi)容分成十一章,所有授課的教程都做成HTML頁面存放在服務器中,通過powerpoint課件形式在網(wǎng)上展現(xiàn),瀏覽者可以通過點擊鏈接進行任意的瀏覽。
在線測試系統(tǒng)的構(gòu)思:如果是一般來訪者的身份只能進行在線學習,如果是擁有學號的學生則可以在線考試并提交給機器評分。
5 在線學習課件編寫
5.1 課件編寫要求
因為課件不僅包含了將要在計算機上顯示的大量的教學信息,更重要的是如何通過計算機為學生構(gòu)建一個良好的學習環(huán)境,使學生在與這樣的環(huán)境的互動中,促進學習的發(fā)生.這就要求課件提供的教學信息以及這些教學信息的展示和交互過程應能較好的體現(xiàn)一定的學習理論,應能充分發(fā)揮計算機的優(yōu)勢。課件編寫應遵循如下基本原則:
1)明確教學目的和各教學單元的教學目標;
2)根據(jù)教學目標,使用的教學內(nèi)容應準確無誤;
3)根據(jù)教學目標和教學內(nèi)容,選擇適當?shù)慕虒W方法(CAI模式)和傳遞教學信息的媒體。
4)學習理論的應用。無論采用什么樣的模式,都必須注意學習理論的應用,以提高軟件的教學效果。
5)應考慮計算機的輸出和顯示能力。
6)使用的格式應該規(guī)范。課件可以使用不同的格式,但必須規(guī)范,而且便于對腳本各項內(nèi)容的表達,這些內(nèi)容包括:
① 顯示信息。指屏幕上將要顯示的教學信息,反饋信息和操作信息。
② 注釋信息。說明顯示信息呈現(xiàn)的時間、位置和條件以及連接要求。
③ 邏輯編號。顯示信息常常是以屏幕為單位來表述的,為了說明它們之間的連接關(guān)系,每一個顯示單位應有一個邏輯編號,以便說明連接時使用。
④ 媒體、交互信息和“熱字”的表示。為了清楚地表示教學信息中使用的不同媒體(文字、聲音、圖形或圖象等)、教學信息中的“熱字”以及交互過程中呈現(xiàn)的各種信息,腳本中常用不同的符號表示它們。
6 測試系統(tǒng)程序?qū)崿F(xiàn)
測試系統(tǒng)的程序結(jié)構(gòu)包括以下幾個部分:
1)TEST.MDB:考試系統(tǒng)的數(shù)據(jù)庫文件(Access2000/XP格式)。
2)Login.asp:考試系統(tǒng)的登錄界面。
3)Test.asp:考試系統(tǒng)的考試界面。
4)Score.asp:考試系統(tǒng)的評分界面。
在線測試系統(tǒng)的設計與開發(fā),它所要實現(xiàn)的主要功能是在線考試和客觀題的自動評分,實現(xiàn)了教師學生之間面對面的交流,使學生的學習、教師的工作不再受時間、空間的限制。它主要是有用戶登錄、在線測試和評分系統(tǒng)幾個部分組成。
7 測試系統(tǒng)代碼說明
首先進入的是登錄程序,其界面如圖1所示。
登錄程序主要用于密碼的驗證,檢查登錄的用戶是否在考試系統(tǒng)的用戶表中,如果在而且還沒有參加過本科目的考試則可以進入考試。
如果考生還沒有參加考試,轉(zhuǎn)到test.asp文件,利用Request.QueryString將瀏覽器地址欄的參數(shù)全部讀取并傳遞到test.asp。
考題有單選題和多選題,所有試題都是從該科目的題庫中讀取的,利用語句“〈INPUT Type= “Hidden ”Name=”Lesson” Value=>”將考生的信息保存起來,當考生提交表單時,信息同時被提交。
當用戶提交時,系統(tǒng)會調(diào)用Score.asp文件來對考生進行自動判分,并考生的考試信息顯示出來,如圖2所示。
如果考生按“返回”按扭再重新答卷的話,系統(tǒng)會顯示考過的信息。
8 小結(jié)
信息技術(shù)的迅猛發(fā)展對現(xiàn)代遠程教育的開展起到了極大的促進作用,設計和開發(fā)優(yōu)質(zhì)的網(wǎng)絡課程是當今遠程教育中面臨的一個重大課題。《Visual C++程序設計》網(wǎng)絡課程就是為適應學習者利用網(wǎng)絡進行遠程學習而設計的。該網(wǎng)絡課程與傳統(tǒng)的課程內(nèi)容不同,它作為現(xiàn)代遠程教育的重要教學資源,充分利用優(yōu)質(zhì)教學資源,為信息技術(shù)和網(wǎng)絡技術(shù)的發(fā)展提供技術(shù)支持,創(chuàng)造輕松、活潑、自主的學習環(huán)境,提高教學質(zhì)量和教學效益。另外,網(wǎng)絡課程的設計也不可能一步到位,需要在網(wǎng)絡課程的運行過程中,不斷收集教師和學生的反饋意見,以及實際的教學數(shù)據(jù),根據(jù)這些數(shù)據(jù)再對網(wǎng)絡課程的設計做進一步修訂。
摘要:針對當前一些實現(xiàn)信息無障礙網(wǎng)站存在的問題,該文設計了一個網(wǎng)站設計架構(gòu),利用Web日志挖掘技術(shù)提取用戶興趣和訪問優(yōu)先序列,采取網(wǎng)站頁面信息動態(tài)填充至網(wǎng)站主頁通用框架模塊中,實現(xiàn)智能化、個性化無障礙訪問。
關(guān)鍵詞:Web日志挖掘;信息無障礙;網(wǎng)站設計
隨著信息技術(shù)和網(wǎng)絡技術(shù)的不斷發(fā)展,互聯(lián)網(wǎng)給現(xiàn)代人們獲取信息帶來極大的便利,成為人們工作生活中非常重要的組成部分。信息無障礙即萬維網(wǎng)對任何人士(包括殘障人士)都是可訪問、可用的,殘障人士能感覺、理解和操縱Web,與Web 互動。如何借助先進的技術(shù),消除數(shù)字鴻溝,為殘疾人提供有效的輔助手段,使他們能和健全人一樣無障礙地獲取網(wǎng)上信息,得到世界各國政府和組織越來越多的重視。
1 信息無障礙網(wǎng)站存在的問題
很多部分實現(xiàn)了信息無障礙的網(wǎng)站,用戶每次訪問時,網(wǎng)站語音都得從頭到尾的播報網(wǎng)站內(nèi)容,對于該用戶曾經(jīng)訪問過本網(wǎng)站中部分頁面內(nèi)容,系統(tǒng)不能自動過濾掉這些已經(jīng)閱讀的內(nèi)容,或者跳過這些已閱讀信息,而是依然按照布局順序重復播報。這對于閱讀障礙的用戶來說非常浪費時間和精力。避免重復瀏覽或者播報網(wǎng)站信息,將用戶曾經(jīng)閱讀過的內(nèi)容過濾掉,將沒有閱讀過的最新的感興趣的網(wǎng)頁內(nèi)容優(yōu)先播報給閱讀障礙用戶,提供智能化、個性化信息服務,是信息無障礙網(wǎng)站設計應該重視的問題。
2 Web日志挖掘
Web日志文件是在Web服務器上每隔一定的時間產(chǎn)生的記錄文件,其內(nèi)容包括訪問用戶的IP地址,訪問時間、訪問的頁面、頁面的大小、瀏覽器類型、響應狀態(tài)等等。Web日志挖掘是對用戶訪問Web時服務器方留下的訪問記錄進行挖掘,得到用戶的訪問模式和訪問興趣。通過對Web站點的日志記錄進行預處理,將日志數(shù)據(jù)組織成傳統(tǒng)的數(shù)據(jù)挖掘方法能夠處理的事務數(shù)據(jù)形式,然后利用傳統(tǒng)的數(shù)據(jù)挖掘方法進行處理。
Web日志預處理過程:
1) 數(shù)據(jù)收集:從服務器端數(shù)據(jù)、客戶端數(shù)據(jù)、服務器端進行。
2) 數(shù)據(jù)凈化:刪除Web日志文件中不是由用戶請求,而是由瀏覽器自動“請求”產(chǎn)生的訪問記錄。具體包括圖片和音頻文件、樣式文件和腳本文件、不是GET的HTTP方法、彈出式廣告的記錄等。
3) 用戶識別:可以通過IP地址和、嵌入SessionID、cookie、軟件等方法實現(xiàn)用戶的識別,但由于本地緩存、公司防火墻和服務器的存在,要識別出每一個用戶變得很復雜??梢圆捎靡恍﹩l(fā)式規(guī)則去識別不同用戶,將IP地址,類型以及引用頁面結(jié)合起來識別一個用戶,也可以通過注冊用戶,依賴用戶的合作是最好的解決辦法。
4) 會話識別:用戶在規(guī)定時間內(nèi)對服務器的一次有效訪問,通過其連續(xù)請求的頁面,可以獲得其在網(wǎng)站中的訪問行為和瀏覽興趣,有4種識別會話的模型:頁面類型模型(page type model),參引長度模型(reference length model),最大前向參引模型(maximal forword reference model)和時間窗口模型(time window model)。最常采用的是時間窗口模型,以用戶訪問時間作為劃分會話的分界,一般間隔時間取30min。
5) 路徑補充:用戶有時瀏覽的頁面,是從本地緩存和服務器中調(diào)用的,不會向Web服務器發(fā)送請求,也就不會記錄日志,而這些請求可能對后續(xù)挖掘的實施有重要作用,缺少這些頁面記錄可能會使挖掘結(jié)果不是很準確。為了能更精確的挖掘用戶的行為模式,有必要把這些缺失的路徑補充上去即路徑補充。如果當前請求的頁與用戶上一次請求的頁之間沒有超文本鏈接,那么用戶很可能使用了瀏覽器上的“BACK"按鈕調(diào)用緩存在本機中的頁面。如果用戶的歷史訪問記錄有多個頁面都包含與當前請求頁的鏈接,則將請求時間最接近的Web頁的頁面作為當前請求的來源。
3 基于Web日志挖掘的網(wǎng)站設計
3.1 網(wǎng)站設計架構(gòu)
網(wǎng)站為每位存在訪問障礙的用戶建立網(wǎng)站訪問記錄數(shù)據(jù)庫,用戶訪問網(wǎng)站頁面,產(chǎn)生Web日志文件,通過對Web站點日志文件進行數(shù)據(jù)凈化、用戶識別、會話識別,將有用數(shù)據(jù)存入事務數(shù)據(jù)庫,對該用戶訪問過的頁面進行相應標記,再對事務數(shù)據(jù)庫進行傳統(tǒng)的數(shù)據(jù)挖掘,分析出該用戶比較感興趣的信息類型,為該用戶對網(wǎng)站所有類型信息構(gòu)造優(yōu)先顯示頁面類型序列表和對每類信息未訪問頁面、已訪問頁面分別構(gòu)造優(yōu)先序列表,當該用戶再次訪問網(wǎng)站時利用離線分析所得的優(yōu)先序列表和網(wǎng)站文件映射數(shù)據(jù)庫將網(wǎng)頁鏈接按照用戶興趣高低動態(tài)填充到網(wǎng)站導航框架,這樣用戶最感興趣類型的網(wǎng)頁鏈接總是弄夠最先看到、聽到,從而達到優(yōu)先訪問的目的。
網(wǎng)站設計框架如圖1。
3.2 網(wǎng)站導航
網(wǎng)站導航是根據(jù)信息無障礙網(wǎng)站結(jié)構(gòu)布局設計標準所設計的網(wǎng)站通用布局框架,除了包括信息無障礙要求的導航磚,通用切換等功能,還將頁面設計成由幾個通用的布局框架模塊組成,每個框架模塊將顯示網(wǎng)站上某一種類型的網(wǎng)頁信息鏈接,具體網(wǎng)頁鏈接內(nèi)容則根據(jù)序列表先后順序動態(tài)填充。網(wǎng)站所包含的信息類型可以有很多,但在網(wǎng)站導航中只列出用戶最感興趣的幾種類型的網(wǎng)頁鏈接,隨著用戶興趣的改變,其他類型的網(wǎng)頁鏈接將動態(tài)的填充到相應級別的框架模塊中。
3.3 興趣提取
根據(jù)用戶瀏覽的歷史訪問記錄(內(nèi)容信息和行為信息)、訪問時間和訪問頻率等來分析計算用戶興趣度,用戶的興趣一般集中于某一個主題或者多個主題,系統(tǒng)在通過聚類進行分析將用戶瀏覽的歷史頁面集自動地分成n個聚簇(n是聚類中聚類中心的數(shù)目),每一聚簇的頁面集體現(xiàn)了用戶的某類興趣,構(gòu)造形成用戶的興趣類。再利用用戶的隱式信息學習提取用戶興趣集,建立樹狀的用戶興趣模型。
3.4 序列模式
序列模式挖掘是對關(guān)聯(lián)規(guī)則挖掘的進一步推廣,它挖掘出序列數(shù)據(jù)庫中項集之間的時序關(guān)聯(lián)規(guī)則。關(guān)聯(lián)規(guī)則強調(diào)的是兩個項之間的關(guān)聯(lián),序列模式則加強調(diào)兩者之間的先后次序。這里我們將挖掘出兩種序列表:類型序列表和頁面序列表。類型序列表是通過對歷史訪問記錄進行挖掘統(tǒng)計出來的網(wǎng)站每種類型信息訪問優(yōu)先等級,是一組有序項集對應表;頁面序列表則是以類型挖掘權(quán)值和更新時間2個指標得出的頁面訪問有序集對應表??梢圆捎没贏pfiori算法的改進算法進行挖掘得到上述兩種序列表。
3.5 序列-頁面映射
根據(jù)挖掘得到的序列模式對網(wǎng)站的靜態(tài)頁面文件進行一一映射,按照興趣高低和文件序列先后動態(tài)的填充如網(wǎng)站導航模塊框架中。
4 結(jié)束語
該文所提出對Web日志文件挖掘提取用戶的興趣類和訪問類型和頁面優(yōu)先序列,重構(gòu)站點頁面之間的鏈接關(guān)系,動態(tài)顯示網(wǎng)頁信息的設計框架,以適應有障礙用戶的訪問興趣習慣為主要目標,在一定程度上可以避免反復無用的頁面瀏覽和語音播報所造成的對存在訪問障礙用戶產(chǎn)生的困擾和時間精力的浪費,提高了訪問效率,為消除信息鴻溝,真正做到信息人人共享發(fā)揮積極的作用。
摘要:隨著信息化社會的快速發(fā)展,查看網(wǎng)站成為人們?nèi)粘I瞰@取信息的一種最基本手段。那么一個好的網(wǎng)站設計理念,直接影響到這個站點能否受到用戶的歡迎。作為一個網(wǎng)站的設計者,最重要的一點是要有好的設計理念,一些好的設計理念能給這個網(wǎng)站帶來靈感、帶來生命,沒有設計理念的網(wǎng)站是不成功。該文結(jié)合自身網(wǎng)站設計的的經(jīng)驗,談談網(wǎng)站設計理念的相關(guān)運用。
關(guān)鍵詞:網(wǎng)站;設計理念;網(wǎng)頁設計
網(wǎng)站同其他出版物,如報紙、雜志等在設計上有許多共同之處,也要遵循一些設計的理念,不同之處在于網(wǎng)頁的非所見即所得特性和交互性。因此,熟悉一些設計的基本理念,再對網(wǎng)頁的特性作一些考慮,便不難設計出美觀大方的網(wǎng)站來。一般來說,網(wǎng)站設計所需遵循的理念有:
1 突出網(wǎng)站的標志
網(wǎng)站的標志是網(wǎng)站特色和內(nèi)涵的集中體現(xiàn),它的作用在于傳遞網(wǎng)站的定位和經(jīng)營理念、同時便于人們識別。一個重點突出的網(wǎng)站標志,一個極具視覺沖擊力的網(wǎng)站標志,會直接影響到客戶對網(wǎng)站的判斷,特別是網(wǎng)站在以日后進行推廣時,優(yōu)秀網(wǎng)站標志會吸引來更多的訪問者。
2 符合簡約、美觀原則
有的網(wǎng)站頁面設計得非常的漂亮,就跟雜志的封面一樣吸引人的眼球。網(wǎng)頁有不同于紙質(zhì)媒體的特點,不能簡單的照搬雜志的做法,它以滿足人們的實用需求為目標,它比雜志封面更單純、清晰和精確。因而真正吸引用戶繼續(xù)進行瀏覽的是主頁內(nèi)容,這些內(nèi)容必須對讀者有足夠的吸引力。保持簡潔的常用做法是使用一個醒目的標題,這個標題常常采用圖形來表示,但圖形同樣要求簡潔。另一種保持簡潔的做法是限制所用的字體和顏色的數(shù)目。頁面上所有的元素都應當有明確的含義和用途,不要試圖用無關(guān)的圖片把頁面裝點起來,對于初學者來說容易犯的一個錯誤是把頁面搞的花俏,一個網(wǎng)頁用很多種的顏色,文字的字體與顏色設計的亂七八糟,最終不能讓別人明白他到底要表達的是什么內(nèi)容,突出是什么主題和意念。
3 注重色彩搭配
色彩本身是沒有任何的含義,但有時候色彩確實可以在不知不覺間影響人的心情,左右人的情緒。不同的顏色會給瀏覽不同的心理感受。每種色彩在飽和度、透明度上略微變化就會產(chǎn)生不同的感覺。在設計頁面時應盡量避免選擇使頁面難以閱讀的背景顏色,頁面內(nèi)容的色彩應該與背景的顏色協(xié)調(diào)。一些主頁最常見問題是使用彩色文本與紫色背景,這種頁面可視效果很差,還有一些頁面采用黑色的文本與黑色的背景,讓瀏覽者根本無法進行瀏覽??傮w來說,一般每個網(wǎng)站使用的顏色不超過三種,太多的顏色會讓人眼花繚亂。主調(diào)色要用于網(wǎng)站的標志、標題、主菜單和主色塊,給人以整體統(tǒng)一的感覺。至于其它色彩,也可以使用,但只能作為點綴和襯托,絕不能喧賓奪主。
4 精心組織網(wǎng)站內(nèi)容
瀏覽者之所以訪問你的網(wǎng)站,大多是因為你的網(wǎng)站內(nèi)容而來。如果站點內(nèi)容太普通,不專業(yè),而且又長時不更新,那么瀏覽者就不會再有興趣訪問你的站點。因而,在設計一個網(wǎng)頁時,所的材料必須要經(jīng)過精心組織,如按邏輯、按時間順序或按地理位置進行組織,并且這種內(nèi)容組織應當易于理解。當材料組織好以后,接下來就是在網(wǎng)頁布置文本、圖片、動畫等相關(guān)網(wǎng)頁內(nèi)容,目的是引導瀏覽者在頁內(nèi)瀏覽。應該控制頁面上元素的放置順序和它們相互之間的空隙。通常人們喜歡從左到右,從上到下進行閱讀,他們的眼睛首先看到是頁面的左上角,然后逐漸往下看。因而,在組織內(nèi)容時可以把希望瀏覽者最先看到的內(nèi)容放在頁面的左上角和頁面頂部。比如:網(wǎng)站的標志、導航條等。
5 合理的版面設計
網(wǎng)頁作為一種版面,有文字、圖片、動畫等。文字有大有小,還有標題和正文之分,圖片也有大有小,而且有橫豎之別。圖片和文字都需要同時展示給瀏覽者,不能簡單地羅列在一起,這樣往往會使用內(nèi)容雜亂無章。因此必須根據(jù)內(nèi)容的需要,將這些圖片和文字按照一定的次序進行合理的編排和布局,使它們組成一個有機的整體展現(xiàn)給訪問者。網(wǎng)頁布局大致可分為國字型、拐角型、標題正文型、左右框架型、上下型、框架型和海報型。一般在設計首頁時采用800*600像素,這種大小在一般的瀏覽器上就只有一屏。網(wǎng)頁布局的重心和位置之間的對比關(guān)系也很重要,一般用黃金分割率(0.618),也可以用用類似中國古代的一種九宮格。這種九宮格是把一個長方形等分為九格,在這個九宮格的中間就會產(chǎn)生四個交叉點,這四個交叉點就是視覺的中心點。有很多初學者喜歡把重要的東西放在頁面的中心,以吸引瀏覽者的目光,殊不知正中心屬于盲點區(qū),也就是人們的視覺經(jīng)常會忽視正中心的東西。
6 靈活運用CSS樣式
調(diào)用CSS樣式的方法很多,可以單擊鼠標右鍵選擇自定義樣式來調(diào)用樣式,也可以在狀欄中的元素列表上單擊右鍵來調(diào)用樣式。雖然不同的方法達的效果看似一樣,但實際在html代碼則完全不同。比如用自定義樣式來調(diào)用樣式,在網(wǎng)頁代碼就產(chǎn)生一個span標簽,這樣的標簽一多就會使文件的容量顯得很大,在同等網(wǎng)速下,打開的網(wǎng)頁會顯得很慢,所以我們應盡量使用狀態(tài)欄中的元素來調(diào)用樣式。
7 能夠適應不同瀏覽器及不同的分辨率
應該站在訪問者的角度,考慮網(wǎng)頁中各種的因素。如果用不同的瀏覽器和不同的分辨率來訪問你的站點,結(jié)果網(wǎng)站雜亂無章、毫無次序,瀏覽者就不會再訪問你的站點了。因此在編寫一個主頁后,要事先將其放到各種操作系統(tǒng),各種瀏覽器中去調(diào)試,檢測是否會出現(xiàn)一些問題。
8 網(wǎng)頁元素不能用中文名稱
網(wǎng)頁制作后,通常會給網(wǎng)頁起一個具有代表意義的名稱。一來使人一看文件名就知道文件所包含的內(nèi)容,二來能夠方便各個超級鏈接之間的相互調(diào)用。瀏覽器對中文名支持不太好,經(jīng)常會有頁面調(diào)用不正確現(xiàn)象發(fā)生,因此盡量采用英文作為網(wǎng)頁元素的命名。
9 為圖像鏈接增加動態(tài)效果
有時我們?yōu)榱诉_到一種酷的效果,當鼠標移動到某個圖片上時能有動感產(chǎn)生。使用Dreamweaver可以很容易實現(xiàn)這種效果。設計時,我們首先需要準備兩幅圖像,第一幅是原始圖像,第二幅是鼠標移動上去后的圖像,也可以增加對圖片的描述和超鏈接。當圖片如果打不開的情況下,可以讓文字來代替圖片,也可以實現(xiàn)超鏈接。
10 網(wǎng)頁有良好的對比度
對比是強調(diào)突出某些內(nèi)容的最有效方法之一,好的對比對度使內(nèi)容易于辨認和接受。對比一般是使用顏色的對比,如內(nèi)容提要和正文使用不同顏色的字體,內(nèi)容提要使用藍色,而正文采用黑色;也可以使用大的標題,形成面積的對比;還可以使用圖像對比,題頭的圖像明確的向瀏覽者傳達本頁的主題,這里同樣需要注意的是鏈接的色彩。還有一種實現(xiàn)的對比方法是使用字體變化。在文字排版中,可以使用斜體和黑體突出關(guān)鍵內(nèi)容,但不能用得太多,否則就得不到應用的效果。
11 結(jié)束語
隨著網(wǎng)頁技術(shù)的不斷發(fā)展,人們對網(wǎng)站會提出更多的要求,使網(wǎng)站的設計理念會變得越來越明確。好的網(wǎng)站設計理念能把整個網(wǎng)站相關(guān)網(wǎng)頁元素有效的組織與通信結(jié)合起來,從而使網(wǎng)站主題鮮明突出,要點明確,以簡單明確的語言和畫面體現(xiàn)站點的主題。調(diào)動一切手段充分表現(xiàn)網(wǎng)站的個性和情趣,體現(xiàn)出網(wǎng)站的閃光點。
摘要:本文從多年網(wǎng)頁設計經(jīng)驗和教學入手,提出高校藝術(shù)設計專業(yè)所學習的網(wǎng)站設計應更注重網(wǎng)站前臺美工設計,更多地從視覺角度和瀏覽者的感受入手,使不同性質(zhì)的網(wǎng)站按照不同的風格和創(chuàng)意進行處理,版面的編排和細節(jié)的處理需符合客戶心理以及審美訴求,通過大量的欣賞、分析、模仿、創(chuàng)造和項目式教學,使學生在審美體驗、規(guī)劃布局、動手能力、細節(jié)處理和交流談判等方面均達到較高水準。淡化后臺程序技術(shù),使術(shù)業(yè)有專攻,為社會培養(yǎng)出符合市場需求的藝術(shù)設計人才。
關(guān)鍵詞:藝術(shù)設計 網(wǎng)頁設計 教學 思考
一、引導學生如何與不同審美需求和設計訴求的客戶溝通
設計師會接觸到形形色色的客戶,設計師要重點考慮主要負責人的意見和要求,主要負責人往往決定著你的設計稿能否通過,但也不可忽視與其他辦事人員的良好關(guān)系。
二、通過賞析使學生了解不同網(wǎng)頁的布局框架
了解了客戶對于網(wǎng)站的訴求之后,接下來要確定的就是網(wǎng)站的框架結(jié)構(gòu)和內(nèi)容。這需要教師通過研究大量優(yōu)秀的網(wǎng)站設計作品,分析出不同性質(zhì)的網(wǎng)站其結(jié)構(gòu)框架的不同之處。比如:門戶類網(wǎng)站、政府類網(wǎng)站、企業(yè)類網(wǎng)站、行業(yè)類網(wǎng)站、商業(yè)類網(wǎng)站、教育類網(wǎng)站、娛樂類網(wǎng)站、個人類網(wǎng)站、BBS以及論壇類網(wǎng)站等。這個工作比較精細,需要花較多時間與同學一起討論。不同的網(wǎng)站所選取的框架結(jié)構(gòu)和內(nèi)容都帶有側(cè)重性。比如本人設計的塔里木大學人文學院的網(wǎng)站,將其定位為:高校教育類網(wǎng)站??v向結(jié)構(gòu)分為首頁、二級頁面、三級頁面等。橫向結(jié)構(gòu)首先確定網(wǎng)站的二級菜單,經(jīng)過反復與客戶溝通,最終確定如下:首頁、學院概況、教學管理、院系設置、學科專業(yè)、科學研究、對口支援、學生工作、人才培養(yǎng)、黨的建設、下載中心、重點課程這十二個二級菜單。設計師在確定菜單內(nèi)容時,可以借鑒其他高校的網(wǎng)站和本學院具體實情與特色二者相結(jié)合的原則,二級菜單就很容易確定了。這一步也需要與客戶進行反復溝通和確認,一旦確定后客戶則不能隨意更改,增加設計師的工作量。三級菜單也是如此,此處就不再贅述。設計師應在A4紙上畫好結(jié)構(gòu)圖,也就是一級、二級和三級的相互關(guān)系圖,以便于客戶看得清晰而提出修改意見。
三、幫助學生整體構(gòu)思,選定網(wǎng)頁風格和色調(diào)
內(nèi)容確定后,設計師需要獨自思考,首先要考慮網(wǎng)站的風格及主色調(diào)。色彩在視覺表現(xiàn)中具有迅速訴諸感覺的作用,它與公眾的生理和心理反應密切相關(guān)。公眾對網(wǎng)站的第一印象往往通過色彩而得到。設計師要明確色彩定位,考慮顧客所在行業(yè)的個性特征和行業(yè)形象色。
例如:紅色具有極強的表現(xiàn)力,是火焰、熱烈、華麗、喜慶的象征。用它可以來設計一些婚禮策劃公司、鮮花店或商場店鋪類網(wǎng)站。黃色使人感到溫暖和明媚,是充實、幸福的象征。它介于紅色、橘色和綠色之間,由于高明度給人一種跳躍的力量,而且在中國的傳統(tǒng)文化中還代表皇權(quán)??梢院头凵钆鋪碓O計婦嬰類網(wǎng)站。綠色給人生機勃勃和大自然的寧靜感覺,有一種平和親切氣息,也是青春、健康、樂觀的象征,可以用它來設計學校、綠植、旅游類網(wǎng)站。而紫色通常給人神秘、獨特、與眾不同和華貴之感,所謂紫氣東來、紫帶金腰都是尊嚴、高貴的意思。用它可以設計女性服裝、家居床品等網(wǎng)站。
四、幫助學生在設計中選用合適的素材
素材的選用對整個網(wǎng)站設計來說非常關(guān)鍵,有關(guān)資料統(tǒng)計顯示,從20世紀50年代至90年代,攝影占平面設計的比重日益增加,設計家稱現(xiàn)在的攝影與平面設計是“蜜月時代”。學生需要清楚獲取素材的渠道和辦法,并且通^日積月累逐漸形成自己的素材庫,以方便設計之需。而確定主題和風格后如何選取適合的素材呢?
想要體現(xiàn)出一個網(wǎng)站的人文氣質(zhì),設計師需要在腦海中搜索,比如:書法、篆刻、水墨元素、木簡、牛皮紙、書卷、壁畫、雕塑、石刻、秦磚漢瓦、陶罐、中國象棋、臉譜、算盤、古箏、唐三彩、景泰藍、青銅器、刺繡、皮影、剪紙,等等,從這么多體現(xiàn)中國文化的元素中,再重點加入體現(xiàn)塔里木大學人文學院網(wǎng)站的教育性、地域性元素,比如新疆洞窟壁畫、出土絹畫、胡楊、沙漠、駱駝、絲綢之路,還有經(jīng)典人文代表人物的畫像等元素。經(jīng)過反復斟酌后,筆者選用人文初祖軒轅黃帝像的漢代畫像磚和古代陶器上的漁獵農(nóng)桑等圖案來襯底,使網(wǎng)站在咖啡色的基礎上鋪就一層人文與歷史的久遠感覺;在網(wǎng)站頭部選用水墨暈染與古代車馬和新疆特有的胡楊剪影,襯著古代書法大師的作品;菜單欄選用胡楊木質(zhì),體現(xiàn)出厚樸的韻味;中間具體的內(nèi)容底色選擇淡黃,四周襯著牛皮封皮,體現(xiàn)出書卷氣息;運用咖啡與淺黃相近色搭配的原則,使設計體現(xiàn)出一種和諧之美。
五、幫助學生在項目制中舉一反三,融會貫通,提高成功率
蘇霍姆林斯基說:“請記住,成功的歡樂是一種巨大的情緒力量,它可以促進兒童好好學習的愿望。請你注意無論如何不要使這種內(nèi)在的力量消失,缺少這種力量,教育上的任何巧妙措施都是無濟于事的?!苯處熜枳⒁舛嗍褂庙椖控撠熤?,使學生置身真實的設計環(huán)境之中,通過給定主題-思考難題-完成作品的過程,學生會收獲到成功的快樂,從而有效地提高教學效果。在很多高校,藝術(shù)設計專業(yè)所授的網(wǎng)站設計很容易朝向后臺程序方向的偏差,藝術(shù)設計類人才應強化視覺美的創(chuàng)造,淡化后臺程序技術(shù),使術(shù)業(yè)有專攻,才能培養(yǎng)出符合市場需求的設計人才。
【摘 要】本文從架構(gòu)設計、購物流程設計以及界面視覺設計對現(xiàn)有購物網(wǎng)站界面設計與用戶體驗進行分析,并從以上三個方面對云向南微商城展開設計。
【關(guān)鍵詞】微商城;設計
隨著新媒體網(wǎng)絡科技的快速發(fā)展,人們越來越喜愛網(wǎng)上購物,而顧客對網(wǎng)上購物的訴求也從最初的單純追求低價格上升到追求完美、個性化、甚至與線下購物趨同的購物體驗。
一、現(xiàn)有購物網(wǎng)站界面及購物流程設計分析
對現(xiàn)有購物網(wǎng)站的用戶體驗分析從網(wǎng)站的架構(gòu)設計、購物流程設計、界面視覺設計三個方面展開。
良倉是一個主推設計精良的商品,面向具有一定消費能力并追求高品質(zhì)生活的消費人群的網(wǎng)站。良倉的整體架構(gòu)分為三級頁面,首頁、商品分類頁與購買頁。在商品分類中,良倉的分類是比較細致的,良倉的首頁有一些專題推薦,推薦的內(nèi)容往往是與節(jié)日、季節(jié)相關(guān)。而良倉的一級分類除了商品之外,還有雜志,分享和達人分類,在雜志的分類下有一些分享新鮮事物的文章,分享的內(nèi)容包括時尚、文化、數(shù)碼等。在這其中還有一個清單分類,類似于淘寶的特色專題,而兩者相比較良倉的清單命名更具文化性。個人認為這個清單的實用性還是較高的,現(xiàn)代人每天的生活都很疲憊,整天處于一個壓力大的環(huán)境中,沒有耐心去看復雜的事物,很多人更愿意去看整理歸納好的物品。
良倉的購物流程設計首先是消費者選定商品,可選擇購買顏色與數(shù)量,選定商品后可選擇立即購買或是加入購物車,選擇購買后進入確認訂單頁面,此頁面為購買信息界面;提交訂單后出現(xiàn)選擇付款方式頁面,確認付款后系統(tǒng)自動轉(zhuǎn)換到第三方網(wǎng)站進行付款完成交易。就購物體驗及服務來說,良倉在整個網(wǎng)站上只有一個在線客服及客服電話,而淘寶每一個店鋪都配有客服,在看了一些市場調(diào)研后,發(fā)現(xiàn)良倉的售后做得很不全面,無法直接在訂單中追蹤物流去向,也沒有消息發(fā)送到消費者的手機上告知訂單進程,因此很多消費者認為淘寶購物體驗比良倉更好。
良倉整體的界面風格是以簡潔為主,整個界面的版塊都是在框架中,使界面顯得很規(guī)矩,整體的大色調(diào)采用了黑白灰三色,而為了使版面不會太過于無趣,在廣告和促銷的版塊又使用了彩色純色背景,色彩的飽和度并不高,與整個畫面的黑白灰三色搭配起來顯得很雅致。界面的內(nèi)容則主要是以圖片為主,整個界面除了廣告和促銷圖片上的文字再無其他多余的文字,商品詳情與價格則在移動到商品上時才顯現(xiàn)。網(wǎng)站界面并沒有太突出的圖標,都是網(wǎng)站常見的一些圖標,但值得注意的是商品圖片右下角出現(xiàn)的促銷與活動圖標,設計都是由良倉logo演變而來。
整體來說,良倉整個的界面還是充滿了設計感,精致又不沉悶,很符合網(wǎng)站的定位。
二、云向南微商城設計思路
云向南微商城是一個主打云南本地特色食品及進口食品的購物網(wǎng)站。市場定位是面向中等收入水平并且對生活品質(zhì)有一定追求的人群,應根據(jù)市場定位及消費者喜好來進行網(wǎng)站架構(gòu)設計分析。網(wǎng)站的大體設計風格理念與良倉相似。
在架構(gòu)設計上,云向南微商城的大體構(gòu)架也分為三級頁面,首頁除去放登陸、注冊、廣告、推薦商品此類網(wǎng)站基本的版塊之外,還增加了吸引消費者購買的促銷版塊與更好地幫助消費者挑選的特色專題版塊,通過市場調(diào)研結(jié)果,專題與促銷版塊能有效地提高消費者的購買欲。首頁的搜索框應放在顯眼易見的地方。二級界面則包含商品詳細分類、推薦商品以及符合條件商品篩選與商品按條件排序。符合條件商品篩選功能是在購買時可將該類別下所有的商品按照價格、品牌、作用等條件來進行篩選,能幫助消費者更快地找到想要的商品,而推薦商品則是網(wǎng)站根據(jù)用戶所瀏覽商品來給用戶推薦同類商品。三級界面則是商品詳情與購買頁。此外還應在網(wǎng)站每個界面都提供在線客服的小窗,使消費者在購物出現(xiàn)問題時隨時都能與網(wǎng)站溝通。
許多人選擇在網(wǎng)上購物除了品種豐富,性價比高等因素外,很大一部分原因是網(wǎng)上購物的方便快捷以及良好的售后服務,因此購物流程這個環(huán)節(jié)對于消費者的購物體驗來說是至關(guān)重要的。大致的購買流程與其他購物網(wǎng)站相似,要注意的是在消費者的整個消費過程中,客服以及售后服務顯得尤為重要,網(wǎng)站應該有24小時在線客服為消費者答疑。
根據(jù)云向南網(wǎng)站的定位,整體設計風格以簡潔精致為主,網(wǎng)站的所有元素統(tǒng)一在版塊中使版面整齊。但整個網(wǎng)站的設計如果太過規(guī)矩又會顯得太沉悶,使消費者沒有購買欲望,因此在設計時要考慮到如何使界面簡潔精致又不至于單調(diào)無趣。在排版方式上,可設計版塊的大小變化給整個畫面增加節(jié)奏感。在色彩的選擇上,整個網(wǎng)站的主色調(diào)搭配“云向南”logo的主色調(diào)來使用,商品圖片可統(tǒng)一用深色灰色系或原木底來著重突出商品并增加商品的品|感,但食物類商品應使用白色來搭配。單是用黑白灰色系出現(xiàn)在整個版面中會使版面顯得單調(diào)無趣,設計可以從廣告條與促銷版塊的色彩入手,通過網(wǎng)站品牌理念整理出一組色彩,將其運用在廣告條的背景中。整個版面要在保持完整性的同時盡可能少地出現(xiàn)元素,使版面給人以精致的感覺,因此商品信息設計在鼠標移動到圖片后出現(xiàn)。圖標設計應使用線條纖細的圖標,纖細的線條往往給人現(xiàn)代,精致的感覺。
摘要:在當前大數(shù)據(jù)火熱的背景下,研究者都在思考如何應用大數(shù)據(jù)解決實際問題。文章在理解大數(shù)據(jù)思維下,設計了以數(shù)碼產(chǎn)品價格預測、產(chǎn)品基本搜索功能和產(chǎn)品詳情模塊為主要功能的數(shù)碼產(chǎn)品價格預測網(wǎng)站,其中重點介紹了如何實現(xiàn)數(shù)碼產(chǎn)品價格預測功能。該功能的實現(xiàn)主要是利用分布式網(wǎng)絡爬蟲技術(shù)獲取各大知名網(wǎng)站的數(shù)碼產(chǎn)品價格,并利用模型對數(shù)碼產(chǎn)品的價格走勢進行預測。
關(guān)鍵詞:價格預測;分布式網(wǎng)絡爬蟲;數(shù)碼產(chǎn)品網(wǎng)站;大數(shù)據(jù);數(shù)學建模
1概述
據(jù)《中國互聯(lián)網(wǎng)絡發(fā)展狀況統(tǒng)計報告》顯示,截至2016年6月,我國網(wǎng)絡購物用戶規(guī)模達到4.48億,可見通過網(wǎng)上獲取信息的人很多。在互聯(lián)網(wǎng)+和大數(shù)據(jù)時代下,IT行業(yè)逐步成為人們熱議的焦點,其發(fā)展也得到愈來愈多的人關(guān)注。而目前國內(nèi)的IT類資訊網(wǎng)站大多沒有預測產(chǎn)品價格這個功能,本文將著重研究價格預測的實現(xiàn)功能的實現(xiàn)。
2網(wǎng)站設計與開發(fā)的可行性與適應性分析
2.1從技術(shù)角度看
開發(fā)一個基于大數(shù)據(jù)的分析的數(shù)碼產(chǎn)品價格預測網(wǎng)站需要大量的數(shù)據(jù)做支撐,這些數(shù)據(jù)可以通過各大電商平臺進行獲取。各大電商平臺往往會將這些數(shù)據(jù)按照一定的格式展現(xiàn)在網(wǎng)站上,我們可以通過分布式數(shù)據(jù)爬蟲技術(shù)將這些數(shù)據(jù)實時采集。數(shù)據(jù)爬蟲是一種非常流行的數(shù)據(jù)采集程序,目前互聯(lián)網(wǎng)上擁有大量的爬蟲框架供我們使用,我們只需編寫簡單的代碼便可以開始獲取數(shù)據(jù)。當擁有海量數(shù)據(jù)后我們可以對各個商品進行建模,基于hadoop框架進行分布式運算,設計相關(guān)預測算法對數(shù)碼產(chǎn)品價格進行分析并預測出價格的未來走勢。
2.2從資源角度看
對于數(shù)碼產(chǎn)品,互聯(lián)網(wǎng)可以提供各種各樣的信息,比如各大手機生產(chǎn)企業(yè)會在他們的網(wǎng)站上數(shù)碼產(chǎn)品的配置信息、評測信息等。在網(wǎng)站建立的初期我們可以從這些網(wǎng)站獲取大量的數(shù)據(jù)來填充我們的數(shù)據(jù)庫。對于部分具有版權(quán)的數(shù)據(jù),我們將采用外鏈的方式將原網(wǎng)站提供給用戶瀏覽,這樣可以節(jié)約開發(fā)資源,并讓網(wǎng)站專注于價格預測的實現(xiàn)。
2.3從商業(yè)價值角度看
一個可以有效預測價格變化的網(wǎng)站是比較有市場前景的,目前互聯(lián)網(wǎng)上充斥著各種各樣的歷史價格查看網(wǎng)站,但是大多沒有可以對價格進行預測的網(wǎng)站。如果我們可以成功的預測價格走勢,我們就可以引導消費,幫助消費者省錢,這也便是網(wǎng)站最大的商業(yè)價值。
3網(wǎng)站概述
網(wǎng)站以用戶需求為出發(fā)點,利用網(wǎng)絡爬蟲、PHP、HTML5、JAVASCRIPT、MYSQL等技術(shù)設計開發(fā)。在網(wǎng)站里可以查詢到參數(shù)、評測、價格和圖片等關(guān)于數(shù)碼產(chǎn)品的詳細信息。網(wǎng)站的功能包括數(shù)碼產(chǎn)品價格預測(預測到某款數(shù)碼產(chǎn)品在未來一段時間內(nèi)的價格)、信息查詢(含有數(shù)碼產(chǎn)品名稱、各項參數(shù)、各角度拍攝圖片等信息)、價格對比(及參數(shù)對比、圖片對比和綜合對比)等,目的是為人們提供一個簡單易操作、具有現(xiàn)實意義的數(shù)碼產(chǎn)品信息查詢平臺。網(wǎng)站技術(shù)框架如下圖所示:
4網(wǎng)站設計
4.1網(wǎng)站主要功能設計
4.1.1產(chǎn)品價格預測模塊設計
產(chǎn)品降價預測模塊是網(wǎng)站的重點功能。用戶可以通過網(wǎng)站查詢某個產(chǎn)品的基本信息,并且能夠得知該產(chǎn)品的歷史價格走勢和該產(chǎn)品在未來一段時間的價格走勢,這對于比較注重價格的用戶來說,便可以綜合各類信息和自身需求,更加理性和有計劃地選擇性價比較高的產(chǎn)品。
網(wǎng)站利用分布式爬蟲采集互聯(lián)網(wǎng)各大平臺的IT產(chǎn)品價格數(shù)據(jù),形成一個較全面的價格走勢圖,再通過對產(chǎn)品價格進行建模,從建模結(jié)果中得到IT產(chǎn)品在未來一段時間的價格走勢。需要說明的是,因為價格容易受到社會、經(jīng)濟條件以及國際等多種因素的影響,所以預測的價格走勢會有一定的波動。另外,對于不同時期的價格預測也不同,短期內(nèi)影響因素主要是數(shù)碼產(chǎn)品的市場供應,一般采用指數(shù)平滑法。這種方法預測主要是靠歷史價格數(shù)據(jù)逐步往后推導預測價格。對于較長時間,則采用二次指數(shù)平滑法較好,因為對于一些時間序列變化可能存在線性的趨勢,這種方法的好處在于能減少預測值的滯后性。如果數(shù)據(jù)的變化受季節(jié)影響,預測方法應當采用溫特線性季節(jié)性指數(shù)平滑較好,因為這個預測方法是根據(jù)季節(jié)的變化來進行價格預測,這樣預測的價格更為準確。
4.1.2產(chǎn)品基本搜索功能設計
產(chǎn)品的搜索功能也是網(wǎng)站的基本功能之一。產(chǎn)品的搜索功能不僅僅只是簡單的產(chǎn)品搜索,它是一個包括商品搜索、查看熱門產(chǎn)品、查看最新產(chǎn)品、今日推薦等多模塊組合成的一個大模塊。用戶通過這些搜索信息并結(jié)合自己需求,可以理性謹慎地對產(chǎn)品進行對比選購。換言之,產(chǎn)品搜索模塊將完成對商品的導購功能。
4.1.3產(chǎn)品詳情模塊設計
產(chǎn)品詳情頁面包括很多內(nèi)容,其子頁面也非常多。其中包括:概覽頁面、具體參數(shù)頁面、報價頁面、點評頁面、圖片頁面以及競品對比頁面等等,每一個頁面的功能都不同,設計時將合理安排功能的布局,以方便用戶獲取自己所需要的資料。
4.2價格的采集與預測
4.2.1分布式網(wǎng)絡爬蟲
實現(xiàn)價格預測的前提是有大量的歷史價格數(shù)據(jù),所以W站利用分布式網(wǎng)絡爬蟲技術(shù)從各大網(wǎng)站采集數(shù)據(jù),爬蟲主要由兩個模塊組成:
爬蟲引擎:分布式運行且完成下載網(wǎng)站頁面內(nèi)容,并將數(shù)據(jù)存入數(shù)據(jù)庫的工作。
數(shù)據(jù)清洗:將下載下來的價格信息進行清洗處理,剔除無效信息和冗余信息。
分布式爬蟲技術(shù)實現(xiàn)需要對于特定的網(wǎng)頁編寫用于分析其網(wǎng)站源碼和獲取信息的腳本代碼,數(shù)據(jù)或許后再通過數(shù)據(jù)清洗去除掉不必要的數(shù)據(jù)信息,最后把需要的數(shù)據(jù)存放到數(shù)據(jù)庫中保存。
4.2.2預測價格
在比較多種預測方法后,我們發(fā)現(xiàn)時間序列法較適合預測數(shù)碼產(chǎn)品的價格。時間序列即是某些序列按照時間的先后順序排列而成的一種特殊序列。若利用這組數(shù)列,應用數(shù)理統(tǒng)計方法加以處理,以解決實際問題,則稱為時間序列分析法。時間序列分析是以時間序列為研究對象,分析序列的本質(zhì)波動,探究其真實規(guī)律的一種定量分析法。在實際中,通常被用于預測未來現(xiàn)象或指標的波動情況。由于數(shù)據(jù)量龐大、涉及的商品較多,為了提高計算速度,預測模型需要構(gòu)架在Hadoop等分布式平臺之上。
5網(wǎng)站的開發(fā)
5.1數(shù)據(jù)爬蟲程序
開發(fā)一個數(shù)據(jù)爬蟲,需要用到scrapy框架,該框架是基于python語言編寫的,用python語言開發(fā)程序最大的特點那就是簡單易讀。Scrapy框架非常的簡單易用只需編寫爬蟲規(guī)則就可以開始高效獲取數(shù)據(jù),并且該框架是可分布式運行,速度可控,支持JavaScript,非常適合用來采集各大網(wǎng)站的數(shù)碼產(chǎn)品數(shù)據(jù),最重要的是該框架是免費而且開源的,故運用scrapy框架進行開發(fā)滿足網(wǎng)站需要的爬蟲系統(tǒng)。
5.2價格數(shù)據(jù)分析系統(tǒng)
對于海量的數(shù)據(jù)傳統(tǒng)程序沒辦法很好的處理,傳統(tǒng)的win-dows系統(tǒng)也很難有效的承載。故我們選用hadoop生態(tài)體系進行數(shù)據(jù)分析,該程序可以高可靠的運行在多臺電腦上。為了程序可以長期穩(wěn)定地運行,我們選擇在linux上進行數(shù)據(jù)分析,這樣的好處是系統(tǒng)穩(wěn)定性強,硬件資源可以高效利用。
5.3網(wǎng)站搭建
和大多數(shù)網(wǎng)站一樣,本網(wǎng)站采用BS(Browser/Server)架構(gòu),該架構(gòu)具備以下幾個特點:客戶端電腦負荷大大簡化、系統(tǒng)維護和升級成本低、同時也降低了用戶的總體成本。
我們運用HTML、CSS、JavaScript開發(fā)網(wǎng)站前臺頁面,用PHP開發(fā)網(wǎng)站后臺,MySQL作為后臺數(shù)據(jù)庫。網(wǎng)站運行在Linux系統(tǒng)下的Apache軟件下,網(wǎng)站的所有軟件均為免費軟件,實現(xiàn)成本較低,也符合當下流行趨勢。
6結(jié)束語
本網(wǎng)站是在大數(shù)據(jù)背景下建立的數(shù)碼產(chǎn)品價格預測網(wǎng)站,著重在實現(xiàn)產(chǎn)品價格預測功能、提供報價資訊等內(nèi)容。網(wǎng)站依托互聯(lián)網(wǎng)數(shù)據(jù)建立,以滿足消費者對價格預測和導購需求,未來還將繼續(xù)完善研究工作,通過大數(shù)據(jù)分析提供個性化產(chǎn)品推薦、提供對數(shù)碼生產(chǎn)企業(yè)的大數(shù)據(jù)服務、提供對消費者的購買預測功能。
摘要:隨著近年來互聯(lián)網(wǎng)+概念的提出,互聯(lián)網(wǎng)應用的發(fā)展達到了一個新的高潮。越來越多的傳統(tǒng)行業(yè)試圖通過互聯(lián)網(wǎng)平臺創(chuàng)造新的發(fā)展生態(tài)。其中移動互聯(lián)網(wǎng)的占有量更是逐年攀升,為了滿足不同移動終端的顯示尺寸,響應式的頁面布局應運而生。該文利用bootstrap工具設計響應式校園二手商品交易商城的前端。
關(guān)鍵詞:Bootsrap;前端設計;校園二手商品交易商城
移動互聯(lián)網(wǎng)是采用移動無線通信方式通過智能移動終端獲取業(yè)務和服務的,而移動終端則包括了智能手機、電子書、平板電腦等。近年來,隨著移動通信和智能移動終端的發(fā)展,更多的客戶會選擇移動互聯(lián)網(wǎng)這樣隨時隨地可以上網(wǎng)的方式,移動互聯(lián)經(jīng)濟也隨之高速發(fā)展。而傳統(tǒng)的網(wǎng)頁制作方式大多只適用于PC端的瀏覽器,在智能終端多尺寸的顯示屏上的瀏覽效果卻不盡如人意。
1響應式web設計的趨勢
響應式Web的設計注重的是實現(xiàn)一個網(wǎng)站能兼容多個終端,通過媒體查詢、彈性視覺媒體、流動布局的結(jié)合,實現(xiàn)兼容性網(wǎng)站創(chuàng)建,一個網(wǎng)站能夠滿足不同客戶端用戶需要。響應式Web設計能使客戶端適應用戶設備環(huán)境,智能化地適應大眾的需要。
相對于傳統(tǒng)網(wǎng)頁設計方式,響應式網(wǎng)頁設計能夠為不同終端的客戶提供更好的瀏覽體驗,帶來更多的經(jīng)濟效益;同時響應式網(wǎng)頁設計也能夠減少網(wǎng)站開發(fā)和維護成本,對于搜索引擎優(yōu)化也更加友好。因此,越來越多的前端開發(fā)工程師選擇響應式布局設計網(wǎng)頁。
2 Bootstrap的優(yōu)勢
Bootstrap是由Twitter的設計師Mark Otto和Jacob Thornton合作開發(fā)的一款簡潔、直觀的用于前端開發(fā)的開源工具包。Bootstrap是基于HTMl5和CSS3開發(fā)的,它在jQuery的基礎上進行了更為個性化和人性化的完善,形成一套自己獨有的網(wǎng)站風格,并兼容大部分iQuery插件。
1)Bootstrap是響應式布局的。能夠根據(jù)用戶的終端設備進行自適應調(diào)整,提高用戶的瀏覽體驗度。
2)Bootstrap是移動設備優(yōu)先的。從Bootstrap3開始,針對移動設備的樣式融合進了框架的每個角落。更適應移動互聯(lián)網(wǎng)快速發(fā)展的今天。
3)Bootstrap是易于學習的。只要具備HTML和CSS基礎知識,就能夠快速上手,對于高職院校的學生能夠快速掌握基本技術(shù),搭建一個極具設計感的完整網(wǎng)站。
4)Bootstrap含有豐富的組件。Bootstrap有豐富的HTML組件和JS組件,并且代碼簡潔,可以在其基礎之上個性化定制開發(fā)。
3利用Bootstrap工具現(xiàn)校園二手商品交易商城頁面
引入bootstrap框架,利用其布局容器、導航欄、表單、按鈕、柵格系統(tǒng)、標簽、響應式工具以及輪播插件,完成校園二手商品交易商城頁面的制作。
4結(jié)束語
Bootstrap是一個開源框架,提供CSS布局組件和javascript組件,對于高職院校的學生更容易掌握,從校園二手商品交易商城的開發(fā)到后期維護階段都可以讓學生參與進來,也是增加學生的實踐機會。