对于天天看到windows系统的用户来说,桌面已经是熟的不能再熟了,但是windows桌面风格的网页,对我们来说那就不是那么熟悉了,你见过这样的网页吗?是不是有几分新鲜感!
不知道有多少人看到过类似无忧视窗(www.51windows.com)的桌面网页(如图),下面以我制作这个桌面网站的经历,给大家介绍一下Windows桌面风格页面的制作:
Windows桌面风格的页面的想法:大约在一年半前,那时候,刚学网页制作不久,整天为辛苦做的网页没有看而发愁时,正好开始使用一个抓图的软件,在床上想了很久,为什么不做一个桌面似的网页呢?那天晚上,由于这个新想法,真的兴奋了许久!这的确是一个很好的想法,很多网友在看到我的桌面网页时说,他们也有这种想法,只是由于各种原因没有做出来。
桌面网页的特色:桌面风格的网页做首页或者导航栏比较好,因为它简洁、直观,当浏览者进入桌面就看到网页有哪几个部分内容。根据内容和栏目的多少,来确定桌面图标的图像与多少,同样,在菜单和任务栏区,都可做新闻、信息链接。
网页的实现:当时有这个想法时,我还没有接触过css,javascript,只是用frontpage来做简单的的网页,懂很简单的html。由于当时这种桌面风格的网页是由一个抓图软件而想起的,所以,开始就用抓来的图片加上热点链接来实现,也没有右键菜单。而下面的任务栏则是用框架网页来实现。严格的说,那不叫做桌面风格的网页,只能说是图片。
对于有一定html、css、javascript基础的网页爱好者,实现这种桌面风格的网页是不难的。桌面中的元素:图标、菜单、对话框主要是用层的定位、显示隐藏、拖动等来实现的。可以说,样式表在实现桌面风格的起关键性作用!
实现步骤:由于桌面网页比一般的网页工作量大很多,为了使制作者更好的改进,浏览者更容易看懂源文件,要网页各个部分进行拆分,从系统桌面来看,大体上有以下几个部分:桌面图标、开始菜单、任务栏、右键菜单和对话框窗口。同样网页也分为这几部分,我们可以先把各个部分完成后,再把它们组合在一起。主要制作工具Frontpage2000(网页)、HyperSnap-DX 4和Windows自带的画图工具(图像)、Notepad(源文件),制作环境Windows2000专业版、IE5.0。