電子商務(wù)網(wǎng)站建設(shè)(2)匯編_第1頁
電子商務(wù)網(wǎng)站建設(shè)(2)匯編_第2頁
電子商務(wù)網(wǎng)站建設(shè)(2)匯編_第3頁
電子商務(wù)網(wǎng)站建設(shè)(2)匯編_第4頁
電子商務(wù)網(wǎng)站建設(shè)(2)匯編_第5頁
已閱讀5頁，還剩17頁未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

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

文檔簡(jiǎn)介

項(xiàng)目2電子商務(wù)網(wǎng)站整體策劃電子商務(wù)網(wǎng)站開發(fā)實(shí)務(wù)2目錄教學(xué)導(dǎo)航任務(wù)2-1電子商務(wù)網(wǎng)站欄目規(guī)劃任務(wù)2-2電子商務(wù)網(wǎng)站主頁內(nèi)容布局任務(wù)2-3CSS在電子商務(wù)網(wǎng)站網(wǎng)頁布局中的應(yīng)用知識(shí)梳理與總結(jié)電子商務(wù)網(wǎng)站開發(fā)實(shí)務(wù)3教學(xué)導(dǎo)航

在電子商務(wù)網(wǎng)站著手開發(fā)前，需對(duì)所開發(fā)的網(wǎng)站進(jìn)行整體策劃。在本項(xiàng)目中，將根據(jù)電子商務(wù)網(wǎng)站的整體策劃要求，并以“重慶曼寧網(wǎng)上書城”網(wǎng)站整體策劃為實(shí)例，從電子商務(wù)網(wǎng)站欄目規(guī)劃、主頁內(nèi)容布局、CSS網(wǎng)頁布局等幾個(gè)方面來展開對(duì)電子商務(wù)網(wǎng)站策劃。電子商務(wù)網(wǎng)站開發(fā)實(shí)務(wù)4任務(wù)2-1電子商務(wù)網(wǎng)站欄目規(guī)劃

任務(wù)引出為了更好的開發(fā)“重慶曼寧網(wǎng)上書城”，首先應(yīng)策劃出合適的網(wǎng)站欄目。在本任務(wù)中，將引導(dǎo)讀者完成重慶曼寧網(wǎng)上書城網(wǎng)站欄目的規(guī)劃。電子商務(wù)網(wǎng)站開發(fā)實(shí)務(wù)5任務(wù)2-1電子商務(wù)網(wǎng)站欄目規(guī)劃

作品預(yù)覽圖2-1“重慶曼寧網(wǎng)上書城”網(wǎng)站基本欄目架構(gòu)圖電子商務(wù)網(wǎng)站開發(fā)實(shí)務(wù)6任務(wù)2-1電子商務(wù)網(wǎng)站欄目規(guī)劃

實(shí)踐操作

網(wǎng)站欄目的實(shí)質(zhì)就是一個(gè)網(wǎng)站的大綱索引，索引應(yīng)該將網(wǎng)站的主題明確顯示出來。確定欄目?jī)?nèi)容的原則如下：①盡可能刪除與主題無關(guān)的欄目；②盡可能將網(wǎng)站最有價(jià)值的內(nèi)容列在欄目上；③盡可能方便訪問者的瀏覽和查詢。電子商務(wù)網(wǎng)站開發(fā)實(shí)務(wù)7任務(wù)2-1電子商務(wù)網(wǎng)站欄目規(guī)劃問題探究4：網(wǎng)站主題確定方法

網(wǎng)站主題就是網(wǎng)站所要表述的主要內(nèi)容。對(duì)于主題的選擇，一般要求：①主題定位要準(zhǔn)確；②主題要小而精；③題材最好是自己擅長(zhǎng)或者喜愛的內(nèi)容；④題材不要太濫或者目標(biāo)太高。電子商務(wù)網(wǎng)站開發(fā)實(shí)務(wù)8任務(wù)2-1電子商務(wù)網(wǎng)站欄目規(guī)劃知識(shí)拓展4：電子商務(wù)網(wǎng)站建設(shè)一般流程

1．電子商務(wù)網(wǎng)站規(guī)劃與設(shè)計(jì)2．電子商務(wù)網(wǎng)站開發(fā)實(shí)施

1）靜態(tài)網(wǎng)頁制作

2）網(wǎng)絡(luò)數(shù)據(jù)庫設(shè)計(jì)

3）Web應(yīng)用程序設(shè)計(jì)3．電子商務(wù)網(wǎng)站域名和空間申請(qǐng)4．電子商務(wù)網(wǎng)站上傳5．電子商務(wù)網(wǎng)站推廣、管理與維護(hù)電子商務(wù)網(wǎng)站建設(shè)過程是一個(gè)循環(huán)的過程，它需要隨著需求的變化不斷地對(duì)網(wǎng)站進(jìn)行再次規(guī)劃與設(shè)計(jì)，進(jìn)而不斷地建設(shè)和發(fā)布新的內(nèi)容與服務(wù)，持續(xù)的維護(hù)與管理以保障電子商務(wù)網(wǎng)站的正常運(yùn)行。電子商務(wù)網(wǎng)站開發(fā)實(shí)務(wù)9任務(wù)2-2電子商務(wù)網(wǎng)站主頁內(nèi)容布局

任務(wù)引出

在本任務(wù)中，將用表格方式布局“重慶曼寧網(wǎng)上書城”網(wǎng)站主頁。電子商務(wù)網(wǎng)站開發(fā)實(shí)務(wù)10任務(wù)2-2電子商務(wù)網(wǎng)站主頁內(nèi)容布局

