電子商務(wù)網(wǎng)站建設(shè)案例教程-第4章新課件_第1頁(yè)
電子商務(wù)網(wǎng)站建設(shè)案例教程-第4章新課件_第2頁(yè)
電子商務(wù)網(wǎng)站建設(shè)案例教程-第4章新課件_第3頁(yè)
電子商務(wù)網(wǎng)站建設(shè)案例教程-第4章新課件_第4頁(yè)
電子商務(wù)網(wǎng)站建設(shè)案例教程-第4章新課件_第5頁(yè)
已閱讀5頁(yè)，還剩193頁(yè)未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

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

文檔簡(jiǎn)介

第4章設(shè)計(jì)網(wǎng)站的靜態(tài)網(wǎng)頁(yè)

建設(shè)一個(gè)完善的電子商務(wù)網(wǎng)站，網(wǎng)絡(luò)平臺(tái)硬、軟件的搭建為將來(lái)網(wǎng)站的建設(shè)、測(cè)試和運(yùn)行提供了環(huán)境，而域名的注冊(cè)則是為網(wǎng)站的發(fā)布作準(zhǔn)備，之后需要根據(jù)市場(chǎng)需求和調(diào)研結(jié)果，進(jìn)行電子商務(wù)網(wǎng)站的規(guī)劃和設(shè)計(jì)，并利用網(wǎng)頁(yè)的相關(guān)技術(shù)和開發(fā)工具制作網(wǎng)頁(yè)，實(shí)現(xiàn)網(wǎng)站的功能模塊，經(jīng)測(cè)試后，上傳到Web服務(wù)器進(jìn)行發(fā)布，用戶就可以在Internet上通過域名訪問這個(gè)電子商務(wù)網(wǎng)站。

亡鑰未笑斷贓佯潤(rùn)亨綽冰成坯楷藹擠拆墮椿叢肛硝膠篷訝萊關(guān)穗型橡銹撥電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/20221第4章設(shè)計(jì)網(wǎng)站的靜態(tài)網(wǎng)頁(yè)建設(shè)一個(gè)完善的電子第4章設(shè)計(jì)網(wǎng)站的靜態(tài)網(wǎng)頁(yè)4.1Web技術(shù)簡(jiǎn)介4.2信息流程設(shè)計(jì)4.3首頁(yè)設(shè)計(jì)4.4其他頁(yè)面的設(shè)計(jì)4.5頁(yè)面的更新4.6花店網(wǎng)站首頁(yè)的制作眼憂律丘抗展侶賓搪蝴型穿距爸填堆致楊徑爹眾盈莫墻廚妊已侶攆彪愧翟電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/20222第4章設(shè)計(jì)網(wǎng)站的靜態(tài)網(wǎng)頁(yè)4.1Web技術(shù)簡(jiǎn)介眼憂律4.1Web技術(shù)簡(jiǎn)介4.1.1靜態(tài)網(wǎng)頁(yè)相關(guān)技術(shù)4.1.2網(wǎng)頁(yè)動(dòng)態(tài)效果相關(guān)技術(shù)4.1.3交互式網(wǎng)頁(yè)相關(guān)技術(shù)瓷棘拇畔婦按曲嗆熾藐杠墑?dòng)皖a妨霹呂報(bào)咸向楷莢暮沃?jǐn)R蹄怕酵像攻札撿電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/202234.1Web技術(shù)簡(jiǎn)介4.1.1靜態(tài)網(wǎng)頁(yè)相關(guān)技術(shù)瓷棘拇4.1.1靜態(tài)網(wǎng)頁(yè)相關(guān)技術(shù)HTML語(yǔ)言FrontPage2002DreamweaverMX/2004惜頭孕論遮開僵遮體餃深闊爸基規(guī)智興問乓輸嘩削址滇咱獎(jiǎng)嬸耕售估贛砍電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/202244.1.1靜態(tài)網(wǎng)頁(yè)相關(guān)技術(shù)HTML語(yǔ)言惜頭孕論遮開僵遮體1.HTML語(yǔ)言HTML是HyperTextMarkupLanguage的縮寫，稱為超文本標(biāo)記語(yǔ)言，是一種用于編寫超文本文件的語(yǔ)言。用HTML編寫的超文本文件，通常以.htm或.html為文件的擴(kuò)展名。HTML是標(biāo)記的集合，這些標(biāo)記由“<>”括起來(lái)，并且標(biāo)記一般成對(duì)出現(xiàn)，例如<head>是一個(gè)開始標(biāo)記，</head>就構(gòu)成一個(gè)結(jié)束標(biāo)記，在開始標(biāo)記和結(jié)束標(biāo)記之間的就是頁(yè)面的內(nèi)容。

升惑轎潮槽滌蔽佃臨擺筷西閨削煥蔫套積止舊虐矗梧員猛在拈旭該視睡渝電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/202251.HTML語(yǔ)言HTML是HyperTextMarkuHTML文件的基本結(jié)構(gòu)如下：<html><head><!-HTML文件頭-!></head><body><!-HTML文件正文-!></body></html>疵煙腐邪關(guān)捕隨對(duì)役另留郭先嗚阮團(tuán)荒耘閹摯舒訣討肺釜獅抬嫉歹穗慷湃電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/20226HTML文件的基本結(jié)構(gòu)如下：疵煙腐邪關(guān)捕隨對(duì)役另留郭先嗚阮團(tuán)

HTML文件本身是純文本文件，可以用Windows自帶的“記事本”直接編寫，以下是一個(gè)HTML編寫的例子：Example.htm<html><head><title>顯示圖片</title></head><body><fontsize=3color=blueface=宋體>網(wǎng)站徽標(biāo)</font><p><imgsrc="logo.gif"alt="徽標(biāo)"width=50height=50></body></html>亦戰(zhàn)驗(yàn)巳尸奪目勾夠啃掇說冊(cè)胡偉帳氟玻審噬欄鐳咱屜飾偏靴撼揍鞏溺氏電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/20227HTML文件本身是純文本文件，可以用WindowsExample.htm運(yùn)行后顯示效果蜂米捍鍬鰓傣供凰資患阮鉗梭濱裳者趨砍船盤源敏彰囑陵叮侶用戳幽多酞電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/20228Example.htm運(yùn)行后顯示效果蜂米捍鍬鰓傣供凰資患阮鉗2.FrontPage2002直接使用HTML語(yǔ)言編寫網(wǎng)頁(yè)，代碼量太大，而且調(diào)試?yán)щy，所以出現(xiàn)了功能強(qiáng)大的網(wǎng)頁(yè)編輯制作工具FrontPage、Dreamweaver、HomeSite等。這些網(wǎng)頁(yè)編輯工具的出現(xiàn)，使網(wǎng)頁(yè)制作變得簡(jiǎn)單。FrontPage2002是Microsoft公司繼FrontPage2000之后推出的一個(gè)全新的網(wǎng)頁(yè)設(shè)計(jì)工具，可以通過“所見即所得”的方式設(shè)計(jì)和制作網(wǎng)頁(yè)，從而使網(wǎng)頁(yè)制作變得簡(jiǎn)單易行。所以即使你不懂HTML語(yǔ)言，使用FrontPage2002就可以創(chuàng)建一個(gè)看起來(lái)很不錯(cuò)的網(wǎng)站。筆季霜今診科姐婦袁抿覺阜保抽貢歡門倚曹縛良篡治比底隸鳳銅恭穢罷社電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/202292.FrontPage2002直接使用HTML語(yǔ)言編寫網(wǎng)頁(yè)FrontPage2002的功能主要包括以下幾個(gè)方面：

站點(diǎn)管理編輯HTML發(fā)布網(wǎng)頁(yè)數(shù)據(jù)庫(kù)集成暖贈(zèng)雁杭援困獻(xiàn)赫綜奢譚邊舒糊居剪事稠仟巧槳單肋竭袖嗣札苯搗華梁漳電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/202210FrontPage2002的功能主要包括以下幾個(gè)方面：站FrontPage的“普通”視圖模式

延朗檬煮吵頰待糊摳盾淫軸緘肆型抓硅閣乎睹晚諱釋樊諄田醇孽其淬誣操電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/202211FrontPage的“普通”視圖模式延朗檬煮吵頰待糊摳盾淫FrontPage的“HTML”視圖模式

負(fù)攪夏滔另嬰使梆竊狙偉爭(zhēng)菇莢咸全歪鈉雕沮塹蘭牢菇撕蕩輝靴寂賜脖廳電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/202212FrontPage的“HTML”視圖模式負(fù)攪夏滔另嬰使梆竊3.DreamweaverMX/2004DreamweaverMX與FrontPage2002相似，也是一個(gè)可以實(shí)現(xiàn)“所見即所得”的網(wǎng)頁(yè)設(shè)計(jì)工具，它是Macromedia公司開發(fā)的集網(wǎng)頁(yè)制作和網(wǎng)站管理于一身的網(wǎng)頁(yè)編輯器，是專門為網(wǎng)頁(yè)設(shè)計(jì)師量身定制的網(wǎng)頁(yè)開發(fā)工具。由網(wǎng)頁(yè)設(shè)計(jì)工具Dreamweaver、矢量動(dòng)畫制作工具Flash和處理網(wǎng)頁(yè)圖像工具Fireworks，共同組成的網(wǎng)頁(yè)開發(fā)工具包，被Macromedia公司稱為DreamTeam(夢(mèng)之隊(duì))，也就是網(wǎng)站設(shè)計(jì)者通常所說的“網(wǎng)頁(yè)設(shè)計(jì)三劍客”。

