最近接個活兒，給一個朋友的公司做個手機(jī)網(wǎng)站。好久沒碰這塊，有點(diǎn)手生，不過好在基本的東西還沒忘。今天就跟大家分享下我這幾天的折騰過程。

第一步：搞清楚朋友到底想要啥

做網(wǎng)站之前，肯定得先搞清楚需求嘛我這朋友是開餐館的，他想弄個手機(jī)網(wǎng)站，主要是展示下菜單、環(huán)境照片，再加個在線預(yù)約功能。大概就這些，不算復(fù)雜。

第二步：搭個架子

需求清楚，接下來就是搭網(wǎng)站的架子。我直接用個現(xiàn)成的網(wǎng)站模板，省事兒。模板是死的，人是活的，還得根據(jù)朋友的需求改改。

• 先把模板下載下來。
• 然后用編輯器打開，對著設(shè)計(jì)稿，該改的地方改，該刪的地方刪。

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

架子搭好，就得往里面填東西。這部分主要就是把朋友提供的菜單、照片什么的，按照一定的布局放到網(wǎng)頁上。這里我主要注意幾個點(diǎn)：

• 圖片要壓縮：手機(jī)網(wǎng)站嘛圖片太大加載慢，用戶體驗(yàn)不
• 文字要簡潔：手機(jī)屏幕就那么大，長篇大論沒人看。
• 排版要清晰：重點(diǎn)內(nèi)容要突出，不能亂糟糟的。

第四步：弄那個預(yù)約功能

在線預(yù)約這塊，我找個免費(fèi)的插件，直接嵌到網(wǎng)站里。簡單配置一下，就能用。主要就是設(shè)置一下預(yù)約的時間、人數(shù)這些。

第五步：各種調(diào)試

東西都弄好后，就是各種調(diào)試。主要就是看看在不同手機(jī)上的顯示效果，有沒有變形、錯位什么的。還有就是測試下預(yù)約功能能不能正常用。

• 在自己手機(jī)上看看。
• 找?guī)讉€朋友幫忙看看。
• 用瀏覽器模擬不同手機(jī)型號看看。

收工

調(diào)試沒問題，就把網(wǎng)站上傳到服務(wù)器，再綁定個域名，這事兒就算搞定。朋友看看，還挺滿意的，我也算松口氣。這回做手機(jī)網(wǎng)站的過程還算順利，沒遇到啥大坑。主要是現(xiàn)在工具多，很多東西都不用自己從頭寫，省不少事兒。要想做出一個真正好的手機(jī)網(wǎng)站，還是有很多細(xì)節(jié)需要注意的。這回就先分享到這兒，下次有啥新東西再跟大家嘮。