当前位置: 网站建设 > 网页设计 > 建站经验 >

网页设计攻略!

时间:2013-03-02 04:13来源:未知 作者:admin 点击:

标签:网页设计攻略! 训练(2)网页设计(881)如果(17)时(2)背景(35)你在(4)面的(21)攻略(2)照片(1)复合(1)
5.复合背景 如果你在训练上面的照片背景时不警惕也设置了标签里的颜色背景,那么你看到了什么?颜色背景还起作用吗?对,你能看到你的照片浮于你设的颜色背景之上,二者能够同时正常地显示出来。这就是复合背景的魅力,更为吸引人的是,当你所设置的图片背景因为某种不可知的因素而不能正常显示的时候,浏览器能够自动用你所设置的颜色背景取而代之。它的设计方法,就不必我再多说了吧! 4、 不妨在主页上设一个留言区,以便访客提出看法和建议并提供自己的个人信息,以提高主页的交互性。留言板可以通过Frontpage中的表单功能实现。
网页设计攻略!》文章地址:http://www.tfxk.com/wangyesheji/jianzhanjingyan/030234N62013.htm

  5.复合背景  如果你在训练上面的“照片背景”时“不警惕”也设置了标签里的颜色背景,那么你看到了什么?颜色背景还起作用吗?对,你能看到你的照片浮于你设的颜色背景之上,二者能够同时正常地显示出来。这就是复合背景的魅力,更为吸引人的是,当你所设置的图片背景因为某种不可知的因素而不能正常显示的时候,浏览器能够自动用你所设置的颜色背景取而代之。它的设计方法,就不必我再多说了吧!

 4、 不妨在主页上设一个留言区,以便访客提出看法和建议并提供自己的个人信息,以提高主页的交互性。留言板可以通过Frontpage中的表单功能实现。  

 1、 切在主页上放置大量大尺寸的图片。由于受国内网络带宽的限度,绝大部分用户上网速度较慢。对于图片的下载正常的下载速度是3-5K/秒左右, 因此每页尤其是首页的下载量应控制在30K以下。因为很难设想一位访客在期待半分钟甚至一分钟后还有兴致呆在您的主页。  

 2.内容断定下来以后,不要焦急开始制作页面。我们应当对整个版面计划设计一下,好好的想一想,主题是什么,或许内容该怎么支配,接着最好在纸上把这个框架画出来——这就是排版。排版是很重要的,没有一条清楚的主线,那么整个版面将是凌乱一团。  

 4.制作时,内容不要和其余网站的内容相同,恰当加入一些自己的文章,评论和看法,会使大家更加相信您,尊敬您.例如翻译一些英文教程,写作一些软件的用法,分析一些实例制作过程.毕竟是个人主页,要体现您的个性,风格,让大家了解,接受您的观点,是个人主页的精力所在!  

     2.沙纹背景  沙纹背景实在属于图片背景的范围,它的重要特色是整个页面的背景可以看作是局部背景的重复重排,在这类背景中以沙纹状的背景是为常见,所以我们将其统称为沙纹背景,网页设计技巧之面包屑设计。  初学主页制作者都有这样的阅历,当试图把自己的照片作为页面的背景是,却发现浏览器上显示出来的不仅仅是一个照片,而是统一照片在水温和竖直方向上的反复排列。这就是浏览器处理图片背景时的规律方法,利用这一规律我们可以用一小块图片作为页面背景,网页设计技巧 网页表单设计经验分享,让它自动在页面上重复排列,铺满整个页面,从而使网页的体积大大减小。  读者到现在恐怕都已经知道了沙纹背景的原理和实现办法,就是找一个小的图片,越小越好,但注意要使最后的背景看起来要像一个整体,而不是若干图片的堆砌。其实现的HTML语法如下:    其中的"picture"表现背景图片的URL门路。  

 2、在红色中加入少量的蓝,会使其热性削弱,趋于高雅、柔和。