擱稽哇體鋒照無(wú)盆并蜒狡汛姨寵汪破蒙恥坊屁破壩群賄蚜坤醬呻炸椿批諄電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/2022133.DreamweaverMX/2004DreamweavDreamweaverMX的功能主要包括以下幾個(gè)方面：站點(diǎn)管理與其他網(wǎng)頁(yè)開發(fā)工具高效率的配合代碼提示功能ColdfusionMX支持支持最新的網(wǎng)頁(yè)標(biāo)準(zhǔn)酚部砌臍麻猙考茸非云卵布霞霜痘炮厘睛更殆屋欽恒壘糜喘必羞媽藕竿炔電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/202214DreamweaverMX的功能主要包括以下幾個(gè)方面：站點(diǎn)4.1.2網(wǎng)頁(yè)動(dòng)態(tài)效果相關(guān)技術(shù)JavaAppletJavaScript和VBScriptCSSFlash估霓趙敬鍵娠昭報(bào)鷹邵菲祁葬撬溜探捌檻瘋鎖膚效鑄旺淌堪瑤幫吾喂矚撾電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/2022154.1.2網(wǎng)頁(yè)動(dòng)態(tài)效果相關(guān)技術(shù)JavaApplet估霓1.JavaAppletJava的程序分為兩種類型：JavaApplication和JavaApplet，其中JavaApplet應(yīng)用于網(wǎng)頁(yè)中，但它不是可以獨(dú)立運(yùn)行的程序，它編譯后生成的字節(jié)碼文件必須嵌入到用HTML語(yǔ)言編寫的網(wǎng)頁(yè)文件中，并由客戶端的Web瀏覽器內(nèi)部所包含的Java解釋器來(lái)解釋運(yùn)行。JavaApplet作為一種網(wǎng)頁(yè)開發(fā)語(yǔ)言，由于具有跨平臺(tái)和安全等特性，曾一度被認(rèn)為是Internet上最適合的開發(fā)語(yǔ)言，但事實(shí)上，由于Java程序的編譯運(yùn)行速度慢，資源消耗大等缺陷，使Java的應(yīng)用在Internet上并未真正流行起來(lái)。嚎杏番蠅鋸粱切吟州威獵攏肯緞吧墜道熊恫嗚乒攜棋漢酗冀墮便譯躲峙戴電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/2022161.JavaAppletJava的程序分為兩種類型：Jav2.JavaScript和VBScriptJavaScript是Netscape公司的LiveScript語(yǔ)言和Sun公司的Java語(yǔ)言相結(jié)合的產(chǎn)物，但JavaScript不是Java語(yǔ)言，兩者最主要的區(qū)別是JavaScript是一種腳本語(yǔ)言，可以由瀏覽器直接解釋執(zhí)行，而Java需要先編譯成字節(jié)碼文件，再由Web瀏覽器包含的Java解釋器進(jìn)行解釋執(zhí)行，所以JavaScript的運(yùn)行速度比JavaApplet快得多。貪斗碩丸贏簾途邏劊吮脆綽極夏寶勸吊僚脾秦吃潰今衷嘉漏貼悉察罩旅惋電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/2022172.JavaScript和VBScriptJavaScripVBScript也是一種腳本語(yǔ)言，與JavaScript非常相似，能夠?qū)崿F(xiàn)的網(wǎng)頁(yè)功能也類似。VBScript的優(yōu)點(diǎn)是對(duì)初學(xué)者來(lái)說，入門容易，易學(xué)易用。缺點(diǎn)是VBScript編寫的腳本程序只能用于微軟的IIS服務(wù)器端，客戶端由IE瀏覽器解釋執(zhí)行。暮憋舀扯緝匙酣彼刀蒼且魯辭介病典兇摩協(xié)史糠羨業(yè)吸蝸煉急哈酗吞衛(wèi)都電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/202218VBScript也是一種腳本語(yǔ)言，與JavaScript非常以下是一個(gè)JavaScript編寫的程序例子：javascript.htm<html><head><title>顯示系統(tǒng)時(shí)間</title></head><SCRIPTlanguage=JavaScript>varmydate=new Date();vartoday=mydate.getDate();vartomonth=mydate.getMonth();vartoyear=mydate.getYear();</SCRIPT><body><SCRIPTlanguage=javascript>document.write(toyear+"年"+(tomonth+1)+"月"+today+"日");</SCRIPT></body></html>幟梧軀傘祁讀宛倔陜自砌壘窖糊看忙誠(chéng)釋漏漓疑釋磅果民亞街胎肢濺梯攘電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/202219以下是一個(gè)JavaScript編寫的程序例子：javascrjavascript.htm運(yùn)行后顯示效果：驚悍敷澇植汰郭仁夯腦咖桃污穆土車芽戴傘餡粱爐沿校閩仙鄲只懼掄睛餡電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/202220javascript.htm運(yùn)行后顯示效果：驚悍敷澇植汰郭3.CSSCSS是CascadingStyleSheets的縮寫，稱為層疊樣式表，與HTML語(yǔ)言一樣，也是一種標(biāo)記語(yǔ)言。利用CSS技術(shù)可以有效地對(duì)頁(yè)面的布局、字體、顏色、背景和其他效果實(shí)現(xiàn)精確的控制，可以充分發(fā)揮動(dòng)態(tài)html的優(yōu)勢(shì)，但是只有最新版的瀏覽器才支持CSS。誠(chéng)薦銹瞎憫穿戎瞬形茵七抽攫器哦鼓滅擦禍戈匆嶄陣熟不誤氟采酪劈刁禿電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/2022213.CSSCSS是CascadingStyleShee一個(gè)CSS例子，css.htm<HTML><HEAD><TITLE>CSS樣式例子</TITLE><STYLETYPE="text/css">H1{FONT-SIZE:13pt;COLOR:blue}A:link{COLOR:#0000ff;TEXT-DECORATION:none}A:visited{COLOR:#0000ff;TEXT-DECORATION:none}A:active{COLOR:#ff00ff;TEXT-DECORATION:underline}A:hover{COLOR:#ff0000;TEXT-DECORATION:underline}</STYLE></HEAD><BODY><H1>實(shí)驗(yàn)</H1><Ahref="javascript.htm">鏈接</A></BODY></HTML>舒情睦怎憨停惋淹風(fēng)腋?jìng)H酚憲甄痙煞修譴霍諱抉醛袱俗栓掀巴霞紐尊蠟牛電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/202222一個(gè)CSS例子，css.htm<HTML>舒情睦怎憨停惋淹風(fēng)css.htm文件運(yùn)行后顯示效果

孿輔觀坊廬盂酮肩樟不路咐壹實(shí)云嫉甲懾雄建有鎮(zhèn)潛潘味枝徹貧后跟貯晶電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/202223css.htm文件運(yùn)行后顯示效果孿輔觀坊廬盂酮肩樟不路咐壹4.FlashFlash是Macromedia公司專門為網(wǎng)絡(luò)開發(fā)的一個(gè)交互式矢量動(dòng)畫設(shè)計(jì)軟件，網(wǎng)站設(shè)計(jì)者可以使用Flash輕松地為網(wǎng)站設(shè)計(jì)各種動(dòng)態(tài)Logo、動(dòng)畫、導(dǎo)航條等,還可以加入背景音樂，它出色的多媒體功能和強(qiáng)大的交互功能，使其成為網(wǎng)站設(shè)計(jì)者制作動(dòng)畫的首選軟件。艷及倫站褒窺悸襪偷籮糧單扒蠻瑯戴雕兵遺裝惠搏役憎滌告尼勺毆鼎逮咱電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/2022244.FlashFlash是Macromedia公司專門為網(wǎng)4.1.3交互式網(wǎng)頁(yè)相關(guān)技術(shù)CGIASP與ASP.NETPHP椅惺巾新辜快浮杜糜像紡朗故摳鍋奔蛻號(hào)型強(qiáng)宛拇活懇寵譜弗廖材隔來(lái)唇電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/2022254.1.3交互式網(wǎng)頁(yè)相關(guān)技術(shù)CGI椅惺巾新辜快浮杜糜像紡1.CGICGI是CommonGatewayInterface的縮寫，稱為公共網(wǎng)關(guān)接口，它是最早的Web數(shù)據(jù)庫(kù)連接技術(shù)，大多數(shù)Web服務(wù)器都支持這項(xiàng)技術(shù)。同時(shí)CGI也是一種通信標(biāo)準(zhǔn)，它為Web服務(wù)器提供了一種與外部應(yīng)用程序交互的接口協(xié)議標(biāo)準(zhǔn)。公查侮洽滯道掖鍍豺耐咎赤祖繳恒砸檀直烏尉吩懾元銳疙性溯貞捌宵爐胃電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/2022261.CGICGI是CommonGatewayInterf2.ASP與ASP.NETASP是ActiveServerPages的英文簡(jiǎn)稱，它是Microsoft公司推出的一種用以取代CGI的交互式網(wǎng)頁(yè)技術(shù)。與CGI相比，ASP的功能更為強(qiáng)大，執(zhí)行速度也快得多。ASP.NET是ASP的下一代版本，但并不僅僅是ASP的簡(jiǎn)單升級(jí)，在許多方面，ASP.NET與ASP有著本質(zhì)的不同。ASP.NET是Microsoft發(fā)展的新型體系結(jié)構(gòu).NET的一部分，它的全新技術(shù)架構(gòu)會(huì)讓每個(gè)人的網(wǎng)絡(luò)生活都變得更簡(jiǎn)單。瀑冗狐傷炒活衙昔鍛桿勇穴槐堵徐窯夏犢鳴欠睹廖驚轍甚旋站敬斡卡屑山電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/2022272.ASP與ASP.NETASP是ActiveServer3.PHPPHP技術(shù)與ASP相似，也是一種可以嵌入HTML的交互式網(wǎng)頁(yè)技術(shù)，運(yùn)行速度比CGI快得多。與ASP相比，PHP可以跨多個(gè)平臺(tái)，能夠在Windows、UNIX、Linux等不同平臺(tái)的Web服務(wù)器上運(yùn)行，支持Apache和IIS等多種Web服務(wù)器。PHP通常運(yùn)行的Web服務(wù)器平臺(tái)是基于UNIX/Linux操作系統(tǒng)下的Apache平臺(tái)。竟蓖干慷尹謊月貪剮眺最懲謗棄蒲莉彤氮餐戀淖貸癟磺械丫傾嘉噸潞沂事電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/2022283.PHPPHP技術(shù)與ASP相似，也是一種可以嵌入HTML的4.2信息流程設(shè)計(jì)4.2.1信息流程總體設(shè)計(jì)4.2.2花店網(wǎng)站功能模塊設(shè)計(jì)4.2.3花店網(wǎng)站信息流程設(shè)計(jì)迫舞港磋參廊萎廉莎道詩(shī)護(hù)演瘴氨睛早磊秤煩川躬霍停悼肉劑聳墊災(zāi)僳昔電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/2022294.2信息流程設(shè)計(jì)4.2.1信息流程總體設(shè)計(jì)迫舞港磋4.2.1信息流程總體設(shè)計(jì)網(wǎng)站信息設(shè)計(jì)流程信息流程設(shè)計(jì)要注意的問題綽摹皖搏著缸也晰憎踞七握闡昧融南鉸主句喚貉湍傳迄做疏駭教鰓貞戒寐電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/2022304.2.1信息流程總體設(shè)計(jì)網(wǎng)站信息設(shè)計(jì)流程綽摹皖搏著缸也1.網(wǎng)站信息設(shè)計(jì)流程確定網(wǎng)站的目標(biāo)和定位收集與該網(wǎng)站有關(guān)的資料網(wǎng)站功能模塊設(shè)計(jì)網(wǎng)站草案設(shè)計(jì)網(wǎng)頁(yè)制作網(wǎng)站測(cè)試網(wǎng)站發(fā)布厘貉革淺喪瀝漳龍坑巨驟垢把既閑鐘懊峙姚彤克檔杉?xì)W凝寬金哭摹擬謀垃電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/2022311.網(wǎng)站信息設(shè)計(jì)流程確定網(wǎng)站的目標(biāo)和定位厘貉革淺喪瀝漳龍坑2.信息流程設(shè)計(jì)要注意的問題主題突出速度優(yōu)先信息要便于用戶瀏覽設(shè)立交流平臺(tái)臭罷捆純械謊娶蠕拽噪串繁諄羽扭卻薄磋狐刑纓礙企畢儈趟痕苞損謙陡祥電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/2022322.信息流程設(shè)計(jì)要注意的問題主題突出臭罷捆純械謊娶蠕拽噪串4.2.2花店網(wǎng)站功能模塊設(shè)計(jì)網(wǎng)上花店主要實(shí)現(xiàn)的是一個(gè)完整的電子商務(wù)流程，用戶可以注冊(cè)個(gè)人信息，修改個(gè)人信息，在用戶登錄后，可以選購(gòu)商品，將選購(gòu)的商品放入購(gòu)物車后，生成定單，以貨到付款的形式完成支付?；ǖ甑暮笈_(tái)能夠?qū)崿F(xiàn)商品管理，如添加商品、刪除商品、修改商品的信息等，并對(duì)客戶定單進(jìn)行查詢和管理。另外，用戶的反饋意見可以發(fā)布在留言板上，以便和花店進(jìn)行溝通。千泌玉立菏預(yù)鄲泉浩媽急漲裝采褲卉環(huán)畔廊扔姐奉廳熊刮驗(yàn)息氯撣蠕息稍電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/2022334.2.2花店網(wǎng)站功能模塊設(shè)計(jì)網(wǎng)上花店主要實(shí)現(xiàn)的是一個(gè)完網(wǎng)上花店的主要功能模塊包括：客戶管理功能商品管理功能下定單及定單管理功能留言板管理功能逗昔努筍削磊脂耍舊扶已押汐糾蕭屠侈仕各傳淆最瑞壟摳韭袖溯鐐慈溫饞電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/202234網(wǎng)上花店的主要功能模塊包括：客戶管理功能逗昔努筍削磊脂耍舊扶4.2.3花店網(wǎng)站信息流程設(shè)計(jì)網(wǎng)上花店作為一個(gè)電子商務(wù)網(wǎng)站，屬于BtoC的電子商務(wù)模式。從網(wǎng)站的功能模塊設(shè)計(jì)中可以看到，該網(wǎng)站可以實(shí)現(xiàn)四個(gè)方面的完整功能。這些功能按照信息流程設(shè)計(jì)，又可分為花店網(wǎng)站的前臺(tái)購(gòu)物流程和后臺(tái)管理流程。錠啪路猩績(jī)大披戍柿殖排拿祝版嗅舊乍逃輯飄削辯慶刺邪吻狂儈瓢繳甫溶電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/2022354.2.3花店網(wǎng)站信息流程設(shè)計(jì)網(wǎng)上花店作為一個(gè)電子商務(wù)網(wǎng)花店網(wǎng)站的前臺(tái)購(gòu)物流程:選擇付款方式會(huì)員注冊(cè)會(huì)員登錄商品查詢選購(gòu)商品（可以選購(gòu)多種商品）下訂單（放入購(gòu)物車）收銀臺(tái)（結(jié)賬）購(gòu)物完成定單查詢確定送貨方式和收貨人地址題仗涵梢享蕾介偽哉轍爭(zhēng)報(bào)瑣之犀斟計(jì)濱臆羔歐茸陵嶺堪倪蝶涕黍狹段瓦電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/202236花店網(wǎng)站的前臺(tái)購(gòu)物流程:選擇付款方式會(huì)員注冊(cè)會(huì)員登錄商品查花店網(wǎng)站的后臺(tái)管理流程：

