ImageVerifierCode 换一换
格式:DOC , 页数:2 ,大小:21KB ,
资源ID:7669965      下载积分:10 金币
验证码下载
登录下载
邮箱/手机:
验证码: 获取验证码
温馨提示:
支付成功后,系统会自动生成账号(用户名为邮箱或者手机号,密码是验证码),方便下次登录下载和查询订单;
特别说明:
请自助下载,系统不会自动发送文件的哦; 如果您已付费,想二次下载,请登录后访问:我的下载记录
支付方式: 支付宝    微信支付   
验证码:   换一换

开通VIP
 

温馨提示:由于个人手机设置不同,如果发现不能下载,请复制以下地址【https://www.zixin.com.cn/docdown/7669965.html】到电脑端继续下载(重复下载【60天内】不扣币)。

已注册用户请登录:
账号:
密码:
验证码:   换一换
  忘记密码?
三方登录: 微信登录   QQ登录  
声明  |  会员权益     获赠5币     写作写作

1、填表:    下载求助     留言反馈    退款申请
2、咨信平台为文档C2C交易模式,即用户上传的文档直接被用户下载,收益归上传人(含作者)所有;本站仅是提供信息存储空间和展示预览,仅对用户上传内容的表现方式做保护处理,对上载内容不做任何修改或编辑。所展示的作品文档包括内容和图片全部来源于网络用户和作者上传投稿,我们不确定上传用户享有完全著作权,根据《信息网络传播权保护条例》,如果侵犯了您的版权、权益或隐私,请联系我们,核实后会尽快下架及时删除,并可随时和客服了解处理情况,尊重保护知识产权我们共同努力。
3、文档的总页数、文档格式和文档大小以系统显示为准(内容中显示的页数不一定正确),网站客服只以系统显示的页数、文件格式、文档大小作为仲裁依据,个别因单元格分列造成显示页码不一将协商解决,平台无法对文档的真实性、完整性、权威性、准确性、专业性及其观点立场做任何保证或承诺,下载前须认真查看,确认无误后再购买,务必慎重购买;若有违法违纪将进行移交司法处理,若涉侵权平台将进行基本处罚并下架。
4、本站所有内容均由用户上传,付费前请自行鉴别,如您付费,意味着您已接受本站规则且自行承担风险,本站不进行额外附加服务,虚拟产品一经售出概不退款(未进行购买下载可退充值款),文档一经付费(服务费)、不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
5、如你看到网页展示的文档有www.zixin.com.cn水印,是因预览和防盗链等技术需要对页面进行转换压缩成图而已,我们并不对上传的文档进行任何编辑或修改,文档下载后都不会有水印标识(原文档上传前个别存留的除外),下载后原文更清晰;试题试卷类文档,如果标题没有明确说明有答案则都视为没有答案,请知晓;PPT和DOC文档可被视为“模板”,允许上传人保留章节、目录结构的情况下删减部份的内容;PDF文档不管是原文档转换或图片扫描而得,本站不作要求视为允许,下载前自行私信或留言给上传者【xrp****65】。
6、本文档所展示的图片、画像、字体、音乐的版权可能需版权方额外授权,请谨慎使用;网站提供的党政主题相关内容(国旗、国徽、党徽--等)目的在于配合国家政策宣传,仅限个人学习分享使用,禁止用于任何广告和商用目的。
7、本文档遇到问题,请及时私信或留言给本站上传会员【xrp****65】,需本站解决可联系【 微信客服】、【 QQ客服】,若有其他问题请点击或扫码反馈【 服务填表】;文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“【 版权申诉】”(推荐),意见反馈和侵权处理邮箱:1219186828@qq.com;也可以拔打客服电话:4008-655-100;投诉/维权电话:4009-655-100。

注意事项

本文(Windows桌面风格页面制作点滴.doc)为本站上传会员【xrp****65】主动上传,咨信网仅是提供信息存储空间和展示预览,仅对用户上传内容的表现方式做保护处理,对上载内容不做任何修改或编辑。 若此文所含内容侵犯了您的版权或隐私,请立即通知咨信网(发送邮件至1219186828@qq.com、拔打电话4008-655-100或【 微信客服】、【 QQ客服】),核实后会尽快下架及时删除,并可随时和客服了解处理情况,尊重保护知识产权我们共同努力。
温馨提示:如果因为网速或其他原因下载失败请重新下载,重复下载【60天内】不扣币。 服务填表

Windows桌面风格页面制作点滴.doc

