Dreamweaver MX制作网站个性图标

   具体操作步骤:

  1、如果想在整个网站所有网页的地址栏上都显示出自己的个性小图标,只需要将图标文件命名为 favicon.ico ,然后将该图标文件放置在网站服务器中的网站根目录下就可以了。

  注意:使用此方法时一定要将图标文件命名为 favicon.ico ,并将其放置在网站根目录下。

  2、输入链接代码。如果读者只想在一个页面上放置个性图标或者在不同网页上放置不同的图标,那么就需要在网页 ( HTML 文件头标签)中输入链接代码了,如图 33-3 所示。


  注意:代码中链接图标的 URL 必需是绝对路径。图标文件的文件名不一定非得是 favicon.ico ,可以自己随意命名。“ shortcut icon ”表示地址栏图标,“ bookmark ”表示收藏夹图标。

  图中的代码如下所述。

  3、保存网页文件,然后将文件放置到网站服务器上,浏览网页就可以看到效果了,本实例操作完毕。本实例提供了两个不同的方法实现地址栏的图标,读者可以根据需要进行选择,使用代码方法要注意根据自己图标所在位置更改“ href= ”后面的 URL

时间: 2025-01-30 01:58:46

Dreamweaver MX制作网站个性图标的相关文章

Dreamweaver MX制作网站个性图标技巧

 1.如果想在整个网站所有网页的地址栏上都显示出自己的个性小图标,只需要将图标文件命名为 favicon.ico ,然后将该图标文件放置在网站服务器中的网站根目录下就可以了.   注意:使用此方法时一定要将图标文件命名为 favicon.ico ,并将其放置在网站根目录下. 2.输入链接代码.如果读者只想在一个页面上放置个性图标或者在不同网页上放置不同的图标,那么就需要在网页 <head> ( HTML 文件头标签)中输入链接代码了,如图 33-3 所示.     注意:代码中链接图标的 UR

用Dreamweaver轻松实现网站个性小图标

dreamweaver 别小看一个小小的图标,它可以充分展现出网页的个性,本实例将介绍如何在自己的个人主页上放上一个小图标. 效果说明 在地址栏上出现的已经不是微软的网页文件图标了,而变成了自己的小图标,如图 33-1 所示.如果将该网页添加到收藏夹里,那么收藏夹中也会出现个性的小图标,如图 33-2 所示. 创作思想 通过放置图标文件或者直接在网页中添加代码,制作出网站中的个性小图标. 操作步骤 ( 1 )如果想在整个网站所有网页的地址栏上都显示出自己的个性小图标,只需要将图标文件命名为 fa

用Dreamweaver MX制作导航下拉菜单

dreamweaver|菜单|下拉 Dreamweaver从出道以来,其简便易用而又功能强大的"行为"(Behavior)一直是大家所关注的热点之一.在Dreamweaver MX(DW MX)中,对这一功能又有了扩充与改进. 在DW MX中,行为指的是为了响应某一事件(Event)而采取的一个操作(Action).其中Event 指的是浏览器的事件,比如窗口刷新.鼠标移动等.而 Action 指的是后台响应事件的 JavaScript 代码,可以完成相应的操作,比如播放声音.翻转图片

用Dreamweaver MX制作文字特效

dreamweaver 应用目标:制作文字特效 应用软件:Dreamweaver MX 操作难度:★★☆☆☆ 我们常用的网页制作工具Dreamweaver MX不仅可以制作网页,而且利用其中的CSS滤镜我们还可以对文字或图片进行简单的特效处理.下面我们就通过几个例子来看一看在Dreamweaver中是如何制作特效文字的. 光晕字 首先启动Dreamweaver,在新文档中插入一个1×1的表格,边框设置为0,然后在其中输入需要修饰的文字. 单击右面的浮动面板中的"设计→CSS样式"打开这

用Dreamweaver MX制作文字特效(组图)

dreamweaver 应用目标:制作文字特效 应用软件:Dreamweaver MX 操作难度: 我们常用的网页制作工具DreamweaverMX不仅可以制作网页,而且利用其中的CSS滤镜我们还可以对文字或图片进行简单的特效处理.下面我们就通过几个例子来看一看在Dreamweaver中是如何制作特效文字的. 光晕字 首先启动Dreamweaver,在新文档中插入一个1×1的表格,边框设置为0,然后在其中输入需要修饰的文字. 单击右面的浮动面板中的"设计→CSS样式"打开这一浮动面板.

用Dreamweaver MX实现网站批量更新

dreamweaver     在Dreamweaver 4.0中,我们就已接触了模板与库的概念,知道它们是批量生成风格类似的网页的好工具.如今在Dreamweaver MX(以下简称DW MX)中,模板与库的功能得到了进一步细化与加强,尤其是实现关联网页自动更新的特点,使得模板与库成为DW MX的一大亮色.     1.首先我们来看看模板的应用,与Dreamweaver 4.0不同的是,DW MX把模板的操作拓展到了"Modify"与"Insert"两个菜单下.同

巧用Dreamweaver MX制作阴影字

  网页制作中用到的特效字,你一定是用图象处理软件制作的吧!告诉你,不用图象处理软件,我也能做出漂亮的特效字来,你看,阴影字我就是这样做出来的. 1.打开DreamweaverMX,新建一文档; 2.插入一个图层,图层编号默认为"layer1",输入文字"阴影字",通过属性面板设置其字体为"华文行楷",字体大小为"7号",颜色默认为黑色,如图1所示; 图1 3.选中图层"layer1",单击"编辑

Fireworks MX制作下拉菜单

菜单|下拉 随着网站页面极其功能的复杂化,越来越多的网站使用下拉菜单进行导航.熟悉Javascript的朋友都知道,所谓下拉菜单其实是通过Javascript控制每一个元素的可见属性实现的,当然这需要专门编写大段的代码.但是要是使用Fireworks MX就不需要这么麻烦,所有的代码都是由Fireworks MX自动生成的,你要做的只是美化一下界面,再简单的设置一下下拉菜单的选项就可以了. 下面就来看看怎样使用Fireworks MX增强的下拉菜单功能制作出让人羡慕的下拉菜单. 步骤1: 打开一

使用Dreamweaver MX表格排序功能

dreamweaver|排序 教育信息化时代,考试成绩也要求上网公布.一次我将考试成绩制作成一个HTML文件,如图1所示,领导审查的意见是"将成绩按名次排列",可是所有的成绩已经用Dreamweaver MX制作好了,若先用Execl按要求排序,再导入到Dreamweaver MX制作,呵呵!太麻烦了,早就知道Dreamweaver具有排序功能,一直没有实战,何不利用Dreamweaver MX演练一番? 在Dreamweaver MX中,您可以对一列的内容进行简单排序,也可以对两列的