管理員登錄商品類別管理商品管理定單查詢針對(duì)各模塊不同的表實(shí)現(xiàn)添加記錄、修改記錄、刪除記錄、查詢顯示記錄等功能各余機(jī)腕郊靖碘妓甚貌蛙群橇爍過蔭鈕檸碎孟幣訓(xùn)剪癬麓貴尹酮槽躇合閃料電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/202237花店網(wǎng)站的后臺(tái)管理流程：管理員登錄商品類別管理商品管理定4.3首頁(yè)設(shè)計(jì)4.3.1首頁(yè)的版面設(shè)計(jì)4.3.2首頁(yè)設(shè)計(jì)要注意的問題臺(tái)訪務(wù)例刀嚇帚泥希忘滓計(jì)鴛嗽拐游享剁雪僚賣研殲誓磷僳忍陌塢騾厄巫電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/2022384.3首頁(yè)設(shè)計(jì)4.3.1首頁(yè)的版面設(shè)計(jì)臺(tái)訪務(wù)例刀嚇帚4.3.1首頁(yè)的版面設(shè)計(jì)“國(guó)”字型“T”字型封面型澆犬砰雁橇末天撤讕摧夜銥饑證涉綱蹈丁慚堰威焙秩嚨痰獲為桐粱巖響詫電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/2022394.3.1首頁(yè)的版面設(shè)計(jì)“國(guó)”字型澆犬砰雁橇末天撤讕摧夜1.“國(guó)”字型傣痔掃膚濾擇綱倔掐餃撩眩膿情示淫沾單曼桔鼻拷夫翌整朱羅跨纏罩娜腐電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/2022401.“國(guó)”字型傣痔掃膚濾擇綱倔掐餃撩眩膿情示淫沾單曼桔鼻拷夫2.“T”字型屈閘戮鐳輸駿籽堰哥雁晶祿釁仔辮躥范痰振口琶電毫我澈捐切弦霓乏緊碰電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/2022412.“T”字型屈閘戮鐳輸駿籽堰哥雁晶祿釁仔辮躥范痰振口琶電毫3.封面型汝溢掩土徑二斟巴人靈柯貶簾袒示晦械低芒送濘苛誡情射餾陵母?jìng)渭掴櫵﹄娮由虅?wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/2022423.封面型汝溢掩土徑二斟巴人靈柯貶簾袒示晦械低芒送濘苛誡情射4.3.2首頁(yè)設(shè)計(jì)要注意的問題首頁(yè)明確，主題突出導(dǎo)航欄設(shè)計(jì)形式服從功能設(shè)立最近更新或網(wǎng)站指南欄目快速下載中蜂竊字嘻改軸捷曲聲悠袱挑嘆踏仟嚼匡潤(rùn)琺惋次飄戶燕鏟戌墩劃扳燕渝電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/2022434.3.2首頁(yè)設(shè)計(jì)要注意的問題首頁(yè)明確，主題突出中蜂竊字4.4其他頁(yè)面的設(shè)計(jì)4.4.1客戶管理4.4.2商品管理4.4.3定單管理4.4.4留言板管理楷陛恍便臥弗繪掄容盲州蛔訛磐蟻害漳詞齒峽擅飯努輝適巢否五煙錳衷壓電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/2022444.4其他頁(yè)面的設(shè)計(jì)4.4.1客戶管理楷陛恍便臥弗繪4.4.1客戶管理在花店網(wǎng)站的客戶管理模塊中，包括會(huì)員注冊(cè)、會(huì)員登錄、會(huì)員信息修改等功能，通過客戶信息的收集，可以進(jìn)行客戶資料分析，了解客戶的購(gòu)物傾向，所售商品適合的消費(fèi)群體，以及在此基礎(chǔ)上進(jìn)一步進(jìn)行市場(chǎng)預(yù)測(cè)，從而把握市場(chǎng)走向?；跎Ｂ皳鸽]堡掐腥括舀饒溶毒京坯幟澳暫轉(zhuǎn)跡鹵弘朗扎吻汛唬還李姓電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/2022454.4.1客戶管理在花店網(wǎng)站的客戶管理模塊中，包括會(huì)員注會(huì)員注冊(cè)界面霞燦策安朝輛勿壬搭鎬廊將崇除尺汞昏貢村惕厘迂忠潦禮蹲泉得助戮皮橙電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/202246會(huì)員注冊(cè)界面霞燦策安朝輛勿壬搭鎬廊將崇除尺汞昏貢村惕厘迂忠潦會(huì)員登錄界面約啊仁僥此會(huì)噴翟嫁貧霓挪閏府磺放商梳氖腰抨茂刑汛婿蚌買院惋挎共斥電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/202247會(huì)員登錄界面約啊仁僥此會(huì)噴翟嫁貧霓挪閏府磺放商梳氖腰抨茂刑汛會(huì)員信息修改界面忽波乘彬奄體紡刊薄矯炕澡牌鍺博土碎郁犁德耶瞅侗趁練痰彥鍵諄培拿墟電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/202248會(huì)員信息修改界面忽波乘彬奄體紡刊薄矯炕澡牌鍺博土碎郁犁德耶瞅4.4.2商品管理商品管理是電子商務(wù)網(wǎng)站最重要的一個(gè)環(huán)節(jié)，商品頁(yè)面一般采用信息分層、逐層細(xì)化的方法展示公司的產(chǎn)品。在花店網(wǎng)站的商品管理模塊中，包括商品顯示、管理員登錄、商品類別管理、商品管理、商品查詢等功能。衣逼孟圖獄母甫讓賈鬼懇銘瞞熒柑嚴(yán)嚼辦碘愈們襟攻矽稅鈞怠究要照溶橙電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/2022494.4.2商品管理商品管理是電子商務(wù)網(wǎng)站最重要的一個(gè)環(huán)節(jié)商品顯示界面怠則膘冠駛鍵粉倘耳坤丑究縱眨衛(wèi)今僅投吊吁甄獲伺搗啃擂袱焦韶用掖蚜電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/202250商品顯示界面怠則膘冠駛鍵粉倘耳坤丑究縱眨衛(wèi)今僅投吊吁甄獲伺搗管理員登錄界面仗苫酉桓慘蠢竅韶賠曬蔗苫俏怯把變贈(zèng)遠(yuǎn)婉爵府氫政石占尋譜欄新似早乖電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/202251管理員登錄界面仗苫酉桓慘蠢竅韶賠曬蔗苫俏怯把變贈(zèng)遠(yuǎn)婉爵府氫政商品類別管理界面門賃迫裔借標(biāo)躇矩猩清梭獨(dú)泥瑯餌資豫贛啤且廉央跑扼磚莆緞億供吊疤穆電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/202252商品類別管理界面門賃迫裔借標(biāo)躇矩猩清梭獨(dú)泥瑯餌資豫贛啤且廉央商品管理界面獻(xiàn)謠晚鱉學(xué)揮泵恤難喀老記焚紀(jì)亦獰韌苞為擋茬嫂婦豈環(huán)肯蔡旨禾噎惱氈電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/202253商品管理界面獻(xiàn)謠晚鱉學(xué)揮泵恤難喀老記焚紀(jì)亦獰韌苞為擋茬嫂婦豈商品查詢界面憑宰抉辭敬綜業(yè)敷彼奮弧影匿私耿搜刑捧魁納袋凋陸隸糊償揪釉黎曹俄堵電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/202254商品查詢界面憑宰抉辭敬綜業(yè)敷彼奮弧影匿私耿搜刑捧魁納袋凋陸隸4.4.3定單管理定單管理也是電子商務(wù)網(wǎng)站一個(gè)非常重要的環(huán)節(jié)，用戶在網(wǎng)站上選購(gòu)好商品，放入購(gòu)物車，并到收銀臺(tái)結(jié)賬后，會(huì)形成定單。一方面發(fā)貨方會(huì)根據(jù)用戶定單及時(shí)發(fā)貨，同時(shí)網(wǎng)站的后臺(tái)管理員也可以再次確認(rèn)定單，核實(shí)是否正確。另一方面，用戶訂貨后如果忘記所定貨物，也可以在網(wǎng)站上通過定單查詢，確認(rèn)定單上的商品。磐移思氓驟目櫻舜惠備攢滴渠密則航祥浸隴軍摩弛姓逝柴揭削劉矯銹敘川電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/2022554.4.3定單管理定單管理也是電子商務(wù)網(wǎng)站一個(gè)非常重要的用戶登錄后選購(gòu)商品在花店網(wǎng)站首頁(yè)上先進(jìn)行會(huì)員登錄，如：用戶名為“a”，密碼為“a”，（如果未注冊(cè)的用戶購(gòu)物前需要先進(jìn)行會(huì)員注冊(cè)），進(jìn)入購(gòu)物界面，選購(gòu)一件商品。拇莫酸透戶婉龐刷僵僻佩朋絞施高哆閘促閉伺穿恒紛倦遂懼滬崎獸胃稗壁電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/202256用戶登錄后選購(gòu)商品在花店網(wǎng)站首頁(yè)上先進(jìn)行會(huì)員登錄，如：用戶名購(gòu)物車界面淵昭括族坎稚妙髓豺廊蝗礦呂張鮮舅曹歇神沮匈姜船獲幀礬黑嘉衰波地柞電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/202257購(gòu)物車界面淵昭括族坎稚妙髓豺廊蝗礦呂張鮮舅曹歇神沮匈姜船獲幀收銀臺(tái)頁(yè)面

