dreamweaver制作网页常用代码.docx

dreamweaver制作网页常用代码.docx

《dreamweaver制作网页常用代码.docx》由会员分享，可在线阅读，更多相关《dreamweaver制作网页常用代码.docx（9页珍藏版）》请在冰豆网上搜索。

dreamweaver制作网页常用代码

meta是用来在HTML文档中模拟HTTP协议的响应头报文。

meta标签用于网页的与中，meta标签的用处很多。

meta的属性有两种：

name和http-equiv。

name属性主要用于描述网页，对应于content（网页内容），以便于搜索引擎机器人查找、分类（目前几乎所有的搜索引擎都使用网上机器人自动查找meta值来给网页分类）。

这其中最重要的是description（站点在搜索引擎上的描述）和keywords（分类关键词），所以应该给每页加一个meta值。

比较常用的有以下几个：

　　name属性

　用以说明生成工具（如MicrosoftFrontPage4.0）等；

　　向搜索引擎说明你的网页的关键词；

　　告诉搜索引擎你的站点的主要内容；

　　告诉搜索引擎你的站点的制作的作者；

　　其中的属性说明如下：

　　设定为all：

文件将被检索，且页面上的链接可以被查询；

　　设定为none：

文件将不被检索，且页面上的链接不可以被查询；

　　设定为index：

文件将被检索；

　　设定为follow：

页面上的链接可以被查询；

　　设定为noindex：

文件将不被检索，但页面上的链接可以被查询；

　　设定为nofollow：

文件将不被检索，页面上的链接可以被查询。

　http-equiv属性

　和用以说明主页制作所使用的文字以及语言；又如英文是ISO-8859-1字符集，还有BIG5、utf-8、shift-Jis、Euc、Koi8-2等字符集；

//yourlink">定时让网页在指定的时间n内，跳转到页面http;//yourlink；

20:

00GMT">可以用于设定网页的到期时间，一旦过期则必须到服务器上重新调用。

需要注意的是必须使用GMT时间格式；

　　是用于设定禁止浏览器从本地机的缓存中调阅页面内容，设定后一旦离开网页就无法从Cache中再调出；

20:

00GMT">cookie设定，如果网页过期，存盘的cookie将被删除。

需要注意的也是必须使用GMT时间格式；

　　网页等级评定，在IE的internet选项中有一项内容设置，可以防止浏览一些受限制的网站，而网站的限制级别就是通过meta属性来设置的；

　　强制页面在当前窗口中以独立页面显示，可以防止自己的网页被别人当作一个frame页调用；

　　和设定进入和离开页面时的特殊效果，这个功能即FrontPage中的“格式/网页过渡”，不过所加的页面不能够是一个frame页面。

--------在编辑窗口中隐藏一些不必要的标签--------

当用户在网页中插入了太多的不可见元素时，在编辑窗口的最上面就会显示一排相应的标示标签，用来方便用户随时能找到它们。

虽然这些标签本身并不影响浏览器里的显示效果，但多了以后，往往使网页内容不得不错位，从而一定程度上妨碍网页视觉上的调整，那么怎么样才能把这些东东去掉呢？

进入“Preperence”面板，列表中选择“InvisibelElements”，

勾掉你不想显示的项目前的“对号”即可，比如Scripts等

--------为不支持“框架”的浏览器安排显示内容--------

我们知道，目前的浏览器类型很多，因此我们设计网页时最先考虑到的往往是“这个东西是不是在不同的浏览器中都能显示好呢？

”。

框架就是一个例子！

不过避免开这点，很简单，你只需要在源代码中加入下面的内容就可以了。

---本网页中包含有框架结构，如果您不能正常显示的话，请下载新的浏览器版本或更换主流浏览器---

--------避免自己的网页被放入别人的框架--------

一些居心不良的人，经常偷着窃取别人的劳动成果，比如把别人精心制作的网页以子页的形式放到自己的框架中。

那么怎样避免自己的网页内容被“盗用”呢？

你只需要在网页源代码的之间加入以下代码内容：

--

if（self!

=top）{top.location=self.location;}

-->

--------加注释内容--------

注释内容，顾名思义只是作为说明内容出现的，因此在浏览时不会出现在网页中。

它的作用是对某些重要或复杂代码进行必要的标示，以更方便快捷的找到。

进入“Object”面板的“Invisibel”部分（即不可见元素），选择插入“Comment”按钮，

在“Comment”中键入必要的信息。

