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