1、響應式網頁設計通常幾個解析度的頁面啊?
頁面的設計與開發應當根據用戶行為以及設備環境(系統平台、屏幕尺寸、屏幕定向等)進行相應的響應和調整。具體的實踐方式由多方面組成,包括彈性網格和布局、圖片、CSS media query的使用等。所以要區別看待。
PSD做1366*768的尺寸,網頁頂部、底部、導航條部分需要百分百寬 內容根據PSD設定具體像素
2、關於網頁製作大小與解析度的關系
呵呵,我來回答你的問題吧。
1:解析度的問題。現在PC端大部分的網站都採用固定寬度、高度自適應、並居中的布局方法,寬度一般都是1000PX左右。這已經兼容絕大部分的解析度了,至於極個別的解析度的兼容性,要麼舍棄掉,要麼就對該解析度重新設計一個版面。總的來說,PC端的解析度,樓主不需要其有多大的疑慮,感覺有點太過憂慮。當你對網頁製作更加深入以後,你會發現你的擔心是多餘的。
2:你說自動鋪滿全屏。他沒採用第一種布局方式,而是採用定位的方式布局的。
3:網頁在瀏覽器和DW軟體顯示有差異,你無需管網頁在DW軟體中的顯示結果,顯示結果均由瀏覽器顯示結果為基準。因為用戶使用瀏覽器訪問你的網站。至於為什麼會有差異,DW畢竟只是一個軟體而不是瀏覽器。
3、請問製做網頁圖片的解析度一般設為多少
網頁上72是最合適,太高不但會影響文件大小從而影響圖片下載,而且在IE中顯示效果也不會很明顯!
4、設計網頁的時候,怎樣讓圖片在不同的解析度和顯示器下都是滿屏顯示的?寬度的尺寸是多大?
在DW軟體的菜單欄中選擇「修改」,打開修改選項卡;
然後選擇「頁面屬性」,彈出頁面屬性面板;
在屬性面板左側「分類」欄中選擇「外觀」;
然後將左邊距、右邊距、上邊距、下邊距的值都設置為0就可以了。
應該所有電腦都會默認滿屏顯示的,如果同時想手機、平板電腦都為滿屏顯示,就要進行」多屏幕「設置。我也是學習中,有什麼不對的地方求指正,希望可以幫到你。
5、網頁設計時遇到的解析度問題,如何解決
這位網友你好,你可以將圖片寬度設置為100%,或者將圖片設置為背景。這兩種方法都可以達到你的要求。
6、正常網頁製作背景圖片應該多大?
1、背景最好是能夠做到自動延伸,現在的顯示器是越來越大,解析度也慢慢的變大了,現在用1600*900解析度的也不少,我的就是,當然也有人用1280*768、1024*768等,所以網頁設計的背景一般是不會設計成固定尺寸的,你可以做成可循環平鋪的圖片或者漸變顏色,直接是一種顏色那就更方便了;
2、其實網頁設計一般所說的尺寸指的是主體框架的尺寸,就拿現在這個百度知道的頁面距離,中間的主體部分無論是瀏覽器怎麼伸展,主體內容的寬度是保持不變的,我查看了一下css代碼,這個主體框架的寬度是980px;
3、你設計的時候把主體部分設置成980-1000px就差不多了,畢竟現在使用1024*768解析度以下的人已經畢竟少了。
7、我准備做一張圖放到網頁上去,應該怎樣設計寬 , 高,解析度,還有大小尺寸呢
放到網頁上去:到這個網頁上去核實它的寬是多少。網頁的寬度是通過css來確定的。只有明確了網頁的寬度才能設計圖片的尺寸。
8、HTML頁面如何設計,使圖片文字都按解析度自動縮放? 主要是圖片要自動縮放 謝謝
圖片可對寬復高使用百分百如`width:30%`;文字制可用rem為單位而不是固定像素的px,再根據解析度修改根元素html標簽的font-size的(媒體查詢),如此rem會根據其大小同步進行變化.媒體查詢的使用方法見:網頁鏈接
9、網頁設計中圖片的解析度是多少
圖片的解析度在不同的地方是不一樣的 網頁設計為72DPI 寫真為152 2樓說的都對
10、用photoshop設計網頁首頁時,設置多少精度出來的網頁圖片精度高?
Photoshop製作網頁效果圖的幾個注意點:
第一點:新建文件尺寸大小; 製作網頁效果圖,首先就是要新建文件,那麼要建多大的合適呢?這可不是隨便亂定的,一般我們是要根據目前絕大部分顯示器的最佳解析度來定。在比較早些時候,17英寸為主流顯示器,最佳解析度為1024*768,所以考慮到網頁在顯示器上能有最好的顯示效果,一般都定在1003px以下(這個數據是由顯示器最寬1024px減去瀏覽器右側滾動條寬21px和到1003px)。如果你的網頁超過這個尺寸,那當網頁即使最大化顯示的時候,內容也不能完全呈現,底部就會顯示水平滾動條,這樣會影響用戶體驗! 目前來說19英寸解析度達到1280以上的寬屏顯示器已經成為主流,因此現在很多網頁都開始做得更寬,比如可以做成1200px寬的,但為了能讓1024解析度下都能有好顯示,建議還是定為1003px以下,比如960,980都是合適的。如果不確定應該設置多少合適,可以打開參考網站,看看他們是設置多少。 如何查看別人的網頁尺寸呢?很簡單,使用截圖工具把網頁截下完整的寬度後使用Photoshop用選區工具框選寬度就能在信息面板里顯示出來了!
第二點:字體與字型大小; 字體方面,在瀏覽器里顯示的字體是調用操作系統里的,因為絕大部分操作系統都有宋體、黑體、微軟雅黑、Arial、Tahoma這幾種字體,所以在網頁效果製作時,盡量使用這些字體,如果不使用這些字體,那到在把網頁效果圖做成網頁的時候就沒法做出這種字體效果了;如果非要使用其他字體,那麼在做成網頁的時候只能以圖片的形式來顯示出來,不過考慮到圖片文件都偏大,會讓網頁打開速度降低,所以盡量不要以這種形式顯示。
第三點:關於顏色; 不同的操作系統會有不一樣的調色標准,因在Web上就有定義了一個安全色表,以期能讓符合這個色表定義的顏色,在不同顯示設備上都能有同樣的顯示效果。不過對於不是對色彩十分嚴謹的網頁效果來說,不需要這么嚴格執行,所以關於顏色,我們直接使用Photoshop里默認的顏色就可以了,當然,如果你所設計的網頁對於色彩十分看中,那請認真按照Web安全色標准設計。
第四點:網頁效果圖里填充的內容; 在製作網頁效果的時候,很多地方要填充文字內容,這個時候有些初學者為了方便操作,直接把同樣的內容復制使用,最後整個網頁上看起來就會顯得怪怪的。這里大家在填充內容的時候,最好是使用不一樣的信息,或者乾脆直接從其他網頁上截取內容填充。
第五點:要注重細節處理; 因為你製作出來的效果圖,最終是做為網頁的製作依據,因此在效果圖上,每個模塊的間距都要精確到像素、文字擺放的位置等也要准確到位。
第六點:保存的圖片格式; 效果圖製作好後,建議保存成png格式。不要存jpg格式,因為這個格式對圖片壓縮比較大,會丟失細節。