`
javatome
  • 浏览: 837087 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

网页制作人员必看的24条技巧

 
阅读更多

01、让背景图不滚动

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

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


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

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


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

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


04、禁止右键:

<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()">


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

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

http://www.qpsh.com,这是你自己的网址。

06、打开窗口即最大化

<script language="JavaScript">

<!-- Begin

  self.moveTo(0,0)

  self.resizeTo(screen.availWidth,screen.availHeight)

// End -->

</script>


07、能隐藏IFRAME的滚动条吗?我知道的三种方法:

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

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

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

08、加入背景音乐

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

09、嵌入网页

<iframe name="tt" src="01a.html" width="450" height="287" 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种过渡方式。如下表:

0 盒状收缩 1 盒状放射

2 圆形收缩 3 圆形放射

4 由下往上 5 由上往下

6 从左至右 7 从右至左

8 垂直百叶窗 9 水平百叶窗

10 水平格状百叶窗 11垂直格状百叶窗

12 随意溶解 13从左右两端向中间展开

14从中间向左右两端展开 15从上下两端向中间展开

16从中间向上下两端展开 17 从右上角向左下角展开

18 从右下角向左上角展开 19 从左上角向右下角展开

20 从左下角向右上角展开 21 水平线状展开

22 垂直线状展开 23 随机产生一种过渡方式


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

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

16、怎样在 FrontPage2000 中加入 Flash 动画?

在 FrontPage2000 中,点击[插入]->[高级]->[插件],在弹出的窗口中,设置一下 Flash 文件的大小及其它信息,确定即可。

17、加入注释的格式是:
<!-[注释内容…]-->

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

<A href="mailto:Email@263.net?subject=主题">……</a>


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

<meta name="Keywords" content="china,网页特效园地,business,net">

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

这里有个技巧,你可以重复某一个单词,这样可以提高自己网站的排行位置,如:

<meta name="Keywords" content="china,china,china,china">

20、IE5.0 的部分快捷键:

A:打开查找功能:Ctrl+F

关闭浏览器窗口:Ctrl+W

打开地址栏下拉列表框:F4

刷 新:F5

将当前Web页保存到收藏夹列表:Ctrl+D

打开当前 IE 窗口的一个拷贝:Ctrl+N

停止下载当前网页:Esc

光标迅速移动到网页的开头:Home

光标迅速移动到网页的尾部:End

打开新的地址键入窗口:Ctrl+O

打开收藏夹:Ctrl+I

打开历史记录文件夹:Ctrl+H

打开浏览器设定的默认主页:Alt+HOME

21、添加到收藏夹:

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

22、设为首页:

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

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

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


link rel="shortcuticon" href="http://…/icon.ico">


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

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

A:在 <body> 中加 dir=RTL,即 <body dir=RTL>。


分享到:
评论

相关推荐

    网页制作必看技巧

    以下是从“网页制作必看技巧”中提炼出的24个关键知识点,旨在帮助网页制作人员提升技能,优化用户体验。 1. **背景图像固定**:使用`图片路径" bgproperties="fixed"&gt;`可以使背景图像在滚动时保持固定位置,增强...

    网页设计人员必看:JavaScript使用技巧精萃

    (一).确认删除用法: 1. BtnDel.Attributes.Add("onclick","return confirm('"+"确认删除?"+"')"); 2. linktempDelete.Attributes["onclick"]="javascript:return confirm('"+"确认删除?"+"');...

    JSF人门(网页设计人员或应用程序设计人员必备)

    对于网页设计人员,JSF提供了丰富的UI组件库,如按钮、文本框、表格等,这些组件可以直接在页面上使用,通过声明式的方式配置,极大地提高了设计效率。设计人员可以通过JSF的Facelets技术来创建和布局页面,这是一种...

    网页制作经典技巧24条

    网页制作经典技巧是提升网站质量和用户体验的关键因素。以下是一些重要的网页制作技巧: 1. **让背景图不滚动**:在IE...以上技巧能帮助网页制作人员创建更具吸引力和用户友好的网站,提高用户体验,促进网站的成功。

    jsp网页设计40种常见的网页技巧

    在网页设计领域,JavaServer Pages (JSP) 是一种强大的技术,它允许开发人员创建动态、交互式的网页。本文将围绕“jsp网页设计40种常见的网页技巧”这一主题,结合JavaScript的应用,来深入探讨一些实用的技术点。 ...

    HTML CSS JavaScript 网页制作从入门到精通

    内容简介 全书共分为19章和4个附录,重点介绍使用HTML进行网页制作的...本书语言简洁、内容丰富,适合网页设计与制作人员、网站建设与开发人员、大中专院校相关专业师生、网页制作培训班学员、个人网站爱好者阅读。

    动态网页设计与制作].吴以欣.插图版

    《动态网页设计与制作》是吴以欣撰写的一本专为网页制作人员打造的插图版教程,旨在帮助读者深入理解和掌握动态网页的设计与制作技术。动态网页是互联网上一种常见的网页形式,它能根据用户交互、服务器端数据处理...

    《网页设计与制作项目教程(HTML+CSS+JavaScript)》-配套源码.rar

    网站开发 ...本书既可作为高等院校本、专科相关专业的网页设计与制作课程的教材,也可作为网页平面设计的培训教材,是一本适合网页制作、美工设计、网站开发、网页编程等行业人员阅读与参考的教材。

    动态网页导航,网页制作小技巧

    在网页设计领域,动态网页导航是一种提升用户体验的重要技术。它不仅让网站看起来更现代、更具交互性,还能帮助用户更高效地浏览和找到所需信息。本文将深入探讨动态导航的概念,以及实现这些小技巧的方法。 动态...

    《网页设计》课程设计报告书.docx

    综上所述,这份《网页设计》课程设计报告书详细阐述了创建一个旅游文化类网站的全过程,从需求分析到技术实现,再到创新设计,充分体现了网页设计的基本原则和实践技巧,同时也展示了作者对亳州旅游文化的深入理解和...

    [Dreamweaver、Photoshop、Flash网页制作与网站建设精粹(视频精讲版)].王雪荣等.扫描版

    本书以目前最受设计人员欢迎的Dreamweaver、Flash、Photoshop为工具,详细介绍了网页设计与网页制作的原理和常用技巧方法。全书共分20章,主要包括网页制作与网站建设入门基础,Dreamweaver CS5.5创建基本文本网页,...

    网页编写技巧网页开发

    学会使用选择器选择元素,如类选择器、ID选择器、元素选择器,以及了解盒模型、定位、浮动、Flexbox和Grid布局,可以让你的网页设计更加美观和响应式。 3. JavaScript交互:JavaScript是网页动态效果的关键,它使...

    萌宠家园 关于宠物的网页制作

    【萌宠家园 关于宠物的网页制作】 网页制作是一个涵盖了多个技术领域的综合实践,尤其在设计一个关于宠物的主题页面时,我们需要关注的方面包括用户体验、视觉设计、前端开发以及内容规划。在这个“萌宠家园”项目...

    网页设计作品欣赏

    在"网页设计作品欣赏"这个主题中,我们可以深入探讨一些关键的设计原则、技巧和趋势,这些都是网页设计师和美工人员需要掌握的核心知识。 首先,配色方案是网页设计中的重要元素。国外的配色实例通常具有国际视野和...

    FrontPage网页制作基础练习+典型案例

    FrontPage是一款由微软公司开发的简单易用的网页制作软件,它被设计成与Office系列软件无缝集成,便于非专业人员快速创建和编辑网页。在"FrontPage网页制作基础练习+典型案例"的学习资源中,我们可以深入理解并掌握...

    网页制作与网站开发从入门到精通ppt

    是一本帮助网页制作初学者和从事网站开发的工作人员快速入门、提高并能学以致用的书籍,主要包括:用Fireworks CS3处理网页图像、用Flash CS3制作网页动画、用Dreamweaver CS3整合网页素材、网页的布局、网站的开发...

    CSS&javascript;动态网页设计与制作 插图版[PDF]

    本书全面系统地介绍了用HTML、CSS和JavaScript制作网页的编程技术。全书主要分为4大部分:HTML基础、CSS基础和实用技巧、JavaScript的...本书可以作为计算机相关专业的教材,也可以作为一般网页制作人员的自学用书。

    网页设计与制作任务驱动式教程第2版陈承欢案例结果课程设计.docx

    在当前的就业市场中,这一领域涵盖了多个职业岗位,如网页制作、网站设计和网页设计等,每个岗位都有其特定的工作职责和任职资格。 1. 网页制作类职业岗位: 网页制作人员是网站构建过程中的关键角色。他们的主要...

    网页设计与制作课程标准[详].doc

    《网页设计与制作》课程标准是针对中等职业学校...包括软件操作、页面布局、图形设计、动画制作、CSS样式应用以及框架结构的创建,旨在培养学生的创新能力和解决实际问题的能力,使其成为合格的网页设计师或制作人员。

Global site tag (gtag.js) - Google Analytics