第一篇：基于兒童網站設計開發(fā)與實踐之初探論文

1系統(tǒng)設計

1.1需求分析

縱觀歷史，幾乎每個專業(yè)領域的突破都有過受兒童的言行而頓悟的現象存在，所以，兒童不僅是天生的“游戲家”、“夢想家”，更是偉大的“思想家”、“藝術家”和“探索者”。他們正以自身獨有的方式來認知這個世界。

兒童網站的布局應拋棄成人的認知觀念，立足于兒童的觀察視角，盡量避免大篇幅的文字版面或是規(guī)整的布局，以兒童喜歡的卡通形象和明快的色彩板塊裝飾網頁，以滿足兒童的好奇心與探求欲為基礎，讓兒童在網站中有“原來是這樣”、“我成功了！”的感受。首先，要做到色彩明快和諧。白色的氣球和彩色的氣球兒童會選哪個？兒童一般不喜歡白色或者熒幕上的空白，鮮顏明亮才是抓住兒童眼球的第一要素，合理運用和搭配色彩，使兒童融入色彩的樂園，使得探索與學習也樂在其中。其次，提升內容的趣味性。兒童的注意力保持時間相對成人要短，一般在8到15分鐘左右。因此，兒童網站要盡量避免頁面繁復難懂或過于復雜。在設計時根據兒童的生理心理特點，增強內容的趣味性，使得兒童想要去看，想要去學，想要去了解。最后，網站結構符合兒童的認知特點。在進行兒童網站的界面設計時，網站應該主次分明，層次清晰。將網站特色或主要內容放在顯而易見的區(qū)域，利用交互性將整個網站的內容進行穿插，讓兒童邊看邊動手邊鉆研，促進兒童知識想象、思維能力的全面發(fā)展。相對年齡層小的兒童網站頁面大多由：主頁、次級頁面、三級頁面構成。而相對年齡層大的兒童網站，頁面可適當增加，但頁面越復雜，到達目標內容所需時間越長，偏離主題的可能性越大。

1.2設計思路及方案

1.2.1開發(fā)工具介紹

本網站運用Dreamweaver8為開發(fā)工具,以ASP為程序設計語言,Access為后臺數據庫,IIS為服務器測試平臺，設計出界面美觀，操作簡潔，符合兒童心理的網站。后臺管理易操作，靈活方便。

1.2.2設計方案

根據娛樂與教育為一體的思想，以兒童心理學為理論依據，集合了生物新聞、娛樂天地、公告、投票、科技園、動畫城、寶貝呵護文章、寶貝相冊、鏈接、倒計時十大功能，為不同年齡兒童提供相應層次的學習、娛樂等資源。

2系統(tǒng)實現

2.1數據庫設計

數據庫服務器采用Access，界面友好、易操作。

2.2用戶界面系統(tǒng)功能模塊

兒童登入歡迎界面，伴隨著歡快的音樂點擊進入網站主頁，每個模塊都呈現在主頁中。根據兒童網站的需求分析，系統(tǒng)功能的分析，兒童網站的用戶界面系統(tǒng)模塊結構。

3結語

兒童網站，是針對兒童這一特殊群體集學習、娛樂等功能于一體的網站，它不同于以盈利為目的的其他綜合性網站。不久的未來，它終也會成為社會教育的重要環(huán)節(jié)。最后，兒童網站必須有清晰的自身定位，做好引導而不去向兒童灌輸自認為正確的知識。每個兒童都是天才，腦子里裝滿了各種奇思妙想。我們在網站設計時要以引導培養(yǎng)學習興趣為目的，而不是將成人已定型的認知灌輸于兒童，如看到正方形，成人會說：“這是正方形”，而兒童會說：“這是我家的柜子……”“這是我裝玩具的盒子……”。

第二篇：網站建設與開發(fā)實踐開卷考試

網站建設與開發(fā)實踐 網站名稱：

課程名稱：

設計時間：

作者：

班級：課程設計說明西藏印象 網站建設與開發(fā)實踐 3周 張佰楠 計算機科學與技術專升本

一、任務和目標

通過課程設計，要求學生在指導教師的指導下，獨立完成以下內容，包括： 1.通過調查研究，進行系統(tǒng)需求分析。2.根據需求分析進行系統(tǒng)的概要和詳細設計。3.進行編碼及測試。4.編寫各個階段說明書。

二、目的與意義

本課程設計希望通過對網站的規(guī)劃與設計來培養(yǎng)學生綜合運用所學知識來分析和解決實際問題的能力；學會使用ASP設計動態(tài)服務器網頁；學會使用 ACCESS建立數據庫和編輯查詢數據庫的語句。這樣，既可以使網站訪問網絡數據庫后生成動態(tài)網頁，又可以使網頁增加動態(tài)的圖形、圖像和聲音。總之，本課程設計能夠強化計算機實際應用技能訓練，為今后開展網站規(guī)劃、設計和開發(fā)打下一個良好的基礎。

三、網站開發(fā)環(huán)境

1.前臺開發(fā)工具：Dreamweaver、Flash、Photoshop

— 利用Dreamweaver制作網站主頁及其各鏈接層次的頁面。— 利用Flash制作網頁所需用的動畫。— 運用Photoshop進行圖像編輯處理。2.后臺開發(fā)工具：ASP、ACCESS

— ASP動態(tài)服務器網頁：建立網絡數據庫的鏈接，控制操作的流程。— ACCESS：建立網絡數據庫和編輯查詢網絡數據庫的語句。

四、課程設計的一般步驟和方法

課程設計大體可分4個階段：需求分析、總體設計、編碼、測試。1.需求分析（1）選擇課題（2）收集資料

圍繞課題，收集有關資料，調查有關文獻及技術參數，收集有關數據，并對這些資料和數據進行歸納分析。（3）可行性分析

學生在熟悉了課題和收集了足夠的資料和數據的基礎上，對課題進行可行性分析，得出幾個初步方案，經過反復比較、論證，最后得出一個可行方案。

2.總體設計（1）概要設計

—劃分模塊，繪出控制結構圖，寫出分析說明書。從可行性方案中所提供的資料和數據出發(fā)，把系統(tǒng)分為若干個模塊，形成一個多層次的結構。把控制結構圖、整個系統(tǒng)及每個模塊的功能都加以說明。

