网页设计之网页中的大背景

2014-8-28 12:45:43 | 分类目录： 建站教程 | 浏览： | 评论： 0 | Tags： 网页  设计  网页  大背景  

一个成功的网站设计是有很多很棒的细小部分组成的，每一个细节部分都非常的重要，而且整体效果都要融合在一起，今天说的大背景就相当于我们生活的环境一样，一个人生活的好不好和它的环境有非常大的关系，会直接影响这个人性格等很多方面。网页背景也一样，同样的道理，网页背景的好与坏直接影响整个设计的效果，背景图和其他部件好的搭配会让网页看起来更加的整体，让我们的网页更有吸引力，我们要学会在背景和设计内容之间去找这个共同点，好好的去运用它才能使我们的网页更漂亮，更棒。
 
1、说说在我们网页制作的过程中背景图的禁区，首先背景图不能太艳，不能使用比如大红色这样的色系，整个版面都是这样的颜色话会给我们设计整个网页的配色带来很大的难度，这样会使我们网页设计出来后浏览着浏览网页的时候产生视觉错差，眼睛会很花瞬间看东西颜色就会变，这样的设计视觉是我们不需要的，网页设计首先是让浏览者怎么舒适清爽的浏览内容。
 
2、其次是背景图不能太花，太花也会和颜色太艳有一样的反差效果，而且会让我们网页的主题内容被掩埋，失去我们设计网页的初衷了，在使用大背景的时候千万别用平铺的背景，每个人的电脑的显示不一样，平铺的网页背景会使本来很不错的网页变的杂乱，显示不全的图片会让我们感觉是我们设计有瑕疵，影响整体效果，大家在使用背景的时候多多注意。

网页设计中会遇到的难题

2014-8-28 12:44:8 | 分类目录： 建站教程 | 浏览： | 评论： 0 | Tags： 网页  设计  遇到  难题  

慢慢的走上了网站设计之路上，总会遇到很多的问题，我今天说的这个问题我相信很多网站设计新手都会遇到，而且会非常奇怪，在网页制作时，我们在设计版面上看我们的设计都是完好的，非常的棒，但是为什么我们在预览我们设计的网页的时候，我们本来排版好的位置都变了，有些图片也不显示了，我们写的文章也不在原来的那个位置上了，真是让人非常的气愤，怎么也想不通，返回设计页面看又是好好的。总在想是不是这个软件有问题，而且我们在浏览的时候还会出现有小红叉叉的出现。
 
1、一般遇到这样的问题可能是路径的问题，我们在设计中设置图片的时候路径一定要是在我们网页存放相应的路径，还有就是图片不能显示点击鼠标右键才能显示出来，这样的问题我们在重新传一次图片基本就能解决这个问题了。如果是出现红色的小叉叉的话，那我们就点击红色的小叉叉，会发现它也会链接到正确的页面，这个问题也是页面上图片的地址不对，链接是正确的，如果我们用的是相同的图片素材的话，大家可以试着把图片的地址换成链接的地址，看能不能解决图片的名称不能设置为中文是英文加数字就可以了。
 
2、还有就是有些字的间距边显示不正常，这个原因可能是我们在添加文字的时候没有定义字体大小，就会出现这种错差的现象啦。我们在制作之前就要先设定好我们的文字的一些设置，然后才会有我们设计好的效果。不注意这些问题的话，就会出现和我们设计的版面不一样的预览效果啦！！

你设计的网页有文化么

2014-8-28 12:38:51 | 分类目录： 建站教程 | 浏览： | 评论： 0 | Tags： 设计  网页  文化  

这个是前几天一个朋友问我做这么多的设计中有没有注意到这一块在网页设计中非常的狭小，占的比例非常的少，所以在朋友的探讨下制作和思考了一下这类网页设计的几点基本的要素，我也是新手今天写出来大家交流交流，我们到底该怎么样去建立好自己的网站文化呢？看看大家是不是和我想的一样，对大家在这类的网页设计中会不会有一定的帮助。
 
1 首先我们在想好要建立我们的网页的时候，一定要给网页一个明确的定位，我们的内容所针对的对象，考虑浏览者活客户的需求，我们网页的需求，网页中的内容如何才能满足服务对象的需求同时从中找到对我们自己盈利点在哪里，做出可赢利点的方向并就此定位，设置相关的设计重点。
 
2 在我们做好网页的定位以后，接下来我们就需要做的是用哪些功能和页面来表现和满足我们所需要达到的目的和效果，具体要采取什么流程内容条理整理清楚，围绕这些点进行页面的引导添加和功能完善，这样才能让浏览者知道你所表达的目的，才能更好的发挥你设计这样网页的真正目的。

