（中職）電子商務(wù)網(wǎng)頁(yè)設(shè)計(jì)項(xiàng)目一 電子商務(wù)網(wǎng)站頁(yè)面賞析課件

1、YCF正版可修改PPT（中職）電子商務(wù)網(wǎng)頁(yè)設(shè)計(jì)項(xiàng)目一 電子商務(wù)網(wǎng)站頁(yè)面賞析ppt課件電子商務(wù)網(wǎng)頁(yè)設(shè)計(jì)賞析電子商務(wù)商城類網(wǎng)站1任務(wù)分析本任務(wù)提供了三個(gè)國(guó)內(nèi)知名電子商務(wù)網(wǎng)站的主頁(yè),希望讀者通過(guò)欣賞這些精美的電子商務(wù)網(wǎng)站,提高學(xué)習(xí)電子商務(wù)網(wǎng)頁(yè)制作的興趣。相關(guān)知識(shí)1.網(wǎng)頁(yè)與網(wǎng)站網(wǎng)頁(yè)是網(wǎng)站的基本元素,是承載各種網(wǎng)站應(yīng)用的平臺(tái)。網(wǎng)頁(yè)要通過(guò)網(wǎng)頁(yè)瀏覽器來(lái)閱讀。網(wǎng)站則是由內(nèi)容相關(guān)的、通過(guò)某種方式聯(lián)系在一起的若干網(wǎng)頁(yè)組成的。網(wǎng)頁(yè)是網(wǎng)站中的一頁(yè),是構(gòu)成網(wǎng)站的基本元素。2.服務(wù)器與瀏覽器服務(wù)器是一個(gè)管理資源并為用戶提供服務(wù)的計(jì)算機(jī)軟件,通常分為文件服務(wù)器、數(shù)據(jù)庫(kù)服務(wù)器和應(yīng)用程序服務(wù)器。運(yùn)行以上軟件的計(jì)算機(jī)或計(jì)算機(jī)系統(tǒng)

2、也被稱為服務(wù)器。瀏覽器是用來(lái)瀏覽網(wǎng)頁(yè)的工具軟件,常用的瀏覽器有IE、火狐、淘寶瀏覽器等。3.網(wǎng)站的工作原理當(dāng)我們?cè)诳蛻舳诉M(jìn)行請(qǐng)求的時(shí)候,假若我們請(qǐng)求的是一個(gè)靜態(tài)的網(wǎng)頁(yè),那么這個(gè)網(wǎng)頁(yè)請(qǐng)求到了Web服務(wù)器以后,服務(wù)器就會(huì)在本身安裝的機(jī)器的硬盤(pán)上尋找相關(guān)的網(wǎng)頁(yè),然后進(jìn)行返回。假若我們請(qǐng)求的是一個(gè)包含動(dòng)態(tài)語(yǔ)言代碼的網(wǎng)頁(yè),那么服務(wù)器接收到以后,就會(huì)接著傳送給同時(shí)安裝在這個(gè)機(jī)器上的應(yīng)用程序服務(wù)器,由它負(fù)責(zé)解釋和執(zhí)行網(wǎng)頁(yè),最后將執(zhí)行的結(jié)果傳遞給客戶端瀏覽器。1.知名電子商務(wù)平臺(tái)當(dāng)當(dāng)網(wǎng)的主頁(yè)(見(jiàn)圖11)2.TCL在淘寶網(wǎng)站的電子商務(wù)主頁(yè)(見(jiàn)圖12)3.知名電子商務(wù)平臺(tái)京東商城的主頁(yè)(見(jiàn)圖13)制作第一個(gè)網(wǎng)頁(yè)“