— 架設系統(tǒng)平臺。（2）詳細設計

根據課題的控制結構圖和各個模塊的功能說明書，詳細編制系統(tǒng)程序。3.編碼

根據設計，逐步完成各功能模塊的制作及程序的編寫。4.測試

當課題程序初步設計完成后，應進行上機調試，在應用過程中逐步修改、完善系統(tǒng)功能，以期達到最佳效果。

五、編寫設計說明書

系統(tǒng)功能和使用說明：

— 系統(tǒng)流程圖：對系統(tǒng)流程圖中各個模塊的功能作詳細的說明?！?程序調試和架設情況：對系統(tǒng)在調試過程中出現的問題加以說明。

— 結論：對系統(tǒng)作一個全面的評價，包括有何特點、存在的問題、改進意見等。

六、課程設計的驗收

具體驗收內容如下：

1.課題程序。要求每個學生設計部分的程序不得少于2個主要模塊。2.課程設計說明書。

七、課程設計的評價

填寫網站評價量規(guī)。

第三篇：9個優(yōu)秀的中文前端開發(fā)設計網站

在國內，“前端開發(fā)

”這個名詞逐步被熟知，“前端開發(fā)

”這個職位越來越被企業(yè)重視，表明國內的Web前端開發(fā)正在慢慢走向成熟，更好地學習提高自身的前端開發(fā)技術能力是必須的，整理9個國內優(yōu)秀的前端開發(fā)設計網站給大家，也希望能看到你推薦的中文前端開發(fā)網站和社區(qū)。

1, OKAJAX

OKAJAX是以ajax技術為主，涉及網站建設、網絡編程、網頁設計、網頁特效、服務器技術、資源下載等的綜合性網站。

2, 藍色理想

誕生于1999年10月的藍色理想，以建設網站設計與開發(fā)人員之家為宗旨，以介紹網絡開發(fā)技術與網站創(chuàng)作設計交流為主要內容，是國內最大的設計類站點之一。

3, W3School

W3School是最完善的在線教程站，包括

XHTML教程、XML教程

JavaScript & AJAX、網站構建等前端開發(fā)人員必備的系統(tǒng)性學習教材。

4, 前端觀察

前端觀察是一個純粹的前端技術分享網站，本站的目的是為前端技術人員提供所需的資訊及資源，挖掘國內優(yōu)秀的原創(chuàng)設計及內容，加以高度的整理。

5, CSS88

CSS88專注前端開發(fā)，關注用戶體驗，是一個資深的Web前端開發(fā)站，不僅傳播前端技術，更重要的是關注前端設計從業(yè)者的生存狀態(tài)，有多個開放的前端交流群。

6, CssRain

CssRain實用的前端技術信息，原創(chuàng)和搜集前端開發(fā)中細節(jié)的內容，一本jQuery新書推薦<<鋒利的jQuery>>你值得擁有。

7, 我愛CSS

我愛CSS，致力于Web標準在中國的應用和發(fā)展，提供CSS和XHTML學習教程。8, iJavaScript

iJavaScript致力于JavaScript信息的共享，提供JavaScript基礎教程、AJAX技術及JavaScript框架的學習和應用。

9.菠菜博

菠菜博是一個分享優(yōu)質網站設計素材資源、關注Web前端開發(fā)與應用資源的博客。

第四篇：Java網絡通信專題學習網站的設計與開發(fā)

Java網絡通信專題學習網站的設計與開發(fā)

摘 要:本文結合“151工程”項目――Java網絡通信專題學習網站,闡述網站的體系構架、專題結構化知識設計、基于資源規(guī)范的資源管理平臺設計和網站的主要功能模塊,重點闡述教育資源元數據屬性的XML統(tǒng)一描述、教育資源的XML綁定和CSCL協(xié)作小組分組算法等開發(fā)關鍵技術。該網站具有知識體系完備、學科特色鮮明、原創(chuàng)資源豐富、資源建設符合規(guī)范、多方位學習支持服務以及跨平臺應用等特性,可為Java及相關IT類課程的信息技術與課程整合提供技術和平臺支持,對于促進大學生自主學習、協(xié)作學習和可持性發(fā)展以及企業(yè)IT培訓和繼續(xù)教育具有積極的意義。

關鍵詞:專題學習網站;網絡通信;教育資源規(guī)范;Java.net類庫;XML;CSCL

中圖分類號:G434文獻標識碼:A文章編號:1673-8454(2010)17-0075-05

一、引言

經過10多年的發(fā)展,Java在網絡通信領域中的應用大放異彩,并得到學術界和產業(yè)界的認可,形成了舉世矚目的Java經濟。近年來許多高校已開設“Java程序設計”及其相關課程,華南師范大學教育技術本科專業(yè)是首批國家級特色專業(yè),也將其列為主修課程,而“Java網絡通信”內容恰是其重點難點。其目標是使學生通過課程學習, 掌握面向對象程序設計和網絡通信程序開發(fā), 具備小型項目開發(fā)能力。然而由于該課程內容零散、自身難度大等特點,加上學生基礎較弱,致使他們明明曉得課程重要,但學起來費力,缺乏信心和興趣,而以教師講授為主和學生被動接受的傳統(tǒng)教學的最大弊端就是學生難以進行系統(tǒng)的網絡編程和多層次自主學習和探究學習,可持續(xù)性發(fā)展能力較差。專題學習網站作為一種基于網絡環(huán)境的協(xié)作式學習系統(tǒng),可以讓學生進行自主學習、分布式協(xié)作學習,提高其利用信息的實踐能力,培養(yǎng)其良好的信息素養(yǎng)與創(chuàng)新意識,是IT類課程的信息技術與課程整合的新方向。本文結合廣東高?！?51工程”項目――Java網絡通信專題學習網站,闡述該網站的設計與開發(fā)。

二、網站設計

1.網站體系架構設計

