[互聯(lián)網(wǎng)]網(wǎng)站設(shè)計流程-資料下載頁
2024-12-07 22:39本頁面
【正文】 3. 網(wǎng)頁版面布局的技術(shù) 實訓(xùn)：網(wǎng)上商城的規(guī)劃 設(shè)計 實訓(xùn)目的 實訓(xùn)內(nèi)容 實訓(xùn)過程 實訓(xùn)總結(jié) 實訓(xùn)過程 1. 確定建立網(wǎng)站的目的 在建立一個網(wǎng)站前首先要確定建立的目的，這是制作網(wǎng)站的依據(jù)，只有有了這個依據(jù)，才能確定這個網(wǎng)站到底向哪個方向發(fā)展。既然是網(wǎng)上商城，那么建站的目的就應(yīng)該是給企業(yè)宣傳產(chǎn)品，讓用戶了解商品。 2. 確定網(wǎng)站的整體風(fēng)格 當(dāng)確定建立網(wǎng)站的目的后，就可以根據(jù)網(wǎng)站的目的確定整個網(wǎng)站的風(fēng)格。我們這個網(wǎng)上商城實質(zhì)就是電子商務(wù)，那么它就符合電子商務(wù)網(wǎng)站的整體風(fēng)格。 商務(wù)網(wǎng)站，實用性為根本，但僅僅實用并不能將一個有著購買欲望的普通用戶變成你的購買者。購買是一個過程，網(wǎng)站應(yīng)該盡量將這個過程縮短，讓用戶不需經(jīng)過繁瑣的操作就可買到他們喜歡的產(chǎn)品。 根據(jù)實際生活中的習(xí)慣，將主題分成 3步進行闡述：商品查找、商品查看、交易。 1) 商品查找 (1) 幫助文件 登錄網(wǎng)站的用戶，并不是每一位都熟悉我們的購買流程，先做什么，后做什么，所以最好在醒目的位置做一個“ Help”或“幫助”的鏈接，以幫助那些不清楚具體操作步驟的用戶。 如圖所示，購物指南是當(dāng)當(dāng)網(wǎng)站為不熟悉購買流程的用戶制作的 【 幫助 】 文件。 (2) 關(guān)鍵字查找 我們的商品琳瑯滿目，為用戶提供了最大限度的可挑選性，但如何讓用戶最快地找到所需要的商品呢？可以提供一個輸入關(guān)鍵字然后進行快速查找的功能。 如圖 ， 【 快速搜索 】 提供了關(guān)鍵字的查找功能。 圖 關(guān)鍵字查找示例 (3) 產(chǎn)品分類 產(chǎn)品分類是非常重要的一環(huán)，分類盡量詳細、科學(xué)，以方便查找。如圖 ，這里只是截取了部分分類。 圖4.4 產(chǎn)品分類示例 2) 商品查看 用戶找到他感興趣的產(chǎn)品后，應(yīng)為用戶提供更詳細的產(chǎn)品信息。 (1) 在產(chǎn)品名中盡量標(biāo)出與其他同類產(chǎn)品不同的特性，這也是針對縮短用戶購買的中間過程所做的。難以想像當(dāng)用戶面對一大串同類產(chǎn)品信息時還能保持耐心，如圖 。 圖4.5 同類產(chǎn)品信息 (2) 詳細的產(chǎn)品信息。包括詳細的文字信息與產(chǎn)品圖片，文字信息應(yīng)盡可能詳細地介紹性能及功能，以便用戶最直觀地獲取產(chǎn)品信息。最好再添加通過單擊打開鏈接的大幅圖像的功能。如圖 ，產(chǎn)品下有產(chǎn)品信息，并且單擊 【 單擊進入 】 按鈕后，可進入詳細的產(chǎn)品介紹頁面。 圖 產(chǎn)品介紹示例 3) 加上廠家主頁鏈接地址 加上廠家主頁鏈接地址以便于用戶對產(chǎn)品做出更多的了解。也許你會擔(dān)心用戶會離開網(wǎng)站而改在廠家購買，實際上這種現(xiàn)象是很少的。 3. 確定網(wǎng)頁的布局 對于商業(yè)網(wǎng)站，能吸引客戶注意是最主要的，所以說網(wǎng)站的首頁布局非常重要。對于商務(wù)網(wǎng)站一定要加上相應(yīng)商品的圖片，這樣更能直觀地讓客戶了解某個商品。所以對于當(dāng)當(dāng)網(wǎng)來說，肯定要在它的商品上加上一個圖片，這樣既能展示商品又能吸引客戶的目光。如圖 網(wǎng)中關(guān)于兩本書的介紹，就加上了這兩本書的封面。 圖 給商品加圖片 關(guān)于網(wǎng)頁版式布局，由于在當(dāng)當(dāng)網(wǎng)中需要展示的商品類別比較多，所以最好采用表格布局的方式。如圖 ，它采用的就是一種表格布局，通過這種布局能使不同類別的商品放在一塊，給客戶一種非常規(guī)范的感覺。 在主頁鏈接到后面的網(wǎng)頁中，最好使用導(dǎo)航條，因為這樣客戶能隨時返回到某一類型的商品頁面上，而且還可以知道現(xiàn)在客戶所處的位置。 圖 表格布局示例 4. 確定網(wǎng)頁的內(nèi)容 5. 網(wǎng)站測試和改進 6. 內(nèi)容更新 網(wǎng)站測試完后，就可以把網(wǎng)站發(fā)布到網(wǎng)上。對于在網(wǎng)上發(fā)布的信息一定要及時更新，確保把最新的信息展示給客戶。 (1) 培訓(xùn)員工經(jīng)常使用域名使其推廣。 (2) 實物宣傳。在公司名片、信封、文具、宣傳刊物等對內(nèi)外資料中須標(biāo)明網(wǎng)址；在公司所有對外廣告中、留念品中添加網(wǎng)址宣傳；借助相關(guān)媒體進行適當(dāng)宣傳 . (3) 利用商務(wù)軟件推廣登陸騎兵、商務(wù)快車、商務(wù)動力、郵件群發(fā)軟件，這些軟件如果從公司購買可不劃算，可請網(wǎng)站公司代辦，但著名的商務(wù)網(wǎng)站還是自己手工注冊比較好。 實訓(xùn)總結(jié) 通過了本章的案例，學(xué)生應(yīng)該能夠?qū)W(wǎng)上商城的規(guī)劃設(shè)計方法有所了解。 習(xí) 題 1. 填空題 (1) __________實際上是模擬用戶詢問網(wǎng)站的過程，用以發(fā)現(xiàn)問題并改進設(shè)計。 (2) 網(wǎng)站按照其功能和結(jié)構(gòu)形式大體上可以分為_______________、 _______________、 ____________、_________________、 ______________、______________。 (3) 電子商務(wù)按類型可分為 ____________、___________。 (4) 每個網(wǎng)站都應(yīng)該包括一組導(dǎo)航工具，它出現(xiàn)在此網(wǎng)站的每一個頁面中，稱為 ______________。 (5) 建立網(wǎng)站的鏈接結(jié)構(gòu)有兩種基本方式：______________、 ____________________。 2. 判斷題 (1) 背景和前文的對比盡量要大，以便突出主要文字內(nèi)容。 ( ) (2) 標(biāo)準(zhǔn)色彩是指能夠體現(xiàn)網(wǎng)站形象和延伸內(nèi)涵的色彩，主要用于網(wǎng)站的標(biāo)志、標(biāo)題、主菜單和主色塊。 ( ) (3) 網(wǎng)站內(nèi)容上最好使用成語、行話。 ( ) (4) 創(chuàng)建目錄時要把所有文件都存放在根目錄下。 ( ) (5) 顯示網(wǎng)站內(nèi)容時盡量避免彈出式窗口。 ( ) (6) 適合作為網(wǎng)頁標(biāo)準(zhǔn)色彩的有：藍色、黃 /橙色、黑 /灰 /白色 3大系列。 ( ) (7) 網(wǎng)頁布局的方法有兩種，第一種為紙上布局，第二種為網(wǎng)上布局。 ( ) (8) 頁面尺寸和顯示器大小及分辨率有關(guān)系。 ( ) (9) 不要使用過長的目錄，太長的目錄名不便于記憶；盡量使用意義明確的目錄，以便于記憶和管理。 ( ) (10) 企事業(yè)單位和個人根據(jù)自身要求建立和發(fā)布的網(wǎng)站，并以介紹基本情況、通信地址、產(chǎn)品和服務(wù)信息、供求信息、人員招聘和合作信息等為主旨，這類網(wǎng)站屬于電子商務(wù)類網(wǎng)站。 ( ) 本 章 結(jié) 束
教學(xué)課件相關(guān)推薦
鄂ICP備17016276號-1