商務(wù)網(wǎng)頁實例項目01課件

1、 內(nèi)容提要 本項目主要通過3個活動的開展，讓學(xué)生了解與商務(wù)網(wǎng)頁設(shè)計相關(guān)的基礎(chǔ)知識，包括網(wǎng)頁與網(wǎng)站的概念，互聯(lián)網(wǎng)與瀏覽器的知識，商務(wù)網(wǎng)站的特點(diǎn)和一般組成，以及商務(wù)網(wǎng)站的開發(fā)流程等知識。通過本項目的學(xué)習(xí)，學(xué)生可以熟悉商務(wù)網(wǎng)頁設(shè)計所需的理論知識，為后面的學(xué)習(xí)打好理論基礎(chǔ)。對優(yōu)秀的網(wǎng)頁設(shè)計進(jìn)行分析，是學(xué)習(xí)網(wǎng)頁制作的有效方法之一。在平時上網(wǎng)的過程中，我們會接觸各式各樣風(fēng)格各異的網(wǎng)頁，對于設(shè)計獨(dú)特的網(wǎng)頁，應(yīng)對其多加留意，了解分析其設(shè)計思想，剖析其實現(xiàn)技術(shù)。這種分析對于提高網(wǎng)頁設(shè)計與制作水平將有很大的幫助，其分析結(jié)果還可以作為網(wǎng)頁設(shè)計時的借鑒和參考。下面就對一些知名品牌的商務(wù)網(wǎng)站案例進(jìn)行分析?；顒? 學(xué)習(xí)商

2、務(wù)網(wǎng)頁實例鑒賞1“海爾”網(wǎng)站2“可口可樂中國”網(wǎng)站3“紅塔集團(tuán)”網(wǎng)站4“上海大眾”網(wǎng)站5“淘寶網(wǎng)”網(wǎng)站1互聯(lián)網(wǎng)與瀏覽器互聯(lián)網(wǎng)即因特網(wǎng)，英文名稱為Internet，它是由那些使用公用語言互相通信的計算機(jī)連接而成的全球網(wǎng)絡(luò)。計算機(jī)一旦連接到它的任何一個節(jié)點(diǎn)上，就意味著已經(jīng)連入互聯(lián)網(wǎng)上了。目前互聯(lián)網(wǎng)的用戶已經(jīng)遍及全球，并且它的用戶數(shù)還在以等比級數(shù)上升。互聯(lián)網(wǎng)作為全球性網(wǎng)絡(luò)，為用戶提供了十分豐富的網(wǎng)絡(luò)服務(wù)項目，我們可以通過互聯(lián)網(wǎng)實現(xiàn)信息資源的極大共享，互聯(lián)網(wǎng)主要有以下服務(wù)：（1）電子郵件（2）文件傳輸（3）遠(yuǎn)程登錄（4）WWW服務(wù)活動2 學(xué)習(xí)網(wǎng)頁基礎(chǔ)知識2網(wǎng)頁、網(wǎng)站與HTML網(wǎng)頁是萬維網(wǎng)中的基本單位，

3、它是用HTML語言或其他語言（如JavaScript、VBScript、JSP、ASP等）編寫的。網(wǎng)頁把各種媒體（如文本、圖像、聲音等）信息以超級鏈接（Hyper link）的形式組織起來，經(jīng)過瀏覽器處理后展現(xiàn)給用戶。網(wǎng)頁中的信息豐富多彩，主要有文本、圖形圖像、聲音、動畫、影片等。這些對象之間以超級鏈接的形式連接起來，通過鏈接可以在各對象之間隨意跳轉(zhuǎn)，這樣就大大方便了用戶的瀏覽。網(wǎng)站是網(wǎng)上的一個站點(diǎn)，一個網(wǎng)站是由許多網(wǎng)頁構(gòu)成的。網(wǎng)站像一本書，由許多網(wǎng)頁組成，書的封面，即用戶進(jìn)入網(wǎng)站最先看到的頁面，就是該網(wǎng)站的主頁（Homepage）或稱首頁。HTML（Hyper Text Marked Lan