本專題學習網站是一個基于網絡資源的Java面向對象程序設計與網絡通信程序開發(fā)專題研究、協(xié)作式學習系統(tǒng),它通過網絡環(huán)境,向學生提供大量的Java編程與網絡開發(fā)專題學習資源和網絡學習交流工具。在教師指導下,學生選擇學習專題,通過主體性的探究、協(xié)作,收集、分析并選擇資源,應用知識和開發(fā)工具去解決實際問題,培養(yǎng)Java網絡通信程序開發(fā)能力。根據“151工程”專題學習網站建設要求,本文提出基于教育資源建設技術規(guī)范的專題學習網站的體系構架,如圖1所示。它由專題學習知識庫、網絡學習工具(含協(xié)作學習和專題學習評價)、資源管理和系統(tǒng)管理組成,涵蓋專題學習網站主要模塊并彈性拓展,具體包括學習專題、專家講壇、項目實踐、Java精品、資源天地等 12個功能模塊。

網站以專題結構化知識庫和資源管理平臺為核心,采用統(tǒng)一身份認證對用戶進行管理。用戶角色包括:學生、教師和系統(tǒng)管理員。學生可利用專題學習知識庫和網絡學習工具進行各種專題學習,并可進行資源發(fā)布、搜索、瀏覽、上傳/下載、收藏和評價;教師除具有學生的權限外,還可以對資源進行在線審核、發(fā)布以及資源與元數據編輯、導入、修改和刪除;管理員除具有教師和學生的權限外,還可以進行系統(tǒng)設置與維護、動態(tài)信息管理和用戶管理。

2.專題結構化知識設計

采用分層法設計專題結構化知識,層次間采用樹型結構表示,將專題學習劃分為4層:模塊層、專題層(T)、子專題層(ST)和知識點層(K),如圖2所示。模塊層是最大的復合型學習對象(由多個學習目標組成的學習單元)、專題層由子專題層組合而成,子專題層由知識點聚合而成,知識點作為原子型對象(由單個學習目標所建立的信息塊)是粒度最小的。

網站按學生認知規(guī)律及專題規(guī)劃知識點,通過基礎、進階、核心和拓展的學習階梯對學習內容進行有機整合?；A模塊包含Java程序設計基礎;進階模塊是基礎模塊的延伸;核心模塊涵蓋Java網絡通信與編程內容;拓展模塊承載著Java最新網絡通信技術及其動向。4個模塊包括18個專題學習內容,涵蓋Java程序設計基礎、OOP、GUI、多線程、網絡通信基礎、Java通信協(xié)議、Java.net類庫、網絡通信編程、無線網絡通信、Java與網格技術、Java與云計算等專題,專題學習界面,如圖3所示。

3.基于資源建設規(guī)范的資源管理平臺設計

資源管理平臺可實現對多媒體素材、課件、源代碼、文獻、常見問題解答、試題等資源及其元數據的動態(tài)管理。該平臺可通過圖1中的“資源天地”鏈接,依據“151工程”相關技術規(guī)范構建,以實現異構教學環(huán)境下資源共享和互操作。為達此目標,采用文件管理系統(tǒng)與關系數據庫相結合的方式實現對教育資源的儲存和管理。文件系統(tǒng)中存放著豐富的學習對象資源,通常是一些通用性較強的組件,可以被修改、組合、拆分和重用,以適應不同的教學需要。同時,描述每種教育資源的元數據也對應地存在文件系統(tǒng)中,在數據庫中存放描述資源的核心元數據。資源管理平臺可完成教育資源與元數據編輯、導入、修改、刪除等功能,此類操作都會與相應的文件系統(tǒng)及數據庫中的表發(fā)生關聯。

文件系統(tǒng)中存儲教育資源及其屬性描述的XML文檔。為了科學、高效和方便地管理資源及其屬性描述的XML文檔即元數據,平臺采用層次結構來存儲資源及XML文檔。在文件系統(tǒng)中物理的資源及其屬性描述的XML文檔存在同一文件夾中,如圖1所示。

數據庫設計則采用文件管理系統(tǒng)和關系數據庫相結合的手段,以保證元數據信息的完整性和管理平臺的快速查詢和科學管理。按照“151工程”相關規(guī)范對教育資源屬性進行描述,有通用、技術和分類3大類17小類,綁定后有70余項,每種資源都有自己的擴展屬性。[3]為避免數據冗余,將每種資源通用的核心元素存入數據庫中。數據庫采用支持XML的MySQL以便于在XML與數據庫間互換。

4.網站的其他主要功能模塊

(1)專家講壇:提供與課程相關的專家和教師的電子講稿,并進行有機整合,學生可在專題學習基礎上針對重點難點做深入學習,并可瀏覽和下載。

(2)項目實踐:提供項目實踐案例,包括網絡聊天室、網絡信使服務等網絡通信工具的開發(fā)案項目,體現“做中學”和“學中做”的教育理念,以培養(yǎng)學生項目規(guī)劃和創(chuàng)新能力。

(3)協(xié)作學習:將分組教學引入到教學活動中,以異質分組為原則,內置CSCL小組分組模塊,以實現協(xié)作學習功能,通過教學方法多樣化,激發(fā)學生的學習興趣,提高學生的綜合編程能力。

(4)Java精品:提供Java典型例程,含Java網絡課件、網絡通信和網絡游戲等資源,供學生賞析和下載,為信息技術與課程整合提供深層支持。

(5)資源天地:為教育資源Web應用端,可鏈接到教育資源管理平臺。

(6)疑難解答:提供Java技術問題庫,學生遇到問題時可通過答疑系統(tǒng)進行搜索、查閱。

(7)在線測試:包括網上在線測試和考試管理兩部分。前者提供專題知識的相關練習,分為形成性測試和總結性測驗兩種類型,配有及時反饋功能,題型有選擇題、填空題、判斷題和簡答題。利用前者學生可針對專題內容進行測試與評價;利用后者,教師可實現考生管理、試題管理和考試監(jiān)控。

(8)詞匯列表:提供與Java相關專業(yè)術語的解釋,學生可瀏覽和檢索。

(9)系統(tǒng)管理:具有系統(tǒng)設置與維護、動態(tài)信息管理和用戶管理的功能。

三、網站開發(fā)關鍵技術

1.開發(fā)技術路線

網站開發(fā)采用Java+ JavaScript +JSP+XML 組合技術,并使用混合JavaBeans、Flash和Real Network視頻流媒體等技術,開發(fā)工具選擇Dreamweaver+ Elipse 等,數據庫采用MySQL5.1.5或更高,網站服務器采用Tomcat,采用B/S應用模式,支持目前主流瀏覽器。

