转 HTML技巧 网页设计 DW frontpag.docx

转 HTML技巧 网页设计 DW frontpag.docx

《转 HTML技巧 网页设计 DW frontpag.docx》由会员分享，可在线阅读，更多相关《转 HTML技巧 网页设计 DW frontpag.docx（16页珍藏版）》请在冰豆网上搜索。

转HTML技巧网页设计DWfrontpag

转HTML技巧网页设计DWfrontpag

2.链接提示

在链接语句中增加

OnMouseOver="window.status='这里是.'；returntrue"OnMouseOut="window.status=''；returntrue"

3.背景音乐

显示操作面板：

在相应地方加embedsrc="/aladdin.mid"width="140"height="35"autostart=truecontrols="middleconsole"

不显示操作面板：

在页中任意地方加embedsrc="/aladdin.mid"hidden=trueautostart=trueloop=true

或embedsrc="tt.ram"autostart="true"loop="2"width="80"height="30"

对于不支持embed标签的浏览器，可以改用标签。

4.设置主页的缺省字符语言为简体中文（适用于Netscape）

在HTML文件的Head部分中加入METAHTTP-EQUIV="Content-Type"CONTENT="text/html；charset=cn-gb"

5.链接的不同方式

在帧里显示：

在链接处加target="main"语句，其中main为帧名

整页显示：

在链接处加target="_top"语句

开新窗口：

在链接处加target="resourcewindow"语句，如Ahref="/index.htm"TARGET="resourcewindow"/A6.强制主页每次都不进行缓存，而从服务器上重读

在Head部分加

MEATHTTP-EQUIV="Pragma"CONTENT="no-cache"

这样一来，浏览器将不考虑cacke中的内容而强制重新读入您的页面,等于用户使用Reload。

如果在您有计数器的页中使用，不管从什么地方返回这页

计数器都能加一。

不过可能造成用户的反感。

如果在BBS程序中使用，可以实现不用Reload就可更新页的功能。

7.自动刷新

定时刷新：

METAHTTP-EQUIV="Refresh"content="10；URL=自己的URL"

幻灯片效果：

语句类似上面，但在页面1中URL指向页面2，而页面2指向页面3.

页面n指回页面1，即可实现循环显示页面的效果

8.提前载入图片

如果您的站点中后面的页有大图形需要显示，您不妨在第一页中提前载入。

把语句：

imgsrc="/image.jpg"width=0height=0,其中width,height要设置为0，放在第一页HTML中的任何地方。

如果您的访问者在第一页停留的时间足够长，当他进入第二页时，图象会立即显示出来

9.自动连接

在预定时间后自动连入另一个指定的页面。

方法：

在title./title中加入以下一行：

metahttp-equiv="refresh"content="10"；url="otherpage.htm"

其中10代表10秒后自动连接。

10.自动换行：

在主页中自动换行以适应不同的浏览器或分辨率。

metahttp-equiv="Content-Type"content="text/html；charset=gb2312"

11.用单像素的GIF文件控控制文本位置

要想准确的控制HTML中的文本位置，可以做一个1*1的透明图（如Blank.gif）。

然后在HTML中加入代码：

imgsrc="/Blank.gif"hspace=100

改变数字100，即可控制

12.容器标记

BLOCKQUOTE/BLOCKQUOTE标记可以把网页上所有的对象都包括起来，但不能对它加入变量。

13.设定图形大小

为使您的Web页在图形下载完之前，能够立即显示文字内容。

在您的主页中的图形元素中加入文件大小变量：

imgsrc="/image.jpg"width=xxxxheight=yyyxxx,yyy是您的图形的真实像素

14.移动文字

这在主页上是常用的，其制作方法很简单。

marquee要移动的文字/marquee1.移动的方向：

direction=！

！

=left,right2.移动的方式：

bihavior=！

！

=scroll,side,alternate3.循环次数：

loop=！

！

=次数。

若未指定则循环不止。

4循环速度：

scrollamount=！

！

=数

15.如何去掉主页超链接的下划线?

把下列语句放在head./head之间

styleA{text-decoration：

none}

}

/stylescriptlanguage="javascript"

varcontents=true；

/script

更简单的是

style

！

--

a{text-decoration：

none}

a：

hover{color：

red；text-decoration：

underline}

--

/style16.浮动背景（背景图像不滚动）

当你拉住下拉条时，背景不动。

（会使浏览速度减慢。

：

-（）加入：

bodybackgroud="#ffff"bgproperties="fixed"

或用CSS样式表定义：

styletype="text/css"

！

--

