Webmaster Key - Discussion Forums
Home Help Search Calendar Login RegisterContact Us


Welcome, Guest. Please login or register.
Did you miss your activation email?
February 09, 2012, 02:10:32 PM

Login with username, password and session length
Welceome to Forums!

Important information for guests and new members:

In order to understand the full benefits of becoming an active member of this forum, please review the following information on guest and new member restrictions. These forum changes have been prompted by an overwhelming and unreasonable amount of bot postings and incoherent guest spam messages. We wish to prevent these events from happening in the future and make our community a more comfortable place for all of our members.

For guests:

Guests are not allowed to open new topics, polls, or posts attachments.
If you wish to open up new discussions on this forum, we encourage you to register.

For new members:

New members with less than five posts are not allowed to modify additional profile information such as avatars, contact information, biographies, and signatures. However, new members are encouraged to post their own topics or reply to topics initiated by other members. Become active on the forums and 5 posts should be an easy task!

We are a diverse community with members from all over the world. We encourage new ideas and interesting conversation. Do not be afraid to post webmaster/computer-related questions or problems, as our active members are always willing to help when they are able. Interested? Join us.

+ Webmaster Key Forums
|-+ Webmaster Corner
| |-+ Site Design and Web Authoring
| | |-+ Graphic and Design
| | | |-+ navigation bar in Fireworks		 0 Members and 1 Guest are viewing this topic. « previous next »
Pages: [1] Go Down Stumble Upon! Digg It! del.icio.us! Add to Technorati! ReddIt!  Send this topic Print
Author Topic: navigation bar in Fireworks  (Read 2620 times)
websj06
Jr. Member
*
Posts: 31
« on: May 15, 2006, 12:38:25 AM »
hello design forum members:

  I tried to created navigation bar in fireworks by using button. 

a) I first created a canvas then insert button images(in up, down, over state)

b) then I exported htm(Firworks HTML code) and image files(in gif fomat) into dreamwaver

c) I did some research online which says by using  dreamwaver template is convenient way to do navbars in case user want to apply same navigation bar on different page.

  my nav bar appearance is every messy:(, only original state of the button displayed, there many imported .gif files which made me confused. I include my code in htm file inported from fireworks. Could you take a look and help me trouble shoot what went wrong?

  d) I also want to know how to use template in dreamwaver correctly so I can make it smooth process to generate nav bars.
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- saved from url=(0014)about:internet -->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>navbar1.gif</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">td img {display: block;}</style>
<!--Fireworks 8 Dreamweaver 8 target.  Created Sat May 06 23:40:50 GMT-0700 (Pacific Daylight Time) 2006-->
<script language="JavaScript1.2" type="text/javascript">
<!--
function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

