話(huà)說(shuō)最近老板讓我搞一個(gè)企業(yè)網(wǎng)站的手機(jī)版，說(shuō)是現(xiàn)在大家都用手機(jī)上網(wǎng)，咱也得跟上時(shí)代潮流。我一聽(tīng)，這事兒簡(jiǎn)單，之前也接觸過(guò)一點(diǎn)，就爽快地答應(yīng)。

第一步：當(dāng)然是先搞清楚需求

我一開(kāi)始以為就是把電腦版的網(wǎng)站縮小一下就完事，后來(lái)才發(fā)現(xiàn)沒(méi)那么簡(jiǎn)單。手機(jī)屏幕小，操作方式也不一樣，很多東西都得重新考慮。于是我趕緊去找老板和相關(guān)部門(mén)的同事，問(wèn)他們具體想要啥樣的，重點(diǎn)要突出他們七嘴八舌說(shuō)一堆，我拿著小本本都記下來(lái)，生怕漏

第二步：選個(gè)順手的工具

需求搞清楚，接下來(lái)就是選工具?，F(xiàn)在做網(wǎng)站的工具太多，我挑花眼。我選一個(gè)比較熟悉的，之前用它做過(guò)簡(jiǎn)單的網(wǎng)頁(yè)，上手快，而且功能也基本夠用。我也對(duì)比其他的工具，但是這個(gè)用起來(lái)感覺(jué)最舒服。

第三步：動(dòng)手搭建框架

工具選好，就開(kāi)始動(dòng)手。我先把網(wǎng)站的整體框架搭起來(lái)，就像蓋房子一樣，先把柱子和梁搭這一步很重要，關(guān)系到整個(gè)網(wǎng)站的結(jié)構(gòu)和穩(wěn)定性。我按照之前記下來(lái)的需求，把主要的幾個(gè)頁(yè)面和欄目都規(guī)劃然后用工具把它們一個(gè)個(gè)做出來(lái)。

第四步：把內(nèi)容填進(jìn)去

框架搭好，接下來(lái)就是往里面填充內(nèi)容。我把公司的一些介紹、產(chǎn)品信息、新聞動(dòng)態(tài)等等，都整理然后放到對(duì)應(yīng)的頁(yè)面上。這一步比較費(fèi)時(shí)間，因?yàn)橐紤]的東西很多，比如文字怎么排版、圖片怎么擺放、不同手機(jī)上的顯示效果等等。我一邊做一邊在手機(jī)上預(yù)覽，不斷地調(diào)整，生怕哪個(gè)地方出問(wèn)題。

第五步: 細(xì)節(jié)，細(xì)節(jié)，還是細(xì)節(jié)

內(nèi)容填充的差不多，我開(kāi)始摳細(xì)節(jié)。比如按鈕的大小、字體顏色、頁(yè)面之間的跳轉(zhuǎn)等等。這些細(xì)節(jié)看似不起眼，但很影響用戶(hù)體驗(yàn)。我反復(fù)測(cè)試，確保每個(gè)地方都看著舒服，用著順手。

• 導(dǎo)航欄要清晰：手機(jī)屏幕小，導(dǎo)航欄一定要顯眼，讓用戶(hù)一眼就能找到想去的地方。
• 圖片要優(yōu)化：手機(jī)流量貴，圖片太大加載慢，用戶(hù)等不及就跑。我把圖片都?jí)嚎s一下，保證清晰度的盡量減小文件大小。
• 表單要簡(jiǎn)化：在手機(jī)上填表單挺麻煩的，我把一些不必要的輸入項(xiàng)都去掉，盡量讓用戶(hù)少填東西。

第六步：找人幫忙看看

自己做完，感覺(jué)還不錯(cuò)，但是怕有啥自己沒(méi)注意到的地方，就找?guī)讉€(gè)同事幫忙看看。他們從用戶(hù)的角度提一些建議，我趕緊記錄下來(lái)，又修改一些地方。

第七步：終于搞定！

經(jīng)過(guò)一番折騰，企業(yè)網(wǎng)站的手機(jī)版終于搞定！老板看看，覺(jué)得還不錯(cuò)，我也松一口氣。這回實(shí)踐，讓我對(duì)手機(jī)網(wǎng)站建設(shè)有更深入的解，也積累一些經(jīng)驗(yàn)。以后再遇到類(lèi)似的項(xiàng)目，我就更有信心！