2.開發(fā)關鍵技術

(1)資源元數據屬性的XML統(tǒng)一描述方法

資源元數據處理采用“151工程”相關規(guī)范對資源屬性進行統(tǒng)一描述,并對外提供XML描述文檔。該規(guī)范是根據學習對象元數據規(guī)范(LOM)CELTS-3和教育資源建設技術規(guī)范CELTS-41.1,結合廣東高校資源建設的實際而制訂的,是一個較為寬泛的規(guī)范,目的是使得各高校的資源能在大范圍內共享和互操作,其核心是按資源類型不同制定相關資源屬性標注標準。下表給出資源基本信息部分屬性描述。

在上述基礎上,采用XML對資源進行統(tǒng)一描述,下面以一個動畫素材為例,給出其XML描述的方法。

00042

二維動畫

Socket雙向握手通信過程動畫

……

馬祖英

.swf

127k

http://eitc.scnu.edu.cn/javasite/res/ani/

SocketShakeHand.swf

……

信息技術

……

教育資源屬性的XML統(tǒng)一描述是為了便于資源存儲、搜索、綁定和編碼入庫,采用SOAP技術實現異構環(huán)境下教育資源共享、交換和互操作。

(2)教育資源的XML綁定技術

“數據綁定”是一種把數據綁定到用戶界面元素(組件)的通用機制,數據綁定體系包括:數據源對象(Data Source Object,DSO)、數據顯示對象(Data Consumers)和兩個代理器(Binding Agent與Table Repetition Agent)等4個部分。數據源對象向網頁提供數據,數據顯示對象就是顯示數據的HTML元素,代理器則保證前兩者工作的同步。

實現XML數據實例到Java和JSP對象模型的綁定通常有兩種解決方案:一是自編數據綁定應用程序;二是使用數據綁定框架。本研究采用后者,在具體方法運用上,主要利用XML數據島進行數據綁定。

XML數據島是指Web頁面直接包含的XML文件或標簽數據。它使HTML和XML真正地融合在一起。利用數據島綁定技術可以很方便地在一個 HTML 文檔中插入 XML 數據,并在瀏覽器中顯示出來。數據島綁定技術適用于結構規(guī)則的 XML 文檔,它對 XML 文檔的數據用類似于關系數據庫的技術進行處理。通過Web服務器返回的是XML數據流,因此必須利用XML數據島綁定技術把XML格式的數據流綁定在HTML格式的文件中,再通過瀏覽器顯示出來。以下是在HTML頁中直接嵌入XML數據島的示例:

00042

二維動畫

Socket雙向握手通信過程動畫

……

馬祖英

.swf

127k

http://eitc.scnu.edu.cn/javasite/res/ani

SocketShakeHand.swf

……

信息技術

……

00086

視頻流媒體

面向對象程序設計的多態(tài)性

……

王咸偉

.asf

4.3M

http://eitc.scnu.edu.cn/javasite/res/video/

Polymorphism.asf

……

信息技術

……

……

對于數據量較大的XML數據可使用外部引用方式鏈接數據島。標簽的ID屬性定義了數據島的ID而SRC屬性指向被嵌入的XML文件:

在HTML文檔中嵌入數據島后,即可將XML數據島和HTML元素綁定在一起。每個DSO條目(即數據島)都有唯一ID號。先將HTML元素中的DATASRC屬性設置為相應的ID,把HTML元素和數據島聯系在一起,再設置DATAFLD屬性值來確定所提取的XML元素。目前,支持DSO綁定機制的元素包括A、BUTTON、DIV、FRAME、IFRAME、IMG、INPUT、LABEL、TABLE和TEXTAREA等。

(3)CSCL協(xié)作小組分組算法關鍵技術

專題學習網站中CSCL協(xié)作小組分組是協(xié)作學習的關鍵,分組基本原則是異質同組,所要解決的問題是盡可能將差異度最大的學生分在每個小組中,并使得小組間差異度減小到最低程度。解決問題的關鍵是先通過將學生的每個特征量化,抽象成特殊屬性值,利用數學計算方法加以對比,找到特征差異度間的量化比較,再利用某種確定的遍歷方式進行分配,最后根據某種目標函數來計算每個小組內的特殊屬性數目和組與組間的絕對差異,使得該目標函數在最大范圍的計算中執(zhí)行效率最高、方法最優(yōu)。其中涉及的算法關鍵技術包括初始數據量化、最優(yōu)化理論算法、遍歷算法、目標函數選擇、學生特征值的數據量化和稀缺特征值選擇。[1]

四、網站的特色

1.體系結構較為先進,知識體系完備,充分體現學科特色

網站的體系構架、系統(tǒng)設計和關鍵技術較為先進,功能模塊劃分合理、設置豐富;以網絡通信專題為導向,提供豐富的專題結構化知識,形成一個符合認知規(guī)律的結構體系,便于學生對新知識進行有效的意義建構;開辟 “項目實踐”、“Java精品”等欄目便于學生從事開發(fā)實踐;采用虛擬仿真和程序運行與跟蹤技術,可動態(tài)輸入數據、跟蹤程序運行結果,充分體現了程序設計類課程教學的特點。此外,還采用“樣例學習”和“做中學”等教學方式,提供多種網絡學習工具,融入協(xié)作學習的先進教育理念,體現了信息技術與課程整合的思想。

2.豐富的原創(chuàng)資源,資源建設符合規(guī)范

網站提供豐富的教育資源,其中原創(chuàng)超過60%。專題資源庫構建符合資源建設技術規(guī)范,資源管理平臺可實現資源與元數據的編輯、導入、修改和刪除,并可實現異構教學環(huán)境下資源共享和互操作。

3.多方位的學習支持服務

網站提供了良好學習導航、自主學習和協(xié)作學習環(huán)境,具有完備的學習評價和CSCL小組分組系統(tǒng),并提供實用性強的網絡學習工具和資源管理平臺,可多方位地為學生提供學習支持服務。

4.專題學習網站具有跨平臺特性

由于網站采用Java、JSP和XML等技術實現,加上MySQL的開源特性,因此本網站可實現跨平臺應用。該網站完成后經過不斷改進與完善,已先后用于我校多屆教育技術專業(yè)的本科教學,實踐表明:利用該網站獲得良好的教學效果,對于促進“Java程序設計”及相關IT類課程的教改以及信息技術與課程整合具有良好的現實意義和應用前景,可以用于教師課堂輔助教學,也可以用于學生自主學習、分布式協(xié)作學習以及企事業(yè)單位的IT培訓和繼續(xù)教育。

