手機網(wǎng)站制作的(手機網(wǎng)頁(yè)是怎樣制作的)
1.手機網(wǎng)頁(yè)是怎樣制作的
這篇文章就簡(jiǎn)單的介紹一下制作手機網(wǎng)頁(yè)的基礎知識。
首先，如果想制作wap網(wǎng)頁(yè)，先要確定你的wap站的版本，是wap1.2還是wap2.0。只有先確定好這個(gè)內容，才能繼續下面的制作工作。
之所以要分別這兩個(gè)版本，是因為它們所使用的網(wǎng)頁(yè)語(yǔ)言的標準是不同的，wap1.2采用的WML語(yǔ)言，2.0采用的則是Xhtml MP語(yǔ)言。 WML語(yǔ)言是無(wú)線(xiàn)標記語(yǔ)言（Wireless Markup Language）的縮寫(xiě)，它是一種從 HTML 繼承而來(lái)的標記語(yǔ)言，但是 WML 基于 XML，因此它較 HTML 更嚴格。
Xhtml MP是Xhtml Mobile Profile的縮寫(xiě)，它是wap2.0的標記語(yǔ)言，屬于Xhtml的一種，較之WML又先進(jìn)了許多，它也可以引用外部CSS進(jìn)行修飾，可以達到和普通網(wǎng)頁(yè)瀏覽器相近的瀏覽效果。在Xhtml MP沒(méi)有出現之前，開(kāi)發(fā)者們只能使用WML創(chuàng )建wap網(wǎng)站。
2.手機網(wǎng)站制作流程
手機網(wǎng)站制作與WEB網(wǎng)站制作一樣，需要從策劃，草圖，制作，等幾方面來(lái)做手機網(wǎng)站.客戶(hù)把手機網(wǎng)站制作需求單寫(xiě)好、首頁(yè)樣版設計風(fēng)格確認、手機網(wǎng)站制作內容規劃、業(yè)務(wù)流程根據wap網(wǎng)站的整體情況來(lái)規劃.手機網(wǎng)站制作流程可從以下幾點(diǎn)來(lái)做： 1、分析建wap網(wǎng)站目的（建站要求），建立wap網(wǎng)站架構，時(shí)間允許的話(huà)編寫(xiě)具體的《wap網(wǎng)站建設方案》； 2、根據架構（或者《網(wǎng)站建設方案》）完成初稿設計： wap首頁(yè)風(fēng)格 各頻道首頁(yè)風(fēng)格 wap網(wǎng)站架構圖：包括的欄目、子頁(yè)面等一一列出 這是網(wǎng)站的前臺設計，屬于美工的范疇；數據庫的前臺頁(yè)面也要同時(shí)設計制作！ 3、審核確認前臺設計后進(jìn)行整體wap網(wǎng)站數據庫的開(kāi)發(fā)制作； 4、前后臺里鏈接； 5、上傳至空間，測試數據庫！ 在拿到客戶(hù)的需求說(shuō)明后，并不是直接開(kāi)始制作，而是需要對項目進(jìn)行總體設計，詳細設計出一份網(wǎng)站建設方案給客戶(hù)。
總體設計是非常關(guān)鍵的一步。它主要確定：網(wǎng)站需要實(shí)現哪些功能；網(wǎng)站開(kāi)發(fā)使用什么軟件，在什么樣的硬件環(huán)境；需要多少人，多少時(shí)間；需要遵循的規則和標準有哪些。
同時(shí)需要寫(xiě)一份總體規劃說(shuō)明書(shū)，包括：網(wǎng)站的欄目和板塊；網(wǎng)站的功能和相應的程序；網(wǎng)站的鏈接結構；如果有數據庫，進(jìn)行數據庫的概念設計；網(wǎng)站的交互性和用戶(hù)友好設計。 在總體設計出來(lái)后，一般需要給客戶(hù)一個(gè)網(wǎng)站建設方案。
很多網(wǎng)頁(yè)制作公司在接洽業(yè)務(wù)時(shí)就被客戶(hù)要求提供方案 手機網(wǎng)站制作詳細設計 手機網(wǎng)站制作總體設計階段以比較抽象概括的方式提出了解決問(wèn)題的辦法。詳細wap網(wǎng)站設計階段的任務(wù)就是把解法具體化。
詳細wap網(wǎng)站設計主要是針對程序開(kāi)發(fā)部分來(lái)說(shuō)的。但這個(gè)階段的不是真正編寫(xiě)程序，而是設計出程序的詳細規格說(shuō)明。
這種規格說(shuō)明的作用很類(lèi)似于其他工程領(lǐng)域中工程師經(jīng)常使用的工程藍圖，它們應該包含必要的細節，例如：wap程序界面，表單，需要的數據等。程序員可以根據它們寫(xiě)出實(shí)際的程序代碼。
我們這次主要用程序來(lái)實(shí)現有關(guān)功能和解決有關(guān)問(wèn)題的，例如，公告版BBS，聊天室，信息發(fā)布系統， 網(wǎng)上超市等都用wap網(wǎng)站程序來(lái)實(shí)現人機交互功能的，其中也用到調用數據庫的技術(shù)。 手機網(wǎng)站制作的設計制作 1.整體形象設計 在程序員進(jìn)行詳細設計的同時(shí)，網(wǎng)頁(yè)設計師開(kāi)始設計網(wǎng)站的整體形象和首頁(yè)。
整體形象設計包括標準字，Logo，標準色彩，廣告語(yǔ)等。 首頁(yè)設計包括版面，色彩，圖像，動(dòng)態(tài)效果，圖標等風(fēng)格設計，也包括banner，菜單，標題，版權等模塊設計。
首頁(yè)一般設計1-3個(gè)不同風(fēng)格。 2.wap開(kāi)發(fā)制作 本次網(wǎng)站規劃設計采用軟件工程的設計方法，設計小組在系統分析和總體設計的基礎上，將設計任務(wù)分解，分配到設計組的每個(gè)成員，各模塊有設計組成員單獨承擔設計和調試，既有分工，又有協(xié)作，最后將各模塊上載到服務(wù)器上，做鏈接和整體的調試。
3.wap網(wǎng)站調試完善 各模塊初步完成后，上傳到服務(wù)器，對網(wǎng)站進(jìn)行全范圍的測試。包括速度，兼容性，交互性，鏈接正確性，程序健壯性，超流量測試等，發(fā)現問(wèn)題及時(shí)解決并記錄下來(lái)。
網(wǎng)站建設實(shí)際上是一個(gè)不斷充實(shí)和完善的過(guò)程，通過(guò)不斷的發(fā)現問(wèn)題，解決問(wèn)題，修改，補充，使網(wǎng)站結構趨向合理，內容更加豐富，形式更富有感染力。 4.手機網(wǎng)站制作宣傳推廣 剛剛建成的網(wǎng)站就好像一個(gè)新注冊的電話(huà)號碼，沒(méi)有人會(huì )自動(dòng)找上門(mén)來(lái)，這時(shí)你就需要適當地做一些網(wǎng)站推廣工作了，這里有很多方法，例如： a.網(wǎng)頁(yè)里設置適當的META標簽； b.交換友情鏈接。
這是個(gè)免費而高效的辦法，就好比在別人商店打上你的廣告，在你的商店打上別人的廣告，這樣一來(lái)當網(wǎng)友參觀(guān)別人的網(wǎng)站時(shí)就知道你的網(wǎng)站了，如果你的廣告做的好，他一多半都會(huì )參觀(guān)你的網(wǎng)站，這是件無(wú)須開(kāi)支、互利互惠的好事情，推薦使用。 手機網(wǎng)站制作維護 手機網(wǎng)站制作好了是不是就打算一勞永逸呢？不是，如果wap網(wǎng)站做大的話(huà)，wap網(wǎng)站維護也是個(gè)艱巨的工作。
當網(wǎng)站變得十分龐大時(shí)將會(huì )有不計其數的圖片、網(wǎng)頁(yè)文件等內容，如果它們有一個(gè)丟失或鏈接失敗都會(huì )引起網(wǎng)頁(yè)錯誤，想想我們做的多副圖片如果少一副會(huì )是什么情景？所以我們一定要保證整個(gè)網(wǎng)站的“健康”和完整。為了使網(wǎng)站健康、完整，通常我們在做新網(wǎng)站之前，都應該在DW里建設一個(gè)“本地網(wǎng)站”，也就是自己電腦上的網(wǎng)站副本，這樣才能有效減少網(wǎng)站錯誤，剛才我們制作網(wǎng)站時(shí)是先做網(wǎng)頁(yè)后建wap網(wǎng)站，其實(shí)這種網(wǎng)站建設方法是錯誤的，正確的是先wap網(wǎng)站站后添加內容。
另外就是要時(shí)常檢查網(wǎng)站的鏈接是否有誤網(wǎng)站維護最后要說(shuō)的就是網(wǎng)站的文件備份了，如果電腦發(fā)生了災難，我們的網(wǎng)站就很可能要癱瘓了，所以時(shí)常備份網(wǎng)站文件也是很重要的。 網(wǎng)站成功推出后，長(cháng)期的維護工作才剛剛開(kāi)始，我們需要做到的是：及時(shí)響應客戶(hù)反饋；例如可以采取Email自動(dòng)回復功能，然后盡快解決問(wèn)題，再次回復；網(wǎng)站流量統計分析和相應對策；盡量推廣和使用您的網(wǎng)址；網(wǎng)站內容的及時(shí)更新和維護 手機網(wǎng)站制作安全問(wèn)題及對策 手機網(wǎng)站制作防火墻是阻止外面的人對你的網(wǎng)絡(luò )進(jìn)行訪(fǎng)問(wèn)的任何設備，此設備通常是軟件和硬件和組合體，它通常根據一些規則來(lái)挑選想要或。
3.手機網(wǎng)頁(yè)如何制作
不是 用wml文件 表現形式 用asp php jsp .net都可以~~ 舉個(gè)例子吧（我用asp表現形式） 寫(xiě)個(gè)簡(jiǎn)單的手機頁(yè)面 把他存儲為.asp 用手機就可以瀏覽<% @LANGUAGE="VBSCRIPT" CODEPAGE="65001" %><%Response.ContentType = "text/vnd.wap.wml; charset=utf-8"%><?xml version="1.0" encoding="utf-8"?><!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" " css js 及php，還有就是要學(xué)習c語(yǔ)言，而在網(wǎng)站建設之初學(xué)會(huì )了c語(yǔ)言，那么在網(wǎng)站建設中學(xué)php就很簡(jiǎn)單了。其實(shí)有了ps、fw及Dw和flash等軟件基礎的人士都是很好入門(mén)的。
其次是需要必知網(wǎng)站建設中ps就可處理網(wǎng)站編輯的圖片。而Fw就可處理網(wǎng)站上傳的圖片信息。
在實(shí)際操作中其實(shí)編輯圖片PS是很好用的，而設計到DW就是網(wǎng)站排版了，更可進(jìn)行代碼編寫(xiě)程序設計了。而flash知識就可在網(wǎng)站構建宣傳及小動(dòng)畫(huà)片的制作。
5.手機網(wǎng)站設計需要注意什么
不能參照PC端網(wǎng)站來(lái)設計手機網(wǎng)站上的導航功能： 手機網(wǎng)頁(yè)與跟一般的PC端網(wǎng)頁(yè)不同，由于受到手機屏幕大小和屏幕操作的限制，在設計導航功能時(shí)應該按照手機屏幕來(lái)設計，不能完全照搬PC端網(wǎng)站，該簡(jiǎn)單的地方簡(jiǎn)單化，該去掉的去掉，同時(shí)在當閱讀文章到最后時(shí)，要方便于用戶(hù)回到最前頭，減少卷動(dòng)畫(huà)面的機會(huì )，讓網(wǎng)頁(yè)變得更容易于移動(dòng)設備上閱讀。
手機網(wǎng)站制作也要考慮多種瀏覽器的兼容： 現在的移動(dòng)瀏覽器能夠處理大多數網(wǎng)站，一般的瀏覽器都能夠正常瀏覽網(wǎng)頁(yè)。但由于手機上的瀏覽器也有多種，比如UC瀏覽器、360瀏覽器、搜狗瀏覽器、其他瀏覽器，如此多的瀏覽器在瀏覽網(wǎng)頁(yè)的時(shí)候，如果手機網(wǎng)站的兼容性差，就很可能會(huì )出現在某些瀏覽器上出現網(wǎng)頁(yè)變形、內容顯示不全的情況。
因此，手機網(wǎng)站制作必須考慮到兼容于多種瀏覽器。
