手機網頁如何製作,手機網頁怎麼製作?

2021-12-26 02:48:05 字數 6606 閱讀 2532

1樓:函澤懷

工具/原料

html頁面

vs2008

步驟:1、點選【檔案】【新建檔案】【常規】【html頁面】【開啟】

2、如圖所示,新建了一個空白的html頁面,拆分檢視

3、設定頁面body樣式資訊

【-webkit-touch-callout: none; -webkit-text-size-adjust: none;】

是防止使用者複製和儲存**,只支援iphone、ipad、android

4、設定頁面的寬度和高度

【.page-content】

5、【關鍵點】

新建一個div標籤,樣式使用page-content

6、在段落標記裡面輸入文字資訊,這裡天使就不排版了,主要是教大家方法,然後儲存網頁。

7、將網頁上傳到伺服器目錄下

8、輸入**域名,在電腦上訪問可以看見效果,只有左側部分

9、使用手機訪問,得到如圖所示效果,就不會像直接書寫html**一樣文字很小

2樓:絕情

不是 用wml檔案 表現形式 用asp php jsp .net都可以~~ 舉個例子吧(我用asp表現形式) 寫個簡單的手機頁面 把他儲存為.asp 用手機就可以瀏覽 <% @language="vbscript" codepage="65001" %> <%response.

1.xml"> *****=手機辦公*****=

> 客戶系統手機版beta

2、http://www.lm6.cn ">無線詞彙查詢系統***************====

業務聯絡:(0311)87260570

***************===

龍脈報時:<%=time()%>

手機網頁怎麼製作?

3樓:百推寶

隨著智慧手機越來越普遍,單純依靠pc端遠遠滿足不了使用者需求。特別是企業如何在移動端牢牢把握住使用者就可以在公司盈利和業務方面獲得飛速增長。然而,移動**建設就變得越來越重要。

搭建移動**滿足公司業務需求,從而獲得移動端流量,就變得迫在眉睫。

第一種是採用wml編寫適合於按鍵的傳統手機的wap**,

第二種是採用時下比較流行的html5編寫前臺。

而如今隨著中國的移動網際網路發展和智慧觸屏手機的普及,wap**已經逐漸退出歷史舞臺。並在程式或者主機上寫好判斷規則,如果是pc版的瀏覽器就訪問pc版的**,是手機瀏覽器就訪問手機站。針對不同的群體訪問不同的頁面,有利於提高**轉化率。

wap是無線應用協議的縮寫,一種實現移動**與網際網路結合的應用協議標準。wap**也就是我們通常說的手機站。

(2)html5是w3c制定的超文字標記語言(html)的第五次修改,通過html5製作的**可以靈活執行於pc,平板,手機等各種**。

(3)wap**只能執行於手機端,多以文字**為主,無特效和邏輯功能;html5的新特性可以讓**執行各種媒介(pc、平板、手機),並可以根據媒介的不同響應調節**結構,與js/css3,可以構造出炫酷的特效效果。

4樓:匿名使用者

1,手機的傳輸協議是wml,電腦的是html。另外用程式判斷下來自ip,如果是移動閘道器的就讓顯示wap頁面。否則顯示電腦網頁。

2.這個是wml技術。

3.一般wap**可以用任何語言開發,但是wml必須要懂。

4.做wap**不需要什麼軟體,只要會寫wml就可以;

5.可以本地架設伺服器,做個wap**很簡單。

5樓:匿名使用者

很簡單的啦,域名有不同的,有10快的也有50元一年的

6樓:紅樂蕊蟻騫

wap世界網

wap網頁製作工具

說明:dotwap

是inetis

**提供的wap

編輯工具。軟體包比較小,只有600多k。介面很普通,沒有什麼特點,但是很簡單易學,所以,如果你是初學者,用它最合適不過了。目前該軟體的最高版本為2.0。

需要空間和域名

建議您可以來江西&新華學習網路工程專業。

如何在手機上製作自己的網頁

7樓:星願下的期盼

2、直接使用模板來進行製作,從軟體的模板庫中選擇一個模板作為手機網頁的模板。

3、也可以根據自己的需求對手機頁面中的各個模組進行修改,選擇這個手機頁面上的元素,就可以在右面的編輯框中進行各種修改。

4、可以更改這個元素的圖形,直接從自己的手機當中選擇一幅**來替換原來手機模板當中的**。

5、還可以更改手機網頁當中的文字格式,而修改這個文字的連結,在點選文字的時候可以跳轉到其它的網頁。

6、手機網頁當中特定元素的修改,比對**元件的修改,可以直接在右邊的編輯框當中修改**號碼。

7、通過上述步驟製作完手機網頁後,選擇預覽一下就可以在手機上看見自己網頁的製作效果了。

8樓:百推寶

隨著智慧手機越來越普遍,單純依靠pc端遠遠滿足不了使用者需求。特別是企業如何在移動端牢牢把握住使用者就可以在公司盈利和業務方面獲得飛速增長。然而,移動**建設就變得越來越重要。

