網站內容建設與制作的思維

1、頁面的合用性題目

對于移動終端，有不一樣的分辨率與屏幕尺寸，假如還像電腦真個設計還限制網頁的寬度為1003px或其他像素值，字體大小還用12px或 14px，那么，不一樣的終真個效果差別會很大。所以這里，最好讓網頁的寬度自適應屏幕，還好，w3c在設計html的時候為我們考慮了這一點，只需一句話，就可以搞定。

2、手機瀏覽器緩存題目

假如再更新不快的情況下，最好開啟瀏覽器緩存。

3、版本制作題目

移動頁面往往針對不同的手機設置不同的版本，一般有精簡版，尺度版，3G版，觸屏版，智能手機版等等，這些除了在頁面設計上有不同外，頁面語言也會不同的。精簡版采用wap 1.0 的wml腳本編寫，這個通用性以前很強，良多國產手機都支持這個語言的，但這個語言是很精簡的。企贏001分析，尺度版的一般可以采用wap 2.0技術，對應的腳本語言是xhtml mp(xhtml mobile profile)，這個語言是xhtml的子集，這個并且支持大部門的css,基本上和電腦版的差未幾，但一般不能用js，這是考慮到這些手機是不支持 js的。對于智能手機版，因為現在的智能手機都支持js，這個版本的制作上就簡樸多了，不外，又因為大部門智能手機(基本上除去塞班手機，包括 Android,ios,wp7等)都支持Html5，因此，智能手版可以采用html5來制作。

4、手機版本的大小題目

一般來說，對于精簡版和普通版的手機網頁，我們是做得越精簡越好，能省的代碼最好省去，究竟現在手機流量對用戶來說仍是很寶貴的。好比元素命名，一般頁面少的話，命名越短越好，css最好寫在一行。css中，有些元素是繼續父類的樣式的，不用重復定義，善用默認值。

5、版本控制題目

這部門主要指的是怎么智能判定手機的最佳版本并跳轉，可以從這幾個方面考慮。一方面，可以想辦法得得手機的操縱系統，好比，Android 的，ios的，就可以跳轉到html5版了，windows系統，毫無疑問電腦版，獲到手機系統，可能通過得得手機型號，現在的方法是通過瀏覽器的 UA(user agent)，獲到手機的一些信息，簡樸一點的，直接可以通過UA判定手機的制造產商。要想獲得更多的信息，就得有一個數據庫，由于不同手機型號會有不一樣的UA信息，世界上的手機有良多，自己要想做一個這樣的數據庫仍是很難的，不外，已經有人為我們做好了這樣的數據庫，或者更利便的，做好了一個識別手機合用最佳版本的函數庫，這里我推薦用Wurfl。另一方面，可以通過頁面的腳本來判定瀏覽器對js和html5的支持。