網(wǎng)站開發(fā)課程設(shè)計--基于javascript的電子商務(wù)網(wǎng)站開發(fā)

上傳人：奔*** IP屬地：河北更新時間：2024-03-01 格式：doc 頁數(shù)：13 大?。?51.00KB 人氣指數(shù)：12 舉報 版權(quán)申訴

已閱讀1頁，還剩12頁未讀，繼續(xù)免費閱讀

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

文檔簡介

1、　　網(wǎng)站開發(fā)課程設(shè)計　　報告書　　設(shè)計題目網(wǎng)站開發(fā) 　　課程設(shè)計任務(wù)書

2、;　　一、課程設(shè)計時間　　2012年12月24日至2013年1月11日，共計3周。　　二、課程設(shè)計內(nèi)容　　使用html+javascript+css 完成以下任務(wù)：　　1、能夠熟練使用css結(jié)合h

3、tml實現(xiàn)網(wǎng)頁布局。　　2、熟練使用文檔對象模型和事件驅(qū)動，能夠很好的實現(xiàn)web表單的交互式操作。　　3、熟練使用javascrip中的對象，實現(xiàn)網(wǎng)頁的動態(tài)效果。　　三、課程設(shè)計要求　　1. 課程設(shè)計質(zhì)量：&l

4、t;p>　　貫徹事件驅(qū)動的程序設(shè)計思想，熟練使用javascript中的對象，實現(xiàn)網(wǎng)頁特效。　　網(wǎng)頁設(shè)計布局合理，色彩搭配合理，網(wǎng)頁操作方便。　　設(shè)計過程中充分考慮瀏覽器兼容等問題，并做適當處理。　　代碼應(yīng)適當縮進，并給出必要的注釋，以增強程序的可讀性。　　2. 課

5、程設(shè)計說明書：　　課程結(jié)束后，上交課程設(shè)計報告書和相關(guān)的網(wǎng)頁。課程設(shè)計報告書的格式和內(nèi)容參見提供的模板。　　四、指導(dǎo)教師和學(xué)生簽字　　五、教師評語：　　基于javascript的電子商務(wù)網(wǎng)站開發(fā)

6、;　　摘要　　隨著網(wǎng)絡(luò)信息化的飛速發(fā)展，人們的生活學(xué)習(xí)已經(jīng)離不開網(wǎng)絡(luò)。Javascript是web應(yīng)用開發(fā)不可或缺的利器，作為開發(fā)人員，了解和熟悉Javascript是不可或缺的前提之一。Javascript作為一種具有正式規(guī)范的基于標準的語言，在為WEB頁面增加交互性、創(chuàng)建整個應(yīng)用程序方面都有重要地位。為了方便大家的購物，在網(wǎng)上買東西的越來越多。電子商務(wù)也

7、隨之發(fā)生。本為就是為了美觀電子商務(wù)的美觀，制作文字特效效果。　　關(guān)鍵字：文字特效、javascript、html、　　目錄　　一、前言1　　1.1課程設(shè)計思路1<

8、;p>　　1.2課程設(shè)計目標1　　二、關(guān)鍵技術(shù)1　　2.1HTML相關(guān)概念1　　2.2css3　　2.3javascript3<b&

9、gt;　　三、總體設(shè)計4　　3.1網(wǎng)站總體架構(gòu)4　　3.2網(wǎng)站軟件結(jié)構(gòu)4　　3.3網(wǎng)站功能設(shè)計5　　四、詳細設(shè)計5　　4.1主要代碼5&l

10、t;/b>　　五、課設(shè)總結(jié)8　　六、參考文獻8　　前言　　1.1課程設(shè)計思路<

