竭诚为您提供优质文档/双击可除
app,ui,设计(网页设计)的命名规范和
ps图层结构规范
篇一：web+ui+设计命名规范讲解
webui设计命名规范
这套规范并非单纯的css、html或javascript命名规范，它涉及了很多使用photoshop这类设计工具进行网页设计过程中的命名规范。(好久没写文章了，有点罗嗦，吼吼~)。首先我是出于公司几位美工的设计效果图源文件没有对图层命名而开始考虑总结一套的，还有一个原因就是网上大多命名规范都是关于编码的，也就是那些css、html、js和一些服务器端语言的，至于设计方面的命名规范实在是很少。但是毕竟设计师也是技术团队的成员，而且前端开发工程师是要使用设计师的效果图源文件的，所以统一命名规范和设计规范对于团队的协作和工作效率肯定是有好处的。
这套webui设计命名规范总结自我的一些web设计经验和国外设计师的命名繁体中文：英语：
原始制作者信息
网站简介
搜索关键字网页的css规范
网页标题这里是你的网页标题
head区可以选择加入的标识
设定网页的到期时间。一旦网页过期，必须到服务器上重新调阅。
禁止浏览器从本地机的缓存中调阅页面内容。
用来防止别人在框架里调用你的页面。
自动跳转。
5指时间停留5秒。
网页搜索机器人向导.用来告诉搜索机器人哪些页面需要索引，哪些页面不需要索引。
content的参数有
all,none,index,noindex,follow,nofollow。默认是all。
收藏夹图标
js调用规范
所有的javascript脚本尽量采取外部调用
css书写规范
所有的css的尽量采用外部调用
书写时重定义的最先，伪类其次，自定义最后（其中a:linka:visiteda:hovera:actived要按照顺序写）便于自己和他人阅读。
为了保证不同浏览器上字号保持一致，字号建议用点数pt和像素px来定义，pt一般使用中文宋体的9pt和11pt，px一般使用中文宋体12px和14.7px这是经过优化的字号，黑体字或者宋体字加粗时，一般选用11pt和14.7px的字号比较合适。
css推荐模板。
p{text-indent:2em;}
body{font-family:"宋体
";font-size:9pt;color:#000000;margin-top:0px;margin -right:0px;margin-bottom:0px;margin-left:0px} table{font-family:"宋体
";font-size:9pt;line-height:20px;color:#000000}
a:link{font-size:9pt;color:#0000FF;text-decoration: none}
a:visited{font-size:9pt;color:#990099;text-decorati on:none}
a:hover{font-size:9pt;color:#FF9900;text-decoration :none}
a:active{font-size:9pt;color:#FF9900;text-decoratio n:none}
a.1:link{font-size:9pt;color:#3366cc;text-decoratio n:none}
a.1:visited{font-size:9pt;color:#3366cc;text-decora tion:none}
a.1:hover{font-size:9pt;color:#FF9900;text-decorati on:none}
a.1:active{font-size:9pt;color:#FF9900;text-decorat ion:none}
.blue{font-family:"宋体
";font-size:10.5pt;line-height:20px;color:#0099FF;l
etter-spacing:5em}
-->
body标识
为了保证浏览器的兼容性，必须设置页面背景
05形象设计规范
网站的ci整体形象包括下面几个要素
标志(logo)
网站必须有独立的标志
标志可以以网站中英文名称设计，也可以采用特别的图案。原则是简单易记。
标志必须可以用黑白和彩色分别清晰表现
标志图片的名称为"logo_域名.gif"，例如：
logo_sina.gif
尽量提供标志的矢量图片
请尽可能在每个页面上都使用标志
标准色
网站应该有自己的标准色（主体色）
标准色原则上不超过两种，如果有两种，其中一种为标准色，另一种为标准辅助色标准色应尽量采用216种web安全色之内的色彩
必须提供标准色确切的Rgb和cymk数值
请尽可能使用标准色
标准字体
网站应该定义一种标准字体（指logo上，图片上使用
的字体）
标准字体原则上定义两种，一种中文字体，一种英文字体（不包括文本内容字体）必须提供标准字体的名称和字库请尽可能使用标准字体
篇二：手机app图标设计ui网页设计师平面photoshop 设计教程
江西省南昌市20xx-20xx学年度第一学期期末试卷
（江西师大附中使用）高三理科数学分析
试卷紧扣教材和考试说明，从考生熟悉的基础知识入手，多角度、多层次地考查了学生的数学理性思维能力及对数学本质的理解能力，立足基础，先易后难，难易适中，强调应用，不偏不怪，达到了“考基础、考能力、考素质”的目标。试卷所涉及的知识内容都在考试大纲的范围内，几乎覆盖了高中所学知识的全部重要内容，体现了“重点知识重点考查”的原则。1．回归教材，注重基础
试卷遵循了考查基础知识为主体的原则，尤其是考试说明中的大部分知识点均有涉及，其中应用题与抗战胜利70
周年为背景，把爱国主义教育渗透到试题当中，使学生感受到了数学的育才价值，所有这些题目的设计都回归教材和中
学教学实际，操作性强。2．适当设置题目难度与区分度选择题第12题和填空题第16题以及解答题的第21题，都是综合性问题，难度较大，学生不仅要有较强的分析问题和解决问题的能力，以及扎实深厚的数学基本功，而且还要掌握必须的数学思想与方法，否则在有限的时间内，很难完成。3．布局合理，考查全面，着重数学方法和数学思想的考察
在选择题，填空题，解答题和三选一问题中，试卷均对高中数学中的重点内容进行了反复考查。包括函数，三角函数，数列、立体几何、概率统计、解析几何、导数等几大版块问题。这些问题都是以知识为载体，立意于能力，让数学思想方法和数学思维方式贯穿于整个试题的解答过程之中。
二、亮点试题分析
1．【试卷原题】11.已知a,b,c是单位圆上互不相同的三点，且满足abac，则abac的最小值为（）
1
41b．
23c．
4d．1
a．
【考查方向】本题主要考查了平面向量的线性运算及向量的数量积等知识，是向量与三角的典型综合题。解法较多，属于较难题，得分率较低。
【易错点】1．不能正确用oa，ob，oc表示其它向量。
2．找不出ob与oa的夹角和ob与oc的夹角的倍数关系。
【解题思路】1．把向量用oa，ob，oc表示出来。
2．把求最值问题转化为三角函数的最值求解。
22
【解析】设单位圆的圆心为o，由abac得，(oboa)(ocoa)，因为
，所以有，oboaocoa则oaoboc1
abac(oboa)(ocoa)
2
obocoboaoaocoa
oboc2oboa1
设ob与oa的夹角为，则ob与oc的夹角为2
11
所以，abaccos22cos12(cos)2
22
1
即，abac的最小值为，故选b。
2
【举一反三】
【相似较难试题】【20xx高考天津，理14】在等腰梯形abcd中,已知
ab//dc,ab2,bc1,abc60,动点e和F分别在线段bc和dc 上,且,1bebc,dFdc,则aeaF的最小值为.
9
【试题分析】本题主要考查向量的几何运算、向量的数量积与基本不等式.运用向量的几何
运算求ae,aF，体现了数形结合的基本思想，再运用向量数量积的定义计算aeaF，体
现了数学定义的运用，再利用基本不等式求最小值，体现了数学知识的综合应用能力.是思维能力与计算能力的综合体现.【答案】
11
【解析】因为dFdc,dcab，
92
11919cFdFdcdcdcdcab，
9918
2918
aeabbeabbc，1919aFabbccFabbcababbc，
1818
19192219aeaFabbcabbcabbc1abbc
181818
2117172919199
421
cos120
921818181818
21229
当且仅当.即时aeaF的最小值为
92318
2．【试卷原题】20.（本小题满分12分）已知抛物线c 的焦点F1,0，其准线与x轴的
交点为k，过点k的直线l与c交于a,b两点，点a关
自考网页设计与制作试卷及答案(一)
自考网页设计与制作试卷及答案（一） 第I部分选择题 一、单项选择题(本大题共25小题，每小题l分，共25分)在每小题列出的四个备选项中只有一个是符合题目要求的，请将其代码填写在题后的括号内。错选、多选或未选均无分。 1．TCP协议对应于OSl七层协议的哪一层 ( ) A．会话层 B．网络层 C．传输层 D．数据链路层 2．主机域名www．sina．corn．cn由四个子域组成，其中代表国别代码的子域是 ( ) A．www B．sina C．com D．cn 3．HTML是一种 ( ) A．程序设计语言 B．执行语言 C．编译语言 D．页面描述语言4．当进行页面布局的时候能够使用的方法有 ( ) A．页面布局法 B．实时布局法 C．软件布局法 D．抽象布局法5．下列不是图像处理软件的是 ( ) A．Photoshop B．Fireworks C．Word D．PhotoImpact 6．”&；"代表的符号是 ( ) A．< B．> C．& D．" 7．符号清单前的符号由标记属性type来控制，当type取值为DISC时，表示符号为 ( ) A．实心圆点 B．空心圆点 C．实心方块 D．空心方块8．HTML中表示表格标题的标记为 ( ) A．％table> B．
C．。 D．<form> 9．对于表单标记<form action="URL"method=*>，其中*代表 ( ) A．GET或SET B．GET或POST C．SET或POST D．GET或PUT 10．下列标记中不改变文字的显示格式的是 ( ) A．<pre> B． C．<br> D．<nobr> 11．HTML文件中插入图片时，对插入的图片进行文字说明的是 ( ) A．ALIGN B．CTRL C．CAPS D．ALT</p><h2>Photoshop制作一款漂亮的网页模板</h2><p>在这篇网页设计教程里，你将学习制作可以用于整站的一个既优雅又专业的网页，我们将用到Photoshop软件里的一些基本的工具，比如：笔刷和图层等。而且在教程下方包括了此网页的HTML/CSS/JAVASCRIPT模板和素材，你可以下载用作学习或使用都可以。 下面先预览一下本教程的最终效果： 教程开始： 第一步：新建文件打开PS软件，点击文件-新建命令或Ctrl+N键新建文件，设置宽度1020px，高度1180px，背景默认为白色，点击确定即可; 第二步：创建导航背景我们将从header开始我们的设计，所以我们先用矩形选框工具，在画布上新建一个矩形选框，如图所示，填充颜色#393939;</p><p>然后设置图层的混合模式为叠加，不透明度设为23%; 第四步：创建网页logo和name对于教程中的logo，我使用了Georgia字体并设计为粗体并倾斜，设置‘SIX’的颜色为#FFFFFF，‘STUDIOS’的颜色为#F7E5C4，logo旁边的图片用的是素材中的boxupload32图片。样式如图所示： 第五步：加入导航链接活动链接的颜色我用的是#DBD1BE，普通链接用的颜色为：#ABAAAA。 为了使活动链接显示的更突出，在其后便添加一个矩形框。选择圆角矩形工具，设置半径为5px，前景色为#464646,然后在活动链接处添加矩形背景，样式如图： 给矩形背景图层添加内阴影和描边效果，具体设置参数如图：</p><p>第六步：给特色区域添加背景在我们网页布局的顶部，需要有一块特色区域，这块区域通过播放幻灯片将网站的特色内容展示给来访者。这块区域也可以同时包括对网站的介绍等，第一步我们需要做的就是利用矩形选框工具选中这块区域，然后在此矩形选区中填充颜色#D3CAB8。 然后你需要下载</p><h2>《PS网页设计》作品设计报告书</h2><p>广西交通职业技术学院信息工程系作品设计报告书 题目：PS网页设计 班级 学号 姓名 指导教师 2010 年6 月</p><p>目录 一、设计目标 (3) 1.1内容 (3) 1.2功能 (3) 1.3实现方式 (3) 二、设计指导思想 (3) 2.1技术背景 (3) 2.1.1网页设计 (4) 2.1.2图形编辑 (4) 2.1.3平面设计 (4) 2.1.4主流软件 (4) 2.2开发环境 (5) 三、设计内容及制作步骤 (5) 3.1页面展示 (5) 3.1.1成品展示 (5) 3.2.2参考作品 (6) 3.2制作构思 (7) 3.2.1板式 (7) 3.3.2颜色 (7) 3.3制作流程 (7) 3.3.1背景 (7) 3.3.2LOGO (8) 3.3.3导航条 (9) 3.3.4板块 (9) 3.3.5板块内容 (10) 3.3.6板块文字美化 (11) 3.3.7页尾 (11) 四、设计制作进度表 (11) 五、作品提交清单及运行环境要求 (12) 5.1文件清单 (12) 5.2运行环境要求 (12) 六、相关问题及结束语 (12) 6.1相关问题 (12) 6.2结束语 (12) 6.3感悟 (13) 七、参考资料 (13)</p><p>一、设计目标 1.1内容 通过PS这款软件，设计一个简单、美观、符合实际的网页页面，页面内容具备网页经常可以看到的功能。这次的作品既是PS设计，同时也是网页设计，因此在页面及其功能上应按一个正规网站来设计。 1.2功能 对于网站设计来说，不仅应了解该网站要运行什么应用程序，需要如何连接单位现有系统等，还需知道这个网站希望达到什么样的目的，即必须清楚网站的目标市场在那里。这将成为整个网站所有设计思想的基础。无论网站采用何种形式，什么样的外观，提供什么的内容，都要以网站的最终目的为出发点来考虑。 另一方面，网站建设还应该收集客户对这个网站的美术需求。网站设计人员就需要了解建站单位形象的突出点和单位标志的特点、意义等。 本网站的建设主要是建成一个集在线阅读、书籍下载、文化新闻等功能于一体的商业化网站。 1.3实现方式 运用PS相关功能，设计出一个静态的页面，然后通过HTML输出，得到一个基本的网页文件。 二、设计指导思想 2.1技术背景 对于现在的社会，科技的飞速发展已经成为社会发展的标志。其中计算机的发展可谓快中之快，而在计算机的发展中计算机网络的发展又是首当其冲的。计算机网络从为我们所知，到现在才经历的短短的几年时间，在这几年中随着计算机网络的广泛应用，特别是Internet 的普及和发展，网络已经成为了不可或缺的通信手段。不论是最新的新闻信息、新产品的出台、新游戏的发布、最新的各种IT动态，包括等候就业人才的个人简历，我们都是可以通过网络来获得。但是什么为这所有的一切提供平台的呢。我们又是通过什么来获取这些消息</p><h2>网页设计与制作试卷(七)</h2><p>2011年春季学期理论考试 网页设计与制作试卷（七） （试卷满分100分考试时间90分钟） 班级学生学号得分 一、选择题(共20分，每题1分 ) 1、常用的网页制作工具有（） A、word B、Excel C、Dreamweaver D、VB 2、常用的网页美化工具有（） A、word B、Fireworks C、Excel D、VB 3、常用的网页中的脚本语言有（） A、VBScript B、Fireworks C、Excel D、VF 4、下列哪一个不属于“网页设计三剑客”（） A、Flash B、Fireworks C、Dreamweaver D、FrontPage 5、E-mail链接的作用是（） A、用于看图 B、便于浏览者反馈意见 C、便于写E-mail D、没用 6、空链接的作用是（） A、超链接到网页 B、便于浏览 C、激活网页中的图像 D、没用 7、要是浏览者不用离开当前的Web页面就可以得到一个额外的信息可以使用（） A、超链接 B、活动图片 C、静态图片 D、脚本链接 8、Dreamweaver中的图层相当于（） A、Word中的图层 B、Excel 中的图层 C、Photoshop中的图层 D、FrontPage 中的图层 9、Dreamweaver中的图层中可包括（） A、动画 B、各种插件 C、其他图层 D、以上全包括 10、向Dreamweaver中的图层中添加图像之前必须（） A、打开图层 B、激活图层 C、选择图层 D、以上全包括 11、向Dreamweaver中的图层添加背景图像之前必须（） A、打开图层 B、激活图层 C、选择图层 D、以上全包括 12、用Dreamweaver制作的幻灯片，和用Flash制作的相比（）</p><h2>网页设计与制作试题答卷参考答案</h2><p>浙江**学院《网页设计与制作》期终（考试）A 卷 200 —200 学年 第 学期 任课教师 学院 班 姓名 学号 一、单选题（每小题1分，共30分) 1、 本地站点的所有文件和文件夹必须使用( )，否则在上传到因特网上时可能导致浏览不正 常。 2、 A.小写字母 B ．大写字母 C ．数字 D ．汉字 3、 常用的网页图像格式有( )和( )。 4、 A ．gif ，tiff B ．tiff ，jpg C ．gif ，jpg , png 5、 实现轮替图像应选两幅( )的图片。 6、 A.相差三倍 B ．相差两倍 C.相差一倍 D.大小一样 7、 下面说法错误的是( )。 8、 A ．单元格可以相互合并 B.在表格中可以插入行 9、 C ．可以拆分单元格 D ．在单元格中不可以设置背景图片 10、 下面说法错误的是( )。 11、 A ．CSS 样式表可以将格式和结构分离 12、 B ．CSS 样式表不能制作体积更小下载更快的网页的布局 13、 C. CSS 样式表可以使许多网页同时更新 14、 D ．CSS 样式表可以控制页面 15、 要使表格的边框不显示，应设置border 的值是( )。 16、 A ．1 B.0 C ．2 D ．3 17、 在层的属性设置中有两个特殊的属性，分别是( )和( )。 18、 A. 标签，显示 B.显示，Z 轴 C ．显示，溢出 D ．Z 轴，溢出 19、 使用( )和( )可以直观、精确的将层定位。 20、 A ．标尺，网格 B ．标尺，表单 C 网格，表单 D ．表单，表格 21、 模板的创建有两种方式，分别是( )。 22、 A 新建模板，已有网页保存为模板 B ．新建网页，保存网页 23、 C ．新建模板，保存层 D ．新建层，保存模板 24、 下面说法错误的是( )。 25、 A.“查看”菜单下“网格”的“网格设置”可以更改网格的大小 装 订 区</p><h2>UI设计网页要求规范</h2><p>1、页面命名 每个页面都要有与之模块对应的名称。 2、页面兼容性 （1）页面大小兼容 o自适应1366*768px及以上的分辨率 o默认窗口设置下，不应出现水平滚动条，避免出现垂直滚动条（当容过多时允许滚动条） （2）弹窗、弹页要保证768高度的分辨率显示正常，同时能移动查看弹出框容。弹出框高度为不超过450px，且显示在容页面相对水平、垂直相对居中位置。 （3）浏览器兼容 兼容Chrome、Firefox、Safari、IE8及以上主流浏览器。 o文字 文字用系统自带的常规字体，且分一级标题、二级标题、主容文字、次容文字、辅助文字（说明或引导性文字，提醒性文字），分别用不同的字号、颜色。具体字号大小和颜色参考UI设计效果图。 o容图片 容图片均带1px描边；容图片未加载出来时显示系统默认图片。</p><p>1、数据操作 显示数据（表格） （1）表头：字体加粗、且比单无格容字体大一号，且体字体大小参照UI效果图。 （2）单无格：文字图片容左对齐，数字、金额容右对齐。 （3）操作容原则上均用文字表达，如“编辑-删除” （4）鼠标划过表格单行时，颜色高亮。 （5）原则上每页显示15-20条数据，实际显示条数据可按设计排列效果而定。 （6）表格中不定长的字段，固定显示宽度，超出容用“…”显示光标停留后，在浮动层显示详细容。 选中数据 （1）勾选全选则选中当页所有记录 （2）去掉当页某个记录的勾选，则全选也去掉勾选。 （3）翻页后，自动去掉已勾选的记录及全选的勾选。 （4）翻页后是否进行选择记录的保留应试具体业务而定。 （5）刷新页面后，自动去掉已勾选的记录及全选的勾选。</p><p>新增数据 （1）新增的记录必须排在新增页的首行； （2）所有列表页面默认按数据新增时间倒序排列。 （3）提交失败后留在当前提交页，且保存用户已经输入的容以便再次提交。 （4）提交成功后自动回到数据列表页。 （5）提交时需对主要标识字段进行重复值、空值（空格）判断。 修改数据 （1）修改完成后必须回到原记录所在位置，且刷新显示修改后的值。 （2）提交失败后留在当前提交页，且保存用户已经输入的容以便再次提交。 （3）在查询条件下修改返回后，保留原有查询条件，且修改后的数据如果不满足查询条件则不显示。 （4）提交时需对主标识字段进行重复值、空值（空格）判断。 查询数据 （1）把所有查询条件全部显示出来，并放在查询列表上方位置。 （2）每个查询条件必须有预置文案。 （3）每次查询后保留当前输入的查询条件。</p><h2>PS网页设计与制作</h2><p>PS网页设计与制作</p><p>PS网页设计与制作（主页） 一、教材分析 设计制作网页的方法有很多，所用软件也各不相同，在本次拓展课程教学中，采用Photoshop 设计网页。本课是第四课时，在之前的课中，教师介绍了网页大小、图片素材的保存及处理方法，学生已了解有关网页的相关知识点，本节课在此基础上，开始学习PS网页设计，通过新建文档，完善网页中的其它要素，如：文本、页头、页脚、图片等要素。 二、学情分析 认知水平：本班学生为八年级学生，善于接受新鲜事物，欠缺专注力、知识迁移能力。 知识技能水平： 在前几课时的学习中学生了解了网页的常见大小，主页包含的各项要素，七年级下已学习过PS的相关知识与技能，有一定的基础。本节课，学生需要灵活运用以前的所学，制作出有个人特色的主页。学生在自主实践环节是遇到的问题，通过同伴互助、范例展示等方式，更好地理</p><p>解为何这么做，以及怎么做。 三、教学目标 （一）、知识与技能 1.了解主页大小，掌握设置主页大小的方法。 2.掌握文本设置的方法，尝试通过更改大小、字体、变形、混合选项呈现出有个人特色的文本。 3.了解导航栏的样式及位置，掌握矩形的绘制调整方法。 （二）、过程与方法 1.通过课堂任务的设计，强化学生个人自主探究能力及小组协作学习能力。 2.培养学生对问题的分析和解决能力，更好地理解PS制作主页的方法与策略，提高学生对PS的理解与认识。 （三）、情感态度与价值观 提倡学生多观察、多动手实践，不怕失败，只怕不动。在信息技术课堂上勇于探索实践，通</p><p>过作品展示自己。 四、教学重点 主页大小设定、标题和图片的大小及位置、导航栏制作 五、教学难点 主页中各对象的大小及位置 六、教学方法 任务驱动、分层教学、同伴互助 七、教学准备 极域多媒体网络教室、Photoshop cs5、学案 八、教学过程</p><h2>网页设计与制作试题C</h2><p>网页设计与制作试题C</p><p>浙江省2003年7月高等教育自学考试 网页设计与制作试题 课程代码：00900 一、单项选择题(在每小题的四个备选答案中，选出一个正确答案，并将正确答案的序号填在题干的括号内。每小题2分，共40分) 1. 域名服务器上存放着Internet主机的( )。 A．域名 B．电子邮箱地址 C．域名与IP地址的对应表 D．IP 地址 2. HTTP协议是一种( )协议。 A．文件传输协议B．远程登录协议 C．邮件协议D．超文本传输协议 3. 主机域名https://www.wendangku.net/doc/ef10072515.html,由四个子域组成，其中( )子域代表主机名。 zj_0900_200307 2</p><p>A．center B．nbu C．edu D．cn 4. 超级链接是一种( )的关系。 A．一对一B．一对多 C．多对一D．多对多 5. 在色彩的RGB系统中，32位十六进制数000000表示的颜色是( )。 A．白色B．红色 C．黄色D．黑色 6. 以下关于HTML文档的说法正确的一项是( )。 A．<HTML>与</HTML>这两个标记合起来说明在它们之间的文本表示两个HTML文本B．HTML文档是一个可执行的文档 C．HTML文档只是一种简单的ASCII码文本D．HTML文档的结束标记</HTML>可以省略不写 7. 在HTML语言中，有些符号由于被标记或标记的属性所占用，在HTML文本中用特殊符号 zj_0900_200307 3</p><p>表示，“>”代表( )符号。 A．< B．> C．& D．“ 8. BODY元素可以支持很多属性，其中用于定义已访问过的链接的颜色属性是( )。 A．ALINK B．BACKGROUND C．BGCOLOR D．VLINK 9. 在表单中需要把用户的数据以密码的形式接受，应该定义的表单元素是( )。 A．<input type=text> B．<input type=password> C．<input type=checkbox> D．<input type=radio> 10. DHTML的核心基础是( )技术。 A．文档对象模型(DOM) B．活动服务器网页(ASP) C．公共网关接口(CGI) D．层叠样式单(CSS) 11. JavaScript脚本语言可以从HTML文档中zj_0900_200307 4</p><h2>网页设计规范</h2><p>网页设计规范 网页设计标准尺寸: 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。</p><p>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</p><h2>Photoshop在网页设计中的作用</h2><p>龙源期刊网 https://www.wendangku.net/doc/ef10072515.html, Photoshop在网页设计中的作用 作者：王潇潇 来源：《当代旅游（下旬）》2017年第08期 摘要：近年来，photoshop软件作为一种功能强大的图像处理软件，广泛应用于网页制作中，通过应用photoshop可以使网页背景与前景之间配合紧密，实现网页底纹无缝连接，从而使图像传输效率提高。随着我国信息化进程的不断推进，在网络发展过程中网页制作发挥着重要作用，本文就对photoshop在网页设计中的作用进行探讨和介绍。 关键词：photoshop；网页设计；作用 Photoshop是当前社会各界公认的具有完善功能的性能稳定的一款平面图像处理软件，具有误差小、效果好、精确度高等诸多特点，在具有丰富的图像信息网络系统中承担着重要作用，并在图像处理、广告设计、美术设计等多个领域中均得到应用，在网页设计中也取得了良好的应用效果[1]。网页设计是整体设计，在设计过程中需要确保图像和网页设计主旨保持统一，并和网页背景、其他各项元素等都要紧密配合。 一、Photoshop在网页设计中的应用 （一）新建图像文件 在新建的图像文件中，宽度和高度主要是根据网站页面大小进行设计，通常和浏览器分辨率相对应，常用分辨率为1280*800的像素，图像的宽度与高度可以设为1260*780，颜色模式采用红绿蓝，即RGB。在photoshop中通过RGB的颜色变化啦表现出光影效果，在经过处理后使图像作品可以和现实更加贴近，从而给人带来一种良好的视觉效果，使人产生心灵的共鸣。 （二）采用photoshop进行页面布局设计 网站的设计中其设计方法多样，根据不同的功能，不同的主题进行设计。用户在对网页浏览时，网页上部和左上部是用户最先浏览的位置，然后依次往下阅读，并呈F形，因此在页面布局的设计中，网站热点、头条、导航栏、站名和站标等重要元素需要集中在关键区域中，而主题表现主要是通过造型设计体现出来的，而造型设计的巧妙不仅会给用户带来良好的视觉享受，也能表现出网站的主题，从而突出网站功能[2]。在采用photoshop来对网页进行设计时，需要突出设计感，并通过别致的造型和强有力的元素体现出网站主题，photoshop因图像处理功能强大，在个人网站和企业网站設计中发挥着重要的作用。在页面布局中可以先采用线条在页面中画T字，将画面分割为三个部分，最上面设计广告条、网站名称和标志，左侧为导航栏、右侧将最大空间留给网站内容；其次建立多个图层，并将网站内容分别放在不同图层中，进行绘制和处理，而采用photoshop的渲染功能和图像整合功能就可以完成。</p><h2>网页设计与制作试题及答案</h2><p>《网页设计和制作》期末测试试题 一、单项选择题(本大题共15小题，每小题2分，共30分) 1、目前在Internet上使用最为广泛的服务是( )。 A、FTP服务 B、WWW服务 C、Telnet服务 D、Gopher服务 2、域名系统DNS的含义是( )。 A、Direct Network System B、Domain Name Service C、Dynamic Network System D、Distributed Network Service 3、主机域名center. nbu. edu. cn由四个子域组成，其中( )子域代表国别代码。 A、center B、nbu C、edu D、cn 4、当阅读来自港澳台地区站点的页面文档时，应使用的正确文本编码格式是( )。 A、GB码 B、Unicode码 C、BIG5码 D、HZ码 5、当标记的TYPE属性值为( )时，代表一个可选多项的复选框。 A、TEXT B、PASSWORD C、RADIO D、CHECKBOX 6、为了标识一个HTML文件开始应该使用的HTML标记是( )。 A、<table> B、<body> C、<html> D、<a> 7、在客户端网页脚本语言中最为通用的是( )。 A、javascript B、VB C、Perl D、ASP 8、在HTML中，标记的Size属性最大取值可以是( )。 A、5 B、6 C、7 D、8 9、在HTML中，单元格的标记是( )。 A、<td> B、<span> C、<tr> D、<body> 10、在DHTML中把整个文档的各个元素作为对象处理的技术是( )。 A、HTML B、CSS C、DOM D、Script(脚本语言) 11、下面不属于CSS插入形式的是( )。 A、索引式 B、内联式 C、嵌入式 D、外部式 12、在网页中最为常用的两种图像格式是( )。 A、JPEG和GIF B、JPEG和PSD C、GIF和BMP D、BMP和PSD 13、如果站点服务器支持安全套接层(SSL)，那么连接到安全站点上的所有URL开头是( )。 A、HTTP B、HTTPS C、SHTTP D、SSL 14、在HTML中，要定义一个空链接使用的标记是( ). A、<a href=”#”> B、<a href=”?”> C、<a href=”@”> D、<a href=”!”> 15、对远程服务器上的文件进行维护时，通常采用的手段是( ) A、POP3 B、FTP C、SMTP D、Gopher 二、多项选择题(本大题共15小题，每小题2分，共30分。在每小题的五个备选答案中，选出二至五个正确的答案，并将正确答案的字母分别填在题干的括号内，多选、少选、错选均不得分。) 1.WWW的组成主要包括( ) A.URL B.Gopher C.HTML D.HTTP https://www.wendangku.net/doc/ef10072515.html,</p><h2>网页设计规范制</h2><p>网页设计规范制</p><p>网页设计规范 一、展现布局 （一）展现。 1.政府网站应简洁明了，清新大气，保持统一风格，符合万维网联盟（W3C）的相关标准规范要求。 2.政府网站应确定1种主色调，合理搭配辅色调，总色调不宜超过3种。使用符合用户习惯的标准字体和字号，同一类别的栏目和信息使用同一模板，统一字体、字号、行间距和布局等。 3.按照适配常见分辨率的规格设计页面，首页不宜过长。在主流计算机配置和当地平均网速条件下，页面加载时长不宜超过3秒。 4.对主流类别及常见版本浏览器具有较好的兼容性，页面保持整齐不变形,不出现文字错行、表格错位、功能和控件不可用等情况。 5.网站内容要清晰显示发布时间，时间格式为YYYY—MM—DD HH∶MM。文章页需标明信息来源，具备转载分享功能。 6.页面中的图片和视频应匹配信息内容，确保加载速度，避免出现图片不显示、视频无法播放等情况。避免使用可能存在潜在版权纠纷或争议的图片和视频。 （二）布局。 1.政府网站页面布局要科学合理、层次分明、重点突出，一般分为头部标识区、中部内容区和底部功能区。</p><p>2.头部标识区要醒目展示网站名称，可根据实际情况展示中英文域名、徽标（Logo）以及多语言版、搜索等入口，有多个域名的显示主域名。 3.中部内容区要遵循“从左到右、从上到下”的阅读习惯，科学合理设置布局架构。 4.底部功能区至少要列明党政机关网站标识、“我为政府网站找错”监督举报平台入口、网站标识码、网站主办单位及联系方式、ICP备案编号、公安机关备案标识和站点地图等内容。 5.政府网站各页面的头部标识区和底部功能区原则上要与首页保持一致。 （三）栏目。 1.栏目是相对独立的内容单元，一般为一组信息或功能的组合，按照信息类别、特定主题等维度进行编排并集中展现。 2.栏目设置要科学合理，充分体现政府工作职能，避免开设与履职行为、公众需求相关度不高的栏目。政府门户网站和部门网站应设置机构职能、负责人信息、政策文件、解读回应、工作动态、互动交流类栏目。 3.栏目名称应准确直观、不宜过长，能够清晰体现栏目内容或功能。 4.栏目内容较多时，可设置子栏目。栏目页要优先展现最新更新的信息内容。</p><h2>专科《网页设计与制作》_试卷_答案</h2><p>专科《网页设计与制作》 一、（共75题,共150分） 1.URL的中文译作（）。（2分） A?全球定位 B?全球资源定位 C?全球资源定位 D?全球资源定位 标准答案：D 2.属于网页制作平台的是（）。 . （2分） A.Photoshop B.Flash C.Dreamweaver D.Fireworks 标准答案：C 3.页面顶部为横条网站标志十广告条下方左为主菜单右为显示内容的布局是什么布局？ （）（2分） A对称对比布局 B“T”型布局 C"三"型布局 D“口”型布局 标准答案：B 4.在网页中的动画图片都是以什么格式存在的?（）（2分） A Bmp B Gif C Jpg D Tiff 标准答案：B 5.实现轮替图像应选两幅什么样的图片（）。（2分） A?相差三倍 B?相差两倍 C?相差一倍 D?大小一样 标准答案：D 6.保存含有图片的网页时（）。（2分） A.图片就存在网页文件中 B.图片文件单独存放 C.网页存放在图片文件中 D.网页和图片文件必须存在一个目录下 标准答案：B 7.Fireworks默认的存储格式是（）（2分） A．JPG B．BMP C．GIF D．PNG 标准答案：D 8.影响网站风格的最重要的因素是（）。（2分） A.色彩和窗口 B.特效和架构 C.色彩和布局 D.内容和布局 标准答案：C 9.黄颜色所象征的意义描述正确的是：（）（2分） A．明亮 B．火焰 C．浪漫 D．侵略 标准答案：A 10.导航条可以是文字链接和（）链接。（2分） A.文本的列表 B. 图像 C. 段落缩进 D. 框架 标准答案：B 11.HTML代码<hr>表示（）（2分） A插入一张图片 B插入标题文字 C插入一个段落 D插入一条水平线 标准答案：D 12.网页源代码中，哪种标记必不可少？（）（2分） A ．<html> B ． C ．<table> D ．<br> 标准答案：A 13.<title>标记必须包含在哪种标记中？（）（2分） A. B. C. D.
标准答案：C 14.图像![]()
标记的哪种属性的文本内容可以替代说明图像（）。（2分）A．align B．height C． alt D ．border 标准答案：C 15.要在文本的首行空两个汉字就要插入什么个空格？（）（2分） A l B 2 C 3 D 4 标准答案：D 16.将超链接的目标网页在新窗口中打开的方式是将target属性设为（）。（2分） A._parent B._blank C._top D._self 标准答案：B 17.若要在页面中创建一个图片超链接，要显示的图片为 myhome.jpg,所链接的地址为 https://www.wendangku.net/doc/ef10072515.html,。以下用法中正确的是（）。（2分） A. myhome.jpg B. 
C. D. 标准答案：B 18.在表单中允许用户从一组选项中选择多个选项的表单对象是（）。（2分）A．单选按钮 B．列表/下拉菜单 C．复选框 D．单选按钮组 标准答案：C 19.在下面的描述中，不是JavaScript特性的是（）。（2分） A．基于对象的 B．基于事件的 C．跨平台的 D．编译的 标准答案：D 20.在CSS 中不属于添加在当前页面的形式是（）。（2分） A．内联式样式表 B．嵌入式样式表 C．层叠式样式表 D．链接式样式表 标准答案：D 21.下列哪些项是网页被解读的过程之一（）。（2分） A．浏览器向网络中的服务器发出请求，指向某个动态网页 B ．浏览器接到服务器送来的信号后开始解读HTML标签，然后将其转换，显示结果 C ．应用程序服务器检查该网页，执行其中的JavaScript、CGI、ASP、JSP等应用程序D．客户端将文件上传至FTP主机上 标准答案：A B C 22.使用Dreamweaver时，下列说法错误的是（）。（2分） A.创建网页前必须应先创建站点 B.创建网页就是创建站点 C.创建网页也可以不必创建站点 D.网页和站点都是文件 标准答案：B C D 23.在网页中经常用的两种图像格式有（）。（2分） A bmp B gif C png D jpg 标准答案：B D网页设计与制作期末试题及答案(2)(1)
网页设计与制作模拟试题 一、单项选择题(每空1分，共10分) 1. 客户/服务器系统的最大特点是客户机和服务器( D ) A. 必须运行在同一台机器上 B. 必须运行在同一个网络上 C. 必须运行在不同的计算机上 D. 不必运行在同一计算机上 2. 若需要软件把LAN上的客户机从Internet上隐藏起来，并为客户机执行Web 请求，则下面( D )软件能实现此项功能。 A. Internet Information Server B. Index Server C. Personal Web Server D. 代理服务器 3. 通常一个站点的主页默认文档名是( C ) A. Main.htm B. Webpage.htm C. Index.htm D. Homepage.htm 4. 通常，比较好的建立站点目录的习惯是( A ) A. 在根目录下建立一个总的IMAGE目录放置图象文件 B. 直接把图象文件放置在各栏目的目录下 C. 为各栏目建立一个单独的IMAGE目录放置图象文件 D. 在每个目录下建立一个IMAGE目录放置图象文件 5. 以下有关页面布局的说法正确的是( D ) A. 分辨率越高，可供使用的页面尺寸越大 B. 网页布局与平面设计一样，不受页面大小的影响 C. 页眉和页脚中只能出现文本，不能出现图形 D. 页面布局通常是通过手工设计的，目前还没有相应的电脑软件完成这一工作 6. 以下关于HTML文档的说法正确的一项是( A ) A. 与这两个标记合起来说明在它们之间的文本表示两个HTML文本 B. HTML文档是一个可执行的文档 C. HTML文档只是一种简单的ASCII码文本 D. HTML文档的结束标记可以省略不写 7. 正确描述创建一个一级标题居中的句法是( D ) A. Heading Text B.
Heading Text
C. Heading Text D. Heading Text 网页设计规范
标准字体字号： 中文网页一般文字正文都采用宋体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，我们计划让网页文字在大部分显示器上都比较接近这个大小，那么在不同分辨率下应该显示成多大的字号呢？ 第一步：统计用户主要的分辨率和对应的屏幕大小。 要在物理尺寸和分辨率之间换算，首先要统计分辨率和对应的屏幕尺寸。用户分辨率的分布情况可以从网站的统计日志里获得。由于每个分辨率设置可能对应好几个不同尺寸的屏幕，而屏幕尺寸又无法通过网页获得，只好对现在的显示器市场进行统计分析：针对某一分辨率，统计可能的屏幕尺寸范围，从最小到最大，相对主流的是多大（或使用该范围的中间值作为主流尺寸）。如下图所示——
网页设计与制作试卷试题(附答案)
“双语”教育2012-2013第2学期 《网页设计与制作》 年级专业：学号姓名： 一、单选题（共45小题，每小题1分，共45分） 1、在网站设计中所有的站点结构都可以归结为【 B 】 A、两级结构 B、三级结构 C、四级结构 D、多级结构 2、在客户端网页脚本语言中最为通用的是【 A 】 A、javascript B、VB C、Perl D、ASP 3、所学网布局的方法是【 E 】 A、表格 B、布局 C、层 D、DIV E、都是 4、在HTML中，标记的Size属性最大取值可以是【 C 】 A、5 B、6 C、7 D、8 5、所学网页页面构成有【 E 】 A、顶部（标题） B、底部（注释） C、正文 D、导航 E、都有 6、用户登陆页面不可能用到的是【 B 】 A、服务器行为检查新用户 B、绑定字段 C、用户身份验证 D、建立数据库 7、成绩录入系统不能用到的【 C 】 A、建立数据库 B、绑定插入记录集 C、检查表单 D、重复区域 8、非彩色所具有的属性为【 C 】 A、色相 B、饱和度 C、明度 D、纯度 9、下面说法错误的是【 D 】 A、规划目录结构时，应该在每个主目录下都建立独立的images目录
B、在制作站点时应突出主题色 C、人们通常所说的颜色，其实指的就是色相 D、为了使站点目录明确，应该采用中文目录 10、目前在Internet上应用最为广泛的服务是【B 】 A、FTP服务 B、WWW服务 C、Telnet服务 D、Gopher服务 11、Web安全色所能够显示的颜色种类为【C 】 A、4种 B、16种 C、216种 D、256种 12、为了标识一个HTML文件应该使用的HTML标记是【C 】 A、 B、 C、 D、 13、框架结构页面正确的说法是【 D 】 A、点击左边导航显示右边 B、只能链接图片 C、框架页面为新建常规页面 D、插入可编辑区域可以生成模板 14、显示页面设计时不能用到的是【 D 】 A、建立数据库 B、设置数据源 C、连接数据库 D、更新记录集 15、对远程服务器上的文件进行维护时，通常采用的手段是【B 】 A、POP3 B、FTP C、SMTP D、Gopher 16、下列Web服务器上的目录权限级别中，最安全的权限级别是【A 】 A、读取 B、执行 C、脚本 D、写入 17、Internet上使用的最重要的两个协议是【B 】 A、TCP和Telnet B、TCP和IP C、TCP和SMTP D、IP和Telnet 18、网页的特征是【 A 】 A、HTML文档的基本特征——超文本 B、标识语言，网页中不能没有标记（Tag） C、网页提供了一些措施以防在网上冲浪的过程中迷失方向 D、网页实现了对原文档信息的无限补充或扩展 19、与上网无关 ．．的协议是【 C 】 A、HTTP B、SMTP C、SOKET D、POP3 20、设置字体大小的代码是【D 】
网页设计与制作试题及答案精选范文
《网页设计与制作》期末考试试题 一、单项选择题(本大题共15小题，每小题2分，共30分) 1、目前在Internet上应用最为广泛的服务是( )。 A、FTP服务 B、WWW服务 C、Telnet服务 D、Gopher服务 2、域名系统DNS的含义是( )。 A、Direct Network System B、Domain Name Service C、Dynamic Network System D、Distributed Network Service 3、主机域名center. nbu. edu. cn由四个子域组成，其中( )子域代表国别代码。 A、center B、nbu C、edu D、cn 4、当阅读来自港澳台地区站点的页面文档时，应使用的正确文本编码格式是( )。 A、GB码 B、Unicode码 C、BIG5码 D、HZ码 5、当标记的TYPE属性值为( )时，代表一个可选多项的复选框。 A、TEXT B、PASSWORD C、RADIO D、CHECKBOX 6、为了标识一个HTML文件开始应该使用的HTML标记是( )。 A、