搭建移動**滿足公司業務需求,從而獲得移動端流量,就變得迫在眉睫。

第一種是採用wml編寫適合於按鍵的傳統手機的wap**,

第二種是採用時下比較流行的html5編寫前臺。

而如今隨著中國的移動網際網路發展和智慧觸屏手機的普及,wap**已經逐漸退出歷史舞臺。並在程式或者主機上寫好判斷規則,如果是pc版的瀏覽器就訪問pc版的**,是手機瀏覽器就訪問手機站。針對不同的群體訪問不同的頁面,有利於提高**轉化率。

wap是無線應用協議的縮寫,一種實現移動**與網際網路結合的應用協議標準。wap**也就是我們通常說的手機站。

(2)html5是w3c制定的超文字標記語言(html)的第五次修改,通過html5製作的**可以靈活執行於pc,平板,手機等各種**。

(3)wap**只能執行於手機端,多以文字**為主,無特效和邏輯功能;html5的新特性可以讓**執行各種媒介(pc、平板、手機),並可以根據媒介的不同響應調節**結構,與js/css3,可以構造出炫酷的特效效果。

9樓:yan小魔女

一、工具/原料

html頁面

vs2008

二、方法/步驟

1、開啟vs2008了。點選【檔案】【新建檔案】【常規】【html頁面】【開啟】。

3、設定頁面body樣式資訊。

【-webkit-touch-callout: none; -webkit-text-size-adjust: none;】

是防止使用者複製和儲存**,只支援iphone、ipad、android

4、設定頁面的寬度和高度。

【.page-content】

5、【關鍵點】。

新建一個div標籤,樣式使用page-content。

6、在段落標記裡面輸入文字資訊,這裡就不排版了,主要是教大家方法,然後儲存網頁。

7、將網頁上傳到伺服器目錄下。

8、輸入**域名,在電腦上訪問可以看見如圖所示效果,只有左側部分。

9、使用手機訪問,得到如圖所示效果,就不會像直接書寫html**一樣文字很小。

10、完整**。

不落淚的】

10樓:極客聯盟**建設公司

手機制作網頁的話,可以選擇一些製作**的軟體,在軟體裡選擇模板,進行內容填充,就可以啦。

11樓:匿名使用者

製作手機網頁不是在手機上製作的,而是在電腦上製作的,域名就是手機端的域名,這樣就可以了。看你怎樣問問題,是不是建站熟手,還是沒做過**呀,這樣的話就難了哦!可是凡科手機**模板做**,自己根據模板來修改和補充資料

12樓:匿名使用者

1,手機的傳輸協議是wml,電腦的是html。另外用程式判斷下來自ip,如果是移動閘道器的就讓顯示wap頁面。否則顯示電腦網頁。

2.這個是wml技術。

3.一般wap**可以用任何語言開發,但是wml必須要懂。

4.做wap**不需要什麼軟體,只要會寫wml就可以;

5.可以本地架設伺服器,做個wap**很簡單。

怎麼製作**的手機版?

13樓:匿名使用者

隨著智慧手機的普及,手機**的使用率和重要性也日益彰顯,2023年最新資料顯示,目前在所有的**中,同時具有pc及移動端的**佔了52%,首次超過了純pc端**的43%,下面給我們就說一下手機**的一般製作流程,它包含七個方面的知識,讓你避免走一些製作手機網頁的彎路。閱讀完成以下知識點,你就能對手機網頁的製作和設計有大概的瞭解,然後有針對性地學相應知識。

1.手機網頁的標記語言

wml :

因為wml大部分針對早期和低端的手機,現在已經逐步被其他的技術取代了,現在學習手機網頁設計製作完全可以忽略wml。

xhtml:

未來智慧手機的市場份額會越來越大,考慮到這點,現在進行手機網頁設計製作時,我們會用到更加熟悉的標記語言xhtml。現在大部分智慧手機的瀏覽器都能正確處理xhtml,它會識別兩種型別的html。

①xhtml:基礎的,和桌面瀏覽器相同的xhtml

②xhtml-mp:針對智慧手機的xhtml

這兩種型別的不同之處,xhtml-mp包含比較少的要素和相對寬鬆的限制,能適合手機平臺的渲染,現在很多手機網頁設計製作直接用xhtml,也沒什麼大問題。

2.手機型別

手機市場上既有非常高階的iphone手機和谷歌的android手機,也有諾基亞一些單色點陣顯示的低端機。這些低端機在瀏覽手機網頁時有很多的限制,如螢幕解析度、渲染xhtml的效能等,因此如果你的手機網頁是針對這部分使用者,最好還是用wml。

