您的位置：首页 > 编程技术 > html  >  制作网页中的渐变背景方法

制作网页中的渐变背景方法

 更新时间：2016年9月20日 19:04  点击：2070
方法一:
用图实现
1切一张1*760的渐变背景图
2在dw中添加做背景

方法二:
用css实现,代码如下:
<html>
<body style="FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#000000)">
<center>
<font size="+3"><strong>网页背景色渐变<br>
（从白色到黑色） </strong></font> <br>
<br>
</center>
</body>
</html>

下面这个是斜角渐变啊
<html>
<body style="FILTER: Alpha( style=1,opacity=25,finishOpacity=100,startX=50,finishX= 100,startY=50,finishY=100); background-color: skyblue">
<h1>背景渐变(左上至右下)</h1>
</body>
</html>
很COOL的哦！

方法三:
用javascript实现
<SCRIPT LANGUAGE="javascript">

<!-- Hide from old browsers
var Color= new Array(9);
Color[1] = "ff";
Color[2] = "ee";
Color[3] = "dd";
Color[4] = "cc";
Color[5] = "bb";
Color[6] = "aa";
Color[7] = "99";
Color[8] = "88";
Color[9] = "77";
Color[10] = "66";
Color[11] = "55";
Color[12] = "44";
Color[13] = "33";
Color[14] = "22";
Color[15] = "11";
Color[16] = "00";
/* Do not display text on a fading background. Instead, let it
fade in and out once or twice, then load a new page. */
function fadeIn(where) {
if (where >= 1) {
document.bgColor="#" + Color[where] +"0000";
where -= 1;
setTimeout("fadeIn("+where+")", 15);
} else {
setTimeout('fadeOut(1)', 15);
}
}
function fadeOut(where) {
if (where <=16) {
document.bgColor="#" + Color[where] +"0000";
where += 1;
setTimeout("fadeOut("+where+")", 15)
} else {
setTimeout("fadeIn(16)", 15);
// window.location.href="http://";
}
}
// Unhide -->
</SCRIPT>

<body bgcolor="#fef4d9" onLoad="fadeIn(16)">


< 近两年一种新的多媒体形式——三维全景出现在出现在网络上。

　　多媒体制作行业：这是三维全景工具用户最多的一个行业，他们会为不同行业提供制作服务，结合其他多媒体技术，如 flash、视频、3维动画等来为最终客户提供网站制作、宣传光盘制作等

　　房地产网站：房地产平台，比如搜房、上海的金丰易居等，他们可以为开发商、中介等提供服务，最主要的，可以提升他们自己网站的访问量。

　　酒店宾馆：用于大堂触摸屏中的酒店导栏中酒店展示，也可用于该酒店的网站。

　　订房网：如携程网、上海订房网等，订房网给其中会员酒店提供制作服务。通常有全景展示的酒店订房率要远远高于没有全景展示的。

　　相关网络平台：如漫游网，为其中的饭馆、娱乐场所提供简介和评价，部分提供全景介绍。阿里巴巴也为其中的一些星级较高的厂商提供增值服务，产品360展示或者厂房的全景展示。

　　旅游景点：各种风景名胜、旅游景点的网站

　　虚拟校园展示：如郑州轻工业学院，使学生的和家长很方便的了解到学校的环境，教学条件，用以促进考生的报考率。 　　网友在浏览网页时，造成注册表被修改，使得IE默认连接首页、标题栏及IE右键菜单被改为浏览网页时的地址（多为广告信息），更有甚者使浏览者的电脑在启动时出现一个提示窗口显示自己的广告，而且有愈演愈烈之势，遇到这种情况我们该怎样办呢？

　　一、注册表被修改的原因及解决办法

　　其实，该恶意网页是含有有害代码的ActiveX网页文件，这些广告信息的出现是因为浏览者的注册表被恶意更改的结果。

　　1、IE默认连接首页被修改

　　IE浏览器上方的标题栏被改成“欢迎访问……网站”的样式，这是最常见的篡改手段，受害者众多。

　　受到更改的注册表项目为：