4、guage，超文本標(biāo)記語言）是一種用來制作超文本文件的簡單標(biāo)記語言，是目前網(wǎng)頁設(shè)計中使用的最基本的標(biāo)記語言。用HTML編寫的文件叫HTML文件，是由文本內(nèi)容和各種標(biāo)記組成的文檔，任何文本編輯器都可以編輯它。HTML文件必須通過瀏覽器顯示效果。3域名與IP地址互聯(lián)網(wǎng)上連接有無數(shù)主機(jī)，為了區(qū)分它們，給每臺主機(jī)都分配了一個專門的地址，稱為IP地址。IP地址由一串以圓點(diǎn)分開的4個數(shù)字組成，每個數(shù)字取值范圍0255，例如：1就是一個主機(jī)的IP地址，通過IP地址可以訪問互聯(lián)網(wǎng)上任何一臺主機(jī)。IP地址雖然可以方便地區(qū)分主機(jī)，但是難以記憶，因此Internet采用了一種字符型主機(jī)名機(jī)制 域名系統(tǒng)（DNS），將

5、域名與IP地址一一對應(yīng)。域名就是我們通常所說的“網(wǎng)址”。4什么是URLURL（Uniform Resource Locator，統(tǒng)一資源定位器）是用來指出互聯(lián)網(wǎng)上某一項信息所在的位置及其存取方式?；ヂ?lián)網(wǎng)上的每一項資源都有自己唯一的地址，通過URL可以定位到該資源的地址，從而找到它。例如瀏覽者在訪問某個網(wǎng)站的頁面時，在瀏覽器的地址欄中顯示的就是該網(wǎng)頁的URL，網(wǎng)上所能訪問的資源都有一個唯一的URL。URL的格式為“協(xié)議名稱：/主機(jī)名稱文件路徑文件名稱”。5靜態(tài)網(wǎng)頁與動態(tài)網(wǎng)頁所謂靜態(tài)網(wǎng)頁，是指那些純粹的HTML格式的網(wǎng)頁，早期的網(wǎng)站一般都是由靜態(tài)網(wǎng)頁組成的。靜態(tài)網(wǎng)頁被稱為普通網(wǎng)頁，它是相對于動態(tài)網(wǎng)

6、頁而言的。靜態(tài)并不是指網(wǎng)頁中的元素都是靜止不動的，而是指網(wǎng)頁被瀏覽時在Web服務(wù)器中不再發(fā)生動態(tài)變化，即網(wǎng)頁不是即時生成的。靜態(tài)網(wǎng)頁文件的擴(kuò)展名是.html或.htm。所謂動態(tài)網(wǎng)頁，并不是指那些包含動畫、視頻等帶動態(tài)效果的網(wǎng)頁，而是指由程序?qū)崟r生成，可以根據(jù)不同條件生成不同內(nèi)容的網(wǎng)頁。動態(tài)網(wǎng)頁通常都是和后臺數(shù)據(jù)庫相連接的，網(wǎng)頁內(nèi)容的修改只需要在后臺操作即可，無須改動頁面。動態(tài)網(wǎng)頁除了能體現(xiàn)靜態(tài)網(wǎng)頁的功能外，還提供了交互功能，它能對用戶提交的信息做出實時的處理，并將處理的信息及時反饋給用戶。動態(tài)網(wǎng)頁一般是以 .asp、.jsp、.php、.perl、.cgi等形式為擴(kuò)展名。靜態(tài)網(wǎng)頁和動態(tài)網(wǎng)頁各有

