移動網站制作

圖片不算很大！可以用百分百控制圖片的寬度！切記高度要一致。

web前端主要是通過div+css等技術來完成一個傳統pc網頁的靜態頁面制作，移動web前端是通過html5+css3等技術來完成一個手機端訪問的網頁的制作，一個是針對pc一個是針對手機，這個就是它們最大的區別了。國內像切圖網等就是專門提供這樣的服務的，只需要提供設計稿就可以了。

很多企業都有自己的網站，但是隨著智能手機越來越普遍，市場占有率突飛猛進，網站的移動推廣成為企業產品推廣必不可少的一部分。大多數企業都擁有了自己的傳pc網站，也就是電腦版的網站,手機占有率的逐漸升高,智能手機成為企業移動推廣最重要的平臺，已經凸顯其推廣好處，企業網站移動化已經成為市場發展的必然。很多手機開發商將手機應用作為當前發展的重點，為手機網站建設非常便利的條件。 事實上，傳統的電腦網站也能在手機上打開，但是我們企業為什么還需要另外建設手機網站呢?這不是很麻煩、重復勞動嗎?其實除了企業網站移動化的市場需求外，手機網站與傳統網站有著很大的區別也是另外一個原因。下面就來為您分析一下這個問題。筆者認為建設手機網站有以下幾個方面的好處： 1、手機瀏覽器訪問手機網站比訪問電腦版網站看到的網頁更直觀而且不凌亂：由于手機屏幕較小，而傳統網站網頁較大，不易瀏覽全面，因此不能給用戶帶來很好的體驗，而做成手機網站后就能很好地適應手機瀏覽器。 2、手機網站可以為用戶節省大量流量和上網資費：電腦網站為了頁面的美觀，使用了大量的圖片，flash等元素，而手機網站設計通常特點是簡單、明了、小巧、靈活，以文字型內容為主，幾乎不大量使用圖片之類的元素，手機網站可以為用戶節省大量流量和上網資費的好處，因此用戶更加青睞手機網站。最主要的是手機隨身攜帶，隨地搜索，企業推廣針對性隨意性強。 3、手機網站具有手機通過瀏覽器縮放功能也解決不了的瀏覽體驗：使用手機訪問電腦網頁的速度要遠低于訪問手機網站網頁的速度。 4、建設手機網站，方便隨時隨地宣傳您的網站。由于手機具有隨身攜帶的特性，用戶可以隨時通過移動網絡，隨時隨地的做生意來宣傳推廣自己的手機網站，手機網站還可以更好的結合微博、微信做推廣，畢竟這是一個近5億的手機市場，有誰舍得拋棄這個市場的誘惑。恰恰建站好處來源于市場誘惑 ...... 5、可以隨時隨地與用戶溝通。在手機網站上也可以實現互，動功能的多樣化、人性化，眾多聯系方式讓用戶隨意選擇，用戶跳出率降低，而用戶轉化率則大大提高。 6、手機網站也可以做搜索排名。如果你的手機網站優化推廣做得好的話，搜索引擎在手機上也會優先把你的手機網站排在前面，這位你的手機網站的推廣帶來莫大的好處，如果還沒有建設手機網站，那么顯然你已經落伍了，你的生意就被別人搶去了。手機網站的推廣比電腦網站推廣更省錢。想要做好手機網站優化可以來這，前面是貳叁伍中間是壹四貳后面是八柒壹，組合起來就可以看到了真心想學的來。 7、企業建好自己的手機網站可以在企業員工內部做企業推廣，現在企業員工人手一部手機，便利企業形象樹立，提高企業競爭優勢企業手機網站信息系統是一個對內、對外展示企業產品、展示企業文化的一個窗口，是發布企業信息的快捷途徑， 綜上所述，企業建設自己的手機網站是非常有必要的。當我們在辦公室里瀏覽電腦版的網頁時，你是否想到還有很多的人在辦公室以外瀏覽手機網站呢。在手機上瀏覽pc版網站，不僅費時費力，而且還浪費流量和資金，更重要的是造成潛在客戶的流失，對企業來說是一個巨大的損失。小編提醒您：盡快建設你的手機網站，不然的話，用一句時髦的話“你已經OUT了”，任何一個脫離市場的企業絕不會贏得市場，而移動手機網站則正是當前應用的發展方向。謝謝閱讀，希望能很好地幫到大家。鴻運通建網站-專業網站建設團隊，為你打造pc網站+手機網站+微網站，三網合一建站服務。

web前端主要是通過div+css等技術來完成一個傳統pc網頁的靜態頁面制作，移動web前端是通過html5+css3等技術來完成一個手機端訪問的網頁的制作，一個是針對pc一個是針對手機，這個就是它們最大的區別了。國內像切圖網等就是專門提供這樣的服務的，只需要提供設計稿就可以了。

