怎么樣制作手機(jī)網(wǎng)站
提問問題
列表
-
用dreamweaver cs6怎么建手機(jī)網(wǎng)站
查看答案>>
-
怎么制作html5網(wǎng)站頁面讓它適應(yīng)電腦和手機(jī)的尺寸
查看答案>>
-
織夢手機(jī)WAP瀏覽模塊如何制作手機(jī)網(wǎng)站
查看答案>>
-
pc 網(wǎng)站有了，怎么做手機(jī)適應(yīng)的網(wǎng)站？
查看答案>>
-
手機(jī)網(wǎng)頁如何制作
查看答案>>
-
怎么制作html5手機(jī)頁面？
查看答案>>
-
手機(jī)站是怎么做的？怎樣讓pc端網(wǎng)站做成手機(jī)站？
查看答案>>
-
怎么制作html5網(wǎng)站頁面讓它適應(yīng)電腦和手機(jī)的尺寸
查看答案>>
用dreamweaver cs6怎么建手機(jī)網(wǎng)站
制作步驟如下： 1、打開Dreamweaver CS6軟件，在Dreamweaver CS6軟件的開始界面的導(dǎo)航上可以看到站點(diǎn)，如下圖所示。 2、點(diǎn)擊Dreamweaver CS6導(dǎo)航上的站點(diǎn)，然后選擇彈出菜單上的新建站點(diǎn)，如下圖所示。 3、點(diǎn)擊后彈出站點(diǎn)設(shè)置對話框，先來設(shè)置站點(diǎn)項(xiàng)，這個是在計(jì)算機(jī)本地創(chuàng)建的，在站點(diǎn)名稱處輸入站點(diǎn)名稱，然后選擇本地站點(diǎn)文件夾路徑，如下圖所示。 4、服務(wù)器選項(xiàng)，這個設(shè)置主要用于動態(tài)頁面，動態(tài)頁面要服務(wù)器解析的。點(diǎn)擊左下角的“+”圖標(biāo)添加服務(wù)器，如下圖所示。 5、開發(fā)網(wǎng)站的時候一般都是在本地搭建的服務(wù)器，所有連接方法選擇“本地/網(wǎng)絡(luò)”。服務(wù)器名稱和服務(wù)器文件夾都是安裝服務(wù)器時確定的，服務(wù)器文件夾直接選擇安裝服務(wù)器時的位置就可以了。服務(wù)器App安裝在D:\App\www文件夾下，站點(diǎn)叫jingyan。這里Web URL設(shè)置為localhost/jingyan。根據(jù)服務(wù)器文件夾來的。然后點(diǎn)擊保存，如下圖所示。 6、點(diǎn)擊保存后，返回新建站點(diǎn)的服務(wù)器選項(xiàng)界面，勾選測試，然后點(diǎn)擊保存，如下圖所示。 7、Dreamweaver CS6新建站點(diǎn)完成了，可以編輯網(wǎng)站網(wǎng)頁了，如下圖所示。
怎么制作html5網(wǎng)站頁面讓它適應(yīng)電腦和手機(jī)的尺寸
用以下代碼開頭：<!DOCTYPE HTML><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1">使用百分比定義寬度，， CSS代碼可以適當(dāng)使用：@media only screen and (max-width:449px){}自動根據(jù)屏幕像素 調(diào)用不同的CSS代碼。
織夢手機(jī)WAP瀏覽模塊如何制作手機(jī)網(wǎng)站
安裝之后根目錄有個wap.php文件，訪問這個文件就可以訪問手機(jī)網(wǎng)站了，修改templets\wap里面的模板文件就可以對樣式進(jìn)行修改了。
來自：求助得到的回答
pc 網(wǎng)站有了，怎么做手機(jī)適應(yīng)的網(wǎng)站？
一、PC網(wǎng)站自動適配手機(jī)網(wǎng)頁的7個步驟一般來說，移動適配主要通過底層的web技術(shù)開發(fā)手段來完成，下面馬海祥將通過移動適配技術(shù)的角度來告訴你通過7個步驟來完成一個PC網(wǎng)站向移動設(shè)備的跳躍！1、允許網(wǎng)頁寬度自動調(diào)整“自適應(yīng)網(wǎng)頁設(shè)計(jì)”到底是怎么做到的？其實(shí)并不難。首先，在網(wǎng)頁代碼的頭部，加入一行viewport元標(biāo)簽，viewport是網(wǎng)頁默認(rèn)的寬度和高度，上面這行代碼的意思是，網(wǎng)頁寬度默認(rèn)等于屏幕寬度（width=device-width），原始縮放比例（initial-scale=1）為1.0，即網(wǎng)頁初始大小占屏幕面積的100%。所有主流瀏覽器都支持這個設(shè)置，包括IE9，對于那些老式瀏覽器（主要是IE6、7、8），需要使用css3-mediaqueries.js。2、不使用絕對寬度由于網(wǎng)頁會根據(jù)屏幕寬度調(diào)整布局，所以不能使用絕對寬度的布局，也不能使用具有絕對寬度的元素，這一條非常重要。具體說，CSS代碼不能指定像素寬度：width:xxxpx;只能指定百分比寬度：width:xx%;或者width:auto;3、相對大小的字體字體也不能使用絕對大小（px），而只能使用相對大小（em）。body{font:normal100%Helvetica,Arial,sans-serif;}上面的代碼指定，字體大小是頁面默認(rèn)大小的100%，即16像素。h1{font-size:1.5em;}然后，h1的大小是默認(rèn)大小的1.5倍，即24像素（24/16=1.5）。small{font-size:0.875em;}small元素的大小是默認(rèn)大小的0.875倍，即14像素（14/16=0.875）。4、流動布局（fluidgrid）“流動布局”的含義是，各個區(qū)塊的位置都是浮動的，不是固定不變的。.main{float:right;width:70%;}.leftBar{float:left;width:25%;}float的好處是，如果寬度太小，放不下兩個元素，后面的元素會自動滾動到前面元素的下方，不會在水平方向overflow（溢出），避免了水平滾動條的出現(xiàn)。另外，絕對定位（position:absolute）的使用，也要非常小心。5、選擇加載CSS“自適應(yīng)網(wǎng)頁設(shè)計(jì)”的核心就是CSS3引入的MediaQuery模塊，它的意思就是，自動探測屏幕寬度，然后加載相應(yīng)的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標(biāo)簽加載CSS文件，還可以在現(xiàn)有CSS文件中加載。6、CSS的@media規(guī)則同一個CSS文件中，也可以根據(jù)不同的屏幕分辨率，選擇應(yīng)用不同的CSS規(guī)則。@mediascreenand(max-device-width:400px){.column{float:none;width:auto;}#sidebar{display:none;}}上面的代碼意思是，如果屏幕寬度小于400像素，則column塊取消浮動（float:none）、寬度自動調(diào)節(jié)（width:auto），sidebar塊不顯示（display:none）。7、圖片的自適應(yīng)（fluidimage）除了布局和文本，自適應(yīng)網(wǎng)頁設(shè)計(jì)還必須實(shí)現(xiàn)圖片的自動縮放。這只要一行CSS代碼：img{max-width:100%;}這行代碼對于大多數(shù)嵌入網(wǎng)頁的視頻也有效，所以可以寫成：img,object{max-width:100%;}老版本的IE不支持max-width，所以只好寫成：img{width:100%;}此外，windows平臺縮放圖片時，可能出現(xiàn)圖像失真現(xiàn)象。這時，可以嘗試使用IE的專有命令：img{-ms-interpolation-mode:bicubic;}或者，EthanMarcotte的imgSizer.js。addLoadEvent(function(){varimgs=document.getElementById(“content”).getElementsByTagName(“img”);imgSizer.collate(imgs);});最好還是做適配分辨率的圖片，有很多方法可以做到同樣效果，服務(wù)器端和客戶端都可以實(shí)現(xiàn)（具體可查看馬海祥博客《根據(jù)訪問設(shè)備自動識別展示手機(jī)站或PC站的方法》的相關(guān)介紹）。二、適配最常見的操作方法據(jù)馬海祥觀察，PC站和手機(jī)站匹配最常用的幾種方法是移動適配、JS跳轉(zhuǎn)、Meta聲明、302規(guī)則等等，由于每種方法的操作方式不同，產(chǎn)生的效果也不同，具體的優(yōu)缺點(diǎn)也需要區(qū)別對待，在此，馬海祥就給大家比較一下這4種適配方法的優(yōu)缺點(diǎn)以及需要注意的地方：1、移動適配現(xiàn)在很多搜索引擎都提供移動適配的功能，例如百度的開放適配和360的移動適配，利用百度站長工具提交PC頁-手機(jī)頁對應(yīng)關(guān)系Sitemap，或者利用360站長工具提交PC頁-手機(jī)頁對應(yīng)關(guān)系txt就能實(shí)現(xiàn)PC站內(nèi)容和手機(jī)站一一適配。這樣做的優(yōu)點(diǎn)是只需要在搜索引擎工具提交資料，無需對站點(diǎn)本事做改動，而且網(wǎng)站內(nèi)容一一對應(yīng)，并不只局限于網(wǎng)站首頁。缺點(diǎn)就是只能在百度或者360移動搜索中生效，其他沒用提交適配文件的搜索中就無效了。2、JS跳轉(zhuǎn)JS跳轉(zhuǎn)對于某些行業(yè)來說有著重要的作用，尤其是對于用戶轉(zhuǎn)換率網(wǎng)站首頁較高的網(wǎng)站，只需要在網(wǎng)站的頭部加一段JS代碼判定是否是移動端訪問，然后所有的流量就會全部流向手機(jī)站的主頁。JS跳轉(zhuǎn)的優(yōu)點(diǎn)是適用于所以的移動搜索，并不局限于百度和360，可以提高用戶的轉(zhuǎn)換率。缺點(diǎn)是難以實(shí)現(xiàn)每個頁面的一一對應(yīng)，而且容易被某些搜索引擎判定作弊，從而受到懲罰。3、Meta聲明Meta聲明的格式一般為，站長可以將這段代碼加在PC站的頭部，由Meta信息來指明該P(yáng)C頁對應(yīng)的手機(jī)頁的URL，以及該URL對應(yīng)頁面的格式。Meta聲明的優(yōu)點(diǎn)是代碼簡單易懂，操作方便。缺點(diǎn)是只能在百度移動搜索中生效，對于其他搜索引擎無效（另外，還可以使用百度轉(zhuǎn)碼，具體可查看馬海祥博客《百度轉(zhuǎn)碼后的手機(jī)網(wǎng)站頁面是否有利于SEO優(yōu)化》的相關(guān)介紹）。4、302規(guī)則302規(guī)則指的是，當(dāng)判定移動端訪問網(wǎng)站時，302臨時跳轉(zhuǎn)到一個網(wǎng)址(手機(jī)站)，例如可以在htaccess文件里加上一段判定手機(jī)的代碼，做個302重定向。這樣做的好處是，不需要再額外在網(wǎng)站的前端代碼中加任何東西，也不需要向搜索引擎提交規(guī)則，可是據(jù)測試，有可能會導(dǎo)致PC站被降權(quán)。雖然302是暫時性的重定向，但過于頻繁的302是很有可能給網(wǎng)站帶來不利的影響的，具體的尺度需要站長自己去把握。以上4種適配方法是接觸的最為常見的操作方法，通常PC站做了以上處理后，一段時間以后移動端搜索出來的結(jié)果，下面匹配的網(wǎng)址就變成了移動站網(wǎng)址，不過標(biāo)題還是PC站標(biāo)題。至于到底哪種方法更好，更傾向于第一種，畢竟百度移動搜索占據(jù)著網(wǎng)站的大部分流量，而且用戶體驗(yàn)度也最好。
手機(jī)網(wǎng)頁如何制作
工具/原料html頁面vs2008步驟：1、點(diǎn)擊【文件】【新建文件】【常規(guī)】【HTML頁面】【打開】2、如圖所示，新建了一個空白的html頁面，拆分視圖3、設(shè)置頁面body樣式信息【-webkit-touch-callout: none; -webkit-text-size-adjust: none;】是防止用戶復(fù)制和保存圖片,只支持iphone、ipad、android4、設(shè)置頁面的寬度和高度【.page-content{background:-webkit-linear-gradient(#2F5A53,#6CA199); top:352px; min-height:550px;_height:550px;width:640px; }】5、【關(guān)鍵點(diǎn)】新建一個div標(biāo)簽，樣式使用page-content6、在段落標(biāo)記<p>里面輸入文字信息，這里天使就不排版了，主要是教大家方法，然后保存網(wǎng)頁。7、將網(wǎng)頁上傳到服務(wù)器目錄下8、輸入網(wǎng)站域名，在電腦上訪問可以看見效果，只有左側(cè)部分9、使用手機(jī)訪問，得到如圖所示效果，就不會像直接書寫html代碼一樣文字很小
怎么制作html5手機(jī)頁面？
Html5和以前html，jsp寫法一樣的，基本上區(qū)別不大，如果要寫手機(jī)頁面的話，可以用dw然后在里面用手機(jī)版塊看效果
手機(jī)站是怎么做的？怎樣讓pc端網(wǎng)站做成手機(jī)站？
你好，現(xiàn)在很多手機(jī)瀏覽器是支持打開PC端網(wǎng)站了的，并且會自適應(yīng)手機(jī)屏幕，望您采納，我是不會做的，嘻嘻
怎么制作html5網(wǎng)站頁面讓它適應(yīng)電腦和手機(jī)的尺寸
用以下代碼開頭：<!DOCTYPE HTML><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1">使用百分比定義寬度，， CSS代碼可以適當(dāng)使用：@media only screen and (max-width:449px){}自動根據(jù)屏幕像素 調(diào)用不同的CSS代碼。
熱門問答
- 模版還是模板
- 免費(fèi)建站
- 淘寶網(wǎng)頁是哪個公司做的
- 免費(fèi)制作企業(yè)
- 簡單個人網(wǎng)站模板
- 制作網(wǎng)站的的網(wǎng)站
- 怎么學(xué)網(wǎng)頁設(shè)計(jì)
- html模板文件
- 手機(jī)網(wǎng)站的優(yōu)化
- 什么是排版設(shè)計(jì)
- 廣告公司網(wǎng)站制作
- 網(wǎng)站優(yōu)化是什么
- 怎么用手機(jī)制作簡歷
- 武漢建設(shè)網(wǎng)站
- 網(wǎng)站建設(shè)公司怎么樣
- seo優(yōu)化培訓(xùn)
- 網(wǎng)站的建設(shè)哪家好
- 制作簡歷圖片
- 什么是網(wǎng)絡(luò)推廣優(yōu)化
- 網(wǎng)頁制作學(xué)那些
