网页制作知识.doc

网页制作知识 网页配色一、关于存储过程的编写的一些体会下面我来介绍下存储过程的编写数据库存储过程的实质就是部署在数据库端的一组定义代码以及SQL由于周牛的JS知识很多，下面我来分享一下SQL下编写储存过程的初级阶段在数据库界，在SQL，DB，甲骨文三大数据库中，通过编写储存过程增强或改变业务的功能，是一个手段，对数据库的灵活性的增强不言而喻。下面我来介绍下存储过程的编写数据库存储过程的实质就是部署在数据库端的一组定义代码以及SQL：我们来看看我们的分页储存实例：例如： 表car的内容如下编号 书名 价格001 BMW $30000002 BENZ $31000实例1:查询表car 的内容的存储过程create proc baidu_carasselect* from cargoexec baidu_car实例2:加入一笔记录到表carCreate proc insert_carparam1 char(10),param2 varchar(20),param3 moneywith encryption -加密asinsert car(编号,车名,价格) Values(param1,param2,param3)go执行例子:exec insert_car 008,兰博基里,100000go蓝色系真的包括很多种颜色，一直从藏蓝色到淡蓝色。深蓝色系长被认为是华丽的、讲究的、严肃的或者善于分析的，而较浅的蓝色系则表示洁净、平静和清新。结合淡蓝和深蓝，有的时候会被作为银行的颜色，表示稳定、信任、能量与力量，这就是为什么它常常被用在企业网站中。在这个关于在设计中使用色彩的系列文章的第一篇中，我们研究了红色。今天让我们从色盘的暖色调的一端转移到冷色调的一端，看一下蓝颜色。蓝色是一个和天空和海洋相联系的自然色。它有种镇静的效果，而且被认为是一个很好的可以用在卧室中的颜色，因为它有助于让你入睡。虽然红色可以传达强烈的情感和热情，蓝色也会理所当然的被联想到悲伤和消沉。在西方，新娘会借一些蓝色的东西，在有些风俗中，蓝色被认为可以将坏精灵赶走。所以与红色一样，蓝色对于很多人可以意味着很多事情，有些事情是你在设计中需要知道的。谁是你的目标用户？他们会对一个网站、logo或者一个海报中的蓝色有什么样的反应？在设计中使用蓝色蓝色系真的包括很多种颜色，一直从藏蓝色到淡蓝色。深蓝色系长被认为是华丽的、讲究的、严肃的或者善于分析的，而较浅的蓝色系则表示洁净、平静和清新。结合淡蓝和深蓝，有的时候会被作为银行的颜色，表示稳定、信任、能量与力量，这就是为什么它常常被用在企业网站中。嗯，别忘了，彩通(Pantone)刚刚公布2010是绿松石之年(year of Turquoise，Turquoise是绿松石，一般翻译成天蓝色或者蓝绿色)。蓝色可以使使用红色或橙色的暖色调色盘冷静下来，并且在和黄色搭配的时候可以创建一个很不错的吸引眼球的高对比色盘，蓝色和白色是整洁的、清新的，而且看起来常常一起。这里是一些家喻户晓使用蓝色和白色的logo，包括由Paul Rand设计的著名的“蓝色巨人”IBM 的logo。这里是一些使用蓝色作为设计中的主要部分的一些实例：Squared EyeSohtanakaSahar DesignFestival BorealWhite HouseToggleOwltastic深色调的网站设计是比较流行的，它能营造出简洁、富有创造性的效果。它能满足一些客户对网页设计风格的要求。然而，它并不能适用于每一个客户对网站设计风格的要求，设计师应根据实际情况而定。尽管深色调的设计风格能做到引人注目的效果，但很多设计师不知道如果有效的使用它来打动、吸引浏览者。深色调网页设计经常出现的问题是不易读、没有吸引力、很少打破传统的设计模式。这片文章，我们将讨论一些如何让你的下一个深色调网页设计更能吸引、打动广大浏览者的方法和技巧，真正做到让你的设计表达你的创意。最近的调查显示有超过47%的大众用户更喜欢亮色调的网页设计。内容的可读性是主要原因。大多数的用户不喜欢亮文字内容显示在深背景上，这样的对比效果是比较刺眼的，给人不舒服的感觉。相比之下，有10%的设计师通常选择深色调来设计网页，同时36%的人认为应该根据网页的具体风格要求进行选择。那么，哪个是正确的答案那？归结起来，每一个人都有自己的意见，事情就是这样。但是有相当一部分用户认为重色调的设计是可以接受的，有时是设计首选。作为网页设计师，我们不得不考虑如何有效的设计深色调的网页给我们客户与自己。相信亮色调网页设计的爱好者们希望深色调的网页设计应该更易阅读、有好的用户体验。多使用留白或者应该叫“留黑”？合理有效的使用留白对于任何风格的设计来说都是非常重要的。但对于深色调的网页设计来说它则是必须的。深色调的网页设计给人总体的感觉是“沉重的”，如果整体布局结构凌乱更增强了给人沉重的感觉。下面展示了一些比较受大众喜欢的深色调网页设计，他们合理使用了留白达到很好的设计效果。Black Estate是互联网里深色调网页设计的一个而已，设计确实很棒并值得我们研究学习。设计自始自终都在合理、有效的使用留白，如何在设计元素周围有效的使用了留白，从而设计出了这样讲究的网页。logo标志周围留有大量的“留白”，作为浏览者我们首先看到的就是它，其次看到的才是主要内容与右边的瓶子。正如你所看到的，留白是用来突出瓶子上的亮文字内容与内容标题。Tictoc的主要特点就是它在内容、装饰图片周围留用了大量的“留白”，当我们继续往下浏览时，我们看到使用了很少的留白，从而将我们的注意力集中在到下面的具体内容上面。这里的关键是，留白起到了引导的作用，逐步引导用户浏览这个页面。网站通过使用大量的留白从而增加了深色调设计的层次，留白仅仅是为了实现深色调的效果而已Mark Dearman网站的框架结构自始自终采用灵活的、均匀的分布式布局进行留白。留白为每一个相邻的内容板块里面的内容提供了大量呼吸、停顿的空间。当进入到下一板块内容的时候，它们之间的留白是一个很好的休息地点。留白对于深色调网页设计来说是必须的，它不但有助于解决布局的凌乱、散乱，同时也是网页设计增强整体感很重要的元素。正文内容留白深色调网站内容的易读性是不喜欢深色调网页用户所担心的问题。设计师必须将更多的精力放在文字本身上。在整个设计上，通过调整段落与段落之间的距离大小、行距来增加留白是提高重背景网站文字内容可读性的一种方式。下面展示的例子介绍了元素与元素之间留白、元素本身周围留白在深背景和亮背景上的对比情况。增加字体大小是提高深色调网页内容可读性的另外一种方式，同文章以上介绍的方法一样，大号的字体能增加其本身及周围的留白，字体越大其周围的留白空间就会越大。比如下面的字母“a”，当字体增大时，其周围的留白就会随着增大。无论是a周围的空间还是其内部的空间，还是与上下内容之间的空隙留白都跟着一起变化。注意，在淡色调上阅读小文字内容要比深色调上容易的多。当在新的网站上设置字体的时候，一定要事先虚拟一些内容以确保其清楚易读。如果不清楚的话，可以尝试增加一下字体的大小来调整。文字对比一些人普遍认为大多数的深色调的网站容易导致眼睛疲劳。设计师们或多或少的忽视了对比。如何找到一个平衡点那？如果你在一个漆黑的屋子里，突然遇到很强的亮光你会感觉不适应的。但是，如果你在一个稍微有点弱光的屋子里再遇到亮光的话应该会好一些儿。这个规则同样使用于网页设计。找到一个完美的对比，也就是说在深背景于亮字之间找到一个对比平衡点。下面的例子简单的说明这点，如何平衡字体与背景之间的对比度。注意当让背景颜色变浅时其上面的文字也会一起变浅的。找到文字与背景的对比平衡点是比较困难的。为了找到最终的平衡点，我们使用不同的程度的背景颜色做试验。背景不要是纯黑色，文字不是纯白色是试验的最终平衡点。字体的处理字体在设计里面扮演着非常重要的角色，尤其在深色调布局设计里面更应该深思熟虑的。下面的图片展示了14点大小的serif和sans-serif字体在深背景上的效果。sans-serif字体明显更清晰、易读一些。但是一部分设计师让然是应用serif字体。仅仅放大sans-serif字体这一个方法，从而让其周围留有更多的留白，并让其清晰易读。下面是在写此文之前的网站论坛的界面截屏。网站同时使用了serif和sans-serif两种字体，但是使用它们是有技巧的。大字体比如标题、导航等使用了serif字体来增加其效果。为了比较好的对比、提高可读性，body里面定义了sans-serif字体。使用少的配色方案为了让深色调的设计看起来更干净、整齐，设计师应尽量选择少的配色方案。通过一下几个简单的例子，过多的颜色配色方案针确实无意于深色调设计的，因为这样的配色对比太强烈了。保留一种或二种颜色系部分设计师喜欢用对比强烈、刺激的配色方案，当然这样也是可以的，但要能够恰如其分的使用好。总体来说，颜色很容易让网页界面花、杂乱，本来深色调的网站颜色就很重了。所以在用色方面更应该慎重一些！二、网页设计中排版与布局小基础有些人始终认为，网页最主要是内容，不需要再搞些门面上的东西，还拿出MUD来比 喻。可是，红花还需要绿叶陪衬。想想，若MUD不只是单纯的文本，还有画面出来， 那么，它所吸引的何止现在的这些MUD迷呢？ 那么，我所要说的到底是什么呢？初学者如果能够了解一些设计上的东西，那么， 自己的页面不会显得乱，自己看了也开心，别人看了也开心，何乐而不为呢？ 我们的主页，说到底，只是一个800*600的画面，那么，我们要怎么对它进行安排 才合理呢？ 首先，也是最重要的一点，就是先停下创作，先想好一个主题?quot;设 计，是一种有目的的创造。若在动手之前并不了解自己将要做什么及要怎么做， 而只是一味的靠操作PHOTOSHOP的滤镜而达到一种特效的话，那么，最终做出来的 东西最多局部看得觉得挺不错的，但全局就显得太复杂了。 页面上的构成，如果要让别人一眼望去觉得很BEAUTIFUL，这里面实际上是有很大的学问的。我们先来说说构成，构成：是将造型按视觉效应、视觉力学和精神力学等原则组成的，具备美好形态的造型。 构成形式里，有空间构成（平面构成和立体构成） 和时间构成（静和动）。 我们的创作，就是要协调这里面的种种关系，顺应视觉 感受，才能够打动观看者的视觉，得到我们想要的效果。在这些形形式式里，都有 着如下的部件： 点：我们一般认为，点是指圆形的，但这是不正确的。只要在空间里有非常少量的 面积，无法形成一个视觉上感觉的图形，都是一个点。无论什么形状都可以。 线：点集合在一起就形成线。 面：一个平面。 体：一个物体。一般是指物体占据的空间，有三维形状。那么，当点、线、面与体集结在一个页面上时，它们的关系要怎么协调呢？它们之间都有什么作用呢？点有集中视线、紧缩空间、引起注意的功能。 两个点相距不远而且形状不等时，一般由小向大看。 近距离的点引起面的感觉。 灵活运用点，可使你的页面有一些本质上的变化。 当点占据不同的空间时，它所引起的感觉是不同的。（1） 居中引起视觉集中注意 。（2） 上引起下跌落感。（3） 在上左或上右引起不安定感。（4） 下方中点，产生踏实感。（5） 左下右下，增加了动感。为什么会这样呢？因为人的视觉，都是经过对生活的感觉都得来的。 在下方的东西，一般联想到大地。 在上方的东西，一般联想到浮云。线、面、体亦然。线，又分为直线和曲线。直线：给人以速度，明确而锐利的感觉，具男性感。曲线，则优美轻快，富于旋律。曲线的用法各异，需结合自己的需要。 而直线又分为斜线、水平线及垂直线。水平线代表平稳、安定、广阔，具踏实感。垂直线则有强烈的上升及下落趋势，可增加动感。斜线，一般我没有怎么使用，因为它造成视觉的一种不安定。人们每看到一个东西，都试图用横直来分析，斜、歪是人们所不愿意见到的，但 适当运用部梢源锏揭恍厥庑 ?这个要靠个人的感觉。 面，指的是二度空间里的形。 面又分为几何形和任意形，我个人比较喜欢任意形，因为它往更具人情味。 几何形使人有一些机械感，但是，每一个图形里都会要用到几何形，请看它们各代表什么：（1） 圆形：运动及和谐美（2） 矩形：单纯而明确，稳定（3） 平行四边形：有向一方运动的感觉。（4） 梯形：最稳定，令人联想到山。（5） 正方形：稳定的扩张。（6） 正三角形：平稳的扩张。（7） 倒三角形：不安定，动态及扩张、幻想。我们在日常生活中所看到的东西，都是由于形与形、图与底的相互关 系。图形之间，图底之间，正由于对比产生差异而被我们所感知所接 受。 图与底的视差越大，图形越清晰，对视觉的冲击力越大。 那么，平面上 有那么多的东西，我怎么才能够确定它是否是最主要的呢？请看：易于 成为视觉中心的条件：（1） 居于画面中心。（2） 垂直或水平的比倾斜更易成为中心。（3） 被包围。（4） 相对于其它图形较大的。（5） 色感要素强烈。（6） 熟悉的图案，如果这件东西我们很熟，则一定会以它为焦点。可以把自己认为最主要的东西做大一点，突出一点，色彩鲜艳一点，其它的东西小 而且色调不要那么鲜明，以免抢了主题的风头。 注意：图与底之间的关系是很重要的。 如果我们确定了背景，再确定主题，在做页面时不注意而将图与底的关系设置为 1：1，那么，我们也许发现，底与图的力场争夺非常激烈，即有时底被我们认为是图。它们之间的关系只是相对，而非绝对。一般来说，底要大于图，而图要鲜于底。一副图，我们怎样才认为它是美的呢？这涉及到形、声、色的有机结合，打动视知 觉，使观者产生美的共鸣。一般来说，有如下几点： （1） 稳定性：我们的视知觉总是试图找一个平衡点，若找不到则产生混乱。 （2） 对称性：相应的部位等量，易产于统一的秩序感，但比较单调，可采用增加 局部动势的方法，以取得鲜明、生动的效果。 （3） 非对称平衡：可以平衡为基础，调整尺寸形态结构。或者以形态各异的形， 经视觉判断，放置在确定的位置，以得到预想的平衡。这个和个人的审美有关系。 事实上，通过上述的一些方法，我们主要是为了创造秩序，使相互的东西能够在 没有互相干扰的系统中起作用。 混乱与秩序之间的对照唤起了我们的视知觉，我们于是通过平衡、比例、节奏、 协调，在迷乱中建立秩序，形成我们自己的风格。 形成自己作品的独特气质。 而如果注意自己作品的律动性，即旋律性，可通过重要一个基调实现，对于整个 页面应该有画龙点晴之效。 但要清楚的认识到，并非所有的节奏都产生律动性，有时候，听到一些音乐时觉 得它是垃圾，原理是一样的。旋律要有情感因素，富于变化而又统一的节奏和总体的和谐。 流动的旋律，活泼、明快、自由、变化、生机勃勃。 也要注意到，反复、周而 复、单纯或渐变重复虽给人以视觉印象，但过于单调会使人疲劳并产生厌烦。必须 在反复中寻找动与静的完美结合，寻求单纯与复杂、细腻与奔放、定向与不定向之 间的对比，在构成方式上多探索，多借鉴，求新求变。 以下介绍这方面的方法：（1） 同质要素的统一，这个比较容易，只要自己多摸索就行了。（2） 类似要素统一，大小类似，色明度类似就可以了。（3） 不一样的要素的统一，由于形成对比，因此一般会形成对比，造成零散、 不统一的感觉，要令它产生节奏，一般是在要形成强烈焦点时才使用。 总之，我们要记住这一点： 在相同中求变化，在不同中求统一，使大部分相同，使小部分相异，可取得统一 又富有变化的感觉。 但是，也要注意差异的大小问题。差异是对规律进行突破及形成对比，富于变 化。但是，差异过大，易失去总体协调，过小易被规律淹没，就注意把握尺度， 以不失整体观感的适度对比为准。我们怎样才能够让别人觉得我们的图片很协调呢？方法如下：（1） 保留一个相近或近似的因素，自然的过渡（2） 相互渗透（3） 利用过渡形在对比方面，必须有周密的编排，具体如下：（1） 方向对比 在基本有方向的前提下，大部分相同，小部分不同可形成对比（2） 位置对比 在页面的安排不要太对称，以避