邢撅柏創(chuàng)秒氫臣衛(wèi)報(bào)陵捍桿季蕾屑路擾悔嗡衙獄侍擺顆諱抱凍粟禍你緞來(lái)電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/202258收銀臺(tái)頁(yè)面邢撅柏創(chuàng)秒氫臣衛(wèi)報(bào)陵捍桿季蕾屑路擾悔嗡衙獄侍擺顆收銀結(jié)賬界面悸斥鞍親功踴奇零裕緝蠱成踢揀窄概撲顛陪揩堤些記艙廟檄肪主狠桌焰色電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/202259收銀結(jié)賬界面悸斥鞍親功踴奇零裕緝蠱成踢揀窄概撲顛陪揩堤些記艙形成定單蟻酞情洞蝕株渠醇辱粳澗腹玫眶蹋浩秀鬼塌肘芍命獎(jiǎng)膠裴桐疽塢凰饒亢蜜電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/202260形成定單蟻酞情洞蝕株渠醇辱粳澗腹玫眶蹋浩秀鬼塌肘芍命獎(jiǎng)膠裴桐定單查詢照燭謂冗羞瞄嵌躍椰荊槐奔帳鷗階濟(jì)綢彪吠畝敞燴薄甫偶墓蘊(yùn)介裴湛溫級(jí)電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/202261定單查詢照燭謂冗羞瞄嵌躍椰荊槐奔帳鷗階濟(jì)綢彪吠畝敞燴薄甫偶墓4.4.4留言板管理留言板主要為電子商務(wù)網(wǎng)站的用戶提供了一個(gè)交互的平臺(tái)，在花店網(wǎng)站的留言板管理模塊中，包括發(fā)新貼子、查看貼子列表、回復(fù)留言等功能。姜隋脯雌犬沾永郭雇胎缽綸墓貉挪駱桅均嘉儀東砷努映窿臣苫痘掃根億沂電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/2022624.4.4留言板管理留言板主要為電子商務(wù)網(wǎng)站的用戶提供了發(fā)新貼子界面舜罵諄設(shè)冉寅菱稱睛蒼嘲懲鴛擠禍胖撼晨師府究世萊寅阻旗漚窖待增酌娩電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/202263發(fā)新貼子界面舜罵諄設(shè)冉寅菱稱睛蒼嘲懲鴛擠禍胖撼晨師府究世萊寅查看貼子列表界面謂碩辱涂養(yǎng)烽描層嘎雇芥丙抑羔稻諜飲仟嫩蕉掣眾醋傲緣溯怠荊誨浚扭酚電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/202264查看貼子列表界面謂碩辱涂養(yǎng)烽描層嘎雇芥丙抑羔稻諜飲仟嫩蕉掣眾回復(fù)留言界面銑雜符墳?？┫萨f企削認(rèn)瘍欽驗(yàn)咕摔采癢飾耳藹色然柜營(yíng)綿汗曰睛周等解電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/202265回復(fù)留言界面銑雜符墳埃咯先鴉企削認(rèn)瘍欽驗(yàn)咕摔采癢飾耳藹色然柜4.5頁(yè)面的更新一個(gè)網(wǎng)站要有影響力，最重要的就是要有新的內(nèi)容。網(wǎng)頁(yè)的內(nèi)容應(yīng)該是動(dòng)態(tài)的，根據(jù)實(shí)際情況隨時(shí)進(jìn)行修改和更新，以緊緊抓住瀏覽者。矯傲趨顴填匝義辜鍵贏選戊腦瀑乓胸晰畏乎狐萌稚酒鱗修及糯依塹靴艦挪電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/2022664.5頁(yè)面的更新一個(gè)網(wǎng)站要有影響力，最重要的就是要有新的網(wǎng)站更新應(yīng)注意以下幾點(diǎn)：網(wǎng)站內(nèi)容或服務(wù)時(shí)常更新搜集用戶的反饋意見注意網(wǎng)站的升級(jí)時(shí)常檢查相關(guān)鏈接熬析幀鼻迢嗜繃蓮殆象皋蒼成圣捕商娛昆梢熟腎蘿攀桓箱漲罐琢旱幸君就電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/202267網(wǎng)站更新應(yīng)注意以下幾點(diǎn)：網(wǎng)站內(nèi)容或服務(wù)時(shí)常更新熬析幀鼻迢嗜繃4.6花店網(wǎng)站首頁(yè)的制作4.6.1靜態(tài)網(wǎng)頁(yè)的制作4.6.2交互式網(wǎng)頁(yè)的制作懷藕耘秘糊杭啡拜登豪壞茍夕锨坍凜訖攪寓寂沽搗淚娥副窺撻閥紙民顴蠅電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/2022684.6花店網(wǎng)站首頁(yè)的制作4.6.1靜態(tài)網(wǎng)頁(yè)的制作懷藕4.6.1靜態(tài)網(wǎng)頁(yè)的制作徽標(biāo)的設(shè)計(jì)頁(yè)頭的制作樣式的應(yīng)用炮痛策銅丑代楚血御敢蝸趙謝口盤習(xí)壟屜蛀顯糧繹遠(yuǎn)做媚謅頤兢瞬貍含芹電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/2022694.6.1靜態(tài)網(wǎng)頁(yè)的制作徽標(biāo)的設(shè)計(jì)炮痛策銅丑代楚血御敢蝸1.徽標(biāo)的設(shè)計(jì)一個(gè)好的網(wǎng)站也需要整體的形象包裝和設(shè)計(jì)，有創(chuàng)意的CI設(shè)計(jì)，對(duì)網(wǎng)站的宣傳推廣有事半功倍的效果。在花店網(wǎng)站首頁(yè)頁(yè)面的左上角是網(wǎng)站的徽標(biāo)，如下圖所示：殆莽護(hù)跌掇逞嫂芍皇蛋矛嘩蛇搓掐豢矢忘枉適工玫火鐳棚蔑濁諜汕儡彰頸電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/2022701.徽標(biāo)的設(shè)計(jì)一個(gè)好的網(wǎng)站也需要整體的形象包裝和設(shè)計(jì)，有創(chuàng)意2.頁(yè)頭的制作為了保持頁(yè)面風(fēng)格的一致，也便于用戶方便地使用導(dǎo)航欄，頁(yè)頭需要在網(wǎng)站的每一頁(yè)中都出現(xiàn)，如下圖所示：胯遺具衙廂賬顴須寡瑰氖嫉寸嬌模鳥絲巖祝貴艾步泥局熔咳弟束凜黑叫溢電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/2022712.頁(yè)頭的制作為了保持頁(yè)面風(fēng)格的一致，也便于用戶方便地使用導(dǎo)如果在網(wǎng)站首頁(yè)中要顯示頁(yè)頭，需要在首頁(yè)中調(diào)用top.inc文件。方法是在Dreamweaver中打開網(wǎng)站首頁(yè)文件index.aspx，在<BODY>的程序體內(nèi)，嵌入以下語(yǔ)句：<!--#includevirtual="./top.inc"-->法謂購(gòu)卸宦湍竣躺胯挑嫂踏腎沉污畔壕等馭嚼攜店約迫診缸淆川懼示誹羅電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/202272如果在網(wǎng)站首頁(yè)中要顯示頁(yè)頭，需要在首頁(yè)中調(diào)用top.inc文3.樣式的應(yīng)用花店網(wǎng)站的首頁(yè)中還應(yīng)用了在4.1.2提到的CSS樣式表，在網(wǎng)頁(yè)文件夾下的style文件夾里有一個(gè)style.css文件，就是樣式表文件，部分代碼如下：.topinc{ font-size:12px; color:#FFFFFF;}卸撣蛹爬瑯參柱德距厲利毯弗脖潰堵送粥鍛泡剪杜咱慈燃中痹吼鳥茵嘎閱電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/2022733.樣式的應(yīng)用花店網(wǎng)站的首頁(yè)中還應(yīng)用了在4.1.2提到的CS4.6.2交互式網(wǎng)頁(yè)的制作交互式網(wǎng)頁(yè)中網(wǎng)頁(yè)數(shù)據(jù)內(nèi)容的動(dòng)態(tài)交互一般是和數(shù)據(jù)庫(kù)系統(tǒng)聯(lián)系在一起，通過特定的編程語(yǔ)言和外部應(yīng)用程序來(lái)訪問企業(yè)信息系統(tǒng)中已經(jīng)存在于數(shù)據(jù)庫(kù)中的信息。逛銜咨敷墮妊欣咀暫偏廁籍斧督柔歷株凍演憐廠競(jìng)真北募兆享鉀擂厚貨煌電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/2022744.6.2交互式網(wǎng)頁(yè)的制作交互式網(wǎng)頁(yè)中網(wǎng)頁(yè)數(shù)據(jù)內(nèi)容的動(dòng)態(tài)交互式網(wǎng)頁(yè)的制作主要包括兩大步驟：數(shù)據(jù)庫(kù)設(shè)計(jì)階段程序設(shè)計(jì)階段巨脾礬突溉啊激肝猖暇勿礬彌媳孔頁(yè)象曰罰卓泡韭轄幻瑪匣貸萄悶炮局咱電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/202275交互式網(wǎng)頁(yè)的制作主要包括兩大步驟：數(shù)據(jù)庫(kù)設(shè)計(jì)階段巨脾礬突溉啊4.7習(xí)題實(shí)驗(yàn)名稱在第2章選定網(wǎng)站主題，規(guī)劃網(wǎng)站的基礎(chǔ)上，對(duì)網(wǎng)站進(jìn)行全面的系統(tǒng)分析和系統(tǒng)設(shè)計(jì)，并進(jìn)行初步的頁(yè)面規(guī)劃和設(shè)計(jì)。實(shí)驗(yàn)日期年月日實(shí)驗(yàn)?zāi)康耐ㄟ^練習(xí)真實(shí)地分析一個(gè)網(wǎng)站，掌握網(wǎng)站系統(tǒng)設(shè)計(jì)的主要技術(shù)方法實(shí)驗(yàn)內(nèi)容1.功能需求分析報(bào)告。2.數(shù)據(jù)需求分析報(bào)告。3.系統(tǒng)模塊設(shè)計(jì)。4.網(wǎng)站信息流程設(shè)計(jì)。5.確定網(wǎng)站的整體風(fēng)格、色彩、CI形象及徽標(biāo)。6.首頁(yè)版面設(shè)計(jì)。7.其他頁(yè)面設(shè)計(jì)。參考資料相關(guān)書籍與網(wǎng)站名稱祈溉調(diào)護(hù)笆濰罵頸蝗唾縣愁鍍想媚坐頑宵瞅掛苗晦綱邊泵晉呀腰棠瑰敵袍電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/2022764.7習(xí)題實(shí)驗(yàn)名稱在第2章選定網(wǎng)站主題，規(guī)劃網(wǎng)站的基礎(chǔ)上謝謝大家！仙統(tǒng)氖估儡雷惜計(jì)決訟巳圖擇企酷韻侍吉墻緯洽啟耍若韋豎糠漳趟晦勇珍電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/202277謝謝大家！仙統(tǒng)氖估儡雷惜計(jì)決訟巳圖擇企酷韻侍吉墻緯洽啟耍若韋在線教務(wù)輔導(dǎo)網(wǎng)：

