网页页面尺寸和dreamweaver快捷键

浅谈网页页面尺寸网页设计在初始要界定出网页的尺寸大小.就像绘画给出一块画版来.这样才能方便设计.

网页的尺寸受限于两个因素:一个是显示器屏幕.显示器现在种类很多,以17寸为主流,正在朝19寸及宽屏的方向发展.但目前也有为数不少的15寸显示器.另一个是浏览器软件,就是我们常用的IE,遨游,Friefox等.

高度：

高度是可以向下延展的,所以一般对高度不限制.对于一屏来说,一般没有一个固定值，因为每个人的浏览器的工具栏不同，我见过有的浏览器工具栏被插件占了半个屏幕，所以高度没有确切值。

宽度:

1、在IE6.0下，宽度为显示器分辨率减21，比如1024的宽度-21就变成1003。但值得注意的是IE6.0(或更低)无论你的网页多高都会有右侧的滚动条框。

2、在Firefox下，宽度的分率辨减19。比如1024的宽度-19就变成1005

3、在Opear下，宽度的分率辨减23。比如1024的宽度-23就变成1001

注：Firefox或Opear在内容少于浏览器高度时不显示右侧滚动条。

所以如果是1024的分辨率，你的网页不如设成1000安全一点。设成900两侧空白更大,视觉上更舒服一点.也方便做一些浮动层的设计.

如果是800的分辨率一般都设成770。但也有设成760的.

这些需要明白并且牢记,不然很可能做出来不符合浏览器要求,不过一般我们都回设定的再稍微小一点,应为有些浏览器加了插件或者其他的东西宽度会有变化所以800的分辨率一般设定760左右,1024的设定990左右.

网页设计标准尺寸

网页设计标准尺寸:

1、800*600下，网页宽度保持在778以内，就不会出现水平滚动条，高度则视版面和内容决定。

2、1024*768下，网页宽度保持在1002以内，如果满框显示的话,高度是612-615之间.就不会出现水平滚动条和垂直滚动条。(在dw里面有设定好的标准值,1024*768页面的标准大小是955*600,照着它的尺寸做就行了)

3、在ps里面做网页可以在800*600状态下显示全屏，页面的下方又不会出现滑动条，尺寸为740*560左右

4、在PS里做的图到了网上就不一样了，颜色等等方面，因为ＷＥＢ上面只用到２５６ＷＥＢ安全色，而ＰＳ中的ＲＧＢ或者ＣＭＹＫ以及ＬＡＢ或者ＨＳＢ的色域很宽颜色范围很广，所以自然会有失色的现象.

页面标准按800*600分辨率制作，实际尺寸为778*434px

页面长度原则上不超过3屏，宽度不超过1屏

每个标准页面为A4幅面大小，即8.5X11英寸

全尺寸banner为468*60px，半尺寸banner为234*60px，小banner为88*31px

另外120*90，120*60也是小图标的标准尺寸

每个非首页静态页面含图片字节不超过60K，全尺寸banner不超过14K

标准网页广告尺寸规格

1、120*120，这种广告规格适用于产品或新闻照片展示。

2、120*60，这种广告规格主要用于做LOGO使用。

3、120*90，主要应用于产品演示或大型LOGO。

4、125*125，这种规格适于表现照片效果的图像广告。

5、234*60，这种规格适用于框架或左右形式主页的广告链接。

6、392*72，主要用于有较多图片展示的广告条，用于页眉或页脚。

7、468*60，应用最为广泛的广告条尺寸，用于页眉或页脚。

8、88*31，主要用于网页链接，或网站小型LOGO。广告形式像素大小最大尺寸备注BUTTON120*60(必须用gif)

215*50(必须用gif)7K

7K通栏760*100

430*5025K

15K静态图片或减少运动效果超级通栏760*100to760*200共40K静态图片或减少运动效果巨幅广告336*280

585*12035K竖边广告130*30025K全屏广告800*60040K必须为静态图片，FLASH格式图文混排各频道不同15K弹出窗口400*300(尽量用gif)40KBANNER468*60(尽量用gif)18K悬停按钮80*80(必须用gif)7K流媒体300*200（可做不规则形状但尺寸不能超过300*200）30K播放时间小于5秒60帧(1秒/12帧)网页中的广告尺寸1、首页右上，尺寸120*60

