手機(jī)網(wǎng)站制作的(手機(jī)網(wǎng)頁是怎樣制作的)

1.手機(jī)網(wǎng)頁是怎樣制作的

這篇文章就簡(jiǎn)單的介紹一下制作手機(jī)網(wǎng)頁的基礎(chǔ)知識(shí)。

首先，如果想制作wap網(wǎng)頁，先要確定你的wap站的版本，是wap1.2還是wap2.0。只有先確定好這個(gè)內(nèi)容，才能繼續(xù)下面的制作工作。

之所以要分別這兩個(gè)版本，是因?yàn)樗鼈兯褂玫木W(wǎng)頁語言的標(biāo)準(zhǔn)是不同的，wap1.2采用的WML語言，2.0采用的則是Xhtml MP語言。 WML語言是無線標(biāo)記語言（Wireless Markup Language）的縮寫，它是一種從 HTML 繼承而來的標(biāo)記語言，但是 WML 基于 XML，因此它較 HTML 更嚴(yán)格。

Xhtml MP是Xhtml Mobile Profile的縮寫，它是wap2.0的標(biāo)記語言，屬于Xhtml的一種，較之WML又先進(jìn)了許多，它也可以引用外部CSS進(jìn)行修飾，可以達(dá)到和普通網(wǎng)頁瀏覽器相近的瀏覽效果。在Xhtml MP沒有出現(xiàn)之前，開發(fā)者們只能使用WML創(chuàng)建wap網(wǎng)站。

2.手機(jī)網(wǎng)站制作流程

手機(jī)網(wǎng)站制作與WEB網(wǎng)站制作一樣，需要從策劃，草圖，制作，等幾方面來做手機(jī)網(wǎng)站.客戶把手機(jī)網(wǎng)站制作需求單寫好、首頁樣版設(shè)計(jì)風(fēng)格確認(rèn)、手機(jī)網(wǎng)站制作內(nèi)容規(guī)劃、業(yè)務(wù)流程根據(jù)wap網(wǎng)站的整體情況來規(guī)劃.手機(jī)網(wǎng)站制作流程可從以下幾點(diǎn)來做： 1、分析建wap網(wǎng)站目的（建站要求），建立wap網(wǎng)站架構(gòu)，時(shí)間允許的話編寫具體的《wap網(wǎng)站建設(shè)方案》； 2、根據(jù)架構(gòu)（或者《網(wǎng)站建設(shè)方案》）完成初稿設(shè)計(jì)： wap首頁風(fēng)格 各頻道首頁風(fēng)格 wap網(wǎng)站架構(gòu)圖：包括的欄目、子頁面等一一列出 這是網(wǎng)站的前臺(tái)設(shè)計(jì)，屬于美工的范疇；數(shù)據(jù)庫的前臺(tái)頁面也要同時(shí)設(shè)計(jì)制作！ 3、審核確認(rèn)前臺(tái)設(shè)計(jì)后進(jìn)行整體wap網(wǎng)站數(shù)據(jù)庫的開發(fā)制作； 4、前后臺(tái)里鏈接； 5、上傳至空間，測(cè)試數(shù)據(jù)庫！ 在拿到客戶的需求說明后，并不是直接開始制作，而是需要對(duì)項(xiàng)目進(jìn)行總體設(shè)計(jì)，詳細(xì)設(shè)計(jì)出一份網(wǎng)站建設(shè)方案給客戶。

總體設(shè)計(jì)是非常關(guān)鍵的一步。它主要確定：網(wǎng)站需要實(shí)現(xiàn)哪些功能；網(wǎng)站開發(fā)使用什么軟件，在什么樣的硬件環(huán)境；需要多少人，多少時(shí)間；需要遵循的規(guī)則和標(biāo)準(zhǔn)有哪些。

同時(shí)需要寫一份總體規(guī)劃說明書，包括：網(wǎng)站的欄目和板塊；網(wǎng)站的功能和相應(yīng)的程序；網(wǎng)站的鏈接結(jié)構(gòu)；如果有數(shù)據(jù)庫，進(jìn)行數(shù)據(jù)庫的概念設(shè)計(jì)；網(wǎng)站的交互性和用戶友好設(shè)計(jì)。 在總體設(shè)計(jì)出來后，一般需要給客戶一個(gè)網(wǎng)站建設(shè)方案。

很多網(wǎng)頁制作公司在接洽業(yè)務(wù)時(shí)就被客戶要求提供方案 手機(jī)網(wǎng)站制作詳細(xì)設(shè)計(jì) 手機(jī)網(wǎng)站制作總體設(shè)計(jì)階段以比較抽象概括的方式提出了解決問題的辦法。詳細(xì)wap網(wǎng)站設(shè)計(jì)階段的任務(wù)就是把解法具體化。