　　HKEY_LOCAL_MACHINESOFTWAREMicrosoftInternet ExplorerMainStart Page

　　HKEY_CURRENT_USERSoftwareMicrosoftInternet ExplorerMainStart Page

　　通过修改“Start Page”的键值，来达到修改浏览者IE默认连接首页的目的，如浏览“万花谷”就会将你的IE默认连接首页修改为“http://on888.home.chinaren.com ”，即便是出于给自己的主页做广告的目的，也显得太霸道了一些，这也是这类网页惹人厌恶的原因。

　　解决办法：

　　①在Windows启动后，点击“开始”→“运行”菜单项，在“打开”栏中键入regedit，然后按“确定”键；

　　②展开注册表到

　　HKEY_LOCAL_MACHINESOFTWAREMicrosoftInternet ExplorerMain

　　下，在右半部分窗口中找到串值“Start Page”双击 ，将Start Page的键值改为“about:blank”即可；

　　③同理，展开注册表到

　　HKEY_CURRENT_USERSoftwareMicrosoftInternet ExplorerMain

　　在右半部分窗口中找到串值“Start Page”，然后按②中所述方法处理。

　　④退出注册表编辑器，重新启动计算机，一切OK了！

　　特殊例子：当IE的起始页变成了某些网址后，就算你通过选项设置修改好了，重启以后又会变成他们的网址啦，十分的难缠。其实他们是在你机器里加了一个自运行程序，它会在系统启动时将你的IE起始页设成他们的网站。

　　解决办法：运行注册表编辑器regedit.exe，然后依次展开

　　HKEY_LOCAL_MACHINESoftwareMicrosoftWindowsCurrent VersionRun

　　主键，然后将其下的registry.exe子键删除，然后删除自运行程序c:Program Filesregistry.exe，最后从IE选项中重新设置起始页就好了。

　　2、篡改IE的默认页

　　有些IE被改了起始页后，即使设置了“使用默认页”仍然无效，这是因为IE起始页的默认页也被篡改啦。具体说来就是以下注册表项被修改：

　　HKEY_LOCAL_MACHINESoftwareMicrosoftInternet Explorer

　　MainDefault_Page_URL

　　“Default_Page_URL”这个子键的键值即起始页的默认页。

　　解决办法：

　　运行注册表编辑器，然后展开上述子键，将“Default_Page_UR”子键的键值中的那些篡改网站的网址改掉就好了，或者设置为IE的默认值。

　　3、修改IE浏览器缺省主页，并且锁定设置项，禁止用户更改回来。

　　主要是修改了注册表中IE设置的下面这些键值(DWORD值为1时为不可选)：

　　[HKEY_CURRENT_USERSoftwarePoliciesMicrosoftInternet ExplorerControl Panel]

　　"Settings"=dword:1

　　[HKEY_CURRENT_USERSoftwarePoliciesMicrosoftInternet ExplorerControl Panel]

　　"Links"=dword:1

　　[HKEY_CURRENT_USERSoftwarePoliciesMicrosoftInternet ExplorerControl Panel]

　　"SecAddSites"=dword:1

　　解决办法：

　　将上面这些DWORD值改为“0”即可恢复功能。

如果你和SethII一样是个喜欢逛个人网站的话。你一定会发现国内的网页设计有这样一些通病：

　　1.盲目的“崇洋”

　　很多国内朋友都喜欢在个人网页里大量的使用英文。诚然，英文的笔画简单明了，变化也更多，比起中文的方块字来更加活泼。确实能为网页增色不少。但我们不应该忘记：我们的设计，最终目的是让别人来欣赏。（不然，干嘛要放到互联网上）而对我们而言我们需要面对的“观众”绝大部分是和我们一样使用中文的朋友。所以，为了能更好的让观众理解我们的设计，需要用最直接的方式：中文。请注意：SethII这样说完全不是出于某种狭隘的民族主义。

　　

　　另外，各位如果嫌我们的方块字不够好看的话，不妨去参观一下日本和韩国的网站。看看同样使用方块文字的他们是怎样进行演绎的。

　　2.千篇一律，缺乏创意。

