网页设计经、网页设计理念浅谈.docVIP

网页设计经验、网页设计理念浅谈 做网站，首先必须要解决的就是网站内容问题，即确定网站的主题。美国《个人电脑》杂志(PC Magazine)评出了99年度排名前100位的全美知名网站的十类题材：第1类：网上求职；第2类：网上聊天/即时信息/ICQ；第3类：网上社区/讨论/邮件列表；第4类：计算机技术；第5类：网页/网站开发；第6类：娱乐网站；第7类：旅行；第8类：参考/资讯；第9类：家庭/教育；第10类：生活/时尚。我们可以参看上面的分类，继续细分。如果自己在某些方面有兴趣，或掌握的资料较多，也可以做一个自己感兴趣的东西，一者，你可以有自己的见解，做出自己的特色；二者，在制作网站时不会觉得无聊或者力不从心。兴趣是制作网站的动力，没有创作热情，很难设计制作出优秀的作品。 对于内容主题的选择，要做到小而精，主题定位要小，内容要精。不要去试图制作一个包罗万象的站点，这往往会失去网站的特色，也会带来高强度的劳动，给网站的及时更新带来困难。记住：在互联网上只有第一，没有第二！ 网站设计理念 2009-01-10 总结为三条，就是：清楚明白的导航、快速的页面下载和精致简约的设计。具体解释一下：本站站长曾经浏览过一家著名网上购物网站，结果花了 10 分钟才找到想要购买的东西，这个网站形色设计是一流的，但这却是一个失败的网站。网站的导航应该清楚明白，最好可以一次到达要去的地方。再就是，网站要力求简单，任何页面如果在普通的电话线拨号上网情况下，不能在 30 秒以内打开，应被视为有缺点的设计。 分辨率问题 　　在窗口最大化后仍然出现水平滚动条常常说明设计存在缺点。如果你需要一张大图，那么在 800*600 的分辨率下，它的宽度应为 779 象素；如果你要兼顾考虑在 1024*768 的分辨率下，不显示左右不够理想的两边，那么你需要做一张宽为 1024 象素的图，并且只能作为背景图设置。既然该图作为背景图设置，那么图上的链接如何实现呢？见上所述，你需要创建一个 none.gif 文件，它是一个 1 象素长、 1 象素宽的透明 gif 文件，然后用层定位，把 none.gif 放置在准确的位置，并设置适当大小，用这个 none.gif 实现链接。如果是一个满宽度的 flash ，就应该用百分比而非象素设置其大小，只是要注意一点：在制作 flash 时，导入使用的图片要大一些，这样你按照 800*600 的分辨率做出的 flash ，在 1024*768 的分辨率下经得起放大。 无用的顶部大图 　　多页面网站顶部最好不用大图，要知道再漂亮的图象在第二次看时都会黯然失色，多次看就会让人生厌，剩下的就只有浪费时间的作用了。 首页框架 　　搜索引擎常常是针对网站的首页文本，如果首页采用框架会导致搜索引擎找不到你的网页，因为真正的首页只是用来记录框架结构，文本在分帧里。同样的道理，首页只有一个 FLASH 而没有足够的文本也会导致搜索引擎找不到你的网页，如果你一定要用一个大的 FLASH 作为首页，那么应该建立一个不可见的层，里面放上尽可能多的关键词（或者设置文本的颜色为背景色）。 曲线和直线 　　我的习惯是用直线而非曲线，理由是直线图可以用 1 象素宽的背景显示，文件很小，而曲线就只有放上整幅图，分辨率不同，在显示时也会遇到问题。 背景和背景色 　　在设计多页面网站时，我的习惯是采用 1 象素长、 1 象素宽的背景而非背景色，理由很简单：采用背景，你只须改变此背景，那么整个网站就随之改变，无须修改每个网页，并且只需要重新上传这个修改过的背景就可以了。想想看，即使你采用模板也应如此。 none.gif 文件 　　我几乎在设计每个网站时都会创建一个 none.gif 文件，从 none 这个名字上你大概会猜到它是什么：一个 1 象素长、 1 象素宽的透明 gif 文件，它是我们可能创建的最小的图象文件，它的作用巨大，利用它我们才可以占位和准确地设置表格。 .js 文件 　　 我几乎在设计每个网站时都会创建一个 js 文件夹，里面不用说是 .js 文件。不要将 js 代码直接写到 web 里，尤其是多页面网站，这样在修改时会避免很多麻烦。 网页设计理念和具体原则 网页设计理念 　　（1）内容决定形式　　 先把内容充实上，再分区块，再定色调，再处理细节。 　　（2）先整体，后局部，最后回归到整体。 　　全局考虑，把能填上的都填上，占位置。然后定基调，分模块设计。最后调整不满意的几个局部细节。 　　（3）功能决定设计方向 　　·看网站的用途，决定设计思路.商业性的就要突出赢利目的；政府型的就要突出形象和权威性的文章；教育性 的，就要突出师资和课程。 关于网页标题设计的原则 　　在设计网页标题时，应注意同时兼顾对用户的注意力，以及对搜索引擎检索的