參考文獻:

[1]李潔,王咸偉.CSCL中小組分組算法及系統(tǒng)設計與開發(fā)[J].華南師范大學(自然科學版),2007.2.[2]教育部信息化技術標準委員會.教育資源建設技術規(guī)范CELTS-41.1,2002.12.[3]廣東高教電教中心.廣東省高等學?，F代教育技術“151工程”建設規(guī)范[S],2004.4.[4]鄭維勇,王萍.基于學習對象元數據的教育資源管理系統(tǒng)的設計與實現[J].中國教育信息化.2007.11

[5]Faye P Teer, S.E Kruck.The Java programming course in accredited business schools in the United States.Information Technology, Learning, and Performance Journal.Morehead: Spring 2005.Vol.23, Iss.1;pg.1, 11 pgs.[6]Liang,Y.D.(2004).Introduction to Java programming, comprehensive(5th ed.).Upper Saddle River, NJ: Prentice Hall.(編輯:楊馥紅)

第五篇：ASP電子商務網站的設計與開發(fā)

承德石油高等?？茖W校

畢 業(yè) 設 計

說 明

論文題目：ASP電子商務網站的設計與開發(fā)

班

級：

學生姓名： 指導教師： 完成日期：

ASP電子商務網站的設計與開發(fā)

中文摘要：當人們足不出戶，在家里的電腦前就能輕松購買到自己想要的商品的時候，當客戶和業(yè)主輕松點一下鼠標就能順利完成某筆交易的時候，他們就已經體會到電子商務的優(yōu)越性了。我們所做的這個基于WEB的商務銷售網站論文正是要實現這種網上交易，從而滿足當前社會的這種購物需求。

那么實現商務交易的載體是什么呢？實現它的工具又是什么？Internet，為我們提供了實現的可能性。

網絡的產生給我們的生活到來了很多方便，色彩繽紛的網絡世界無所不包。我們現在的這一課題正是應用ASP技術和Dreamweave、flash和Photoshop等軟件來制作，并基于WEB網絡來實現的。

基于WEB的商務銷售網站實現了一個完整的購物過程，從商品查詢到下訂單，再從貨物發(fā)送到安全付款，這筆交易只要在電腦前動動手指頭就能輕松完成。

關鍵字： 電子商務

網站設計

ASP Dreamweaver

目錄

緒論

第1章 電子商務概述

1.1 電子商務的定義 1.2 電子商務的特點 1.3 電子商務的應用類型 1.4 電子商務系統(tǒng)的組成元素

1.5 B2C網上直銷方式市場定位分析與發(fā)展趨勢 1.6 電子商務B2C網上直銷

第2章 電子商務網站開發(fā)工具與技術 2.1 編寫目的 2.2編寫環(huán)境 2.3 Dreamweaver簡介 2.4 ASP概述

2.5 數據庫管理系統(tǒng)概述 第3章 網站的具體設計與分析 3.1 WEB服務器的創(chuàng)建 3.2 網站的整體設計 第4章 網站的規(guī)劃設計 4.1 數據庫設計 4.2網站結構設計 第5章 設計中遇到的問題與解決 5.1 數據庫的連接 5.2 參數的傳遞 5.3 信息檢索 論文總結及文獻書籍。

緒 論

隨著社會經濟的不斷發(fā)展，商品交易的形式日漸變得多樣化。電子商務這種新型的交易方式更是具有廣闊的發(fā)展前景。而在電子商務中沒有哪一部分比電子交易更令人注目了。所謂電子交易就是指在網絡上進行的交易。經過這幾年的發(fā)展，電子商務不再是簡單的開辟一條新的銷售渠道，它將大大的改善企業(yè)的營銷模式，增加企業(yè)收入，提高企業(yè)效率。它將幫助企業(yè)與客戶、供貨商及合作伙伴建立更為密切的合作關系。您可以在網上將經銷商和生產廠商聯系起來，從而優(yōu)化交易過程，減少文書工作；您也可以建立與供貨商直接聯系的網絡來減少庫存和運輸消耗，從而快速響應客戶需求。您還可以通過網上賬單可支付系統(tǒng)來改善與客戶和供應商的關系。

這樣企業(yè)不但贏得了客戶的信任，還提高了整個過程的效率，降低了庫存和運輸損耗，保持資金安全周轉和降低實際銷售支出，從而降低成本增加利潤。伴隨著國內互聯網建設的迅速發(fā)展，網絡安全的不斷完善以及人們消費觀念的改變，國內電子商務進入了一個高速發(fā)展的階段，2009年電子商務成為了國民經濟發(fā)展中最大的亮點之一，在多個指標上創(chuàng)出新高。2009年國內電子商務市場規(guī)模增長迅猛，其中B2B運營商的市場營業(yè)額增加了20%，增長速度與往年相近，C2C的市場規(guī)模相比2008年增長一倍，而在2009年增長最為迅猛的是B2C的市場規(guī)模，全年的市場總交易量達到2008年全年的2倍以上。電子商務在自身取得高速發(fā)展的同時，在國民經濟中的影響也越來越大。超過50%的企業(yè)搭建了B2B、B2C類電子商務網。在消費領域，2009年中國網絡購物交易額占社會消費品零售總額的比重超過2%，網絡購物對國內零售市場的影響日趨增大。2008年,我國網絡交易總額達到了1200多億。

電子商務的發(fā)展前景無疑是廣闊的，但由于我國的電子商務發(fā)展起步較晚，加之信息化和網絡化程度不高等原因，我國的電子商務發(fā)展還有很多問題有待解決和完善。

1、國家發(fā)展電子商務還缺乏明確的發(fā)展戰(zhàn)略和有力的技術經濟政策。

2、企業(yè)信息化建設滯后。

3、電子商務交易的安全性問題。

第一章 電子商務網站概述

1.1電子商務的定義

