很多设计者都有过制作网页的经历，如今，众多网页的设计都用到了表格。这样不仅有利于网页的维护，同时，提高了网页的观赏性。在众多网页制作风格中，细边框这个制作方法是必不可少的。这里，我将简单地谈一下边框的制作方法。谈到边框，本人认为大致有两种制作方法，第一种是用表格的嵌套，第二种是用CSS强制定义。

第一种是用表格的嵌套，大家都知道，用Bgcolor可以在表格中任意定义表格的背景颜色，用Cellspacing可以控制表格单元的额外空间，如果定义两个表格，把其中一个的表格背景设为全黑，然后在这个表格中嵌套定义另外一个表格，背景设为全白，并且把Weight=100%。这时，两个表格是重叠的，但是，如果把背景为黑色的那个表格再定义一个Cellspacing=1。那么就是说，黑色的表格比白色的表格多出了一个像素的外围空间，而白色的表格又在黑色表格之上，从而达到细边框的效果。

在信息时代的今天，做网页设计的素材在网上随便都可以找得到，找到的甚至比想象中的还要好，如果想别出心裁自己设计出很好的素材那是难上加难。我们所做的网站目的就是让用户看着舒服、用着可观，因此选择能够吸引用户号的素材才是真正的王道。那么，我们该如何获得用户的芳心呢？下面将网页设计中的素材应如何选择这个问题向大家做一参考。

网页设计中的素材选择应该遵循以下规则：

1.应当选择自己所熟悉擅长的内容。通常网站的主题应该选择自己非常熟练的内容，比如：自己的特长、专业、兴趣爱好、与工作有密切关联的。选择了这些内容就很容易收集到相关的素材。

今天小编带大家一起学习一下网页界面优化设计的内容
一、 网页界面优化设计的内容

网页界面优化设计的内容一般分为两个部分，即：网页表现的形式和网页界面的使用性，其中表现形式可分为：页面设置、文字编排、色彩设计、图片设置等；网页界面的使用性包括超链接与人机操作方面的配置等。

1.页面设置：版面设计应当给人视觉冲击和心理作用，由各种元素构成最佳视觉效果，如果有突出性的文字或图片，必须放到让人一眼可见的地方，变动性比较大的以及最新的消息内容通常需放到滚动界面上。

大概有很多刚刚接触web标准的人都会问网页Web的标准是什么？有几个步骤？下面我们就简单的做一介绍。网页Web的标准分为五个步骤：

步骤一：在使用Dreamweaver进行网站设计的同时，我们更应该去学习HTML和CSS，因为网络时代在日新月异的变换，我们必须了解相关的语言，网站建设时一味的使用Dreamweaver，我们将会失去写代码的能力，时间长了会很可怕的。

步骤二：必须建立标准化的声明(DOCTYPE)和head，以前很多网站是没有声明的，现在要是你加上了声明，相信搜索引擎会喜欢上你的。

文本格式化:朋友们都知道，Web对字体和文本的格式化能力不算强，当我们在网站设计的时候，完全可以根据需要去指定文本尺寸、排列和其它格式化属性(序号列表和无序号列表),我有一个重要的体验，就是不要改变字体，应当运用缺省字体。当然啦，凡事都有例外，根据顾客需要和网站特点，如果确实有必要使用少量的某种特殊字体,这个并不难，是可以把这些字画在图片上,然后的事情你是知道的，就是将图片插入到页面中。

按钮、图标和其它导航工具,可以帮助网站浏览者在Web内导航。

背景:很多设计师朋友喜欢运用纹理填充、水印式背景和长条状背景等,这样做是非常有道理的，可以使页面进一步优化美观,能够给网站浏览者留下较为深刻的映象;

网站设计中的布局原则，各位设计师们，赶紧拿下~~~
（一）样式的重复性。 CSS布局网页有一个最为明显的特点，那就是样式的可重用。如果我们利用class选择符，反复将某一个样式属性在网页中使用多次，可以大量减少不断定义样式属性的没必要重复的工作，同时也能更好地对页面进行维护。

（二）浮动与清除浮动。网页布局中，浮动是永远也谈不完的话题，有很多浏览器的兼容性存在的问题，绝大部分是因为浮动原因所引起。比如，很多人经常碰到的IE6.0的双倍间距的问题。我对浮动的个人理解，它是一把双刃刀，关于兼容性的问题，为其而产生，同时也为其而灭亡，网站设计高手们都善于利用浮动，这将对网页布局带来很多意想不到的帮助，比如在使用负边距地方进行页面布局设计。在清除浮动的时候而出现，用来清理浮动会导致诸多问题，必须谨慎处理。清除浮动的方式有很多，我想高手们一定比我更加高明，不用多说。