詳細(xì)wap網(wǎng)站設(shè)計(jì)主要是針對(duì)程序開發(fā)部分來說的。但這個(gè)階段的不是真正編寫程序，而是設(shè)計(jì)出程序的詳細(xì)規(guī)格說明。

這種規(guī)格說明的作用很類似于其他工程領(lǐng)域中工程師經(jīng)常使用的工程藍(lán)圖，它們應(yīng)該包含必要的細(xì)節(jié)，例如：wap程序界面，表單，需要的數(shù)據(jù)等。程序員可以根據(jù)它們寫出實(shí)際的程序代碼。

我們這次主要用程序來實(shí)現(xiàn)有關(guān)功能和解決有關(guān)問題的，例如，公告版BBS，聊天室，信息發(fā)布系統(tǒng)， 網(wǎng)上超市等都用wap網(wǎng)站程序來實(shí)現(xiàn)人機(jī)交互功能的，其中也用到調(diào)用數(shù)據(jù)庫的技術(shù)。 手機(jī)網(wǎng)站制作的設(shè)計(jì)制作 1.整體形象設(shè)計(jì) 在程序員進(jìn)行詳細(xì)設(shè)計(jì)的同時(shí)，網(wǎng)頁設(shè)計(jì)師開始設(shè)計(jì)網(wǎng)站的整體形象和首頁。

整體形象設(shè)計(jì)包括標(biāo)準(zhǔn)字，Logo，標(biāo)準(zhǔn)色彩，廣告語等。 首頁設(shè)計(jì)包括版面，色彩，圖像，動(dòng)態(tài)效果，圖標(biāo)等風(fēng)格設(shè)計(jì)，也包括banner，菜單，標(biāo)題，版權(quán)等模塊設(shè)計(jì)。

首頁一般設(shè)計(jì)1-3個(gè)不同風(fēng)格。 2.wap開發(fā)制作 本次網(wǎng)站規(guī)劃設(shè)計(jì)采用軟件工程的設(shè)計(jì)方法，設(shè)計(jì)小組在系統(tǒng)分析和總體設(shè)計(jì)的基礎(chǔ)上，將設(shè)計(jì)任務(wù)分解，分配到設(shè)計(jì)組的每個(gè)成員，各模塊有設(shè)計(jì)組成員單獨(dú)承擔(dān)設(shè)計(jì)和調(diào)試，既有分工，又有協(xié)作，最后將各模塊上載到服務(wù)器上，做鏈接和整體的調(diào)試。

3.wap網(wǎng)站調(diào)試完善 各模塊初步完成后，上傳到服務(wù)器，對(duì)網(wǎng)站進(jìn)行全范圍的測(cè)試。包括速度，兼容性，交互性，鏈接正確性，程序健壯性，超流量測(cè)試等，發(fā)現(xiàn)問題及時(shí)解決并記錄下來。

網(wǎng)站建設(shè)實(shí)際上是一個(gè)不斷充實(shí)和完善的過程，通過不斷的發(fā)現(xiàn)問題，解決問題，修改，補(bǔ)充，使網(wǎng)站結(jié)構(gòu)趨向合理，內(nèi)容更加豐富，形式更富有感染力。 4.手機(jī)網(wǎng)站制作宣傳推廣 剛剛建成的網(wǎng)站就好像一個(gè)新注冊(cè)的電話號(hào)碼，沒有人會(huì)自動(dòng)找上門來，這時(shí)你就需要適當(dāng)?shù)刈鲆恍┚W(wǎng)站推廣工作了，這里有很多方法，例如： a.網(wǎng)頁里設(shè)置適當(dāng)?shù)腗ETA標(biāo)簽； b.交換友情鏈接。

這是個(gè)免費(fèi)而高效的辦法，就好比在別人商店打上你的廣告，在你的商店打上別人的廣告，這樣一來當(dāng)網(wǎng)友參觀別人的網(wǎng)站時(shí)就知道你的網(wǎng)站了，如果你的廣告做的好，他一多半都會(huì)參觀你的網(wǎng)站，這是件無須開支、互利互惠的好事情，推薦使用。 手機(jī)網(wǎng)站制作維護(hù) 手機(jī)網(wǎng)站制作好了是不是就打算一勞永逸呢？不是，如果wap網(wǎng)站做大的話，wap網(wǎng)站維護(hù)也是個(gè)艱巨的工作。

