網(wǎng)頁(yè)頁(yè)面尺寸和dreamweaver快捷鍵

淺談網(wǎng)頁(yè)頁(yè)面尺寸網(wǎng)頁(yè)設(shè)計(jì)在初始要界定出網(wǎng)頁(yè)的尺寸大小.就像繪畫給出一塊畫版來(lái).這樣才能方便設(shè)計(jì).

網(wǎng)頁(yè)的尺寸受限于兩個(gè)因素:一個(gè)是顯示器屏幕.顯示器現(xiàn)在種類很多,以17寸為主流,正在朝19寸及寬屏的方向發(fā)展.但目前也有為數(shù)不少的15寸顯示器.另一個(gè)是瀏覽器軟件,就是我們常用的IE,遨游,Friefox等.

高度：

高度是可以向下延展的,所以一般對(duì)高度不限制.對(duì)于一屏來(lái)說(shuō),一般沒有一個(gè)固定值，因?yàn)槊總€(gè)人的瀏覽器的工具欄不同，我見過(guò)有的瀏覽器工具欄被插件占了半個(gè)屏幕，所以高度沒有確切值。

寬度:

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è)空白更大,視覺上更舒服一點(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)尺寸

網(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)條。(在dw里面有設(shè)定好的標(biāo)準(zhǔn)值,1024*768頁(yè)面的標(biāo)準(zhǔn)大小是955*600,照著它的尺寸做就行了)

3、在ps里面做網(wǎng)頁(yè)可以在800*600狀態(tài)下顯示全屏，頁(yè)面的下方又不會(huì)出現(xiàn)滑動(dòng)條，尺寸為740*560左右

4、在PS里做的圖到了網(wǎng)上就不一樣了，顏色等等方面，因?yàn)椋祝牛律厦嬷挥玫剑玻担叮祝牛掳踩?，而ＰＳ中的ＲＧＢ或者ＣＭＹＫ以及ＬＡＢ或者ＨＳＢ的色域很寬顏色范圍很廣，所以自然會(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ī)格

1、120*120，這種廣告規(guī)格適用于產(chǎn)品或新聞?wù)掌故尽?/p>

2、120*60，這種廣告規(guī)格主要用于做LOGO使用。

3、120*90，主要應(yīng)用于產(chǎn)品演示或大型LOGO。

4、125*125，這種規(guī)格適于表現(xiàn)照片效果的圖像廣告。

5、234*60，這種規(guī)格適用于框架或左右形式主頁(yè)的廣告鏈接。

6、392*72，主要用于有較多圖片展示的廣告條，用于頁(yè)眉或頁(yè)腳。

7、468*60，應(yīng)用最為廣泛的廣告條尺寸，用于頁(yè)眉或頁(yè)腳。

8、88*31，主要用于網(wǎng)頁(yè)鏈接，或網(wǎng)站小型LOGO。廣告形式像素大小最大尺寸備注BUTTON120*60(必須用gif)

215*50(必須用gif)7K

7K通欄760*100

430*5025K

15K靜態(tài)圖片或減少運(yùn)動(dòng)效果超級(jí)通欄760*100to760*200共40K靜態(tài)圖片或減少運(yùn)動(dòng)效果巨幅廣告336*280

585*12035K豎邊廣告130*30025K全屏廣告800*60040K必須為靜態(tài)圖片，F(xiàn)LASH格式圖文混排各頻道不同15K彈出窗口400*300(盡量用gif)40KBANNER468*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*100

11、右漂浮，尺寸80*80或100*100以上幾種說(shuō)法可能有點(diǎn)小的出入，大家可以探討一下。IAB和EIAA發(fā)布新的網(wǎng)絡(luò)廣告尺寸標(biāo)準(zhǔn)

在這6種格式中，除了去年iab發(fā)布的4種“通用廣告包”中的格式：160x600,300x250,180x150及728x90，還包括新公布的468x60和120x600（擎天柱）2種。英文字體

I.AmosisTechnik(活潑)

II.Hattenschweiler(肅穆)

III.PatricianSample(流暢)

IV.SFQuantzite(莊重)

V.SFQuartziteOutLine(襯托)

VI.Arial(作特殊英文字體以示區(qū)別)應(yīng)用場(chǎng)合:

Banner:I,VI,4,7,8,9,11

Nav_button:1,2,7,10

公司英文名稱:II,IV,VI

公司漢語(yǔ)名稱:8,11,12中文字體

1.宋體

2.黑體

3.方正大標(biāo)宋簡(jiǎn)體

4.方正大黑簡(jiǎn)體

5.華文行楷

6.文鼎大標(biāo)宋簡(jiǎn)

7.文鼎粗圓簡(jiǎn)

8.文鼎特粗宋簡(jiǎn)