　　各位只要看一看国内个人网站中使用频率最高的"04b-08"字体，和Chromeless Window插件就可以理解为什么SethII要这样说了。

　　是"04b-08"和CW不好吗？当然不是！——"04b-08"在很小的情况下仍能保持很好的可读性。"Chromeless Window"做出来的窗口的确也很漂亮。

　　但是！

　　"04b-08"和CW也有它们所适应的情况。试想：在一个使用优雅的中古风格的叶面里使用带点高科技风味的"04b-08"，显然是很不合适的。

　　以上只是讨论了"04b-08"的适用性。我想，就现在来说，即使"04b-08"极适合很您的网页，您也最好放弃这种字体。大家的个人主页就是想突出自己的个性，若使用这种已经被用滥了的字体，恐怕起不到什么凸现个性的效果。

　　3.滥用技术

　　常常看见这样的网站：一进主页，'peng'的弹出一个带警告图标的对话框，上面写着“欢迎光临”之类的话。进入页面，一大堆的Timeline物件飞来飞去。页面醒目位置放置着数字不超过3位数的计数器。一移鼠标，发现上面跟着一群javascript制作的彩色小点。再看Banner居然是用Flash做的，在看看效果，单调的几个字符极不流畅的摇来摇去，明显是一帧一帧画上去的。离开的时候又'peng'的一个“欢迎再来”。再查查IE首页，早换掉了！再点点鼠标右键，连右键菜单也添上了他网站的名字。回头想想，他没有锁定你的注册表已经是很仁慈的了。

　　请问，这样的网站还会有人去“再次光临”吗？

　　4.没有考虑参观者的感受

　　不知看过多少个人网站，将链接“藏”得真够隐蔽。让人看了半天也不知该按哪里继续浏览。还有导航条做得过小的情况，本来用来导航的“导航”条，根本起不到导航的作用。更有的设计者，连个返回的超连接也没有。非得使用IE的“后退”按钮才能返回。

　　关于这一点还有一个更普遍的问题：很多网页制作者在设计的时候没有考虑叶面在不同分辨率下的显示效果，造成叶面变形或者要用户使用滚动条才能浏览全貌。这一点大家可以参考榕树下发行的电子杂志《Image无限》，这本电子杂志在解决不同分辨率下的显示问题，有他的独到之处。

　　嗯，聒噪了这么一些，也不知大家烦了没有。SethII还是赶快住嘴吧。


<

　　你是否正准备织网或者正在织网的路上？如果是，那么有没有感觉到网络上扑面而来的网站建设资源呢？“他山之石，可以攻玉。”个人的精力毕竟是有限的，“引用”也是硬道理。　　

　　一、引用模板，为你的网站搭架

　　所谓“模板”，就是一个已经基本制作好的HTML网站文件，在网站风格、外观等方面已经比较确定，但在文字、图形、图像、动画内容以及链接等方面留出空隙和余地，填入不同的内容便可形成一个个图文并茂的页面。　　

　　◆优秀模板网站推介：

　　新浪模板：http://vip.sina.com/cgi-bin/pubtmpl/preview.cgi　　

　　模板精品店：http://mb.cncss.com/　　

　　模板天下：http://www.mbsky.com/main.htm　　

　　建站资源网模板：http://www.chinapsd.com/moban/moban.asp　　

　　二、引用元素，为你的网站增色

　　网页元素，包括网页背景、线条、图标、图片、动画、音乐等素材，门类繁多。有一些网站专门制作、搜集和整理了一些网页素材，免费提供给大家使用。除了访问这些专门提供网页素材的网站，您还可以处处留心，访问哪一个网站的时候看到了很好的小东东，就可以随手Download下来，整理一下为自己所用。　　

　　◆ 优秀网页素材网站推介：

　　素材精品屋 ：http://www.sucaiw.com　　

　　网页素材图库：http://www.dabaoku.com/sucai/index.htm　　

　　殷都图霸-网页素材大全：http://photo.ayinfo.ha.cn/sucai/　　

　　好极网GIF动画库：http://www.hooji.com/gifs/　　

