電腦網站生成手機網站

⑴ 如何將電腦網頁修改成手機網頁

將電腦網頁修改成手機網頁鏈首孝的具體操作步驟如下：

1、首先在電腦上點擊打開「瀏覽器」的頁面，在此頁面棚稿中單擊鍵盤上的「F12」鍵。

⑵ 電腦上的網站怎麼樣轉化成手機網站使用

是谷歌瀏覽器和UC瀏覽器里有設置電腦版

⑶ 已經做好的pc版網頁，如何轉成手機端的

需要設置標簽，字體什麼的都會相應的適配悉豎滲手機，當然還需要調纖納樣式。

標簽代碼如下：

<metaname="apple-mobile-web-app-capable"content="yes">

<metaname="apple-mobile-web-app-status-bar-style"content="white">

<metaname="viewport"content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>

注意：現有網站直接改成移動端雖說理論上可行，但如果不是一開始就相對設計較為完善的話，重新基本就是要重做UI部分，連帶後端也要做相應的調整。

(3)電腦網站生成手機網站擴展閱讀：

常用屬性

color : #999999;/*文字顏色*/

font-family : 宋體,sans-serif; /*文字字體*/

font-size : 9pt; /*文字大小*/

font-style:itelic; /*文字斜體*/

font-variant:small-caps; /*小字體*/

letter-spacing : 1pt; /*字間距離*/

line-height : 200%; /*設置行高*/

font-weight:bold; /*文字粗體*/

vertical-align:sub; /*下標字*/

vertical-align:super; /*上標字*/

text-decoration:line-through; /*加刪除線*/

text-decoration: overline; /*加頂線*/

text-decoration:underline; /*加下劃線*/

text-decoration:none; /*無修飾線*/

text-transform : capitalize; /*首字大寫*/

text-transform : uppercase; /*英文大寫*/

text-transform : lowercase; /*英文小寫*/

text-align:right; /*文字右對齊*/

text-align:left; /*文睜脊字左對齊*/

text-align:center; /*內部元素居中*/

text-align:justify; /*文字分散對齊*/