7、特點(diǎn)，網(wǎng)站采用動態(tài)網(wǎng)頁還是靜態(tài)網(wǎng)頁主要取決于網(wǎng)站的功能需求和網(wǎng)站內(nèi)容的多少。如果網(wǎng)站功能比較簡單，內(nèi)容更新量不是很大，采用純靜態(tài)網(wǎng)頁的方式會更簡單，反之一般要采用動態(tài)網(wǎng)頁技術(shù)來實現(xiàn)。6電子商務(wù)和電子商務(wù)網(wǎng)站電子商務(wù)（Electronic Commerce，簡稱EC）是指在全球各地廣泛的商業(yè)貿(mào)易活動中，在互聯(lián)網(wǎng)開放的網(wǎng)絡(luò)環(huán)境下，基于瀏覽器/服務(wù)器應(yīng)用方式，買賣雙方不謀面地進(jìn)行各種商貿(mào)活動，實現(xiàn)消費(fèi)者的網(wǎng)上購物、商戶之間的網(wǎng)上交易和在線電子支付以及各種商務(wù)活動、交易活動、金融活動和相關(guān)的綜合服務(wù)活動的一種新型的商業(yè)運(yùn)營模式。電子商務(wù)網(wǎng)站具有以下基本功能：1）企業(yè)產(chǎn)品和服務(wù)項目展示。2）商品和服務(wù)訂

8、購。3）網(wǎng)上支付。4）網(wǎng)絡(luò)客戶服務(wù)。5）發(fā)布商業(yè)信息。6）客戶信息管理。7）客戶實時互動。8）銷售業(yè)務(wù)信息管理。7商務(wù)網(wǎng)站的一般組成商務(wù)網(wǎng)站最基本的組成有： 內(nèi)容發(fā)布系統(tǒng)。 在線調(diào)查系統(tǒng)。 網(wǎng)上購物系統(tǒng)。 產(chǎn)品發(fā)布管理系統(tǒng)。 在線供求信息系統(tǒng)。 會員注冊系統(tǒng)。 BBS論壇系統(tǒng)。 客戶信息反饋系統(tǒng)。 在線招聘系統(tǒng)和網(wǎng)站訪問統(tǒng)計系統(tǒng)等。1網(wǎng)站開發(fā)團(tuán)隊的組成1）項目經(jīng)理2）策劃3）前臺設(shè)計員4）后臺程序員5）代碼整合員6）測試員如果網(wǎng)站項目夠大，人數(shù)夠多，可以從容地分為6個組，每個組再進(jìn)行詳細(xì)的分工；如果是小項目，人數(shù)較少，也沒有關(guān)系，因為一個人可以兼任多個角色。比如項目經(jīng)理可以兼任策劃的角色，程序

9、員也可以兼任代碼整合員和測試員的角色。活動3 認(rèn)識商務(wù)網(wǎng)站開發(fā)流程2商務(wù)網(wǎng)站設(shè)計規(guī)劃與設(shè)計流程網(wǎng)頁制作只是網(wǎng)站建設(shè)的一部分，除此之外還有很多工作要做。商務(wù)網(wǎng)站設(shè)計開發(fā)有其自身的規(guī)律，其工作流程如圖1-6所示。在商務(wù)網(wǎng)站項目開發(fā)中最需要時間的就是總體設(shè)計和系統(tǒng)測試，而網(wǎng)頁制作與程序編寫所占用的時間并不多。在圖1-6中我們可以看到兩個開發(fā)流程，這兩個流程分別是前臺開發(fā)和后臺開發(fā)，而整個開發(fā)過程分為總體設(shè)計階段、詳細(xì)設(shè)計階段和測試發(fā)布階段。項 目 小 結(jié)本項目主要介紹了網(wǎng)頁相關(guān)的基礎(chǔ)知識和基本概念。網(wǎng)頁是構(gòu)成網(wǎng)站的基本元素，網(wǎng)頁實際上就是一個文件，這種文件是用HTML寫成的，網(wǎng)頁中存在有超級鏈接。一個網(wǎng)站由若干用超級鏈接聯(lián)系起來的網(wǎng)頁組成，進(jìn)入網(wǎng)站后看到的第一個頁面稱為該網(wǎng)站的主頁。Internet上的每一項資源都有自己唯一的地址，稱為URL。靜態(tài)頁面是標(biāo)準(zhǔn)的HTML文件，它的文件擴(kuò)展名是.html或.htm；動態(tài)網(wǎng)頁除了包含HTML代碼外，還能包含腳本語言代碼，其擴(kuò)展名可以是.asp、.j