巧用firework工具以及CSS制作网页动态导航栏

龙源期刊网 https://www.360docs.net/doc/1412750377.html,

巧用firework工具以及CSS制作网页动态导航栏

作者:黄颖杰

来源:《中小企业管理与科技·下旬》2010年第05期

摘要:本文介绍了如何使用dreamweaver的CSS样式表以及firework软件来制作一个精美

的动态导航栏,并且点击动态导航栏的链接发生链接相应的变化以及跳到相对应的页面的方法,通过一个实例来讲述具体制作方法,总结此方法的优缺点。

关键词:firework 8.0 dreamweaver 8.0 CSS 网页动态导航栏超级链接

0 引言

随着日新月异的网络的发展,一个公司,一个企业如何能够通过网页来宣传的产品,树立自己的形象,制作一个美观而有创意的主页越来越起到了至关重要的作用了,随着现在对网页技术的要求越来越高,一个主页除了有个很漂亮的标题栏之外,有个吸引眼球动态导航栏往往能够让页面达到意想不到的效果。本文通过一个实例来讲解制作一个漂亮的动态导航栏的制作方法。

1 效果功能介绍

如今流行的动态导航栏通常有如下图1所示:

功能通常如下:当网页显示在首页时候,导航栏的首页链接背景为红色文字蓝色效果其他链接为蓝色背景文字白色效果。当鼠标经过导航栏的每个链接时,链接的颜色变成首页链接效果,点击某个链接后页面切换到相应的页面同时链接也进行相应的切换。

2 制作步骤

下面我们通过一个具体的实例来讲解这种效果的制作过程:

2.1 背景图片文件的制作与准备:

第一步:打开firework软件;新建一个长度为100像素,高度为35像素的空白文件,背景随意。

第二步:通过矩形工具画一个与背景画布一样大小的矩形(可以为其他形状);

相关文档
最新文档