用FrontPage2003给网页布局

2014-8-28 12:36:27 | 分类目录： 建站教程 | 浏览： | 评论： 0 | Tags： 用FrontPage2003  网页  布局  

网页布局在我们的网页设计中相当重要，她是直观的关系到我们网页的整体效果，FrontPage2003里面出了一个新的功能就是给网页布局功能，这个功能的增加给我们设计网页带来了很多的好处，简化了以前我们要一个个单元格的添加，把我们要布局的网页设计的整体大概直接就显示了出来，我们在细化一下我们的网页布局就出来了。
 
1、FrontPage2003里面的布局表格功能是由布局表格和单元格；两大部分组成的，布局表格呢就是我们的整体大概效果，网页单元格呢就是我们在布局表格里面编辑的小模块了，FrontPage2003布局非常简单，我们打开FrontPage2003然后新建一个网页，在我们的软件的右下角呢就有很多的网页布局的模板了，我们首先是看看有没有我们喜欢的模板，有的话直接点击下面的板块，我们的操作页面上就会出现和下面缩小的模板样式一样的布局模板了，如果里面没有我们喜欢的布局的话，可以手动绘制表格布局，我们只要在“新建表格和单元格”项中单击“绘制布局表格”，然后将鼠标移到操作窗口最左端，然后拖动鼠标就可绘制表格我们想要的表格了。
 
2、我们的布局建好以后，就是建立我们的单元格模板了，我们单击“新建表格和单元格”项下的“绘制布局单元格”，随后按照绘制表格的方式来绘制单元格，也可以根据FrontPage2003顶端的工具栏里面的插入表格直接进行模块的建立，插入的单元格的格式可以根据我们的需求进行插入，单元格设置好以后我们的网页设计的布局就基本上完成了

推荐几个网页设计不错的网站

2014-8-27 18:29:27 | 分类目录： 建站教程 | 浏览： | 评论： 0 | Tags： 推荐  几个  网页  设计  不错  网站  

对于web网页设计者来说，都有自己固定的查找资料地方，当然，许多网站都针对设计者的需要提供了一定的服务和信息，下面是我整理的几个我常用的网站，拿出来和大家分享一下。
 
1、Browser Sandbox
不用我说，相信大家都知道，浏览器的兼容性是Web网页设计人员工作中面临的最大的烦恼之一了。 虽说浏览器沙盒算是比较实用的软件，它可以让我们从任何网站跳转到Windows浏览器。但是它有一个最最致命的弱点，就是你必须使用Windows系统运行。还有就是这个应用程序无法在苹果机和GNU/Linux操作系统中操作。
相关网址：http://spoon.net/browsers
 
2、PHP表格
在网页设计布局中，Web表格算是其中比较重要的部分，但实际操作的时候，要创建web表格其实是非常耗时的一项工作。这个时候，下面这个网站就相当的实用了，不信？就来试试看。
相关网址：http://www.phpform.org.htaccess editor
 
3、Smush it
网站的设计布局，光靠文字是不行的，如果一个网站只有密密麻麻的文字，我估计是不会有多少用户愿意观赏的，图像在这个时候就起到相当大的作用，不过说实话，图像会占用大量的带宽。不错，PS可以解决这些问题，但是我相信没有多少人敢说自己对PS了如指掌吧？那么，你不妨试试smush.it。它是一个在线工具，可以适当调小图片的尺寸，但不会影响图片质量

网页设计技术

2014-8-27 18:2:57 | 分类目录： 建站教程 | 浏览： | 评论： 0 | Tags： 网页  设计  技术  

在浏览网页时，一般要经过：下载、完善、可视三个视觉步骤，而下载是最关键的一个步骤。如果连接半天还没有返回页面，那么访客会离开，所以，提高下载速度是网页优化的关键。在设计网页时，会利用许多老的或新的技术，但当使用某一项技术时，有可能因为浏览器的兼容问题，会使得网页下载变得非常缓慢。有时，只出现了网页背景，内容却迟迟不出现，这就是因为浏览器在解释网页文件时，出现了问题，所以，在网页设计上一定要注意。