作品預(yù)覽圖2-2重慶曼寧網(wǎng)上書城主頁布局圖電子商務(wù)網(wǎng)站開發(fā)實(shí)務(wù)11任務(wù)2-2電子商務(wù)網(wǎng)站主頁內(nèi)容布局

實(shí)踐操作1．頭部文件制作2．版權(quán)區(qū)文件制作電子商務(wù)網(wǎng)站開發(fā)實(shí)務(wù)12任務(wù)2-2電子商務(wù)網(wǎng)站主頁內(nèi)容布局3．正文區(qū)文件制作4．網(wǎng)站主頁文件制作電子商務(wù)網(wǎng)站開發(fā)實(shí)務(wù)13任務(wù)2-2電子商務(wù)網(wǎng)站主頁內(nèi)容布局問題探究5：服務(wù)器包含指令（SSI）用法

SSI是Server-SideInclude的簡(jiǎn)寫，意為服務(wù)器包含，SSI指令為用戶提供在Web服務(wù)器處理之前將一個(gè)文件的內(nèi)容插入到另一個(gè)文件的方法。在ASP中使用SSI的語法如下：

<!--#includevirtual|file="filename"-->virtual和file關(guān)鍵字指示用來包含該文件的路徑的類型，filename是想包含的文件的路徑和名稱。在使用SSI包含文件操作命令時(shí)，還需要注意一點(diǎn)的是，由于head.asp、copyright.asp文件代碼需要嵌入到其他頁面文件中使用，還需刪除head.asp、copyright.asp文件中的<html>、<body>、<title>等標(biāo)簽，以及代碼中的代碼“<%@LANGUAGE="VBSCRIPT"%>”，否則就會(huì)出現(xiàn)標(biāo)簽重復(fù)使用等錯(cuò)誤。電子商務(wù)網(wǎng)站開發(fā)實(shí)務(wù)14任務(wù)2-2電子商務(wù)網(wǎng)站主頁內(nèi)容布局知識(shí)拓展5：常用網(wǎng)頁內(nèi)容布局方法

1．使用表格方式布局網(wǎng)頁使用表格布局的頁面在不同平臺(tái)，不同分辨率的瀏覽器里都能保持其原有的布局，且在不同的瀏覽器平臺(tái)有較好的兼容性，所以表格是網(wǎng)頁中最常見的排版方式之一。

2．使用層方式布局網(wǎng)頁層提供了可精確定位頁面元素的方法，頁面元素放于圖層中。

3．使用框架方式布局網(wǎng)頁框架是網(wǎng)頁設(shè)計(jì)中常用的技術(shù)，使用框架能將幾個(gè)不同的Html文檔顯示在同一個(gè)瀏覽器窗口中。電子商務(wù)網(wǎng)站開發(fā)實(shí)務(wù)15任務(wù)2-3CSS在電子商務(wù)網(wǎng)站網(wǎng)頁布局中的應(yīng)用

任務(wù)引出在本任務(wù)中，將使用CSS樣式完善主頁的布局。電子商務(wù)網(wǎng)站開發(fā)實(shí)務(wù)16任務(wù)2-3CSS在電子商務(wù)網(wǎng)站網(wǎng)頁布局中的應(yīng)用

作品預(yù)覽圖2-10網(wǎng)頁CSS布局效果電子商務(wù)網(wǎng)站開發(fā)實(shí)務(wù)17任務(wù)2-3CSS在電子商務(wù)網(wǎng)站網(wǎng)頁布局中的應(yīng)用

實(shí)踐操作圖2-11新建CSS規(guī)則2-12CSS規(guī)則定義2-13CSS規(guī)則應(yīng)用電子商務(wù)網(wǎng)站開發(fā)實(shí)務(wù)18任務(wù)2-3CSS在電子商務(wù)網(wǎng)站網(wǎng)頁布局中的應(yīng)用問題探究6：CSS濾鏡應(yīng)用方法

2-14新建CSS規(guī)則2-15CSS規(guī)則定義電子商務(wù)網(wǎng)站開發(fā)實(shí)務(wù)19任務(wù)2-3CSS在電子商務(wù)網(wǎng)站網(wǎng)頁布局中的應(yīng)用表2-1濾鏡種類及效果濾鏡效果Alpha設(shè)置透明度Blur建立模糊效果Chroma把指定的顏色設(shè)置為透明DropShadow建立一種偏移的影像輪廓，即投射陰影FlipH水平翻轉(zhuǎn)FlipV垂直翻轉(zhuǎn)Glow為對(duì)象的外邊界增加光效Gray降低圖片的彩色度Invert將色彩、飽和度以及亮度值完全翻轉(zhuǎn)建立底片效果Light在一個(gè)對(duì)象上進(jìn)行燈光投影Mask為一個(gè)對(duì)象建立透明膜Shadow建立一個(gè)對(duì)象的固體輪廓，即陰影效果Wave在X軸和Y軸方向利用正弦波紋打亂圖片Xray只顯示對(duì)象的輪廓電子商務(wù)網(wǎng)站開發(fā)實(shí)務(wù)20任務(wù)2-3CSS在電子商務(wù)網(wǎng)站網(wǎng)頁布局中的應(yīng)用知識(shí)拓展6：CSS技術(shù)介紹

CSS是一種格式化網(wǎng)頁的標(biāo)準(zhǔn)方式，它對(duì)顏色、字體、間隔、定位以及邊距等格式方面提供了多種屬性，這些屬性均可用于Html標(biāo)記符。

1．方便網(wǎng)頁格式的修改

2．便于減少網(wǎng)頁體積

3．能使網(wǎng)頁元素更準(zhǔn)確的定位

4．良好的適應(yīng)性電子商務(wù)網(wǎng)站開發(fā)實(shí)務(wù)21知識(shí)梳理與總結(jié)（

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會(huì)有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(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)論