作品名稱：電子商務(wù)網(wǎng)頁制作
學(xué)校名稱：天津市第一商業(yè)學(xué)校
參賽隊(duì)伍：商帆
參賽老師：傅穎
【知識(shí)儲(chǔ)備】
教師提問:在上次課程之后，給各位同學(xué)預(yù)留了一個(gè)問題，請(qǐng)大家在課余時(shí)間瀏覽各種電子商務(wù)網(wǎng)站，觀察網(wǎng)站的首頁內(nèi)容，并對(duì)其進(jìn)行評(píng)價(jià)，在資源平臺(tái)的交流論壇中與其他同學(xué)進(jìn)行交流討論，不知道大家這個(gè)作業(yè)完成的情況如何，我們一起去看一看。
教師點(diǎn)評(píng)：其實(shí)我們通過觀看同學(xué)們?cè)诮涣髡搲械陌l(fā)帖情況，不難得出如下結(jié)論：在設(shè)計(jì)網(wǎng)頁時(shí)每人都是有各自的偏好，同時(shí)每人都有自己認(rèn)為十分滿意的布局模式，所以說在設(shè)計(jì)網(wǎng)頁時(shí)對(duì)于布局這一概念沒有十分嚴(yán)格的要求，完全可以依據(jù)各自的設(shè)計(jì)意圖以及所針對(duì)的網(wǎng)站性質(zhì)進(jìn)行整體的規(guī)劃與設(shè)計(jì)。
教師總結(jié)：我們?cè)谟^看了三個(gè)圖示展示之后，可以得出如下結(jié)論：就是在制作網(wǎng)頁之前，要為網(wǎng)頁做出一個(gè)合理的布局規(guī)劃，而且這個(gè)布局契合網(wǎng)站的整體規(guī)劃，凸顯出產(chǎn)品的特色。
【實(shí)訓(xùn)任務(wù)準(zhǔn)備】
任務(wù)要求：請(qǐng)每位同學(xué)為“商帆·校園我們的O2O”網(wǎng)站的首頁進(jìn)行布局，并利用Office自帶的畫圖軟件，繪制出網(wǎng)頁布局參考圖。
任務(wù)實(shí)施：
? 個(gè)人任務(wù)：構(gòu)思并繪制“商帆·校園我們的O2O”首頁布局圖。如遇到
問題可以在資源平臺(tái)的實(shí)時(shí)聊天室中進(jìn)行討論。
? 小組任務(wù)：同組（4-6人）內(nèi)對(duì)每個(gè)同學(xué)的構(gòu)思進(jìn)行評(píng)價(jià)，并評(píng)選出本
組的優(yōu)秀作品，將優(yōu)秀作品上傳到資源平臺(tái)中。
【實(shí)訓(xùn)任務(wù)點(diǎn)撥】
網(wǎng)頁被瀏覽時(shí)能不能吸引瀏覽者的眼球，很大程度上取決于布局的好壞，所以在進(jìn)行網(wǎng)頁布局是我們要遵循如下原則：
? 功能第一，形式第二。
瀏覽者決定網(wǎng)站的成敗，擁有的瀏覽者越多，網(wǎng)站就越容易成功。如何在數(shù)不清的網(wǎng)站中脫穎而出？挖掘網(wǎng)站的特點(diǎn)是一個(gè)好的方法，企業(yè)網(wǎng)站要體現(xiàn)企業(yè)特點(diǎn)和企業(yè)理念；商務(wù)網(wǎng)站商品內(nèi)容要詳實(shí)，瀏覽者的購物操作要安全、方便。
? 層次清晰、主次分明
布局可以分為兩種形式，一種是整體布局，只繪制出頁面的大結(jié)構(gòu)；另一種是局部的布局，包括文字圖像之間的排列即排版。整體布局要讓瀏覽者指導(dǎo)哪些板塊重要，引導(dǎo)瀏覽者關(guān)注，而局部的排版是要在具體的板塊中實(shí)現(xiàn)內(nèi)容表述的清晰、美觀。
? 突出特點(diǎn)
瀏覽者決定網(wǎng)站的成敗，擁有的瀏覽者越多，網(wǎng)站就越容易成功。如何在數(shù)不清的網(wǎng)站中脫穎而出？挖掘網(wǎng)站的特點(diǎn)是一個(gè)好的方法，企業(yè)網(wǎng)站要體現(xiàn)企業(yè)特點(diǎn)和企業(yè)理念；商務(wù)網(wǎng)站商品內(nèi)容要詳實(shí)，瀏覽者的購物操作要安全、方便。
【實(shí)訓(xùn)任務(wù)實(shí)施】
? 任務(wù)要求：請(qǐng)每位同學(xué)利用Dreamweaver軟件，實(shí)現(xiàn)自己繪制的網(wǎng)頁布局參考圖。
? 任務(wù)內(nèi)容：
① 前期準(zhǔn)備（站點(diǎn)建立）
② 設(shè)置頁面屬性
③ 制作header區(qū)
④ 制作main區(qū)
⑤ 制作footer區(qū)
? 自我評(píng)價(jià)：針對(duì)自己的作品依據(jù)學(xué)習(xí)評(píng)價(jià)表進(jìn)行自評(píng)，并將作品上傳至資源平臺(tái)的作業(yè)項(xiàng)目中。
? 小組評(píng)價(jià)：每組（4-6人）評(píng)選出本組的優(yōu)秀作品，并派出代表闡述設(shè)計(jì)構(gòu)思。
? 班級(jí)之星評(píng)選：各組同學(xué)為其他小組的優(yōu)秀作品進(jìn)行評(píng)價(jià)，并在資源平臺(tái)中選出本次課程的優(yōu)秀之星。