2、首页顶部通栏，尺寸468*60

3、首页顶部通栏，尺寸760*60

4、首页中部通栏，尺寸580*60

5、内页顶部通栏，尺寸468*60

6、内页顶部通栏，尺寸760*60

7、内页左上，尺寸150*60或300*300

8、下载地址页面，尺寸560*60或468*60

9、内页底部通栏，尺寸760*60

10、左漂浮，尺寸80*80或100*100

11、右漂浮，尺寸80*80或100*100以上几种说法可能有点小的出入，大家可以探讨一下。IAB和EIAA发布新的网络广告尺寸标准

在这6种格式中，除了去年iab发布的4种“通用广告包”中的格式：160x600,300x250,180x150及728x90，还包括新公布的468x60和120x600（擎天柱）2种。英文字体

I.AmosisTechnik(活泼)

II.Hattenschweiler(肃穆)

III.PatricianSample(流畅)

IV.SFQuantzite(庄重)

V.SFQuartziteOutLine(衬托)

VI.Arial(作特殊英文字体以示区别)应用场合:

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

Nav_button:1,2,7,10

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

公司汉语名称:8,11,12中文字体

1.宋体

2.黑体

3.方正大标宋简体

4.方正大黑简体

5.华文行楷

6.文鼎大标宋简

7.文鼎粗圆简

8.文鼎特粗宋简

9.文鼎特粗圆简

10.文鼎特圆简

11.文鼎新艺体简

12.方正粗倩体应用场合:

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

Nav_button:1,2,7,10

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

