对于天天看到windows系统的用户来说,桌面已经是熟的不能再熟了,但是windows桌面风格的网页,对我们来说那就不是那么熟悉了,你见过这样的网页吗?是不是有几分新鲜感!
不知道有多少人看到过类似无忧视窗(www.51windows.com)的桌面网页(如图),下面以我制作这个桌面网站的经历,给大家介绍一下windows桌面风格页面的制作:
windows桌面风格的页面的想法:大约在一年半前,那时候,刚学网页制作不久,整天为辛苦做的网页没有看而发愁时,正好开始使用一个抓图的软件,在床上想了很久,为什么不做一个桌面似的网页呢?那天晚上,由于这个新想法,真的兴奋了许久!这的确是一个很好的想法,很多网友在看到我的桌面网页时说,他们也有这种想法,只是由于各种原因没有做出来。
桌面网页的特色:桌面风格的网页做首页或者导航栏比较好,因为它简洁、直观,当浏览者进入桌面就看到网页有哪几个部分内容。根据内容和栏目的多少,来确定桌面图标的图像与多少,同样,在菜单和任务栏区,都可做新闻、信息链接。
网页的实现:当时有这个想法时,我还没有接触过css,javascript,只是用frontpage来做简单的的网页,懂很简单的html。由于当时这种桌面风格的网页是由一个抓图软件而想起的,所以,开始就用抓来的图片加上热点链接来实现,也没有右键菜单。而下面的任务栏则是用框架网页来实现。严格的说,那不叫做桌面风格的网页,只能说是图片。
对于有一定html、css、javascript基础的网页爱好者,实现这种桌面风格的网页是不难的。桌面中的元素:图标、菜单、对话框主要是用层的定位、显示隐藏、拖动等来实现的。可以说,样式表在实现桌面风格的起关键性作用!
实现步骤:由于桌面网页比一般的网页工作量大很多,为了使制作者更好的改进,浏览者更容易看懂源文件,要网页各个部分进行拆分,从系统桌面来看,大体上有以下几个部分:桌面图标、开始菜单、任务栏、右键菜单和对话框窗口。同样网页也分为这几部分,我们可以先把各个部分完成后,再把它们组合在一起。主要制作工具frontpage2000(网页)、hypersnap-dx 4和windows自带的画图工具(图像)、notepad(源文件),制作环境windows2000专业版、ie5.0。
Java Asp PHP .Net XML C/C++ CGI VB Jsp J2ee J2se J2me EJB Servlet Tomcat Resin Struts Weblogic Eclipse ANT GUI JMS Web servise IDEA Webphere Hibernate Spring Jboss Applet Swing Socket Javamail Perl Ajax P2P 安全 模式 框架 测试 开源 游戏
Windows XP Windows 2000 Windows 2003 Windows Me Windows 9.x Linux UNIX 注册表 操作系统 服务器 应用服务器