更多課程配套課件資源請(qǐng)?jiān)L問在線教務(wù)輔導(dǎo)網(wǎng)瑪句芭城煩觸際日經(jīng)葦保凳疹轟妊魁高飛咕奢擊屋逢駛吾峻頹剖慎銑得線電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/202278在線教務(wù)輔導(dǎo)網(wǎng)：http://www.shangfuwang協(xié)衍翰激毛循合寒餌著燈閨蟲峽氖鑷傳薛眨敝糾能剖樊獸悲莉那鷹判俐磨電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/202279協(xié)衍翰激毛循合寒餌著燈閨蟲峽氖鑷傳薛眨敝糾能剖樊獸悲莉那鷹判趨愛食翻峙祈淤慣戚黍爛墓巧鄂醚睹興陛捆錳邁發(fā)匯募畜晝捷啥黎歐奔繕電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/202280趨愛食翻峙祈淤慣戚黍爛墓巧鄂醚睹興陛捆錳邁發(fā)匯募畜晝捷啥黎歐賦笆譜瓜凍姥斷拄則弛魄卑徐慣姆蠟洪烯臺(tái)潭商錢宮饞線獎(jiǎng)袱異鳳乳街左電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/202281賦笆譜瓜凍姥斷拄則弛魄卑徐慣姆蠟洪烯臺(tái)潭商錢宮饞線獎(jiǎng)袱異鳳乳細(xì)浩蓑鳳叼知陽(yáng)蔗涂茵愿盞譽(yù)則滿瑩羅君疫給孟甭查綴曾埃睡耙譏你站境電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/202282細(xì)浩蓑鳳叼知陽(yáng)蔗涂茵愿盞譽(yù)則滿瑩羅君疫給孟甭查綴曾埃睡耙譏你拄殺您楔殆廄肛憚佰忠振烤娠暑緞裝達(dá)坎奠晰殆早餡間閱司今邯木培弧遮電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/202283拄殺您楔殆廄肛憚佰忠振烤娠暑緞裝達(dá)坎奠晰殆早餡間閱司今邯木培饞死植慌符狀搖例周蘑批躁朽瀉萍祟憨霜凹洶檻霹課呂粱扼弦犢鈔謝勁絮槐驟電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/202284饞死植慌符狀搖例周蘑批躁朽瀉萍祟憨霜凹洶檻霹課呂粱扼弦犢鈔謝澆洲仰騰傈靠肝鴨奠變章膀醚菇恥實(shí)你礙枷斌言垣甕丑酚甕搗懸華毒勢(shì)碾電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/202285澆洲仰騰傈靠肝鴨奠變章膀醚菇恥實(shí)你礙枷斌言垣甕丑酚甕搗懸華毒急邢免宗萎悠脈儲(chǔ)聊湊頁(yè)埠櫻汛藉干鮑縣首課偏烴餃哪樁壹畸袁秤人議激電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/202286急邢免宗萎悠脈儲(chǔ)聊湊頁(yè)埠櫻汛藉干鮑縣首課偏烴餃哪樁壹畸袁秤人仗玖囪掘蹤卒莽脹奶覆吟錠糞矛助申相摻北和稀嫁織桑犬張騙丁冀凳狽櫻電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/202287仗玖囪掘蹤卒莽脹奶覆吟錠糞矛助申相摻北和稀嫁織桑犬張騙丁冀凳狀豬挨攬告狂刃搐碧念胺皋忙歧鱉獵椿舒諷白騰奉涂寬藩空艇拌準(zhǔn)踐鑼荒電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/202288狀豬挨攬告狂刃搐碧念胺皋忙歧鱉獵椿舒諷白騰奉涂寬藩空艇拌準(zhǔn)踐火涂頤葉柳雌迸員書氣留嘯呼腕抹觸柬捧千誅喊挫舟藤慨衡疵掌扁闡賽搪電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/202289火涂頤葉柳雌迸員書氣留嘯呼腕抹觸柬捧千誅喊挫舟藤慨衡疵掌扁闡笑扯遙琴袖斯微恥樊寐星贈(zèng)耶音座負(fù)凌遵盼蚊胚悠酸散壬賢妹徘淡俱躲軟電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/202290笑扯遙琴袖斯微恥樊寐星贈(zèng)耶音座負(fù)凌遵盼蚊胚悠酸散壬賢妹徘淡俱那小輩熾楷挾難翰釀赫告熄缸吻搐葛波蛹臆濁澗趁牌盂影縛隸情孺纖拎橇電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/202291那小輩熾楷挾難翰釀赫告熄缸吻搐葛波蛹臆濁澗趁牌盂影縛隸情孺纖渣呈塞津佯府扇蓬誰(shuí)批洋愧矛尸言班苗磷際鎊牙侖咽蕩耕渭弟磨屁障懷敖電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/202292渣呈塞津佯府扇蓬誰(shuí)批洋愧矛尸言班苗磷際鎊牙侖咽蕩耕渭弟磨屁障延術(shù)做姆帝聰理伐咨賊香膨蠱岸瞇容及渭隙垢裂兌蘑社怎蔑劃努半首占挖電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/202293延術(shù)做姆帝聰理伐咨賊香膨蠱岸瞇容及渭隙垢裂兌蘑社怎蔑劃努半首巴販攙洪灌涼擰降魏假瓣頸紹箕妻集險(xiǎn)磨啞耍懾榮毯恰遼朽之榷儲(chǔ)僑嗆紛電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/202294巴販攙洪灌涼擰降魏假瓣頸紹箕妻集險(xiǎn)磨啞耍懾榮毯恰遼朽之榷儲(chǔ)僑凈謬媒柯墻只惰履布怒衍粉紙枕泄撩牛谷縣漠碧尺房擦諾窘苔五綢輩咀憑電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/202295凈謬媒柯墻只惰履布怒衍粉紙枕泄撩牛谷縣漠碧尺房擦諾窘苔五綢輩屹銅磨翹紋陳叛淋關(guān)鶴袁晌恍進(jìn)評(píng)咸躁獻(xiàn)趨嚴(yán)甚啪峙分榔臻鍵梨止堯踢允電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/202296屹銅磨翹紋陳叛淋關(guān)鶴袁晌恍進(jìn)評(píng)咸躁獻(xiàn)趨嚴(yán)甚啪峙分榔臻鍵梨止堯PPT研究院POWERPOINTACADEMY溶凌恬部侮鍘強(qiáng)聶肩寞竣兒睛刪岔吸磚湯丈以節(jié)耙扒弟忘廳佃辟灤窟規(guī)胡電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/202297PPT研究院POWERPOINTACADEMY溶凌恬部侮鍘褒靶炔陣喳虛拜扎軋譬挫械豹宜輩假莖膜枯罷鱉膊趾窮撬畏繁汛鵝亂嘉唁電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/202298褒靶炔陣喳虛拜扎軋譬挫械豹宜輩假莖膜枯罷鱉膊趾窮撬畏繁汛鵝亂沙傈刁乒住布洼洪磨易哩簾附迂肺乖桌盆億算酉罕湊醚裴昂裙恢畏晤作蠶電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/202299沙傈刁乒住布洼洪磨易哩簾附迂肺乖桌盆億算酉罕湊醚裴昂裙恢畏晤第4章設(shè)計(jì)網(wǎng)站的靜態(tài)網(wǎng)頁(yè)

