网页菜单 我喜欢使用网页菜单,喜欢那种用一个文件控制所有页面的网页菜单,这样做是保证清晰有效的导航的简便办法。在你的网站里,没有一条信息,需要点击次数超过3次才可以到达,浏览者最好可以一次到达想要去的地方。我研究过著名的4大菜单体系:www.milonic.com,
www.softcomplex.com,
www.opencube.com, www.likno.com,它们是进入我视野的最好的菜单,对它们的研究和破解给我很多教益!
站点地图 我把自己三条网页设计理念的第一条设为清晰有效的导航。通常网站里会有“站点地图”的条目,但我却以为真正好的设计不需要这个设置,只有你的导航系统出现问题时才需要这个设置,一句话:“站点地图”的存在说明你需要优化你的导航系统! 无用的顶部大图 多页面网站顶部最好不用大图,要知道再漂亮的图象在第二次看时都会黯然失色,多次看就会让人生厌,剩下的就只有浪费时间的作用了。 首页框架 搜索引擎常常是针对网站的首页文本,如果首页采用框架会导致搜索引擎找不到你的网页,因为真正的首页只是用来记录框架结构,文本在分帧里。同样的道理,首页只有一个FLASH而没有足够的文本也会导致搜索引擎找不到你的网页,如果你一定要用一个大的FLASH作为首页,那么应该建立一个不可见的层,里面放上尽可能多的关键词(或者设置文本的颜色为背景色)。 曲线和直线 我的习惯是用直线而非曲线,理由是直线图可以用1象素宽的背景显示,文件很小,而曲线就只有放上整幅图,分辨率不同,在显示时也会遇到问题。 背景和背景色 在设计多页面网站时,我的习惯是采用1象素长、1象素宽的背景而非背景色,理由很简单:采用背景,你只须改变此背景,那么整个网站就随之改变,无须修改每个网页,并且只需要重新上传这个修改过的背景就可以了。想想看,即使你采用模板也应如此。
none.gif文件 我几乎在设计每个网站时都会创建一个none.gif文件,从none这个名字上你大概会猜到它是什么:一个1象素长、1象素宽的透明gif文件,它是我们可能创建的最小的图象文件,它的作用巨大,利用它我们才可以占位和准确地设置表格。
.js文件 我几乎在设计每个网站时都会创建一个js文件夹,里面不用说是.js文件。不要将js代码直接写到web里,尤其是多页面网站,这样在修改时会避免很多麻烦。
网页配色 关于颜色要说的话实在太多!点这里下载:《网页配色方案》(电子书)、配色拾色器Quester's
Colorkey Beta(软件)。配色方案:
1 2
3 4
5 。 分辨率问题 在窗口最大化后仍然出现水平滚动条常常说明设计存在缺点。如果你需要一张大图,那么在800*600的分辨率下,它的宽度应为779象素;如果你要兼顾考虑在1024*768的分辨率下,不显示左右不够理想的两边,那么你需要做一张宽为1024象素的图,并且只能作为背景图设置。既然该图作为背景图设置,那么图上的链接如何实现呢?见上所述,你需要创建一个none.gif文件,它是一个1象素长、1象素宽的透明gif文件,然后用层定位,把none.gif放置在准确的位置,并设置适当大小,用这个none.gif实现链接。如果是一个满宽度的flash,就应该用百分比而非象素设置其大小,只是要注意一点:在制作flash时,导入使用的图片要大一些,这样你按照800*600的分辨率做出的flash,在1024*768的分辨率下经得起放大。 搜索引擎加注技术 Google已成长为具有垄断优势的全球性搜索引擎,算上它为Yahoo和AOL提供的搜索服务,Google目前的全球市场占有率已超过80%。简单的结论是,如果你的网站在Google上不能获得良好的排名,那么你的网络营销策略就算是失败。另外在中国当前,成立于2002年9月的中国搜索联盟所有的“中国搜索”,其协议成员已发展到500余家,并有5000多家网站同时使用中国搜索联盟的搜索引擎技术。
关于搜索引擎加注技术,本站已经制成电子书一本,凡是购买我们CD的,将免费获赠! 网页设计 青岛,网站设计
青岛,网页制作 青岛,网络公司 青岛,网站制作 青岛 本站在Google及中国搜索上的排名情况为: 关键词 | Google排名 | 中国搜索排名 | 网页设计
青岛 | 1 | 1 | 网站设计
青岛 | 2 | 1 | 网页制作
青岛 | 3 | 1 | 网站制作
青岛 | 2 | 1 | 网站建设
青岛 | 5 | 2 | 网络公司
青岛 | 3 | 1 | 平面设计
青岛 | 2 | 1 | *以上为2004年5月15日搜索结果 |
| |
单一系统使用多版本IE解决方案 你的IE已经升级到6.0,如何在6.0下使用5.x/5.5版本的IE呢?这样调试代码就方便多了。点>>这里<<下载文件,解压后,然后双击里边的图标你就得到了IE5.0。
层的相对定位问题 点>>这里<<先看一个用层定位图片的例子,无论分辨率是多少,无论是否拖动滚动条,图片都永远居中居下,而通常情况下,层是根据上和左来定位的,那么这个效果是如何实现的呢?请看代码:<DIV
STYLE="border-style:double; border-width:0; position: absolute; width: 30%;
height: 0; left: 35%; top: 0" id=oip> <DIV
ALIGN="CENTER"><IMG SRC="ecnelogo.gif"
WIDTH="177" HEIGHT="38"></DIV></DIV> 在这里层的宽度不是设置为像素,而是设置为百分比(30%),同样,层居左的位置也不是设置为像素,同样是设置为百分比(35%)(35%+30%+35%=100%)。还有一点就是图片在层中是居中的。然后在<BODY>中加入代码onscroll="go_down()"
onresize="go_down()"就成了。
浏览器窗口 有用的Ctrl+n键可以使浏览器窗口复原到标准式样(含菜单栏和工具栏),但对这两种窗框就无能为力了:1
2 !! 网页无法另存问题 在body区域加入代码<NOSCRIPT><IFRAME
SRC=*.htm></IFRAME></NOSCRIPT>可以使网页无法另存,但当你又试图在页面中插入一个浮动帧时,页面就又变得可以另存了。解决方法是:将插入的每个浮动帧,都设置无法另存。 (待续)
|