電子商務(wù)概論教案-電子商務(wù)網(wǎng)站建設(shè)

第八章 電子商務(wù)網(wǎng)站建設(shè) 網(wǎng)站是指一個(gè)企業(yè)或機(jī)構(gòu)在互聯(lián)網(wǎng)上建立的站點(diǎn)，其目的是為了宣傳企業(yè)形象、發(fā)布產(chǎn)品信息、提供商業(yè)服務(wù)等。電子商務(wù)網(wǎng)站是企業(yè)從事電子商務(wù)活動(dòng)的基本平臺(tái)，通過Internet瀏覽器訪問有關(guān)的電子商務(wù)網(wǎng)站，進(jìn)行信息交互，進(jìn)而完成商務(wù)活動(dòng)過程。上網(wǎng)建站對(duì)從事電子商務(wù)的企業(yè)來講有利于樹立企業(yè)形象、改進(jìn)企業(yè)的業(yè)務(wù)流程，提高企業(yè)管理水平、更好的為客戶服務(wù)，網(wǎng)站建設(shè)已經(jīng)成為衡量一個(gè)企業(yè)綜合素質(zhì)的重要標(biāo)志。本章重點(diǎn)內(nèi)容：●創(chuàng)建電子商務(wù)網(wǎng)站的過程●網(wǎng)頁文本格式化、插入圖像和超鏈接、豐富網(wǎng)頁內(nèi)容●使用表格實(shí)現(xiàn)網(wǎng)頁定、頁的使用創(chuàng)建電子商務(wù)網(wǎng)站的過程 。。如域，現(xiàn)在30有一個(gè)成。文、、成，“.成。和。展許多家紛紛采家我繁體簡(jiǎn)體兩我管理機(jī)構(gòu)和根運(yùn)沒區(qū)別時(shí)向申請(qǐng)證件代替的工作即可。——服器空間。目前解決服器空間方式多種：通常所謂ISP硬盤空間ISP臺(tái)服器可能會(huì)虛擬出很多主機(jī)稱每臺(tái)虛擬主機(jī)都具獨(dú)址具完整Internet需管理和維護(hù)自己主機(jī)虛擬主機(jī)比較適用于中小型企主機(jī)(服器)托管如果企站需主機(jī)提供更多服或登錄站的速度更高求那么企服器可以將自己服的機(jī)房里實(shí)現(xiàn)其Internet連接Internet是需技術(shù)人員主機(jī)硬件環(huán)境和軟件環(huán)境進(jìn)行常年程維護(hù)這種方案比較適用于大型企并較強(qiáng)計(jì)算機(jī)技術(shù)力量。DDNDDNInternet通過這條專線企服器Internet訪問這種方式用戶服器放在自己機(jī)房中方便自己維護(hù)和管理申請(qǐng)數(shù)據(jù)線路。從價(jià)格角度看這三種方式成本投入是依次增加虛擬主機(jī)最濟(jì)每月只需支付幾百元租用費(fèi)采取程登錄方式可以實(shí)現(xiàn)對(duì)站點(diǎn)維護(hù)和更改自己站可以被訪問而且速度瀏覽互聯(lián)中其他站沒區(qū)別服器托管價(jià)格界于虛、WWW服務(wù)器、開發(fā)工具和數(shù)據(jù)庫主機(jī)位置確定可以根據(jù)需求購買配置服器服器同廠商同品v。MNe31實(shí)現(xiàn)SET協(xié)議支付方式DominoGoWebServer般交互WindowsNTServerIISASPHTML就lUnixWindowsNT。與日常維護(hù)這舞臺(tái)做些什問題即完成建設(shè)建設(shè)包括幾素：內(nèi)容 問者媒體信息自然其核心根本。設(shè)計(jì)制設(shè)計(jì)制獨(dú)特風(fēng)格充展示形象、體現(xiàn)文化這藝術(shù)創(chuàng)與技術(shù)結(jié)過很多頁制件如Dreamweaver利功開發(fā) 具多多樣功比信息發(fā)布、新聞、搜索功、戶管理、訂購、信息反饋、線務(wù)這些通過開發(fā)來實(shí)現(xiàn)。推廣 最限發(fā)揮其效人所知訪問因此推然最基本最效推廣方搜索鏈接。更新沒工標(biāo)、規(guī)模修WWWHTMtp.htm.htmlHTML,HTML文sDreamWeaver第種方法要求HTML法及元素HTML但里面眾多了讓瀏覽看懂記卻令人不能在時(shí)看出實(shí)際顯示效果所以初學(xué)者般不使此FrontPageL，能做出引人入勝定專業(yè)水準(zhǔn)FrontPage2000WebMicrosoftOffice2000系列MicrosoftOffice系列整體風(fēng)格致性使用FrontPage2000進(jìn)行Web站建立和管理。MicrosoftFrontPage2000對(duì)系統(tǒng)軟硬件需求：帶586以上處理個(gè)人算者多媒體算MicrosoftWindows95操系統(tǒng)更高版MicrosoftWindowsWorkstation4.0操系統(tǒng)更高版Windows9516MB內(nèi)存WindowsNT32MB內(nèi)存。36MBCD-ROMAA6FrontPage2000界面介紹安裝0后單擊【開始】菜單【序】te打開圖1e常熟悉MicrosoftOffice界面風(fēng)格。圖8-11210 表格、框架、窗口和幫助。這些子又許多選項(xiàng)。3了22 ，復(fù)制、粘貼、格式刷、撤銷、恢復(fù)、插入組、插入表格、插入的圖片、超鏈接、刷新、停止、全顯示、幫助。準(zhǔn)格式工具15按鈕從左到右依次為樣式選項(xiàng)號(hào)、、加、顯示、字體。4入Web頁查看超鏈接的變超鏈接加入任務(wù)直接預(yù)覽網(wǎng)頁效果。5當(dāng)前實(shí)時(shí)給戶當(dāng)前操作等信息。WebFrontPage2000HTMLHTML源代碼效果與瀏器到效果一樣存放文件夾文件夾與Windows資源器文件相成情況④導(dǎo)航觀察鏈接結(jié)構(gòu)直接瀏內(nèi)之間關(guān)系時(shí)也通過鼠將結(jié)構(gòu)拖到新位置來改變鏈接結(jié)構(gòu)。間相互鏈接關(guān)系表明超鏈接路徑。，便于更好地1.立一系列通過Internet瀏器瀏具相互超鏈接多媒體文檔集合，通僅僅地硬盤上一文件夾FrontPage2000核心所有立之上步驟如下：地磁盤立一“huadian”文件夾。MicrosoftFrontPageFrontPage2000。中“2。8-2對(duì)話框huadianprivateswm83。8-3huadian.編輯簡(jiǎn)的網(wǎng)頁FrontPage20008-48-4w。FrontPageFrontPageFrontPage“，瀏覽器瀏覽\n相應(yīng)與段落1.em“我花店”有兩種方法，是利用工具欄按鈕對(duì)定8-5所示。8-5工具欄8-68-6體對(duì)話框2.段落125287.

