[互聯(lián)網(wǎng)]網(wǎng)站設計流程-閱讀頁
2024-12-22 22:39本頁面
【正文】 也將越長。子目錄的建立，首先按主欄目建立。一般來說，一個站點根目錄下都有一個默認的 Images目錄，將所有圖片都存放在這個目錄里很是不方便，比如在欄目刪除時，圖片的管理相當麻煩。 網(wǎng)站的鏈接結構是指頁面之間相互鏈接的拓撲結構。形象地說，每個頁面都是一個固定點，鏈接則是在兩個固定點之間的連線；一個點可以和一個點鏈接，也可以和多個點鏈接；更重要的是這些點并不是分布在一個平面上，而是存在于一個立體的空間中。 ? (1) 樹狀鏈接結構 (一對一 )，這類似 DOS的目錄結構，首頁鏈接指向一級頁面，一級頁面鏈接指向二級頁面。 ? (2) 星狀鏈接結構 (一對多 )，類似網(wǎng)絡服務器的鏈接，每個頁面相互之間都建立有鏈接。但是由于鏈接太多，容易使瀏覽者迷路，搞不清自己在什么位置，看了多少內(nèi)容。網(wǎng)站希望瀏覽者既可以方便快速地獲取自己需要的頁面，又可以清晰地知道自己的位置。 版面布局 現(xiàn)在 ，網(wǎng)頁的版面布局設計變得越來越重要，訪問者不愿意再看到只注重內(nèi)容的站點。取任何一面都無法留住太過“挑剔”的訪問者。在開始的時侯，需要明白，雖然你能隨意設計一些東西，但當你了解了什么是一種約定俗成的標準或者說大多數(shù)訪問者的瀏覽習慣時，那么你可以在此基礎上加上自己的東西。下面從以下幾個方面來了解一下版面布局的基本概念。由于頁面尺寸和顯示器大小及分辨率有關系，所以網(wǎng)頁的局限性就在于無法突破顯示器的范圍，而且因為瀏覽器也將占去不少空間，留下給你的頁面范圍變得越來越小。 (2) 整體造型。這里是指頁面的整體形象，這種形象應該是一個整體，圖形與文本的接合應該是層疊有序。 對于不同的形狀，它們所代表的意義是不同的。下面分別加以介紹。這種不打草稿的方法不能設計出優(yōu)秀的網(wǎng)頁來。 準備若干張白紙和一支鉛筆，假如你要設計一個時尚站點。目前一般以 800600的分辨率為約定俗成的瀏覽模式，所以為了照顧大多數(shù)訪問者，你頁面的尺寸以 800600的分辨率為準。先在白紙上畫出象征瀏覽器窗口的矩形，這個矩形就是你布局的范圍了。 經(jīng)過以上的幾個步驟，一個時尚頁面的大概布局就出現(xiàn)了。 ? (3) 增加文本。 ? (4) 增加圖片。 2) 軟件布局法 如果你不喜歡用紙來畫布局意圖，還可以利用軟件來完成這些工作。不像用紙來設計布局，利用 Photoshop可以方便地使用顏色、圖形，并且可以利用層的功能設計出用紙張無法實現(xiàn)的布局意念。 CSS對于初學者來說顯得有點復雜，但它的確是一個好的布局方法，你曾經(jīng)無法實現(xiàn)的想法利用 CSS都能實現(xiàn)。 2) 表格布局 表格布局好像已經(jīng)成為一個標準，隨便瀏覽一個站點，它們一定是用表格布局的。而且表格在定位圖片和文本上比起用 CSS更加方便。 3. 網(wǎng)頁版面布局的技術 3) 框架布局 可能是因為框架布局的兼容性，框架結構的頁面開始被許多人否定。它如同表格布局一樣，把不同對象放置到不同頁面加以處理，因為框架可以取消邊框，所以一般來說不影響整體美觀。既然是網(wǎng)上商城，那么建站的目的就應該是給企業(yè)宣傳產(chǎn)品，讓用戶了解商品。我們這個網(wǎng)上商城實質(zhì)就是電子商務，那么它就符合電子商務網(wǎng)站的整體風格。購買是一個過程，網(wǎng)站應該盡量將這個過程縮短，讓用戶不需經(jīng)過繁瑣的操作就可買到他們喜歡的產(chǎn)品。 1) 商品查找 (1) 幫助文件 登錄網(wǎng)站的用戶，并不是每一位都熟悉我們的購買流程，先做什么，后做什么，所以最好在醒目的位置做一個“ Help”或“幫助”的鏈接，以幫助那些不清楚具體操作步驟的用戶。 (2) 關鍵字查找 我們的商品琳瑯滿目，為用戶提供了最大限度的可挑選性，但如何讓用戶最快地找到所需要的商品呢？可以提供一個輸入關鍵字然后進行快速查找的功能。 圖 關鍵字查找示例 (3) 產(chǎn)品分類 產(chǎn)品分類是非常重要的一環(huán)，分類盡量詳細、科學，以方便查找。 圖4.4 產(chǎn)品分類示例 2) 商品查看 用戶找到他感興趣的產(chǎn)品后，應為用戶提供更詳細的產(chǎn)品信息。難以想像當用戶面對一大串同類產(chǎn)品信息時還能保持耐心，如圖 。包括詳細的文字信息與產(chǎn)品圖片，文字信息應盡可能詳細地介紹性能及功能，以便用戶最直觀地獲取產(chǎn)品信息。如圖 ，產(chǎn)品下有產(chǎn)品信息，并且單擊 【 單擊進入 】 按鈕后，可進入詳細的產(chǎn)品介紹頁面。也許你會擔心用戶會離開網(wǎng)站而改在廠家購買，實際上這種現(xiàn)象是很少的。對于商務網(wǎng)站一定要加上相應商品的圖片，這樣更能直觀地讓客戶了解某個商品。如圖 網(wǎng)中關于兩本書的介紹，就加上了這兩本書的封面。如圖 ，它采用的就是一種表格布局，通過這種布局能使不同類別的商品放在一塊，給客戶一種非常規(guī)范的感覺。 圖 表格布局示例 4. 確定網(wǎng)頁的內(nèi)容 5. 網(wǎng)站測試和改進 6. 內(nèi)容更新 網(wǎng)站測試完后，就可以把網(wǎng)站發(fā)布到網(wǎng)上。 (1) 培訓員工經(jīng)常使用域名使其推廣。在公司名片、信封、文具、宣傳刊物等對內(nèi)外資料中須標明網(wǎng)址；在公司所有對外廣告中、留念品中添加網(wǎng)址宣傳；借助相關媒體進行適當宣傳 . (3) 利用商務軟件推廣登陸騎兵、商務快車、商務動力、郵件群發(fā)軟件，這些軟件如果從公司購買可不劃算，可請網(wǎng)站公司代辦，但著名的商務網(wǎng)站還是自己手工注冊比較好。 習 題 1. 填空題 (1) __________實際上是模擬用戶詢問網(wǎng)站的過程，用以發(fā)現(xiàn)問題并改進設計。 (3) 電子商務按類型可分為 ____________、___________。 (5) 建立網(wǎng)站的鏈接結構有兩種基本方式：______________、 ____________________。 ( ) (2) 標準色彩是指能夠體現(xiàn)網(wǎng)站形象和延伸內(nèi)涵的色彩，主要用于網(wǎng)站的標志、標題、主菜單和主色塊。 ( ) (4) 創(chuàng)建目錄時要把所有文件都存放在根目錄下。 ( ) (6) 適合作為網(wǎng)頁標準色彩的有：藍色、黃 /橙色、黑 /灰 /白色 3大系列。 ( ) (8) 頁面尺寸和顯示器大小及分辨率有關系。 ( ) (10) 企事業(yè)單位和個人根據(jù)自身要求建立和發(fā)布的網(wǎng)站，并以介紹基本情況、通信地址、產(chǎn)品和服務信息、供求信息、人員招聘和合作信息等為主旨，這類網(wǎng)站屬于電子商務類網(wǎng)
教學課件相關推薦
鄂ICP備17016276號-1