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