上周二蹲馬桶刷短視頻時(shí)，突然刷到個(gè)教人做網(wǎng)站的教程，說十分鐘就能搞出來。我心想這還不簡(jiǎn)單？當(dāng)場(chǎng)拍大腿決定給自己工作室弄個(gè)門面網(wǎng)頁，結(jié)果折騰得夠嗆。

第一步：找工具差點(diǎn)掉坑里

翻出吃灰的舊筆記本，在瀏覽器搜索框里敲"做網(wǎng)站"，跳出來滿屏花花綠綠的廣告。隨手點(diǎn)了第一個(gè)號(hào)稱"免費(fèi)建站"的，剛上傳完工作室logo就彈出付費(fèi)彈窗——原來免費(fèi)版只能顯示三行字！氣得我直接關(guān)了頁面。

后來學(xué)乖了，專門找標(biāo)著"企業(yè)建站"的工具。這回倒是真讓我拖拖拽拽排了個(gè)版面：左邊放聯(lián)系方式，中間塞服務(wù)介紹，右邊堆案例圖片。正美滋滋欣賞，隔壁做設(shè)計(jì)的小年輕伸頭看了眼："哥你這排版咋在手機(jī)上全擠成麻花了？"

第二步：跟"自動(dòng)變形"死磕

原來現(xiàn)在網(wǎng)站都得能自動(dòng)適應(yīng)手機(jī)！趕緊去設(shè)置里找"自動(dòng)變形"按鈕。結(jié)果發(fā)現(xiàn)要單獨(dú)調(diào)整手機(jī)版布局，氣得我差點(diǎn)把鼠標(biāo)摔了。舉著手機(jī)測(cè)試頁面時(shí)，老板剛好路過："咱工作室英文名拼錯(cuò)了..." 低頭一看：professional寫成proffesional，三個(gè)f字母挨一塊跟搓麻將似的。

• 改完錯(cuò)字調(diào)手機(jī)版面
• 調(diào)完版面發(fā)現(xiàn)電腦版又亂了
• 修好電腦版手機(jī)圖片又錯(cuò)位

干脆把手機(jī)和電腦的編輯界面左右分屏，兩邊同步修改。等全部對(duì)齊那刻，窗外天都亮了。

第三步：上線的幺蛾子

點(diǎn)擊發(fā)布按鈕那叫個(gè)激動(dòng)！結(jié)果用自己手機(jī)打開新網(wǎng)站，加載了半分鐘還卡在開頭動(dòng)畫。跑去問工具客服，人家輕飄飄甩來一句："免費(fèi)套餐限速"。咬牙買了198塊的基礎(chǔ)套餐，加載是快了，但工作室地址里的"朝陽區(qū)"總顯示成"朝?區(qū)"——這個(gè)emoji可太靈性了。

客戶微信上問我："你們網(wǎng)站那個(gè)浮窗老跟著屏幕飄，晃得我頭暈"。我研究了半天才發(fā)現(xiàn)，是促銷彈窗被我隨手關(guān)掉后殘留的半透明陰影！在后臺(tái)代碼里扒拉出個(gè)隱藏選項(xiàng)才解決。

現(xiàn)在這破網(wǎng)站總算能看了，雖然手機(jī)版點(diǎn)案例圖片還是會(huì)偶爾閃退。不過下次誰再說十分鐘建站，我直接拿這個(gè)emoji地址糊他臉上：北京市朝?區(qū)花園路666號(hào)。