　　心怡坊素材库：http://pugongying.51.net/　　

　　三、引用代码，为你的网站补血

　　其实，代码也属于网页元素，现在有很多网站都提供免费代码，引用好这些代码，可以为你的网站快速注入新鲜的血液。这些代码按功能可分为：网页特效类、搜索引擎类、计数统计类、新闻系统类、留言论坛类、查询调查类等。结合自己网站的主题和风格，来决定你引用哪些种类的代码，比如有关音乐类的网站可考虑加一个“歌词查询器”，而文学类的可考虑加一个“每日作家简介”，至于计数器、留言本之类的我想每个网站最好都用上。　　

　　引用代码，应注意两个问题：一是引用信誉好、服务稳定，而且广告少的代码，对于那些使用频繁的服务尤是如此，不要因为代码而影响了你网站的正常运转。二是引用适度，若在网页上大量引用代码，因页面要启动或连接多个站外服务，速度必会受到影响，一般引用两三个就可以了。

　　◆优秀免费代码推介：

　　1．网页特效类

　　网页特效大全：http://www.webjx.net/js/

　　2．搜索引擎类

　　Google搜索: http://www.google.com/intl/zh-CN/searchcode.html

　　百度搜索：http://www.baidu.com/search/code.html

　　新浪搜索：http://cha.sina.com.cn/tools/free_code.html

　　3．新闻系统类

　　亿唐免费新闻：http://home.etang.com/news/

　　中华网免费新闻代码：http://app0.china.com/freecode/freenews.php

　　4．计数统计类

　　天堂免费计数器：http://www.9617.com/search?www.xcinfo.ha.cn/jsq/login.asp

　　太极统计：http://www.9617.com/search?www.textclick.com/

　　5．留言板类

　　青年文摘留言板：http://www.qnwz.org/ly/reg.asp

　　酷辣辣留言板：http://my.coolala.net/

　　6．论坛类

　　中用网论坛：http://www.9617.com/search?club.chinauser.com/my/

　　中国职业玩家联盟：http://www.9617.com/search?www.cpgl.net/service/bbs.htm


　　7．查询类：

　　股票信息查询：http

<
[!--infotagslink--]