在网站设计的实践中，搜索引擎对动态网页的检索还存在一定的问题，如果从搜索引擎推广的实际需要出发，动态网页设计时必须注意，一般情况下往往需要采用“静动结合”的设计策略。

 “静动结合”的基本要义，就是指在网站设计的时候，要合理运用静态的网页与动态的网页，既要发挥动态的网页网站维护的便利作用，又要利用静态网页容易被搜索引擎所检索的重要特点。就网络营销角度来说，肯定是静态页面的作用更大，但实际上，这很不现实，那么可采取的策略，就 是静动结合、以静制动。

静动结合有两层基本的含义：首先是指将非常重要而且内容比较固定的网页设计成为静态的网页，比如，包含大量重要关键词的网站介绍、用户帮助、网站地图等；其次是指将动态实现的网页，采用一定的技术措施，当网页发布出来之后，即可转化为静态网页。这种方式的运用有一定限制，主要适合于发布后内容必须要经常更新的网页，比如新闻等。以静制动，表现的是一种网络营销基本思想，就是能用静态网页的方式解决的，就决不能用动态的网页。

HTML从本质上来说，它不算程序语言，故而由HTML所构成的文件不会顺应我们的要求而转变，以其设计出来的网页被业界广泛视为“静态”（static）网页。设计师们孜孜不倦地寻求网页具备动态变化的能力，优秀的程序是必不可少的。从目前来说，比较流行的Web编程技术主要有ASP、Java、PHP、CGI、VB等几种，不算很多。

ASP技术发展相当快，可以用如雨后春笋般来形容，它代表的是如今Web技术发展的基本趋势。跟较为传统的CGI程序对照，ASP技术优势是明显的，它完全摆脱CGI或IDC在技术上的诸多局限性，用它开展复杂的数据库操作就不用说了，它能够生成非常强的交互性页面，用户能够非常方便地控制和管理自己的数据。顾客完全可用ASP建设一个交互、高效的Web应用程序。

大家都知道一句格言叫”细节决定成败”，网站设计同样如此。因为我们目光、感觉极为敏锐，哪怕是很不了解网站设计的人也可以从一堆非常差的设计作品当中挑选出一个相对优秀的作品。有可能他讲不出为什么这件东西比那些都好，但是直觉就让他知道了哪一个要好一些。假如别人问为什么这个作品要比其他的好？回答往往是：好的设计作品总是充满着丰富的细节。这给我很多启发，在这里，我以衬线运用细节为例来阐释在网页设计中如何让作品变得优秀。

1像素的衬线的巧妙运用。在实践中，网站设计的时候使用到衬线的例子是比较多的，一般在黑边框的顶部向下方1个像素的位置，我们会插入一条灰色的衬线。使用衬线能够体现物体在2D效果之下的立体感觉，要体现立体感离不开阴影和高光。网站设计师通常可使用图层样式来实现阴影，要实现高光效果，最重要的技巧就是运用衬线。上面两个例子的衬线都在物体的上部，很明确光线的照射是从上向下，高光部分处于顶部。反过来，假如光从下向上照，高光则位于底部，衬线应放在下方。故而衬线使用要明确几个问题，“如果在此使用衬线，光源位置在哪？”“假如光源在此，阴影位置在哪？”明白了这两个问题，才能设计出有真实感觉的立体感。

现如今，实用智能手机的人越来越多，适应手机网页的网页制作比较迫切。实际上，手机网页的写法和普通网页的制作差不多。

根据我的经验，最好将手机页面的宽度控制在240px之内，这是因为如此设计可以在不挪动屏幕的情况下实施诸多操作。我所在公司的这个项目常用一张背景图片，其大小是240*420。这有一个不好的地方，我非得确保每个页面的高度都限制在420范围内，假如超出一点点，都会非常难看。

不管是普通手机或智能机，好像都不支持js。有点像<a href="javascript:history.back()">和"alert()"都不支持。此外，智能手机对“<input type="button">”的样式支持不太好，在宽度一定的情况下，相同的代码在浏览器上和手机上有宽度上的差距。故而，我建议假如能不用按钮，就最好不用按钮，那就用文字的超链接形式替代吧，当然也可以考虑运用小图标。