vertical-align:top; /*垂直對齊該行元素內的最大元素頂部/

⑷ pc網站有了，怎麼做手機適應的網站

一、PC網站自動適配手機網頁的7個步驟

一般來說，移動適配主要通過底層的web技術開發手段來完成，下面馬海祥將通過移動適配技術的角度來告訴你通過7個步驟來完成一個PC網站向移動設備的跳躍！

1、允許網頁寬度自動調整

「自適應網頁設計」到底是怎麼做到的？其實並不難。

首先，在網頁代碼的頭部，加入一行viewport元標簽，viewport是網頁默認的寬度和高度，上面這行代碼的意思是，網頁寬度默認等於屏幕寬度（width=device-width），原始縮放比例（initial-scale=1）為1.0，即網頁初始大小占屏幕面積的100%。

所有主流瀏覽器都支持這個設置，包括IE9，對於那些老式瀏覽器（主要是IE6、7、8），需要使用css3-mediaqueries.js。

2、不使用絕對寬度

由於網頁會根據屏幕寬度調整布局，所以不能使用絕對寬度的布局，也不能使用具有絕對寬度的元素，這一條非常重要。

具體說，CSS代碼不能指定像素寬度：width:xxxpx;

只能指定百分比寬度：width:xx%;或者width:auto;

3、相對大小的字體

字體也不能使用絕對大小（px），而只能使用相對大小（em）。

body{

font:normal100%Helvetica,Arial,sans-serif;

}

上面的代碼指定，字體大小是頁面默認大小的100%，即16像素。

h1{

font-size:1.5em;

}

然後，h1的大小是默認大小的1.5倍，即24像素（24/16=1.5）。

small{

font-size:0.875em;

}

small元素的大小是默認大小的0.875倍，即14像素（14/16=0.875）。

4、流動布局（fluidgrid）

「流動布局」的含義是，各個區塊的位置都是浮動的，不是固定不變的。

.main{

float:right;

width:70%;

}

.leftBar{

float:left;

width:25%;

}

float的好處是，如果寬度太小，放不下兩個元素，後面的元素會自動滾動到前面元素的下方，不會在水平方向overflow（溢出），避免了水平滾動條的出現。

另外，絕對定位（position:absolute）的使用，也要非常小心。

5、選擇載入CSS

「自適應網頁設計」的核心就是CSS3引入的MediaQuery模塊，它的意思就是，自動探測屏幕寬度，然後載入相應的CSS文件。

media=」screenand(max-device-width:400px)」

href=」tinyScreen.css」/>

上面的代碼意思是，如果屏幕寬度小於400像素（max-device-width:400px），就載入tinyScreen.css文件。

media=」screenand(min-width:400px)and(max-device-width:600px)」

href=」smallScreen.css」/>

如果屏幕寬度在400像素到600像素之間，則載入smallScreen.css文件。

除了用html標簽載入CSS文件，還可以在現有CSS文件中載入。

6、CSS的@media規則

同一個CSS文件中，也可以根據不同的屏幕解析度，選擇應用不同的CSS規則。

@mediascreenand(max-device-width:400px){

.column{

float:none;

width:auto;

}

⑸ 手機站是怎麼做的怎樣讓pc端網站做成手機站

做手機網站的方法一下幾種

1、模板站，下載手機網站模板，然後將內容和PC站點通用，這樣移動設備訪問網站時就會自動轉入到手機站的模板。

你也可以解析一個m開頭的域名作為手機站的域名，有利於搜索引擎抓取。

2、自適應網站，這種網站不需要另做手機站，因為網站的自適應，會根據你使用的設備解析度來調整網頁的排版和內容顯示。

3、pageadmin快速建站，現在有很多服務商支持pageadmin快速建立手機網站，只需要你把內容上傳，這些服務商就會將這個網站做出來，比較方便快捷，，支持使用自己網站的域名。

4、用代碼寫出來的手羨純機站，這種網站就是屬於靜態網鎮咐站，所有的內容都是通過代碼寫進去的，想要更改內容比較麻煩。優點就是一步到位，想要什麼效果都能達到。

5、手機直達頁，這種可以說是一個網站，也可以說是一個網頁，這種手機站比較兄旅咐適合推廣使用，將所有企業的推送產品放在這個頁面上，然後完美的展示出來，用戶點擊之後可以進入購買頁面或者直接進入咨詢頁面，可以更有效的提高轉化效果。

⑹ 手機站是怎麼做的怎樣讓pc端網站做成手機站

WAP手機可以通過鏈宴標準的協議接入互聯網，手機上網，可以獲取適用於手機瀏覽的網上信息，以及基於互聯網的豐富應用。如新聞瀏覽、搜索、郵件、訪問、查詢、無線電子商務等，使人們體驗無線互聯網的豐富應用，更重要的，這些所有的網路應用，都可以在移動環境中進行，使得網路應用前所未有的方便快捷。能夠便捷的在手機上展示企業的信息，可以提供多種功能包括新聞信息、即時通信、娛樂、閱讀、搜索等功能，可以對企業進行良好的宣傳。不過手機網站的表現力還是相對比較差，功能方面需要完善。

wap網站建設

與傳統互聯網一樣，企業要開展wap網路營銷，也需要建設自己的wap網站。雖然在表現形式上，wap網站要弱於一般的網站，對於圖片、動畫等表現力度不夠，但麻雀雖小，五臟俱全。製作一個企業wap網站，可以從以下幾個方面入手：

一、企業宣傳

Wap上的企業宣傳很能體現文字功底：既要簡單明了，又要突出企業的核心競爭力。一般說來，企業的成立時間、規模、聯系方式、主營業務等，是訪問者了解一個企業的首要內容，特別是企業的聯系方式，可重點予以單列，以方便查閱和聯系。

二、產品展示

企業在WAP網站上，需要表現的重點仍然是產品展示。移動客戶訪問企業的wap 網站往棚扒銀往是有備而來，想了解某個產品的詳細參數或價格。所以企業在wap上的產品展示，可選擇企業的主要產品，對其各類參數或價格加以詳細說明。同時，對於企業的新產品信息，也可以適當的加以介紹。

三、客戶服務

對於企業的客戶服務而言，可能wap網站比傳統網站會更有效。客戶服務包括客戶咨詢與投訴兩個方面，通過企業的wap客戶服務平台，無論何時何地，客戶均能通過手機對企業進行咨詢或投訴，而企業對於客戶的咨詢或投訴能夠快速響應，與此穗客戶建立起一對一的聯系。

⑺ 怎麼把電腦網站轉成手機版的網站

用網路siteapp。

⑻ 如何快速建立與PC網站同步的手機網站

如果已經做好了一個PC電腦版網站，通過網路Site App同步的功能就可以快速擁有自己的手機網站了。步驟如下：
一、網路Site App申請試用
1、進入網路Site App官網
2、進入網站後，首先是添加一個網站。
3、輸入網站域名，點擊確定。

4、接下來是下載驗證文件，上傳到域名的根目錄，點擊驗證就行了。

二、網路Site App快速生成WebApp
1、通過了域名驗證後，然後就是在線製作WebApp了。首先是選擇一個應用模板。
2、接著是添加WebApp的導航和內容了。用滑鼠在要添加的內容上點擊，然後Site App會顯示一個方框。

3、點擊這個方框後就會出現添加窗口了。先是添加導航。
4、還有添加內容，可以給自己的內容設定一個標題。

5、確定後就能在左邊的WebApp中看到預覽效果。

6、當導航和內容添加完成後，確定就可以為你的WebApp設置一個名稱了。還可以在底部設置相關搜索、聯系信息等。

三、網路Site App配置自己的域名

1、完成了自己的WebApp製作後，最後就是為應用設置好一個獨立的域名了。
2、這個域名可以直接被移動設備來瀏覽，並且你還可以在網頁放置一段代碼，當有移動設備瀏覽時就會自動跳轉到該WebApp應用上。
3、先添加一個二級域名地址，然後到DNS管理處做CNAME記錄解析，記錄值是：siteapp..com，
4、待CNAME解析生效後，就能用你的新的域名訪問WebApp應用了。

四、網路Site App生成WebApp效果和問題
1、通過網路Site App可以直接看到WebApp效果了。
2、WebApp生成效果

3、不過在預覽效果中看到生成的WebApp卻出現圖片不顯示的情況，很有可能是設置了圖片防盜鏈造成的。

4、另外發現部落的評論都出現了顯示問題。

通過以上的方法就可以在幾分鍾內將自己的電腦PC網站同步為手機網站，不需要自己更新，只要PC網站更新內容，手機網站也會更新內容。

⑼ 怎麼把HTML電腦網頁轉換成手機版的

將電腦網頁修改成手機網頁步驟：
1、首先，我們打開一個網頁

2、然後我們按鍵盤的F12鍵，出現代碼元素界面

3、然後我們點最下方的「Emulation」菜單選擇即可

4、然後，我們可以看到下面有很多參數選項，選擇「MODEL」即可

5、選擇後，下方會有"Resolution"會自動填充，意思是手機解析度，如果你的手機型號不在其內，自己寫解析度尺寸也可以的

6、然後看頁面內容變化，已縮小成手機模式

7、選擇右手邊的Reset,可以退出當前設置恢復網頁原形，也可以重新設置

⑽ 如何將電腦網頁修改成手機網頁

1、電腦打開瀏覽器頁面。