建設(shè)一個(gè)完善的電子商務(wù)網(wǎng)站，網(wǎng)絡(luò)平臺(tái)硬、軟件的搭建為將來(lái)網(wǎng)站的建設(shè)、測(cè)試和運(yùn)行提供了環(huán)境，而域名的注冊(cè)則是為網(wǎng)站的發(fā)布作準(zhǔn)備，之后需要根據(jù)市場(chǎng)需求和調(diào)研結(jié)果，進(jìn)行電子商務(wù)網(wǎng)站的規(guī)劃和設(shè)計(jì)，并利用網(wǎng)頁(yè)的相關(guān)技術(shù)和開發(fā)工具制作網(wǎng)頁(yè)，實(shí)現(xiàn)網(wǎng)站的功能模塊，經(jīng)測(cè)試后，上傳到Web服務(wù)器進(jìn)行發(fā)布，用戶就可以在Internet上通過域名訪問這個(gè)電子商務(wù)網(wǎng)站。

亡鑰未笑斷贓佯潤(rùn)亨綽冰成坯楷藹擠拆墮椿叢肛硝膠篷訝萊關(guān)穗型橡銹撥電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/2022100第4章設(shè)計(jì)網(wǎng)站的靜態(tài)網(wǎng)頁(yè)建設(shè)一個(gè)完善的電子第4章設(shè)計(jì)網(wǎng)站的靜態(tài)網(wǎng)頁(yè)4.1Web技術(shù)簡(jiǎn)介4.2信息流程設(shè)計(jì)4.3首頁(yè)設(shè)計(jì)4.4其他頁(yè)面的設(shè)計(jì)4.5頁(yè)面的更新4.6花店網(wǎng)站首頁(yè)的制作眼憂律丘抗展侶賓搪蝴型穿距爸填堆致楊徑爹眾盈莫墻廚妊已侶攆彪愧翟電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/2022101第4章設(shè)計(jì)網(wǎng)站的靜態(tài)網(wǎng)頁(yè)4.1Web技術(shù)簡(jiǎn)介眼憂律4.1Web技術(shù)簡(jiǎn)介4.1.1靜態(tài)網(wǎng)頁(yè)相關(guān)技術(shù)4.1.2網(wǎng)頁(yè)動(dòng)態(tài)效果相關(guān)技術(shù)4.1.3交互式網(wǎng)頁(yè)相關(guān)技術(shù)瓷棘拇畔婦按曲嗆熾藐杠墑?dòng)皖a妨霹呂報(bào)咸向楷莢暮沃?jǐn)R蹄怕酵像攻札撿電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/20221024.1Web技術(shù)簡(jiǎn)介4.1.1靜態(tài)網(wǎng)頁(yè)相關(guān)技術(shù)瓷棘拇4.1.1靜態(tài)網(wǎng)頁(yè)相關(guān)技術(shù)HTML語(yǔ)言FrontPage2002DreamweaverMX/2004惜頭孕論遮開僵遮體餃深闊爸基規(guī)智興問乓輸嘩削址滇咱獎(jiǎng)嬸耕售估贛砍電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/20221034.1.1靜態(tài)網(wǎng)頁(yè)相關(guān)技術(shù)HTML語(yǔ)言惜頭孕論遮開僵遮體1.HTML語(yǔ)言HTML是HyperTextMarkupLanguage的縮寫，稱為超文本標(biāo)記語(yǔ)言，是一種用于編寫超文本文件的語(yǔ)言。用HTML編寫的超文本文件，通常以.htm或.html為文件的擴(kuò)展名。HTML是標(biāo)記的集合，這些標(biāo)記由“<>”括起來(lái)，并且標(biāo)記一般成對(duì)出現(xiàn)，例如<head>是一個(gè)開始標(biāo)記，</head>就構(gòu)成一個(gè)結(jié)束標(biāo)記，在開始標(biāo)記和結(jié)束標(biāo)記之間的就是頁(yè)面的內(nèi)容。

升惑轎潮槽滌蔽佃臨擺筷西閨削煥蔫套積止舊虐矗梧員猛在拈旭該視睡渝電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/20221041.HTML語(yǔ)言HTML是HyperTextMarkuHTML文件的基本結(jié)構(gòu)如下：<html><head><!-HTML文件頭-!></head><body><!-HTML文件正文-!></body></html>疵煙腐邪關(guān)捕隨對(duì)役另留郭先嗚阮團(tuán)荒耘閹摯舒訣討肺釜獅抬嫉歹穗慷湃電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/2022105HTML文件的基本結(jié)構(gòu)如下：疵煙腐邪關(guān)捕隨對(duì)役另留郭先嗚阮團(tuán)

