1、html5怎麼製作一個響應式網頁?
HTML5 製作響應式網頁,首先需要考慮是全平台適配還是只是移動端適配。這里以移動端響應式網站為例,講述如何製作響應式網頁。
1、選定基本設計尺寸,一般以1080為基準。確定響應式web設計的應用場景之後,和美工(或設計師)溝通,之前,一般需要美工出幾套主流移動設備屏幕解析度的設計圖,現在,使用流式布局以及rem等可以使用一套設計圖,以最常用的移動設備屏幕解析度為基準。
2、當美工完成設計圖之後,前端工程師的工作就開始了。這時你就可以使用PS或是FW進行切圖了。一般說來,Fireworks cs6切圖更快,但是Fireworks有時會有圖片失真的情況發生,所以,有時需要使用PS進行配合,PS有切片工具可以專門用來切圖。
2、請問響應式網頁設計PSD需要做多大的尺寸和多大的解析度
PSD最好做1366*768的尺寸,網頁頂部、底部、導航條部分需要百分百寬
內容根據PSD設定具體像素
3、響應式網站設計需要什麼條件
1、網站美工的精細程度一個好的網站他的美工這塊一定做的相當不錯,因為我們的大部分客戶看一個網站的時候基本上都是從他的美工這塊來看的。一個好的網站,他網站的細節處理的一定很到位,包括產品的圖片,文字的排版等等這些一定很到位的。
2、網站的兼容性這塊我們能經常看到一些網站在ie瀏覽器下面看是正常的,但是換了個其他瀏覽器的時候就會變形的一塌糊塗那麼這樣的網站肯定算不上是什麼好的網站。
3、從網站的定位來看網站設計的好壞,因為網站的定位清新才能獲得更高的客戶轉化率,做網站之前一定要戶再三確定好整體網站的定位,明確好建站的目的,只有這樣才可以有一個核心的把握點,才能夠圍繞這個目的去設計,自然而然製作出來的網站就可以非常直觀的展現在訪客面前,訪客也願意看到這樣的網站。
4、從整體結構把握網站建設製作的好壞,為什麼這么說呢,因為網站結構製作的好不好意味著每一位訪客是否能夠通過瀏覽網站方便快捷的查找到自己想要看到的信息和內容。網站製作者為了實現這種效果,往往會採取這樣的方式:網站不同的頁面都有相對獨立且帶有有效關鍵詞的標題,每個網頁還有特別設計的META標簽。
5、 從頁面分割的角度來把握網站建設製作的好壞,頁面分割常用於網站首頁,即把整個頁面合理的分成幾個小塊,這些小塊之間會給人帶來視覺上的差異,這樣就能夠使訪客在看網站的時候一目瞭然。其實,也有人把網頁設計中的這些有效分割當作是對頁面內容的一種分類歸納。
6、從頁面和諧的角度來把握網站建設製作的好壞,網站頁面的和諧不僅體現在結構形式上,還得看作品所形成的視覺效果能否與人的視覺感受形成一種溝通,產生心靈的共鳴。這是設計能否成功的關鍵。
想要做好一個響應式網站,更多的是需要你耐心尋找問題,從而進行修改,在不斷的調試和修改,你的網站才能變得更好。
4、響應式網頁設計參考文獻(標准格式)
<
5、請問響應式網頁設計PSD需要做多大的尺寸和多大的解析度
PSD最好做1366*768的尺寸,網頁頂部、底部、導航條部分需要百分百寬 內容根據PSD設定具體像素
6、響應式網站尺寸設計規范是什麼?不要說大篇的介紹廢話,落實到具體數據上
看來你是生手。網站沒有統一的尺寸。也沒有統一的設計規范。都是根據客服要求去設計的。
他要大點就大點,要小點就小點。而網上很多網站的字體也不是統一的。
既然是響應式。更不可能有固定的尺寸。只用%百分比。
安全尺寸?也沒有統一的安全尺寸。有的是是全屏,有的是居中。寬度也沒有統一的。各種寬度都有。
7、響應式視覺設計稿要做幾個尺寸
你好,我覺得一般是手機一個,tablet一個,desktop一個。主要是以主顯示方式(橫屏,豎屏)和交互方式(觸摸,傳統)劃分的。
8、求一份HTML做的網頁設計作業,需要響應式,要求是不少於10個頁面
不免費,要嗎?
9、響應式網頁設計通常幾個解析度的頁面啊?
頁面的設計與開發應當根據用戶行為以及設備環境(系統平台、屏幕尺寸、屏幕定向等)進行相應的響應和調整。具體的實踐方式由多方面組成,包括彈性網格和布局、圖片、CSS media query的使用等。所以要區別看待。
PSD做1366*768的尺寸,網頁頂部、底部、導航條部分需要百分百寬 內容根據PSD設定具體像素
10、響應式網頁 界面設計 多大字型大小
響應式的網頁設計,除了布局的變化以外,還有字型大小的改變。通常使用@media。比如:
h1 {
font-size: 48px;
}
@media (max-width: 767px){
h1 {
font-size: 36px;
}
}
以上的CSS可以讓網頁在設備屏幕尺寸小於768px的時候,讓h1的字型大小從原始的48px變為36px。在實際的應用中,尤其是h1、h2、h3等等這樣的大標題的字型大小設置,其實還是有一點點的瑕疵。因為可能需要額外多設定幾個@media的寬度。
屏幕寬度從1280px、1024px、768px、640px、480px,直到320px,跨度非常大,為了保持比較完美的顯示,通常會用Screen Size之類的瀏覽器插件,來顯示不同寬度下布局的顯示狀況。h1 標簽內,因為字型大小大,字數也或多或少,為保險起見,有時會為每一種屏幕寬度都定製一個合適的字型大小,這樣稍顯麻煩。
有一種解決的方案,用Viewport的方法。
%vw = %viewport width
我們用%vw來定義字型大小,也就是說用屏幕寬度的百分比來定義字型大小的大小。例如:
h1 {
font-size: 2.5vw;
}
這樣一來,無論屏幕寬度如何變化,h1的字型大小會保持在Viewport寬度的2.5%的大小。