9.文鼎特粗圓簡(jiǎn)

10.文鼎特圓簡(jiǎn)

11.文鼎新藝體簡(jiǎn)

12.方正粗倩體應(yīng)用場(chǎng)合:

Banner:I,VI,4,7,8,9,11

Nav_button:1,2,7,10

公司英文名稱:II,IV,VI

公司漢語(yǔ)名稱:8,11,12快捷鍵文件菜單新建文檔Ctrl+N打開一個(gè)HTML文件Ctrl+O或者將文件從[文件管理器]或[站點(diǎn)]窗口拖動(dòng)到[文檔]窗口中在框架中打開Ctrl+Shift+O關(guān)閉Ctrl+W保存Ctrl+S另存為Ctrl+Shift+S檢查鏈接Shift+F8退出Ctrl+Q編輯菜單撤消Ctrl+Z重復(fù)Ctrl+Y或Ctrl+Shift+Z剪切Ctrl+X或Shift+Del拷貝Ctrl+C或Ctrl+Ins粘貼Ctrl+V或Shift+Ins清除Delete全選Ctrl+A選擇父標(biāo)簽Ctrl+Shift+<選擇子標(biāo)簽Ctrl+Shift+>查找和替換Ctrl+F查找下一個(gè)F3縮進(jìn)代碼Ctrl+Shift+]左縮進(jìn)代碼Ctrl+Shift+[平衡大括弧Ctrl+’啟動(dòng)外部編輯器Ctrl+E參數(shù)選擇Ctrl+U頁(yè)面視圖標(biāo)準(zhǔn)視圖Ctrl+Shift+F6布局視圖Ctrl+F6工具條Ctrl+Shift+T查看頁(yè)面元素可視化助理Ctrl+Shift+I標(biāo)尺Ctrl+Alt+R顯示網(wǎng)格Ctrl+Alt+G靠齊到網(wǎng)格Ctrl+Alt+Shift+G頭內(nèi)容Ctrl+Shift+W頁(yè)面屬性Ctrl+J代碼編輯切換到下一個(gè)設(shè)計(jì)頁(yè)面Ctrl+Tab打開快速標(biāo)簽編輯器Ctrl+T選擇父標(biāo)簽Ctrl+Shift+<平衡大括弧Ctrl+’全選Ctrl+A拷貝Ctrl+C查找和替換Ctrl+F查找下一個(gè)F3替換Ctrl+H粘貼Ctrl+V剪切Ctrl+X重復(fù)Ctrl+Y撤消Ctrl+Z切換斷點(diǎn)Ctrl+Alt+B向上選擇一行Shift+Up向下選擇一行Shift+Down選擇左邊字符Shift+Left選擇右邊字符Shift+Right向上翻頁(yè)P(yáng)ageUp向下翻頁(yè)P(yáng)ageDown向上選擇一頁(yè)Shift+PageUp向下選擇一頁(yè)Shift+PageDown選擇左邊單詞Ctrl+Shift+Left選擇右邊單詞Ctrl+Shift+Right移到行首Home移到行尾End移動(dòng)到代碼頂部Ctrl+Home移動(dòng)到代碼尾部Ctrl+End向上選擇到代碼頂部Ctrl+Shift+Home向下選擇到代碼頂部Ctrl+Shift+End編輯文本創(chuàng)建新段落Enter插入換行Shift+Enter插入不換行空格Ctrl+Shift+Spacebar拷貝文本或?qū)ο竦巾?yè)面其他位置Ctrl+拖動(dòng)選取項(xiàng)目到新位置選取一個(gè)單詞雙擊將選定項(xiàng)目添加到庫(kù)Ctrl+Shift+B在設(shè)計(jì)視圖和代碼編輯器之間切換Ctrl+Tab打開和關(guān)閉[屬性]檢查器Ctrl+Shift+J檢查拼寫Shift+F7格式化文本縮進(jìn)Ctrl+]左縮進(jìn)Ctrl+[格式>無(wú)Ctrl+0(零)段落格式Ctrl+Shift+P應(yīng)用標(biāo)題1到6到段落Ctrl+1到6對(duì)齊>左對(duì)齊Ctrl+Shift+Alt+L對(duì)齊>居中Ctrl+Shift+Alt+C對(duì)齊>右對(duì)齊Ctrl+Shift+Alt+R加粗選定文本Ctrl+B傾斜選定文本Ctrl+I編輯樣式表Ctrl+Shift+E查找和替換文本查找Ctrl+F查找下一個(gè)/再查找F3替換Ctrl+H處理表格選擇表格（光標(biāo)在表格中）Ctrl+A移動(dòng)到下一單元格Tab移動(dòng)到上一單元格Shift+Tab插入行（在當(dāng)前行之前）Ctrl+M在表格末插入一行在最后一個(gè)單元格Tab刪除當(dāng)前行Ctrl+Shift+M插入列Ctrl+Shift+A刪除列Ctrl+Shift+-(連字符)合并單元格Ctrl+Alt+M拆分單元格Ctrl+Alt+S更新表格布局（在“快速表格編輯”模式中強(qiáng)制重繪）Ctrl+Spacebar處理框架選擇框架框架中Alt+點(diǎn)擊選擇下一框架或框架頁(yè)Alt+右方向鍵選擇上一框架或框架頁(yè)Alt+左方向鍵選擇父框架Alt+上方向鍵選擇子框架或框架頁(yè)Alt+下方向鍵添加新框架到框架頁(yè)Alt+從框架邊界拖動(dòng)使用推模式添加新框架到框架頁(yè)Alt+Ctrl+從框架邊界拖動(dòng)處理層選擇層Ctrl+Shift+點(diǎn)擊選擇并移動(dòng)層Shift+Ctrl+拖動(dòng)從選擇中添加或刪除層Shift+點(diǎn)擊層以像素為單位移動(dòng)所選層上方向鍵按靠齊增量移動(dòng)所選層Shift+方向鍵以像素為單位調(diào)整層大小Ctrl+方向鍵以靠齊增量為單位調(diào)整層大小Ctrl+Shift+方向鍵將所選層與最后所選層的頂部/底部/左邊/右邊對(duì)齊Ctrl+上/下/左/右方向鍵統(tǒng)一所選層寬度Ctrl+Shift+[統(tǒng)一所選層高度Ctrl+Shift+]創(chuàng)建層時(shí)切換嵌套設(shè)置Ctrl+拖動(dòng)切換網(wǎng)格顯示Ctrl+Shift+Alt+G靠齊到網(wǎng)格Ctrl+Alt+G處理時(shí)間軸,圖像添加對(duì)像到時(shí)間軸Ctrl+Alt+Shift+T添加關(guān)鍵幀Shift+F9刪除關(guān)鍵幀Delete改變圖像源文件屬性Double+點(diǎn)擊圖像在外部編輯器中編輯圖像Ctrl+雙擊圖像管理超鏈接創(chuàng)建超鏈接（選定文本）Ctrl+L刪除超鏈接Ctrl+Shift+L拖動(dòng)并投放以從文檔創(chuàng)建超鏈接選取文本，圖像或?qū)ο瘢缓骃hift+拖動(dòng)選擇到[站點(diǎn)]窗口中的文件拖動(dòng)并投放以使用[屬性]檢查器創(chuàng)建超鏈接選取文本，圖像或?qū)ο瘢缓笸蟿?dòng)[屬性]檢查器的指向文件圖表到[站點(diǎn)]窗口的文件在Dreamweaver打開鏈接文檔Ctrl+雙擊鏈接檢查選定鏈接Shift+F8檢查整個(gè)站點(diǎn)中的鏈接Ctrl+F8在瀏覽器中定位和預(yù)覽在主瀏覽器中預(yù)覽F12在次要瀏覽器中預(yù)覽Ctrl+F12在瀏覽器中調(diào)試在主瀏覽器中調(diào)試Alt+F12在次要瀏覽器中調(diào)試Ctrl+Alt+F12站點(diǎn)管理和FTP創(chuàng)建新文件Ctrl+Shift+N創(chuàng)建新文件夾Ctrl+Shift+Alt+N打開選定Ctrl+Shift+Alt+O從遠(yuǎn)程FTP站點(diǎn)下載選定文件或文件夾Ctrl+Shift+D或?qū)⑽募腫站點(diǎn)]窗口的[遠(yuǎn)程]欄拖動(dòng)到[本地]欄將選定文件或文件夾上載到遠(yuǎn)程FTP站點(diǎn)Ctrl+Shift+U或?qū)⑽募腫站點(diǎn)]窗口的[本地]欄拖動(dòng)到[遠(yuǎn)程]欄取出Ctrl+Shift+Alt+D存回Ctrl+Shift+Alt+U查看站點(diǎn)地圖Alt+F8刷新遠(yuǎn)端站點(diǎn)Alt+F5站點(diǎn)地圖查看站點(diǎn)文件F8刷新本地欄Shift+F5設(shè)為根Ctrl+Shift+R鏈接到現(xiàn)存文件Ctrl+Shift+K改變鏈接Ctrl+L刪除鏈接Delete顯示/隱藏鏈接Ctrl+Shift+Y顯示頁(yè)面標(biāo)題Ctrl+Shift+T重命名文件F2放大站點(diǎn)地圖Ctrl++(plus)縮小站點(diǎn)地圖Ctrl+-(hyphen)播放插件播放插件Ct