《网页制作知识.doc》由会员分享，可在线阅读，更多相关《网页制作知识.doc（14页珍藏版）》请在金锄头文库上搜索。
1、 网页制作知识 网页配色一、关于存储过程的编写的一些体会下面我来介绍下存储过程的编写数据库存储过程的实质就是部署在数据库端的一组定义代码以及SQL由于周牛的JS知识很多，下面我来分享一下SQL下编写储存过程的初级阶段在数据库界，在SQL，DB，甲骨文三大数据库中，通过编写储存过程增强或改变业务的功能，是一个手段，对数据库的灵活性的增强不言而喻。下面我来介绍下存储过程的编写数据库存储过程的实质就是部署在数据库端的一组定义代码以及SQL：我们来看看我们的分页储存实例：例如： 表car的内容如下编号 书名 价格001 BMW $30000002 BENZ $31000实例1:查询表car 的内容的存
2、储过程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蓝色系真的包括很多种颜色，一直从藏蓝色到淡蓝色。深蓝色系长被认为是华丽的、讲究的、严肃的或者善于
3、分析的，而较浅的蓝色系则表示洁净、平静和清新。结合淡蓝和深蓝，有的时候会被作为银行的颜色，表示稳定、信任、能量与力量，这就是为什么它常常被用在企业网站中。在这个关于在设计中使用色彩的系列文章的第一篇中，我们研究了红色。今天让我们从色盘的暖色调的一端转移到冷色调的一端，看一下蓝颜色。蓝色是一个和天空和海洋相联系的自然色。它有种镇静的效果，而且被认为是一个很好的可以用在卧室中的颜色，因为它有助于让你入睡。虽然红色可以传达强烈的情感和热情，蓝色也会理所当然的被联想到悲伤和消沉。在西方，新娘会借一些蓝色的东西，在有些风俗中，蓝色被认为可以将坏精灵赶走。所以与红色一样，蓝色对于很多人可以意味着很多事情，
4、有些事情是你在设计中需要知道的。谁是你的目标用户？他们会对一个网站、logo或者一个海报中的蓝色有什么样的反应？在设计中使用蓝色蓝色系真的包括很多种颜色，一直从藏蓝色到淡蓝色。深蓝色系长被认为是华丽的、讲究的、严肃的或者善于分析的，而较浅的蓝色系则表示洁净、平静和清新。结合淡蓝和深蓝，有的时候会被作为银行的颜色，表示稳定、信任、能量与力量，这就是为什么它常常被用在企业网站中。嗯，别忘了，彩通(Pantone)刚刚公布2010是绿松石之年(year of Turquoise，Turquoise是绿松石，一般翻译成天蓝色或者蓝绿色)。蓝色可以使使用红色或橙色的暖色调色盘冷静下来，并且在和黄色搭配的
5、时候可以创建一个很不错的吸引眼球的高对比色盘，蓝色和白色是整洁的、清新的，而且看起来常常一起。这里是一些家喻户晓使用蓝色和白色的logo，包括由Paul Rand设计的著名的“蓝色巨人”IBM 的logo。这里是一些使用蓝色作为设计中的主要部分的一些实例：Squared EyeSohtanakaSahar DesignFestival BorealWhite HouseToggleOwltastic深色调的网站设计是比较流行的，它能营造出简洁、富有创造性的效果。它能满足一些客户对网页设计风格的要求。然而，它并不能适用于每一个客户对网站设计风格的要求，设计师应根据实际情况而定。尽管深色调的设计风
6、格能做到引人注目的效果，但很多设计师不知道如果有效的使用它来打动、吸引浏览者。深色调网页设计经常出现的问题是不易读、没有吸引力、很少打破传统的设计模式。这片文章，我们将讨论一些如何让你的下一个深色调网页设计更能吸引、打动广大浏览者的方法和技巧，真正做到让你的设计表达你的创意。最近的调查显示有超过47%的大众用户更喜欢亮色调的网页设计。内容的可读性是主要原因。大多数的用户不喜欢亮文字内容显示在深背景上，这样的对比效果是比较刺眼的，给人不舒服的感觉。相比之下，有10%的设计师通常选择深色调来设计网页，同时36%的人认为应该根据网页的具体风格要求进行选择。那么，哪个是正确的答案那？归结起来，每一个人
7、都有自己的意见，事情就是这样。但是有相当一部分用户认为重色调的设计是可以接受的，有时是设计首选。作为网页设计师，我们不得不考虑如何有效的设计深色调的网页给我们客户与自己。相信亮色调网页设计的爱好者们希望深色调的网页设计应该更易阅读、有好的用户体验。多使用留白或者应该叫“留黑”？合理有效的使用留白对于任何风格的设计来说都是非常重要的。但对于深色调的网页设计来说它则是必须的。深色调的网页设计给人总体的感觉是“沉重的”，如果整体布局结构凌乱更增强了给人沉重的感觉。下面展示了一些比较受大众喜欢的深色调网页设计，他们合理使用了留白达到很好的设计效果。Black Estate是互联网里深色调网页设计的一个
8、而已，设计确实很棒并值得我们研究学习。设计自始自终都在合理、有效的使用留白，如何在设计元素周围有效的使用了留白，从而设计出了这样讲究的网页。logo标志周围留有大量的“留白”，作为浏览者我们首先看到的就是它，其次看到的才是主要内容与右边的瓶子。正如你所看到的，留白是用来突出瓶子上的亮文字内容与内容标题。Tictoc的主要特点就是它在内容、装饰图片周围留用了大量的“留白”，当我们继续往下浏览时，我们看到使用了很少的留白，从而将我们的注意力集中在到下面的具体内容上面。这里的关键是，留白起到了引导的作用，逐步引导用户浏览这个页面。网站通过使用大量的留白从而增加了深色调设计的层次，留白仅仅是为了实现深
9、色调的效果而已Mark Dearman网站的框架结构自始自终采用灵活的、均匀的分布式布局进行留白。留白为每一个相邻的内容板块里面的内容提供了大量呼吸、停顿的空间。当进入到下一板块内容的时候，它们之间的留白是一个很好的休息地点。留白对于深色调网页设计来说是必须的，它不但有助于解决布局的凌乱、散乱，同时也是网页设计增强整体感很重要的元素。正文内容留白深色调网站内容的易读性是不喜欢深色调网页用户所担心的问题。设计师必须将更多的精力放在文字本身上。在整个设计上，通过调整段落与段落之间的距离大小、行距来增加留白是提高重背景网站文字内容可读性的一种方式。下面展示的例子介绍了元素与元素之间留白、元素本身周围
10、留白在深背景和亮背景上的对比情况。增加字体大小是提高深色调网页内容可读性的另外一种方式，同文章以上介绍的方法一样，大号的字体能增加其本身及周围的留白，字体越大其周围的留白空间就会越大。比如下面的字母“a”，当字体增大时，其周围的留白就会随着增大。无论是a周围的空间还是其内部的空间，还是与上下内容之间的空隙留白都跟着一起变化。注意，在淡色调上阅读小文字内容要比深色调上容易的多。当在新的网站上设置字体的时候，一定要事先虚拟一些内容以确保其清楚易读。如果不清楚的话，可以尝试增加一下字体的大小来调整。文字对比一些人普遍认为大多数的深色调的网站容易导致眼睛疲劳。设计师们或多或少的忽视了对比。如何找到一个
11、平衡点那？如果你在一个漆黑的屋子里，突然遇到很强的亮光你会感觉不适应的。但是，如果你在一个稍微有点弱光的屋子里再遇到亮光的话应该会好一些儿。这个规则同样使用于网页设计。找到一个完美的对比，也就是说在深背景于亮字之间找到一个对比平衡点。下面的例子简单的说明这点，如何平衡字体与背景之间的对比度。注意当让背景颜色变浅时其上面的文字也会一起变浅的。找到文字与背景的对比平衡点是比较困难的。为了找到最终的平衡点，我们使用不同的程度的背景颜色做试验。背景不要是纯黑色，文字不是纯白色是试验的最终平衡点。字体的处理字体在设计里面扮演着非常重要的角色，尤其在深色调布局设计里面更应该深思熟虑的。下面的图片展示了14
12、点大小的serif和sans-serif字体在深背景上的效果。sans-serif字体明显更清晰、易读一些。但是一部分设计师让然是应用serif字体。仅仅放大sans-serif字体这一个方法，从而让其周围留有更多的留白，并让其清晰易读。下面是在写此文之前的网站论坛的界面截屏。网站同时使用了serif和sans-serif两种字体，但是使用它们是有技巧的。大字体比如标题、导航等使用了serif字体来增加其效果。为了比较好的对比、提高可读性，body里面定义了sans-serif字体。使用少的配色方案为了让深色调的设计看起来更干净、整齐，设计师应尽量选择少的配色方案。通过一下几个简单的例子，过多
13、的颜色配色方案针确实无意于深色调设计的，因为这样的配色对比太强烈了。保留一种或二种颜色系部分设计师喜欢用对比强烈、刺激的配色方案，当然这样也是可以的，但要能够恰如其分的使用好。总体来说，颜色很容易让网页界面花、杂乱，本来深色调的网站颜色就很重了。所以在用色方面更应该慎重一些！二、网页设计中排版与布局小基础有些人始终认为，网页最主要是内容，不需要再搞些门面上的东西，还拿出MUD来比 喻。可是，红花还需要绿叶陪衬。想想，若MUD不只是单纯的文本，还有画面出来， 那么，它所吸引的何止现在的这些MUD迷呢？ 那么，我所要说的到底是什么呢？初学者如果能够了解一些设计上的东西，那么， 自己的页面不会显得乱
14、，自己看了也开心，别人看了也开心，何乐而不为呢？ 我们的主页，说到底，只是一个800*600的画面，那么，我们要怎么对它进行安排 才合理呢？ 首先，也是最重要的一点，就是先停下创作，先想好一个主题?quot;设 计，是一种有目的的创造。若在动手之前并不了解自己将要做什么及要怎么做， 而只是一味的靠操作PHOTOSHOP的滤镜而达到一种特效的话，那么，最终做出来的 东西最多局部看得觉得挺不错的，但全局就显得太复杂了。 页面上的构成，如果要让别人一眼望去觉得很BEAUTIFUL，这里面实际上是有很大的学问的。我们先来说说构成，构成：是将造型按视觉效应、视觉力学和精神力学等原则组成的，具备美好形态的
15、造型。 构成形式里，有空间构成（平面构成和立体构成） 和时间构成（静和动）。 我们的创作，就是要协调这里面的种种关系，顺应视觉 感受，才能够打动观看者的视觉，得到我们想要的效果。在这些形形式式里，都有 着如下的部件： 点：我们一般认为，点是指圆形的，但这是不正确的。只要在空间里有非常少量的 面积，无法形成一个视觉上感觉的图形，都是一个点。无论什么形状都可以。 线：点集合在一起就形成线。 面：一个平面。 体：一个物体。一般是指物体占据的空间，有三维形状。那么，当点、线、面与体集结在一个页面上时，它们的关系要怎么协调呢？它们之间都有什么作用呢？点有集中视线、紧缩空间、引起注意的功能。 两个点相距不远而且形状不等时，一般由小向大看。 近距离的点引起面的感觉。 灵活运用点，可使你的页面有一些本质上的变化。 当点占据不同的空间时，它所引起的感觉是不同的。（1） 居中引起视觉集中注意 。（2） 上引起下跌落感。（3） 在上左或上右引起不安定感。（4） 下方中点，产生踏实感。（5） 左下右下，增加了动
