1、相關素材資料準備
在對手機網(wǎng)站進行制作之前我們需要準備好相關的素材資料，比方說網(wǎng)站的一些圖片以及文字、聲音、flash等。這些都統(tǒng)一放在新建的images文件下中，以便統(tǒng)一管理。另外，手機網(wǎng)站為了能夠?qū)崿F(xiàn)很好的顯示效果，它的所有代碼都統(tǒng)一放在一個靜態(tài)文件中，比如index.html靜態(tài)文件。
2、手機網(wǎng)站的欄目規(guī)劃
為了顯示效果能夠更好，手機網(wǎng)站應該盡量減少頁面的容量，因此在內(nèi)容以及欄目上應該盡量精簡。比如一般企業(yè)手機網(wǎng)站會包括公司簡介、產(chǎn)品中心、服務項目、聯(lián)系我們、成功案例等四五個欄目，這些欄目可以通過圖文并茂的形式進行展示，也可以通過js對圖片進行一些翻頁效果等顯示出來，以提高網(wǎng)站的可觀性。手機網(wǎng)站制作的要點在于圖片的展示，例如企業(yè)的產(chǎn)品圖片展示，我們需要調(diào)整好尺寸，以能夠適應手機屏幕尺寸大小，同時對圖片通過js效果進行展示出來，能夠迅速吸引住用戶的眼球。
3、適合的瀏覽器準備
在網(wǎng)站建設之前，我們還需準備好適合的瀏覽器。主要是為了在制作過程中進行實時地瀏覽頁面效果，手機網(wǎng)站是能夠?qū)崿F(xiàn)動態(tài)效果的，但是我們可以基本從Html靜態(tài)頁面做起。比如谷歌以及火狐，這二者都對html5有很好的支持，同時能夠很好地支持手機網(wǎng)站的一些js代碼，瀏覽效果非常好。而像360瀏覽器、QQ瀏覽器等就沒有如此強大了。
4、在html5中植入flash元素
我們可以直接通過html5的一些屬性對一些動態(tài)效果進行實現(xiàn)，這大大地提高工作效率，同時還能夠節(jié)省頁面空間，使頁面加載更加流暢，對提高用戶體驗方面也有著重要作用。手機網(wǎng)站，無論是在設計上還是在代碼的編程上都提高了一個檔次，因此這需要我們加強學習，通過學習新的知識來順應互聯(lián)網(wǎng)技術的發(fā)展趨勢。