目前利用表格制作网页成为流行，因为它具有完备的布局功能，可以指定文档或图片在某一个地方出现。但在利用表格过程中，要注意一些问题，表格嵌套过深，也就是在一个表格里，还包含数个其他表格，当浏览器遇到表格时，会首先解释最里层的表格，然后再解释外层的表格，顺序是从里到外，最后再解释表格里含有的内容，也就是说，当使用一个大的表格，而其中又包含其他表格时，浏览器的解释将变得十分麻烦，它将一层层解释表格，然后浏览器本身含有不兼容的问题，就会成成页面内容没有出现，但数据还在传输。如果要避免这个问题，建议嵌套不超过三层的表格。也可以把网页分成几个表格进行设计，比如标题导航一个表格，内容目录一个表格，然后制作信息一个表格，这样做可以使得浏览器分开解释表格，它可以解释完一个表格就出现表格里的内容，然后再解释下一个表格。

如何在网页中添加水印效果

2014-8-27 18:0:33 | 分类目录： 建站教程 | 浏览： | 评论： 0 | Tags： 如何  网页  添加  水印  效果  

从传统意义上讲，水印是用来鉴别真假的，因为他们的存在并不影响印刷在该页上内容的清晰度。后来把水印的概念引入数字时代。在页面制作时利用这个技巧，在页面上就可以做出一个半透明的标志，它就像独立的悬浮在页面上一样。尽管这很麻烦，但能产生非常漂亮的效果。

这里有几种在主页上产生水印效果的方法。例如，如果访问者使用的是IE浏览器，只需用<BODY background=”graphic/g.gif” bgprgperties=fixed>就可产生水印效果。但这对Navigator不适用，它会自动地将图片平铺显示。为了兼顾不同的浏览器，必须使用动态HTML来实现这个功能。GeoCities采用服务器端来检测访问者使用的浏览器，并针对不同的浏览器（IE或Navigate）采用不同的实现方法。下面是一种单一的客户端脚本，它能在上述两种浏览器上工作，甚至还可以给用户更大的选择余地。

网页图像切图与压缩

2014-8-27 17:59:15 | 分类目录： 建站教程 | 浏览： | 评论： 0 | Tags： 网页  图像  切图  压缩  

这里介绍的是现在流行的图像压缩工具Fireworks。确切地说，它并不是一款图像压缩软件，但它具有强大的图像压缩功能，并且，它能够一次性输出图像到网页中。由于切图功能经常用于切割使用photoshop制作的图像DEMO (在制作网页前，经常需要用图像处理软件制作首页的样式，然后使用切图软件来切割制作的图像，以便把图像的各个位置确定在页面的表格中，这样便于网站首页整体的协调。这张使用图像处理软件制作的文件称为DEMO)，因此下面介绍下用DEMO来说明切割的过程。

首先，使用Fireworks打开要切图的图像文件。第二步，点击左侧工具栏中的切割按钮，在图像中画出切割的区域（区域之间不要相互重叠）。这里所说的切图实际上就是画出页面中的表格位置。因为每一个切割的图片在输出时都将被放置到与图片大小等大的单元格中。这个步骤是由Fireworks自动完成的。当图片切割完成后，选择file/export preview，在弹出的窗口中进行输出设置。

使用表格进行网页排版

2014-8-27 17:52:49 | 分类目录： 建站教程 | 浏览： | 评论： 0 | Tags： 使用  表格  进行  网页  排版  

在Dreamweaver中实现表格嵌套的方法很简单：先在网页中创建一个外部表格，将光标定位在需要嵌套表格的单元格内；再在单元格内创建一个或多个表格，设置它们的属性使它们在外部表格中合理排列即可。
我们已经知道，除了DHTML的层以外，表格是唯一能够让网页设计者随意排放页面上所有内容（包括图片和文字）的手段。当然，使用表格也要有一定的技巧，首先必须掌握Dreamweaver对表格属性控制的方法，然后在开始动手制作之前先对要实现的网页做个规划，设计好网页大致的排版方式，这样在应用表格时才能做到心中有数。

用表格布局网页时出现错位怎么办

2014-8-27 17:48:50 | 分类目录： 建站教程 | 浏览： | 评论： 0 | Tags： 表格  布局  网页  出现  错位  怎么办  

在实际应用中经常会发现，精心制作的网页在不同的屏幕分辨率时，或改变窗口时常出现一些页面变形或内容扭曲等现象。在800*600的分辨率下，一切正常，而到了1024*800时，则多个表格或有的居中，有的却左排列或右排列，很难看，这是什么原因。

在解决这个问题之前，我们讲一下网页制作中的表格的排列。表格有左排列、居中、右排列三种排列方式，如果没有进行特别设置，则默认为是居左排列。这就是问题之所在，在800*600的分辨率下，表格恰好就是编辑区域那么宽，不容易察觉，而到了1024*800的时候，就会显示出一部分空白区域，解决的办法比较简单，即将所有表格的单元格都设置为居中。

«12345678910111213»