一,网页背景设计全攻略网页中的背景设计是相当重要的,尤其是对于个人主页来说,一个主页的背景就相当于一个房间里的墙壁地板一样,好的背景不但能影响访问者对网页内容的接收水平,还能影响访问者对整个网站的印象。如果你常常注意别人的网站,你应该会发现在不同的网站上,甚至同一个网站的不同页面上,都会有各式各样的不同的背景设计。毕竟都有哪些不同款式的背景,还有它们的设计方法都是怎么的呢,现在就由我来为大家作一个比较完整的总结。  

--> [网站建设之]网页设计攻略!

 5.图象的制作要统筹大小和雅观,一般来说,控制好photophop这个强大的工具,再配合其它一些专用图象软件如ulead、paint shop pro等,不难制作出英俊的优美的图片。但图片是为主页内容服务的,不要让整个版面太花花绿绿,喧宾夺主。在网上就可以找到许多图片、图库和动画。

  1.颜色背景  颜色背景的设计是最为简单的,但同时也是最为常用和最为重要的,因为绝对于图片背景来说,它有无可比拟的显示速度上的上风。在网页文件中,一般通过标签来指定页面的颜色背景,其HTML 语法为:    其中的"color"表示不同的颜色,可以用各种不同的颜色表示方法,比较常用的有直接用颜色的英文名称,如blue、yellow、black等等,还可以用颜色的十六进制表示方法,如#0000FF、#FFFF00、 #000000等等,此外还可以用百分比值法和整数法,其效果都是一样的。  颜色背景固然比较简单,但也有不少地方需要注意,如要根据不同的页面内容设计背景颜色的冷暖状况,要根据页面的编排设计背景颜色与页面内容的最佳视觉搭配等等。  

 3.全部页面的主线理好以后,咱们还必需对它进行弥补,以保障页面的完全性和整体性。比喻说,页面的题目内容要简练明了,使人一看就能清楚该网站有不自己所须要的货色;碰到长文本时,用划线把它分隔开,以便人能高深莫测地看明白;重点段落要凸起显示,这样人就能有抉择性地获守信息;在网页上留下通信地址或E-MAIL地址,有利于用户跟你交换;网页中使用商标,不能侵略版权;以上都是要考虑的一些细节问题。同时特别要斟酌到以后网站的保护更新要便利。  

Tag:攻略   网页设计     攻略   网页设计    

1、在红色中参加少量的黄,会使其热力富强,趋于躁动、不安。

     4.照片背景  把自己或友人的照片作为页面的背景让大家看到,是有点令人冲动的事件,但浏览器对图片的主动反复排列却使这一欲望难以实现。怎么办呢?只有想不到的,没有做不到的,这里我们用上一点简略的 CSS。在网页文件的……之间加入下面的CSS语句:      这样,在网页页面中,就可以看到你的照片位于页面的正旁边,而且在拉动阅读器窗口的转动条时,照片依然位于页面的正中间而不随页面内容一起滚动。如果你感到照片位于页面的正中间不满足,你也可以随便地调整它在页面中的地位,只要要调剂"background-position"的值就能够了。 

