选择显示字体大小

windows 桌面风格的页面制作

  对于天天看到windows系统的用户来说,桌面已经是熟的不能再熟了,但是windows桌面风格的网页,对我们来说那就不是那么熟悉了,你见过这样的网页吗?是不是有几分新鲜感!


  不知道有多少人看到过类似无忧视窗(www.51windows.com)的桌面网页(如图),下面以我制作这个桌面网站的经历,给大家介绍一下windows桌面风格页面的制作:



  windows桌面风格的页面的想法:大约在一年半前,那时候,刚学网页制作不久,整天为辛苦做的网页没有看而发愁时,正好开始使用一个抓图的软件,在床上想了很久,为什么不做一个桌面似的网页呢?那天晚上,由于这个新想法,真的兴奋了许久!这的确是一个很好的想法,很多网友在看到我的桌面网页时说,他们也有这种想法,只是由于各种原因没有做出来。


  桌面网页的特色:桌面风格的网页做首页或者导航栏比较好,因为它简洁、直观,当浏览者进入桌面就看到网页有哪几个部分内容。根据内容和栏目的多少,来确定桌面图标的图像与多少,同样,在菜单和任务栏区,都可做新闻、信息链接。


  网页的实现:当时有这个想法时,我还没有接触过css,javascript,只是用frontpage来做简单的的网页,懂很简单的html。由于当时这种桌面风格的网页是由一个抓图软件而想起的,所以,开始就用抓来的图片加上热点链接来实现,也没有右键菜单。而下面的任务栏则是用框架网页来实现。严格的说,那不叫做桌面风格的网页,只能说是图片。


  对于有一定htmlcssjavascript基础的网页爱好者,实现这种桌面风格的网页是不难的。桌面中的元素:图标、菜单、对话框主要是用层的定位、显示隐藏、拖动等来实现的。可以说,样式表在实现桌面风格的起关键性作用!


  实现步骤:由于桌面网页比一般的网页工作量大很多,为了使制作者更好的改进,浏览者更容易看懂源文件,要网页各个部分进行拆分,从系统桌面来看,大体上有以下几个部分:桌面图标、开始菜单、任务栏、右键菜单和对话框窗口。同样网页也分为这几部分,我们可以先把各个部分完成后,再把它们组合在一起。主要制作工具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   安全   模式   框架   测试   开源   游戏

SQL数据库相关

My-SQL   Ms-SQL   Access   DB2   Oracle   Sybase   SQLserver   索引   存储过程   加密   数据库   分页   视图  

手机无线相关

3G   Wap   CDMA   GRPS   GSM   IVR   彩信   短信   无线   增值业务

网页设计制作相关

HTML   CSS   网页配色   网页特效   Javascript   VBscript   Dreamweaver   Frontpage   JS   Web   网站设计

网站建设推广相关

建站经验   网站优化   网站排名   推广   Alexa

操作系统/服务器相关

Windows XP   Windows 2000   Windows 2003   Windows Me   Windows 9.x   Linux   UNIX   注册表   操作系统   服务器   应用服务器

图形图像多媒体相关

Photoshop   Fireworks   Flash   Coreldraw   Illustrator   Freehand   Photoimpact   多媒体   图形图像

标准 网站致力的规范

Valid CSS!

无不良内容,无不良广告,无恶意代码

Valid XHTML 1.0 Transitional

creativecommons