一個網站可以貴也可以便宜，主要看你想實現什么樣的功能，考慮到訪問量的大小還有寬帶和服務器的費用，我是從事網站制作工作的，最簡單的網站2000可以搞定 有沒有進網站自動生成的，個性化的的，就像注冊中國企業網，自動生成手機網站  許多b2b網站都可以給客戶提供子網站的，現在的網站可以同時兼容pc端和移動端 多謝 你回答， 我還是去中國企業網注冊 生成微網站

額……50分招來了一群外行……樓主替你悲哀一下~言歸正傳哈~現在手機都是用HTML5和CSS3來開發網頁了，而JS的選用也有講究，JQ是為了兼容各個瀏覽器才寫的東西，大而且不適用手機端，手機端只要兼容webkit內核的瀏覽器就行了~所以可以使用zepto.js（你可以去搜一下）用法跟JQ一樣，但是比JQ小很多很多，不兼容IE（手機端就不考慮IE瀏覽器了吧~）用法和JQ基本一樣，不用多學，然后再一個就是可以試試quo.js這個跟JQ也差不多，但是它追加了很多觸屏手勢的支持。建議使用這些小的JS庫，方便手機運行~

手機網站制作費用，需要多少錢不太好一句話說清楚，網站類型太多了，需要的功能不同價格自然也不同，所以如果需要制作企業手機網站，要先定好需要的功能，確保網站制作出來能對企業有用。鴨梨科技在互聯網+普及工程啟動以后，幫助企業建設企業互聯網生態圈，讓企業全面低成本接入互聯網，拓寬企業發展渠道。

dedecms建站移動化問題，從6.18織夢更新手機站后問題就解決了，下面是對網站系統做的一些升級記錄（記得升級之前一定要備份，切記）以網站http://boaer.com為例：第一步：下載官方升級文件v57sp1-20150618.zip （記得升級之前一定要備份，切記）第二步：解壓覆蓋原來的文件。上傳到服務覆蓋之前的文件。第三步：對模板文件的修改。復制以前的老模板文件，分別加上一下代碼：首頁：<meta http-equiv="mobile-agent" content="format=xhtml;url={dede:global.cfg_mobileurl/}/index.html"><script type="text/javascript">if(window.location.toString().indexOf('pref=padindex') != -1){}else{if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))){if(window.location.href.indexOf("?mobile")<0){try{if(/Android|Windows Phone|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)){window.location.href="{dede:global.cfg_mobileurl/}/index.html";}else if(/iPad/i.test(navigator.userAgent)){}else{}}catch(e){}}}}</script>欄目頁<meta http-equiv="mobile-agent" content="format=xhtml;url={dede:global.cfg_mobileurl/}/list.php?tid={dede:field.id/}"><script type="text/javascript">if(window.location.toString().indexOf('pref=padindex') != -1){}else{if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))){if(window.location.href.indexOf("?mobile")<0){try{if(/Android|Windows Phone|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)){window.location.href="{dede:global.cfg_mobileurl/}/list.php?tid={dede:field.id/}";}else if(/iPad/i.test(navigator.userAgent)){}else{}}catch(e){}}}}</script>文章頁面<meta http-equiv="mobile-agent" content="format=xhtml;url={dede:global.cfg_mobileurl/}/view.php?aid={dede:field.id/}"><script type="text/javascript">if(window.location.toString().indexOf('pref=padindex') != -1){}else{if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))){if(window.location.href.indexOf("?mobile")<0){try{if(/Android|Windows Phone|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)){window.location.href="{dede:global.cfg_mobileurl/}/view.php?aid={dede:field.id/}";}else if(/iPad/i.test(navigator.userAgent)){}else{}}catch(e){}}}}</script>建議把其中的{dede:global.cfg_mobileurl/} 修改為手機站網站，例如修改成http://m.boaer.com/ 。這代碼的主要含義是手機跳轉到手機頁面。對手機端模板修改，主要是添加統計代碼，對css的一些調整，手機模板也存在于默認模板下.主要的有：header_m 頂部index_m   首頁footer_m  底部index_default_m  列表頁修改之后覆蓋。解決驗證碼失效問題：直接取消驗證碼1、打開 login.php 找到：if($validate==” || $validate != $svali)替換為：if( false )2、在模板文件dede/templets/login.htm里去掉以下驗證碼的具體HTML代碼：<li><span>驗證碼：</span>   <input name=”validate” type=”text” id=”vdcode” style=’width:50px;text-transform:uppercase;’ />   <img id=”vdimgck” src=”../include/vdimgck.php” alt=”看不清？點擊更換” align=”absmiddle” style=”cursor:pointer” onclick=”this.src=this.src+’?'” /></li>第四步：把二級目錄變為二級域名，就可以方位手機站了。網址：http://www.boaer.com/m/ 為了更友好，可以把二級目錄變為二級域名。1、解析二級域名到服務器IP。2、解決圖片不顯示的問題。把圖片變成絕對地址改目錄include下的文件extend.func.php，在最后面添加一個函數方法function replaceurl($newurl){$newurl=str_replace('src="/uploads/allimg/','src="http://你的域名/uploads/allimg/',$newurl);return $newurl;}另外調用文章正文內容的標簽{dede:field.body/}需要改成： {dede:field.body function='replaceurl(@me)'/}此方法可以適用于任何調用絕對路徑圖片的頁面。手機訪問網站時就會自動跳轉到手機站網址了。其他問題可以去DEDECMS官方論壇看看，或者百度搜索基本上都能找到答案。

