Solved

Dreamweaver/Fireworks : I use to knock it, but know i want to learn it...

Posted on 2004-04-02
7
315 Views
Last Modified: 2010-08-05
Ok, I perfer to handcode, but when I need a editor I use frontpage. But I have seen some sites like
http://www.astra-heights.com/
and I'm under the impression that dreamweaver or fireworks spits out the page rdy to go, if so i need to jump on the band wagon now ,to safe me tons of time.

is there some way you load the image and click n drag , layout you parametters and click generate and it automatic makes it..?

i came to believe this from,..
<!-- Fireworks 4.0  Dreamweaver 4.0 target.  Created Fri Jan 31 12:06:06 GMT-0600 (Central Standard Time) 2003-->

if so any guideness/info/tips or a walk - through?
0
Comment
Question by:Caiapfas
  • 3
  • 2
  • 2
7 Comments
 
LVL 2

Accepted Solution

by:
dgooding earned 250 total points
ID: 10742402
0
 
LVL 10

Expert Comment

by:D_M_D
ID: 10743960
What are you trying to do?  If you have Front Page already why not use that?  I 'm not a fan of it, but if you already have it.  It should provide the same functionality.

---------
D_M_D
0
 
LVL 2

Author Comment

by:Caiapfas
ID: 10744052
you right about dreamweaver, but i found out its Fireworks and not that i know, Frontpage doesnt allow the same stuff to happen without doing it yourself....iamges swaps, etc...and then spit it out for you
0
Master Your Team's Linux and Cloud Stack!

The average business loses $13.5M per year to ineffective training (per 1,000 employees). Keep ahead of the competition and combine in-person quality with online cost and flexibility by training with Linux Academy.

 
LVL 10

Expert Comment

by:D_M_D
ID: 10744156
Okay, well I think dreamweaver only uses three functions to swap images.  Here they are...

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_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_findObj(n, d) { //v4.0
  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 && document.getElementById) x=document.getElementById(n); return x;
}

Then the events are like so.

example of a linked image that changes onmouseover/mouseout:

<a href="http://www.yourlink.com" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('imagetitle','','buttons/home/imgname_over.jpg',1)"><img name="imagetitle" border="0" src="buttons/home/imgname.jpg" width="130" height="17"></a>

--------
D_M_D
0
 
LVL 10

Expert Comment

by:D_M_D
ID: 10744181
There's also a preloadimages function that would be handy for you....

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];}}
}

To preload images add the above code between the <head> tags, then add the following code to you body tag, just list your images like the example below.

<body onLoad="MM_preloadImages('buttons/homepopups/about2over.gif','buttons/homepopups/Polpayhome_over.gif')">

Here's a couple of references...
http://www.idest.com/dreamweaver/
http://www.dwfaq.com/

--------
D_M_D
0
 
LVL 2

Author Comment

by:Caiapfas
ID: 10744552
i'm more interested in fireworks, its the mircule worker...
0
 
LVL 2

Expert Comment

by:dgooding
ID: 10759067
Glad I could help!
0

Featured Post

Master Your Team's Linux and Cloud Stack

Come see why top tech companies like Mailchimp and Media Temple use Linux Academy to build their employee training programs.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Get to know the ins and outs of building a web-based ERP system for your enterprise. Development timeline, technology, and costs outlined.
Does your audience prefer people in photos or no people? How can you best highlight what you’re selling? What are your competitors doing, and what can you do that is different and unique from them?  Continue reading to learn how to make your images …
The viewer will get a basic understanding of what section 508 compliance can entail, learn about skip navigation links, alt text, transcripts, and font size controls.
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

830 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question