隨著網站的發展前5年我就會覺得手機網站有發展前途,但是沒有我相像的那么做大,現在手機網站制作大有人在,跟這跟電腦網站建設沒有多大區別,會那代碼就能改這網站,手機網站制作在工具上,手機版網頁和電腦版網頁沒有什么區別,可以根據自己的喜好。我是喜歡用Dreamweaver的,而且Dreamweaver cs6有個多屏預覽的功能,可以很方便的預覽手機、平板、PC端的效果。不過Dreamweaver 挺大的,還有很多比較快比較好的編輯器,比如EditPlus,這還是看個人的習慣和喜好了。推薦一個編輯器sublime text,我自己覺得超好用。在代碼方面的話:首先得加上這樣的一行。設置寬度、高度、是否能夠縮放。然后,主要是要考慮適配。比較好的是做到自適應。這個可以搜一下,我記得月光博客里面就有篇很詳細的。其次,可以用@media only screen and(min-device-width : 320px) and(max-device-width : 480px){ }來對不同像素的屏幕寫不同的樣式。可以看下知乎的登錄頁面,用的就是@media。手機網站制作再然后要考慮的是用戶體驗。簡單的拿個鏈接來說,在PC端因為有鼠標,很容易點到。可是手機端就不一樣,就幾個字的鏈接很難點到,所以就要擴大點的面積。這就是為什么會出現電腦版的網頁和手機版網頁。其實做手機版的網頁有個好處就是可以大量的使用HTML5和CSS3,這樣能做出很多效果。
【無數據記錄】 【下一篇】