1、Windows桌面风格页面制作点滴具体细节表现:菜单对与对话框的凸凹感:我们天天看到的右键菜单、任务栏和开始菜单,都有立体感,我们通过css来实现这种效果是很容易的。具体是通过border(边框),在上下左右设置不同的颜色,以达到立体感的效果。以下面的例子说明:样式表:.upborder-right: #000000 2px solid; border-top: #FFFFFF 2px solid; border-left: #FFFFFF 2px solid; border-bottom: #000000 2px solid; background-color: #D8D8D0在要用立体感的

2、层上加上class=up 例子:要使层有凸出感,我们可以先选择好层的背景,层的上、左边框用比背景颜色浅一些,而层的下、右边框用比背景深一些。同样如果定义有凹进感的层,上、左边要深,下、右边要浅。边框的宽度来改变立体感的强弱。像快速启动栏处的凸出感不太强,1px就可以了。大家可以看一个没有定义好样式表的情形。桌面图标:从图标的要求与功能上来看,它应该可以拖动、双击打开链接、图标的外观与链接的内容相关等。这样要求我们来用每个层来定义一个图标,图标的拖动就是层的拖动和层的绝对定位。图标图片最好是透明的GIF图片,大小与图标大小一致3232。我们可以用.ICO文件来转换成.GIF图形,或者用抓图软件来

3、抓取系统桌面的图标。当然如果你的图像处理的水平不错,你可以做好更好看的图标。双击链接,我们可以通来onDblClick(双击)鼠标事件来完成。排列图标的实现,就是再一次对层的绝对定位。菜单:菜单每个项目同样是用层。主要用到鼠标的悬停(onmouseover)、鼠标离开(onmouseout)来改变层的背景色,和菜单的隐藏与显示。开菜单栏的图片用2424大小的GIF图片,菜单的下一级目录菜单可以用1616大小的。同一类菜单放在一个层中来定位。开始菜单中的定位:定位中通常用top:XX;left:XX;而开始菜单要用bottom:XX来定位,因为不管浏览器窗口的大小,菜单都在在最底处。开始菜单放在

4、一个表格中,分为两个单元格,左边放在网站标记图片,右键放所有的菜单项目:关机、注销、帮助下面以图示的形式说明开始菜单的制作细节: 具体细节表现:菜单对与对话框的凸凹感:我们天天看到的右键菜单、任务栏和开始菜单,都有立体感,我们通过css来实现这种效果是很容易的。具体是通过border(边框),在上下左右设置不同的颜色,以达到立体感的效果。以下面的例子说明:样式表:.upborder-right: #000000 2px solid; border-top: #FFFFFF 2px solid; border-left: #FFFFFF 2px solid; border-bottom: #00

5、0000 2px solid; background-color: #D8D8D0在要用立体感的层上加上class=up 例子:要使层有凸出感,我们可以先选择好层的背景,层的上、左边框用比背景颜色浅一些,而层的下、右边框用比背景深一些。同样如果定义有凹进感的层,上、左边要深,下、右边要浅。边框的宽度来改变立体感的强弱。像快速启动栏处的凸出感不太强,1px就可以了。大家可以看一个没有定义好样式表的情形。桌面图标:从图标的要求与功能上来看,它应该可以拖动、双击打开链接、图标的外观与链接的内容相关等。这样要求我们来用每个层来定义一个图标,图标的拖动就是层的拖动和层的绝对定位。图标图片最好是透明的GI

6、F图片,大小与图标大小一致3232。我们可以用.ICO文件来转换成.GIF图形,或者用抓图软件来抓取系统桌面的图标。当然如果你的图像处理的水平不错,你可以做好更好看的图标。双击链接,我们可以通来onDblClick(双击)鼠标事件来完成。排列图标的实现,就是再一次对层的绝对定位。菜单:菜单每个项目同样是用层。主要用到鼠标的悬停(onmouseover)、鼠标离开(onmouseout)来改变层的背景色,和菜单的隐藏与显示。开菜单栏的图片用2424大小的GIF图片,菜单的下一级目录菜单可以用1616大小的。同一类菜单放在一个层中来定位。开始菜单中的定位:定位中通常用top:XX;left:XX;

7、而开始菜单要用bottom:XX来定位,因为不管浏览器窗口的大小,菜单都在在最底处。开始菜单放在一个表格中,分为两个单元格,左边放在网站标记图片,右键放所有的菜单项目:关机、注销、帮助下面以图示的形式说明开始菜单的制作细节:开始菜单的制作细节:序号1处是一个图片,放在单格中,将单格的背景设置为这个图片上端的颜色,单格的定位为底边对齐,这样做的好处是为了使当菜单长度大于图片时,不会出现颜色突变。用Frontpage和抓图工具可以完成。思路是用一个渐变的色条作表格的背景,在上面写是所要的文字,调整好文字的颜色、字体,然后抓图,再通过FP里面的图像工具来转换角度。序号2处是大小为2424的GIF透明