这时如果你返回到源代码中，会看到这些操作添加的不过是下面格式的一段代码：

<！

--这是需要填写的注释内容-->

--------设置水平线

在DW中，当通过菜单“Insert”-“HorizonalRule”插入水平线时，在属性面板中你会发现并没有提供关于水平线颜色的设置，因为最早NC中不支持标签

看来需要的话，我们只能直接进入源文件更改了。

--------制作可以关闭当前窗口的链接--------

这里我们可以先输入用来标示的文字“关闭窗口”，用鼠标拖动选中它，在“Link”输入框中键入“/”，同时切入源代码窗口，在链接代码中键入该事件-onclick=“window.close（）;returnfalse;”。

完整的代码为：

关闭窗口

当然你也可以将文字“关闭窗口”换成其他的对象，比如图片，按钮等等！

--------定时自动关闭的窗口--------

上面提到了个关闭窗口的功能，那么现在的自动关闭又是怎么实现的呢？

在源代码后加入下面的代码：

--

setTimeout（'window.close（）;',10000）;

-->

其中的setTimeout是一个用来设定延迟时间的函数，这里10000表示10秒钟。

--------更改浏览器中鼠标的"形状"--------

一般情况下，鼠标在浏览器中以“箭头”的样式出现，那么我们能不能把它更改为自己喜欢的其他样式类型呢？

改变鼠标形状在DW中是通过“CSS样式表”来实现的。

菜单“文字（Text）”-“CSS样式表（CSSstyle）”-“Editstylesheet”，弹出样式表的编辑窗口，也可以单击快速启动板中的CSSstyle按钮找到，

单击“New”按钮，选择默认的“Makecustomstyle”，同时在下面的Define中使该样式只应用到当前网页文档，“Thisdocumentonly”。

在“样式定义”窗口的左边列表项中选择“Extensing”（扩展项），相应右边设置

在“Cursor”（鼠标）中，下拉选择合适的形状即可，确定后返回，按F12在浏览器中观察效果，不满意的话，还可以对样式进行修改。

--------让网页的背景图片不随内容滚动--------

背景图片是很多网页设计者经常添加的东西，当网页内容超出一屏时，拉动滚动条背景图片会与内容相对静止的一起滚动，那么能否锁定背景不跟随滚动呢？

当然可以进入“Editstylesheet”窗口，单击“New”确立新样式，在TYpe中选择“RedefineHTMLTag”，同时Tag选单选中“Body”，在左边列表中选择“Background”。

　设定“Attachment”（附件）为“fixed”。

其中scroll代表默认使用的滚动显示。

另外一种方法是：

在中加入一个参数bgpoperties，如：

。

--------自动加入网页更改后的日期--------

只需要在源文件之间添加如下代码即可。

--

document.write（“LastUpdated:

”+document.lastModified）;

-->

在浏览器中的显示样式为：

“LastUpdated：

2001/8/19”

--------控制弹出POPUP信息--------

有时，当我们点击链接时，会出现一些着重性说明的提示信息，也就是弹出信息。

比如当某个链接还没有完成目标内容页的制作时，就可以应用POPUP信息解释一下。

在网页中合适位置输入链接文字，选中，在属性面板中制作链接。

在仍保持选中状态的前提下，单击快速启动板中的“Behavior”按钮，

点击左上的“+”号，从列表中选中“Popunmessage”，在随后的窗口中输入需要提示的信息，设定该动作的鼠标事件（Events）为点击（onclick）。

--------隐藏状态栏的URL地址信息--------

浏览网页，当鼠标停留在链接上方时，在下面的状态栏中会自动显示该链接目标地址，考虑到安全方面的问题，有时我们需要把它重置为“零”，即设为空白。

现在只需要在链接代码中作些手脚就可以实现了，

网易学院

--------改变状态栏里的提示文字--------

默认情况下，当网页被载入时，在状态栏里将显示该网页的地址等信息。

想不想让它变的更有魅力呢？

在DW“Behavior”行为板中，单击“+”号选择“SetTextSet”下的“TextOfStatusBar”选项，

在“SetTextofStatusBar”窗口中输入类似“欢迎你光临本网站--网管留言”等Message信息。

--------电子邮件的表单处理方式--------

表单应该是网页交互功能中必不可少的元素，表单的功能缘于信息的交互，因此表单的处理往往涉及到网络高级编程语言的使用，你或许说，哇！

我不会编程呀！

