儀器儀表的網站相對難設計,主要是因為其產品不太美觀增加了設計難度,而網站的主要架構可參考以下:
1)關于我們:公司概況/榮譽證書/加入我們/
2)儀器銷售:儀器儀表/儀器配件/
3)儀器租賃:租賃說明/租賃流程/租賃優勢/疑難解答/
4)儀器維修:維修說明/通用儀器維修/網絡儀器維修/維修流程/
5)優惠促銷
6)技術支持:關于技術支持/技術文章/手冊下載/
7)新聞資訊:公司動態/行業新聞/產品資訊/
8)聯系我們
欄目頁面框架詳細說明
1.欄目--首頁
1.1Header
1)logo+search+導航
圖1
說明:在導航條的最右邊顯示中文與英文的網站切換按鍵
圖2
說明:導航欄目及下拉菜單的設計風格參考
2)搜索框為全站搜索,而且索搜頁面制作如圖所示
說明:搜索頁面框架所上圖所示,在右邊欄目上添加一個條件搜索框
索結果改成如下圖所示的那樣
說明:標題加下面調用一段文字描述
3)百度商橋添加的位置
說明:必須放在搜索框的最右邊在線咨詢必須設置的相對比較顯目
1.2Body(首頁的body)
1)輪播圖(焦點圖設置(3~5張))
說明:可以點擊換圖自動定時播放圖片功能(公司形象圖片以及主打產品圖)
2)產品展示模塊
說明:調用2行,每行5個產品。產品展示右邊有更多鏈接到儀器產品頁面
如圖所示產品銷售鏈接到二級欄目儀器儀表頁面,在此再增加一個欄目優惠促銷,儀器租賃鏈接到二級欄目儀器租賃頁面,儀器維修鏈接到二級欄目儀器維修頁面
參考網站的首頁
3)在1)與2)中間,添加一個最新公告
說明:最新公告調用促銷優惠里面的標題(包含標題跟時間,掉用三個其它的標題可以定時輪播)參考網站:http://www.300.cn/index.ph
3)文章部分
說明:從新聞資訊調用公司動態/技術交流/行業新聞/等三個欄目。版面布局是第一篇文章的圖片加下面調用8篇文章(題目最大限度調用字數要與頁面相適應,題目的右邊必須有時間。上面兩張圖片的結合)每一個調用欄目的最右邊有更多直接連接到各自的列表頁
4)合作伙伴
說明:定時自動播放
1.3Footer
1)底部設計
說明底部進行設計
Footer底部分為首頁列表頁內容頁的三種footer,友情鏈接可以在后臺上直接添加到各自頁面的footer
2.欄目--關于我們
二級欄目:公司概況/榮譽證書/加入我們/
2.1點擊欄目關于我們跳轉到二級欄目公司概況的列表頁
說明:在欄目下面的空白處添加品牌商的圖標
2.2點擊二級欄目直接進入內容頁面