8、图像,可以抓系统菜单中的图标。序号3处是一段空隙,这里不要用空格,可以用一段隐藏的文字符号来代替。这是一个例子:-序号4处的箭头是用的Webdings字体:4。背景色为深蓝色,是因为鼠标放在上面,通过鼠标形为来动态改变菜单层的样式表。例如: onMouseOver=this.className=over onMouseOut=this.className=overout序号5处是用的水平线;为了使它更真实,要用样式表来控制它的样式,例如:hrwidth:95%;border: 1px inset #F0F0F0序号6处的空隙同样不要用空格;我们可以用hspace(水平间距)、vspace(垂直

9、间距)。在图像的定位中,要用绝对垂直居中(align=absmiddle),不然文字会与图像下边对齐;正常的表达:制作思路:把它们定位在一个表格中,每一个单元格中放置一个图片。这个大的表格定位在最底下,用上面提到的bottom,表格的宽度调用screen.width。用不同的样式表来控制各个部分的凹凸外观。用鼠标的形为来动态改变调用已经定义好的样式表。在快速启动栏中,要用到鼠标的over,out,down,up四个行为。例如:onMouseXX=this.className=XX。快速启动栏处的图标大小为2020,单元格的宽度要大于24,因为太小了,当然悬停的时候,整个任务栏可能会左右移动。窗

10、口与对话框:对话框中有可以拖动的标题栏,关闭窗口的关闭按钮。拖动形为就是层的拖动,关闭对话框就是层的隐藏。为了使对话框窗口能在各种分辨率下居中,我们可以调用screen.width、screen.height(窗幕的宽与高),例如: style=position: absolute; top:expression(screen.height-150)/2); left:expression(screen.width-200)/2); width: 200; height: 150 网页主题变化:现在很多网页都有换肤的功能,这样使网页更加个性化。为了使桌面风格的网页也有类似桌面主题的功能,我们可

11、以使用改变样式表文件的链接:写几个有不周风格的样式表,通过javascript来调用,达到改变主题的功能。 样式表的链接读法要改为:这里的id=css中的css与上面javascript中的css.href中的css指的是同一个。请看一下几个主题的效果(如图): 另一存改变样式表的方法为改变className:。大家可以点击色彩按钮看看效果:困难和解决:由于网页代码繁长,用到很多的小图片与大量的javascript。网页的更新维护将是一件很头痛的事。下面是一些解决的方法:对于每个层的ID名称的的命名,要根据层的内容。例如个人说明的层用 id=readme 开始菜单 id=startmenu等等

12、。这样是为了更好的对源文件进行改进和优化。同一类层的z-index设置相同,谁在上,谁在下,都是要考虑的。对于很多重复使用的一项代码,我们可以用document.write来写成javascript,像桌面图标等,下面是一个例子:function link(act,txt)document.write(+txt+)如果网页中有十处用到这个代码,我们就要写进十个上面粗体代码长度,但通用javascript,我们就可以只写十个这样的代码:,这样使源文件更清晰,更容易看。把所用的到的funtion函数全部放在js文件中,这样不会使风页文件太大,而出现打不出的现象,同时也更好的管理。不足Windows桌面风格的网页只能是个网页,不能像windows系统一样的功能强大,再加上现在浏览器的差异性,在不同的浏览器下看到的效果也是大相径庭。收获和经验这个网页网页的实现过程,也是我认识了解css、javascript、html过程,是我水平进步的过程。从中也体验到编改写代码的乐趣,有时候为了一个代码要想很久,不能解决就到论坛求助,问题很快就解决了。如果大家有兴趣,可以到我的网页上下载源文件。要做出一个桌面风格的网页,对于网页初学者来,是有一定困难的。也许你对上面所提到的代码很陌生,那也没关系,只要你对网页学习有兴趣,认真学习网页制作的基础知识,相信不久你的手中会诞生出更有创意的网页。

移动网页_全站_页脚广告1

关于我们      便捷服务       自信AI       AI导航        获赠5币

©2010-2025 宁波自信网络信息技术有限公司  版权所有

客服电话:4008-655-100  投诉/维权电话:4009-655-100

gongan.png浙公网安备33021202000488号   

icp.png浙ICP备2021020529号-1  |  浙B2-20240490  

关注我们 :gzh.png    weibo.png    LOFTER.png 

客服