Convert fireworks *.PNG to Dreamweaver xhtml file???
I have a fireworks *.png image which I would like to export
into Dreamweaver MX. The fireworks artwork was provided by the
designer to use in a Dreamweaver based website. This *.png file
containes menues, images with their respective placeholders, text
blocks and other individual items that can and should remain
editable. I want to export the *.png into Dreamweaver and edit it
in Dreamweaver by changing fonts to text, moving around images and
frames, etc. Is this possible? So far, all I am getting is a flat
uneditable *.jpg or Html file with unselectable text and images. I
am obviously a beginner and would appreciate any direction. Thanks
in advance.
open the .png in Fireworks.
file-->Export Preview and follow the steps to export
"images and html"
that will give you an html file and images you then open in
dreamweaver.
> I have a fireworks *.png image which I would like to
export into Dreamweaver
> MX. The fireworks artwork was provided by the designer
to use in a
> Dreamweaver
Similar Messages
-
Convert Fireworks *.png to Dreamwever file ??
I have a fireworks *.png image which I would like to export
into Dreamweaver MX. The fireworks artwork was provided by the
designer to use in a Dreamweaver based website. This *.png file
containes menues, images with their respective placeholders, text
blocks and other individual items that can and should remain
editable. I want to export the *.png into Dreamweaver and edit it
in Dreamweaver by changing fonts to text, moving around images and
frames, etc. Is this possible? So far, all I am getting is a flat
uneditable *.jpg or Html file with unselectable text and images. I
am obviously a beginner and would appreciate any direction. Thanks
in advance.Ransompro wrote:
> I have a fireworks *.png image which I would like to
export into Dreamweaver
> MX. The fireworks artwork was provided by the designer
to use in a Dreamweaver
> based website. This *.png file containes menues, images
with their respective
> placeholders, text blocks and other individual items
that can and should remain
> editable. I want to export the *.png into Dreamweaver
and edit it in
> Dreamweaver by changing fonts to text, moving around
images and frames, etc.
You cannot do that kind of image editing in Dreamweaver. That
has to be
done in Fireworks. Here's a good tutorial on how it's done:
http://www.macromedia.com/devnet/fireworks/articles/layout_editing.html
Linda Rathgeber ACE ::: PVII
http://www.projectseven.com
Fireworks Newsgroup:
news://forums.projectseven.com/fireworks/
CSS Newsgroup: news://forums.projectseven.com/css/
Adobe Community Expert - Fireworks
Design Aid Kits:
http://www.webdevbiz.com/pwf/index.cfm -
Finding original Fireworks .pngs from Dreamweaver?
I'm taking over another person's work and they built the
designs in Fireworks. I have an HR page that has photos that get
updated all the time (lots of turnover I guess) and I'm not really
a Fireworks guys (use Photoshop) and I've kinda figured out that
there is a ".mno" (I think that's what it is) file that stores the
metadata to show where the .gif or .jpg was made from the Fireworks
.png file.
I guess my question is, in matters of workflow, how do I
efficiently set up a .PNG file (from scratch) that saves its slices
in either .jpg or .gif, with the "here is the path to the original
.png" flag so when I come back to editing the .html in DW, I can
see a flag that says "find the original .png on Hard Drive 2"?
I just did a search on OSX Spotlight for the image file and
it came up with the same named file as .mno or something like that.
When I opened that as a text doc, it gave a path, which fortunately
helped me find the original .png this time, so I didn't need to
rebuild the image from scratch. I did this through the "back door"
of using OSX's search function.
There are times I'm so busy, I need to find stuff fast. How
do I find original .pngs from .jpg/.gif images made in Fireworks,
easily?
How do I set up a good workflow from FW to DW?
Thanks in advance,
nick> How do I set up a good workflow from FW to DW?
Export the graphics from FW and place them on the page in DW.
Don't worry
about any more than that. Trying to use FW to write your HTML
gets everyone
into deep trouble.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"adobeexchangenick" <[email protected]>
wrote in message
news:[email protected]...
> I'm taking over another person's work and they built the
designs in
> Fireworks.
> I have an HR page that has photos that get updated all
the time (lots of
> turnover I guess) and I'm not really a Fireworks guys
(use Photoshop) and
> I've
> kinda figured out that there is a ".mno" (I think that's
what it is) file
> that
> stores the metadata to show where the .gif or .jpg was
made from the
> Fireworks
> .png file.
>
> I guess my question is, in matters of workflow, how do I
efficiently set
> up a
> .PNG file (from scratch) that saves its slices in either
.jpg or .gif,
> with the
> "here is the path to the original .png" flag so when I
come back to
> editing the
> .html in DW, I can see a flag that says "find the
original .png on Hard
> Drive
> 2"?
>
> I just did a search on OSX Spotlight for the image file
and it came up
> with
> the same named file as .mno or something like that. When
I opened that as
> a
> text doc, it gave a path, which fortunately helped me
find the original
> .png
> this time, so I didn't need to rebuild the image from
scratch. I did this
> through the "back door" of using OSX's search function.
>
> There are times I'm so busy, I need to find stuff fast.
How do I find
> original
> .pngs from .jpg/.gif images made in Fireworks, easily?
>
> How do I set up a good workflow from FW to DW?
>
> Thanks in advance,
> nick
> -
Can not set source file for Fireworks png in Dreamweaver
I recently purchased Adobe Design Premium CS5 to replace my CS3, but I have a big
problem. When I export a png in Fireworks to Dreamweaver it does not set the source
file correctly. It places the Fireworks object on the page, but when I select the table
that holds the Fireworks object, the path for the source on the Properties panel is
wrong - it says menu2.png. The correct document relative path is dress_images/menu2/menu2.png.
When I drag the Point to File icon over the menu2.png on the Files panel, it correctly displays
the full path, but when I let go of it, it sets the path back to menu2.png. I can not even type it
in the source box and get it to stay.
Here is the problem. When I click on the Edit button, it says it can't find the png. It is using
the full path from the C: drive instead of the document relative path. If I browse to the png file
and open it in Dreamweaver then click the Done button, it saves the png file but does not change
any of the content on the HTML page.
Fireworks and Dreamweaver CS3 worked perfectly here. Help!
I just tried to do this on another computer. This time when I pasted the Fireworks HTML onto the
page in Dreamweaver it set the path correctly (it was a root relative path instead of a document
relative path). I tried to edit in Fireworks using the Edit button, and it opened Fireworks without
any problem. I made some changes then clicked the Done button. Now the Done button is suppose
to be like magic. It is suppose to save the changes to the png file, make the changes on the HTML
page in Dreamweaver, and change any of the supporting files (images) that have been edited. It
always worked this way in CS3, and anything less than this would be a huge step backwards. In this
case, it saved the changes to the png, but did not make any other changes. The web page in
Dreamweaver is still the same. How do I get the Done button to work its magic using CS5.
Another problem - when I paste the code onto the page, the page looks totally messed up. If I save it
and reopen it then it looks fine. However, this never occurred with CS3. Aren't updates to software
suppose to be improvements?
Thanks.
NathanYes, the web site is correctly defined in Dreamweaver. I teach web design for both high school and
adult school, and I have done this procedure 100's of times with CS3. There is something different with
CS5. I took your suggestion and imported the Fireworks HTML using Insert -> Image -> Fireworks HTML,
but it still does not work. I can edit it in Fireworks, hit the Done button, and the png file is saved but
the HTML page remains the same.
Also, the export does not get the path right, and it will not let me set the path right. The only way the path
is right is if the page that I am pasting the Fireworks HTML is in the same folder as the png. It always
sets the png's path as menu.png. Therefore, if the page is in a different folder, the document relative path
won't find it. This was never a problem with CS3. In fact, you could paste the code using Control-V and it
would work 100% of the time. That is how we always did it. When exporting from Fireworks, I would set
Export to "copy to clipboard" then move to Dreamweaver, click where I wanted the code pasted and do Control-V and presto it would
always work. You could come back a month later, select the table, click the Edit button, make changes
in Fireworks, click the Done button and the changes would be reflected on the HTML page in Dreamweaver without
doing anything more. I have tried it with "copy to clipboard" and I have tried it with "export HTML file". Neither
works. There is definitely something different between CS3 and CS5, and right now I am missing CS3.
Thanks for your help. I will keep fighting this until I get it, but any additional input would be appreciated.
Nathan -
Opening Fireworks .png file from Dreamweaver
Anybody have problems with the connectivity between Fireworks
and Dreamweaver? I have a Retail version of Macromedia Studio 8.
I've been designing a new site and noticed that my fireworks .png
file is not updating from my changes in Dreamweaver (probably
because I cannot open from the edit button in Dreamweaver.) When I
try to open the .png file from the Edit button at the bottom of the
Properties Panel in Dreamweaver it gives me an Error Message :
Unable to Launch. Please be sure that the application exists and
that there is enough memory.
Obviously the only benefit of Macromedia suite is the
connectivity. Well, since I don't have it it is sucking. Was it a
misinstallation on my part? Anybody know what's happening here or
how to fix?
Thanks,
JPCopy the file off the server, then open it?
And what version of Photoshop are you using? On what OS version?
Most likely this is a bug in the OS or server software that just shows up because of the asynchronous file IO used by Photoshop (to improve performance). -
How to export a PSD file with layers to Fireworks PNG file.
Hi
I've been asked by someone I'm working for to supply the work I've done as a PNG file that can be edited. I was told that a layered PSD file can be converted to a layered fireworks PNG file. I've tried all sorts of things but either ended up with a flattened image or each layer as a seperate file. I've searched all over for answers but nothing as yet!
thanksYes, individual PNG-24 files from Photoshop is what you want. In Photoshop, File>Scripts>Export Layers to Files; browse to save location; choose PNG-24 as the file type; check transparency. Prior to this, if you have floating imagery in any layers in the Photoshop file, you will want to place 1-pixel dots in 2 opposing image corners on those layers, so the all layer sizes will be exported at the same size, for layer-registration when composed in Fireworks. Then delete those dots in the exported PNG files and resave.
Then you will need to compose the layers in Fireworks. Once you get your individual layers in PNG format, you might want to pose this question in the Fireworks forum. -
Opening XHTML files in dreamweaver
An agency gave me all the files to a XHTML page that I opened
in Dreamweaver. This includes html, .inc files, css style sheets
and java files. They are all structures in their correct folders(I
think). When I open the XHTML in Dreamweaver, I get nothing what
resembles what is currently on the web. In the design work area(the
WYSIWYG part), I see nothing, but one element on top of another and
everything is flush left.
When I preview in a browser, everything is just like in
Dreamweaver–the layout is completely gone.
I'm new to CSS, what am I missing? Why are XHTML files not
WYSIWYG.
Thank you BrianHeya Brian,
You have answered your own question. The reason the xhtml
files do not show style on the page is because no style is
presumably set for the page. Learn CSS and you will in effect be
learning how to add style to your page.
Hope that helps! -
Hello...I'm trying to use Fireworks to create a PNG file for a tab bar icon. I create the image, save it and add it to my solution but the file does not appear.
I notice in Finder that the file type is a Firworks PNG file and not a regular PNG file. Research has told me there is a difference?
How do I save a Fireworks PNG file to a regular PNG file so I can use it in my application?
Thanks for your help.This is not the developer forum, you need to go there for your answers:
http://developer.apple.com/iphone/ -
How do you convert a PNG File to PDF?
How do you convert a PNG File to PDF?
There are several ways, including ... Right click the .png file in Windows explorer and select Convert to Adobe PDF. Or, click Create PDF on the Acrobat welcome screen. Or, in Acrobat, File > Create > PDF from file
-
Can ps7 convert a png file to jpeg
can ps7 convert a png file to jpeg
Yes, PSE 7 can do it. Just save as or use save for web.
-
Convert a png or jpeg file into 3d in After Effects
I'm relatively new to AE cc and to Premier Pro for that matter. I am trying to convert a png logo that only has 2 colors into a 3d logo for an intro for my videos. Looked high and low for tutorials and can't find anything. About the best thing I've found is using another program called Video Copilot. Seems like a rather simple task for something as powerful as after effects is. I'm just trying to convert the sign portion of this image.
Don't say I never give you anything.
Linked is an After Effects CC project with the essence of your logo, set up in very basic 3D, as described above when Rick said just turn on the 3D switch. A camera is animated around it to give you the idea.
This is the most basic type of 3D After Effects can do. If you want something more sophisticated, like extruded 3D objects, you need to learn a lot more about After Effects before proceeding.
Dropbox - nomad.aep -
Convert Firework layers to individual powerpoint graphics
Hi,
Is there a quick way to convert a fireworks png document that has multiple layers into individual graphic files in powerpoint?
I'm looking to make the powerpoint interactive by linking each graphic with a separate slide when you click on the graphic.
Thanks.Interesting idea. I'm not very familiar with PowerPoint but I suspect it's like Word in that it mixes vector-based type with bitmap graphics, whereas Fireworks' output is purely bitmap (unless you're converting to HTML output). Therefore, any text elements might appear more smoothly rendered if created directly within PowerPoint rather than Fireworks. (This is just a guess.)
Fireworks' output options are available under File > Export and File > Save As. This is what you have to choose from:
Based on your description, it sounds like "Layers to Files" (in the Export command menu) may be the best option. Before you export, you might want to select an appropriate image file format using the File > Image Preview command. PNG32 is a good all-purpose choice. (Click "OK" to save your settings without actually exporting.) -
I have a Fireworks png file that i am trying to save out as a
psd. I can do so, but when I open in Photoshop, the layer groups I
created in my Fireworks png file are not preserved. The layers stay
put, but photoshop ignores the layer folder (or groups) and puts
them all in one big bucket. Is there a way to preserve the layer
groups during my saving to psd process?
Also, I have text in my png file that uses -4 letterspacing.
When I save as PSD, and open in Photoshop, the letterspacing
changes to -40. Anyway to get around this? I need to text to remain
editable is photoshop also.Reaganjudd wrote:
> I have a Fireworks png file that i am trying to save out
as a psd. I can do
> so, but when I open in Photoshop, the layer groups I
created in my Fireworks
> png file are not preserved. The layers stay put, but
photoshop ignores the
> layer folder (or groups) and puts them all in one big
bucket. Is there a way
> to preserve the layer groups during my saving to psd
process?
>
> Also, I have text in my png file that uses -4
letterspacing. When I save as
> PSD, and open in Photoshop, the letterspacing changes to
-40. Anyway to get
> around this? I need to text to remain editable is
photoshop also.
>
I've written three different tutorials for CMX that deal with
converting
complex PNG files to PSD files. Fireworks has both LAYERS and
OBJECTS,
while Photoshop is really just layer-based. With the current
version of
FW there is no way that I know of to preserve this hierarchy
when you go
from PNG to PSD, but you can recreate the same set up
manually once the
file has been saved as a PSD and opened in Photoshop.
Here's how I tackled it:
1 Start by making sure that all objects are ungrouped (to
avoid any
object flattening in the Save as PSD process) and
individually named,
because FW will use these names for the layers it creates
when the PSD
file is made.
2 Save the file as a psd file.
3 Launch Photoshop and open the newly created PSD file. Keep
the
original PNG file open in Fireworks
Create and Fill Your Layer Groups
4 Refer to the original Fireworks PNG file and create a
series of empty
Layer groups that will mimic the Layer/object hierarchy of
the PNG file.
5 Name each group as seen in the PNG file. The easiest way to
create
empty Layer Groups without nesting them within each other is
to press
the Create New Group icon at the bottom of the Layers
Palette. This icon
looks like a file folder. To save time, you can double-click
on the
layer names in Fireworks, copy the name and then double-click
on the
Layer group name in Photoshop and paste the text.
6 Once the groups are named expand the layers in the PNG so
you can see
the objects within each layer. Find the matching layers in
the Photoshop
file, select them and begin dragging them into the
appropriate groups.
If you leave any objects/layers invisible in Fireworks when
you save as
a PSD, they are still exported and will still remain hidden
when you
open the file in Photoshop.
For more detail (and pictures) you can check out this article
on CMX.
It's based on converting one of our JumpStarts to a PSD file,
but the
workflow is applicable to any FW PNG file.
http://www.communitymx.com/abstract.cfm?cid=C49D7
Probably not the answer you wanted, but I hope these steps
help.
Jim Babbage - .:Community MX:. & .:Adobe Community
Expert:.
Extending Knowledge, Daily
http://www.communityMX.com/
CommunityMX - Free Resources:
http://www.communitymx.com/free.cfm
.:Adobe Community Expert for Fireworks:.
news://forums.macromedia.com/macromedia.fireworks
news://forums.macromedia.com/macromedia.dreamweaver -
I have really two errors when validating my ePub that I converted using InDesign CC. I am using Dreamweaver to edit it into a read-along eBook.
The first error is
ERROR: epub9.epub: OPS/XHTML file OEBPS/j83643-Flower-Fairy_-epubBody-10.xhtml is missing. The document isn't missing and I don't know how to find th OPS /XHTML to fix it.
My second error is making me crazy. I have fixed all the errors in my smil files 3 times. I save it using Dreamweaver and the errors come back. I have saved the files as ..smil in the hxtml choice.and in the all files choice. I can't find a choice for smil.
I could use some help this is very frustrating.
Thanks,
Janis FrieslerMaybe this will help Re: Dreamweaver removing "controls" attribute in XHTML files
-
Fireworks CS3 and Dreamweaver 8
I own Dreamweaver 8 but not Fireworks 8, and I don't
particularly want to upgrade Dreamweaver to build decent websites
using Fireworks CS3. So has anyone imported Fireworks PNGs,
particularly of the sliced variety, into Dreamweaver 8? Any
problems?princesspurple wrote:
> I own Dreamweaver 8 but not Fireworks 8, and I don't
particularly want to
> upgrade Dreamweaver to build decent websites using
Fireworks. So has anyone
> imported Fireworks PNGs, particularly of the sliced
variety, into Dreamweaver
> 8? Any problems?
YOu need to export the files from Fireworks to your
Dreamweaver site,
then if you want to use the Fireworks HTML, use the
Dreamweaver Insert >
Image Objects > Fireworks HTml feature.
Linda Rathgeber [PVII] *Adobe Community Expert-Fireworks*
http://www.projectseven.com
Fireworks Newsgroup:
news://forums.projectseven.com/fireworks/
CSS Newsgroup: news://forums.projectseven.com/css/
http://www.adobe.com/communities/experts/
Maybe you are looking for
-
Having issues with custom master pages and device channels
I'm working in Sharepoint 2013 and am attempting to create a custom master page that is to be used by mobile devices. I have created an html file and a custom css file that includes snippets from the design manager. The file appears to preview fine i
-
Failed Entries not visible in EOIO inbound queue
Hi Experts, The scenario is HTTP->RFC (aysnchornous) i am specifying the queue name in the HTTP client itself (inbound EOIO queue) and i am posting the message from HTTP client to RFC in R/3 system. So after posting the requests i could not find the
-
IPhoto 6 Unable to Zoom in Full Screen Mode when using projector
When in full screen mode in iPhoto 6 I am able to zoom quite nicely but when I attach a projector I lose the slide for zooming. How do I zoom in full screen mode when using a projector? Mac Book Mac OS X (10.4.9)
-
Hello everyone, I have a problem, there is a BADI which is used by a BSP application and also by an application in R3, this BADI has an error message sentence that works in R3 but dont work in BSP (DUMP), is there some variable (like sy-batch) that d
-
Web browser connection to oracle
How do you set up users in the client env't when connecting thru a web browser ste into oracle server? Do you create individual users account or is there a generic user account (because there can be more than 10000 users)? - Also How do you setup and