body{background-image：

url（/image/bg.gif）；background-attachment：

fixed}

--

/style17.让背景图像不平铺

CSS样式表定义：

styletype="text/css"

！

--

body{background-image：

url（/image/bg.gif）；background-repeat：

no-repeat}

--

/style18.测试浏览器类别并自动装入不同的网页

目前微软和网景的浏览器并不能完全兼容所有网页,有的在某种浏览器里非常漂亮,而用其它浏览器查看时却一团糟。

如果你需要测试浏览器,可以加入以下JavaScript代码并保存单独一个网页：

scriptlanguage="JavaScript"

functionTestBrowser（）{

ie=（（navigator.appName==

"MicrosoftInternetExplorer"）&&

（parseInt（navigator.appVersion）=3））

ns=（（navigator.appName=="Netscape"）&&

（parseInt（navigator.appVersion）=3））

if（ns）{

setTimeout（''location.href="/nn4.htm"'',10）；

}else{

setTimeout（''location.href="/ie4.htm"'',10）；

}

}

/script19.定义本网页的关键字

在网页中加入关键字，可以供某些搜索站台机器人的使用，它们会利用该关键字为你的网站做索引，这样，当别人用关键字搜索网站时，如果你的网页包含该关键字，那么就可以被列出了，定义本网页关键字，可以加入以下代码：

metaname="keywords"content="html,dreamweaver,flash,css"

content所包含的就是关键字，你可以自行设置。

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

metaname="keywords"content="dreamweaver,dreamweaver,dreamweaver"

20.在网页中加入E-mail链接并显示预定的主题

ahref=mailto：

cnshell@?

subject=hello21.隐藏在状态栏里出现的链接信息

当指向一个链接时，该链接的信息会出现在浏览器状态栏里，如果需要隐藏信息，可以如下设置：

ahref="onMouseOver="window.status='none'；returntrue"test/a

如果想要指向一个链接时，浏览器状态栏里出现特定的信息，把none改成你需要的文字即可。

22.在网页中将表单提交给自已的电子邮箱

表单提交需要CGI程序的支持，但你也可以利用E-mail提交，当你设计好表单后，把action内容加入邮件地址即可，如下：

formmethod="post"action="mailto：

cnshell@"enctype="text/plain"

23.隐藏免费计数器的的图标

许多网友使用免费计数器，它能帮助你分析网站的流量，如果你想隐藏该服务图标，可以把服务代码中的width=88height=31都改为1即可。

24.在网页中加入最后修改日期

在body中加入以下代码即可：

scriptLanguage="JavaScript"

document.write

（"最后修改日期"+document.lastModified）；

/Script25.打开一个新的浏览器窗口并设置窗口的属性

如果你需要在载入站点的同时,再打开另一个新窗口,加入以下代码即可：

scriptlanguage="JavaScript"

！

--

vargt=unescape（'%3e'）；

varpopup=null；

varover="LaunchPop-upNavigator"；

popup=window.open（'','popupnav','width=160,height=160,resizable=1,

status=yes,menubar=no,scrollbars=yes'）；

if（popup！

=null）{

if（popup.opener==null）{

popup.opener=self；

}

popup.location.href='pop.htm'；}

//--

/script

期中pop.htm可以设置为你的htm文件,对于设置新窗口的属性,对照以下设置：

popup=window.open（'','popupnav','width=200,height=170,resizable=1,scrollbars=auto'）；

width：

宽,height：

高,resizable：

是否允许访客缩放新窗口,scrollbars：

如果文本超过一屏,是否生成滚动条,status：

是否显示状态栏,menubar：

是否显示菜单,location：

是否显示地址栏.

以上所有属性使用格式为：

属性=yes或者no.而width和height两个属性为：

width=#pixels,height=#pixels.

26.怎样判断服务器使用的操作系统?

在浏览器地址栏里,输入要察看的服务器地址,一定要包含目录和文档名字,然后回车,出现请求页面,试着把文档名改为大写格式,如果返回该页面不存在,那么可能该服务器使用的操作系统为unix或macintosh,如果页面内容返回,那么可能该服务器为windwos操作系统,因为windows对大小写不敏感.

27.怎样提高站点在搜索引擎中被搜索到的机会?

当你把自己站点登记到搜索引擎中后,并不表示你的站点就会被经常搜索到,如何提高这个几率呢,很简单,你的主页一般会有一个标题,一般设置在title/title中间,这时,你可以在设置完标题后,跟着把关键字也设置在这里,比如：

title宇风多媒体-china,love,dhtml,yufeng21,yahoo/title.因为搜索引擎会首先察看站点