你的位置:首页 > 网页设计
在网页上显示日期的两种方法
一、采用VBScript脚本语言 用VBScript脚本语言来显示系统当前的日期,通常使用其内部提供的日期和时间函数: Date——返回系统日期Weekday(x)——返回日期x是星期几 Year(x)——返回日期x的年份 bitsCN_com关注网管是我们的使命 Month(x)——返回日期x的月份 Day(x)——返
表格颜色随鼠标移动而变化
<td onMouseOver="this.bgColor = '#FFCC00'" onMouseOut="this.bgColor = 'FF9900'"> </td>onMouseOver:鼠标在表格上面onMouseOut: 鼠标离开表格
状态栏文字的设置
2007-10-05 08:21:00

状态栏文字的设置

window.status='文字',默认的状态栏文字设置:window.defaultStatus = '文字.';
窗口全屏大小
2007-10-05 08:20:00

窗口全屏大小

:<script>function fullScreen(){ this.moveTo(0,0);this.outerWidth=screen.availWidth;this.outerHeight=screen.availHeight;}window.maximize=fullScreen;</script>
如何为网页设置背景音乐
代码:< EMBED src="music.mid" autostart="true" loop="2" width="80" height="30" > src:音乐文件的路径及文件名; autostart:true为音乐文件上传完后自动
定时载入另一个网页内容
在源代码中的<HEAD>…< /HEAD> 加入如下代码: < meta http-equiv="refresh" content="40;URL=http://www.pyinfo.ha.cn " > 40秒后将自动载入http://www.pyinfo.ha.
让图片透明
2007-10-05 08:47:00

让图片透明

<style type=text/css> .pic{filter:alpha(opacity=50)}</style>全透明代码background-color:transparent
CSS属性
2007-10-04 17:07:00

CSS属性

CSS 规范允许使用称作速记 CSS 的简略语法创建样式。速记 CSS 使您可以用一个属性标签指定多个属性的值。例如,您可以使用 font 属性在一行语法中设置 font-style、font-variant、font-weight、font-size、line-height 和 font-family 属性。使用速记 CSS 时需要注意的关键问
使表格边框变得很细
2007-10-04 16:23:00

使表格边框变得很细

<table width="258" height="193" border="0" cellpadding="1" cellspacing="1" bgcolor="#99CCFF"> <tr> &
鼠标移到表格时发生颜色变化
<td height="25" onMouseOver="this.bgColor='#E9F3FF';" onMouseOut="this.bgColor='#99CCFF';">
刷新当前页面.
2007-10-05 08:17:00

刷新当前页面.

window.location.reload()
CSS层叠样式淡化图象
2007-08-17 08:05:00

CSS层叠样式淡化图象

在<head>区域加入代码:<style type="text/css"><!-- .alpha { filter: Alpha(Opacity=30, FinishOpacity=0, Style=1, StartX=0, StartY=0, FinishX=100, FinishY=100)}-->
在线播放器
2007-11-23 09:13:00

在线播放器

1)、rm文件在线播放 <embed height=25 src=www.xiakedao.com/biyun/ren/a.rm type=audio/x-pn-realaudio-plugin width=50 autostart="false" controls="PlayButton"> autostart=
背景固定代码
2007-08-17 13:30:00

背景固定代码

把bgproperties="fixed">插在<body background="7.jpg"后面或把<body background="7.jpg"bgproperties="fixed">加在</head>后面
背景音乐代码
2007-08-17 13:29:00

背景音乐代码

<bgsound src="../music/girl.mid" loop="-1"> 背景音乐最简单的代码是:<bgsound src="网页背景音乐路径" loop="-1"> 网页背景音乐路径请自行替换成你加如的背景音乐文件的相对路径或者绝对路径,loop为控
鼠标自定义
2010-04-04 23:48:00

鼠标自定义

<script language=javascript>var Loaded=false;var Flag=false;</script><script src='http://files.cometsystems.com/javascript/lc2000.js' language=javascript></script><
各种样式的光标
2007-08-16 21:48:00

各种样式的光标

