网页设计的标准尺寸 网页设计标准尺寸: 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。
网站设计要求及评分标准 网站主题：个人网站或学习类网站 一、内容(40分)： 1、网站主题要突出； 2、内容详细而充实； 3、能够清晰表达设计意图，总页面数不少于10个。 4、网页文档中无大块空白，无错别字。 二、结构(10分)： 1、结构清楚合理，有统一的导航条； 2、整体结构有一定的连贯性； 3、每一页都有返回首页的标志； 4、没有空链接； 5、没有错误链接； 6、便与浏览查找。 三、版面与视觉感受(10分)： 1、网站整体风格一致； 2、文字清晰，没有乱码和错位； 3、没有错误的表格； 4、按钮图片的制作美观实用； 5、色彩协调； 6、页面美观，布局合理。 四、技术要求（30分）： 1、静态页面制作 （主页(index.html)、其它页面用英文或拼音缩写命名；index.html放置于站点根文件夹下，其它页面置于各子文件夹中。（5分） 2、技术应用： ①Html：Logo 导航条超级链接图片多媒体表格AP Div 行为模板框架（15分） ②Css：文本图片表格边框定位（5分） ③网站要建立不同的文件夹，将不同格式不同功能的文件分门别类的存放：如images、css 、templates、library及各子栏目文件夹等。（5分） 五、其他要求（10分）： 1、建立word格式说明文件（5分） ●清楚表述网站的整体设计意图及其功能 ●列举网站设计中使用的技术 ●列举每个网页文件的名称及其功能 ●不少于300字 2、所有文件打包成RAR压缩包文件名称格式为：学号.rar，如0601100301.rar。打包后的文件大小不超过10MB。（5分） 六、上交作业邮箱 将压缩好的RAR文件（名称必须为：学号.rar））发送至jk2011qmks@https://www.doczj.com/doc/2f17136497.html, 作业提交开始时间：2012年5月7日（星期一） 作业提交截止时间: 2012年5月13日（星期日），在规定时间段内交作业加10分，逾期接收不加分，最晚在5月20日前交作业。注：2份作品如雷分部分超过30%，均为0分。 2012年4月16日 1
网页设计与制作实例教程 习题答案 第1章网页与网站基础 一、选择题 1．A 2．B 3．C 4．C 5．A 二、判断题 1．√2．×3．√4．×5．√ 三、问答题 略 第2章网页规划设计 一、选择题 1．D 2．A 3．C 4．A 5．C 二、判断题 1．×2．×3．×4．√5．√ 三、问答题 1．答：网站需求分析一般包括三个阶段的内容：网站背景分析、总体需求分析、具体需求分析。（每个阶段可再详细描述。） 2．答：可从以下几个方面来阐述网站设计的原则：①日期、时间和数字；②欢迎词； ③弹出窗口和引导页面；④新闻和公告信息；⑤网址；⑥控件；⑦链接；⑧主页内容 3．答：打开新浪网首页，分析其布局类型。（答案略） 4．答：网页色彩搭配方法可从以下两个方面去阐述：①根据页面风格以及产品本身的诉求确定主色；②根据主色确定配色。 网页色彩搭配技巧可从以下几个方面去阐述：①用一种色彩；②用两种色彩；③用一个色系；④用黑色和一种色彩以及色彩搭配忌讳的方面。 5．答：打开当当网，具体分析其规划过程。（答案略） 第3章初识网页制作软件 一、选择题 1．C 2．C 3．B
二、填空题 1．代码、拆分、设计2．文件、资源、规则3．超级链接 三、操作题 略 第4章制作网页内容 一、选择题 1．D 2．B 3．A 4．D 5．ABD 6．D 7．B 8．D 9．A 10．A 二、判断题 1．√2．√3．×4．√5．√6．√7．√8．√9．×10．√三、操作题 略 第5章设置网页超级链接 一、选择题 1．D 2．D 3．A 4．D 5． C 二、判断题 1．×2．×3．×4．√5．× 第6章使用CSS样式美化网页 一、选择题 1．B 2．C 3．C 4．B 5．A 6．D 7．D 8．D 9．B 10．C 11．A 12．A 13．C 14．D 15．D 16．A 17．A 18．B 19．D 20．D 二、简答题 1．×2．×3．×4．×5．×6．×7．√8．×9．√10．√11．×12．×13．×14．√15．√16．√ 第7章规划布局网页 一、选择题 1．B 2．A 3．B 4．B 5．D 二、简答题
1、800*600下，网页宽度保持在778以内，就不会出现水平滚动条，高度则视版面和内容决定。 2、1024*768下，网页宽度保持在1002以内，就不会出现水平滚动条，高度则视版面和内决定。 3、在ps里面做网页可以在800*600状态下显示全屏，页面的下方又不会出现滑动条，尺寸为740*560左右 4、1024*768 下网页的尺寸:width=955,height=600 800*600 下网页的尺寸:width=760,height=420 一般分辨率在800*600的情况下，页面的显示尺寸为：780*428px； 分辨率在640*480的情况下，页面的显示尺寸为:620*311px； 分辨率在1024*768的情况下，页面的显示尺寸为：1007*600px 页面长度原则上不超过3屏，宽度不超过1屏 每个标准页面为A4幅面大小，即8.5*11英寸 全尺寸banner为468*60px，半尺寸banner为234*60px，小banner为 88*31px 另外120*90，120*60也是小图标的标准尺寸 每个非首页静态页面含图片字节不超过60K，全尺寸banner不超过14K 标准网页广告尺寸规格： 一、120*120，这种广告规格适用于产品或新闻照片展示。 二、120*60，这种广告规格主要用于做LOGO使用。 三、120*90，主要应用于产品演示或大型LOGO。 四、125*125，这种规格适于表现照片效果的图像广告。 五、234*60，这种规格适用于框架或左右形式主页的广告链接。 六、392*72，主要用于有较多图片展示的广告条，用于页眉或页脚。 七、468*60，应用最为广泛的广告条尺寸，用于页眉或页脚。
Fireworks-网页设计综合实例
Fireworks 网页设计综合实例 在本文中我们将帮助您亲身体验Fireworks 在网页创作中的强大功能，我们通过一个网站页面的设计过程，为您详细介绍Fireworks在网页设计的不同阶段是如何处理各种不同任务的。通过解决您所遇到的每一个具体的任务，您将对Fireworks的主要功能有一个统一的全局性的了解，同时为您在设计中如何利用Fireworks 提供一个清晰的思路。下图是这个教程完成后的外观： 我们将根据这一个典型网站其中一个页面设计流程，使您逐步学习到以下内容： 1、导入并编辑位图图像。 2、自动任务处理
3、创造矢量图形 4、创建文字 5、创建按钮 6、创建导航条 7、设定按钮属性 8、建立切片 9、创建拖拽翻转效果 10、创建弹出菜单 11、创建变形动画 12、优化图像 13、输出HTML文件到Dreamweaver 14、在Dreamweaver中进行往返表格编辑 一、设计前准备 1、网站介绍： 在教程介绍之前首先让我们来看一下我们将要完成的主要任务。这是一个服饰公司的企业网站设计，公司主要以男式服饰为主，同时也兼顾部分女士服饰。网站的主要任务是帮助浏览者了解公司的基本概况和产品信息，并作为公司的
一个展示窗口，向参观者展示企业的形象及产品系列。根据业主的要求，网站包含了企业概况、企业人才、产品展示、公司荣誉以及联系方式。我们将以此得到网站的导航结构。 2、设计指导思想： 本网站设计的指导思想是在网络上营造一 个优雅、高贵、宁静的氛围，为了体现这一主题，设计者将纹理、景深、光影、基调与有形的模特照片和静态的文字结合起来，更多的使用直线、坚硬的边缘、暗的色调来组成网站界面。页面中以较大面积的男性模特图片突出男式服饰这一 主题，以穿插的直线段体现一种服装纹理的感觉。公司的名称则以一种柔软光滑的粗倩体来表现，以打破整个页面的坚硬感，同时以白色突出企业名称，达到非常亮眼的感觉。 3、页面结构： 整个网站采用统一的结构，分为上下两个部分，上面为网站的导航条，下面左边以不同的男式服饰图片及文字标题表示各页主题。右边为内容区，以深色带条纹的图片作为背景。
网页设计尺寸大全 网页设计在初始要界定出网页的尺寸大小.就像绘画给出一块画版来.这样才能方便设计. 网页的尺寸受限于两个因素:一个是显示器屏幕.显示器现在种类很多,以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之间.就不会出现水平滚动条和垂直滚动条。
附件1： (一)、FLASH动画设计与制作 运用有关技能绘制、处理所需要的图像素材，运用FLASH设计软件，根据组委会给定的主题设计制作FLASH动画。 具体要求： （1）每所职业学校单独为一个竞赛组，每组须由2名学生组成，合作协助共同完成比赛。 （2）本次比赛时间为2小时。 （3）各竞赛组须独立完成，不得剽窃、抄袭他人作品，如经查证，取消比赛资格。 （4）比赛采用定时不定量的方法，利用大赛提供的素材，遵照制作要求和给定的主题，制作一个FLASH动画作品。 （5）制作的动画作品要求内容健康、思想积极向上。 （6）技术运用全面、含量高。 （7）充分发挥参赛者的想象力，按照要求设计制作出新颖、有特色的动画作品。 （8）组委会提供部分素材，其它素材均由参赛者自主创建。 （9）动画结构清晰、规范；色彩搭配合理、美观。 评分标准： 定时不定量，完成基本要求 30分 （脱离制作环境不能播放的影片文件不得分） 内容充实，故事情节表达完整流畅 25分 运用整体技术生动形象的展示动画效果 25分 色彩搭配合理，视觉效果良好、美观 10分 界面友好 5分 内容健康，积极向上 5分
(二)、网站设计 运用有关技能绘制、处理网页所需要的图像素材和动画素材；运用网页设计软件，根据组委会给定的主题设计网站。 具体要求： （1）每所职业学校单独为一个竞赛组，每组须由2名学生组成，合作协助共同完成比赛。 （2）本次比赛时间为2小时。 （3）各竞赛组须独立完成，不得剽窃、抄袭他人作品，如经查证，取消比赛资格。 （4）至少包含三层（除首页外至少还有两个不同页面），页面不少于6页，作品应尽量避免未使用的孤立文件。 （5）尽可能的运用你所能掌握的、系统浏览器能直接支持的所有技术、特效，并合理使用，制作出网页中的动态效果。 （6）页面布局合理、结构清晰、规范；导航美观，结构清晰；色彩搭配合理、美观。 （7）技术运用全面、含量高。 （8）网站内部文件之间的连接均要求使用“相对路径”。 （9）每个页面均要有标题（页面部分或标题栏部分）。 （10）充分发挥参赛者的想象力，要求设计出新颖、有特色的主题网站。 （11）组委会提供网站所需要的部分素材，其它素材均由参赛者自主创建。 （12）作品必须符合基本要求，根据评分标准评定最终结果。 评分标准： 1、网页内容（20分） （1）根据组委会提供的主题，集中反映某方面特色，清晰表达
网站页面设计标准尺寸，网站页面设计尺寸参考 1、800*600下，网页宽度保持在778以内，就不会出现水平滚动条，高度则视版面和内容决定。 2、1024*768下，网页宽度保持在1002以内，就不会出现水平滚动条，高度则视版面和内决定。 3、在ps里面做网页可以在800*600状态下显示全屏，页面的下方又不会出现滑动条，尺寸为740*560左右 4、1024*768 下网页的尺寸:width=955,height=600 800*600 下网页的尺寸:width=760,height=420 一般分辨率在800*600的情况下，页面的显示尺寸为：780*428px； 分辨率在640*480的情况下，页面的显示尺寸为:620*311px； 分辨率在1024*768的情况下，页面的显示尺寸为：1007*600px 页面长度原则上不超过3屏，宽度不超过1屏 每个标准页面为A4幅面大小，即8.5*11英寸 全尺寸banner为468*60px，半尺寸banner为234*60px，小banner为88*31px 另外120*90，120*60也是小图标的标准尺寸 每个非首页静态页面含图片字节不超过60K，全尺寸banner不超过14K 标准网页广告尺寸规格： 一、120*120，这种广告规格适用于产品或新闻照片展示。 二、120*60，这种广告规格主要用于做LOGO使用。 三、120*90，主要应用于产品演示或大型LOGO。 四、125*125，这种规格适于表现照片效果的图像广告。 五、234*60，这种规格适用于框架或左右形式主页的广告链接。 六、392*72，主要用于有较多图片展示的广告条，用于页眉或页脚。 七、468*60，应用最为广泛的广告条尺寸，用于页眉或页脚。 八、88*31，主要用于网页链接，或网站小型LOGO。 广告形式像素大小最大尺寸备注 BUTTON 120*60(必须用gif) 7K 215*50(必须用gif) 7K 通栏760*100 25K 静态图片或减少运动效果 430*50 15K
网站设计作业要求暨评分标准 网站主题：自拟。 为了体现团队合作的精神，本次期末考试为Teamwork，根据自愿公平的原则，分组自由结合，但是每组最多5个人。 要求： 一、内容(10分)： 1、网站主题要突出； 2、内容详细而充实； 3、能够清晰表达设计意图。 二、结构(10分)： 1、结构清楚合理； 2、整体结构有一定的连贯性； 3、每一页都有返回首页的标志； 4、没有空链接； 5、没有错误链接； 6、便与浏览查找。 三、版面与视觉感受(10分)： 1、网站整体风格一致； 2、没有乱码和错位； 3、没有错误的表格； 4、按钮图片的制作美观实用； 5、色彩协调； 6、页面美观。 四、技术要求（50）： 1 （主页、注册页面、查询页面、留言簿、后台管理页面）； 2个； 3、会员注册、登录系统1个； 4、在线查询系统1个； 5、留言簿； 6、后台管理页面。 技术应用： ①Html：超级链接图片表格表单 ②Css：字体文本边框定位 ③VBScript、JavaScript ：对象事件特效应用 ④asp内置对象：application session request response server
⑤数据库：ADO Access SQL 五、其他要求（20）： 1、word格式作业报告一份（详细格式见模板） ●清楚表述网站的整体设计意图及其功能 ●列举网站设计中使用的技术 ●列举每个网页文件的名称及其功能 ●描述网站正确运行所需要的环境以及参数设置 ● 不少于3000字 2、报告依照模板格式书写，并使用A4纸打印以备存档； 3、所有代码文件打包成RAR压缩包，上传到FTP；文件名称格式为： 第X组.rar。 六、上交作业 将压缩好的RAR文件（名称必须为：“第X组”（例：第X组.rar））复制、粘贴到ftp://218.198.177.79, 09信管：用户名09xg 密码: 09xg 09计科1：用户名09jk1 密码: 09jk1 09计科2：用户名09jk2 密码: 09jk2 作业提交开始时间：2010年12月29日（星期二） 作业上交截止日期：2010年12月30日（星期三），逾期ftp将关闭 2010年12月9日
网页设计的标准尺寸 尺寸: 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。
附件2 各单项比赛评分方式 1.1、软件应用与开发类——网站设计作品评分标准 一级指标（分值）二级指标（分值） 设计内容（20）内容健康、积极向上、符合政策法规（5）与文科专业的应用相关（5） 能够清晰表达设计意图（5） 制作量要求范围内的知识体系结构完整（5） 设计结构（25）结构清晰、布局合理、整体结构有连贯性（5）导航明确、浏览方便、查找快捷、无错链（5）栏目划分与内容组织结构合理（5） 页面标题和关键字设置合理（5） 具有必要的交互功能（5） 设计艺术性（20）网站整体风格一致、色彩谐调、页面美观（5）没有乱码和错位、没有错误的表格（5） 页面元素的制作美观实用（5） 充分利用多媒体技术（5） 创意与应用（20）网页具有个性化设计风格、并具有观赏性（5） 内容有创意（5） 有在互联网上实际运营的网站并能够顺利访问（10） 技术应用（15）页面图片经过优化（5） 分辨为800*600或1024*768 （5）利用数据库技术（5） 1.2、软件应用与开发类——数据库应用作品评分标准 一级指标（分值）二级指标（分值） 功能（15）详细的需求分析（5）详细的系统设计（5）功能测试数据齐备（5） 可靠性（10）系统运行稳定（5） 考虑了数据库的安全性控制（5） 效率（10）良好的反应速度（5） 没有冗余操作和冗余数据（5） 服务质量（35）良好、简便的用户操作界面（5）完善的帮助系统和使用说明（5）
规范的业务流程（5）查询功能齐全（10）报表功能齐全（10） 适应性（30）容错性好（5） 代码易读好，易于维护（5） 系统能够在互联网上运行和访问（10）系统能够正确打包和安装（5） 能够脱离开发平台正确运行（5） 1.3软件应用与开发类——虚拟实验平台作品评分标准 一级指标（分值）二级指标（分值） 设计内容（20）能够清晰表达设计意图（5） 选题与文科专业有关（5） 设计方案合理、可行（5） 制作量范围内的知识体系结构完善（5） 虚拟平台设计（30）有一定的实用价值（5） 启发引导性强、符合认识规律、有利于激发学生的学习热情和兴趣（5）友好的人机交互界面（5） 结构清晰、布局合理（5） 体现现场场景的生动性、真实性（5） 易于推广（5） 技术性（25）操作方便、灵活、交互性强（5） 充分利用多媒体技术（5） 自设计两较大（5） 用户环境友好、实用可靠、安全（5）平台运行稳定、无故障、响应及市（5） 艺术性（25）整体风格同一（5） 色彩搭配协调、视频效果好（5） 文字、图片、音视频、动画切合主题（5）设计有创新或创意新颖（5） 整体效果印象较好（5） 2、微课（课件制作）类作品评分标准 一级指标（分值）二级指标（分值）
网页设计比赛评分标准 1、内容30 分 10分是否有明确的主题、内容 10分内容健康向上、有时代感、信息的实时性 10分创意水平的高低 2、常规技术60 分 5 分整体视觉效果：整个网站在设计上是否统一和谐 10分美工设计：页面的美工设计含量 5 分页面布局：页面的布局是否合理、美观 5 分页面易用型：用户使用时是否方便 5 分内容可扩充性：添加一个栏目或更新内容时是否方便 5 分页面兼容性：在各种浏览器各种分辨率下是否能正常运行 5 分内容充实：网站内容对用户的吸引力 3 分内容分类结构：整个网站的内容分类是否清晰完整 2 分独家内容比例：网站的内容在网上是否属于独家 3 分数据积累：是否有大量的资料性和内容积累 2 分浏览速度：浏览时额定速度 2 分可修改性：对整个网站进行修改时是否方便 3 分技术含量：网站整体的技术评价 5 分动静搭配：动与静的搭配合理，动而不乱，静而不僵 3、多媒体技术10分 10分有体现自己作品主题的风格特色的动画（flash、gif） 平面设计部分评分标准： 1 ．图形图像（15分） 将创意思想以图形图像的方式，运用常见的表现手法表达出来（概括、具象、抽象、漫画、装饰、符号化），体现出一种视觉的冲击力。 2 ．色彩搭配（15分） 根据自己网站的内容，运用一些符合自己页面内容的色彩，创造和谐、完整、连续的色彩效果。注意色彩带给视者的心理效应。 3 ．文字设计（15分） 以汉字为主要设计元素，可以辅助一些英文，根据设计主题的需要选择合适的字体，可有多种。根据文字编排的基本规律和构成方法，促进文字信息的有效传达。 4 ．版式设计（15分） 通过版式设计将你自己个人网站的信息迅速、准确地传达出来，应注重个人风格在版式设计中的体现以及统一与变化的相互关系。 5 ．动画设计（15分） 至少制作一个动画。可以自由选择GIF动画或FLASH动画中的一种作为你个人网站的动画格式。动画设计元素的选择和变化要与网页主体风格一致。 6. 设计说明（10分）
标准字体字号： 中文网页一般文字正文都采用宋体12号（12px）字体，因为这个字体是系统对于浏览器特别优化过的字体。虽然12px-20px的宋体字都还能看，但是宋体12px是最漂亮的，也是最普遍应用的。 黑体一般是14号，因为一般很少用黑体做正文，主要都是标题或者是关键字。黑体14px是优化过的字体。 英文网页一般用11px字号，个人最喜欢的字体是tahoma与verdana这两种！特别是verdana，是最经典，最好用的字体！ 网页标准宽度： 1、在IE6.0下，宽度为显示器分辨率减21，比如1024的宽度-21就变成1003；800宽-21=779。但值得注意的是IE6.0(或更低)无论你的网页多高都会有右侧的滚动条框。 2、在Firefox下，宽度的分率辨减19。比如1024的宽度-19就变成1005 3、在Opear下，宽度的分率辨减23。比如1024的宽度-23就变成1001 （注：Firefox或Opear在内容少于浏览器高度时不显示右侧滚动条。） 所以如果是1024的分辨率，你的网页不如设成1000安全一点。 如果是800的分辨率一般都设成770。 这些需要明白并且牢记,不然很可能做出来不符合浏览器要求,不过一般我们都回设定的再稍微小一点,应为有些浏览器加了插件或者其他的东西宽度会有变化所以800的分辨率一般设定760左右,1024的设定990左右。 在这个显示器百花齐放的时代，网页设计师往往需要考虑不同客户端的浏览体验。 文字大小，是用户体验中的一个重要部分。不同的分辨率，不同的显示器尺寸，不同的DPI，乃至不同的浏览器设置，都会对最终展现的文字大小带来影响。虽然现在很多浏览器已经可以方便地缩放页面，但用户每次光临都要重新缩放，总归麻烦，何况还有许多用户不知道如何缩放页面。最好还是根据用户的分辨率给用户一个比较体贴的默认字号，那这个字号多大合适呢？ 12px？14px？15px？16px？还是压根就不应该使用px这个单位呢？ 问题的根源，在于屏幕上的一切字号单位（px，pt，em）都是相对单位，单凭它们并不能确定文字的实际大小。何况人对文字大小的根本感知在于眼睛的视角，这不仅取决于文字的物理尺寸，还取决于它到人眼的距离。 物理尺寸 首先假定一个我们希望达到的文字物理尺寸，例如设定为17寸1280 * 1024显示器上的16px，计算可得它的高度约是4.32mm，我们计划让网页文字在大部分显示器上都比较接近这个大小，那么在不同分辨率下应该显示成多大的字号呢？ 第一步：统计用户主要的分辨率和对应的屏幕大小。 要在物理尺寸和分辨率之间换算，首先要统计分辨率和对应的屏幕尺寸。用户分辨率的分布情况可以从网站的统计日志里获得。由于每个分辨率设置可能对应好几个不同尺寸的屏幕，而屏幕尺寸又无法通过网页获得，只好对现在的显示器市场进行统计分析：针对某一分辨率，统计可能的屏幕尺寸范围，从最小到最大，相对主流的是多大（或使用该范围的中间值作为主流尺寸）。如下图所示——
Fireworks网页设计综合实例1 在本文中我们将帮助您亲身体验Fireworks在网页创作中的强大功能，我们通过一个网站页面的设计过程，为您详细介绍Fireworks在网页设计的不同阶段是如何处理各种不同任务的。通过解决您所遇到的每一个具体的任务，您将对Fireworks的主要功能有一个统一的全局性的了解，同时为您在设计中如何利用Firework s提供一个清晰的思路。最终完成的实际页面请看这里。下图是这个教程完成后的外观： 我们将根据这一个典型网站其中一个页面设计流程，使您逐步学习到以下内容： 1、导入并编辑位图图像。 2、自动任务处理 3、创造矢量图形 4、创建文字 5、创建按钮 6、创建导航条 7、设定按钮属性 8、建立切片 9、创建拖拽翻转效果 10、创建弹出菜单 11、创建变形动画 12、优化图像 13、输出HTML文件到Dreamweaver 14、在Dreamweaver中进行往返表格编辑 一、设计前准备 1、网站介绍： 在教程介绍之前首先让我们来看一下我们将要完成的主要任务。这是一个服饰公司的企业网站设计，公司主要以男式服饰为主，同时也兼顾部分女士服饰。网站的主要任务是帮助浏览者了解公司的基本概况和产品信息，并作为公司的一个展示窗口，向参观者展示企业的形象及产品系列。根据业主的要求，网站包含了企业概况、企业人才、产品展示、公司荣誉以及联系方式。我们将以此得到网站的导航结构。
2、设计指导思想： 本网站设计的指导思想是在网络上营造一个优雅、高贵、宁静的氛围，为了体现这一主题，设计者将纹理、景深、光影、基调与有形的模特照片和静态的文字结合起来，更多的使用直线、坚硬的边缘、暗的色调来组成网站界面。页面中以较大面积的男性模特图片突出男式服饰这一主题，以穿插的直线段体现一种服装纹理的感觉。公司的名称则以一种柔软光滑的粗倩体来表现，以打破整个页面的坚硬感，同时以白色突出企业名称，达到非常亮眼的感觉。 3、页面结构： 整个网站采用统一的结构，分为上下两个部分，上面为网站的导航条，下面左边以不同的男式服饰图片及文字标题表示各页主题。右边为内容区，以深色带条纹的图片作为背景。 下面我们将根据上述设计分析，分不同的部分为您介绍制作过程。在新建一个文件后，我们需要对我们的工作环境进行简单的设定，以符合我们的任务要求。首先需要设定工作区的面积及背景颜色，打开Modify>Ca nvas Size针对常见的800x600分辨率，我们设定工作区的长为776这可以根据需要设定，但最好不要超过778，高为515根据实际内容确定，再执行Modify>Canvas Color设定背景色为黑色。再打开View>Grid>Edit Grid 对话框，设定水平方向网格间距为10像素，垂直方向为5像素，并将网格颜色设为暗灰色以不影响观察页面，打开网格显示和网格捕捉。如下图所示： Fireworks网页设计综合实例2 一、导入并编辑位图图像。 Fireworks4带有完善的位图创建、修改和处理功能，我们可以导入外部位图文件并对它进行编辑，可以修改和删除位图中的颜色，可以向对矢量图一样增加效果。我们的工作将从层面板开始，新建一个文件后，默认的只有两个图层Web层和Layer1层，双击Layer1层，将层名改为“背景层”。如下图所示：
网页设计规范 网页设计标准尺寸: 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。 网页中的广告尺寸 1、首页右上，尺寸120*60 2、首页顶部通栏，尺寸468*60 3、首页顶部通栏，尺寸760*60 4、首页中部通栏，尺寸580*60 5、内页顶部通栏，尺寸468*60 6、内页顶部通栏，尺寸760*60
网页制作尺寸规格~~~~! 由于页面尺寸和显示器大小及分辨率有关系，网页的局限性就在于你无法突破显示器的范围，而且因为浏览器也将占去不少空间，留下给你的页面范围变得越来越小。一般分辨率在800x600的情况下，页面的显示尺寸为：780x428个象素；分辨率在640x480的情况下，页面的显示尺寸为:620X311个象素；分辨率在1024X768的情况下，页面的显示尺寸为：1007x600。从以上数据可以看出，分辨率越高页面尺寸越大。 浏览器的工具栏也是影响页面尺寸的原因。一般目前的浏览器的工具栏都可以取消或者增加，那么当你显示全部的工具栏时，和关闭全部工具栏时，页面的尺寸是不一样的。 在网页设计过程中，向下拖动页面是惟一给网页增加更多内容(尺寸)的方法。但我想提醒大家除非你能肯定站点的内容能吸引大家拖动，否则不要让访问者拖动页面超过三屏。如果需要在同一页面显示超过三屏的内容，那么你最好能在上面做上页面内部连接，方便访问者浏览。 1、800*600下，网页宽度保持在778以内，就不会出现水平滚动条，高度则视版面和内容决定。 2、1024*768下，网页宽度保持在1002以内，就不会出现水平滚动条，高度则视版面和内决定。 3、在ps里面做网页可以在800*600状态下显示全屏，页面的下方又不会出现滑动条，尺寸为740*560左右 4、4、在PS里做的图到了网上就不一样了，颜色等等方面，因为ＷＥＢ上面只用到２５６ＷＥＢ安全色，而ＰＳ中的ＲＧＢ或者ＣＭＹＫ以及ＬＡＢ或者ＨＳＢ的色域很宽颜色范围很广，所以自然会有失色的现象 5、1024*768 下网页的尺寸:width=955,height=600 800*600 下网页的尺寸:width=760,height=420 一般分辨率在800x600的情况下，页面的显示尺寸为：780x428个象素；分辨率在640x480的情况下，页面的显示尺寸为:620X311个象素； 分辨率在1024X768的情况下，页面的显示尺寸为：1007x600 页面标准按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 468*60 全尺寸BANNER 392*72 全尺寸带导航条BANNER 234*60 半尺寸BANNER 125*125 方形按钮 120*90 按钮#1 120*60 按钮#2 88*31 小按钮 120*240 垂直BANNER
网页的评价标准 指标和标准 （1）创造性 ●选题和构思有独创性、有特色 ●版面和界面设计有新意 ●图标、图片、动画、视频的设计有较多的原创成分 ●文章大多数为原创内容 ●介绍新资料、新观点、新方法 （2）内容 ●内容丰富、完整 ●主题突出 ●用多种表现形式突出重点 ●文章行文流畅、易于理解 ●提供丰富的背景资料和相关参考资料，注明资料的来源和出处 ●没有错别字和繁体字 （3）导航、结构和链接 ●界面亲切友好，方便用户使用 ●网站结构清晰，采用模块化的结构，易于被用户理解 ●每一页都有明确清晰的导航 ●能够随机选择入口和出口，方便不同层次和需求的用户使用 ●提供背景资料和相关参考资料的链接，没有无效链接 ●内容易于检索 （4）制作水平 ●在动画、按钮等的设计中恰当地运用了比较复杂和高级的技巧 ●图形图片经过最优化处理，视频和音频材料经过压缩，载入迅速 ●运用菜单、图标、按钮、窗口、热键等，增强人机交互功能 ●用户可以选择是否运行或载入作品中的动画、视频、音频以及大的照片●可以选择用文本方式浏览 ●声音与画面同步 ●画面、声音无抖动、无明显的跳跃 （5）艺术性 ●界面美观 ●排版布局合理 ●图片、动画、视频色彩鲜明、清晰，生动形象 ●音乐与主题风格一致，能加强表现力 网页评价表
附录1. 美国发现频道学校推荐的学生网页评价标准(https://www.doczj.com/doc/2f17136497.html,) （https://www.doczj.com/doc/2f17136497.html,/~cfmgb/web.htm）
附录2. 缪斯奖评审表（网站设计） （https://www.doczj.com/doc/2f17136497.html,/muse/webform.html） 注：缪斯奖是授予美国博物馆作品的权威奖项，用于奖励音像作品、多媒体作品、网站设计等方面卓有成效和富有创意者。首届缪斯奖于1989年设立，最初只评选优秀的音像制品，随着技术的不断进步，评选的对象也越来越丰富。目前参加评选的作品包括音像作品、多媒体作品、网站以及博物馆中的交互性活动项目。 博物馆名称________________________________________________ 登记的题目________________________________________________ 在观看与使用被评审作品前请先仔细阅读该作品的登记表。我们要求参加比赛的人员对
网页设计中的页面尺寸标准 莫莫2012-11-17 22:06:50 对于固定宽度的网站布局，设计师常用的分辨率有：760px、780px、920px、950px等，如今大尺寸、宽屏幕的显示器越来越多，越来越普及，有些设计师也开始采用1000px、1003px 这样的分辨率。 页面最大化、满屏化的网站看着的确是舒服，但过高的分辨率在设计师显示器上合适，并不代表在浏览者的显示器上也合适。现在用的最多的分辨率还是1024*768，在这种分辨率下，含滚动条的页面最大宽度应不超过994px，所以一般页面宽度定位在990px以内比较适宜。 这一讲主要来说说网页设计的标准尺寸 一、在800*600分辨率下，页面宽度应在778px以内，这样不会出现横向滚动条，高度可以依据版面和内容而定。 二、在1024*768分辨率下，页面宽度应在1003px以内，如果仅一屏显示的页面，高度在612px～615px之间，这样横向和纵向滚动条都不会出现。 三、在photoshop中做800*600分辨率下仅一屏的网页时，尺寸可以设为740*560左右。 页面标准按800*600分辨率制作，尺寸为778px*434px 页面长度一般不要超过三屏，宽度不宜出现横向滚动条为宜 每个标准页面为A4幅面大小，即8.5*11英寸 全尺寸banner为468px*60px，半尺寸banner为234px*60px，小banner为88px*31px 小图标的标准尺寸还有120px*90px、120px*60px等 每个非首页静态页面含图片字节不超过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。 广告形式像素大小最大尺寸备注 BUTTON 120*60(必须用gif) 7K
网页的宽度 ?现在比较流行的网页宽度是950px，网页两边留出少许白边，简洁又大方。 ?1024*768下，网页宽度保持在1002以内，如果满框显示的话,高度是612-615之间.就不会出现水平滚动条和垂直滚动条。 网页设计中常用的广告尺寸 ?BUTTON 120*60 215*50 ?通栏 760*100 430*50 ?超级通栏 760*100或者760*200 ?巨幅广告 336*280 585*120 ?竖边广告 130*300 ?全屏广告 800*600 ?弹出窗口 400*300 ?BANNER 468*60 ?悬停按钮 80*80 ?流媒体 300*200 国际标准的网页BANNER大小规格 ?横幅广告（Banner） 文件大小：gif:14K/swf:16K 广告尺寸：468*60像素 广告位置：页面顶部 ?按钮广告（Button） 文件大小：gif:6K/swf:8K 广告尺寸：170*60/120*60像素 广告位置：第一屏第二屏 备注：触发式LOGO，弹出图片尺寸为160*160 文件大小gif:9K/swf:12K
?弹出窗口广告（Pop up） 文件大小：gif:18K/swf:20K 广告尺寸：360*300像素 广告位置：第一屏 ?通栏广告（Full collumn） 文件大小：gif:20K/swf:25K 广告尺寸：770*100像素 广告位置：第一屏第二屏 ?流媒体（Flash layer） 文件大小：swf:25K 广告尺寸：200*150像素 广告位置：第一屏 形式：浏览打开页面，该广告放映8秒后消失 ?画中画（PIP） 文件大小：gif:20K/swf:25K 广告尺寸：360*300像素 广告位置：新闻最终页面 ?浮动标识（Float box） 文件大小：gif/swf/flash<8k 广告尺寸：80*80像素 广告位置：第一屏右侧 ?全屏收缩广告（Full screen） 文件大小：gif:20K 广告尺寸：750*550像素 广告位置：第一屏 形式：打开浏览页面前该广告以全屏形式出现3－5秒，随后消失?擎天柱（Sky-scraper） 文件大小：gif:15K/swf:17K 广告尺寸：130*200像素 广告位置：第一屏第二屏 ?视频广告 文件大小：gif/swf/flash<8k 广告尺寸：300*250像素 广告位置：第一屏两侧 ?文字链接（Text link） 规格：不超过10个汉字 广告位置：第一屏第二屏 备注:文字链接长度以不折行为准 网页设计LOGO的标准尺寸