首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 开发语言 > 编程 >

网站设计惯用技巧收集整理

2012-09-25 
网站设计常用技巧收集整理先说一下写这篇文章的目的吧,这上面的东西很多不是我写的,也不是我总结的,这点我

网站设计常用技巧收集整理

先说一下写这篇文章的目的吧,这上面的东西很多不是我写的,也不是我总结的,这点我肯定,呵呵,我希望大家也能提提你自己的建议,希望不断总结,

让更多的网站设计技巧出现在这里,方便 查找和使用,因为很多时候想要这些东西的时候不容易找到,而且不集中。我个人会继续努力收集,并更新请大家关注

-------------------------------------------一般不会注意的地方---------------------------------------------

1.不管是IE那个版本都规定为IE8使用

现在我们一起看一下博客园上面的这两个东东

用于Table

5.? IE地址栏前换成自己的图标

网站设计惯用技巧收集整理网站设计惯用技巧收集整理网站设计惯用技巧收集整理网站设计惯用技巧收集整理

39.在规定时间内跳转

content="5;URL=http://www.williamlong.info">


40.网页是否被检索 <meta name="ROBOTS" content="属性值">   其中属性值有以下一些:   属性值为"all": 文件将被检索,且页上链接可被查询;   属性值为"none": 文件不被检索,而且不查询页上的链接;   属性值为"index": 文件将被检索;   属性值为"follow": 查询页上的链接;   属性值为"noindex": 文件不检索,但可被查询链接;   属性值为"nofollow": 文件不被检索,但可查询页上的链接。

最大化窗口? <script language="JavaScript"> <!-- self.moveTo(0,0) self.resizeTo(screen.availWidth,screen.availHeight) //--> </script>

解决问题:由于层与下拉框之间的优先级是:下拉框 > 层,因此在显示的时候,会因为优先级的次序而会出现如上问题。(如果几个元素都是层的话,我们可以通过层的 z-index 属性来设置)解决办法就是:给层中放一个优先级比下拉框更高的元素(iframe),从而解决此问题!具体解决代码如下:

<div id="menu" style="position:absolute; visibility:hidden; top:20px; left:20px; width:100px; height:200px; background-color:#6699cc;"> <table> ? <tr><td>item 1</td></tr> ? <tr><td>item 2</td></tr> ? <tr><td>item 3</td></tr> ? <tr><td>item 4</td></tr> ? <tr><td>item 5</td></tr> ? </table> ? <iframe src="/blog/javascript:false" style="position:absolute; visibility:inherit; top:0px; left:0px; width:100px; height:200px; z-index:-1; filter='progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)';"></iframe> </div>

<a href="#" onclick="document.getElementById('menu').style.visibility='visible'">menu</a>

<form> ? <select><option>A form selection list</option></select> </form>

输入框也可以做的很漂亮了 <div align="center"><input type="hidden" name="hao" value="yes"> ????????????? 外向数:<input ????? name=answer ????? style="color: rgb(255,0,0); border-left: medium none; border-right: medium none; border-top: medium none; border-bottom: 1px solid rgb(192,192,192)"> ???????????  没回答的题数:<input ????? name=unanswer id="unanswer" ????? style="color: rgb(255,0,0); border-left: medium none; border-right: medium none; border-top: medium none; border-bottom: 1px solid rgb(192,192,192)"> ??????????? <br/> ??????????? 总得分: ??????????? <input ????? name=score id="score" ????? style="color: rgb(255,0,0); border-left: medium none; border-right: medium none; border-top: medium none; border-bottom: 1px solid rgb(192,192,192)"> ???????????  结    论: ??????????? <input ????? name=xgjg id="xgjg" ????? style="color: rgb(255,0,0); border-left: medium none; border-right: medium none; border-top: medium none; border-bottom: 1px solid rgb(192,192,192)"> ??????????? <br/> ??????????? <br/> ??????????? ??????????? <input onClick=processForm(this.form) style="FONT-FAMILY: 宋体; FONT-SIZE: 9pt" type=button value=查看结果 name="button"> ???????????? <input type="reset" name="Submit" value="重做"> ??????????? </div> 注意:修改<body>为<body onload="max.Click()">即为打开最大

化窗口,而如果改为<body onload="min.Click()">就变为窗口一打开就最小化

<object id="min" type="application/x-oleobject" classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11"> ??????????? <param name="Command" value="Minimize"> ????????? </object> <object id="max" type="application/x-oleobject" classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11"> ??????????? <param name="Command" value="Maximize"> ????????? </object> </body>

页面自动刷新(说明)

当你做网页时,是不是有的时候想让你的网页自动不停刷新,或者过一段时间自动跳转到另外一个你自己设定的页面?其实实现这个效果非常地简单,而且这个效果甚至不能称之为特效。你只要把如下代码加入你的网页中就可以了。

1,页面自动刷新:把如下代码加入<head>区域中<meta http-equiv="refresh" content="20">,其中20指每隔20秒刷新一次页面.

2,页面自动跳转:把如下代码加入<head>区域中<meta http-equiv="refresh" content="20;url=http://www.williamlong.info">,其中20指隔20秒后跳转到http://www.williamlong.info/页面。

页面自动关闭

5000是指时间<body onLoad="setTimeout(window.close, 5000)">

弹出窗口自动关闭

10秒后弹出窗口自动关闭

注意:在新的tan.htm的body中要加 <onLoad="closeit()"> head

网站设计惯用技巧收集整理
<object type="text/x-scriptlet" width="800"  height="1000" data="../index.htm"> </object>

热点排行