3、第一個(gè)主頁(yè)”2任務(wù)分析使用記事本制作一個(gè)簡(jiǎn)單的網(wǎng)頁(yè),網(wǎng)頁(yè)標(biāo)題欄顯示“第一個(gè)主頁(yè)”,網(wǎng)頁(yè)區(qū)域字體設(shè)置為藍(lán)色、宋體、6號(hào)的文本 “這是我第一個(gè)主頁(yè)”,效果如圖所示。相關(guān)知識(shí)1.網(wǎng)頁(yè)制作的語(yǔ)言HTML(Hyper Text Mark-up Language),即超文本標(biāo)記語(yǔ)言,超文本就是指頁(yè)面內(nèi)可以包含圖片、鏈接,甚至音樂(lè)、程序等非文字元素。超文本標(biāo)記語(yǔ)言的結(jié)構(gòu)包括頭部(Head)和主體部分(Body),其中頭部提供關(guān)于網(wǎng)頁(yè)的信息,主體部分提供網(wǎng)頁(yè)的具體內(nèi)容。2.網(wǎng)頁(yè)設(shè)計(jì)工具隨著互聯(lián)網(wǎng)科技的發(fā)展,越來(lái)越多的網(wǎng)頁(yè)設(shè)計(jì)工具軟件面世,它們功能強(qiáng)大、操作簡(jiǎn)單,深受廣大網(wǎng)頁(yè)設(shè)計(jì)者的喜愛(ài),其中最著名的便是由Ma

4、croMedia公司開(kāi)發(fā)出來(lái)的“網(wǎng)頁(yè)三劍客”。(1)網(wǎng)頁(yè)編輯工具Dreamweaver。(2)網(wǎng)頁(yè)動(dòng)畫(huà)制作工具Flash。(3)圖形圖像處理工具Firework 和Photoshop等。任務(wù)實(shí)施(1)打開(kāi)記事本程序,方法:單擊“開(kāi)始”“所有程序”“附件”“記事本”。(2)在打開(kāi)的記事本中,輸入如圖所示的代碼。(3)將文件保存成文件名為index.html的文件,保存方法:單擊“文件”“另存為”,彈出“另存為”對(duì)話框,在“保存在”選項(xiàng)中選擇保存的路徑;在“文件名”輸入:index.html,“保存類型”選擇“所有文件”。上傳“第一個(gè)主頁(yè)”到網(wǎng)上3任務(wù)分析在3v.cm網(wǎng)申請(qǐng)一個(gè)免費(fèi)的空間和域名,將

5、“第一個(gè)主頁(yè)”網(wǎng)頁(yè)上傳到服務(wù)器,并通過(guò)這個(gè)網(wǎng)站提供的免費(fèi)域名訪問(wèn)“第一個(gè)主頁(yè)”。相關(guān)知識(shí)1.域名域名(Domain Name),是由一串用點(diǎn)分隔的名字組成的互聯(lián)網(wǎng)上某一臺(tái)計(jì)算機(jī)或計(jì)算機(jī)組的名稱,用于在數(shù)據(jù)傳輸時(shí)標(biāo)識(shí)計(jì)算機(jī)的電子方位(有時(shí)也指地理位置,地理上的域名指代有行政自主權(quán)的一個(gè)地方區(qū)域)。2.IP地址IP是英文Internet Protocol的縮寫(xiě),意思是“網(wǎng)絡(luò)之間互連的協(xié)議”,也就是為計(jì)算機(jī)網(wǎng)絡(luò)相互連接進(jìn)行通信而設(shè)計(jì)的協(xié)議。3.FTPFTP(File Transfer Protocol)即文件傳輸協(xié)議。 任務(wù)實(shí)施(1)打開(kāi)網(wǎng)頁(yè)瀏覽器,輸入網(wǎng)址:http:/www.3v.cm,點(diǎn)擊“Enter”鍵,即可進(jìn)入。(2)單擊網(wǎng)頁(yè)左上角的“注冊(cè)”按鈕,出現(xiàn)“服務(wù)條款”對(duì)話框,點(diǎn)擊“我同意”按鈕。(3)出現(xiàn)“選擇用戶名、空間類型”對(duì)話框,在此輸入要注冊(cè)的用戶名和選擇空間類型,點(diǎn)擊“下一步”按鈕。(4)進(jìn)入注冊(cè)頁(yè)面,按照提示填寫(xiě)注冊(cè)信息,完成注冊(cè)步驟。(5)注冊(cè)完成后,會(huì)彈出對(duì)話框。(6)打開(kāi)CuteFTP軟件,單擊按鈕,填入用戶名、密碼和FTP服務(wù)器地址等相關(guān)信息,再單擊按鈕,左側(cè)服務(wù)器區(qū)會(huì)出現(xiàn)服務(wù)器端目錄。(7)在左側(cè)按照本地計(jì)算機(jī)文件的存儲(chǔ)路徑找到index.ht