隨著網絡和計算機技術的發(fā)展，信息技術作為工具被引入商務領域從而產生了電子商務（Electronic Commerce，簡稱EC）。電子商務就是利用信息技術將商務的各種實體：企業(yè)、消費者、中間商和政府聯系起來，通過互聯網絡將信息流、商流、物流和資金流等完整結合從而實現商務活動過程。商流包括商業(yè)洽談、下單、售后服務、等商務活動過程；物流包括商務物資的配送調度；資金流就是交易中的資金轉移過程；信息流包括商品信息、客戶與供應商信息、服務信息等。也就是說，涉及商務交易領域的整個過程都是通過Internet進行。

1.2 電子商務的特點

Internet網絡的普及，網絡經濟所涉及領域的廣闊，各種安全措施的使用和電子化處理的迅速使電子商務具有了如下特點：

高效性：由于互聯網將貿易中的商業(yè)報文標準化，使商業(yè)報文在世界各地的傳遞能在瞬間完成，計算機自動處理數據，使原料采購、產品生產、需求與銷售、銀行匯兌、保險、貨物托運及申報等過程無須專人干預，就能在最短的時間內完成。電子商務克服了傳統(tǒng)貿易方式的費用高、易出錯、處理速度慢等缺點，極大地縮短了交易時間，使整個交易非?？旖菖c方便。

方便性：電子商務不受地域限制，交易方式靈活快捷，24小時自由在線服務

安全性：電子商務網絡系統(tǒng)采用了嚴密的安全措施，如加密技術、數字證書、防火墻、病毒防護等

集成性：萬維網的真實商業(yè)價值在于協(xié)調新老技術，使用戶能更加行之有效地利用他們已有的資源和技術，更加有效地完成他們的任務。電子商務的集成性，還在于事務處理的整體性和統(tǒng)一性，它能規(guī)范事務處理的工作流程，將人工操作和信息處理集成為一個不可分割的整體。這樣不僅能提高人力和物力的利用率，也提高了系統(tǒng)運行的嚴密性。

可擴展性：要使電子商務正常運作，必須確保其可擴展性。萬維網上有數以百萬計的用戶，而傳輸過程中，時不時地出現高峰狀況。倘若一家企業(yè)原來設計每天可受理40萬人次訪問，而事實上卻有80萬，就必須盡快配有一臺擴展的服務器，否則客戶訪問速度將急劇下降，甚至還會拒絕數千次可能帶來豐厚利潤的客戶來訪。對于電子商務來說,可擴展的系統(tǒng)才是穩(wěn)定的系統(tǒng)。

協(xié)調性：電子商務活動的進行需要各部門的協(xié)調合作，如客戶，供應商，銀行，物流中心，通訊部門的合作才能完成電子商務的全過程。

1.3 電子商務的應用類型

根據電子商務過程中參與實體的不同，電子商務的應用主要分為五種類型： 企業(yè)內部的電子商務

企業(yè)通過內部網方式交換和處理商貿信息，這種網絡與Internet隔離，主要用于企業(yè)內部的商貿活動并保持企業(yè)組織上的聯系。

企業(yè)間的電子商務，B2B模式。

就是企業(yè)之間通過互聯網進行商貿活動的模式。企業(yè)與消費者之間的電子商務，B2C模式。

這種模式是企業(yè)通過在網上開設網店，消費者通過網絡瀏覽商品信息并下訂單，在線支付。這種模式方便快捷，不受時間和空間限制，因而受到消費者歡迎。

企業(yè)與政府間的電子商務。

這種模式是企業(yè)與政府部門間的業(yè)務往來，如政府通過互聯網發(fā)布采購招標清單，企業(yè)經過網絡投標，網上報關，納稅等。

消費者間的電子商務，C2C模式。

C2C是消費者之間通過公共電子商務交易平臺，賣方提供商品及買方在線支付的交易模式。

1.4 電子商務的組成元素

電子商務的整個系統(tǒng)是由網站業(yè)務系統(tǒng)，認證中心，支付網關和客戶終端系統(tǒng)四個基本元素組成的。網站業(yè)務系統(tǒng)：是電子商務系統(tǒng)的基礎應用平臺，客戶終端通過網絡訪問網站業(yè)務系統(tǒng)進行電子商務應用；認證中心：認證中心向網站業(yè)務系統(tǒng)，支付網關，客戶終端提供證書發(fā)放、授權服務于認證，是保證電子商務應用安全的機構；支付網關：是企業(yè)、客戶、銀行交易資金轉移的接口，是實現在線支付的接口界面。

1.5 B2C網上直銷方式市場定位分析與發(fā)展趨勢

B2C是一種網上直銷方式，企業(yè)通過網絡建設網上商店，向消費者展示與供應商品，消費者通過上網走進網上商店，瀏覽商店內的商品并可在店內直接下單付款訂購。由于消費著只商品的直接購買、最終使用者，企業(yè)產品直接面對客戶，他們都處于供求鏈末端，因而是最基本的電子商務模式。就如傳統(tǒng)銷售模式一樣，網絡銷售會隨著信息社會的發(fā)展逐漸變得普遍，所不同的就是網上商店可以足不出戶就可以各地商品任選，如此方便快捷，無時間無空間限制是傳統(tǒng)銷售無法比擬的。如今人們生活質量在不斷提高，購物方式也便的輕松自由化、個性化，B2C網上購物方式將是未來所有購物方式的大趨勢。

第二章 開發(fā)工具與技術 2.1 編寫目的

分析軟件功能：給出總體設計方案；劃分模塊，確定軟件元素及其關系；制定軟件工作流程；分析接口.通過閱讀該文檔，開發(fā)人員將會有條理地進行整個軟件的開發(fā)過程。

2.2 編寫背景

Dreamweaver8.0中文版的使用背景：

Dreamweaver8.0中文版的出現，使制作一個功能強大的網站變得很容易，可以輕易的作出以前被認為很復雜的ASP，PHP網站。

Dreamweaver 8是建立Web站點和應用程序的專業(yè)工具。它將可視布局工具、應用程序開發(fā)功能和代碼編輯支持組合在一起，其功能強大，使得各個層次的開發(fā)人員和設計人員都能夠快速創(chuàng)建界面吸引人的基于標準的網站和應用程序。從對基于CSS的設計的領先支持到手工編碼功能，Dreamweaver提供了專業(yè)人員在一個集成、高效的環(huán)境中所需的工具。開發(fā)人員可以使用Dreamweaver及所選擇的服務器技術來創(chuàng)建功能強大的Internet應用程序，從而使用戶能連接到數據庫、Web服務和舊式系統(tǒng)。

