<sub id="1zz7z"></sub>
        <sub id="1zz7z"></sub>

        <sub id="1zz7z"></sub>

          <sub id="1zz7z"></sub>

                  <address id="1zz7z"></address>
                    <address id="1zz7z"></address><sub id="1zz7z"></sub>

                      <sub id="1zz7z"></sub>

                      什么是響應式網頁設計?

                      2019-03-21    訪問量:0 字號

                      起初,網站是為一個屏幕大小,即桌面而設計和建造的,因為人們就是這樣上網的。今天,隨著不同類型設備的激增,屏幕大小差異很大,所以一個固定大小的網站已經不夠用了。為了解決這一問題,并使用戶體驗良好的所有設備,現代網站現在創建,以適應屏幕大小可用。這被稱為“響應性網頁設計”。


                      當商科網絡開始為客戶建立網站時,我們所有的網站都被設計成一個固定的大小,這樣它在桌面顯示器上看起來就很棒了。當然,人們有不同的顯示器大小,所以我們會使用最低的屏幕大小。回到從前,我們將使用800個像素,然后移動到960像素作為顯示器改進。這意味著每個網站總是以同樣的方式顯示,更大的顯示器將在每個大小的網站上有更多的空間。


                      隨著移動電話的啟用和人們開始使用他們的手機訪問網站,這個桌面設計的網站必須調整大小,以適應小屏幕。這導致字體非常小,必須放大頁面來讀取內容和單擊鏈接是有問題的。第一個解決方案是創建該網站的移動版本。因此,同樣的內容,但顯示的手機屏幕優化。移動網站傾向于托管在Mobilee.website.com或M.website.com如果用戶開始訪問桌面網站,可能會提示他們查看移動網站。這是可行的,但它意味著維護兩個單獨的代碼庫,從而增加了開發成本。


                      真正的解決方案是擁有一個足夠聰明的網站,讓它知道如何向用戶顯示設備。第一個選擇是找出正在使用的設備,因此iPhone、平板電腦、啟用網絡的電視機、諾基亞(Nokia)或者三星(Samsung)手機都很難找到,但由于設備數量過多,很難保持最新的設備列表。有一些商業服務可以用來做這件事。然而,使用的設備最終并不重要,因為網站只是需要知道屏幕大小可用。因此,現在使用的方法是網站的樣式表(用于控制字體、布局和顏色等樣式)具有基于用戶瀏覽器寬度的開關-通常分為3或4個范圍。如此龐大的臺式機,平板電腦和移動設備。


                      內容排序

                      隨著屏幕大小的減少,可以在任何時候顯示在屏幕上的內容的數量被減少,所以優先顯示什么變得非常重要。然而,在桌面版本上,基于圖像的大滑塊可能是一種高效的移動營銷設備,通過調用行動傳遞關鍵信息可能更好。


                      作為網站設計者,我們可以決定是顯示還是隱藏頁面上的所有元素,甚至是顯示特定于移動的元素-特別是對于那些較小和更高壓縮圖像將幫助頁面加載時間的圖像來說非常有用。一個非常常見的事情,你會注意到,有時平板電腦版本的網站是,導航是隱藏起來,直到你需要它,只有當菜單按鈕被按下顯示。


                      用戶交互是非常不同的。

                      移動設備或平板設備與桌面計算機之間的另一個重要考慮是我們與網站的交互方式。在許多網站上,鼠標懸停都會觸發一個動作,比如導航下拉。在移動設備上,不存在懸停狀態-這就是所謂的觸摸設備。正因為如此,在設計高度互動性的網站時,觸摸與鼠標的交互對網站的工作至關重要!


                      摘要

                      我們現在商科網絡建立的幾乎所有的網站都是響應性的,雖然不需要在較小的屏幕上工作,但它們確實使用戶更容易使用。最終,響應性網站由于額外的設計和開發時間,使得網站的建設變得更加困難。


                      23.jpg


                      免费看成年人视频在线观看 - 视频 - 在线观看 - 影视资讯 - 新赏网