二.    网页色彩搭配的内涵 网页的色彩搭配往往是网友们觉得头疼的问题,尤其是那些完全没有美术基本的网友。到底用什么色彩搭配好看呢?让我们来看看网友54雨寒的卓识吧!

 8.图片的下载较慢,要想使用户在图象没有传下来之前,就可以知道图象上的内容,我们就必须为图片加注解.这样一来,在图象没有显示出来时,可以通过注解的标注来辅助浏览者晓得这是关于什么内容的图片,以方便用户作出取舍,是否需要等候,是否可以点击.特别考虑到纯文本浏览者浏览的方便。

    3.条状背景  条状背景与沙纹背景是比拟类似的,它实用于页面背景在程度或竖直方向上看是重复排列的,而在另一方向上看则是没有法则的。它也是应用浏览器对图片背景的自动重复排列,与沙纹背景所不同的是它只让图片在一个方向上重复排列。  以在竖直方向上排列为例,首先用图像处置软件做一个从左到右为蓝白渐变的水平条状图片,其长度与页面的宽度相称。也通过    将其设为页面背景,经浏览器显示后,就成为整个页面从左到右蓝白渐变的分栏色彩背景。当然,也可以用相似的方式实现条状背景在水平方向上的重复排列。  

  1.网页内容的选择要不落俗套。 放眼望去,网上的许多个人主页几乎就是"杂货店".内容无所不包,题材千篇一律.人人都是"软件下载",个个都有"网络导航",从头到尾找不出一丝“鲜”意.所以,我们在设计网页时,要把工夫下在选材上。选材要尽量做到“少”而“精”,又必须突出“新”,如能保持每天更新的话,我相信这样的网页一定会受到大家的欢迎。  

 6、 关于IE与Netscape的兼容问题。用Frontpage做好主页后一定要注意在Netscape Navigator中浏览一下,因为Frontpage在Netscape中还不能完整作到所见即所得。因此您有必要调整一下主页在Netscape中的显示效果,以考虑到相当一部门使用Netscape Navigator的访客。 网页设计时应注意哪些问题 网页设计,根据个人喜好以及网页内容的不同,版面的设计安排变幻无穷,换一下背景就是另一种感到,什么样的布局难看,没有定式。笔者依据自己的教训领会特总结出如下要点:

 4、在红中加入少量的白,会使其性格变的温顺,趋于含蓄、羞怯、柔嫩。二、黄色的性格冷漠、高傲、敏感、具有扩张和不安定的视觉印象。黄色是各种色彩中,最为娇气的一种色。只要在纯黄色中混入少量的其它色,其色相感和色性格均会产生较大程度的变化。 1、 在黄色中加入少量的蓝,会使其转化为一种鲜嫩的绿色。其清高的性格也随之消散,趋于一种平和、潮润的感觉。 2、 在黄色中加入少量的红,则具有明显的橙色感觉,其性格也会从冷漠、骄傲转化为一种有分寸感的热忱、暖和。 3、 在黄色中加入少量的黑,其色感和色性变更最大,成为一种具有显明橄榄绿的复色印象。其色性也变的成熟、随和。 4、 在黄色中加入少量的白,其色感变的柔和,其性格中的冷淡、高傲被淡化,趋于含蓄,易于濒临。三、蓝色的色感冷言冷语,性格朴实而内向,是一种有助于人脑筋冷嘲热讽静的色。蓝色的朴实、内向性格,常为那些性格活跃、具有较强扩大力的色彩,提供一个深远、广埔、安静的空间,成为烘托活泼色彩的友善而谦逊的朋友。蓝色还是一种在淡化后仍旧似能坚持较强个性的色。如果在蓝色中分离加入少量的红、黄、黑、橙、白等色,均不会对蓝色的性格形成较显著的影响力。 1、 如果在橙色中黄的成份较多,其性格趋于甜蜜、亮丽、芳香。 2、 在橙色中混入小量的白,可使橙色的知觉趋于烦躁、无力。四、绿色是具有黄色和蓝色两种成份的色。在绿色中,将黄色的扩张感和蓝色的压缩感相中庸,将黄色的温暖感与蓝色的严寒感相对消。这样使得绿色的性格最为平和、平稳。是一种和婉、安静、潢足、精美的色。 1、 在绿色中黄的成份较多时,其性格就趋于活跃、友善,拥有成熟性。 2、 在绿色中加入少量的黑,其性格就趋于稳重、干练、成熟。 3、 在绿色中加入少量的白,其性格就趋于洁净、清新、鲜嫩。五、紫色的明度在有彩色的色料中是最低的。紫色的低明度给人一种烦闷、神秘的感觉。 1、 在紫色中红的成份较多时,其知觉具有压制感、要挟感。 2、 在紫色中加入少量的黑,其感觉就趋于沉闷、伤感、可怕。 3、 在紫色中加入白,可使紫色沉闷的性格消逝,变得优雅、娇气,并充斥女性的魅力。六、白色的色感光亮,性格朴实、纯洁、快活。白色存在圣洁的不容侵占性。如果在白色中加入其它任何色,都会影响其纯粹性,使其性格变的蕴藉。 1、 在白色中混入少量的红,就成为淡淡的粉色,鲜嫩而布满引诱。 2、 在白色中混入少量的黄,则成为一种乳黄色,给人一种香腻的印象。 3、 在白色中混入少量的蓝,给人感觉清冷、干净。 4、 在白色中混入少量的橙,有一种干燥的氛围。 5、 在白色中混入少量的绿,给人一种稚嫩、柔和的感觉 6、 在白色中混入少量的紫,可引诱人联想到淡淡的芬芳三,网站建设 1、 构思篇   着手做主页之前一定要对自己将来的主页有个完整的构思,切忌为所欲为,想到什么做什么。那样的话,要么做到一半就难以为继,中途而废,要么作出的主页也是横七竖八。   首先,应为自己的主页确定一个主题,如关于电脑、音乐等,以防做成一个大杂烩,不仅加大了寻找素材的难度,而且也为未来网站的维护带来艰苦。其次,应该给自己的主页确定几个栏目,并根据这 些栏目,设计出整个网站的主体框架,网页设计技巧 创建网页背景材质的方法,这个框架应保证访客浏览主页时,随时能到他想去的任何一个栏目。再次,要注意背景与注释颜色的对照度以进步页面的可读性,并注意把最重要的信息放在背眼的地 方。最后,就是关于页面布局的构思,包含使用一般页面还是采用框架,何处插入图片、文字或超级链接等。这些可由个人自己肯定,这将构成整个网站的作风。但有一点一定要注意,应尽量使页面保持整 洁,标识清晰,切忌混乱, 宁肯少放些东西,否则,容易让访客手足无措。   2、 筹备篇   作主页是个系统工程,要涉及许多方面。因此在不具备一些前提的情况下千万不要着手。简单的说必须具备以下条件:   1、 方便的上网道路,制作主页的素材、工具相当一部分来自网上,网页设计必备的10个SEO小提示。而且主页还要在上网调试中不断完美,即便实现主页后,还要时常地上网维护.   2、 至少一个E- mail 信箱。(可不要告知我说你没有哦!)。   3、 申请到一个理想的免费主页存放空间。这一点比较要害,因为它不仅是将来主页的存放场所,而且主页上一些功能的实现还要依附于这些场所所提供的服务。然而要申请到幻想的场合还是不容易的。断定存 放场所好坏的尺度有以下几条:    ①接通速度,②服务器稳固性,③是否提供CGI(公共网关接口)权限及装置Microsoft Frontpage Server Extension,④ 提供空间的大小(一般应选择10M以上),然而据我的尝试发现,国内几十家存放空间提供商中绝大部分已结束接受新的申请(多因为空间不足或担忧影响接入速度),在综合考虑个方面因素之后,我将向?蠹彝萍鲆韵铝郊遥汉?贤?嬷?? )。   4、 工具篇   为了制作主页,我共试用了一百多种工具软件,但你再也不必重蹈覆辙了。在此我想向你推荐以下几款,它们是我试用后还留在硬盘上的。   1、 网页制作工具。对我们这些不 懂HTML的人来说,首推微软的Frontpage 98/2000,其标化的工具栏布局,类似于OFFICE系列,而且所见即所得,很容易上手。至于其它制作工具整体上不如Frontpage,因此不作推荐。   2、 至于图形工具,我们则有较多选择。大体上可分三类。一类是平面图形工具,这类工具论功能首推Photoshop,其壮大的功能足以敷衍任何图形加工工作,当然要纯熟地运用它可不是件轻易的事。因此我再向 大家推荐一款,那就是Paintshop,它堪称是简装的Photoshop,功能不少而且更易使用。另一类是动画工具,最简单易用的要数Ulead的GifAnimator 3.0(其试用版可以从 Wizard能使您轻松地将多幅图像组成动画。同样好用的还有Paintshop中随带的Animator-shop,也具备将图像组成动画的才能。另外,如果您能弄到Photoshop的最新版即5.5版, 那么其附带的专门用于网页动画设计的Image Ready 2.0也是一个不错的选择。其界面同Photoshop简直相同,使用方法也有类似的处所,而且它与Photoshop实现了一体化,可以同Photoshop彼此切换,并与之共享进程(History),对爱好用Photoshop的朋友, Image Ready 2.0不容错过。第三类是三维图像工具,因为网页对三维图像请求不高,而且主要波及文字方面,因此,只需用Ulead Cool 3D就足以应付,其正式版可轻松发生几十种3D文字殊效,而且,可对文字进行几十种动画处理,并可与Photoshop共享滤镜,功能非常强盛适用。   3、 Javascript特效工具。为了让主页更加丰盛多彩,然离不开Javascript。信任你我都不懂Javascript。但不要紧,我们可以找到不57、 少的傻瓜工具。这里向大家推荐一款国人编写的Javascript工具——古龙茶。它提供了30种特效,包括动感超级链接、弹出欢送信息、自动刷新、显示最后更新时光等,使用十分方便。 宣布篇   做好主页后,将主页上传到申请好的存放空间应该不是件难事。一般免费主页供给商都提供两种上传方式。一种是http传输方法。使用这种方式只需由浏览器进入提供商主页,登录到自己的帐户上,选 择http传输方式后,就可以直接选择自己硬盘上的文件上传了。另一种方式是FTP上传。我向大家推荐的FTP工具是CuteFtp(其最新版3,网页设计心得 把导航系统做薄.0版的下载地址是:ftp://202.102.230.19/ftpgj/cute3032b.exe), CuteFtp支撑多个文件上传和直接窗口拖放。   5、推广篇   主页做得再好,如果没有访客或访客稀疏,当然是一大缺憾,网络上的准则是“酒香也怕巷子深”,因此,主页推广工作就显得尤为重要。推广主页途径有两条:登录搜索引擎和广告交换。给自己主页 带来大批访客的最佳途径就是在各大搜索引擎,如搜狐( 了。一般海内的搜寻引擎会在2—7天内将您的主页加入其数据库,并给您发封确认信。登录胜利够,您就可以静候大量访客光顾了。另一条门路是广告交流,所谓广告交换就是在您的主页上显示广告提供商 提供的广告条幅,每显示一次您自己的广告条幅就可以在别人的主页上显示0.5至1次不等。国内这样的广告商不少,有名的名网盟( 以访问广告商的主页,在填写了一张申请表后您就可以取得一段广告代码,您必须将这断代码加入您的主页中。要进行广告交换您还必须为自己的主页设计一个广告条幅,它就是您为自己主页所做的广告。 正常为GIF图像,尺寸为400*40或468*60像素,文件大小应相应掌握在10K或7K以下。如果您没有这方面的经验,建议您去Smart    Click( 页了。   特别提醒

 2、 用Frontpage制作主页时,一定要学会利用表格。因为只有使用表格您才干方便有效地部署好图片、文字的布局。一张图片, 一段文字都应尽量放入表格的一个单元格中。您可以使用拆分、合并、插入单元格等功效,自在设计页面的布局。

  6.不要使用大幅面的Java程序,可能用javascript替换效果的则尽量不要使用java.因为目前来讲java的运行速度真实 未审慢的让人无奈忍耐,往往使浏览者没有耐烦等页面全体显示出来,这样你的精心设计便毫无效果啦!  

  9.设计Web页面时,一定要用640×480和800×600的分辨率来 分辨察看。许多浏览器使用640×480的分辨率,只管在800×600高辨别率下一 Web页面看上去很具吸引力,但在640×480的模式下可能会黯然失色。作一点小小的尽力,设计一个在不同分辩率下都能畸形显示的网页。

3、在红色中加入少量的黑,会使其性情变的雀跃,趋于厚重、朴素。

(一)、红色的色感温暖,性格刚烈而外向,是一种对人刺激性很强的色。红色容易引起人的注意,也容易使人高兴、激昂、缓和、激动、还是一种容易造成人视觉疲劳的色。

     6.部分背景   前面我们所说的背景都是整个页面的背景,能不能在页面上为某个局部的内容设置属于它自己的背景呢?答复是确定的。  最为常见的是在表格的设计当中,我们可认为表格设置一个不同于页面的背景,甚至在不同的表格单元中,我们也可以设置各个表格单元自己的背景。请看下面这个表格例子:   在浏览器中的显示效果如图所示,可以看到,岂但对表格整个来说有不同于页面的背景,就是每一个单元格也可以设置各不雷同的背景。  除此之外,我们还可以独自为某个文字段落设置背景,甚至为这个文字段落中的某多少个文字设置自己的背景,是不是有点相称不错,这也需要用上一些CSS。请先看一下下面的这个例子:   STYLE="BACKGROUND:black url(../images/bg.jpg);COLOR:black}">   记得毛主席有这么一首诗:" 坐地日行八万里,巡于遥看一千河。 "巨人就是了不起,… …几万里就出去了。   在浏览器中的显示后果如图所示,当初是不是有点高兴了,啊,本来文段也可以有自己的背景。只有你乐意,你就可以为页面的任何一个局部定义自己的背景,从而把页面装扮得更加美丽和吸惹人。  说到这,对于网页背景设计的问题也就说得大略也就差未几了,但新的网页制作技巧也在一直出现,说不定今天你看了这篇文章,来日就认为它太过期了。笔者写这篇文章,目标是引起宽大网页制造者对背景设计的注意,究竟,背景对网页来说切实是太主要了,当然,网站仍是要以内容为第一的。

  3、 为了懂得并监控主页访客情况,您不妨为自己的主页申请一个计数器和几个统计器。在主页上加上计数器可以直观地表明目前为止共有几名访客拜访您的主页,而加入统计器后,您可以通过点击主页上统计 器的图标访问您自己的个人帐户,从而了解到访客数、访客地域、时段散布、访客起源等等很多具体的讲演。计数器的申请有良多挑选,提议您去“焦作信息港”的个人天地去看看( 5/personl/),统计器则特别向您推举以下几个:酷站统计(  

 5、 在你将主页上传前, 一定要注意, 文件名的大小写,由于网上寄存空间应用的是UNIX体系, 而UNIX系统是辨别大小写的,因此假如您主页上的链接指向的文件名同实际文件名大小写不符就会呈现链接不上的情形,而您在本人的电脑上调试时并不能发明这点,因而必定要特殊留神。倡议您一开端就 给所有的文件名同一使用大写或小写,免得当前造成不用要的麻烦。  

 7.单张图片不要超过30k,每页图片总量不要超过60k(普通情况).据统计剖析,每页不超过60k图片的网页,其下载速度是可以让人接受的.所有的图片都必须"减肥"小图片(100x40)个别可以把持在6k以内,动画节制在15K以内,较大的图片可以"宰割"成小图片.公道采用jpg和gif格局也是至关重要的,颜色娇艳高分辨率的用jpg,色彩枯燥低分辨率的用gif,采取gif89a格式的图片在download时能交织显示.  


(责任编辑:网站建设)
网页设计攻略!相关文章
上一篇:网页设计技巧之面包屑设计 下一篇:网页设计未来将走向何方
回到顶部