公司汉语名称:8,11,12快捷键文件菜单新建文档Ctrl+N打开一个HTML文件Ctrl+O或者将文件从[文件管理器]或[站点]窗口拖动到[文档]窗口中在框架中打开Ctrl+Shift+O关闭Ctrl+W保存Ctrl+S另存为Ctrl+Shift+S检查链接Shift+F8退出Ctrl+Q编辑菜单撤消Ctrl+Z重复Ctrl+Y或Ctrl+Shift+Z剪切Ctrl+X或Shift+Del拷贝Ctrl+C或Ctrl+Ins粘贴Ctrl+V或Shift+Ins清除Delete全选Ctrl+A选择父标签Ctrl+Shift+<选择子标签Ctrl+Shift+>查找和替换Ctrl+F查找下一个F3缩进代码Ctrl+Shift+]左缩进代码Ctrl+Shift+[平衡大括弧Ctrl+’启动外部编辑器Ctrl+E参数选择Ctrl+U页面视图标准视图Ctrl+Shift+F6布局视图Ctrl+F6工具条Ctrl+Shift+T查看页面元素可视化助理Ctrl+Shift+I标尺Ctrl+Alt+R显示网格Ctrl+Alt+G靠齐到网格Ctrl+Alt+Shift+G头内容Ctrl+Shift+W页面属性Ctrl+J代码编辑切换到下一个设计页面Ctrl+Tab打开快速标签编辑器Ctrl+T选择父标签Ctrl+Shift+<平衡大括弧Ctrl+’全选Ctrl+A拷贝Ctrl+C查找和替换Ctrl+F查找下一个F3替换Ctrl+H粘贴Ctrl+V剪切Ctrl+X重复Ctrl+Y撤消Ctrl+Z切换断点Ctrl+Alt+B向上选择一行Shift+Up向下选择一行Shift+Down选择左边字符Shift+Left选择右边字符Shift+Right向上翻页PageUp向下翻页PageDown向上选择一页Shift+PageUp向下选择一页Shift+PageDown选择左边单词Ctrl+Shift+Left选择右边单词Ctrl+Shift+Right移到行首Home移到行尾End移动到代码顶部Ctrl+Home移动到代码尾部Ctrl+End向上选择到代码顶部Ctrl+Shift+Home向下选择到代码顶部Ctrl+Shift+End编辑文本创建新段落Enter插入换行Shift+Enter插入不换行空格Ctrl+Shift+Spacebar拷贝文本或对像到页面其他位置Ctrl+拖动选取项目到新位置选取一个单词双击将选定项目添加到库Ctrl+Shift+B在设计视图和代码编辑器之间切换Ctrl+Tab打开和关闭[属性]检查器Ctrl+Shift+J检查拼写Shift+F7格式化文本缩进Ctrl+]左缩进Ctrl+[格式>无Ctrl+0(零)段落格式Ctrl+Shift+P应用标题1到6到段落Ctrl+1到6对齐>左对齐Ctrl+Shift+Alt+L对齐>居中Ctrl+Shift+Alt+C对齐>右对齐Ctrl+Shift+Alt+R加粗选定文本Ctrl+B倾斜选定文本Ctrl+I编辑样式表Ctrl+Shift+E查找和替换文本查找Ctrl+F查找下一个/再查找F3替换Ctrl+H处理表格选择表格（光标在表格中）Ctrl+A移动到下一单元格Tab移动到上一单元格Shift+Tab插入行（在当前行之前）Ctrl+M在表格末插入一行在最后一个单元格Tab删除当前行Ctrl+Shift+M插入列Ctrl+Shift+A删除列Ctrl+Shift+-(连字符)合并单元格Ctrl+Alt+M拆分单元格Ctrl+Alt+S更新表格布局（在“快速表格编辑”模式中强制重绘）Ctrl+Spacebar处理框架选择框架框架中Alt+点击选择下一框架或框架页Alt+右方向键选择上一框架或框架页Alt+左方向键选择父框架Alt+上方向键选择子框架或框架页Alt+下方向键添加新框架到框架页Alt+从框架边界拖动使用推模式添加新框架到框架页Alt+Ctrl+从框架边界拖动处理层选择层Ctrl+Shift+点击选择并移动层Shift+Ctrl+拖动从选择中添加或删除层Shift+点击层以像素为单位移动所选层上方向键按靠齐增量移动所选层Shift+方向键以像素为单位调整层大小Ctrl+方向键以靠齐增量为单位调整层大小Ctrl+Shift+方向键将所选层与最后所选层的顶部/底部/左边/右边对齐Ctrl+上/下/左/右方向键统一所选层宽度Ctrl+Shift+[统一所选层高度Ctrl+Shift+]创建层时切换嵌套设置Ctrl+拖动切换网格显示Ctrl+Shift+Alt+G靠齐到网格Ctrl+Alt+G处理时间轴,图像添加对像到时间轴Ctrl+Alt+Shift+T添加关键帧Shift+F9删除关键帧Delete改变图像源文件属性Double+点击图像在外部编辑器中编辑图像Ctrl+双击图像管理超链接创建超链接（选定文本）Ctrl+L删除超链接Ctrl+Shift+L拖动并投放以从文档创建超链接选取文本，图像或对像，然后Shift+拖动选择到[站点]窗口中的文件拖动并投放以使用[属性]检查器创建超链接选取文本，图像或对像，然后拖动[属性]检查器的指向文件图表到[站点]窗口的文件在Dreamweaver打开链接文档Ctrl+双击链接检查选定链接Shift+F8检查整个站点中的链接Ctrl+F8在浏览器中定位和预览在主浏览器中预览F12在次要浏览器中预览Ctrl+F12在浏览器中调试在主浏览器中调试Alt+F12在次要浏览器中调试Ctrl+Alt+F12站点管理和FTP创建新文件Ctrl+Shift+N创建新文件夹Ctrl+Shift+Alt+N打开选定Ctrl+Shift+Alt+O从远程FTP站点下载选定文件或文件夹Ctrl+Shift+D或将文件从[站点]窗口的[远程]栏拖动到[本地]栏将选定文件或文件夹上载到远程FTP站点Ctrl+Shift+U或将文件从[站点]窗口的[本地]栏拖动到[远程]栏取出Ctrl+Shift+Alt+D存回Ctrl+Shift+Alt+U查看站点地图Alt+F8刷新远端站点Alt+F5站点地图查看站点文件F8刷新本地栏Shift+F5设为根Ctrl+Shift+R链接到现存文件Ctrl+Shift+K改变链接Ctrl+L删除链接Delete显示/隐藏链接Ctrl+Shift+Y显示页面标题Ctrl+Shift+T重命名文件F2放大站点地图Ctrl++(plus)缩小站点地图Ctrl+-(hyphen)播放插件播放插件Ct