//-->
</script>
</head>
<body bgcolor="#ffffff" onload="MM_preloadImages('Program Files/Macromedia/coin74/site_definition/hw4/images/zzz_f2.gif','Program Files/Macromedia/coin74/site_definition/hw4/images/zzz_f3.gif','Program Files/Macromedia/coin74/site_definition/hw4/images/travel_f2.gif','Program Files/Macromedia/coin74/site_definition/hw4/images/travel_f3.gif','Program Files/Macromedia/coin74/site_definition/hw4/images/investing_f2.gif','Program Files/Macromedia/coin74/site_definition/hw4/images/investing_f3.gif','Program Files/Macromedia/coin74/site_definition/hw4/images/yunnan_f2.gif','Program Files/Macromedia/coin74/site_definition/hw4/images/yunnan_f3.gif');">
<table width="500" border="0" align="center" cellpadding="0" cellspacing="0">
<!-- fwtable fwsrc="Untitled" fwbase="navbar1.gif" fwstyle="Dreamweaver" fwdocid = "588577883" fwnested="0" -->
  <tr>
   <td><img src="Program Files/Macromedia/coin74/site_definition/hw4/images/spacer.gif" alt="" name="undefined_2" width="135" height="1" border="0" /></td>
   <td><img src="Program Files/Macromedia/coin74/site_definition/hw4/images/spacer.gif" alt="" name="undefined_2" width="1" height="1" border="0" /></td>
   <td><img src="Program Files/Macromedia/coin74/site_definition/hw4/images/spacer.gif" alt="" name="undefined_2" width="125" height="1" border="0" /></td>
   <td><img src="Program Files/Macromedia/coin74/site_definition/hw4/images/spacer.gif" alt="" name="undefined_2" width="12" height="1" border="0" /></td>
   <td><img src="Program Files/Macromedia/coin74/site_definition/hw4/images/spacer.gif" alt="" name="undefined_2" width="100" height="1" border="0" /></td>
   <td><img src="Program Files/Macromedia/coin74/site_definition/hw4/images/spacer.gif" alt="" name="undefined_2" width="43" height="1" border="0" /></td>
   <td><img src="Program Files/Macromedia/coin74/site_definition/hw4/images/spacer.gif" alt="" name="undefined_2" width="84" height="1" border="0" /></td>
   <td><img src="Program Files/Macromedia/coin74/site_definition/hw4/images/spacer.gif" alt="" name="undefined_2" width="1" height="1" border="0" /></td>
  </tr>

  <tr>
   <td rowspan="2"><a href="zzz.html" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('zzz','','Program Files/Macromedia/coin74/site_definition/hw4/images/zzz_f2.gif',1);" onclick="MM_swapImage('zzz','','Program Files/Macromedia/coin74/site_definition/hw4/images/zzz_f3.gif',1);"><img name="zzz" src="Program Files/Macromedia/coin74/site_definition/hw4/images/zzz.gif" width="135" height="50" border="0" id="zzz" alt="homeButton" /><img src="images/zzz.gif" alt="home_upbutton" width="135" height="50" border="0" /></a></td>
   <td rowspan="2"><img name="navbar1_r1_c2" src="Program Files/Macromedia/coin74/site_definition/hw4/images/navbar1_r1_c2.gif" width="1" height="50" border="0" id="navbar1_r1_c2" alt="" /></td>
   <td rowspan="2"><a href="travel.html" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('travel','','Program Files/Macromedia/coin74/site_definition/hw4/images/travel_f2.gif',1);" onclick="MM_swapImage('travel','','Program Files/Macromedia/coin74/site_definition/hw4/images/travel_f3.gif',1);"><img name="travel" src="Program Files/Macromedia/coin74/site_definition/hw4/images/travel.gif" width="125" height="50" border="0" id="travel" alt="travelButton" /><img src="images/travel.gif" alt="travel_upbutton" width="125" height="50" border="0" /></a></td>
   <td rowspan="2"><img name="navbar1_r1_c4" src="Program Files/Macromedia/coin74/site_definition/hw4/images/navbar1_r1_c4.gif" width="12" height="50" border="0" id="navbar1_r1_c4" alt="" /></td>
   <td rowspan="2"><a href="investing.html" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('investing','','Program Files/Macromedia/coin74/site_definition/hw4/images/investing_f2.gif',1);" onclick="MM_swapImage('investing','','Program Files/Macromedia/coin74/site_definition/hw4/images/investing_f3.gif',1);"><img name="investing" src="Program Files/Macromedia/coin74/site_definition/hw4/images/investing.gif" width="100" height="50" border="0" id="investing" alt="investingButton" /><img src="images/investing.gif" alt="investing_upbutton" width="100" height="50" border="0" /></a></td>
   <td rowspan="2"><img name="navbar1_r1_c6" src="Program Files/Macromedia/coin74/site_definition/hw4/images/navbar1_r1_c6.gif" width="43" height="50" border="0" id="navbar1_r1_c6" alt="" /></td>
   <td><a href="yunnan.html" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('yunnan','','Program Files/Macromedia/coin74/site_definition/hw4/images/yunnan_f2.gif',1);" onclick="MM_swapImage('yunnan','','Program Files/Macromedia/coin74/site_definition/hw4/images/yunnan_f3.gif',1);"><img name="yunnan" src="Program Files/Macromedia/coin74/site_definition/hw4/images/yunnan.gif" width="84" height="42" border="0" id="yunnan" alt="yunnanButton" /><img src="images/yunnan.gif" alt="yunnan_upbutton" width="84" height="42" border="0" /></a></td>
   <td><img src="Program Files/Macromedia/coin74/site_definition/hw4/images/spacer.gif" alt="" name="undefined_2" width="1" height="42" border="0" /></td>
  </tr>
  <tr>
   <td><img name="navbar1_r2_c7" src="Program Files/Macromedia/coin74/site_definition/hw4/images/navbar1_r2_c7.gif" width="84" height="8" border="0" id="navbar1_r2_c7" alt="" /></td>
   <td><img src="Program Files/Macromedia/coin74/site_definition/hw4/images/spacer.gif" alt="" name="undefined_2" width="1" height="8" border="0" /></td>
  </tr>
</table>
</body>
</html>

Jeff
5-14-06
Report to moderator   Logged
johnhask
Contributor
Full Member
***
Posts: 182
« Reply #1 on: May 26, 2006, 07:39:28 PM »
FW creates additional gifs for spacing. Some you may need, while others can be removed. Maybe you could display the page url of your design?
Report to moderator   Logged
Orange County Web Design
Law Firm Web Design
Medical Web Design
davidtislini
Novice
*
Posts: 13


David Tislini


WWW
« Reply #2 on: July 21, 2006, 10:41:33 AM »
Dreamweaver has a navigation bar feature. It may be easier to first create your navigation images, then slice them up and then use the Dreamweaver navigation bar feature.

Hope this helps  Wink

Regards
David Tislini
Report to moderator   Logged
David Tislini uses the "Statistical Copywriting Online Home
Study Course" to write copy that is guaranteed to sell.
It's scientifically derived copy tips, leave all other
copywriting programs in the dust.
Statistical Copywriting Course And SW
Stacey
Jr. Member
*
Posts: 31


WWW
« Reply #3 on: July 31, 2006, 02:42:35 AM »
Dave has the answer ... If you don't mind the URL would be handy to assist you further ...
Report to moderator   Logged
Create Copy That Sells !!!!
Pages: [1] Go Up Stumble Upon! Digg It! del.icio.us! Add to Technorati! ReddIt!  Send this topic Print 
+ Webmaster Key Forums
|-+ Webmaster Corner
| |-+ Site Design and Web Authoring
| | |-+ Graphic and Design
| | | |-+ navigation bar in Fireworks
Jump to:  
« previous next »

Our Partners
RelmaxTOP Ranking System Web Hosting RelmaxTOP Ranking System
Staff Sites
12Noon[12Noon Gallery] Andy[Urgentclick]
Tamuril[Tamuril's Digital Art Exhibit] Sensovision
Powered by MySQL Powered by PHP We are hosted by Relmax Inc. |Our Privacy Policy | Sitemap
Powered by SMF 1.1.9 | SMF © 2006-2009, Simple Machines LLC
Forum design by Tamuril © 2005. 		Valid XHTML 1.0! Valid CSS!