11、p>　　電子商務(wù)網(wǎng)站基本組成部分包括廣告推薦、商品瀏覽、電子購物車、用戶注冊，采用JavaScript實現(xiàn)的大部分是客戶端邏輯部分，與數(shù)據(jù)庫打交道基本上是由服務(wù)器端腳本語言來進行的。JavaScript在創(chuàng)建電子商務(wù)網(wǎng)站的過程中如果運用得當將使網(wǎng)站的效率得到很大的提高，同時也將提高網(wǎng)站的人性化程度。　　1.2課程設(shè)計目標<

12、p>　　1.能夠熟練使用css結(jié)合html，通過咨詢和考察，最終確定并實現(xiàn)網(wǎng)頁布局。同時使用動態(tài)樣式表甚至可以讓圖片的切換獲得多種轉(zhuǎn)場效果。　　2．熟練使用javascript和cookie實現(xiàn)電子購物車，從而提高網(wǎng)頁訪問速度。　　3．熟練使用javascript中的內(nèi)建對象最終實現(xiàn)一個電子商務(wù)網(wǎng)站的雛形。

13、　　二、關(guān)鍵技術(shù)　　2.1HTML相關(guān)概念　　1.HTML語言　　HTML語言(Hypertext Markup Language，中文通常稱為超文本置標語言或超文本標記語言)是一種文本類、解釋執(zhí)行的標記語言，它是In

14、ternet上用于編寫網(wǎng)頁的主要語言。用HTML編寫的超文本文件稱為HTML文件。　　在WWW上，通常使用的發(fā)布語言是HTML，即超文本標識語言。當用瀏覽器打開網(wǎng)頁時，瀏覽器讀取網(wǎng)頁中的HTML代碼，分析其語法結(jié)構(gòu)，然后根據(jù)解釋的結(jié)果顯示網(wǎng)頁內(nèi)容，正是因為如此，制作網(wǎng)頁的時候，如果不涉及HTML語言，幾乎是不可能的。如圖：WWW三個組成部分　　圖2-1W

15、WW的組成　　2.HTML文件結(jié)構(gòu)　　<HTML> 　　<HEAD> <head>元素出現(xiàn)在文檔的開頭部分。<head>與</head>之間的內(nèi)容不會在瀏覽器的文檔窗口顯示，但是其間的元素有特殊重要的意義。 <

16、/p>　　<title></title> <title>元素定義HTML文檔的標題。<title>與</title>之間的內(nèi)容將顯示在瀏覽器窗口的標題欄。　　</HEAD>　　<BODY>

17、　　HTML 文件的正文//<body>元素表明是HTML文檔的主體部分。在<body>與</body>之間，通常都會有很多其它元素；這些元素和元素屬性構(gòu)成HTML文檔的主體部分。　　</BODY><b

18、>　　</HTML>　　元素：是HTML語言的基本部分。元素總是成對出現(xiàn)，每一對元素一般都有一個開始的標記（如<body>），也有一個結(jié)束的標記（如</body>）。元素的標記要用一對尖括號括起來，并且結(jié)束的標記總是在開始的標記前加一個斜杠。　　HTML元素屬性:HTML元素可以有自己的相關(guān)屬

19、性，每一個屬性還可以由我們網(wǎng)頁編制者賦一定的值。元素屬性出現(xiàn)在元素的< >內(nèi)，并且和元素名之間有一個空格分隔；屬性值用“”引起來。　　2.2css　　1.css簡介　　級聯(lián)樣式表（Cascading Style Sheet）簡

20、稱“CSS”，它是用來進行網(wǎng)頁風(fēng)格設(shè)計。通過設(shè)立樣式表，可以統(tǒng)一地控制HTML中各標簽的顯示屬性。級聯(lián)樣式表可以使人更能有效地控制網(wǎng)頁外觀。使用級聯(lián)樣式表，可以擴充精確指定網(wǎng)頁元素位置，外觀以及創(chuàng)建特殊效果的能力。　　2.css文件　　當要在站點上所有或部份的網(wǎng)頁上一致地應(yīng)用相同樣式時，可使用外部樣式表。在一個或多個

