【IT168 技术文章】
具体细节篇
1.导航栏的设计
2.使用CSS控制整体格式
3.使用表格定位
4.使用模版
5.少用Java
6.选择使用框架
7.留下联系方法
8.使用统一的风格
9.色彩的搭配
实用技巧篇
1.特色ICO
2.解决乱码
3.为图片加注释
4.显示替代图片
5.用Wingdings字体作画
具体细节篇
1.导航栏的设计
每次增加新的栏目或是对原有栏目进行调整，都要将所有的页面更新。刚开始可能还算轻松，因为没几个页面，但当有几十、几百个页面后，这工作量实在是太大了。如果偷懒只更新几个主要的网页，访问量就会剧减。Flash可以做出漂亮的导航按钮，如果让所有的页面都用一样的导航栏，以后只要更新这个Flash动画就可以使整个网站的页面都得到更新。但是使用Flash造成网页的体积过大，再加上网站Logo，商业Banner……这样一来会使网页变得臃肿不堪。所以这办法不太好，如果条件允许可以考虑做个体积较小的Javascript的导航栏。
2.使用CSS控制整体格式
CSS（Cascading StyleSheets，层叠样式表）是为网站制作者带来福音的好东西。它最大的特点是可以使网页的内容和结构版面控制相脱离，大量减少网页中重复使用的HTML代码，从而减小网页的体积，这对于在网上传输是非常有利的。同时CSS可以使用外接*.CSS文件的方法使一次性修改大批量的网页成为可能，这就意味着你可以经常改变网站的界面（包括文字、色彩、背景图片等），而每次只需要上传一个体积很小的CSS文件就行了。
3.使用表格定位
要做出一张整齐的网页需要定位，有人使用<DIV>和<SPAN>标记，但实际上套用表格更简单一些，虽然后者精确度不及前者。很多大的站点都使用表格来定位文字和图片，制作时很直观，效果不错。但值得注意的是，当你的页面很大的时候，千万别在整个网页上用一个大的表格套很多小表格。因为如果浏览器在接受数据时发现表格，就必须知道表格的结构，也就是说要把整张表格的内容都接受完毕才显示其内容，之前会给浏览者一张“白板”看，很多人因为没耐心等待而转去看其他站点了。所以分用几个小表格，让它们可以分别显示，收到多少显示多少，浏览者可以在等待的时候看先收到的部分，这样一来就增加了浏览者继续等待的信心。但是如果你觉得分别显示页面会破坏整体的美感，那就用大表格吧。
4.使用模版
很多刚开始做网站的朋友往往在收集了大量的素材后，立即投入制作，生成了绝大部分成品网页，但由于经验不足或其它什么原因，做完了才发现问题，只好一个个网页地修改，结果浪费了巨大的精力。所以在完成了所有的构思以后，先要做一个模版网页，在这个网页里包括了所有网页的公共元素，如：LOGO、导航栏、更新时间、推荐栏目、外接的CSS样式表的链接、加入收藏夹、返回首页、站点地图、E-mail地址、滚动的状态栏、广告条、版权信息等等。之后只要复制多份，填入不同的内容就相对轻松多了。
顺便提一句，如果页面太多而没有给每个网页写Title的话，FrontPage2000就会自动给每个网页加上按“new page 1”、“new page 2”的顺序排列的Title，很不美观规范，或是使人产生“站长是个懒鬼”的想法。所以，在制作模版的时候，就可以在Title里加上一句无论放在哪个页面里都合适的欢迎词。
5.少用Java
虽然使用Java可以做出许多精彩的网页特效，但由于现在Java程序的处理速度实在让人不敢恭维，往往是等上老半天还看不到网页的内容，更过分的是在漫长的等待后，浏览器提示Applet不能启动。过分追求技巧和特效，结果却把最重要的内容给拉下了，这种做法显然是不可取的。
6.选择使用框架
框架（Frame）也叫帧页，是现在制作网页时较为常用的一种技术。该技术可以把浏览器窗口划分为几个小窗口，每一个窗口都显示一个网页的内容，并分别设置大小、有无滚动条等信息。这样就方便了设计网站的结构，可以在上方的框架里放置网站的LOGO，在左面的框架里显示导航栏，而在下方的框架里安置版权信息。当然这只是一个比较公式化的设计，每个人可以根据自己的实际需要和创意来做安排。而且浏览时，可以指定链接的网页在哪个框架里显示，从而避免了网页上相同内容的重复下载，而这些内容往往是Logo、Banner，需要较长的下载时间。这对于提高网页显示速度和网络传输效率方面都有着积极的意义。
但框架技术是一种新兴技术，很多旧版本的浏览器都还没支持它，有一部分浏览者并不能正常看到你那美仑美奂的网页。所以在使用时，一定要记得在框架网页的HTML代码里加上<NOFRAMES>元素，在<NOFRAMES>里可以设定当浏览器不支持框架的时候在浏览器里显示的替代内容，让没有使用最新版本的用户也可以看到网页的内容。