8-7字符和1將該面。288圖8-8水平線屬性.1工具欄的按鈕。2中速度為４像素，200圖89文代碼。8-9屬性對(duì)話框.12810811812，０。8-10項(xiàng)卡8-11項(xiàng)卡圖 8-12邊距選項(xiàng)卡的設(shè)置需要注意的是，在設(shè)置字符格式前，必須首先在網(wǎng)頁中選定將改變字符格式的對(duì)象，格式，則只要將光標(biāo)置于該段中即可。像和超鏈接.插入圖像（1）圖像的基本知識(shí) 圖像文件的格式有很多種，目前大多數(shù)瀏覽器支持的網(wǎng)絡(luò)圖像文件的格式有 JPEG和 GIF兩種格式。它們除了都被壓縮過、文件的容量很小、適用于網(wǎng)絡(luò)傳輸外，還具有適用于各種平臺(tái)的特性，如果現(xiàn)有的素材不是這兩種格式的圖像文件，則需要使用圖像編輯軟件將其轉(zhuǎn)化為這兩種格式中的一種，然后才能將其放在網(wǎng)頁。網(wǎng)頁中的圖像并不與網(wǎng)頁保存在同一個(gè)文件中，每個(gè)圖像單獨(dú)保存，這是因?yàn)?HTML設(shè)網(wǎng)頁，選圖像的則：①如果需要圖像保存的，則選GIF圖像文件格式。如果圖像在能以圖現(xiàn)，選GIFGIF④全彩的連續(xù)調(diào)、沒有邊的圖像、風(fēng)照，適合選用 JPEG圖像文件格式。網(wǎng)頁中使用圖像的則：①一個(gè)網(wǎng)頁最好不要超過100KB（包括網(wǎng)頁上的圖像），下載時(shí)間不要超過8秒，必要時(shí)需要利用一些軟件對(duì)圖像進(jìn)行優(yōu)化處理。②在保證所需的清晰度的情況下，盡量壓縮圖像的大小。③采用分割圖像的方法把大的圖像分割成幾小塊，同時(shí)下載。④使用盡量少的顏色，因?yàn)閳D像的顏色種類越多，下載的時(shí)間越長(zhǎng)。F⑥給大圖像設(shè)置一個(gè)預(yù)選下載的圖像替代。（2）插入圖像的操作 如果要在適當(dāng)位置插入圖像，可執(zhí)行如下操作：①將光標(biāo)插入點(diǎn)定位到需要插入圖像的位置。②單擊【插入】菜單下的【圖像】或單擊工具欄上的按鈕，打開【圖片】對(duì)話框。③選擇圖像文件所在的位置及文件名，單擊【確定】按鈕完成圖像的插入，如圖8-13所示。圖8-13插入圖片對(duì)話框④選中圖片后右擊選擇【圖片屬性】，在【圖片屬性】對(duì)話框進(jìn)行圖片的屬性設(shè)置，如圖8-14所示，單擊【確定】按鈕。8-14片屬性置3①選中需要②在815所示片具欄中選擇邊具在中選取范圍后打開【超】對(duì)話框超置。8-15片具欄③8-16所示。.