使用Dreamweaver 8可以制作出整個網站，只是Dreamweaver 本身不適合處理圖片，需要Photoshop或Fireworks的配合。使用Dreamweaver 制作靜態(tài)網站的流程：新建站點——站點文件命名——定義頁面屬性——插入表格——定義頁面大小——轉換到布局視圖——添加內容——插入導航條——轉化到標準視圖工作——添加鏈接——使用代碼片段——定義及應用CSS——添加動態(tài)交互——鏈接站點各個頁面 2.3 Dreamweaver 簡介

Dreamweaver 是Micromedia公司推出的可視化網頁制作工具，他于Flash和Fireworks一起被稱為網頁制作三劍客。其中，Dreamweaver 只要是用來制作網頁文件，制作出來的網頁兼容性比較好，制作效率也很高，Flash用來制作精美的動畫，Fireworks用來處理圖形。

Dreamweaver 8是業(yè)界領先的WEB開發(fā)工具，與其他同類軟件相比主要有以下優(yōu)點：

（1）、不生成冗余代碼。（2）、方便的代碼編輯。（3）、強大的頁面動態(tài)支持。（4）、操作簡便

（5）、優(yōu)秀的網站管理功能。（6）、便于擴展。

2.4 ASP概述

ASP（Active Server Pages）是微軟公司開發(fā)的一套服務器端腳本運行環(huán)境。ASP語言結構簡單，易學易用，應用非常廣泛。利用ASP技術開發(fā)網站的人數在不斷增加。作為一種相對簡單而又功能強大的網頁編程語言，ASP結合數據庫，可以并發(fā)實現企業(yè)內的各種管理的數據化、網絡化。ASP打破了以往專業(yè)程序只能由專業(yè)人員來開發(fā)的束縛，是一般讀者也能獨立地開發(fā)適合自己公司特色的信息系統(tǒng)。

ASP文件與HTML文件類似，但ASP文件可以包含腳本命令，腳本命令放在<%和%>之間，當用戶請求一個*.asp主頁時，WWW響應HTTP請示調用ASP引擎，解釋被中請的文件。當遇到與Active Scripting兼容的腳本（VBScript或Jscript）時ASP引擎調用相應的腳本引擎進行處理。ASP腳本在服務器端解釋執(zhí)行，結果自動生成符合HTML語言的主頁去響應用戶的請求。ASP獨具以下特點：

a)使用VBScript和Jscript等簡單易懂的腳本語言，同時結合HTML代碼。就可以快速的完成網站的應用程序。

b)使用普通的文本編輯器。如Windows的記事本就可進行編輯設計，而利用諸如Frontpage或Dreamweaver等所見即所得的網頁編輯軟件可以快捷方便地驚醒編輯，易學易用。

c)與瀏覽器無關，用戶只要使用可執(zhí)行HTML代碼的瀏覽器，就可瀏覽使用普通的文本編輯器。如Windows的記事本就可進行編輯設計，而利用諸如Frontpage或Dreamweaver等所見即所得的網頁編輯軟件可以快捷方便地驚醒編輯，易學易用。所設計的網頁內容。使用普通的文本編輯器。如Windows的記事本就可進行編輯設計，而利用諸如Frontpage或Dreamweaver等所見即所得的網頁編輯軟件可以快捷方便地驚醒編輯，易學易用。所使用的腳本語言均在WEB服務器執(zhí)行，用戶端瀏覽器不需要能夠執(zhí)行這些腳本語言。

d)ASP能夠與任何Active Scripting語言相容。ActiveX服務器元件具有無限可擴充性，可以使用Visual Basic、Java、Visual C++、等編程語言來編寫你所要的ActiveX服務器元件。

e)ASP的源程序不會被傳到客戶端瀏覽器，因而可以避免所寫的源程序被他人竊取，也提高了程序的安全性。

更重要的是ASP是一種“無需編程”的軟件開發(fā)工具，用簡單的幾個語句，就可對數據進行操作。

ASP程序中可以包含純文本、HTML標記以及腳本命令，用戶只要.aso文件放在Web服務器的虛擬目錄下，就可以通過WWW的方式訪問ASP程序了。ASP程序設計的重點在于腳本的編寫，腳本是由一系列的腳本命令組成。要寫腳本必須實習至少一門腳本語言。腳本語言是一種介于HTML和諸如Visual Basic、Java、Visual C++、等編程語言間的一種特殊語言，盡管他更接近后者，但他卻不具有編程語言復雜、嚴謹的語法和規(guī)則。

ASP包含六個對象：

（1）Application對象（2）ObjectContext對象（3）Request對象（4）Response對象（5）Server對象（6）Session對象

2.5 數據庫管理系統(tǒng)（DBMS）

數據庫產生于20世紀60年代中期，是數據管理的最新技術，也是計算機科學的重要分支。數據庫管理系統(tǒng)是僅次于用戶與操作系統(tǒng)時間的一層數據管理軟件。數據庫在建立、使用和維護時是由數據庫管理系統(tǒng)統(tǒng)一管理、同一控制，數據庫管理系統(tǒng)能是用戶方便的定義數據和操縱數據，并能夠保證數據的安全性、完整性、多用戶對數據的開發(fā)使用及發(fā)生故障后的系統(tǒng)恢復。Microsoft公司推出的Windows數據庫管理系統(tǒng)Access不僅是關系型數據庫管理系統(tǒng)，同時它也被設計為Windows圖形用戶界面應用程序生成器。

第三章

網站的主體設計與分析

3.1 創(chuàng)建Web服務器

3.1.1 構建Web服務器

如果想要將信息發(fā)布到Web上，最起碼要有一臺Web服務器，那么什么樣的計算機能成為服務器呢？簡單地理解，安裝了IIS（Internet信息服務器）或者是PWS（個人Web服務器）的計算機就可成為服務器了。

IIS是一個功能強大的Internet信息服務系統(tǒng)，是Windows服務器操作系統(tǒng)Windows NT 4.0和Windows2000中集成的最重要的技術，它的可靠性、安全性和可擴展性都非常好，并能很好地支持多個web站點，是用戶管理功能強大、內容豐富的站點的首選服務系統(tǒng)。