dedecms建站移動化問題，從6.18織夢更新手機站后問題就解決了，下面是對網站系統做的一些升級記錄（記得升級之前一定要備份，切記）以網站http://boaer.com為例：第一步：下載官方升級文件v57sp1-20150618.zip （記得升級之前一定要備份，切記）第二步：解壓覆蓋原來的文件。上傳到服務覆蓋之前的文件。第三步：對模板文件的修改。復制以前的老模板文件，分別加上一下代碼：首頁：<meta http-equiv="mobile-agent" content="format=xhtml;url={dede:global.cfg_mobileurl/}/index.html"><script type="text/javascript">if(window.location.toString().indexOf('pref=padindex') != -1){}else{if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))){if(window.location.href.indexOf("?mobile")<0){try{if(/Android|Windows Phone|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)){window.location.href="{dede:global.cfg_mobileurl/}/index.html";}else if(/iPad/i.test(navigator.userAgent)){}else{}}catch(e){}}}}</script>欄目頁<meta http-equiv="mobile-agent" content="format=xhtml;url={dede:global.cfg_mobileurl/}/list.php?tid={dede:field.id/}"><script type="text/javascript">if(window.location.toString().indexOf('pref=padindex') != -1){}else{if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))){if(window.location.href.indexOf("?mobile")<0){try{if(/Android|Windows Phone|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)){window.location.href="{dede:global.cfg_mobileurl/}/list.php?tid={dede:field.id/}";}else if(/iPad/i.test(navigator.userAgent)){}else{}}catch(e){}}}}</script>文章頁面<meta http-equiv="mobile-agent" content="format=xhtml;url={dede:global.cfg_mobileurl/}/view.php?aid={dede:field.id/}"><script type="text/javascript">if(window.location.toString().indexOf('pref=padindex') != -1){}else{if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))){if(window.location.href.indexOf("?mobile")<0){try{if(/Android|Windows Phone|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)){window.location.href="{dede:global.cfg_mobileurl/}/view.php?aid={dede:field.id/}";}else if(/iPad/i.test(navigator.userAgent)){}else{}}catch(e){}}}}</script>建議把其中的{dede:global.cfg_mobileurl/} 修改為手機站網站，例如修改成http://m.boaer.com/ 。這代碼的主要含義是手機跳轉到手機頁面。對手機端模板修改，主要是添加統計代碼，對css的一些調整，手機模板也存在于默認模板下.主要的有：header_m 頂部index_m   首頁footer_m  底部index_default_m  列表頁修改之后覆蓋。解決驗證碼失效問題：直接取消驗證碼1、打開 login.php 找到：if($validate==” || $validate != $svali)替換為：if( false )2、在模板文件dede/templets/login.htm里去掉以下驗證碼的具體HTML代碼：<li><span>驗證碼：</span>   <input name=”validate” type=”text” id=”vdcode” style=’width:50px;text-transform:uppercase;’ />   <img id=”vdimgck” src=”../include/vdimgck.php” alt=”看不清？點擊更換” align=”absmiddle” style=”cursor:pointer” onclick=”this.src=this.src+’?'” /></li>第四步：把二級目錄變為二級域名，就可以方位手機站了。網址：http://www.boaer.com/m/ 為了更友好，可以把二級目錄變為二級域名。1、解析二級域名到服務器IP。2、解決圖片不顯示的問題。把圖片變成絕對地址改目錄include下的文件extend.func.php，在最后面添加一個函數方法function replaceurl($newurl){$newurl=str_replace('src="/uploads/allimg/','src="http://你的域名/uploads/allimg/',$newurl);return $newurl;}另外調用文章正文內容的標簽{dede:field.body/}需要改成： {dede:field.body function='replaceurl(@me)'/}此方法可以適用于任何調用絕對路徑圖片的頁面。手機訪問網站時就會自動跳轉到手機站網址了。其他問題可以去DEDECMS官方論壇看看，或者百度搜索基本上都能找到答案。