整合營(yíng)銷服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
網(wǎng)站開發(fā)中，將PSD轉(zhuǎn)換成HTML的操作中，關(guān)鍵步驟是將PSD擴(kuò)展設(shè)計(jì)轉(zhuǎn)化為可兼容、零誤差、靜態(tài)、高質(zhì)量、語義性、注釋明確并經(jīng)W3C驗(yàn)證的手編程序XHTML / CSS / HTML標(biāo)記，準(zhǔn)確的HTML編碼是基于靜態(tài)web布局與跨瀏覽器兼容性在PSD上添加高級(jí)功能最重要的一個(gè)方面，用HTML編碼設(shè)計(jì)，需要具備下列條件:
許多開發(fā)人員(無論是初學(xué)者還是有經(jīng)驗(yàn)的)在使用XHTML / HTML代碼時(shí)都存在一定困難，容易犯一些常見錯(cuò)誤，這里向大家推薦幾個(gè)將PSD轉(zhuǎn)換為XHTML / HTML/CSS的編碼技巧：
這是開發(fā)人員常犯的一個(gè)錯(cuò)誤，混亂使用標(biāo)記會(huì)嚴(yán)重影響視覺美感，建議大家使用小寫字母，能使頁面看起來清晰美觀。從用戶角度而言，網(wǎng)站設(shè)計(jì)沒有吸引力，就會(huì)大大縮短訪客在網(wǎng)站上的停留時(shí)間，減少成交量，所以恰當(dāng)?shù)臉?biāo)記直觀重要。
簡(jiǎn)單明了，復(fù)雜乏味的導(dǎo)引圖標(biāo)指示會(huì)讓客戶覺得無聊，用起來費(fèi)勁，高質(zhì)量的導(dǎo)航是一個(gè)網(wǎng)站保持魅力的關(guān)鍵，因此，結(jié)合使用CSS和無序列表元素能使網(wǎng)站導(dǎo)航菜單美觀大方，訂單頁面也是不容錯(cuò)過的重要點(diǎn)，一個(gè)好的訂單頁面能讓用戶感覺親切、舒服，引導(dǎo)消費(fèi)。
在div周圍增加使用多個(gè)div標(biāo)簽，這時(shí)候就需要將元素正確分類，使得頁面看起來整潔，注意塊元素和內(nèi)聯(lián)元素，塊風(fēng)格元素有div h1，h2，h3，ul，p，ol，塊引用等等；內(nèi)聯(lián)風(fēng)格元素有span，a，em，img，strong，br，acronym等等。
上面提到的小技巧都是經(jīng)過實(shí)踐總結(jié)出來的最有效的方法，希望能幫助你把PSD順利轉(zhuǎn)化為HTML，避免一些不必要的錯(cuò)誤。
智能社 撰稿，更多知識(shí)請(qǐng)關(guān)注微信號(hào)zhi_neng_she ，具體代碼可在公眾號(hào)內(nèi)‘技術(shù)圈’獲得！
來越多的開發(fā)者熱衷于使用html5+JavaScript開發(fā)移動(dòng)Web App。不過，HTML5 Web APP的出現(xiàn)能否在未來取代移動(dòng)應(yīng)用，就目前來說，還是個(gè)未知數(shù)。那么，有什么辦法，既可以使用HTMl5開發(fā)應(yīng) 用，又可以將其簡(jiǎn)單封裝成APK文件呢？
一、Android SDK中的WebView
1.在要Activity中實(shí)例化WebView組件：WebView webView = new WebView(this);
2.調(diào)用WebView的loadUrl()方法，設(shè)置WevView要顯示的網(wǎng)頁：
? 互聯(lián)網(wǎng)用：webView.loadUrl("http://www.qietu.com");
? 本地文件用：webView.loadUrl("file:///android_asset/XX.html"); 本地文件存放在：assets 文件中
3.調(diào)用Activity的setContentView( )方法來顯示網(wǎng)頁視圖
4.用WebView點(diǎn)鏈接看了很多頁以后為了讓W(xué)ebView支持回退功能，需要覆蓋覆蓋Activity類的onKeyDown()方法，如果不做任何處理，點(diǎn)擊系統(tǒng)回退剪鍵，整個(gè)瀏覽器會(huì)調(diào)用finish()而結(jié)束自身，而不是回退到上一頁面
5.需要在AndroidManifest.xml文件中添加權(quán)限，否則會(huì)出現(xiàn)Web page not available錯(cuò)誤。
? <uses-permission android:name="android.permission.INTERNET" />
缺點(diǎn)：如果是載入的是普通網(wǎng)頁，沒有什么問題，但如果是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); ?
??????????? //實(shí)例化WebView對(duì)象 ?
??????????? webview = new WebView(this); ?
??????????? //設(shè)置WebView屬性，能夠執(zhí)行Javascript腳本 ?
??????????? webview.getSettings().setJavaScriptEnabled(true); ?
??????????? //加載需要顯示的網(wǎng)頁 ?
??????????? webview.loadUrl("http://www.qietu.com/"); ?
??????????? //設(shè)置Web視圖 ?
??????????? setContentView(webview); ?
??????? } ?
??????? @Override
??????? //設(shè)置回退 ?
??????? //覆蓋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文件中添加權(quán)限
??? <?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是一個(gè)用基于HTML，CSS和JavaScript的，創(chuàng)建移動(dòng)跨平臺(tái)移動(dòng)應(yīng)用程序的快速開發(fā)平臺(tái)。它使開發(fā)者能夠利用 iPhone，Android，Palm，Symbian,WP7,Bada和Blackberry智能手機(jī)的核心功能——包括地理定位，加速器，聯(lián)系 人，聲音和振動(dòng)等，此外PhoneGap擁有豐富的插件，可以以此擴(kuò)展無限的功能。PhoneGap是免費(fèi)的，但是它需要特定平臺(tái)提供的附加軟件，例如 iPhone的iPhone SDK，Android的Android SDK等，
詳細(xì)方法請(qǐng)見：http://phonegap.com/start#android
優(yōu)點(diǎn)：在Eclipse中加入SDK，編程自由，完美適應(yīng)不同設(shè)備屏幕大小，適合高手使用。
缺點(diǎn)：沒有使用布局，直接加載網(wǎng)頁，不能添加廣告。
----------------
切圖網(wǎng)（qietu.com）最早將psd轉(zhuǎn)html服務(wù)模式帶到國(guó)內(nèi)，并首個(gè)提供響應(yīng)式、webapp前端開發(fā)的公司。專注web前端開發(fā)技術(shù)，關(guān)注用戶體驗(yàn)，加我們公眾微信賬號(hào)：qietuwang（長(zhǎng)按復(fù)制）
期，切版網(wǎng)收購(gòu)并啟用了qieban.cn域名，輸入域名可以看到非常搶眼的黃底黑色的網(wǎng)站。復(fù)制國(guó)外psd2html模式，主要提供html5/css3前端外包。
可見切版網(wǎng)對(duì)域名的保護(hù)是非常的重視。據(jù)查詢，qieban.cn近期信息有變動(dòng)，“切版”域名qieban.cn注冊(cè)于2015年6月，相關(guān)的主流后綴域名qieban.com/.net等已注冊(cè)。
易名中國(guó)（eName.cn）訊
*請(qǐng)認(rèn)真填寫需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。
