該款網站套餐是為客戶量身訂做的，從設計效果圖開始，一步一步的，經客戶確認好后，再會進行下一步，這類量身設計的套餐適用于中小型企業，類型也是新的全響應式網站（也稱自適應網站），由于是根據客戶的需求來設計頁面的，所以往往會讓客戶滿意，達到高大上的效果。

1、全網站SEO優化框架整體構建，對網站搜索有著顛覆性的提升。

2、全網站整體靜態化（附接口，安全性、網站搜索等，跟一般的網站有著質的區別）。

3、文件夾層次管理型內鏈（堪稱內鏈的領導者）

4、全響應式網站，幾乎滿足寬屏，寬屏，標準屏，小屏，大ipad，小ipad，大手機，標準手機，小手機等終端的要求。

5、隱藏性的文件顯示，以確保絕對性的數據安全。

平時我們所說的自適應網站，從專業角度講，它應該稱為響應式網站，即網站的同一個頁面在不同的客戶端打開的時候，會有不同的布局，比如某個網站里有個abcaa.html這個文件，在用手機與電腦打開的時候，顯示的模式是不一樣的，比如用電腦打開的時候，會自動排成寬度是1200px，而用手機打開的時候會以百分比的形式來展現，并且左右兩邊沒有滑動塊，顯示的是為手機移動端量身定做的布局與設計，就是所謂的遇到不同客戶端會有不同的響應。而自適應的概念更加的口語化，說明這個網頁自動適應不同的客戶端，是這個意思。有時我們把網站的banner兩邊無限延伸（實際上無限延伸是有度，因為目前國內電腦寬的像素也就是1920px，因而只要做個1920px的即可）也稱為自適應。

比如一個網站的域名是hello.com，里面有五個頁面，分別為aaa.html、baa.html、caa.html、daa.html、eaa.html，正常情況下，用電腦訪問hello.com/aaa.html的時候，會很自然的顯示PC網站，用手機訪問的時候也能看到，只是左右會有滑動塊，并且字體與圖片狂小，這個很能理解的，因為它本來就是為電腦量身定做的嘛。

但如果aaa.html這個頁面是響應式的頁面，就大不一樣了，用電腦打開后還跟以前一樣，但用手機打開hello.com/aaa.html后，就會顯示與手機相適應的頁面，比如字體與圖片會大，大得跟手機大小相得益彰，再比如新聞會變成一行一行，不會有幾列顯示，縮略圖之類，一行多兩個，而電腦上縮略圖排版，一行至少也要四個或五個，再比如在電腦上會以一行的形式展現功能菜單，而手機上至少有兩行，有的干脆自動隱藏起來，當點擊某個按鈕時才會顯示這些導航。

關于這方面的技術，其實非常的簡單，主要是通過自媒體media來實現，電腦media與手機media對于id或class的定義是完全不一樣的，換句話說，網頁中的代碼，大家是看不出自適應與否的，只有看到css，看到不同的media對id或class的定義，才能更深的理解網頁中的代碼，才會知道會有不同的排版方式。

技術方面具體的情況是，對于id與class的定義，如果PC端與移動端是一樣的，那直接放在css中的media之外，說白了，就是公用，只有當電腦或是手機與之不一樣時，才會在media中進行重新定義，一般來說，media的權限要高一些，但事實情況并非如此（具體原因不明），介于這個原因，因而我們在css中，要盡量將media定義放到后面，因為css的規則是后面的定義會自動覆蓋前面的，當然在aaa.html里引入這些css文件時，也要特別留意一下將media放到后，實際的開發過程中尤為重要，如果不注意這些，有時會莫名其妙的出css問題，后檢查出來，發現就是因為media放到前面去了，后面的新定義的就覆蓋前面了。