web靜態(tài)網(wǎng)頁(yè)制作
提問(wèn)問(wèn)題
列表
-
請(qǐng)問(wèn)web頁(yè)面布局包括哪些?都有什么用?
查看答案>>
-
什么是網(wǎng)站的站點(diǎn)?
查看答案>>
-
網(wǎng)頁(yè)一般設(shè)置尺寸是多大呢 怎么知道什么網(wǎng)頁(yè)需要什么尺寸?
查看答案>>
-
一般做網(wǎng)頁(yè)設(shè)計(jì)背景尺寸定多大?
查看答案>>
-
網(wǎng)頁(yè)設(shè)計(jì)如何定義圖片的位置和大小
查看答案>>
請(qǐng)問(wèn)web頁(yè)面布局包括哪些?都有什么用?
1.靜態(tài)布局(Static Layout)即傳統(tǒng)Web設(shè)計(jì),對(duì)于PC設(shè)計(jì)一個(gè)Layout,在屏幕寬高有調(diào)整時(shí),使用橫向和豎向的滾動(dòng)條來(lái)查閱被遮掩部分; 意思就是不管瀏覽器尺寸具體是多少,網(wǎng)頁(yè)布局就按照當(dāng)時(shí)寫(xiě)代碼的布局來(lái)布置; 對(duì)于移動(dòng)設(shè)備,單獨(dú)設(shè)計(jì)一個(gè)布局,使用不同的域名如wap.或m.。2、彈性布局彈性布局是CSS3引入的強(qiáng)大的布局方式,用來(lái)替代以前Web開(kāi)發(fā)人員使用的一些復(fù)雜而易錯(cuò)hacks方法(如使用float進(jìn)行類(lèi)似流式布局)。其中flex-flow是flex-direction和flex-wrap屬性的簡(jiǎn)寫(xiě)方式,語(yǔ)法如下:flex-flow: <flex-direction> || <flex-wrap>flex-direction: row(初始值) | row-reverse | column | column-reverseflex-wrap: nowrap(初始值) | wrap | wrap-reverseflex-direction定義了彈性項(xiàng)目在彈性容器中的放置方向,默認(rèn)是row,即行內(nèi)方向(一般而言是由左往右,但注意這個(gè)和書(shū)寫(xiě)模式有關(guān))。flex-wrap定義是否需要拆行以使得彈性項(xiàng)目能被容器包含。*-reverse代表相反的方向。兩者結(jié)合起來(lái)即flex-flow屬性就確定了彈性容器在main axis和cross axis兩個(gè)方向上的顯示方式,下面的例子很直觀的說(shuō)明了各個(gè)屬性值的區(qū)別:3、自適應(yīng)布局(Adaptive Layout)自適應(yīng)布局(Adaptive)的特點(diǎn)是分別為不同的屏幕分辨率定義布局。布局切換時(shí)頁(yè)面元素發(fā)生改變,但在每個(gè)布局中,頁(yè)面元素不隨窗口大小的調(diào)整發(fā)生變化。 你可以把自適應(yīng)布局看作是靜態(tài)布局的一個(gè)系列。 就是說(shuō)你看到的頁(yè)面,里面元素的位置會(huì)變化而大小不會(huì)變化;4、流式布局(Liquid Layout)流式布局(Liquid)的特點(diǎn)(也叫”Fluid”) 是頁(yè)面元素的寬度按照屏幕進(jìn)行適配調(diào)整,主要的問(wèn)題是如果屏幕尺度跨度太大,那么在相對(duì)其原始設(shè)計(jì)而言過(guò)小或過(guò)大的屏幕上不能正常顯示 。 你看到的頁(yè)面,元素的大小會(huì)變化而位置不會(huì)變化——這就導(dǎo)致如果屏幕太大或者太小都會(huì)導(dǎo)致元素?zé)o法正常顯示。5、響應(yīng)式布局(Responsive Layout)做手機(jī)網(wǎng)站必加的一句頭部(head)代碼12345<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">name="viewport" 名稱=視圖width=device-width 頁(yè)面寬度=設(shè)備寬度(可以理解為獲取你手機(jī)的屏幕寬度)initial-scale - 初始的縮放比例 minimum-scale - 允許用戶縮放到的最小比例 maximum-scale - 允許用戶縮放到的最大比例 user-scalable - 用戶是否可以手動(dòng)縮放 分別為不同的屏幕分辨率定義布局,同時(shí),在每個(gè)布局中,應(yīng)用流式布局的理念,即頁(yè)面元素寬度隨著窗口調(diào)整而自動(dòng)適配。 可以把響應(yīng)式布局看作是流式布局和自適應(yīng)布局設(shè)計(jì)理念的融合。 每個(gè)屏幕分辨率下面會(huì)有一個(gè)布局樣式,同時(shí)位置會(huì)變而且大小也會(huì)變。
什么是網(wǎng)站的站點(diǎn)?
站點(diǎn)就是網(wǎng)站。都有兩層意思:一、建立網(wǎng)站/站點(diǎn),通常就是建立一個(gè)網(wǎng)站根文件夾,并在其中建立編輯頁(yè)面、服務(wù)等。二、發(fā)布網(wǎng)站/站點(diǎn),使用發(fā)布軟件直接發(fā)布,如IIS、tomcat、apache等,也可以是直接上傳至某個(gè)Web服務(wù)器。
網(wǎng)頁(yè)一般設(shè)置尺寸是多大呢 怎么知道什么網(wǎng)頁(yè)需要什么尺寸?
高度: 高度是可以向下延展的,所以一般對(duì)高度不限制. 對(duì)于一屏來(lái)說(shuō),一般沒(méi)有一個(gè)固定值,因?yàn)槊總€(gè)人的瀏覽器的工具欄不同,我見(jiàn)過(guò)有的瀏覽器工具欄被插件占了半個(gè)屏幕,所以高度沒(méi)有確切值。 寬度: 1、在IE6.0下,寬度為顯示器分辨率減21,比如1024的寬度-21就變成1003。但值得注意的是IE6.0(或更低)無(wú)論你的網(wǎng)頁(yè)多高都會(huì)有右側(cè)的滾動(dòng)條框。2、在Firefox下,寬度的分率辨減19。比如1024的寬度-19就變成1005 3、在Opear下,寬度的分率辨減23。比如1024的寬度-23就變成1001 注:Firefox或Opear在內(nèi)容少于瀏覽器高度時(shí)不顯示右側(cè)滾動(dòng)條。 所以如果是1024的分辨率,你的網(wǎng)頁(yè)不如設(shè)成1000安全一點(diǎn)。設(shè)成900兩側(cè)空白更大,視覺(jué)上更舒服一點(diǎn).也方便做一些浮動(dòng)層的設(shè)計(jì). 如果是800的分辨率一般都設(shè)成770。但也有設(shè)成760的. 這些需要明白并且牢記,不然很可能做出來(lái)不符合瀏覽器要求,不過(guò)一般我們都回設(shè)定的再稍微小一點(diǎn),應(yīng)為有些瀏覽器加了插件或者其他的東西寬度會(huì)有變化所以 800的分辨率一般設(shè)定760左右,1024的設(shè)定990左右. 網(wǎng)頁(yè)設(shè)計(jì)標(biāo)準(zhǔn)尺寸: 1、800*600下,網(wǎng)頁(yè)寬度保持在778以內(nèi),就不會(huì)出現(xiàn)水平滾動(dòng)條,高度則視版面和內(nèi)容決定。 2、1024*768下,網(wǎng)頁(yè)寬度保持在1002以內(nèi),如果滿框顯示的話,高度是612-615之間.就不會(huì)出現(xiàn)水平滾動(dòng)條和垂直滾動(dòng)條。 3、在ps里面做網(wǎng)頁(yè)可以在800*600狀態(tài)下顯示全屏,頁(yè)面的下方又不會(huì)出現(xiàn)滑動(dòng)條,尺寸為740*560左右 4、在PS里做的圖到了網(wǎng)上就不一樣了,顏色等等方面,因?yàn)閃EB上面只用到256WEB安全色,而PS中的RGB或者CMYK以及LAB或者HSB的色域很寬顏色范圍很廣,所以自然會(huì)有失色的現(xiàn)象. 頁(yè)面標(biāo)準(zhǔn)按800*600分辨率制作,實(shí)際尺寸為778*434px 頁(yè)面長(zhǎng)度原則上不超過(guò)3屏,寬度不超過(guò)1屏 每個(gè)標(biāo)準(zhǔn)頁(yè)面為A4幅面大小,即8.5X11英寸全尺寸banner為468*60px,半尺寸banner為234*60px,小banner為88*31px 另外120*90,120*60也是小圖標(biāo)的標(biāo)準(zhǔn)尺寸 每個(gè)非首頁(yè)靜態(tài)頁(yè)面含圖片字節(jié)不超過(guò)60K,全尺寸banner不超過(guò)14K
一般做網(wǎng)頁(yè)設(shè)計(jì)背景尺寸定多大?
網(wǎng)頁(yè)的背景多大要看對(duì)網(wǎng)頁(yè)的要求的,網(wǎng)頁(yè)設(shè)計(jì)標(biāo)準(zhǔn)尺寸:1、800*600下,網(wǎng)頁(yè)寬度保持在778以內(nèi),就不會(huì)出現(xiàn)水平滾動(dòng)條,高度則視版面和內(nèi)容決定。 2、1024*768下,網(wǎng)頁(yè)寬度保持在1002以內(nèi),如果滿框顯示的話,高度是612-615之間.就不會(huì)出現(xiàn)水平滾動(dòng)條和垂直滾動(dòng)條。 3、在ps里面做網(wǎng)頁(yè)可以在800*600狀態(tài)下顯示全屏,頁(yè)面的下方又不會(huì)出現(xiàn)滑動(dòng)條,尺寸為740*560左右 4、在PS里做的圖到了網(wǎng)上就不一樣了,顏色等等方面,因?yàn)閃EB上面只用到256WEB安全色,而PS中的RGB或者CMYK以及LAB或者HSB的色域很寬顏色范圍很廣,所以自然會(huì)有失色的現(xiàn)象. 頁(yè)面標(biāo)準(zhǔn)按800*600分辨率制作,實(shí)際尺寸為778*434px 頁(yè)面長(zhǎng)度原則上不超過(guò)3屏,寬度不超過(guò)1屏 每個(gè)標(biāo)準(zhǔn)頁(yè)面為A4幅面大小,即8.5X11英寸 全尺寸banner為468*60px,半尺寸banner為234*60px,小banner為88*31px 另外120*90,120*60也是小圖標(biāo)的標(biāo)準(zhǔn)尺寸 每個(gè)非首頁(yè)靜態(tài)頁(yè)面含圖片字節(jié)不超過(guò)60K,全尺寸banner不超過(guò)14K 希望幫到你~~
網(wǎng)頁(yè)設(shè)計(jì)如何定義圖片的位置和大小
網(wǎng)頁(yè)設(shè)計(jì)在初始要界定出網(wǎng)頁(yè)的尺寸大小.就像繪畫(huà)給出一塊畫(huà)版來(lái).這樣才能方便設(shè)計(jì). 網(wǎng)頁(yè)的尺寸受限于兩個(gè)因素:一個(gè)是顯示器屏幕.顯示器現(xiàn)在種類(lèi)很多,以17寸為主流, 正在朝19寸及寬屏的方向發(fā)展.但目前也有為數(shù)不少的15寸顯示器.另一個(gè)是瀏覽器軟件,就是我們常用的IE,遨游,Firefox等. 高度: 高度是可以向下延展的,所以一般對(duì)高度不限制. 對(duì)于一屏來(lái)說(shuō),一般沒(méi)有一個(gè)固定值,因?yàn)槊總€(gè)人的瀏覽器的工具欄不同,我見(jiàn)過(guò)有的瀏覽器工具欄被插件占了半個(gè)屏幕,所以高度沒(méi)有確切值。 寬度: 1、在IE6.0下,寬度為顯示器分辨率減21,比如1024的寬度-21就變成1003。但值得注意的是IE6.0(或更低)無(wú)論你的網(wǎng)頁(yè)多高都會(huì)有右側(cè)的滾動(dòng)條框。 2、在Firefox下,寬度的分率辨減19。比如1024的寬度-19就變成1005 3、在Opear下,寬度的分率辨減23。比如1024的寬度-23就變成1001 注:Firefox或Opear在內(nèi)容少于瀏覽器高度時(shí)不顯示右側(cè)滾動(dòng)條。 所以如果是1024的分辨率,你的網(wǎng)頁(yè)不如設(shè)成1000安全一點(diǎn)。設(shè)成900兩側(cè)空白更大,視覺(jué)上更舒服一點(diǎn).也方便做一些浮動(dòng)層的設(shè)計(jì). 如果是800的分辨率一般都設(shè)成770。但也有設(shè)成760的. 這些需要明白并且牢記,不然很可能做出來(lái)不符合瀏覽器要求,不過(guò)一般我們都回設(shè)定的再稍微小一點(diǎn),應(yīng)為有些瀏覽器加了插件或者其他的東西寬度會(huì)有變化所以 800的分辨率一般設(shè)定760左右,1024的設(shè)定990左右. 網(wǎng)頁(yè)設(shè)計(jì)標(biāo)準(zhǔn)尺寸: 1、800*600下,網(wǎng)頁(yè)寬度保持在778以內(nèi),就不會(huì)出現(xiàn)水平滾動(dòng)條,高度則視版面和內(nèi)容決定。 2、1024*768下,網(wǎng)頁(yè)寬度保持在1002以內(nèi),如果滿框顯示的話,高度是612-615之間.就不會(huì)出現(xiàn)水平滾動(dòng)條和垂直滾動(dòng)條。 3、在ps里面做網(wǎng)頁(yè)可以在800*600狀態(tài)下顯示全屏,頁(yè)面的下方又不會(huì)出現(xiàn)滑動(dòng)條,尺寸為740*560左右 4、在PS里做的圖到了網(wǎng)上就不一樣了,顏色等等方面,因?yàn)閃EB上面只用到256WEB安全色,而PS中的RGB或者CMYK以及LAB或者HSB的色域很寬顏色范圍很廣,所以自然會(huì)有失色的現(xiàn)象. 頁(yè)面標(biāo)準(zhǔn)按800*600分辨率制作,實(shí)際尺寸為778*434px 頁(yè)面長(zhǎng)度原則上不超過(guò)3屏,寬度不超過(guò)1屏 每個(gè)標(biāo)準(zhǔn)頁(yè)面為A4幅面大小,即8.5X11英寸 全尺寸banner為468*60px,半尺寸banner為234*60px,小banner為88*31px 另外120*90,120*60也是小圖標(biāo)的標(biāo)準(zhǔn)尺寸 每個(gè)非首頁(yè)靜態(tài)頁(yè)面含圖片字節(jié)不超過(guò)60K,全尺寸banner不超過(guò)14K 標(biāo)準(zhǔn)網(wǎng)頁(yè)廣告尺寸規(guī)格 一、120*120,這種廣告規(guī)格適用于產(chǎn)品或新聞?wù)掌故尽? 二、120*60,這種廣告規(guī)格主要用于做LOGO使用。 三、120*90,主要應(yīng)用于產(chǎn)品演示或大型LOGO。 四、125*125,這種規(guī)格適于表現(xiàn)照片效果的圖像廣告。 五、234*60,這種規(guī)格適用于框架或左右形式主頁(yè)的廣告鏈接。 六、392*72,主要用于有較多圖片展示的廣告條,用于頁(yè)眉或頁(yè)腳。 七、468*60,應(yīng)用最為廣泛的廣告條尺寸,用于頁(yè)眉或頁(yè)腳。 八、88*31,主要用于網(wǎng)頁(yè)鏈接,或網(wǎng)站小型LOGO。 廣告形式 像素大小 最大尺寸 備注 BUTTON 120*60(必須用gif) 7K 215*50(必須用gif) 7K 通欄 760*100 25K 靜態(tài)圖片或減少運(yùn)動(dòng)效果 430*50 15K 超級(jí)通欄 760*100 to 760*200 共40K 靜態(tài)圖片或減少運(yùn)動(dòng)效果 巨幅廣告 336*280 35K 585*120 豎邊廣告 130*300 25K 全屏廣告 800*600 40K 必須為靜態(tài)圖片,F(xiàn)LASH格式 圖文混排 各頻道不同 15K 彈出窗口 400*300(盡量用gif) 40K BANNER 468*60(盡量用gif) 18K 懸停按鈕 80*80(必須用gif) 7K 流媒體 300*200(可做不規(guī)則形狀但尺寸不能超過(guò)300*200) 30K 播放時(shí)間 小于5秒60幀(1秒/12幀) 網(wǎng)頁(yè)中的廣告尺寸 1.首頁(yè)右上,尺寸120*60 2.首頁(yè)頂部通欄,尺寸468*60 3.首頁(yè)頂部通欄,尺寸760*60 4.首頁(yè)中部通欄,尺寸580*60 5.內(nèi)頁(yè)頂部通欄,尺寸468*60 6.內(nèi)頁(yè)頂部通欄,尺寸760*60 7.內(nèi)頁(yè)左上,尺寸150*60或300*300 8.下載地址頁(yè)面,尺寸560*60或468*60 9.內(nèi)頁(yè)底部通欄,尺寸760*60 10.左漂浮,尺寸80*80或100*10
熱門(mén)問(wèn)答
- 模版還是模板
- 免費(fèi)建站
- 淘寶網(wǎng)頁(yè)是哪個(gè)公司做的
- 免費(fèi)制作企業(yè)
- 簡(jiǎn)單個(gè)人網(wǎng)站模板
- 制作網(wǎng)站的的網(wǎng)站
- 怎么學(xué)網(wǎng)頁(yè)設(shè)計(jì)
- html模板文件
- 手機(jī)網(wǎng)站的優(yōu)化
- 什么是排版設(shè)計(jì)
- 廣告公司網(wǎng)站制作
- 網(wǎng)站優(yōu)化是什么
- 怎么用手機(jī)制作簡(jiǎn)歷
- 武漢建設(shè)網(wǎng)站
- 網(wǎng)站建設(shè)公司怎么樣
- seo優(yōu)化培訓(xùn)
- 網(wǎng)站的建設(shè)哪家好
- 制作簡(jiǎn)歷圖片
- 什么是網(wǎng)絡(luò)推廣優(yōu)化
- 網(wǎng)頁(yè)制作學(xué)那些