21、外部樣式表中定義樣式，并將它們鏈接到所有網(wǎng)頁，便能確保所有網(wǎng)頁外觀的一致性。如果人們決定更改樣式，只需在外部樣式表中作一次更改，而該更改會反映到所有與該樣式表相鏈接的網(wǎng)頁上。通常外部樣式表以 .css 做為文件擴展名，例如 Mystyles.css。　　2.3javascript 　　1．javascript語言

22、　　JavaScript是一種基于對象和事件驅(qū)動并具有相對安全性的客戶端腳本語言。同時也是一種廣泛用于客戶端Web開發(fā)的腳本語言，常用來給HTML網(wǎng)頁添加動態(tài)功能，響應(yīng)用戶的各種操作。　　2.JavaScript嵌入HTML文件　　JavaScript代碼可直接嵌入HTML文件中，隨網(wǎng)頁一起傳送到客戶端瀏覽器，然后通過瀏覽器來解釋執(zhí)行。

23、;　　1)、JavaScript 語句插入 HTML的方式：　　（1)使用 <SCRIPT> 標簽將語句嵌入文檔　?。?)將 JavaScript 源文件(.js)鏈接到 HTML 文檔中　　2)、JavaScript 語句插入 HTML的位置：<p

24、>　?。?)body部分的JS　?。?)head部分的JS：當腳本被調(diào)用、事件被觸發(fā)時執(zhí)行，可保證在調(diào)用函數(shù)前，腳本已載入　　總體設(shè)計　　3.1網(wǎng)站總體架構(gòu)　　本系統(tǒng)的實現(xiàn)采用典型的B/S結(jié)

25、構(gòu)來實現(xiàn)，不同的客戶端程序通過IE共同訪問WEB服務(wù)器的發(fā)布頁面、WEB服務(wù)器訪問數(shù)據(jù)庫服務(wù)器進行數(shù)據(jù)存取，系統(tǒng)結(jié)構(gòu)如圖3-1：　　圖3-1系統(tǒng)結(jié)構(gòu)圖　　3.2網(wǎng)站軟件結(jié)構(gòu)　　圖3-2軟件結(jié)構(gòu)圖<

26、;/p>　　3.3網(wǎng)站功能設(shè)計　　在本網(wǎng)站中包括動態(tài)切換廣告條、浮動廣告、中文小日歷、電子時鐘、數(shù)學(xué)計算器、購物車、文字特效、用戶注冊等，并進行一定的美化和整理，基本完成商務(wù)網(wǎng)站的雛形結(jié)構(gòu)。顯示的樣式要求如下：　　詳細設(shè)計<

27、;p>　　在整個網(wǎng)站設(shè)計主要負責(zé)設(shè)計文字特效功能，文字特效的實現(xiàn)主要使用Java Script　　語言和Html語言來實現(xiàn)。　　4.1主要代碼　　<script language="JavaScript"><

28、p>　　<!-- Begin　　text = "電子商務(wù)"; //顯示的文字　　color1 = "blue"; //文字的顏色　　color2 = "red"; //轉(zhuǎn)換的顏色　　fontsize

29、= "8"; //字體大小　　speed = 100; //轉(zhuǎn)換速度 (1000 = 1 秒) 　　i = 0;　　if (navigator.appName == "Netscape") {

