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

  • A+
所属分类:网站制作

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

1、让背景图不滚动

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

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

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

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

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

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

4、禁止右键

  1. <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、打开窗口即最大化

  1. <script language="JavaScript">
  2. <!-- Begin
  3. self.moveTo(0,0)
  4. self.resizeTo(screen.availWidth,screen.availHeight)
  5. // End -->
  6. </script>

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

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

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

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

8、加入背景音乐

  1. <bgsound src="mid/windblue[1].mid" loop="-1">
  2. <!--只适用于IE-->
  3. <embed src="music.mid" autostart="true" loop="true" hidden="true">
  4. <!--对Netscape ,IE ,TT都适用-->

9、嵌入网页

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

10、跳转

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

11、滚动

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

12、细线分隔线

  1. <hr noshade size=0 color=#C0C0C0>

13、过度方式

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

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

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

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

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

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

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

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

<meta name="Keywords" content="seo博客,王发利博客,mahaixiang.cn">

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

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

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

17、添加到收藏夹

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

18、设为首页

  1. <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>

王发利SEO博客说:随着互联网的发展需求,网站制作的布局设计将会变得越来越重要。访问者不愿意再看到只注重内容的站点。虽然内容很重要,但只有当网站制作和网页内容成功接合时,这种网页或者说站点才是受人喜欢的。那么如何将这些功能技巧融入到网页制作中,增加访客的用户体验,将会是未来设计师们面对的最大的挑战。

weinxin
我的微信
分享SEO优化、SEM营销、新媒体知识,交流营销运营经验,提供网站制作、SEO、竞价托管和公众号代运营服务。

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

目前评论:1   其中:访客  1   博主  0

    • avatar 阿里百科 1

      受用了,收藏