另一方面,類似於iphone和nexus one這種高階智慧機,擁有可以和桌面瀏覽器相媲美的渲染網頁的效能。對這部分使用者而言,良好的使用者體驗是很重要的,受限於手機的傳輸速度,如果直接用一般的電腦上瀏覽的網頁來代替手機網頁,對手機網頁的目標客戶來說,並非明智之舉

3.手機網頁的目標群體

任何**設計網頁時都應該明白自己的目標群體,以便向他們傳輸最合適的資訊。這點在進行手機網頁設計製作時更為重要。因為你不僅要知道你的目標群體,還要知道他們瀏覽手機網頁時的情景。

瀏覽傳統的**,訪客會坐在桌上,有著大解析度的螢幕。手機網頁的訪客則有可能是在排隊、等交車、坐在地鐵等。

手機網頁的目標群體,谷歌的開發者將看手機網頁人群分為三大類,這對我們進行手

機網頁的設計和製作,很有參考意義。

4.根據具體需要提供**內容

一個很常見的誤區是很多網頁開發者認為只需要簡單的設定,就可以將一個傳統的網頁變成可以適應手機瀏覽的網頁,他們認為只需要在css樣式表將media=」screen」變成media=」handheld」就能使網頁神奇般地適用於手機。這是錯誤的想法。

雖然針對手機使用者變更網頁的css可以過濾一部分的內容,或者一些cms網頁也提供了相應的轉換外掛。但這些方案並不完善。

w3c定義了「一個**」的概念,意思是手機網頁不一定要提供和傳統**完全一樣的內容和設計,而是要根據手機的效能、頻寬等方面的不同提供一些差異化服務。

根據這個定義,一些傳統網頁的內容和功能不能在手機上實現是很合理的。不同手機

能處理的內容和功能也都是不一樣的。所以也可以根據這些手機進行相應的網頁製作。

5.選擇域名

為手機網頁選擇什麼域名取決於你的目標群體是如何進入**的。這裡有三種域名可

供選擇:

a:為手機網頁使用獨立域名

b:為手機網頁使用子域名

c:為手機網頁註冊mobi的頂級域名

d:判斷客戶端,並自動顯示對應內容

6.為手機網頁驗證標記語言

電腦的網頁瀏覽器對錯誤比較寬容,一些html標記的忘記書寫或者沒有正確巢狀在電腦瀏覽器都會正確顯示,當然容錯率高意味著消耗更高的cpu和記憶體。

手機瀏覽器的效能還無法和電腦相提並論,所以手機瀏覽器對手機網頁的錯誤要嚴格一些。所以在設計和製作手機網頁時,你必須不斷進行檢查、驗證和糾錯。驗證手機網頁和驗證一般傳統的網頁沒什麼區別,如果你使用xhtml編寫,可以使用相同的工具。

w3c驗證器可以驗證一些簡單的錯誤,當然這裡有一個更適合驗證手機網頁的版本。

7.為手機網頁不斷測試

當通過了手機網頁的驗證之後,就要針對幾種不同的手機進行各種測試了。用電腦的

瀏覽器雖然可以進行模擬測試,但是並不完善。這種方式通過的手機網頁不能適用於某些手機。

有些手機檔案尺寸的限制可能會很小,所以你製作的手機網頁在這些裝置上甚至無法顯示。另外瀏覽器支援的檔案型別也會不同,支援的影象格式也會不同。測試時候手機網頁當然不可能擁有所有手機,所以製作網頁時可以使用一些替代手段。

手機網頁打不開是什麼原因,手機很多網頁打不開是什麼原因

若手機無法瀏覽網頁,建議您按照如下步驟嘗試操作 1.檢查移動資料或wlan是否開啟,檢視網路連線是否正常。2.更換其他 瀏覽嘗試。3.若無法瀏覽任何網頁,建議使用手機自帶瀏覽器登陸網頁嘗試。4.若無效,建議進入設定 應用程式管理器 全部 查詢使用的瀏覽器 清除資料。5.重啟手機 平板電腦後再次開啟瀏...

有誰知道手機網頁設計尺寸,網頁設計合適的頁面尺寸是多少?

一般都是自適應的,假如你一定得設計一個尺寸的話有一些其他的機器就無法相容了。自適應一般使用百分比表示 例如 100 一般只需要設定寬度即可 width 100 一些分類你也可以設定佔比一半 width 50 現在的智慧手機網頁跟平板基本是一樣的,寬度建議自適應寬度,因為各種品牌 型號的手機螢幕大小基...

手機網頁顯示不完整怎麼辦,手機內開啟的頁面,顯示不全怎麼回事?

這說明網頁沒有適配手機版,或者它壓根就是電腦版,你在手機上面開啟介面自然不完整,推薦換成uc瀏覽器,可以自動轉換網頁版本。首先從口袋掏出你的手機,然後用出你吃奶的力氣朝天上扔去,落地如果沒散架 恭喜你可以進行下一步。抬起你尊貴的右腳 朝著它狂踩1000下,如果還沒爛那你可以接著用了。如果爛了去手機專...