Exporting

Report · Jan 17, 2022

Hello fireworks lovers!

I' m making a site on fireworks and when I export it into html and images, I put 'center' for my browser in the html window, but when I click the html file I have saved it is always on the left of the browser! Can smn plesae help?

Report · Jan 17, 2022

without seeing the code it's difficult to say what's going on there

Report · Jan 17, 2022

Ok, tell me what code and where I can get it, thank you.

Should I print screen and send you my choices?

Report · Jan 17, 2022

the export HTML file

Report · Jan 17, 2022

Thank you for your concern, here you are:

<head>
	<title>web design</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="description" content="FW 8 DW 8 XHTML" />
	<!--Fireworks CS6 Dreamweaver CS6 target. Created Tue Jan 18 09:05:44 GMT+0200 2022-->
	</head>
	<body bgcolor="#ffffff">
	<!--======================== BEGIN COPYING THE HTML HERE ==========================-->
	<img name="webdesign" src="web%20design.png" width="1200" height="2500" id="webdesign" alt="" /><!--========================= STOP COPYING THE HTML HERE =========================-->
	</body>
	</html>

Report · Jan 20, 2022

Do not use this code in production. It's not fit for modern browsers & mobile devices.

Use Fireworks for images only.

Use CSS to style and layout your HTML5 content within your favorite code editor: Dreamweaver, Pinegrow, Visual Studio Code, Espresso, etc...

Example:

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Flexbox Columns</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
body {
width: 90%;
/**centered page**/
margin: 0 auto;
padding: 0;
background:antiquewhite;
color:brown;
text-align: center;
}
nav { 
background-color:tan;
padding:2%;
border-top:1px solid brown;
}
nav a {color:mediumpurple;}

/* Mobile first*/
.flexbox-container {
display: flex;
flex-direction: column;
}

/* Tablets, Desktops*/
@media only screen and (min-width: 630px) {
.flexbox-container {
flex-direction: row;
justify-content: space-evenly;
}
}
/* All devices */
.flexbox-container > div {
flex-grow: 1;
padding: 5%;
background-color:brown;
color:antiquewhite;
}
img {
max-width: 100%; 
height: auto;
display: block;
vertical-align: baseline;
margin: 0 auto;
border:10px solid white;
border-radius: 5%;
}
</style>
</head>
<body>
<header>
<h1>Centered Flexbox Layout</h1>
<h2>3-Columns, Responsive</h2>
</header>

<!--navigation links here-->
<nav><a href="#">Navigation Link</a></nav>

<main class="flexbox-container">
<div>
<h3>Column 1</h3>
<img src="https://dummyimage.com/500x350" alt="placeholder">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Omnis id in commodi dicta fuga sit, consequuntur.</p>
</div>

<div>
<h3>Column 2</h3>
<img src="https://dummyimage.com/350x500" alt="placeholder">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Omnis id in commodi dicta fuga sit, consequuntur.</p>
</div>

<div>
<h3>Column 3</h3>
<img src="https://dummyimage.com/500x350" alt="placeholder">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Omnis id in commodi dicta fuga sit, consequuntur.</p>
</div>
</main><!--/flex-container-->
<footer>
<h5>Lorem ipsum dolor</h5>
<small>© 2022 XYZ Website all rights reserved.</small></footer>
</body>
</html>

CODE TUTORIALS:
- https://www.w3schools.com/html/
- https://www.w3schools.com/css/
- https://www.w3schools.com/js/

Nancy O'Shea— Product User, Community Expert & Moderator

Report · Jan 20, 2022

Hi - the HTML export feature of Fireworks is not fit for todays' web I'm afraid.... I think most people use Fireworks for graphic elements, maybe even UI mockups as it is a really user friendly graphics editor that combines both vector and bitmap editing an an intuitive way.

You should never use the HTML export feature though as its not been updated for nearly 10 years and the output is woefully out of date....

Paul-M - Community Expert

Report · Jan 20, 2022

@Pan22697824aymj Ok I see, what is your purpose, your objective?
What do you intend to use this type of HTML production for?

Report · Jan 17, 2022

Hi - you shouldn't really be relying on the HTML output of Fireworks as its old & the output is just not up to job by today's standards.

Paul-M - Community Expert