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

  • 11,323 views

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

  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、竞价托管和公众号代运营服务。
王发利
  • 本文由 发表于 2016 年 9 月 26 日
  • 转载请务必保留本文链接:http://wangfali.com/wzzz/4821.html
为自适应网站添加meta标签增强搜索友好性 网站制作

为自适应网站添加meta标签增强搜索友好性

自适应网页可以自动识别终端设备屏幕的大小从而做出相应调整,完美解决了如何在不同大小的网络设备上呈现同样的网页效果。大家公认自适应至少有提升用户体验,PC端和移动端保持一致;避免重复内容和出错内容、链接...
dreamweaver网页模板批量制作方法、技巧 网站制作

dreamweaver网页模板批量制作方法、技巧

对于网页模板的出现,可以说在很大程度上节省了美工和程序人员的工作时间,并大幅度提高了工作效率,一个合格的网页模板的确让我们可以有一条更好的路径对待一些低端的客户,能够快速的去完成我们的一些任务,而且这...
新手制作网页必知10大要点 网站制作

新手制作网页必知10大要点

在网站制作时,我们可能会遇到很多的问题,所以网页设计师通常要扮演多种角色,并且要掌握如何构建一个有效实用的网站布局知识。 所以,今天分享一下新手制作网页必知10大要点,这应该也是每位网页设计师新手都应...
提高网页访问速度的方法和技巧 网站制作

提高网页访问速度的方法和技巧

获得提高网页访问速度的方法和技巧,帮助网页打开速度加快,因为网页的加载速度是评估网站质量一个重要指标,大多数用户能够容忍的网页加载时间只有几秒,如果超出了访客的忍受范围他们会毫不留情地关掉你的网页,所...
匿名

发表评论

匿名网友 填写信息

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

评论:1   其中:访客  1   博主  0
    • 阿里百科 阿里百科 1

      受用了,收藏