整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
網站開發中，將PSD轉換成HTML的操作中，關鍵步驟是將PSD擴展設計轉化為可兼容、零誤差、靜態、高質量、語義性、注釋明確并經W3C驗證的手編程序XHTML / CSS / HTML標記，準確的HTML編碼是基于靜態web布局與跨瀏覽器兼容性在PSD上添加高級功能最重要的一個方面，用HTML編碼設計，需要具備下列條件:
許多開發人員(無論是初學者還是有經驗的)在使用XHTML / HTML代碼時都存在一定困難，容易犯一些常見錯誤，這里向大家推薦幾個將PSD轉換為XHTML / HTML/CSS的編碼技巧：
這是開發人員常犯的一個錯誤，混亂使用標記會嚴重影響視覺美感，建議大家使用小寫字母，能使頁面看起來清晰美觀。從用戶角度而言，網站設計沒有吸引力，就會大大縮短訪客在網站上的停留時間，減少成交量，所以恰當的標記直觀重要。
簡單明了，復雜乏味的導引圖標指示會讓客戶覺得無聊，用起來費勁，高質量的導航是一個網站保持魅力的關鍵，因此，結合使用CSS和無序列表元素能使網站導航菜單美觀大方，訂單頁面也是不容錯過的重要點，一個好的訂單頁面能讓用戶感覺親切、舒服，引導消費。
在div周圍增加使用多個div標簽，這時候就需要將元素正確分類，使得頁面看起來整潔，注意塊元素和內聯元素，塊風格元素有div h1，h2，h3，ul，p，ol，塊引用等等；內聯風格元素有span，a，em，img，strong，br，acronym等等。
上面提到的小技巧都是經過實踐總結出來的最有效的方法，希望能幫助你把PSD順利轉化為HTML，避免一些不必要的錯誤。
智能社 撰稿，更多知識請關注微信號zhi_neng_she ，具體代碼可在公眾號內‘技術圈’獲得！
來越多的開發者熱衷于使用html5+JavaScript開發移動Web App。不過，HTML5 Web APP的出現能否在未來取代移動應用，就目前來說，還是個未知數。那么，有什么辦法，既可以使用HTMl5開發應 用，又可以將其簡單封裝成APK文件呢？
一、Android SDK中的WebView
1.在要Activity中實例化WebView組件：WebView webView = new WebView(this);
2.調用WebView的loadUrl()方法，設置WevView要顯示的網頁：
? 互聯網用：webView.loadUrl("http://www.qietu.com");
? 本地文件用：webView.loadUrl("file:///android_asset/XX.html"); 本地文件存放在：assets 文件中
3.調用Activity的setContentView( )方法來顯示網頁視圖
4.用WebView點鏈接看了很多頁以后為了讓WebView支持回退功能，需要覆蓋覆蓋Activity類的onKeyDown()方法，如果不做任何處理，點擊系統回退剪鍵，整個瀏覽器會調用finish()而結束自身，而不是回退到上一頁面
5.需要在AndroidManifest.xml文件中添加權限，否則會出現Web page not available錯誤。
? <uses-permission android:name="android.permission.INTERNET" />
缺點：如果是載入的是普通網頁，沒有什么問題，但如果是html5,封裝后，在android2.3以上才能正常訪問，android2.2及以下，SDK中的WebView還沒完全支持HTML5
下面是具體例子：
MainActivity.java
??? package com.android.webview.activity; ?
??? import android.app.Activity; ?
??? import android.os.Bundle; ?
??? import android.view.KeyEvent; ?
??? import android.webkit.WebView; ?
??? public class MainActivity extends Activity { ?
??????? private WebView webview; ?
??????? @Override
??????? public void onCreate(Bundle savedInstanceState) { ?
??????????? super.onCreate(savedInstanceState); ?
??????????? //實例化WebView對象 ?
??????????? webview = new WebView(this); ?
??????????? //設置WebView屬性，能夠執行Javascript腳本 ?
??????????? webview.getSettings().setJavaScriptEnabled(true); ?
??????????? //加載需要顯示的網頁 ?
??????????? webview.loadUrl("http://www.qietu.com/"); ?
??????????? //設置Web視圖 ?
??????????? setContentView(webview); ?
??????? } ?
??????? @Override
??????? //設置回退 ?
??????? //覆蓋Activity類的onKeyDown(int keyCoder,KeyEvent event)方法 ?
??????? public boolean onKeyDown(int keyCode, KeyEvent event) { ?
??????????? if ((keyCode == KeyEvent.KEYCODE_BACK) && webview.canGoBack()) { ?
??????????????? webview.goBack(); //goBack()表示返回WebView的上一頁面 ?
??????????????? return true; ?
??????????? } ?
??????????? return false; ?
??? }
在AndroidManifest.xml文件中添加權限
??? <?xml version="1.0" encoding="utf-8"?>
??? <manifest xmlns:android="http://schemas.android.com/apk/res/android"
????????? package="com.android.webview.activity"
????????? android:versionCode="1"
????????? android:versionName="1.0">
??????? <uses-sdk android:minSdkVersion="10" />
??????? <application android:icon="@drawable/icon" android:label="@string/app_name">
??????????? <activity android:name=".MainActivity"
????????????????????? android:label="@string/app_name">
??????????????? <intent-filter>
??????????????????? <action android:name="android.intent.action.MAIN" />
??????????????????? <category android:name="android.intent.category.LAUNCHER" />
??????????????? </intent-filter>
??????????? </activity>
??????? </application>
??????? <uses-permission android:name="android.permission.INTERNET"/>
??? </manifest>
二、使用PhoneGap
??? PhoneGap是一個用基于HTML，CSS和JavaScript的，創建移動跨平臺移動應用程序的快速開發平臺。它使開發者能夠利用 iPhone，Android，Palm，Symbian,WP7,Bada和Blackberry智能手機的核心功能——包括地理定位，加速器，聯系 人，聲音和振動等，此外PhoneGap擁有豐富的插件，可以以此擴展無限的功能。PhoneGap是免費的，但是它需要特定平臺提供的附加軟件，例如 iPhone的iPhone SDK，Android的Android SDK等，
詳細方法請見：http://phonegap.com/start#android
優點：在Eclipse中加入SDK，編程自由，完美適應不同設備屏幕大小，適合高手使用。
缺點：沒有使用布局，直接加載網頁，不能添加廣告。
----------------
切圖網（qietu.com）最早將psd轉html服務模式帶到國內，并首個提供響應式、webapp前端開發的公司。專注web前端開發技術，關注用戶體驗，加我們公眾微信賬號：qietuwang（長按復制）
5作為新一代Web開發標準，如今在開發領域掀起了一股熱潮，而且還在不斷地發展變化著，并致力于把網站開發推進一個新階段，網頁設計的標準也會隨之更上一層樓 。
新版的H5增添了許多豐富誘人的特性，如視頻回放，多媒體，APIs等功能，不斷提升了人們對H5的興趣，力求把PSD運用到H5開發中去。但是，盲目選擇供應商也會導致一系列問題，下面，我們幫你選出了一些目前市場上很受歡迎的PSD格式轉H5的服務商，認真選擇一個符合你自身條件的就是最好的。
?CSSChopper
H5開發領域的CSSChopper PSD，因其高質量的服務而出名，連一流的資深開發者也更愿意選擇像PSD、PNG、BMP、JPG等類似的文件格式。CSSChopper可以在Chrome，火狐5.0，IE7，Safari5.0以及Opera12瀏覽器的WordPress，Drupal和Oscommerce平臺上運行。支持貝寶，威士卡，信用卡等安全支付方式，可提供有效的NDA協議等一些增值服務，如免費教授使用技術，30天退款保證等。
?HTMLPanda
HTMLPanda是PSD轉H5最好的服務商，接受主要的文件類型，給H5平臺提供了支持，服務項目是跨瀏覽器，這意味著他們要能與主流瀏覽器Chrome，火狐5.0，IE7，Safari5.0以及Opera12協調運作，確保通過貝寶，威士卡，信用卡進行安全支付，增值服務有NDA協議，免費技術和退款保證(30天)。
?XhtmlTeam
xhtmlTeam主要提供PSD轉換服務，他們能夠把原始的PSD文件轉換為全功能HTML和XHTML標記，并快速周轉和交付。在價格實惠的情況下，如果你還在追求服務速度，那么 xhtmlTeam就是最佳選擇。
?PixelCrayons
這個PSD轉 H5備受關注的服務商，他們可以在IE6 Chrome，Firefox和Safari4.0瀏覽器上幫助你把各種類型的文件，包括PSD、AI、PNG、GIF和JPG 轉換成H5，通過貝寶，威士卡，信用卡保證現金的有序交易。PixelCrayons唯一的缺點就是不提供任何形式的增值服務。
?MarkupBox
MarkupBox是PSD轉H5開發領域排名前十的，為用戶提供了良好的服務，所有web開發人員幾乎都會用到，能轉換所有主要文件格式如PSD、TIFF、PNG等，還提供定制服務平臺如WordPress和Joomla。可在MarkupBox網站上使用信用卡、貝寶等確保安全的貨幣交易，提供不滿意30天退款政策，NDA可訪問性等售后服務。
想找到合適的PSD轉H5服務商并不是一件輕而易舉的事，但以上列出的會讓你的任務變得更加So easy!
智能社 撰稿，轉載請注明來源！！
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
