手機web網頁設計

1、web網頁設計 autoplay在手機瀏覽器中無效該怎麼辦？

　　HTML5中的autoplay屬性是設置為自動播放。如果設置了該屬性，視頻或音頻將自動播放。
但是需要注意的是部分瀏覽器比如Safari屏蔽了autoplay屬性。因為autoplay在移動網路環境下可能會造成用戶流量費劇增。
iOS 3.2之前可以通過js模擬一個點擊事件來觸發，但在之後的版本中就不再有效了，Safari完全屏蔽了autoplay，除非用戶自己點擊播放，目前沒有其他任何辦法可以實現autoplay。

2、如何把web端的網頁設計成wap端網頁

WAP的全稱是「無線應用協議（Wireless Application Protocol）」，是一種向移動終端提供互聯網內容和先進增值服務的全球統一的開放式協議標准，
 是簡化了的無線Internet 協議。手機網站按照這種標准提供服務，支持這種標準的手機就可以訪問這些網站亨受這些服務。

WEB是網的意思，這里應是指World Wide Web，WWW，萬維網。萬維網常被當成網際網路的同義詞，不過其實萬維網是靠著網際網路運行的一項服務。

WAP和WEB並稱的時候，前者是指基於WAP協議的手機網站，後者是指基於HTTP協議的電腦網站，支持WAP的手機可以直接訪問WAP站點，
手機訪問WEB站點則需要經過網關轉換；同樣，電腦可以直接訪問WEB站點，電腦訪問WAP站點也需要經過網站轉換。 
我告訴你，WAP網站確實沒什麼用處，當時出現只是為了節省流量，適合低端手機的運算能力，現在所有手機基本上都可以訪問WWW的WEB網站了，以後WAP將被徹底淘汰掉；

如果你是想做出的網站同時在手機和網頁端飯訪問，建議你用HTML5去開發，因為HTML5支持手機和網頁端，而且還是自適應屏幕的大小；

3、工作干不下去了怎麼辦（網頁設計、手機UI設計、WEB前端）

不如 休息一段時間 自主學習 或者找地方進修一下

4、手機WEB遠程式控制制系統設計

作品分為網頁控制端、伺服器控制端及硬體層控制端3個部分，三端信息互通，均可讀取和設置硬體狀態。控制的內容有設備當前狀態，預設開啟時間和關閉時間，也可以根據不同設備的需要進行個別的功能設定。

1、網頁控制端 （附錄圖1.1）

通過上網登入網頁控制端，即可看到電器設備的當前狀態及操作控制選項。通過簡單的操作就可以輕松地設置設備的當前狀態。網頁採用精簡界面和精簡通信協議，使手機能快速登入。

2、伺服器控制端 (附錄圖1.2)

伺服器控制端實時讀取網頁上的預處理命令和硬體層當前的狀態數據並做處理，使得網頁上的命令能實時傳達給硬體控制端，硬體的狀態信息能也夠實時地反應到網頁上去，起到一個信息橋梁的作用。其操作界面界面及功能和網頁控制端對應，可以自主地控制硬體層，反應硬體狀態。

3、硬體層控制端 (附錄圖1.3)

硬體層主控晶元為STC89C54RD+，通過無線模塊FC-201VB與電腦及電器相連，使受控設備脫離了與伺服器有線連接的束縛。控制端上配備有12864液晶、鍵盤，人可以通過鍵盤和友好的菜單界面直接設置和讀取設備的當前狀態。此外，我們還使用了DS1302時鍾晶元，來實現時鍾顯示和設備定時的功能。

創新點：

1、 通過手機WEB來實現遠程式控制制

2、 對控制的器件無需進行改造或微小改造，在原先的基礎上加上此系統即可實現遠程式控制制的目的

技術關鍵：

1、三端數據同步及實時傳輸

2、網頁控制端的命令設置

3、伺服器控制端對硬體層單片機與網路伺服器的通信協議問題

4、通過無線模塊進行雙向數據的精確傳輸

5、硬體層任務調度實時性的資源分配

技術指標：

·在手機信號覆蓋的范圍內都可以通過此平台對設備進行查看操作。

·網頁、電腦，硬體層同步實時顯示設備當前的狀態，並都具有控制能力。

技術特點及先進性：

基於手機WEB的遠程智能控制系統不同於其他遠程式控制制系統，它是通過手機WEB來進行控制的，而現在的手機基本上都可以上網，我們並不需要在手機上安裝任何軟體就可以在任何時間任何地點實現設備的遠程查看和操控，

此控制系統不需要和特定設備相配套使用，只需將此系統與需要控制的設備進行簡單的連接就可實現控制。相比較LG公司研發的智能家居，用手機簡訊來控制家中的電器，但他們那的控制系統需要與其家中的電器相配套，也就是說其只能用於此一套家用電器上。

較使用的普及性來講，這套系統成本較低，且不需要在設備的使用環境上進行大改造。而且在我們用價格少於200的元器件實現了遠程式控制制的功能。

5、wap網站和別的web網站設計一樣么

設計要簡介
布局不要太復雜，不然可能不支持，而且有很多手機瀏覽器代理會把網頁轉成適合瀏覽器閱讀的模式，可能會打亂你的布局
最好設計成豎直列式的

