申永祥学习室

网页制作过程中常用的20个功能代码

SEO > 营销 > 网站运营 > 申永祥 发布于 2016年04月01日 | 阅读(86)

一个好的网页制作要能充分吸引访问者的注意力,让访问者产生视觉上的愉悦感。因此在网页创作的时候就必须将网站的整体设计与网页设计的相关原理紧密结合起来。那么在网页制作过程中有哪些代码功能能使我们的网站更加的个性化呢?

1、让背景图不滚动

IE浏览器支持一个Body属性bgproperties,它可以让背景不滚动,其代码如下:

<Body Background="图片文件" bgproperties="fixed">

2、让你的网页无法另存为

<noscript><iframe src=*></iframe></noscript>

3、让IFRAME框架内的文档的背景透明

<iframe src="about:<body style=‘background:transparent‘>" allowtransparency></iframe>

4、禁止右键

<body oncontextmenu="return false" ondragstart="return false" onselectstart ="return false" onselect="document.selection.empty()" oncopy="document.selection.empty()" onbeforecopy="return false"onmouseup="document.selection.empty()">

5、进入页面后立即自动刷新

<meta http-equiv="refresh" content="120;url=http://www.mahaixiang.cn">

6、打开窗口即最大化

<script language="JavaScript">
    <!-- Begin
   self.moveTo(0,0)
   self.resizeTo(screen.availWidth,screen.availHeight)
    // End -->
  </script>

7、隐藏IFRAME的滚动条的三种方法

(1)、设置iframe scrolling="no"

(2)、被包含页body应用overflow:hidden

(3)、被包含页的body标签加scroll="no"

8、加入背景音乐

<bgsound src="mid/windblue[1].mid" loop="-1">

  只适用于IE

<embed src="music.mid" autostart="true" loop="true" hidden="true">

  对Netscape ,IE ,TT都适用

9、嵌入网页

<iframe name="tt" src="http://www.mahaixiang.cn/seoyjy/1.html" width="500" height="280" scrolling="Auto" frameborder="0"></iframe>

10、跳转

<meta http-equiv="refresh" content="3;URL=list.htm">

11、滚动

<MARQUEE direction=up height=146 onmouseout=start() onmouseover=stop() scrollAmount=4></marquee>

12、细线分隔线

<hr noshade size=0 color=#C0C0C0>

13、过度方式

<meta http-equiv="Page-Exit" content="revealTrans(Duration=3,Transition=5)">

Duration的值为网页动态过渡的时间,单位为秒。

Transition是过渡方式,它的值为0到23,分别对应24种过渡方式。如下表所示:

网页制作过程中常用的20个功能代码-

14、如何控制横向和纵向滚动条的显隐

<body style="overflow-y:hidden"> 去掉x轴
  <body style="overflow-x:hidden"> 去掉y轴
  <body scroll="no">不显

15、怎样在网页中加入E-mail链接并显示预定的主题

<A href="mailto:[email protected]?subject=主题">……</a>

16、定义本网页关键字,可以在<Head></Head>中加入如下代码

<meta name="Keywords" content=",,mahaixiang.cn">

Content 中所包含的就是关键字,你可以自行设置。

这里有个技巧,你可以重复某一个单词,这样可以提高单个页面的关键词密度,如:

<meta name="Keywords" content="seo博客,seo博客,seo博客">

17、添加到收藏夹

<a href="javascript:window.external.addFavorite(‘http://www.mahaixiang.cn‘,‘说明‘);">添加到收藏夹</a>

18、设为首页

<a href=# onclick=this.style.behavior=‘url(#default#homepage)‘;this.setHomePage(‘http://www.mahaixiang.cn‘);>设为首页</a>

19、定制浏览器地址栏前的小图标

在网页的<head></head>间加入以下语句即可:

link rel="shortcuticon" href="http://www.mahaixiang.cn/icon.ico">

其中 icon.ico 为16x16的图标文件,颜色不要超过16色。

20、把滚动条放在浏览器窗口的左边

在<body>中加dir=RTL,即<body dir=RTL>

点评:

作者:未知,来自:网络整理

转载请注明来源:申永祥博客,(QQ/微信:790799899)原文地址:原文地址:http://shenyongxiang.com/content-15205-1/

声明:博客内容除标记原创字样以外内容,均来自网络转载,版权归原作者所有,如涉及版权问题请及时联系处理。

上一篇:移动端手机网站页面制作的25个设计要点 下一篇:如何制作一个响应式网页?