IIS提供了最簡捷的方式來共享信息，建立并部署企業(yè)應用程序，以及建立和管理Web上的網站，通過它，用戶可以輕松地測試、發(fā)布、應用和管理自己的Web站點和Web頁。

IIS的安裝可以像安裝其他的Windows組件一樣，通過“添加/刪除Windows組件”安裝，在安裝前需要準備系統(tǒng)的安裝盤，步驟如下：

進入控制面板，雙擊“刪除或添加程序”，在彈出的對話框中單擊【添加或刪除程序】按鈕，安裝程序啟動

在彈出的“Windows組件向導”對話框中選“Internent信息服務（IIS）”然后單擊“下一步”按鈕，安裝開始

在彈出的提示安裝成功的對話框中單擊【完成】按鈕，完成IIS的安裝。3.1.2 配置Web站點

通過“Internet服務管理器”可以發(fā)布、測試和維護自己的web站點和web頁，下面是介紹創(chuàng)建新站點測試和維護web頁的方法，步驟如下：

打開“開始”→“程序” →“管理工具” →“Internet信息服務管理器” 命令，并打開“Internet信息服務”窗口，單擊電腦圖標前的“+”號。

在“默認Web站點”上單擊鼠標右鍵，在彈出的快捷菜單中選擇“新建” →“站點”命令，彈出“歡迎使用Web站點創(chuàng)建向導”對話框，然后單擊【下一步】按鈕彈出對話框，輸入站點的的說明文字“”。

單擊【下一步】按鈕，在彈出的對話框中輸入Web站點的IP地址、TCP端口號和主機頭名，根據實際情況填寫。

單擊【下一步】按鈕，彈出“Web站點創(chuàng)建向導”對話框，設置站點的主要目錄，可以單擊【瀏覽】按鈕來選擇網站的主目錄。

設置好以后單擊【下一步】按鈕，彈出“設置Web站點的訪問權限”對話框，一般都采用默認值。

單擊【下一步】按鈕，再單擊【確定】按鈕，完成Web站點的創(chuàng)建。

3.4 網站的整體設計

一個網站在需求分析、網站架構、數據庫設計完成后，接下來的任務就是網站整體設計了，網站整體設計主要包括CSS樣式表文件和數據庫連接文件的設計。

CSS樣式表的設計

一般在網站整體設計階段會將應用到的CSS央視保存在一個統(tǒng)一的外部樣式文件中，以便在以后的開發(fā)中調用該文件。調用外部樣式表文件不但可以提高代碼重復使用率，而且還有利于統(tǒng)一網站的整體風格。在網頁中調用外部樣式表文件的語句代碼如下：

3.5創(chuàng)建數據庫連接 在進行動態(tài)網站開發(fā)的時候，一個很重要的步驟就是建立數據庫的連接，即訪問數據庫，訪問數據庫可以使用DSN和非DSN兩種方式。應用DSN訪問數據庫需要配置ODBC數據源（即系統(tǒng)DSN），該方法的優(yōu)點是比較安全，而應用非DSN訪問數據庫不需要配置ODBC數據源，比較方便。

創(chuàng)建數據庫連接主要分兩步進行：一時創(chuàng)建數據庫連接文件Coon.aspx，二是在需要與據庫連接的頁面外面包含該文件（如：）。

詳細情況如下：】

由于本系統(tǒng)采用Access數據庫，而連接數據庫最大的問題就是路徑問題，所以采用Application對象保存數據庫完整路徑，方法是：

（1）創(chuàng)建Global.aspx文件，并修改該文件的Sub Application_OnStart過程的代碼，修改后如下：

(2)使用以下代碼連接數據庫 <% Path=Application(“Dbpath”)Set coon-Server.CreateObject(“ADODB.Connection”)ConnStr=”Driver={Microsoft Access Drive(*.mdb)};DBQ=”&path Conn.Open ConnStr Set rs=Server.CreateObject(“ADODB.RecordSet”)%> 由于這段代碼幾乎在后面的每個頁面都要使用，所以要將其保存為一個單獨的文件，文件名為Conn.aspx，在所有與數據庫連接的頁面中只要包含該文件，就可以連接和打開數據庫。

第四章

網站規(guī)劃設計

概要設計完成后，開始網站的詳細設計。網站不是由單一的語言編寫而成的，他往往用好幾種語言。網站的代碼ASP，PHP等，前后臺代碼分開編寫，各自組成獨立的模塊。

這一階段最重要的任務有3個：一是確定數據庫結構；二是確定每個軟件組件對象的接口；三是確定網站的實際結構圖。

4.1 數據庫設計

5.1 軟件組件接口設計

（1）用戶管理模塊（2）共用組建模塊

5.2 網站結構設計

第五章 設計中設計中遇到的問題與解決

5.3 數據庫的連接

在設計過程中主要是數據庫連接的問題，比如建立數據表以后，在Dreamweaver中建立數據源，然后依次連好數據對象，并對對象插入記錄，前面做的沒有什么問題，但是再把Dreamweaver關掉后重啟就出現了問題，在插入記錄選項里面找不到剛才所插入的數據表，對應的網站頁面當然也不能正常運行。最后經過長時間嚴格的檢查最終找到原因，原來是程序中的文件名有誤，通過修改網頁能夠正常的運行。

5.4 參數的傳遞

在模塊的創(chuàng)建時，很所時候發(fā)現功能不能正常運行，在檢查完程序語句的結構之后發(fā)現并沒有錯誤，于是在檢查頁面與頁面交互時發(fā)現了問題，很多地方傳遞參數并沒有真正的執(zhí)行，還有些地方沒有進行參數的設置，才導致了程序的錯誤。

5.5 信息檢索

在做好數據表格以后，把所有的數據信息建立在衣服哦網頁上面，通過插入有關數據達到搜索的目的，但是在操作的時候又有新的問題出現。比如輸入檢索信息的時候，出來的并不是你想要找的那種類型，可能會跳出N條新信息，反正不是對應起來的。在同學或導師的指導下，最終發(fā)現插入的時候有嚴重的問題缺陷，通過改正才真正搜索到正確的信息。

······內容見成稿······參考文獻：（1）······（2）······ ······ ······

總結