相关文章

  • php 中file_get_contents超时问题的解决方法

    file_get_contents超时我知道最多的原因就是你机器访问远程机器过慢，导致php脚本超时了，但也有其它很多原因，下面我来总结file_get_contents超时问题的解决方法总结。...2016-11-25

  • php抓取网站图片并保存的实现方法

    php如何实现抓取网页图片，相较于手动的粘贴复制，使用小程序要方便快捷多了，喜欢编程的人总会喜欢制作一些简单有用的小软件，最近就参考了网上一个php抓取图片代码，封装了一个php远程抓取图片的类，测试了一下，效果还不错分享...2015-10-30

  • HTTP 408错误是什么 HTTP 408错误解决方法

    相信很多站长都遇到过这样一个问题，访问页面时出现408错误，下面一聚教程网将为大家介绍408错误出现的原因以及408错误的解决办法。 HTTP 408错误出现原因： HTT...2017-01-22

  • Android子控件超出父控件的范围显示出来方法

    下面我们来看一篇关于Android子控件超出父控件的范围显示出来方法，希望这篇文章能够帮助到各位朋友，有碰到此问题的朋友可以进来看看哦。 <RelativeLayout xmlns:an...2016-10-02

  • ps把文字背景变透明的操作方法

    ps软件是现在非常受大家喜欢的一款软件，有着非常不错的使用功能。这次文章就给大家介绍下ps把文字背景变透明的操作方法，喜欢的一起来看看。 1、使用Photoshop软件...2017-07-06

  • intellij idea快速查看当前类中的所有方法(推荐)

    这篇文章主要介绍了intellij idea快速查看当前类中的所有方法,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下...2020-09-02

  • Mysql select语句设置默认值的方法

    1.在没有设置默认值的情况下： 复制代码 代码如下:SELECT userinfo.id, user_name, role, adm_regionid, region_name , create_timeFROM userinfoLEFT JOIN region ON userinfo.adm_regionid = region.id 结果：...2014-05-31

  • js导出table数据到excel即导出为EXCEL文档的方法

    复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta ht...2013-10-13

  • mysql 批量更新与批量更新多条记录的不同值实现方法

    批量更新mysql更新语句很简单，更新一条数据的某个字段，一般这样写：复制代码 代码如下:UPDATE mytable SET myfield = 'value' WHERE other_field = 'other_value';如果更新同一字段为同一个值，mysql也很简单，修改下where即...2013-10-04

  • ps怎么制作倒影 ps设计倒影的方法

    ps软件是一款非常不错的图片处理软件，有着非常不错的使用效果。这次文章要给大家介绍的是ps怎么制作倒影，一起来看看设计倒影的方法。 用ps怎么做倒影最终效果&#819...2017-07-06

  • Illustrator渐变网格工具绘制可爱的卡通小猪教程分享

    今天小编在这里就来给Illustrator的这一款软件的使用者们来说一说渐变网格工具绘制可爱的卡通小猪的教程，各位想知道具体制作方法的使用者们，那么下面就快来跟着小编一...2016-09-14

  • js基础知识（公有方法、私有方法、特权方法）

    本文涉及的主题虽然很基础，在许多人看来属于小伎俩，但在JavaScript基础知识中属于一个综合性的话题。这里会涉及到对象属性的封装、原型、构造函数、闭包以及立即执行表达式等知识。公有方法 公有方法就是能被外部访问...2015-11-08

  • 安卓手机wifi打不开修复教程，安卓手机wifi打不开解决方法

    手机wifi打不开？让小编来告诉你如何解决。还不知道的朋友快来看看。 手机wifi是现在生活中最常用的手机功能，但是遇到手机wifi打不开的情况该怎么办呢?如果手机wifi...2016-12-21

  • PHP 验证码不显示只有一个小红叉的解决方法

    最近想自学PHP ，做了个验证码，但不知道怎么搞的，总出现一个如下图的小红叉，但验证码就是显示不出来，原因如下 未修改之前，出现如下错误； （1）修改步骤如下，原因如下，原因是apache权限没开， （2）点击打开php.int.， 搜索extension=ph...2013-10-04

  • c#中分割字符串的几种方法

    单个字符分割 string s="abcdeabcdeabcde"; string[] sArray=s.Split('c'); foreach(string i in sArray) Console.WriteLine(i.ToString()); 输出下面的结果: ab de...2020-06-25

  • js控制页面控件隐藏显示的两种方法介绍

    javascript控制页面控件隐藏显示的两种方法，方法的不同之处在于控件隐藏后是否还在页面上占位 方法一： 复制代码 代码如下: document.all["panelsms"].style.visibility="hidden"; document.all["panelsms"].style.visi...2013-10-13

  • 连接MySql速度慢的解决方法(skip-name-resolve)

    最近在Linux服务器上安装MySql5后，本地使用客户端连MySql速度超慢，本地程序连接也超慢。 解决方法：在配置文件my.cnf的[mysqld]下加入skip-name-resolve。原因是默认安装的MySql开启了DNS的反向解析。如果禁用的话就不能...2015-10-21

  • C#方法的总结详解

    本篇文章是对C#方法进行了详细的总结与介绍，需要的朋友参考下...2020-06-25

  • Zend studio文件注释模板设置方法

    步骤：Window -> PHP -> Editor -> Templates，这里可以设置（增、删、改、导入等）管理你的模板。新建文件注释、函数注释、代码块等模板的实例新建模板，分别输入Name、Description、Patterna)文件注释Name: 3cfileDescriptio...2013-10-04

  • EXCEL数据上传到SQL SERVER中的简单实现方法

    EXCEL数据上传到SQL SERVER中的方法需要注意到三点!注意点一:要把EXCEL数据上传到SQL SERVER中必须提前把EXCEL传到服务器上.做法: 在ASP.NET环境中,添加一个FileUpload上传控件后台代码的E.X: 复制代码 代码如下: if...2013-09-23