當(dāng)網(wǎng)站變得十分龐大時(shí)將會(huì)有不計(jì)其數(shù)的圖片、網(wǎng)頁文件等內(nèi)容，如果它們有一個(gè)丟失或鏈接失敗都會(huì)引起網(wǎng)頁錯(cuò)誤，想想我們做的多副圖片如果少一副會(huì)是什么情景？所以我們一定要保證整個(gè)網(wǎng)站的“健康”和完整。為了使網(wǎng)站健康、完整，通常我們?cè)谧鲂戮W(wǎng)站之前，都應(yīng)該在DW里建設(shè)一個(gè)“本地網(wǎng)站”，也就是自己電腦上的網(wǎng)站副本，這樣才能有效減少網(wǎng)站錯(cuò)誤，剛才我們制作網(wǎng)站時(shí)是先做網(wǎng)頁后建wap網(wǎng)站，其實(shí)這種網(wǎng)站建設(shè)方法是錯(cuò)誤的，正確的是先wap網(wǎng)站站后添加內(nèi)容。

另外就是要時(shí)常檢查網(wǎng)站的鏈接是否有誤網(wǎng)站維護(hù)最后要說的就是網(wǎng)站的文件備份了，如果電腦發(fā)生了災(zāi)難，我們的網(wǎng)站就很可能要癱瘓了，所以時(shí)常備份網(wǎng)站文件也是很重要的。 網(wǎng)站成功推出后，長(zhǎng)期的維護(hù)工作才剛剛開始，我們需要做到的是：及時(shí)響應(yīng)客戶反饋；例如可以采取Email自動(dòng)回復(fù)功能，然后盡快解決問題，再次回復(fù)；網(wǎng)站流量統(tǒng)計(jì)分析和相應(yīng)對(duì)策；盡量推廣和使用您的網(wǎng)址；網(wǎng)站內(nèi)容的及時(shí)更新和維護(hù) 手機(jī)網(wǎng)站制作安全問題及對(duì)策 手機(jī)網(wǎng)站制作防火墻是阻止外面的人對(duì)你的網(wǎng)絡(luò)進(jìn)行訪問的任何設(shè)備，此設(shè)備通常是軟件和硬件和組合體，它通常根據(jù)一些規(guī)則來挑選想要或。

3.手機(jī)網(wǎng)頁如何制作

不是 用wml文件 表現(xiàn)形式 用asp php jsp .net都可以~~ 舉個(gè)例子吧（我用asp表現(xiàn)形式） 寫個(gè)簡(jiǎn)單的手機(jī)頁面 把他存儲(chǔ)為.asp 用手機(jī)就可以瀏覽<% @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é)習(xí)c語言，而在網(wǎng)站建設(shè)之初學(xué)會(huì)了c語言，那么在網(wǎng)站建設(shè)中學(xué)php就很簡(jiǎn)單了。其實(shí)有了ps、fw及Dw和flash等軟件基礎(chǔ)的人士都是很好入門的。

其次是需要必知網(wǎng)站建設(shè)中ps就可處理網(wǎng)站編輯的圖片。而Fw就可處理網(wǎng)站上傳的圖片信息。

在實(shí)際操作中其實(shí)編輯圖片PS是很好用的，而設(shè)計(jì)到DW就是網(wǎng)站排版了，更可進(jìn)行代碼編寫程序設(shè)計(jì)了。而flash知識(shí)就可在網(wǎng)站構(gòu)建宣傳及小動(dòng)畫片的制作。

5.手機(jī)網(wǎng)站設(shè)計(jì)需要注意什么

不能參照PC端網(wǎng)站來設(shè)計(jì)手機(jī)網(wǎng)站上的導(dǎo)航功能： 手機(jī)網(wǎng)頁與跟一般的PC端網(wǎng)頁不同，由于受到手機(jī)屏幕大小和屏幕操作的限制，在設(shè)計(jì)導(dǎo)航功能時(shí)應(yīng)該按照手機(jī)屏幕來設(shè)計(jì)，不能完全照搬PC端網(wǎng)站，該簡(jiǎn)單的地方簡(jiǎn)單化，該去掉的去掉，同時(shí)在當(dāng)閱讀文章到最后時(shí)，要方便于用戶回到最前頭，減少卷動(dòng)畫面的機(jī)會(huì)，讓網(wǎng)頁變得更容易于移動(dòng)設(shè)備上閱讀。

手機(jī)網(wǎng)站制作也要考慮多種瀏覽器的兼容： 現(xiàn)在的移動(dòng)瀏覽器能夠處理大多數(shù)網(wǎng)站，一般的瀏覽器都能夠正常瀏覽網(wǎng)頁。但由于手機(jī)上的瀏覽器也有多種，比如UC瀏覽器、360瀏覽器、搜狗瀏覽器、其他瀏覽器，如此多的瀏覽器在瀏覽網(wǎng)頁的時(shí)候，如果手機(jī)網(wǎng)站的兼容性差，就很可能會(huì)出現(xiàn)在某些瀏覽器上出現(xiàn)網(wǎng)頁變形、內(nèi)容顯示不全的情況。

因此，手機(jī)網(wǎng)站制作必須考慮到兼容于多種瀏覽器。