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

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

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

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

 

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

图中的代码如下所述。  

<link rel="SHORTCUT ICON" href="http://127.0.0.1/favicon.ico">

<link rel="BOOKMARK" href="http://127.0.0.1/favicon.ico">  

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

时间： 2025-01-19 06:49:57

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

Dreamweaver MX制作网站个性图标

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

用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快速制作细边线表格技巧

在Dreamweaver中插入一个表格,若设置其"边框(Border)"为1,预览时其边框线较粗.对于不熟悉HTML语言的网页制作者,如何快速制作出细边线的表格呢?下面,我给大家介绍一个小技巧--巧用背景颜色和间距制作细边线表格. 以制作一个4行3列.边框线为红色细线的表格为例: Step 1 在Dreamweaver的设计视图中插入一个4行3列的表格. Step 2 在"属性"面板中设置此表格的属性如下:边距(CellPad)根据需要自行设置值(例如10);间距(

Photoshop制作时针小图标技巧

作者虽然没有详细介绍每一步制作方法.不过分解图非常有用,一看就知道整个图标的构成,然后按一定的顺序慢慢刻画即可. 最终效果 <点小图查看大图> 1.首先我们来分解这个图标,观察其各个组成部分,然后我们分层制作. 2.接下来我们先制作"时钟底座",这个图层看起来很复杂,实际上整个效果只用一个图层便能完成.以下截图的参数仅供参考,因为你新建圆的大小将会影响这些参数数值,具体大家自行测试吧. 新建画布,拖入背景素材,使用椭圆工具建立一个椭圆,双击此图层为其添加图层样式. <

巧用Dreamweaver MX制作阴影字

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