儀器儀表的網(wǎng)站相對(duì)難設(shè)計(jì)，主要是因?yàn)槠洚a(chǎn)品不太美觀增加了設(shè)計(jì)難度，而網(wǎng)站的主要架構(gòu)可參考以下：
1）關(guān)于我們：公司概況/榮譽(yù)證書(shū)/加入我們/
2）儀器銷(xiāo)售：儀器儀表/儀器配件/
3）儀器租賃：租賃說(shuō)明/租賃流程/租賃優(yōu)勢(shì)/疑難解答/
4）儀器維修：維修說(shuō)明/通用儀器維修/ 網(wǎng)絡(luò)儀器維修/維修流程/
5）優(yōu)惠促銷(xiāo)
6）技術(shù)支持：關(guān)于技術(shù)支持/技術(shù)文章/手冊(cè)下載/
7）新聞資訊：公司動(dòng)態(tài)/行業(yè)新聞/產(chǎn)品資訊/
8）聯(lián)系我們
欄目頁(yè)面框架詳細(xì)說(shuō)明
1. 欄目--“首頁(yè)”
1.1 Header
1）logo+search+導(dǎo)航
如圖所示
 
圖1
說(shuō)明：在導(dǎo)航條的最右邊顯示中文與英文的網(wǎng)站切換按鍵
圖2
說(shuō)明：導(dǎo)航欄目及下拉菜單的設(shè)計(jì)風(fēng)格參考
2) 搜索框?yàn)槿舅阉鳎宜魉秧?yè)面制作如圖所示

說(shuō)明：搜索頁(yè)面框架所上圖所示，在右邊欄目上添加一個(gè)條件搜索框
如圖所示

 索結(jié)果改成如下圖所示的那樣
說(shuō)明：標(biāo)題加下面調(diào)用一段文字描述

3) 百度商橋添加的位置
如圖所示

說(shuō)明：必須放在搜索框的最右邊 在線(xiàn)咨詢(xún)必須設(shè)置的相對(duì)比較顯目
1.2 Body（首頁(yè)的body）
1）輪播圖（焦點(diǎn)圖設(shè)置（3~5張））
如圖所示

說(shuō)明：可以點(diǎn)擊換圖 自動(dòng)定時(shí)播放圖片功能（公司形象圖片以及主打產(chǎn)品圖）
2）產(chǎn)品展示模塊
如圖所示
說(shuō)明：調(diào)用2行，每行5個(gè)產(chǎn)品。產(chǎn)品展示右邊有“更多”鏈接到“儀器產(chǎn)品”頁(yè)面
如圖所示 產(chǎn)品銷(xiāo)售鏈接到二級(jí)欄目“儀器儀表”頁(yè)面，在此再增加一個(gè)欄目“優(yōu)惠促銷(xiāo)”，儀器租賃鏈接到二級(jí)欄目“儀器租賃”頁(yè)面，儀器維修鏈接到二級(jí)欄目“儀器維修”頁(yè)面
參考網(wǎng)站 的首頁(yè)
3）在1）與2）中間，添加一個(gè)最新公告
如圖所示
說(shuō)明：最新公告調(diào)用促銷(xiāo)優(yōu)惠里面的標(biāo)題（包含標(biāo)題跟時(shí)間，掉用三個(gè) 其它的標(biāo)題可以定時(shí)輪播）參考網(wǎng)站：http://www.shenmeilan.com/index.php
3）文章部分
如圖所示 
說(shuō)明：從“新聞資訊”調(diào)用“公司動(dòng)態(tài)/技術(shù)交流/行業(yè)新聞/”等三個(gè)欄目。版面布局是第一篇文章的圖片加下面調(diào)用8篇文章（題目最大限度調(diào)用字?jǐn)?shù)要與頁(yè)面相適應(yīng)，題目的右邊必須有時(shí)間。上面兩張圖片的結(jié)合）每一個(gè)調(diào)用欄目的最右邊有“更多”直接連接到各自的列表頁(yè)
4）合作伙伴
如圖所示
說(shuō)明：定時(shí)自動(dòng)播放
1.3 Footer
1）底部設(shè)計(jì)
說(shuō)明底部進(jìn)行設(shè)計(jì)
Footer底部分為首頁(yè) 列表頁(yè) 內(nèi)容頁(yè)的三種footer，友情鏈接可以在后臺(tái)上直接添加到各自頁(yè)面的footer
2. 欄目--“關(guān)于我們”
二級(jí)欄目：公司概況/  榮譽(yù)證書(shū)/  加入我們/
2.1 點(diǎn)擊欄目“關(guān)于我們”跳轉(zhuǎn)到二級(jí)欄目“公司概況”的列表頁(yè)
如圖所示
說(shuō)明：在欄目下面的空白處添加品牌商的圖標(biāo)
2.2 點(diǎn)擊二級(jí)欄目直接進(jìn)入內(nèi)容頁(yè)面
如圖所示