Using Flash Buttons in Dreamweaver can be a little confusing. You would think that you are creating a Flash graphic and that you can change the link as you like on different pages, but this is not so.
Flash buttons have the link built in. If you use the same Flash button on a different page it will retain the same link. No way around this. If you want a button on a different page that goes to a different location you will need to create a new Flash button for that link.
So think of it this way, for each link to a specific page you need a separate Flash button. You can then use that Flash button on any page that you want to have that link. So, each new link gets its own Flash button.
Personally I never use Flash buttons, mostly because of this limitation. I create all of my buttons from scratch in Photoshop as images, I also create a second version to use as a rollover image. Then when I use those in my web pages I can put any link I want on them, since images don't store link info, the link info is specific to the image use on the one page.
But to be complete on this discussion, if you have a button that says one thing (like HOME) in your web site, that button should always go to that one page link, no matter what page it is used on. This is a usability issue, where people will expect a certain button to do the same thing each time they click on it no matter what page they find the button on. So in this respect the Flash buttons are behaving properly by only accepting one link.
Hope this helps,
George
Welcome to the new How To Gurus Blog
Where you can always find my latest Demos and YouTube Videos. You will find samples taken from my Training DVDs and also exclusive videos created specifically for my online audience.
Wednesday, January 10, 2007
Wednesday, May 17, 2006
How do I set up Dreamweaver to use ACDSee to view image files?
To set Dreamweaver to open the images in ACDSee, you need to set ACDSee as the file Editor for that image type. Here's how:
Go to the Edit menu and click on Preferences at the bottom of the menu.
Under Category on the left click on File Types / Editors
On the right side you will now see two lists, one showing the file types that Dreamweaver can recognize and one showing which program is used to edit that file type. Click on each of the file types in the left window and then edit the program associated with that file type in the right window. You will need to do this for each needed file type separately. The ones you want are .png .jpg .gif
To set the program associated with the file type, first click on the + button and locate the program you want to use. The file will be in your Programs folder, probably in the ACD Systems folder, then in the ACDSee folder, then in the 8.0 folder, probably named ACDSee8.exe. I don't have version 8 here but I am guessing that I am right on all this.
You will now see ACDSee in your list of Editors for the file type. Now select ACDSee in the list and click on the Make Primary button. Once you have done this for all three file types click on the OK button to close the dialog box and you should be all set.
George
Go to the Edit menu and click on Preferences at the bottom of the menu.
Under Category on the left click on File Types / Editors
On the right side you will now see two lists, one showing the file types that Dreamweaver can recognize and one showing which program is used to edit that file type. Click on each of the file types in the left window and then edit the program associated with that file type in the right window. You will need to do this for each needed file type separately. The ones you want are .png .jpg .gif
To set the program associated with the file type, first click on the + button and locate the program you want to use. The file will be in your Programs folder, probably in the ACD Systems folder, then in the ACDSee folder, then in the 8.0 folder, probably named ACDSee8.exe. I don't have version 8 here but I am guessing that I am right on all this.
You will now see ACDSee in your list of Editors for the file type. Now select ACDSee in the list and click on the Make Primary button. Once you have done this for all three file types click on the OK button to close the dialog box and you should be all set.
George
Friday, April 7, 2006
I just finished a page and in Internet Explorer...looks great...then I check Firefox and Netscape...and everything is all over the place..
You hit on the biggest problem on the internet, different browsers see things differently. But here are a few hints to keep things consistent.
Only use simple fonts (Ariel, times new roman, etc.) Dreamweaver comes with only 6 fonts as standard, stick with those.
Don't us layers. Netscape has a real problem with layers (specifically the div tag).
Keep styling of fonts to a minimum and use CSS. If you need a fancy headline or other font use, better to do it as a graphic.
Make sure that your graphics are created at the correct size for where they are placed. Don't resize graphics in Dreamweaver, do your resizing in Photoshop then put them on your web page. Some browsers will not see the Dreamweaver resize and will show the graphic at its original size. So make the original size correct. You should be doing this anyway.
The reference files in Dreamweaver have good information on which browsers support what. If you are using Dreawmweaver 8 look in the Window menu and click on Reference. Dreamweaver MX and MX 2004 have reference in the panels on the left.
Basically Netscape and Firefox use a different interpretation of HTML than IE uses. So you will see problems, especially with Layers and JavaScript. Netscape and Firefox also interpret CSS differently, especially with font styling.
So, bottom line, keep it simple. Use only simple fonts. Don't use layers for anything important, or for layout (I always use tables). Do all your fancy stuff with images. Or if you want a perfectly controlled web site that views identically in all browsers build the whole thing in Flash (but you will lose your search engine compatibility)
And don't forget that all of the browsers let the user customize how they work, including how they handle fonts. So even with your best efforts there will be people who will see your page layout differently than you designed it.
It is possible to use a JavaScript to see what type of browser is being used to view the page and then have the viewer forwarded to a page built for that browser. But in my opinion that is really doing things the hard way.
Only use simple fonts (Ariel, times new roman, etc.) Dreamweaver comes with only 6 fonts as standard, stick with those.
Don't us layers. Netscape has a real problem with layers (specifically the div tag).
Keep styling of fonts to a minimum and use CSS. If you need a fancy headline or other font use, better to do it as a graphic.
Make sure that your graphics are created at the correct size for where they are placed. Don't resize graphics in Dreamweaver, do your resizing in Photoshop then put them on your web page. Some browsers will not see the Dreamweaver resize and will show the graphic at its original size. So make the original size correct. You should be doing this anyway.
The reference files in Dreamweaver have good information on which browsers support what. If you are using Dreawmweaver 8 look in the Window menu and click on Reference. Dreamweaver MX and MX 2004 have reference in the panels on the left.
Basically Netscape and Firefox use a different interpretation of HTML than IE uses. So you will see problems, especially with Layers and JavaScript. Netscape and Firefox also interpret CSS differently, especially with font styling.
So, bottom line, keep it simple. Use only simple fonts. Don't use layers for anything important, or for layout (I always use tables). Do all your fancy stuff with images. Or if you want a perfectly controlled web site that views identically in all browsers build the whole thing in Flash (but you will lose your search engine compatibility)
And don't forget that all of the browsers let the user customize how they work, including how they handle fonts. So even with your best efforts there will be people who will see your page layout differently than you designed it.
It is possible to use a JavaScript to see what type of browser is being used to view the page and then have the viewer forwarded to a page built for that browser. But in my opinion that is really doing things the hard way.
Wednesday, October 5, 2005
Do you recommend using ImageReady to create web pages?
I only use ImageReady to slice images. That was what it was designed for originally, to make Images Ready for the web, and that is still what it is best used for. Everything else I do in Dreamweaver. This is partly a personal preference and you can do quite a bit with ImageReady, but even Adobe has a different product for creating web pages in GoLive.
My personal preference is to use the best product or tool for the job.
My personal favorites are:
Photoshop for image creation
ImageReady, used with the Photoshop images if needed.
Dreamweaver for web development work
Flash for animations
Freehand for vector images (I like Freehand a lot better than Illustrator)
I have found that Dreamweaver has some problems with ftp access to some servers, so for those problem servers I use WS-FTP.
I also don't use any templates, I always create web pages either from scratch, or based on an existing web page that I built from scratch. I just prefer the greater level of control doing it myself.
My personal preference is to use the best product or tool for the job.
My personal favorites are:
Photoshop for image creation
ImageReady, used with the Photoshop images if needed.
Dreamweaver for web development work
Flash for animations
Freehand for vector images (I like Freehand a lot better than Illustrator)
I have found that Dreamweaver has some problems with ftp access to some servers, so for those problem servers I use WS-FTP.
I also don't use any templates, I always create web pages either from scratch, or based on an existing web page that I built from scratch. I just prefer the greater level of control doing it myself.
Tuesday, October 4, 2005
How do I capture video from my computer screen?
I use a high-end professional screen capture and editing program, so that will not fit your needs. But there is a good, relatively low cost, product on the market that does a good job of capturing screen video. It is called Camtasia from Tech Smith. Here is their web site: http://www.techsmith.com/
Their Camtasia Studio costs about $300 but it is the best low cost solution that I am familiar with. There are probably others out there and a lot of times you will find software like this bundled with computer video cards.
As far as video format, I would recommend recording your videos as .avi files. This is an old standard and most video players can play this type of movie. I use avi myself because you can easily record larger videos, where some of the more modern video formats limit you to a specific screen size or resolution.
Also, to learn all there is to learn, just go to Google and do some searches. Try "video capture" "screen capture" "avi", I know you will think of some more.
Their Camtasia Studio costs about $300 but it is the best low cost solution that I am familiar with. There are probably others out there and a lot of times you will find software like this bundled with computer video cards.
As far as video format, I would recommend recording your videos as .avi files. This is an old standard and most video players can play this type of movie. I use avi myself because you can easily record larger videos, where some of the more modern video formats limit you to a specific screen size or resolution.
Also, to learn all there is to learn, just go to Google and do some searches. Try "video capture" "screen capture" "avi", I know you will think of some more.
Wednesday, September 28, 2005
What is the difference between Photoshop 7 and Photoshop CS?
Photoshop CS is also known as Photoshop 8, but I personally would have called it Photoshop 7.5. It is not that big of an upgrade, mostly new tools as opposed to updating version 7. Here is a short list of what is new, there are other minor upgrades as well:
• The File Browser has been enhanced
• New Multi-page PDF and slide show tool
• Photomerge tool (useful if you do lots of panoramas from multiple photos, but not really necessary)
• Tracking Edit History (Useful if you need to document editing, scientific or legal uses)
• Crop and Straighten Photos (nice tool if you do lots of scanning)
• Versioning and Version Cue (useful in a multi-user environment)
• New Keyboard shortcut list
• Photo Filter Effects (not really that useful)
• Shadow/Highlight Corrections (really useful if you do lots of professional photo processing or scanning. For a professional this one feature would be worth the upgrade cost in time savings)
• Pixel Aspect Ratio adjustments (useful for video work)
• Match Color (useful when scanning)
• New Filter Gallery (if you use lots of Filters this can be a time saver)
• Lens Blur Effects (fun, but not ground breaking)
• Fibers Filter (useful if you like to create your own textures)
• Layer Comps (very useful. Allowing you to easily create several different versions in one file)
• Scripting (useful for batch automation)
• Text on a Path (I have this one as my online demo, useful if you do page layout in Photoshop. Personally I prefer to use InDesign CS for all my page layout)
• Custom How To links (useful if you manage Photoshop users in a business or school setting)
There are also some upgrades to ImageReady as well, the most important being that ImageReady can now make proper slices and tables. But I do all of that work in Dreamweaver MX 2004.
• The File Browser has been enhanced
• New Multi-page PDF and slide show tool
• Photomerge tool (useful if you do lots of panoramas from multiple photos, but not really necessary)
• Tracking Edit History (Useful if you need to document editing, scientific or legal uses)
• Crop and Straighten Photos (nice tool if you do lots of scanning)
• Versioning and Version Cue (useful in a multi-user environment)
• New Keyboard shortcut list
• Photo Filter Effects (not really that useful)
• Shadow/Highlight Corrections (really useful if you do lots of professional photo processing or scanning. For a professional this one feature would be worth the upgrade cost in time savings)
• Pixel Aspect Ratio adjustments (useful for video work)
• Match Color (useful when scanning)
• New Filter Gallery (if you use lots of Filters this can be a time saver)
• Lens Blur Effects (fun, but not ground breaking)
• Fibers Filter (useful if you like to create your own textures)
• Layer Comps (very useful. Allowing you to easily create several different versions in one file)
• Scripting (useful for batch automation)
• Text on a Path (I have this one as my online demo, useful if you do page layout in Photoshop. Personally I prefer to use InDesign CS for all my page layout)
• Custom How To links (useful if you manage Photoshop users in a business or school setting)
There are also some upgrades to ImageReady as well, the most important being that ImageReady can now make proper slices and tables. But I do all of that work in Dreamweaver MX 2004.
Saturday, September 10, 2005
Load images in place of the Flash in the event a Flash player is not present
Question: I have successfully built a great new home page using both Dreamweaver and Flash - however, I need to have the page load images in place of the Flash in the event a Flash player is not present.
The Flash file will automatically check for the Flash Player and if it is not present it will attempt to download the Flash Player from Macromedia. So in most cases you do not need to worry.
But in case you want to have an alternate image here are the steps:
You need to create a second html page, one that does not contain Flash and has the alternate images instead (one page with Flash, one page without)
Open the Flash page in Dreamweaver.
Go to Code View.
Click anywhere inside the main body section of the web code.
Open up the Tags palette on the right side of Dreamweaver.
The Tag section heading should say Tag body
Click on the Behaviors tab
Click on the + button
In the popup menu select Check Plugin
The Plugin should say Flash, if not use the drop down menu and select Flash
Leave the "If found, go to URL:" line blank.
In the line that says "Otherwise, go to URL:" use the browse button and click on your non-Flash page.
Check "Always go to first URL if detection is not possible"
That should do it.
Personally I prefer to have the visitor download the appropriate Flash player instead of sending them to a non-Flash page, so I don't do these steps on my sites.
You can find a sample from the Flash set here: http://www.howtogurus.com/video/flash-demo.html
The Flash file will automatically check for the Flash Player and if it is not present it will attempt to download the Flash Player from Macromedia. So in most cases you do not need to worry.
But in case you want to have an alternate image here are the steps:
You need to create a second html page, one that does not contain Flash and has the alternate images instead (one page with Flash, one page without)
Open the Flash page in Dreamweaver.
Go to Code View.
Click anywhere inside the main body section of the web code.
Open up the Tags palette on the right side of Dreamweaver.
The Tag section heading should say Tag body
Click on the Behaviors tab
Click on the + button
In the popup menu select Check Plugin
The Plugin should say Flash, if not use the drop down menu and select Flash
Leave the "If found, go to URL:" line blank.
In the line that says "Otherwise, go to URL:" use the browse button and click on your non-Flash page.
Check "Always go to first URL if detection is not possible"
That should do it.
Personally I prefer to have the visitor download the appropriate Flash player instead of sending them to a non-Flash page, so I don't do these steps on my sites.
You can find a sample from the Flash set here: http://www.howtogurus.com/video/flash-demo.html
Subscribe to:
Posts (Atom)