网页设计什么意思
ps页面设计同一色系是什么意思?怎么区分是不是同一色系?
颜色问题是一个比较复杂而又抽象的问题,颜色是通过人眼、脑和生活经验所产生的一种对光的视觉效应,人们肉眼所见到的光线,是由波长范围很窄的电磁波产生的,不同波长的电磁波表现为不同的颜色,对色彩的辨认是肉眼受到电磁波辐射能刺激后所引起的一种视觉神经的感觉。1、颜色具有三个特性,即色相,明度和饱和度。明度表示色所具有的亮度和暗度。色相指的是不同波长的色的情况,波长最长的是红色,最短的是紫色。饱和度是用数值表示色的鲜艳或鲜明的程度。有彩色的各种色都具有彩度值,无彩色的色的彩度值为0,对于有彩色的色的彩度(纯度)的高低,区别方法是根据这种色中含灰色的程度来计算的。2、根据颜色的这些特性,将颜色分为无彩色和有彩色两大类。无彩色如黑、白、灰,无彩色就没有彩调。无彩色有明有暗,表现为白、黑,也称色调。有彩色如红、黄、蓝等。3、不同颜色构成不同颜色系列,大的分类可分为冷色系和暖色系两类。黑、白、灰属于中间颜色,适用于任何色系的。4、冷色系有蓝色,绿色,紫色等组成。暖色系有红、紫、橙、黄橙等组成。在ps页面设计过程中,所谓同一色系就是将同一色系的颜色搭配在一起的意思。如粉红+大红,艳红+桃红,玫红+草莓红等这类同色系间的变化搭配可做出同色系色彩的层次感,又不会显得单调乏味。5、不同系列颜色的详细分类是: (1)红色:包括珊瑚红、鲜红、大红、朱红、嫣红、深红、水红、橘红、杏红、粉红、桃红、 玫瑰红、玫瑰茜红、茜素深红、土红、铁锈红、浅珍珠红、壳黄红、橙红、浅粉红、鲑红、猩红、枢机红、勃艮第酒红、灰玫红、杜鹃红、枣红、灼红、绯红、殷红、紫红、宝石红、晕红、幽红、银红等。 (2)橙色:界于红色和黄色之间的混合色。又称桔黄或桔色。包括橘、柿子橙、橙、阳橙、热带橙、蜜橙、杏黄等 。(3)黄色:包括土黄、大黄、洋黄等。(4)绿色:包括深黄绿、松绿等。(5)蓝色:包括群青、普蓝、钴蓝、湖蓝、靛蓝、碧 蓝、蔚蓝、宝蓝、藏蓝、黛蓝、孔雀蓝、天蓝、深蓝、淡蓝、瓦蓝、冰蓝、水蓝、蓝黑、宝石蓝、锐蓝、蓝绿、蓝粉、白蓝、海蓝、暗蓝、浅蓝、幽蓝、湛蓝等。 (6)紫色:包括紫藤、木槿紫 、 铁线莲紫、紫丁香、薰衣草紫 、紫水晶、缬草紫、矿紫、三色堇紫、锦葵紫 、兰紫、 淡紫丁香、浅灰紫等。6、在页面设计中不同系列颜色搭配的原则颜色搭配即两种颜色搭配在一起,使其变得融洽、漂亮。在设计方面非常重要。颜色搭配总的原则是用互补色(对比色),让画面更丰富、多彩。如天蓝色与粉红色;绿色和粉红色/红色;黑色和白色;蓝色和白色;湖蓝色和橙色;黄色和紫色;黄色和绿色等等。7、色彩牵涉的学问很多,包含了美学、光学、心理学和民俗学等。心理学家指出每一种色彩都具有象征意义,当视觉接触到某种颜色,大脑神经便会接收色彩发送的讯号,即时产生联想,如红色象征热情,令人心情兴奋;蓝色象征理智,使人冷静。经验丰富的页面设计师,往往能利用这些颜色,设计出让人心理上产生联想的漂亮页面,从而达到最佳设计效果的目的。
网页美工和与平面设计有什么区别
1.平面设计讲究页面构图、版式布局、空间表现等,而网页设计也适用这些要素。 网页设计与传统平面设计在视觉传达方面很大的相似点,但是在技术方面又是有很大的区别。 网页设计是传统平面设计的视觉传达效果运用和网路技术的结合,所以可以说网页设计综合了平面设计艺术和网路技术。 网页设计的重要特色就是动静结合,这点在平面设计裏是无法实现的。其中网页切图在平面设计中是没有的.2.处理的差别 传统平面设计的作品大多是以印刷的平面形式表现;而网页设计作品则是透过显示器表现,并且在传输的过程中受到网路频宽的限制。因为受到网路频宽的限制,网页设计中的图像处理也不同於平面设计,为了加快下载速度,在保持图像质量的前提下我们要尽可能的缩小其档案大小,而不像平面设计那样为了追求图像的质量而不管其文件大小。 作为一名合格的网页设计师,在处理网路图形时,应做到在保持图像清晰的前提下,尽可能缩小图片的档案大小。 3.网页的构图布局与平面构图布局有著很大的相似之处,但是因为技术的局限,网页构图远不如平面设计那样挥洒自如。 在平面设计中想把某一物件放置到某一位置的时候只需要简单的拖曳就可以完成。但是在网页设计中想对某一物件进行定位的话就必须有 HTML 语言的支援才行。 所以在进行网页设计的时候,除了要有好的创意,还应该考虑到技术上的可行性。 网页的构图与传统的平面构图最大的区别就是技术的可行性。 在进行网页设计时必需时时提醒自己,所设计的作品最终会通过网路传输到用户端,经过下载,再用浏览器浏览,作品将受到频宽和显示器的限制。 而且,所有网页的后端语言都是以 HTML 为基础,辅以 JavaScript 或 VBScript 编写的程式,有些动态特效实现起来会有较大的难度。 所以,网页设计人员在构思创意时,要考虑到技术上是否能实现。 如果一味地追求视觉效果的创意,而忽略技术上的限制,顾此失彼,再好的构思也只好放弃。 网页设计中实现的创意,对网页设计构图来说是毫无价值的。4.功能的不同 传统平面的设计作品是以向人们传达某种资讯或诉求为目的。而网页的设计必须是配合网站的内容设计,而不是单纯地只为表现艺术而设计。 除了拥有平面设计作品的功能以外,还有重要的引导和连接功能,也就是网页具有很强的可操作性和互动性。 网页设计与传统的平面设计最大的区别就是网页的可操作性。
网页设计中的CSS是什么意思???
CSS是Cascading Style Sheets(层叠样式表)的缩写。是一种对web文档添加样式的简单机制,属于表现层的布局语言。1.基本语法规范分析一个典型CSS的语句:p {COLOR:#FF0000;BACKGROUND:#FFFFFF} ??其中"p"我们称为"选择器"(selectors),指明我们要给"p"定义样式;??样式声明写在一对大括号"{}"中;??COLOR和BACKGROUND称为"属性"(property),不同属性之间用分号";"分隔;??"#FF0000"和"#FFFFFF"是属性的值(value)。2.颜色值颜色值可以用RGB值写,例如:color : rgb(255,0,0),也可以用十六进制写,就象上面例子color:#FF0000。如果十六进制值是成对重复的可以简写,效果一样。例如:#FF0000可以写成#F00。但如果不重复就不可以简写,例如#FC1A1B必须写满六位。3.定义字体web标准推荐如下字体定义方法:body { font-family : "Lucida Grande", Verdana, Lucida, Arial, Helvetica, 宋体,sans-serif; } 字体按照所列出的顺序选用。如果用户的计算机含有Lucida Grande字体,文档将被指定为Lucida Grande。没有的话,就被指定为Verdana字体,如果也没有Verdana,就指定为Lucida字体,依此类推,; ??Lucida Grande字体适合Mac OS X; ??Verdana字体适合所有的Windows系统; ??Lucida适合UNIX用户 ??"宋体"适合中文简体用户; 如果所列出的字体都不能用,则默认的sans-serif字体能保证调用; 4.群选择器当几个元素样式属性一样时,可以共同调用一个声明,元素之间用逗号分隔,:p, td, li { font-size : 12px ; } 5.派生选择器可以使用派生选择器给一个元素里的子元素定义样式,例如这样:li strong { font-style : italic; font-weight : normal;} 就是给li下面的子元素strong定义一个斜体不加粗的样式。6.id选择器用CSS布局主要用层"div"来实现,而div的样式通过"id选择器"来定义。例如我们首先定义一个层<div id="menubar"></div>然后在样式表里这样定义:#menubar {MARGIN: 0px;BACKGROUND: #FEFEFE;COLOR: #666;} 其中"menubar"是你自己定义的id名称。注意在前面加"#"号。id选择器也同样支持派生,例如:#menubar p { text-align : right; margin-top : 10px; } 这个方法主要用来定义层和那些比较复杂,有多个派生的元素。6.类别选择器在CSS里用一个点开头表示类别选择器定义,例如:.14px {color : #f60 ;font-size:14px ;} 在页面中,用class="类别名"的方法调用:<span class="14px">14px大小的字体</span> 这个方法比较简单灵活,可以随时根据页面需要新建和删除。7.定义链接的样式CSS中用四个伪类来定义链接的样式,分别是:a:link、a:visited、a:hover和a : active,例如:a:link{font-weight : bold ;text-decoration : none ;color : #c00 ;}a:visited {font-weight : bold ;text-decoration : none ;color : #c30 ;}a:hover {font-weight : bold ;text-decoration : underline ;color : #f60 ;}a:active {font-weight : bold ;text-decoration : none ;color : #F90 ;} 以上语句分别定义了"链接、已访问过的链接、鼠标停在上方时、点下鼠标时"的样式。注意,必须按以上顺序写,否则显示可能和你预想的不一样。记住它们的顺序是“LVHA”。
面试网页设计有哪些问题
一、网页设计面试的经典问题及答题思路: 问题一:“请你自我介绍一下” 思路: 1、这是面试的必考题目。 2、介绍内容要与个人简历相一致。 3、表述方式上尽量口语化。 4、要切中要害,不谈无关、无用的内容。 5、条理要清晰,层次要分明。 6、事先最好以文字的形式写好背熟。 回答要点:用10秒钟简单说说个人资料即可。用一分半钟左右时间介绍你以前从事的工作,和所获得的经验。再用一分钟左右时间描述你以前的工作经验对应聘的这份职位来说有那些帮助。 问题二:“谈谈你的家庭情况” 思路: 1、况对于了解应聘者的性格、观念、心态等有一定的作用,这是招聘单位问该问题的主要原因。 2、简单地罗列家庭人。 3、宜强调温馨和睦的家庭氛围。 4、宜强调父母对自己教育的重视。 5、宜强调各位家庭成员的良好状况。 6、宜强调家庭成员对自己工作的支持。 7、宜强调自己对家庭的责任感。 问题三:“你有什么业余爱好?” 思路: 1、业余爱好能在一定程度上反映应聘者的性格、观念、心态,这是招聘单位问该问题的主要原因。 2、最好不要说自己没有业余爱好。 3、不要说自己有那些庸俗的、令人感觉不好的爱好。 4、最好不要说自己仅限于读书、听音乐、上网,否则可能令面试官怀疑应聘者性格孤僻。 5、最好能有一些户外的业余爱好来“点缀”你的形象。 问题四:“你最崇拜谁?” 思路: 1、最崇拜的人能在一定程度上反映应聘者的性格、观念、心态,这是面试官问该问题的主要原因。 2、不宜说自己谁都不崇拜。 3、不宜说崇拜自己。 4、不宜说崇拜一个虚幻的、或是不知名的人。 5、不宜说崇拜一个明显具有负面形象的人。 6、所崇拜的人人最好与自己所应聘的工作能“搭”上关系。 7、最好说出自己所崇拜的人的哪些品质、哪些思想感染着自己、鼓舞着自己。 问题五:“你的座右铭是什么?” 思路: 1、座右铭能在一定程度上反映应聘者的性格、观念、心态,这是面试官问这个问题的主要原因。 2、不宜说那些医引起不好联想的座右铭。 3、不宜说那些太抽象的座右铭。 4、不宜说太长的座右铭。 5、座右铭最好能反映出自己某种优秀品质。 6、参考答案——“只为成功找方法,不为失败找借口” 二、面试的注意事项: (1)一旦和用人单位约好面试时间后,一定要提前5-10分钟到达面试地点,以表示求职者的诚意,给对方以信任 感,同时也可调整自己的心态,作一些简单的仪表准备,以免仓促上阵,手忙脚乱。为了做到这一点,一定要牢 记面试的时间地点,有条件的同学最好能提前去一趟,以免因一时找不到地方或途中延误而迟到。如果迟到了, 肯定会给招聘者留下不好的印象,甚至会丧失面试的机会。 (2) 进入面试场合时不要紧张。 如门关着,应先敲门,得到允许后再进去。开关门动作要轻,以从容、自然为 好。见面时要向招聘者主动打招呼问好致意,称呼应当得体。在用人单位没有请你坐下时,切勿急于落座。用人 单位请你坐下时,应道声“谢谢”。坐下后保持良好体态,切忌大大咧咧,左顾右盼,满不在乎,以免引起反感 。离去时应询问“还有什么要问的吗”,得到允许后应微笑起立,道谢并说“再见”。 (3) 对用人单位的 问题要逐一回答。 对方给你介绍情况时,要认真聆听。为了表示你已听懂并感兴趣,可以在适当的时候点头或 适当提问、答话。回答主试者的问题,口齿要清晰,声音要适度,答话要简练、完整。一般情况下不要打断用人 单位的问话或抢问抢答,否则会给人急躁、鲁莽、不礼貌的印象。问话完毕,听不懂时可要求重复。当不能回答 某一问题时,应如实告诉用人单位,含糊其辞和胡吹乱侃会导致面试失败。对重复的问题也要有耐心,不要表现 出不耐烦。 (4) 在整个面试过程中,在保持举止文雅大方,谈吐谦虚谨慎,态度积极热情。 如果用人单位有两位以上主试 人时,回答谁的问题,你的目光就应注视谁,并应适时地环顾其他主试人以表示你对他们的尊重。谈话时,眼睛 要适时地注意对方,不要东张西望,显得漫不经心,也不要眼皮低望,显得缺乏自信,激动地与用人单位争辩某 个问题也是不明智的举动,冷静地保持不卑不亢的风度是有益的。有的用人单位专门提一些无理的问题试探你的 反应,如果处理不好,容易乱了分寸,面试的效果显然不会理想。
网页设计中meta property都是些什么意思啊
Meta Property=og标签是什么呢?og是一种新的HTTP头部标记,即Open Graph Protocol:The Open Graph Protocol enables any web page to become a rich object in a social graph.即这种协议可以让网页成为一个“富媒体对象”。用了Meta Property=og标签,就是你同意了网页内容可以被其他社会化网站引用等,目前这种协议被SNS网站如Fackbook、renren采用。SNS已经成为网络上的一大热门应用,优质的内容通过分享在好友间迅速传播。为了提高站外内容的传播效率,2010年F8会议上Facebook公布了一套开放内容协议(Open Graph Protocol),任何网页只要遵守该协议,SNS就能从页面上提取最有效的信息并呈现给用户。参与到Open Graph Protocol的好处● 能够正确的分享您的内容到SNS网站● 帮助您的内容更有效的在SNS网络中传播-----------Base Element基本类型-----------1、og:type 网页资源类型标识content enum: ● video 视频● audio 音频● link 链接● photo 图片● product 产品2、og:title 标题描述3、og:image 缩略图4、og:url 当前内容链接5、rr:appid 如果您的网站是CONNECT到renren.com的,请提供该ID 6、rr:appid 如果您的网站是CONNECT到renren.com的,请提供该ID 7、og:width 视频的宽度8、og:height 视频的高度-----------Audio Element 音频------------1、og:audiosrc 音乐资源链接,例如可是播放歌曲的flash地址2、og:artist 音乐家-----------Commen Page Element 普通网页------------1、og:abstract 内容摘要2、og:contentid 内容主体的ID,用来标识当前页面主要内容所处的HTML标签的ID -----------Graphic Element 图片------------1、og:photo 图片列表2、og:width 图片宽度3、og:height 图片高度-----------Product Element 商品-----------1、og:price 产品价格2、og:description 产品描述3、og:nick 店铺名4、og:postfee 运费
在网页设计中<a>与<p>有什么区别又分别是什么意思?
<a> 标签定义超链接,用于从一张页面链接到另一张页面。 <a> 元素最重要的属性是 href 属性,它指示链接的目标。 在所有浏览器中,链接的默认外观是: 未被访问的链接带有下划线而且是蓝色的 已被访问的链接带有下划线而且是紫色的 活动链接带有下划线而且是红色的 <p> 标签定义段落。 p 元素会自动在其前后创建一些空白。浏览器会自动添加这些空间,您也可以在样式表中规定。
网页设计里面,<div>到底是干什么用的
大部分html标签都是有#语义#的,例如<p>表示这是一个段落,<strong>表示强调,<ul>表示是无序列表。<div>和<span>是2个无语意的标签,也就是说,他们可以当作一个容器,里面放别的东西。<div>默认是块级元素,<span>默认是inline元素。因此,当你需要为一个<ul>加一个父元素以方便更好地布局或者js操作,就可以用<div>将其包含起来。在html5以前,由于没有 header/footer/section/article 这样的语义标签,所以都是用div来布局,以区分不同的页面内容模块。例如导航:<div class='main-nav'> <ul>这里是实际的导航条内容....</ul></div>这样对于写css有一定的便利。特别是万恶的ie7-年代,为了圆角、阴影等效果,可能要嵌套n层的div才能实现。而随着html5/css3的普及,已经不用这样嵌套了。所以,如果你开始学习制作网页,挑选教材就很重要了。不要再学那些几年前的理念了。
真是太谢谢了
我现在学的是html5和css3的