新型SEO思维就是从一个全新的层次上提升seo优化的水平,达到网络信息最佳化的展示效果!
马海祥博客 > 网站制作 > 网页制作 > 网页制作过程中常用的20个功能代码

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

时间:2014-01-13   文章来源:马海祥博客   访问次数:

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

网页制作过程中常用的20个功能代码-马海祥博客

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@263.net?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、设为首页

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

马海祥博客点评:

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

本文为马海祥博客原创文章,如想转载,请注明原文网址摘自于http://www.mahaixiang.cn/wyzz/383.html,注明出处;否则,禁止转载;谢谢配合!

相关热词搜索: 网页制作 网页功能代码 网页代码

上一篇:如何制作一个响应式网页?
下一篇:实现网页图片预加载效果的3种技术方法

今日话题更多>

SEO研究院 更多 >>