1、网页的制作原理
这。。。
前提你要懂得基本的HTML语言,再深入点就是Javascript,后台就是PHP、ASP.net了,数据库之类。
想做好点的网站就得先排好版,用DIV+CSS设计好,如果是动态的话还得加点技术:如Jquery AJAX,动态读写数据库等!
2、网页设计的基本原理与规则是什么?
网站设计原则
1 设计风格符合网站主题
2 符合大众审美
3 易操作容易阅读 板块清晰 结构明确
4 ..........
都是些大而化之的语言。。。。
3、怎样通过格式塔原理帮助网页设计
在视觉现象中,“整体大于部分之和”。格式塔理论包括一系列基本概念。格式塔原理几乎适用于所有与视觉有关的领域,但它与UI设计的关系尤其密切。
5条最实用的格式塔原则
1954年,这时离Wertheimer注视交叉道口的信号灯已经过去了几十年,Rudolf Arnheim 却根据自己对格式塔原理的理解写了一本书《艺术与视知觉》。设计师Carolann Bonner也曾指出 格式塔理论的5条最常用的原则:
1.相似法则
2.图形-背景关系法则
3.组织法则
4.闭合法则
5.连续法则
下面我们就来一个一个探讨这些法则。
1.相似法则
我们倾向于把外观相似的物体归为一类。
这对于极其注重信息传播时效网页设计而言是个非常有用的启示,你可以通过创建一系列外观近似的图形来迅速而直接地传达出它们的功能或目的。
正如在上图(设计工作室Green Chameleon的页面)中看到的,导航图标看起来虽然各不相同。但由于这些导航图标在颜色,大小,排列上的近似性,用户会将它们默认为同一级别的导航功能。
这一导航模式特别适用于组织竖排的导航图标,因为它可以在不牺牲导航功能的情况下,很直观地把各个导航图标的功能表达清楚。
设计师如果能善用这一法则的话,就可以更有效地传达信息和节约页面空间,从而为用户提供更好的使用体验。
2.图形-背景关系法则
在用户看来,页面中的元素要么是图形,要么是背景。Steven Bradley总结出了三种类型的图形-背景关系, 如下图所示:
·稳定型 — (左)可以很明显地看出,圆形是图像,而灰色空间是背景。
·可逆型— (中间)空间与背景可以相互转换,整个页面显得十分有灵动之感。
·模糊型— (模糊型) 图片与背景的界限模糊不清,观看者需要自行解释空间与背景的关系。
Moddeals网站采用是一种较为经典的图形-背景关系。当页面中的广告浮现时,网页的其余部分就变变暗,自动转化为背景。在这种情况下,用户依然可以拖动页面,然而广告还是会作为独立于背景的一部分停留于原处。
而电影宣传网站Tannbach处理图形-背景关系的手法就更为微妙。
为了突出电影中的人物关系,这个页面的设计师采用了模糊背景的方式来强化页面中的两个人物。通过对色彩和排版的巧妙运用,左上角的“互动区”成为了事实上的“一级图形”,而页面中的那一对男女则成为“次级图形”。这样一来,用户既能迅速辨认出页面中的人物,同时也能够理解如何使用网站的导航。
3.组织法则
即便是外观不同的东西,也可以通过一定的安排使它们更为接近。根据格式塔原理,至少有两种方法可以加强事物的相似性:
· 闭合状态将不同的事物集中置于一定的界限内,也会给观看者造成一种“一致”的印象。
· 密集状态即便是不同类型的事物,当距离很密集的时候也会具有某种似性。
上面这张Facebook的截图就体现了闭合状态与密集状态的作用。
整个正文部分–标题,照片,说明,评论等等—都是在同一个方框里,与灰色的背景形成对比,这一点既体现了闭合状态,也体现了图形-背景关系。在正文部分中,“赞”“评论”“分享”等功能选项离得很近,更不用说文字大小,颜色等细节的近似度了。
这么做还有一个理由,就是为了点击方便,因为这种方式可以把用户与供用户点击的目标之间的距离拉得更近。
4.闭合法则
前面我们提到过格式塔原理中的“具体化”现象,闭合法则其实就是这种现象的具体体现。我们的大脑能自动通过添加界线来补全不完整的图像。设计师可以利用这条法则去创作貌似残缺不全的图形,在这条法则的指导下,设计师还可以尽情创作出典雅的极简主义作品。
我们以下面Abzeedo网站的截屏为例来具体分析一下。虽然构成页面的三部分内容之间并没有明确的界线,但图片的排列方式让观看者在大脑中自动形成了某种“网格”。因此,观看者会把页面内容看成是独立的三列,而不是一个混乱的整体。
闭合法则也适用于交互设计中。
设计师Carolann Bonner解释说,在Urban Outfitters页面中,通过利用闭合法则,他帮助用户省略了一些不必要的步骤,使“添加到购物袋”这一操作变得更为顺利。请点击GIF动画查看用户点击“添加到购物袋”之后的操作步骤:
1.原来“添加到购物袋”按钮中的文字会变成“已添加”。
2.“购物袋”旁边的物品数量会随之更新。
3.同时,购物袋选项下会出现一个小小的方形窗口,以视觉形式再次确认用户已购买的物品。
这样,用户不用再去打开购物车确认已添加的物品。通过省略操作步骤,整个互动过程变得更为顺畅愉快。
5.连续法则
这个法则认为,当用户的目光沿着一系列物体移动时,脑中会形成一个逐渐增强的“定势”。这个法则使设计中线条的地位显得格外重要。
在上面的图中,观看者会看到一条直线和一条曲线而不是一条弯曲的黑线和另一条弯曲的红线。这说明在视觉中,目光的延续性已经超过了颜色造成的差异。
这意味着,在用户看来,处在同一条直线或曲线上的物体是高度近似的。
这一点在导航按钮的设计中体现得再明显不过,用户一般会把同一个水平线上的图标默认为是同一个级别的操作。
下面的截图取自CreativeBloq, 网站,用户可以很直观地理解最上面的一排导航与网页内容的类型有关。而第二行的导航与内容的条目有关。网站不用专门指出它们的不同,因为根据延续法则,用户可以自己辨认得出它们的差异。
结语
理解和掌握格式塔法则能让你更有效地控制网页的设觉效果,从而创造出 风格更和谐的网页设计, 同时也能更有效地将你的信息传达给用户。我建议你在自己的设计实践中综合运用上面提到的各种法则,你会发现,不久之后,你的网页设计水准会跃上一个新层次。
4、网页的设计原理是什么?
网页设计,网页设计原则理念
(1)内容和功能决定表现形式和界面设计
做一个良好的网页设计,需要了解客户的东西很多,比如:
1、建站目的(是主推产品还是平品牌,是主要注重seo还是用户交互等)。
2、网站类型。
3、栏目规划及每个栏目的表现形式及功能要求。
4、主色调、客户性别喜好、联系方式、旧版网址、偏好网址。
5、根据行业和客户要求,哪些是着重表现。
6、是否分期建设、考虑后期的兼容性、是否要开发其他语言版本。
7、客户是否有强烈的建站欲望。
8、你是否能在精神意识上控制住客户。
当把上述的内容都弄明白了的时候,大脑中就已经给这个网站有了全面而形象的定位了,这时才是有的放矢去做界面设计的时候了。
(2)界面是弱化的,突出的是功能
一个好的界面设计它的界面是弱化的,它突出的是功能,着重体现的是网站业提供给使用者是主要什么。这就涉及到浏览顺序、功能分区等等。要让访客在0.5秒内就能把握网站的行业性质,1秒内就知道该从哪个地方开始使用这个网站,能点一次的,绝不点第二次。当然上面说的是大多数功能性网站,对于宣传展示性网站,诸如加特效的或flash网站,可能就不得不花哨一些,但不能太过分。网站不是动画片,在效率越来越高,社会心理越来越浮躁的中国,人们的耐心越来越小,心理承受能力越来越低。效果可以体现意境,点到为止。
(3)模块化和可修改性强
模块化不仅可以提高重用性,也能统一网站风格,还可以降低程序开发的强度。这里就设计一些尺寸、模数、宽容度、命名规范等等知识了,不再冗述。
无论是架构还是模块或图片,都要考虑可修改性强。举个简单的例子logo、按钮等,很多人喜欢制作图片,n个按钮就是n张图片。如果只做3-5类按钮的背景图片,然后用在网页代码里打上文字,那么修改起来就简单,而网页显示的字体是带有锯齿的,一般即能清晰又保证美观的字体字号有几类:
宋体12px |宋体12px粗体|宋体14px |宋体14px粗体|黑体20px | verdana 9px | arialblack 12px+ |
(4)创意是可耻的,分析能力远比创意来的重要
设计界动辄就大谈什么“创意”,需要指出的是,还没有搞清目的意义和内容,还没在技术制作上臻于完善的基础上,用创艺和特效来迷惑客户和访客是可耻的。一个网站设计者的分析能力远比创艺来的重要。
5、网页设计过程中的色彩搭配的原理是什么?
色彩能够建立起我们对品牌的直观感知。在谈论网页设计中色彩搭配原则之前,我们需要先来看看不同主色调的象征意义。这个主色调的选择,需要依据我们对所要设计网站的定位来确定。
通常,看看优秀的网站能够给我们带来很多启示。下面我们就先看看这些主色调的象征意义和这些色调中做的比较优秀的网站。
灰色:象征冷静、中立;(苹果、维基百科、纽约时报……)
绿色:象征健康、生命;(BP石油、食品超市whole foods、星巴克……)
蓝色:象征可靠、力量;(戴尔、大众汽车、IBM……)
紫色:象征智慧、想象;(雅虎、T-Mobile、科幻主题电视台Syfy……)
红色:象征血气、年轻;(可口可乐、乐高、肯德基……)
橙色:象征欢乐、信任;(芬达、亚马逊、火狐……)
黄色:象征温暖、透明;(百思买、法拉利、麦当劳……)
网页设计色彩搭配原则
网页美工设计中,最常用的几个颜色为蓝色、绿色、橙色,以及暗红色。
蓝为主调。蓝色多与白、橙搭配,。白底,蓝标题栏,橙色按钮或ICON做点缀;蓝天白云,沉静整洁的感觉。
绿为主调。绿色多与白、兰两色搭配。白底,绿标题栏,兰色或橙色按钮或ICON做点缀,绿白相间,雅致而有生气。
橙为主调。橙色多与白、红搭配。白底,橙标题栏,暗红或桔红色按钮或ICON做点缀,橙色活泼热情,标准的商业色调,因此多用于商业网站的网页美工设计。
暗红为主调。暗红色显得宁重、严肃、高贵,需要配黑和灰来压制刺激的红色。黑或灰底,暗红标题栏,文字内容背景为浅灰色。
网页设计师需要注意的几点
尽管三原色的相互搭配创造出了无数颜色,可不是所有的颜色都适用于网页设计,不同的颜色在搭配上也有着其中的学问,网页设计就相当于平面设计,网页设计师可以将平面设计中的审美观点套用到这上面来,所以平面设计上的审美的观点在网页设计上非常实用。
在网页设计师中对于色彩的使用特别忌讳脏、纯、跳、花、粉这几种情形。
忌脏是指背景与文字内容对比不强烈,灰暗的背景令人沮丧!
忌纯是指艳丽的纯色对人的刺激太强烈抗议,缺乏内涵。
忌跳是指再好看的颜色,也不能脱离整体。
忌花是指要有一种主色贯穿其中,主色并不是面积最大的颜色,而是最重要,最能揭示和反映主题的颜色,就象领导者一样,虽然在人数上居少数,但起决定作用。
忌粉是指颜色浅固然显的干净,但如果对比过弱,显得苍白无力了,就象病夫一样无可救药。
另外,蓝色忌纯,绿色忌黄,红色忌艳。
当然,作为网页设计师,我们最需要时刻提醒自己的是不要为了设计而设计。
一切的设计都要以用户的需求为导向。一个优秀的网站,会给用户非常直观简介明了的体验和简明的导航。
6、网页制作框架模型的原理是什么?
框架模型?frameset?这个也不存在什么原理,就是个标签,会用就行了,frameset现在用的也少
7、什么是网页设计的基本原理?
色调与结构
色调与结构确实很重要,图片比照片更能运用此项内容。色调涉及到阴影以及物体颜色光亮程度;结构涉及到物体的外观特征。
下面介绍影响网站色调与结构的几个因素。
1. 光的方向。(左、右、上、下、后)
2. 光的亮度。(烛光或者阳光)
3. 光的类型。(落日还是烈日)
4. 站立在光源之间的物体。(光穿过物体)
5. 物体的颜色与结构。(绒毛毯子与花岗岩不同)
光线与阴影
光沿直线传播,光的位置不同,网站中的物体或者要表达主题就会显著不同。了解到这个内容之后,在现在的光源下,拍摄照片(物体、家人都可以),然后在中午12点钟的时候,再次拍摄同一张图片。观察图片时,你会惊奇地发现图片差异很大。你可以根据这个情况,清楚理解光源对照片的影响。
对比程度
我们经常看到的光与阴暗区域的对比程度,就是对比阴影了。黑色、白色图片的对比很明显,而灰色梯度的对比就比较弱。光源强度决定对比程度,而对比程度会决定图片的现实性或者科幻性。
最重要的是你具有一定的设计天赋,并且是你喜欢设计...........祝你成功
8、零基础学习网页设计?
您好,你的问题,我之前好像也遇到过,以下是我原来的解决思路和回方法,希望能帮助到答你,若有错误,还望见谅!第一阶段:开始时最好是学些网页编辑软件,如:FrontPage、Dreamweaver.这样可以使您更了解网页制作与运营的原理。最好使拿本教程来学学,结合教程边学习边制作。
第二阶段:会用网页制作软件后,已会制作一个较完整的网站了。但为了能使自己设计制作的网页尽善尽美,还是学习网页的核心技术吧!网页编辑语言(包括:html、css、javascript、asp、xml等)。你可以选择地学习。
第三阶段:结合你自己已掌握地知识来开发网站,可以开发出别人给你定义的目标网站。到了这个时候,你就成为真正的网站开发者了。
首先,可以告诉想学网页制作的朋友。学习制作网页和学习其它知识一样,是要有基础的。在基础之上学习起来会比较轻松和快捷的。其次,要清楚学习它是用来做什么。
2.建议你要具备的条件:对电脑熟练操作,使用电脑最好在一年以上,对网页设计感兴趣,有较充足的学习时间,熟悉office办公软件。当然,这些不是一定必须的。非常感谢您的耐心观看,如有帮助请采纳,祝生活愉快!谢谢!
9、网页是如何实现的,Web UI设计理论入门教程
一、学习HTML5和CSS3基础
随着这移动互联网快速发展的时代,尤其是4G时代,HTML5+CSS3已然成为新一代的web前端技术。
随着HTML5的发展和普及,了解 HTML5 也将成为 Web开发人员的必修课。涉及到网页外观时,就需要学习 CSS 了,它可以帮你把网页做得更美观。
利用 HTML5 和 CSS3 模拟一些你所见过的网站的排版和布局(色彩,图片,文字样式等等)。
当然,远标Web前端开发课程第一阶段还会学习 PS设计工具使用和互联网UI设计理论。
二、学习Java,了解DOM
Java 是一种能让你的网页更加生动活泼的程序语言。学习 Java 的基本语法,学会用 Java 操作网页中 DOM 元素。
Web前端开发课程第二阶段完全可以实现大家平常喜欢玩的 2048 游戏。(是不是感觉挺有意思)
接着学习使用一些 Java 库,比如 Jquery 是大部分 Web开发人员都喜欢用的,通过 Jquery 可以有效的提高 Java 的开发效率。
三、学习Web前端核心
学习 Jquery 之后,大家就要学习 HTML5 高级阶段(HTML5 Canvas 绘图、HTML5 SVG、音频和视频处理、表单处理、表单验证...等)
四、学习HTTP协议及Server端技术
服务器端脚本编程(后台开发)也是Web开发人员的基本功之一。
要构建动态页面通常会使用到数据库,通常PHP使用Oracle、MySQL数据库。
对于Web服务器来说,Apache 一个就已经是了。那么Apache、php、数据库,该怎么理解它们的关系?
1、Apache是服务器基础,php和数据库都需要Apache来协调工作
2、php是脚本解释,如果不用php,那么Apache出来的东西就只是静态的,而不能在服务器实现功能
3、数据库完全可以单独使用,但是和Apache、php一起,则是由php代码调用数据库接口,而apache就负责解释php代码,让他能真正地实现对数据库的调用
五、学习Web前端高级技术
当你掌握了HTML5,CSS3,Java等技术之后,就应该找一个Web框架加快你的Web开发速度,使用框架可以节约你很多时间。
学习的Bootstrap是目前很受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVA 的,它简洁灵活,使得 Web 开发更加快捷,是web前端开发者最喜欢,也是现在企业里最常用的前端框架。
Angular JS是一款优秀的前端JS框架,已经被用于Google的多款产品当中。AngularJS有着诸多特性,最为核心的是:MVC编程、模块化、控制器、路由、事件绑定等等。
AngularJS通过为开发者呈现一个更高层次的抽象来简化应用的开发。如同其他的抽象技术一样,这也会损失一部分灵活性。换句话说,并不是所有的应用都适合用AngularJS来做。AngularJS主要考虑的是构建CRUD应用。幸运的是,至少90%的WEB应用都是CRUD应用。但是要了解什么适合用AngularJS构建,就得了解什么不适合用AngularJS构建。
10、电子商务网站设计原理笔记!
1. 什么是Web服务器?Web浏览器的作用是什么?简述浏览器打开文件的步骤。
答:Web服务器是用于存储WWW文件并响应处理客户机请求的计算机。浏览器的作用在于解释并显示超文本文档,包括指向其他文档的引用(或指针),与其他HTTP服务器上非常相似,这些指针也称为链接。从一个超文本页上选择一个链接时,浏览器将请求送回支新的服务器,然后在客户端上显示另一个充满链接的页面。
打开一个Web文件的基本步骤如下:
A在浏览器中指定要访问的Web文件的URL。
B浏览器将请求发给服务器。
C服务器将靖求转递给指定URL处的服务器。
D该服务器将文件送回到服务器上。
E服务器将文件送回到客户端浏览器上。
F浏览将文件显示在计算机屏幕上。2. IP地址与域名之间存在对应关系吗?如果存在,那么二者是怎样对应起来的?如果不存在,试讲述在Internet中是如何惟一地标识一个资源的位置的?
答IP地址与域名存在着对应的关系。IP地址上全球通用地址,在协议软件中IP地址由表及里2位二进制浸透表示,每八位为一组,以圆点“.”分隔,在面向用户的文档中,IP地址被直观地表示为四个以圆点滴隔开的十进制数,其中每个十进制浸透对就一个八位二进制数组(即一个字节),每个十进制数可取值0~255.IP地址理一种层次型地址,在概念上分为三个层次:主机、由主机构成起来也不方便。为了解决这个问题,同时也为了便于网络地址的分层管理各分配,自1984年起在互联网上采有了一种字符型的地址标识,这便是域名(Domain Name).
域名系统,域名标识了一个有户所属的机构、所使用的主机或节点机。域名的命名方式自然称为域名系统,域名必须ISO有关标准进行。
同IP地址类似,域名采用层次型命名机制,域名由n级组成,各级之间以圆点分隔。
域名是人们容易记忆的字符型号主要内容名,IP地址则是计算机容易处理的数值型主机名,两者均描述了主机在Internet中的地址,而且一一对应。域名系统实现了域名—IP地址映射。
域名系统实质是一个公布式数据库,包括突出数据的标准格式,数据库查询方法,以及本地更新数据的标准方法
域名系统将主机的信息管理公布与许多国家地区和组织,用户在自己的域名上更新所在域的信息,域名服务器则将这些信息传送给其他的域名服务器。另外,域名服务器能被几乎所有的计算机软件所有,包括电子邮件,远程终端,文件传输程序。3.图象处理工具主有哪几样应用?
答 图象处理工具可对图象进行编辑,修饰,优化,图形文件格式转化等处理。
A图形编辑包括制作业面中的字体,制作3D效果,建立透明GIF文件,插入背景,阴影,处理字体,箭头,徽标等业面元素,并能对图形进行剪辑,移动和旋转处理
B图象修饰是指对网业中已有的图象加以认识和做其他的修改,包括调整图象亮度和对比度,采用变体,给黑白图象着等以改善网页中图象的质量
C图象优化是指采用各种滤镜对已建立的图象进行色彩校正的优化处理。
一般来说,图象处理工具包括公用图象处理工具,专用图象处理工具,网页制作软件自代图象处理工具4.为了满足页面制作的目标,应该注意哪些问题?
答 要注意以下几个问题
A网页结构网页结构要清晰,易于导航,思路和脉络要符合访问者的想法。可采取的措施有:采用框架结构表现主题,索影和正文;网页的大小一般控制在50KB以内;在网页的尾部放上联系方式,如E-MAIL,以方便访问者能建立联系,反馈必要的信息 B页面内容一般情况下,网页都要以内容为主,不必过分的追求复杂的表现形式,但必须写好简介,要有特色,避免太空,泛泛而谈。页面本身要简单,结构复杂的网页不仅要花费很多的精力,而且由于超连接复杂,让浏览者阅读时也感觉困难
C文字在以内容为主的前提下,应当尽量把形式与内容结合起来。既不要把页面弄的花哨,也不呀只讲内容完全不讲究文字和图片的安排,要容易阅读。要注意:网页的标题要简洁,明确,能反映整个文档的内容;在文本叙述部分使用水平线分割不同的部分;对重点的文章和段落要使用强调字体表达
D图形 设计好图形并合理使用能给网页增色。网页中插入的图形尽量要小,网页中图形要附加文字说明,使人在图形出来之前了解相关内容;不要为图形加太长的交互文本,也不要把所有的超连接放在图上;控制页面中的图的数量,不要滥用图象GIF5.什么是所见既所得的网页制作工具?什么是标记形网业制作工具?他们的优缺点?
答 标记型网业制作工具既直接书写原代码。他的好处是用户可很方便的控制代码。由于都是自己书写,没有冗余部分,因此能非常好的把握整个HTML文件在浏览器中的表现;最大的缺点是用户必须非常熟悉HTML语言。
可视化网页制作工具既所见既所得的方法制作网页,可以非常直观的对网页进行排版,往往使设计工作事半功倍。它不需用户对HTML标记熟悉,只要用户有好的创意,就能够作出符合用户需求的网页。但是它有个致命的缺点:难以精确的达到与浏览器完全一致的显示效果,而且它生成的代码也不能完全适应各种不同的情况,往往出现冗于度高,不如手工书写来得简洁。6.在学习网页制作时,可以从哪些方面来增强学习效果?
答 A从了解HTML的基本标记开始。
B选择自己认为顺手的工具,从第一个页面开始。
C多访问他人网页,从中受到启发
D深入分析成功的网站,网页。1. 网站设计的过程中,最中要的一个原则是什么?为什么?
答:网站最重要的原则是创意。虽然网站的主要目的是传送给人们它的信息,但在传递信息的同时还把他的文化传递给获取信息的这些人。软件的掌握是短期就能速成的,而且新的软件成出不穷,功能越来越强大,但是使用这些软件必须要有良好的网站设计概念才能创造优秀的网站,这是网站制作的核心。网站的制作是按一定的步骤进行的,不同的网站设计着对网站有不同的见解和看法,但是有个共同观点:仅会输入文本,制作超级连接,排列图片不是真正意义上的网页制作,因为网页制作最重要的一个原则是创意。2. 什么是信息看版?有什么作用?
答:信息看版是WEB站点中为访问者提供的各种最新的信息集合。通常位于首页上,或者在首页打开的同时通过脚本控制同时把信息看版打开。3. 简述网站的设计流程,并详细描述流程中每个步骤应该进行的工作
答:设计流程为8个部分:A初始商讨。收集相关信息,确定包括站点目标用户,要发布的内容及开发WEB服务器平台。B构思。设计师根据收集的信息,开始构思站点的内容组织,栏目的设置,页面的基本结构等。C综合内容讨论。设计师先制作一些初始页面,将陪以文章的图样打印出来也顾客讨论,研究。D页面布局与导航。一旦顾客同意了这些内容,设计师就开始编制WEB页面,站点也编制到页面中,让顾客看到页面的处世效果。E图形制作。顾客同意了站点的外观设计,设计师就将制作图形,进行图形优化。F内容流程。利用各种网页技术,把客户的书面材料和相并进行修改。G测试。在站点被提交给拥护之前,开发人员要彻底测试每个WEB页面和连接并进行修补。H验收交付。一但开始验收工作,客户要对站点进行大量测试,找出排版错误的地方,进行修改。在作完了必要的工作后,站点可以对外宣传,开放了。4. 什么是站点的风格,典型的商业网站的风格有哪些?
答:站点的风格是指整个网站所采取的结构布局,色调,文字,标志,图案等要素带给浏览者的关于该网站的印象。商业公司的风格主要表现在如下方面:
A公司的会标或商标应出现在页面的最上方,尽可能作到色彩醒目,同时站用面积小。B可采用主题图形产品广告来突出公司形象和风格。C主要栏目一般才用图文并茂的超连接,要考虑主要栏目的图片,文字的色彩配合,主题图形相互寸托。D不要把主要栏目和次要栏目放在同一个页面显示。E商业网站一般都有固定的栏目页面。F建立站内收索引擎,方便浏览者在站内查找所需要的信息5.在组织网站目录结构是需要遵循哪些原则?
答:A不要将所有文件放在根目录下面。B按栏目内容分别建立子目录。C在每个栏目下面都建立独立的IMAGES目录。D目录的层次不要太深。E切忌使用中文目录。F不要使用过长的目录。G尽量使用意义明确的目录6.究网站的连接结构意义何在?主要的网站结构有哪几种?
答:网站的连接结构是指页面间相互连接的拓卜结构。他建立在木结构基础之上,但是可以跨越目录。形象的说,每个页面都是一个固定点,连接则是每2个固定点之间的连线。一个点可以和一个点连接,也可以和多个点连接。更重要的是这些点不是分布在一个平面上,而是存在于一个立体的空间。研究网站连接结构的根本目的在于,用最少的连接,使浏览最有效率。一般的建立网站的连接结构有树型和星型2种,在实际中,总是将2重结构相互混合起来,我们希望浏览者可以方便快捷的达到自己需要的页面,有能清晰的知道自己的位置。所以最好的方法就是首页和2级页面间用星型连接,2级和3级之间用树型连接结构。1. 什么是页面的重心?为什么要使页面的重心平衡?常用的有哪几种重心平衡方法?
答:重心平衡既页面重心反映的是网页上各种元素分布的协调程度。任何一个图片或者文字,都在网页上占有一定的空间,作为一个模块,其本身就具有重心位置,当插入到空白网页后就会明显的改变整个网页的重心。重心的平衡代表网页必须对称布局,虽然对称的分布更容易的获得重心的平衡,但是对称分布往往使页面失去活力,因此非对称布局反而是更多网页的首选。一般情况下,重心平衡是指在左右重心的平衡。而上重下轻也是网页构图经常采用的方法。既对页面上下重心的平衡上要求不严。这是因为由于在浏览器的滚动时,显示的是整个页面,访问者一般不会注意。
2. 什么是WEB安全色?什么是抖动?2者之间是否有联系?
答:WEB安全色是由于浏览器在显示各种颜色时是有选择的。它只能选择其中的216色显示。无论是BLUE,RED,GREEN的颜色通道,他都是采用跳 跃的显示方法进行颜色的编码,既它们都只能在00-FF之间取值。这些跳跃的色彩被称为WEB的安全色,意思是在任何浏览器上都能显示。 抖动是由于浏览器不能显示所有的颜色,因此伪造了在调色板中不能显示的颜色,通过邻近的象素混合而产生在图象中实际并不存在的颜色,达到一种补偿的目的。 抖动的图象有很多颗粒,图象显示粗糙。 抖动是由于WEB安全色的限制产生的,抖动时使用的色彩范围是在WEB安全色内的。 .... 参考资料 http://hi.baidu.com/liujing2008666/blog/item/1fbbac33cef11cfe1b4cfffc.html