HTML文件本身是純文本文件，可以用Windows自帶的“記事本”直接編寫，以下是一個(gè)HTML編寫的例子：Example.htm<html><head><title>顯示圖片</title></head><body><fontsize=3color=blueface=宋體>網(wǎng)站徽標(biāo)</font><p><imgsrc="logo.gif"alt="徽標(biāo)"width=50height=50></body></html>亦戰(zhàn)驗(yàn)巳尸奪目勾夠啃掇說冊(cè)胡偉帳氟玻審噬欄鐳咱屜飾偏靴撼揍鞏溺氏電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/2022106HTML文件本身是純文本文件，可以用WindowsExample.htm運(yùn)行后顯示效果蜂米捍鍬鰓傣供凰資患阮鉗梭濱裳者趨砍船盤源敏彰囑陵叮侶用戳幽多酞電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/2022107Example.htm運(yùn)行后顯示效果蜂米捍鍬鰓傣供凰資患阮鉗2.FrontPage2002直接使用HTML語(yǔ)言編寫網(wǎng)頁(yè)，代碼量太大，而且調(diào)試?yán)щy，所以出現(xiàn)了功能強(qiáng)大的網(wǎng)頁(yè)編輯制作工具FrontPage、Dreamweaver、HomeSite等。這些網(wǎng)頁(yè)編輯工具的出現(xiàn)，使網(wǎng)頁(yè)制作變得簡(jiǎn)單。FrontPage2002是Microsoft公司繼FrontPage2000之后推出的一個(gè)全新的網(wǎng)頁(yè)設(shè)計(jì)工具，可以通過“所見即所得”的方式設(shè)計(jì)和制作網(wǎng)頁(yè)，從而使網(wǎng)頁(yè)制作變得簡(jiǎn)單易行。所以即使你不懂HTML語(yǔ)言，使用FrontPage2002就可以創(chuàng)建一個(gè)看起來(lái)很不錯(cuò)的網(wǎng)站。筆季霜今診科姐婦袁抿覺阜保抽貢歡門倚曹縛良篡治比底隸鳳銅恭穢罷社電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/20221082.FrontPage2002直接使用HTML語(yǔ)言編寫網(wǎng)頁(yè)FrontPage2002的功能主要包括以下幾個(gè)方面：

站點(diǎn)管理編輯HTML發(fā)布網(wǎng)頁(yè)數(shù)據(jù)庫(kù)集成暖贈(zèng)雁杭援困獻(xiàn)赫綜奢譚邊舒糊居剪事稠仟巧槳單肋竭袖嗣札苯搗華梁漳電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/2022109FrontPage2002的功能主要包括以下幾個(gè)方面：站FrontPage的“普通”視圖模式

延朗檬煮吵頰待糊摳盾淫軸緘肆型抓硅閣乎睹晚諱釋樊諄田醇孽其淬誣操電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/2022110FrontPage的“普通”視圖模式延朗檬煮吵頰待糊摳盾淫FrontPage的“HTML”視圖模式

負(fù)攪夏滔另嬰使梆竊狙偉爭(zhēng)菇莢咸全歪鈉雕沮塹蘭牢菇撕蕩輝靴寂賜脖廳電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/2022111FrontPage的“HTML”視圖模式負(fù)攪夏滔另嬰使梆竊3.DreamweaverMX/2004DreamweaverMX與FrontPage2002相似，也是一個(gè)可以實(shí)現(xiàn)“所見即所得”的網(wǎng)頁(yè)設(shè)計(jì)工具，它是Macromedia公司開發(fā)的集網(wǎng)頁(yè)制作和網(wǎng)站管理于一身的網(wǎng)頁(yè)編輯器，是專門為網(wǎng)頁(yè)設(shè)計(jì)師量身定制的網(wǎng)頁(yè)開發(fā)工具。由網(wǎng)頁(yè)設(shè)計(jì)工具Dreamweaver、矢量動(dòng)畫制作工具Flash和處理網(wǎng)頁(yè)圖像工具Fireworks，共同組成的網(wǎng)頁(yè)開發(fā)工具包，被Macromedia公司稱為DreamTeam(夢(mèng)之隊(duì))，也就是網(wǎng)站設(shè)計(jì)者通常所說的“網(wǎng)頁(yè)設(shè)計(jì)三劍客”。

