很多企业都在想办法增加网站点击率，提高网站排名，从而使网站营销做得更好。其实我们只要本着几个原则去做，一样可以增加点击率。当然客户第一这是最基本的，脱离了它，你的网站就是去了意义。
网页的下载速度要快
为了使网站漂亮，我们常常会使用大容量的图像。一个在T1速度下仅仅要花1秒下载的网页，在28.8的调制解调器上就要下载55秒钟。浏览者是没有耐性等待得太长！所以，你要对网站内容进行一下筛选，下面有机个参考原则：
●从用户的角度看你的网页，删除所有的对传达你信息不重要的图片；
●用有效的工具优化剩下的图片
●FLASH图片也许是比较酷的，但文件一定要小
●将你的网页放置在有较好带宽的主机上。
这样你下载速度快，客户打开网站心情好。这样浏览页面会更深，回访率也会更高。
导航
你网站的链接应该准确定义、正确显示和容易看到。我们要知道，有很多浏览者都是通过链接到你网站的，而且不一定是到你的主页。导航要保证他们能够尽可能像从首页开始浏览你的网站那样浏览完你的网站。给链接的网页取一个好的名字，用它吸引浏览者点击。也要确保你网站所有的链接都是正常工作的，它们能够带浏览者进入一个正确的地方，不要引起客户反感。
网页要统一
所有的网页都应该有一个统一的外观。这不仅使你的网站看上去专业，而且当浏览者浏览你的网站时，他们总能知道这是你的网站。
内容第一
如果你想要你的浏览者能够返回你的网站，你就要定期在你的网站上，增加新鲜的、相关的和高质量的内容。互联网用户是信息的饥饿者，经常更新网站的内容，你的网站将会有一大批忠实的浏览者。并且搜索引擎也会收录你的页面，从而使网站排名靠前。
总之，把网站细节做好，注意一些小问题，多一些人性化的设计。要记住我们面对的是客户，我们要站在客户的角度思考，我们要给客户方便。客户觉得好的网站才是好的网站。
网站建设前台中，用div+css布局时有许多技巧，这是初学者应该注意的。知道了这些技巧，可以让你在布局中方便很多。下面空谷科技为您介绍几点：
一、ul标签在Mozilla中默认是有padding值的，而在IE中只有margin有值。
二、同一个的class选择符可以在一个文档中重复出现，而id选择符却只能出现一次。对一个标签同时使用class和id进行CSS定义，如果定义有重复，id选择符做的定义有效，是因为id的权重要比class大。
三、一个兼容性调整（IE和Mozilla）的笨办法：初学可能会碰到这样一个情况：同样一个标签的属性在IE设置成A显示是正常的，而在Mozilla里必须要设成B才能正常显示，或者两个倒过来。
临时解决方法：选择符{属性名：B ！important；属性名：A} 或许有时候并没有效果。你可以在搜索更多的BUG解决方法。
四、如果一组要嵌套的标签之间需要些间距的话，那就留给位于里面的标签的margin属性吧，而不要去定义位于外面的标签的padding
五、li标签前面的图标推荐使用background-image，而不是list-style-image.
六、在给你的标签疯狂加选择符的时候，别忘了在CSS里给选择符加上注释。等你以后修改你的CSS的时候就知道为什么要这么做了。 八、如果你给一个标签设置了一个深色调的背景图片和亮色调的文字效果。建议这个时候给你的标签再设置一个深色调的背景颜色。因为图片丢失了，也可以保持文字的可读性。
七、定义链接的四种状态要注意先后顺序： Link Visited Hover Active
八、与内容无关的图片请使用background.时刻记住表现与内容分离。
九、定义颜色可以缩写#8899FF=#89F，一定要是成对的才行，#123234这是不能简写的。
十、改用表格时，还是要用表格。
十一、<script>没有language这个属性，应该写成这样:<script type=”text/javascript”>
十二、margin取负值可以在标签使用绝对定位的时候起到相对定位的作用，在页面居中显示时，使用绝对定位的层不适合使用left：XXpx这个属性。把这个层放到一个要相对定位的标签旁，然后使用margin的负值是个好方法。
十三、绝对定位时使用margin值定位可以达到相对于本身所在位置的定，这与top，left等属性相对与窗口边缘的定位不同。绝对定位的优势在于可以让其它元素忽略它的存在。
十四、如果文字过长，则将过长的部分变成省略号显示：IE5，FF无效，但可以隐藏，IE6有效DIV STYLE=“width：120px；height：50px；border：1px solid blue；overflow：hidden；text-overflow：ellipsis”> 就是比如有一行文字，很长，表格内一行显示不下。
十五、在IE中可能由于注释带来的文字重复问题时可以把注释改为：
<！–[if ！IE]>Put your commentary in here…<！[endif]–>
十六、如何用CSS调用外部字体语法：@font-face{font-family：name；src：url（url）；sRules}取值：name：字体名称。任何可能的 font-family 属性的值url（url）：使用绝对或相对 url 地址指定OpenType字体文件sRules：样式表定义
十七、定义A标签要注意的小问题：当我们定义a{color：red；}时，它代表了A的四种状态的样式，如果此时要定义一个鼠标放上的状态只要定义a：hover就可以了，其它三种状态就是A中所定义的样式。只定义了一个a：link时，一定要记得把其它三种状态定义出来！
十八、并不是所有样式都要简写：当样式表前定义了如p{padding：1px 2px 3px 4px}时，在后续工程中又增加了一个样式上补白5px，下补白6px.我们并不一定要写成p.style1{padding：5px 6px 3px 4px}.可以写成p.style1{padding-top：5px；padding-right：6px；}，你可能会感觉这样写还不如原来那样好，但你想没想过，你的那种写法重复定义了样式，另外你可以不必去找原来的下补白与左补白的值是多少！如果以后前一个样式P变了话，你定义的p.style1的样式也要变。
十九、网站越大，CSS样式越多，开始做前，请做好充分的准备和策划，包括命名规则。页面区块划分，内部样式分类等。
二十、能共用的css尽量共用，总之要是自己的代码尽量简洁。
好好将上面的技巧看懂，然后在工作和学习中运用，这样提高自己网站建设前台的技术，毕竟table布局不利于网站优化。且代码复杂混乱，不好维护。所以用好div+css是必然的。
SupeSite是一套拥有独立的内容管理(CMS)功能，并集成了Web2.0社区个人门户系统X-Space，拥有强大的聚合功能的社区门户系统，可以实现对站内的论(Discuz!)、个人空间(X-Space)信息进行内容聚合。任何站长，都可以通过SupeSite，轻松构建一个面向Web2.0的社区门户，所以它在网站建设中的地位是不容小觑的。现在已发展到7.0这个版本了。下面根据实践经验来谈一谈它的强大功能吧。
1、完善的等级审核机制
通过等级审核操作，审核管理人员可以对站内发布的信息进行等级分类处理、屏蔽、删除处理，从而可以有效的控制站点页面上信息的显示。
2、拥有强大的信息采集功能
用户可以使用采集机器人，轻松实现网络资源的采集获取。
3、拥有方便、实用的内容管理系统(CMS)
这个系统有很多功能，如资讯管理、资讯发布、资讯审核、资讯分类、资讯字段自定义等。站长可以将不同的权限分配到，不同的用户组这样就能更容易地管理和维护网站。
4、强大、高效的模块功能
模块功能拥有内容模板调用代码和Javascript调用代码，可以实现对站内的论坛(Discuz!)、个人空间(X-Space)信息进行内容聚合。这样使模板制作 变得十分灵活，方便。站长可以轻松地作出属于自己风格的网站。这给网站建设带来了很大的方便。
5、高效的数据缓存技术
对网站的数据进行高速缓存，从而大大减轻服务器负担，提高网站访问速度，并且缓存数据更新自动化。
6、方便的上传进制
支持带预览图的多附件批量上传功能，并支持本地、远程上传，让上传功能变得更加容易、方便。
功能强大的supesite肯定不止这几个功能，我这里就不一一列举了。如果要做好网站建设，对supesite的研究就不能少。因为它是现在国内最好的门户网站。
网站建设是一个复杂的事情。作为一个网站建设人员考虑的东西十分多，美是必须的，还有风格和内容展示的方式等一些因素。所以很容易进入一些误区。出发点可能是好的，但是给网站的运行会带来麻烦。现在为您介绍几点：
1、导航菜单使用图片、FLASH
导航菜单使用图片、FLASH当然比纯文本来得好看一些，但是搜索引擎并不认识你的图片和FLASH。如果你非要使用漂亮的图片来做导航的话，可以使用背景替换的方法，如果你要使用FLASH做导航，那我只能劝你不用，这样只会增加你网页打开的时间。
2、不恰当地使用图片
为了网页美观，经常会到处贴满图片，这样做是不正确的，与内容无关的图片能少就少吧。要图文并茂，非必须不要不要把页面弄成个相册集。
3、内容里特殊字体的运用
我承认行楷很漂亮，隶书也可以。但是不是所有人的电脑都安装有这些字体。如果你使用这些特殊字体的话，在别人的电脑里看不到你想要的效果的，最好是用宋体。
4、新窗口打开
新窗口的目的是为了让用户停留在这个站点上，但太多的新窗口会把整个桌面挤满，所以一般在二级页面后就不要用新窗口了。
5、内容滚动
内容滚动可以在比较小的空间里展示比较多的内容，这是它的一个好处。但内容滚动却是弊大于利的。不是所有平台和浏览器都支持滚动的，并且内容重点不能让用户直接看到，所以尽量少用。
6、文件名命名不规范
不要忽视这一点，例如新闻页面可以用：News.html，而不是类似asd.html这样的无规范的命名方式。使用规范的命名方式不仅有利于搜索引擎，而且有利于网站日后的维护管理。
7、长篇文章未设置分页
长篇文章不分页，会导致网页加载速度慢。这和使用过多图片和flash一样，有可能会使用户失去耐心。
8、没有返回指向
“返回指向”是网络用户的生命线，同时也是继超文本连接后最常使用的导航特征。用户可以随意尝试网页所指向的任何地方，而只需点击一两次“返回”按钮就可以回到先前的页面。
9、使用框架
与记数器一样，框架在网页上越来越流行。在大多数网站上，在屏幕的左边有一个框架。但是设计者立刻就发现，在使用框架时产生了许多的问题。使用框架时如果没有17英寸的显示屏几乎不可能显示整个网站。框架也使得网站内个人主页不能够成为书签。也许更重要的是，搜索引擎常常被框架混淆，从而不能列出你的网站。
10、不恰当地使用声音
声音的运用也应得到警惕。内联声音是网页设计者的另一个禁地。因为过多地使用声音会使下载速度很慢，同时并没有带给浏览者多少好处。首次听到鼠标发出声音可能会很有趣，但是多次以后肯定会很烦人。使用声音前，应该仔细考虑声音将会给你带来什么。
12、兼容性不佳
你的网页在1024下看得顺眼么?那么换成1280看呢?不是所有人的显示器都用同一种分辨率的。无论是谁，都无法做出所有分辨率下完美的网页，但我们要做出能确保所有分辨率下不出错的网页。
还有两点就是：不要以为只有电脑才能看网页!不要以为世界上只有一种浏览器!
13、发布网站后未登录搜索引擎
有客户跟我说，是不是我的网站已发布就可以在百度搜到了?我总会这样回答：百度不是我家开的，也不是你家开的，你发布网站时百度他是不知道的。所以，你发布网站后要到各大搜索引擎的登录口提交一下你的网站信息。
14、不留空白
注意留空白。不要用图像、文本和不必要的动画GIFs来充斥网页，即使有足够的空间，在设计时也应该避免使用。
15、不设背景
网站一定要设背景，因为不是每个人的网页背景都是白的。有的设计师忽略了这点，也许在自己电脑上网站还好看，如果某些用户是别的背景，看到你的网站的话，就有不爽的感觉了。
这些问题都是一些很常见的，我们只有多看，多做才能发现更多的问题，从而在网站建设方面做得更好。
一个新手常常被形形色色的css布局问题弄得摸不清方向，就算加上教程的帮助还是很难驾驭css。所以遇到问题要总结，空谷科技就通过这篇文章让您在遇到问题时参考一下。
1、要在主流浏览器中调试。
如果我们在一个版本比较低级的浏览器上写的代码，在本机上调试通过了，但在另一些浏览器上又不行了。这样自己会很郁闷的，所以我们应该在机子上装好一些主流浏览器，如ie6,ie7.ff.opera.
2、注意效果的范围
滤镜效果是微软专门针对ie开发的，所以在ff等非ie浏览器是看不到的。还有min-width,min-height类似的样式在ie中是没用的，只有加上js才能达到效果。所以我们要明白某些效果只针对一种或部分浏览器。
3、要记住链接的顺序
css有的定义是有顺序的，打乱了顺序你就会看不到效果。链接就要注意Link， Visited， Hover， Acitve的顺序。
4、要写明单位|
css中除了0不要单位，其余的都要，所以这个不要忘了。虽然我们习惯以像素为单位，但系统没有默认所以要养成标明单位的好习惯。
5、文件命名尽量用小写
在本机windows系统上是不区分大小写的，一旦你的代码传到服务器上，就有可能出现找不到文件的问题。如，a.jpg,a.JPG.A.jpg完全是不同的文件，这个要切记。这种问题是很难发现的。
我们要多看别人的经验，自己才能成长地越快，才能使自己少走弯路。