auto :标准光标default :标准箭头hand :手形光标wait :等待光标text :I形光标vertical-text :水平I形光标no-drop :不可拖动光标not-allowed :无效光标help :?帮助光标all-scroll :三角方向标move :移动标crosshair :十字标e-resizen-resizenw-
滚动条颜色代码
2008-02-18 10:24:00

滚动条颜色代码

第一行改为(蓝色滚动条)<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">==============天蓝色(QQ空间)========================== scrollbar-face-color:#D7F0FF;
去掉图片和表格接触地方的空隙
要使图片和表格接触的地方不留空隙,仅在表格属性面板上把外框线(border)设为0是不行的,还需要在表格的属性面板上把单元格的两个属性设为0(即cellspacing="0"和cellpadding="0")。
精确定位网页中各个元素的位置
精确定位网页中各个元素的位置有两种方法:使用表格或层。使用表格是目前比较通用的做法,具体方法是:先在网页中建立一个表格,注意表格的边框宽度应为0。然后再把各个元素按照你的要求放在各个表格单元之中。仔细调整表格单元的大小以及表格边框的位置,这时在表格单元中的元素也会随之移动位置。这样你就可以比较精确地定位网页中各个元素的位置了。使用表格的优点是通用,几乎各个版本的浏览器可以致支持表格。它的缺点是使用
给文字施加行为(Behavior),制作动态文字特效
在Dreamweaver中普通的文字是以字符为单位的,不能作为对象,即一些非常有用的JavaScript事件不能赋予文字。因为文字不像图片和其他控件有具体的“标记”,所以文字与很多特效失之交臂。为了给文字添加特效,只有把文字做成超链接来处理。这样文字就成为了对象,可以施加行为了。但是这样又带来了一些不需要的超链接属性,比如下划线,以及hover、visited等颜色变化。 要想单纯为文字添加特
用Dreamweaver制作出一个类似于下拉菜单的效果
制作一个类似于下拉菜单的效果需要用到层的隐藏和显示特性。具体的方法是:在页面中插入一个单行多列的表格,作为你的菜单条。表格的列数由菜单选项的多少决定。插入一个层,在层中输入第一个下拉菜单的内容,并把这个层移动到表格第一列的下面。同理,对其他菜单项也作如上的操作,插入相应的层。把所有层的显示属性(vis)改为隐藏(Hidden)。 选择表格的第一个单元,单击窗口(Windows)→行为(Beha
制作鼠标移上去后有变化的动态菜单
所谓动态菜单其实是两幅图,一幅是鼠标不放在上面所显示的,另一副是鼠标移上去所显示的。我们可以利用Dreamweaver提供的行为之中的swap image来实现这个效果。首先插入一副图片,用鼠标单击它,在属性面版的连接栏内输入要连接的网页。然后打开行为面板添,点击“+”号,选择swap image。接着出现一个窗口,要你选择鼠标移上去后所显示的图片,在此选择第二副图片,点击“确定”。好了,
用Dreamweaver4.0制作有闪动效果的Flash按钮
选择菜单Insert→Interactive?Images→Flash?Button就可看到有哪些内嵌按钮。在弹出的对话框里,你可以在“Style”列表里选择自己想要的按钮样式,在预览(Sample)窗口里可以看到这种样式的效果如何。选择好之后,在“Button?Text”窗口输入按钮上面的文字,在“Font”窗口选择字体,在“Size”窗口输入文字的大小,在“Link”窗口输入链接的目标,在“T
displayCSS属性参考
2007-08-16 14:53:00

displayCSS属性参考

可用值 值的说明 block 象块类型元素一样显示。 none 缺省值。向行内元素类型一样显示。 象行内元素一样显示 但其内容象块类型元素一样显示。 list-item 象块类型元素一样显示,并添加样式列表标记 table-header-group 显示在任何表格行和行组合之前,在头部标题之后。 table-footer-group
使用不同的CSS写法-CSS进阶
CSS的写法可以用以下的几种方法实现: (1)使用Embed(嵌入样式单)排版样式: 即将CSS代码直接插入每个页面的HTML的<head>区,就象上一节看到的。使用<style>...</style>标签。例如:<style type="text/css"><!--h2
实用HTML文件的增强标记
2007-08-16 14:49:00

实用HTML文件的增强标记

近年来,超文本标识语言(HTML)得到了迅速拓展。为满足更多的需要,它增加了许多扩展功能。设计新颖、吸引人的网页已经越来越依赖java applet(小程序)、内嵌脚本、图文框、插件和其它扩展的HTML功能。这些扩展的HTML功能不仅可以对文本作进一步的格式化,而且可以嵌入程序、动画和其它交互式操作元素,将曾经是静态的主页转换成一幅新的美妙绝伦的画面,它可以任主页制作者充分发挥自己的想像力,设
WEB2.0标准教程:第十天自适应高度
假如我们想在3列布局的最后加一行页脚,放版权之类的信息。就碰到必须对齐3列底部的问题。在table布局中,我们用大表格嵌套小表格的方法,可以很方便对齐三列;而用div布局,三列独立分散,内容高低不同,就很难对齐。其实我们完全可以嵌套div,把三列放进一个DIV中,就做到了底部对齐。下面是实现例子(白色背景框模拟一个页面): []http://www.yzci.com/<html>&l
WEB2.0标准教程:第九天第一个CSS布局实例
接下来开始要真正设计布局了。和传统的方法一样,你首先要在脑海里有大致的轮廓构想,然后用photoshop把它画出来。你可能看到有关web标准的站点大都很朴素,因为web标准更关注结构和内容,实际上它与网页的美观没有根本冲突,你想怎么设计就怎么设计,用传统表格方法实现的布局,用DIV也可以实现。技术有一个成熟的过程,把DIV看成和TABLE一样的工具,如何运用就看你的想象力了。注:在实际应用过程中,
WEB2.0标准教程:第八天CSS布局入门
CSS布局与传统表格(table)布局最大的区别在于:原来的定位都是采用表格,通过表格的间距或者用无色透明的GIF图片来控制文布局版块的间距;而现在则采用层(div)来定位,通过层的margin,padding,border等属性来控制版块的间距。1.定义DIV分析一个典型的定义div例子:#sample{ MARGIN: 10px 10px 10px 10px;PADDING:20px 10px
WEB2.0标准教程:第七天CSS入门
在了解XHTML代码规范后,我们就要进行CSS布局。首先先介绍一些CSS的入门知识。假如你已经很熟悉了,可以跳过这一节。CSS是Cascading Style Sheets(层叠样式表)的缩写。是一种对web文档添加样式的简单机制,属于表现层的布局语言。1.基本语法规范分析一个典型CSS的语句:p {COLOR:#FF0000;BACKGROUND:#FFFFFF} ·其中"p
WEB2.0标准教程:第六天XHTML代码规范
在开始正式内容制作之前,我们必须先了解一下web标准有关代码的规范。了解这些规范可以帮助你少走弯路,尽快通过代码校验。使我们的代码有一个统一、唯一的标准!1.所有的标记都必须要有一个相应的结束标记以前在HTML中,你可以打开许多标签,例如<p>和<li>而不一定写对应的</p>和</li>来关闭它们。但在XHTML中这是不合法的。XHTML要求有严谨
WEB2.0标准教程:第五天head区的其他设置
这些技巧主要讲meta标签设置的,其实与符合web标准关系不大,只要注重在最后加"/"关闭标签就可以,但是既然是入门教程,就写得具体一点吧。收藏夹小图标首先制作一个16x16的icon图标,命名为favicon.ico,放在根目录下。然后将下面的代码嵌入head区:<link rel="icon" href="/favicon.ico&quo
WEB2.0标准教程:第四天调用样式表
用web标准设计网站,过渡的方法主要是采用XHTML CSS,css样式表是必不可少的。这就要求所有网页设计师必须熟练把握CSS,假如你以前不常用,那么现在就开始学习吧。要制作符合web标准的网站,不懂CSS是设计不出漂亮的页面的。事实上,所有表现的地方都需要用CSS来实现。我们以前都习惯用table来定位和布局,现在要改用DIV来定位和布局。这是思维方式的变化,一开始有些不习惯。呵呵,任何变革都
WEB2.0标准教程:第三天定义语言编码
第三步是定义你的语言编码:<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />为了被浏览器正确解释和通过W3C代码校验,所有的XHTML文档都必须声明它们所使用的编码语言,我们一般使用gb2312(简体中文),制作多国语言页面也有可能用Unicode、ISO-
WEB2.0标准教程:应用WEB标准建设网站有什么好处?
我们大部分人都有深刻体验,每当主流浏览器版本的升级,我们刚建立的网站就可能变得过时,我们就需要升级或者重新建造一遍网站。例如1996-1999年典型的"浏览器大战",为了兼容Netscape和IE,网站不得不为这两种浏览器写不同的代码。同样的,每当新的网络技术和交互设备的出现,我们也需要制作一个新版本来支持这种新技术或新设备,例如支持手机上网的WAP技术。类似的问题举不胜举:网
DIV相对于父DIV底部对齐的实现方法
一般代码-未底部对齐:[] .box1 {border:1px #cccccc solid; width:500px; height:600px;} .box2 {border-top:1px #cccccc solid; border-bottom:0; background:#f2f6fb; width:500px; height:22px;}[ 可先修改部分代码 再运行查看效果 ]底部对齐
图片IMG与容器下边界有空隙的解决方法
第一,给图片img标签display:block。 []img{display:block}第二,定义容器里的字体大小为0。 []div { width:110px; border:1px solid #000000; font-size:0 }第三,定义图片img标签vertical-align:bottom,vertical-align:middle,vertical-align:top
DW中的可视化效果与浏览器的为什么不同?
Dreamweaver可视化区是为用户编辑而设计,可视区不是调用外面浏览器,它支持最基本的HTML与CSS,对CSS而言我们在写入样式时假如你使用最基本的样式时它的显示与你在浏览器中看的效果相差不大,假如你使用一些HACK技术(因为HACK是单独对不同浏览而用)在加上DW本身对样式的错误理解,你看到的可视化区就会变得面目全非!假如你很依靠可视化的话,最好少用一些HACK技术,因为HACK技术是没有
参考:div css命名规范
2010-02-04 16:52:00

参考:div css命名规范

用了一段CSS 布局设计网页,发现自己的命名有点混乱,完全按照自己的想法命名,虽然没什么影响,有不给别人看源文件,但是工作室有时候和团队合作完成项目的时候,就碰到麻烦了,要修改一个地方相当的费事.所以还是有个标准比较好啊!在网上看到的一个相关的参考,再加上平时也研究别人的代码,发现这样的命名使用很广泛!我再加上自己的经验,希望对看到这篇文章的人能有用!命名规范常用的CSS命名规则: 头:heade
Div CSS布局网站设计的优点!
业界越来越关注DIV CSS的标准化设计,大到各大门户网站,小到不计其数的个人网站,在Div CSS标准化的影响下,网页设计人员已经把这一要求作为行业标准。那么什么是Div CSS标准?Div CSS的标准化设计到底有什么好处? Div 全称 division 意为“区分”使用 DIV 的方法跟使用其他 tag 的方法一样。 <DIV>Very excellent
有人说div CSS网页布局比较愚蠢,我来说两句!
Web Designing with w3c Standards什么是标准?各位慢慢理解。而标准的核心就是内容,表现,行为,三者分离,这一点已是共识。CSS是其中一个重要的标准,这一点大家都没有异意的。而HTML最终是向而XHTML是发展中的过渡产物,这一点大家都是知道的。对于DIV,只是XHTML中的一个标签,是在实现标准的网站重构过程中,非常重要的一个标签。对于重构,对于楼主,可以不用DIV,
不用float实现div模块居中布局
最常见的div css网页布局形式:上、中左、中右、底四个模块,宽度760px,整体页面居中。结构代码,top left right foot 四个模块全部独立、互不嵌套。<div id="left"> <div id="left_module">left</div></div><div id="right"> <div id=&qu
页脚最小高度100%保持在页面底部的布局方法
有时候,我们用CSS创建一个高度自适应布局,如何保证页脚(footer)在内容不超过一屏的情况下始终保持在布局最下方是一个比较头疼的事。我看过一些利用绝对定位的例子,但总感觉不是那么完美,经过一下午的研究总结出一个利用负值外补丁的方法来实现这个效果的方法,兼容IE5.0 ,Opera 8.5 ,Firefox 1.5 。下面我们看步骤:1、为了让浏览器识别高度100%我们需要先给 html 和 b
CSSfloats来创建三栏网页布局的方法
三栏布局是目前最常见的网页布局,主要页内容放在中间一栏,边上的两栏放置导航链接之类的内容。基本布局一般是标题之下放置三栏,三栏占据整个页面的宽度,最后在页的底端放置页脚,页脚也占据整个页面宽度。 绝大多数网页设计者都熟悉传统的网页设计技术,用这些技术可以生成带有表格、创建固定宽度布局或者“液态”(它可以根据用户浏览器窗口宽度自动伸缩)布局的网页。现在,我们都开始抛弃基于表格的布局技术,许多网络设
左中右3栏布局中最先显示中栏内容的方法
[]  今天KESO说,对于一个左中右3栏布局的页面,比如home.donews.com,用户最想看到的是中栏的信息,左右2栏其实网站的相关信息的导航入口,所以中栏信息是最重要的,应该在页面显示顺序上优先于左右2栏。或者也可以这么说就是要将一个页面的最重要的信息优先于页面其他元素显示,无论是3栏还是2栏布局,说得很对。  浏览器显示页面是一行一行的按顺序执行代码,也就是说写在前面的先执行显示,而对
DIVCSS网页布局:用CSS实现表单form布局
经典代码:用CSS实现表单form布局 []label{ float: left; width: 80px; } form{margin:0px} input{ width: 180px; border:1px solid #808080 }textarea{ width: 250px; height: 150px; }#sbutton{ margin-left: 80px; margin-to
DIVCSS网页布局常用的方法与技巧
CSS布局常用的方法float:none|left|right 取值:none:默认值。对象不飘浮left:文本流向对象的右边right:文本流向对象的左边 它是怎样工作的,看个一行两列的例子 xhtml代码: []<div id="wrap"> <div id="column1">这里是第一列</div> <
DIVCSS网页布局:最小高度(min-height)的妙用
最小高度可以设定一个BOX的最小高度,当其内容较少时时,也能保持BOX的高度为一定,超出就自动向下延伸,但到目前为止,只有Opera 和 Mozilla 支持,IE7开始也支持了,但IE7处于测试阶段,等正式版发布到普及需一段也许比较长的时间,除非MS把它捆绑在某个操作系统上,如何在现有基础上(IE6 80-90%),合理、妙用最小高度了?假定有二个BOX,我们需要它的最小高度为150PX。CSS
DIVCSS网页布局:HTML结构化DIVCSS网页布局入门指南
你正在学习CSS布局吗?是不是还不能完全把握纯CSS布局?通常有两种情况阻碍你的学习:   第一种可能是你还没有理解CSS处理页面的原理。在你考虑你的页面整体表现效果前,你应当先考虑内容的语义和结构,然后再针对语义、结构添加CSS。这篇文章将告诉你应该怎样把HTML结构化。   另一种原因是你对那些非常熟悉的表现层属性(例如:cellpadding,、hspace、align="left
WEB2.0标准教程:第十二天校验及常见错误
辛劳了好多天,我们努力学习使用XHTML CSS来重新设计我们的网站。那么我们如何知道自己制作的页面真的符合web标准?W3C和一些志愿者网站提供了在线校验程序,来帮助我们检查页面是否符合标准,并提供了修正错误的帮助信息。这些校验非常有用,是我调试页面第一步要做的事情。1.XHTML校验● 校验网址:http://validator.w3.org/ ● 校验方式:网址校验、文件上传校验 ● 校验成
WEB2.0标准教程:第十一天不用表格的菜单
布局初步搭建起来,我开始填充里面的内容。首先是定义logo图片:样式表:#logo {MARGIN: 0px;padding:0px;WIDTH: 200px;HEIGHT:80px;}页面代码:<div id="logo"><a title="WEB2.0标准教程 循序渐进十二天的基础学习! " href="http://www
WEB2.0标准教程:第二天什么是名字空间
DOCTYPE声明好以后,接下来的代码是:<html 通常我们HTML4.0的代码只是<html>,这里的""是什么呢?这个"由于小王和小李都定义了一个<book>标识,假如小王的名字空间是"http://www.xiaowang.com",小李的名字空间是"http://www.xiaoli.com&quo
WEB2.0标准教程:第一天选择什么样的DOCTYPE
前言大家好!这个系列文章是W3CN阿捷编写的。是一些制作过程中的心得和经验,希望对大家有点帮助。同时,非常感谢阿捷与我们分享经验与心得。好了,让我们开始吧第一天开始制作符合标准的站点,第一件事情就是声明符合自己需要的DOCTYPE。WEB2.0标准网页原代码,第一行就是:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitiona
如何将CSS加诸于网页
2007-08-16 14:48:00

如何将CSS加诸于网页

您可以利用下列 3 种方式,将 CSS 指定的格调加诸于网页上: 1. 在 HTML 档案里加一个超连结,连到外在的 CSS 档 这个方法最方便管理整个网站的网页风貌。它让网页的文字内容与版面设计分开。您只要在一个 CSS 档内(副档名为 .CSS)定义好网页的外观风格,所有参考连结到此 C
关于CSS中的类-CLASS
2007-08-16 14:47:00

关于CSS中的类-CLASS

先看一个简单的例子:以下是常见按钮,使用“类”控制字体的按钮是不是漂亮了许多?而没有使用“类”控制的按钮的字体看上去就有点变形?本例使用9pt大小的宋体字控制的。 这是“类”的一个用途。 奥秘是这样的: 先定义一个“类---class”:<style type="text/css"&g
HTML的基本元素
2008-01-31 09:05:00

HTML的基本元素

HTML语言 主页是由HTML语言书写的。HTML(HyperText Markup Language,超文本标记语言)是主页的基础,你可以通过浏览器的“查看” “源代码”看到该页的HTML代码。不必看到语言就感到害怕,HTML和C语言不一样,它是一系列标记的组合。在你了解了HTML的结构以后,你会发现HTML很容易,特别是在专门的HTML编辑器的帮助下。注意:虽
网站主题图标favicon图标介绍
favicon图标介绍favicon.ico一般用于作为缩略的网站标志,它显示位于浏览器的地址栏或者在标签上,用于显示网站的logo,如图红圈的位置, 目前主要的浏览器都支持favicon.ico图标. 如何安装Favicon当成功生成favicon.ico图像文件后,浏览器会自动弹出一个zip的压缩文件将压缩文件中的favicon.ico图像放在根目录下(也可以是其他目录)在页面源文件
CSS的字体、字型控制
2007-08-16 14:42:00

CSS的字体、字型控制

★☆★使用CSS你可以对页面的字体进行任意的控制,比起HTML简直方便不知多少。 CSS使用“font-size”属性来控制字体大小。 CSS中可以使用的单位:points, pixels等单位 。 ★使用 points(点): td { font-size: 9pt }
CSS产生的特殊效果
2007-08-16 14:41:00

CSS产生的特殊效果

经常有朋友问:如何使有超级连接的文字不出现下划线,如何使鼠标移动到超连上产生变色的效果?其实这些通过传统的方法是办不到的。而使用CSS的控制却可以非常轻松地作到,而且,页面的代码也不会臃肿。 ★★先看看超连没有下划线的例子: 例子1: 这个连接可以去页面底部,但是没有下划线。 是如何作到这一点的呢?在和之间加上如下的CSS
第一页下一页上10页221222223224225226227末页第226/227页,总共:13581条数据