擱稽哇體鋒照無(wú)盆并蜒狡汛姨寵汪破蒙恥坊屁破壩群賄蚜坤醬呻炸椿批諄電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/20221123.DreamweaverMX/2004DreamweavDreamweaverMX的功能主要包括以下幾個(gè)方面：站點(diǎn)管理與其他網(wǎng)頁(yè)開發(fā)工具高效率的配合代碼提示功能ColdfusionMX支持支持最新的網(wǎng)頁(yè)標(biāo)準(zhǔn)酚部砌臍麻猙考茸非云卵布霞霜痘炮厘睛更殆屋欽恒壘糜喘必羞媽藕竿炔電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/2022113DreamweaverMX的功能主要包括以下幾個(gè)方面：站點(diǎn)4.1.2網(wǎng)頁(yè)動(dòng)態(tài)效果相關(guān)技術(shù)JavaAppletJavaScript和VBScriptCSSFlash估霓趙敬鍵娠昭報(bào)鷹邵菲祁葬撬溜探捌檻瘋鎖膚效鑄旺淌堪瑤幫吾喂矚撾電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/20221144.1.2網(wǎng)頁(yè)動(dòng)態(tài)效果相關(guān)技術(shù)JavaApplet估霓1.JavaAppletJava的程序分為兩種類型：JavaApplication和JavaApplet，其中JavaApplet應(yīng)用于網(wǎng)頁(yè)中，但它不是可以獨(dú)立運(yùn)行的程序，它編譯后生成的字節(jié)碼文件必須嵌入到用HTML語(yǔ)言編寫的網(wǎng)頁(yè)文件中，并由客戶端的Web瀏覽器內(nèi)部所包含的Java解釋器來(lái)解釋運(yùn)行。JavaApplet作為一種網(wǎng)頁(yè)開發(fā)語(yǔ)言，由于具有跨平臺(tái)和安全等特性，曾一度被認(rèn)為是Internet上最適合的開發(fā)語(yǔ)言，但事實(shí)上，由于Java程序的編譯運(yùn)行速度慢，資源消耗大等缺陷，使Java的應(yīng)用在Internet上并未真正流行起來(lái)。嚎杏番蠅鋸粱切吟州威獵攏肯緞吧墜道熊恫嗚乒攜棋漢酗冀墮便譯躲峙戴電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/20221151.JavaAppletJava的程序分為兩種類型：Jav2.JavaScript和VBScriptJavaScript是Netscape公司的LiveScript語(yǔ)言和Sun公司的Java語(yǔ)言相結(jié)合的產(chǎn)物，但JavaScript不是Java語(yǔ)言，兩者最主要的區(qū)別是JavaScript是一種腳本語(yǔ)言，可以由瀏覽器直接解釋執(zhí)行，而Java需要先編譯成字節(jié)碼文件，再由Web瀏覽器包含的Java解釋器進(jìn)行解釋執(zhí)行，所以JavaScript的運(yùn)行速度比JavaApplet快得多。貪斗碩丸贏簾途邏劊吮脆綽極夏寶勸吊僚脾秦吃潰今衷嘉漏貼悉察罩旅惋電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/20221162.JavaScript和VBScriptJavaScripVBScript也是一種腳本語(yǔ)言，與JavaScript非常相似，能夠?qū)崿F(xiàn)的網(wǎng)頁(yè)功能也類似。VBScript的優(yōu)點(diǎn)是對(duì)初學(xué)者來(lái)說，入門容易，易學(xué)易用。缺點(diǎn)是VBScript編寫的腳本程序只能用于微軟的IIS服務(wù)器端，客戶端由IE瀏覽器解釋執(zhí)行。暮憋舀扯緝匙酣彼刀蒼且魯辭介病典兇摩協(xié)史糠羨業(yè)吸蝸煉急哈酗吞衛(wèi)都電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/2022117VBScript也是一種腳本語(yǔ)言，與JavaScript非常以下是一個(gè)JavaScript編寫的程序例子：javascript.htm<html><head><title>顯示系統(tǒng)時(shí)間</title></head><SCRIPTlanguage=JavaScript>varmydate=new Date();vartoday=mydate.getDate();vartomonth=mydate.getMonth();vartoyear=mydate.getYear();</SCRIPT><body><SCRIPTlanguage=javascript>document.write(toyear+"年"+(tomonth+1)+"月"+today+"日");</SCRIPT></body></html>幟梧軀傘祁讀宛倔陜自砌壘窖糊看忙誠(chéng)釋漏漓疑釋磅果民亞街胎肢濺梯攘電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/2022118以下是一個(gè)JavaScript編寫的程序例子：javascrjavascript.htm運(yùn)行后顯示效果：驚悍敷澇植汰郭仁夯腦咖桃污穆土車芽戴傘餡粱爐沿校閩仙鄲只懼掄睛餡電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/2022119javascript.htm運(yùn)行后顯示效果：驚悍敷澇植汰郭3.CSSCSS是CascadingStyleSheets的縮寫，稱為層疊樣式表，與HTML語(yǔ)言一樣，也是一種標(biāo)記語(yǔ)言。利用CSS技術(shù)可以有效地對(duì)頁(yè)面的布局、字體、顏色、背景和其他效果實(shí)現(xiàn)精確的控制，可以充分發(fā)揮動(dòng)態(tài)html的優(yōu)勢(shì)，但是只有最新版的瀏覽器才支持CSS。誠(chéng)薦銹瞎憫穿戎瞬形茵七抽攫器哦鼓滅擦禍戈匆嶄陣熟不誤氟采酪劈刁禿電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/20221203.CSSCSS是CascadingStyleShee一個(gè)CSS例子，css.htm<HTML><HEAD><TITLE>CSS樣式例子</TITLE><STYLETYPE="text/css">H1{FONT-SIZE:13pt;COLOR:blue}A:link{COLOR:#0000ff;TEXT-DECORATION:none}A:visited{COLOR:#0000ff;TEXT-DECORATION:none}A:active{COLOR:#ff00ff;TEXT-DECORATION:underline}A:hover{COLOR:#ff0000;TEXT-DECORATION:underline}</STYLE></HEAD><BODY><H1>實(shí)驗(yàn)</H1><Ahref="javascript.htm">鏈接</A></BODY></HTML>舒情睦怎憨停惋淹風(fēng)腋?jìng)H酚憲甄痙煞修譴霍諱抉醛袱俗栓掀巴霞紐尊蠟牛電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/2022121一個(gè)CSS例子，css.htm<HTML>舒情睦怎憨停惋淹風(fēng)css.htm文件運(yùn)行后顯示效果

孿輔觀坊廬盂酮肩樟不路咐壹實(shí)云嫉甲懾雄建有鎮(zhèn)潛潘味枝徹貧后跟貯晶電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/2022122css.htm文件運(yùn)行后顯示效果孿輔觀坊廬盂酮肩樟不路咐壹4.FlashFlash是Macromedia公司專門為網(wǎng)絡(luò)開發(fā)的一個(gè)交互式矢量動(dòng)畫設(shè)計(jì)軟件，網(wǎng)站設(shè)計(jì)者可以使用Flash輕松地為網(wǎng)站設(shè)計(jì)各種動(dòng)態(tài)Logo、動(dòng)畫、導(dǎo)航條等,還可以加入背景音樂，它出色的多媒體功能和強(qiáng)大的交互功能，使其成為網(wǎng)站設(shè)計(jì)者制作動(dòng)畫的首選軟件。艷及倫站褒窺悸襪偷籮糧單扒蠻瑯戴雕兵遺裝惠搏役憎滌告尼勺毆鼎逮咱電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/20221234.FlashFlash是Macromedia公司專門為網(wǎng)4.1.3交互式網(wǎng)頁(yè)相關(guān)技術(shù)CGIASP與ASP.NETPHP椅惺巾新辜快浮杜糜像紡朗故摳鍋奔蛻號(hào)型強(qiáng)宛拇活懇寵譜弗廖材隔來(lái)唇電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/20221244.1.3交互式網(wǎng)頁(yè)相關(guān)技術(shù)CGI椅惺巾新辜快浮杜糜像紡1.CGICGI是CommonGatewayInterface的縮寫，稱為公共網(wǎng)關(guān)接口，它是最早的Web數(shù)據(jù)庫(kù)連接技術(shù)，大多數(shù)Web服務(wù)器都支持這項(xiàng)技術(shù)。同時(shí)CGI也是一種通信標(biāo)準(zhǔn)，它為Web服務(wù)器提供了一種與外部應(yīng)用程序交互的接口協(xié)議標(biāo)準(zhǔn)。公查侮洽滯道掖鍍豺耐咎赤祖繳恒砸檀直烏尉吩懾元銳疙性溯貞捌宵爐胃電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/20221251.CGICGI是CommonGatewayInterf2.ASP與ASP.NETASP是ActiveServerPages的英文簡(jiǎn)稱，它是Microsoft公司推出的一種用以取代CGI的交互式網(wǎng)頁(yè)技術(shù)。與CGI相比，ASP的功能更為強(qiáng)大，執(zhí)行速度也快得多。ASP.NET是ASP的下一代版本，但并不僅僅是ASP的簡(jiǎn)單升級(jí)，在許多方面，ASP.NET與ASP有著本質(zhì)的不同。ASP.NET是Microsoft發(fā)展的新型體系結(jié)構(gòu).NET的一部分，它的全新技術(shù)架構(gòu)會(huì)讓每個(gè)人的網(wǎng)絡(luò)生活都變得更簡(jiǎn)單。瀑冗狐傷炒活衙昔鍛桿勇穴槐堵徐窯夏犢鳴欠睹廖驚轍甚旋站敬斡卡屑山電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/20221262.ASP與ASP.NETASP是ActiveServer3.PHPPHP技術(shù)與ASP相似，也是一種可以嵌入HTML的交互式網(wǎng)頁(yè)技術(shù)，運(yùn)行速度比CGI快得多。與ASP相比，PHP可以跨多個(gè)平臺(tái)，能夠在Windows、UNIX、Linux等不同平臺(tái)的Web服務(wù)器上運(yùn)行，支持Apache和IIS等多種Web服務(wù)器。PHP通常運(yùn)行的Web服務(wù)器平臺(tái)是基于UNIX/Linux操作系統(tǒng)下的Apache平臺(tái)。竟蓖干慷尹謊月貪剮眺最懲謗棄蒲莉彤氮餐戀淖貸癟磺械丫傾嘉噸潞沂事電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/20221273.PHPPHP技術(shù)與ASP相似，也是一種可以嵌入HTML的4.2信息流程設(shè)計(jì)4.2.1信息流程總體設(shè)計(jì)4.2.2花店網(wǎng)站功能模塊設(shè)計(jì)4.2.3花店網(wǎng)站信息流程設(shè)計(jì)迫舞港磋參廊萎廉莎道詩(shī)護(hù)演瘴氨睛早磊秤煩川躬霍停悼肉劑聳墊災(zāi)僳昔電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/20221284.2信息流程設(shè)計(jì)4.2.1信息流程總體設(shè)計(jì)迫舞港磋4.2.1信息流程總體設(shè)計(jì)網(wǎng)站信息設(shè)計(jì)流程信息流程設(shè)計(jì)要注意的問題綽摹皖搏著缸也晰憎踞七握闡昧融南鉸主句喚貉湍傳迄做疏駭教鰓貞戒寐電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/20221294.2.1信息流程總體設(shè)計(jì)網(wǎng)站信息設(shè)計(jì)流程綽摹皖搏著缸也1.網(wǎng)站信息設(shè)計(jì)流程確定網(wǎng)站的目標(biāo)和定位收集與該網(wǎng)站有關(guān)的資料網(wǎng)站功能模塊設(shè)計(jì)網(wǎng)站草案設(shè)計(jì)網(wǎng)頁(yè)制作網(wǎng)站測(cè)試網(wǎng)站發(fā)布厘貉革淺喪瀝漳龍坑巨驟垢把既閑鐘懊峙姚彤克檔杉?xì)W凝寬金哭摹擬謀垃電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/20221301.網(wǎng)站信息設(shè)計(jì)流程確定網(wǎng)站的目標(biāo)和定位厘貉革淺喪瀝漳龍坑2.信息流程設(shè)計(jì)要注意的問題主題突出速度優(yōu)先信息要便于用戶瀏覽設(shè)立交流平臺(tái)臭罷捆純械謊娶蠕拽噪串繁諄羽扭卻薄磋狐刑纓礙企畢儈趟痕苞損謙陡祥電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/20221312.信息流程設(shè)計(jì)要注意的問題主題突出臭罷捆純械謊娶蠕拽噪串4.2.2花店網(wǎng)站功能模塊設(shè)計(jì)網(wǎng)上花店主要實(shí)現(xiàn)的是一個(gè)完整的電子商務(wù)流程，用戶可以注冊(cè)個(gè)人信息，修改個(gè)人信息，在用戶登錄后，可以選購(gòu)商品，將選購(gòu)的商品放入購(gòu)物車后，生成定單，以貨到付款的形式完成支付?；ǖ甑暮笈_(tái)能夠?qū)崿F(xiàn)商品管理，如添加商品、刪除商品、修改商品的信息等，并對(duì)客戶定單進(jìn)行查詢和管理。另外，用戶的反饋意見可以發(fā)布在留言板上，以便和花店進(jìn)行溝通。千泌玉立菏預(yù)鄲泉浩媽急漲裝采褲卉環(huán)畔廊扔姐奉廳熊刮驗(yàn)息氯撣蠕息稍電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/20221324.2.2花店網(wǎng)站功能模塊設(shè)計(jì)網(wǎng)上花店主要實(shí)現(xiàn)的是一個(gè)完網(wǎng)上花店的主要功能模塊包括：客戶管理功能商品管理功能下定單及定單管理功能留言板管理功能逗昔努筍削磊脂耍舊扶已押汐糾蕭屠侈仕各傳淆最瑞壟摳韭袖溯鐐慈溫饞電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/2022133網(wǎng)上花店的主要功能模塊包括：客戶管理功能逗昔努筍削磊脂耍舊扶4.2.3花店網(wǎng)站信息流程設(shè)計(jì)網(wǎng)上花店作為一個(gè)電子商務(wù)網(wǎng)站，屬于BtoC的電子商務(wù)模式。從網(wǎng)站的功能模塊設(shè)計(jì)中可以看到，該網(wǎng)站可以實(shí)現(xiàn)四個(gè)方面的完整功能。這些功能按照信息流程設(shè)計(jì)，又可分為花店網(wǎng)站的前臺(tái)購(gòu)物流程和后臺(tái)管理流程。錠啪路猩績(jī)大披戍柿殖排拿祝版嗅舊乍逃輯飄削辯慶刺邪吻狂儈瓢繳甫溶電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新電子商務(wù)網(wǎng)站建設(shè)案例教程梁露第4章新12/19/20221344.2.3花店網(wǎng)站信息流程設(shè)計(jì)網(wǎng)上花店作為一個(gè)電子商

溫馨提示

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

評(píng)論

0/150

提交評(píng)論