30、　document.write("<layer id=a visibility=show></layer> ");　　}　　else {

31、　　document.write("<div id=a></div>");　　}　　function changeCharColor() {　　if (navigator.appName == "Netscape"

32、;) {　　document.a.document.write("<center>　　">");</b&g

33、t;　　for (var j = 0; j < text.length; j++) {　　if(j == i) {　　document.a.document.write("" +

34、Text.charAt(i) + "");　　}　　else {　　document.a.document.write(text.charAt(j));

35、;　　}　　}　　document.a.document.write('</center>');　　document.a.document.close();&

36、lt;/p>　　}　　if (navigator.appName == "Microsoft Internet Explorer") {　　str = "<center><font face=arial size=" + fonts

37、ize + ">";　　for (var j = 0; j < text.length; j++) {　　if( j == i) {　　str += "<font face=ari

38、al color=" + color2 + ">" + text.charAt(i) + "";　　}　　else {　　str += text.charA

39、t(j);　　}　　}　　str += "</center>";　　a.innerHTML = str;<

40、/p>　　}　　(i == text.length) ? i=0 : i++;　　}　　setInterval("changeCharColor()", speed);

41、　　// End -->　　</script> 　　<script language="JavaScript">　　<!--　　done =

42、 0;　　step = 4　　function anim(yp,yk)　　{　　if(document.layers) document.layers["napis&

43、quot;].top=yp;　　else document.all["napis"].style.top=yp;　　if(yp>yk) step = -4　　if(yp<60) step = 4　　setTimeout('anim(

44、'+(yp+step)+','+yk+')', 35);　　}　　function start()　　{　　if(done) return

45、;　　done = 1;　　if(navigator.appName=="Netscape") {　　document.napis.left=innerWidth/2 - 145;　　anim(60,innerHeight - 60)

46、　　}　　else {　　napis.style.left=11;　　anim(60,document.body.offsetHeight - 60)&l

47、t;b>　　}　　}　　//-->　　</script>　　<div id="napis"

48、; style="position: absolute;top: -50;color: blue;font-family:宋體;font-size:9pt;">　　　　謝謝您的使用！　　<

49、/p></div>　　<script language="JavaScript">　　<!--　　setTimeout('start()',10);<b&g

50、t;　　//-->　　</script> 　　效果圖：　　課設(shè)總結(jié)　　通過此次課程設(shè)計，使我更加扎實的掌握了有關(guān)電子商務(wù)方面的知識，在設(shè)計過程中雖然遇到了一些

51、問題，但經(jīng)過一次又一次的思考，一遍又一遍的檢查終于找出了原因所在，也暴露出了前期我在這方面的知識欠缺和經(jīng)驗不足。實踐出真知，通過親自動手制作，使我們掌握的知識不再是紙上談兵。　　過而能改，善莫大焉。在課程設(shè)計過程中，我們不斷發(fā)現(xiàn)錯誤，不斷改正，不斷領(lǐng)悟，不斷獲取。最終的檢測調(diào)試環(huán)節(jié)，本身就是在踐行“過而能改，善莫大焉”的知行觀。這次課程設(shè)計終于順利完成了，在設(shè)計中遇到了很多問題，最后在老師的指導(dǎo)

52、下，終于游逆而解。在今后社會的發(fā)展和學(xué)習(xí)實踐過程中，一定要不懈努力，不能遇到問題就想到要退縮，一定要不厭其煩的發(fā)現(xiàn)問題所在，然后一一進行解決，只有這樣，才能成功的做成想做的事，才能在今后的道路上劈荊斬棘，而不是知難而退，那樣永遠不可能收獲成功，收獲喜悅，也永遠不可能得到社會及他人對你的認可！　　六、參考文獻　　[1]

53、 Nicholas C.Zakas．JavaScript高級程序設(shè)計．北京：人民郵電出版社出版社，2006年11月．　　[2] Java Script 從入門到精通（第二版）.清華大學(xué)出版社　　[3] 《Javascript開發(fā)王》/張亞飛編著——北京電子工業(yè)出版社深入淺出　　[4] 周曉聰，等.面向?qū)ο蟪绦蛟O(shè)

眾賞文庫> 全部分類> 畢業(yè)設(shè)計

溫馨提示

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

網(wǎng)站開發(fā)課程設(shè)計--基于javascript的電子商務(wù)網(wǎng)站開發(fā)

文檔簡介

溫馨提示

最新文檔

評論

網(wǎng)站開發(fā)課程設(shè)計--基于javascript的電子商務(wù)網(wǎng)站開發(fā)

文檔簡介

溫馨提示

最新文檔

評論

免費下載