8-16果mmm。對(duì)m817圖8-17創(chuàng)建超鏈接的對(duì)話框8-18所示。⑤圖8-18目標(biāo)框架的設(shè)置下劃線。打開所鏈接的頁面。豐富網(wǎng)頁內(nèi)容隨著技術(shù)的進(jìn)步，Web頁的結(jié)構(gòu)更加復(fù)雜，內(nèi)容更加豐富，現(xiàn)在的Web頁都是由大量的文本、圖像、聲音、表格、多媒體有機(jī)地結(jié)合起來的。1.表格的表格功能很強(qiáng)，用戶既可以直接插入表格，也可以自定義表格，甚至可以把Word可以輸入文字，也可以插入圖片。圖819。圖819 單元格、合單元格、單元格、上齊、直中、齊、、、。1格 表格的、5×的表格。圖820。圖8-20TabTab2“花與節(jié)日”。圖8-21示需求完確鈕。圖8-21插入行或列的位置驟如下：拆分單元格，首先選擇該單元格；單擊【表格】菜單下的【拆分單元格】，在打開的對(duì)話框中選擇是拆分為多行還是拆分為多列，然后再選擇相應(yīng)的拆分?jǐn)?shù)；即可。此處將表格中第一行的前兩列合并,2～4行的第一列合并8-22.圖8-22表格的合并⑤調(diào)整行高、列寬雙向箭頭時(shí)，向上或向下拖動(dòng)邊框。雙向箭頭時(shí)，向左或向右拖動(dòng)邊框。（3）設(shè)置表格屬性 表格制作好之后，還可以根據(jù)需要調(diào)整表格的外觀和屬性。823?！鸀樗骄又袑?duì)齊背景色為紫色。圖8-23圖8-24（4化 表中需式化內(nèi)容再按需要進(jìn)行式化。2.多媒體網(wǎng)頁除了顯示圖形和文字之外還能實(shí)現(xiàn)多媒體功能對(duì)多媒體良好支持是個(gè)突出特色我們能夠很容易在網(wǎng)頁里播放音頻和視頻。（1。825。8-25屬性對(duì)話框e8-268-26WindowsMediaInternet8-27然后單擊【確定】按鈕。圖8-27③鏈接操作步驟與文字、圖像超鏈接相同。（2e這和我們法差多我們可嵌、和鏈接法視這也被許多器支持可它來增強(qiáng)文既可計(jì)媒體也需要來作特效可采位利用表格進(jìn)行面布局1×1于設(shè)800×600寬度設(shè)置760像素高度根據(jù)需要自設(shè)778像素。操作步驟如下：（1中新建面文件并保存。（2）單擊【】菜單下【插入】→【】在打開【屬性】話框中828所示設(shè)置然后單擊【確】按鈕。8-28設(shè)置（3）光標(biāo)置于單元中右擊選擇【屬性】在打開【屬性】話框中設(shè)置高度420像素背景顏色藍(lán)色。（47604203×1話框中分別3100290像素300像素。（5760100像素1×2將兩單元寬度分別設(shè)置200像素560。676029012兩單元格分別設(shè)置160600。71602905×1表格，并將每單元格均分58。88298-29示意圖0刪除表格內(nèi)部利用表格增加頁面層次102打開【頁面屬性】對(duì)話框進(jìn)頁面背景圖設(shè)置。333 格背景圖8-30所示。8-30格45831時(shí)頁面已含有4個(gè)層次分別是頁面層、表層、層及字層。8-31并作頁面eb，利用這些小窗口通過合理組織和編排Web網(wǎng)頁使其更加美觀。帶有框架網(wǎng)頁稱為框架網(wǎng)頁。在許多方面，框架與表格相似，所不同的是表格對(duì)頁面區(qū)域進(jìn)行劃分，而框架對(duì)整個(gè)窗口進(jìn)行劃分。與表格相比，框架更有用，每個(gè)框架都有自己獨(dú)立的網(wǎng)頁文件，其內(nèi)容不因另外框架內(nèi)容的改變而改變?？蚣艿男问接卸喾N，常見的有兩個(gè)框架、三個(gè)框架等。例如兩個(gè)框架的網(wǎng)頁，其中一個(gè)框架專門顯示網(wǎng)站的欄目，另一個(gè)框架顯示欄目的內(nèi)容，這樣設(shè)計(jì)的好處是，不管訪問者進(jìn)入了哪個(gè)欄目，也不管訪問者深入到欄目的哪個(gè)層次，都可以隨時(shí)進(jìn)入另一個(gè)欄目，而不用逐級(jí)返回到主頁。.創(chuàng)建框架頁操作步驟如下：（1）啟動(dòng) 后，單擊【文件】菜單下的【新建】→【網(wǎng)頁】，在打開的【新建】對(duì)話框中選擇【框架網(wǎng)頁】選項(xiàng)，從中選擇一種框架形式，此處選擇“橫幅和目錄”框架形式，單擊【】可創(chuàng)建如圖832所示的三框架網(wǎng)頁。圖8-32建立框架每個(gè)框架區(qū)域內(nèi)都有 2個(gè)：設(shè)網(wǎng)頁新建網(wǎng)頁，單擊【設(shè)網(wǎng)頁】按鈕可以為框架指定一個(gè)初始網(wǎng)頁，單擊【新建網(wǎng)頁】按鈕可以為框架新建一個(gè)網(wǎng)頁。選中的框架邊框會(huì)被加黑顯示。此處在每個(gè)框架中單擊【新建網(wǎng)頁】按鈕，系統(tǒng)會(huì)自