没关系，其实对于一些简单的表单内容处理靠电子邮件也可以实现。

先看下面的代码：

上面是一个典型的表单的HTML源代码，其中METHOD决定采用方式，包括POST和GET两种。

ACTION也就是咱们上面说的处理程序，一般可通过ASP/PHP/CGI实现。

那么用电子邮件怎么实现呢？

action=mailto:

XXX@，这样当点击提交按钮后，就会弹出一个提示窗口，单击“确定”表单内容会发送到指定的邮箱中。

--------制作规范的电子邮件链接--------

所谓的“电子邮件链接”即是当我们点击它时，浏览器会自动调用默认使用的邮件客户端程序发送电子邮件。

输入“有问题MAILME”字样，鼠标拖拉选中，切换到属性面板，在LINK输入框中键入如下命令：

Mailto：

XXX@？

Subject=网友来信&bc=其他电子邮件地址&bcc=其他电子邮件地址。

其中Mailto为邮件链接的协议，Subject为邮件的标题，bc是同时抄送的邮件地址，bcc代表的也就是暗送了。

--------点击空链接时，避免页面往往重置到页首端--------

在浏览器里，当我们点击空链接时，它会自动将当前页面重置到首端，从而影响用户正常的阅读内容，我们当然希望它能保持不动了。

这时，你能够用代码“void（null）”代替原来的“#”标记，回头看看，这个问题已经解决了。

--------实现多个窗口的连接--------

面板设计一直是DW的一大特色，到了DW4版本，所用到的面板已经相当多了，那么我们如何才能更高效的利用它呢？

“窗口连接”就是一种方便大家自定义的技术功能，简单的说，就是可以根据需要将两个或更多个面板放到一个窗口中来。

鼠标点击拖动一个面板的Tab栏到两一个面板上，当你看到一个黑色边框时，松开鼠标，这时两个面板已经合二为一了。

--------制作一条宽度为1的细线--------

在DW中，尽管水平线是以“Line”形式出现的，但在制作细线时，它表现的并不尽如人意，主要是过粗，没有需要的细腻感！

那么我们可以采取变通的方法以表格的应用来实现。

在网页中插入一个1行1列的表格，将表格的“cellpadding”“cellspacing”都设置为“0”，同时将单元格的“bgcolor”设定为红色，当然你也可以使用其他的颜色来代替，“Height”设定高度为1。

还有最关键的一步，查看源代码，将中的“”去掉即可。

--------设置根据不同的浏览器，返回不同的页面--------

浏览器不同，它所支持的技术和效果也不同。

因而我们所设计的网页并不是在所有的浏览器中都能正常显示或最佳显示。

这时一个判断浏览器的跳转就很必要了。

当用户用不同类型或版本的浏览器打开时，可以返回不同的页面，以保证用户的正常浏览。

单击快速启动板中的“Behavior”按钮，点“+”号，在下拉列表中选择“CheckBrowse”。

--------网页中屏蔽右键--------

--------禁止网页被另存为--------

将以下代码加入:

--------给网页加一个密码登录窗口--------

--GeneratedfromJIP.

vark=prompt（"请输入密码...",""）

if（k!

="******"）{

alert（"密码不对!

"）

history.go（-1）

}

//endofthecode-->

--------将页面<设为首页>代码大全--------

----1.加入收藏夹,设为首页代码

把以下代码相应位置

//*********.net;,'西交天空·建站资源软件下载网页设计服务器技术PHP编程ie代理便民服务·将你的梦想添上翅膀'）>加入收藏

设为首页

----2.鼠标指向某链接文本时提示设为首页

将下列代码插入区中：

//*********.netonmouseover="this.style.behavior='url（#default#homepage）';this.setHomePage（'http:

//*********.net'）;"target="_blank">设为首页

----3.打开页面时自动弹出窗口询问是否设为首页

将以下代码放在之间：

functionmyhomepage（）{

this.homepage.style.behavior='url（#default#homepage）';this.homepage.sethomepage（'http:

//*********.net'）;

}

//*********.netname="homepage"

onclick="myhomepage（）;">

再将下面代码加入内：

"myhomepage（）;"

（即：

）

----4.离开本页面时自动提示设为首页

（BASEBody.isHomePage（'http:

//*********.net'）））BASEBody.setHomePage（'http:

//*********.net/'）;">

--------引用XX搜索引擎--------

将下列代码夹在之间

src="

alt="Baidu"align="bottom"border="0">