6、web前端工程師和網頁設計有什麼區別？

前端和設計師，
如果要區分的話，區別蠻大的。
前端是實現設計師出的圖效果，做成頁面，加上效果，各種JS，各種CSS等等。

設計師，按正規來說，和程序員溝通好後，出設計圖，各種效果的效果圖，比如設計稿內要標明，滑鼠移上效果會是怎麼樣，等等，前端再實現這些效果成頁面，交給程序員......

7、ui設計、網頁設計和web前端的區別是什麼？

首先，什麼是Web前端開發呢？通俗來講，當你打開某個網站時，往往第一時間被那些炫酷的動態網頁設計所吸引。但是，如果沒有Web前端工程師，這些圖片是不會動的。這樣一個動態網頁是怎麼實現的呢？首先，需要UI設計師按照市場部要求進行每張圖片製作；然後WEB前端工程師通過技術手段實現滾動效果。通俗點說web前端工程師就是用HTML5、CSS3、Java、jQuery、Ajax等技術把UI設計的頁面效果做成網頁，結合Bootstrap、AngularJS等最新的JS框架和後台開發工程師搭線，最終實現讓大家看到的電商平台上那些動人的精美頁面。

那麼什麼是UI設計呢？UI即UserInterface(用戶界面)的簡稱。UI設計是指對軟體的人機交互、操作邏輯、界面美觀的整體設計。通常包括平面設計，網頁設計以及移動界面設計。

其中，網頁設計和移動設計這一崗位方向，需要學習Web界面設計、PC客戶端軟體界面設計、HTML5語言、CSS樣式表、布局技巧與瀏覽器兼容等技術。因此從這一點來說，web前端開發與UI設計之間是互通的，也就是說，通過系統UI培訓後，你將來有可能會成為一名web前端工程師！

二者最大的區別就是：WEB前端工程師是要寫代碼的，而UI設計師重點在設計上。因此，對於廣大學員到底學UI設計好還是WEB前端開發好這一疑問，海文國際建議，學哪一個都不錯，但最重要的是看你自己的興趣所在。然而，對於初學者來說，無論是UI設計好還是WEB前端開發，盡可能通過系統培訓多涉獵一些相關知識，這對於將來職場發展會更有幫助，可以在以後職場中更好的相互協作和支持。

8、手機端網頁設計尺寸多少

iPhone手機網頁的設計尺寸

iPhone5尺寸是640x1136px解析度是326PPI
iPhone4和iPhone4S尺寸是640x960px解析度是326PPI
iPhone和iPodTouch第一代、第二代、第三代尺寸是320x480px解析度是163PPI

安卓網頁的設計尺寸

320dp：一個普通的手機屏幕（240X320，320×480，480X800）
480dp：一個中間平板電腦像（480×800）
600dp：7寸平板電腦（600×1024）
720dp：10寸平板電腦（720×1280，800×1280）

ipad網頁的設計尺寸

iPad第三代第四代尺寸是2048x1536px解析度是264PPI
iPad第一代第二代尺寸是1024x768px解析度是132PPI
iPad Mini尺寸是1024x768px解析度是163PPI

9、web版本的網頁設計有哪些應該怎麼做

1.確定網頁的主體色調風格。

我們製作自己的網頁首先應該對自己的網頁有一個整體的規劃，是建一個什麼類型的網站，網站主色調使用哪種顏色、設計布局採用什麼樣的方式等這些都需要有一個很好的規劃。

2.規劃網站的整體布局——導航、按鈕、圖片、文字的排版方式。

做什麼事都不能盲目的沒有目的的進行，那樣只能浪費時間浪費精力，在我們製作網頁之前一定要對網頁的基本元素進行一些設計。可以簡單的畫草圖，或者瀏覽幾個自己比較喜歡的網站學習借鑒。

3.准備和歸類素材——圖片、音頻、視屏、文章等。

製作一個網頁需要大量的文件，我們必須先將這些不同類型的文件進行歸類放置，整理到一個文件夾中。

打開Dreamweaver軟體，新建一個站點，然後在站點下建立不同的文件夾存放素材。

.4建立自己的主頁，按照之前的定的風格設計布局。

不要急著添加圖片和文字，先將導航欄，標題欄和內容欄都規劃好然後在進行素材的導入。注意無論是文件夾的名還是素材名最好使用英文而不是中文。中文狀態很容易報錯，文件添加後就不要更改文件路勁了，否則會導致文件的丟失。

5.製作網頁是一個非常復雜的過程，如果想從頭到尾自己製作一個網頁的話是很難說清楚的，所以這里就分享一個很簡單的方法。

找到一個適合自己風格或是自己比較喜歡的網頁，右擊滑鼠——另存為。
這時瀏覽器就會將這個網頁中的所有的元素都復制下來，存放到一個文件夾中。

6.打開Dreamweaver軟體代開剛剛下載的網頁，這時Dreamweaver中就會顯示你下載網頁的所有元素，不會出現丟失的情況。

7.替換網頁中的元素即可。

選擇需要進行修改的圖片或是文字直接更換即可。選擇一個元素然後在下面的屬性欄中進行更換即可。同時還可以更換圖片的大小和其他的屬性。

8.按下F12進行預覽效果即可。不滿意的地方進行修改，一定要注意隨時保存文件。