Member Avatar for mikeandike22

Ok i built this site using macromedia fireworks and i am just making it to replace in a year or so and just wanted to test out making sites using fireworks.

The problem is when i go into dreamweaver to edit things like text and links i can't how can i make a way to edit a fireworks image like a simple html file in dreamweaver or frontpage.


[img]http://willpull22.remnetworks.com/layout.GIF[/img]

  • 2 Contributors
  • 2 Replies
  • 118 Views
  • 6 Hours Discussion Span
  • Latest Post Latest Post by mikeandike22

Dani AI

Generated

Short answer: do not flatten the whole page into a single GIF if you want to edit text/links in Dreamweaver. Keep text as HTML (or as editable text objects in Fireworks), slice the design into logical pieces, export images only where necessary, and let Dreamweaver handle the page content and CSS.

Practical workflow you can apply right away:

  • In Fireworks keep a master .png (the Fireworks document) so you can re-edit layers and text later.
  • Use the Slice/Hotspot tools to mark buttons, header, nav, and content areas. Make sure body text remains real text objects rather than rasterized pixels.
  • Use Fireworks' HTML/images export to generate the images and a starter HTML file, or export images only and hand-build semantic HTML in Dreamweaver.
  • Open the exported HTML in Dreamweaver: editable text and links will be ordinary HTML you can change. If a piece of text is part of an image, edit it back in Fireworks and re-export that slice.

If you switch to a CSS-driven layout (recommended), keep decorative parts as background images and place real headings and nav lists in the HTML so Dreamweaver editing and future changes are easy. Example pattern:

<header class="masthead">
  <h1>Bill's PC Tips &amp; Tricks</h1>
</header>

<style>
.masthead{
  background:url('header-bg.png') no-repeat;
  height:120px;
}
</style>

Design notes tied to : simplify the header, remove redundant graphics, and replace the penguin image with a version that has true transparency (export as PNG with alpha or a clean GIF), not a white box. Reduce heavy glows and pick a consistent color palette. Save the original Fireworks file for edits, optimize slices for the right format (PNG/GIF for flat art, JPEG for photos), and test the exported HTML in your target browsers.

Recommended Answers

All 2 Replies

Member Avatar for Killer_Typo

remove the second banner area. leave the Bill's PC Tips&Tricks, also if your going to use the penguin your going to want to remove the whit background on it so it doesnt look so out of place. Remove the glows on the Windows Longhorn and such, and change the color from that ugly blue to somthing else. Its nice design so far, just needs work to make look better.

Member Avatar for mikeandike22

how can i edit it like a normal page in dreamweaver do i need to make a css style sheet for it.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.