Exporting into Dreamweaver

Hello Everyone,
I have to start by saying, "I'm not an InDesign user, I'm the Dreamweaver user".
I'm part of a High School Education Foundation and we are working on designing and distributing a newletter via. Our newsletter designer uses InDesign and I use Dreamweaver/Joomla to publish our website.
Question - will InDesign "export" a file into the HTML or other format that can be uploaded to a web server? If yes, is the formating of the newsletter maintained in the exported HTML file?
If yes, can someone please direct me to a tutorial on how to configure the export to Dreamweaver (HTML) wizard?
Thanks for your help and have a great day,
Todd

Map all styles to tags and then use the export to HTML command.
Bob

Similar Messages

Help exporting into Dreamweaver

I created a header and a left navigation menu using
Fireworks. I want to import the images into Dreamweaver in order to
make them into a template for my site. Can you anyone get me
pointed in the right direction on how to go about doing so? Thanks
in advance for any help.

Map all styles to tags and then use the export to HTML command.
Bob

Attaching links to buttons exported into dreamweaver CS3 ?

Hi everyone,
I want to create five seperate buttons in Fireworks CS3 and then export them over to Dreamweaver CS3.
Does the links for the buttons have to be attached in Fireworks first, or can I create the buttons export them into my Dreamweaver site and then attach the links?
The reason I'm asking is because the links in question are external links for five other sites and social network sites, and I do not have the URL's yet. However I would like to get started.
Thanks in advance.

I want to create five seperate buttons in Fireworks CS3 and then export them over to Dreamweaver CS3.
Does the links for the buttons have to be attached in Fireworks first, or can I create the buttons export them into my Dreamweaver site and then attach the links?
You are best to create the buttons in Fireworks, export them to an images folder in Dreamweaver, then attach the links that way.
Before you begin work, ensure that you define a site and have all your working files inside of one folder to which the site definition points to,
(Just mentioning this very important step in case you are new to using Dreamweaver :-)
Define a site:
http://kb2.adobe.com/cps/140/tn_14028.html
Do not ever export any html written by a graphics program :-)

Fireworks CS5 buttons don't export into Dreamweaver S5 correctly

I'm very new to fireworks, I've created a design layout in Fireworks CS5 which I've sliced up but when I export the design to Dreamweaver CS5 HTML, the buttons which I've created in Fireworks lose their functionality apart form seeing them as a link,. On the Dreamweaver side I insert Fireworks HTML into a div tag. Its probaly something very simple (hopefully) that I'm missing, any help?

Any pointers?? Please advise. Thanks.
Yes. Don't allow Fireworks or any graphics editor to create HTML for you. Use Graphics apps for Images ONLY. Save images to your DW Local Site folder. Use DW to build your HTML code, rollovers and menus.
Insert > Spry > Spry Menu.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

How to export a lightroom web gallery into dreamweaver

I would like to know how to integrate a slideshow 'gallery flash lightroom" into a dreamweaver CC page which already exists
I'm not an IT person. So if you have a simple way...
I don't find any bottom "export into dreamweaver" in Lightroom...
So if someone can tell me how to proceed.
Thanks per advance.
Florence

Thanks for your answer.
Yes. I can open the web gallery page into dreamweaver : I have nammed this page metaphoris.html
But I don't want to use this page as a page in my web site.
I would like to integrate the content (just the slideshow) into the body of an existing page
nammed Artgallery.html
If you know
- which part of the code I have to copy and paste into my page (if it's the right thing to do?)
- and if I have to relocate some files r(essources? images?)
Thanks per advance ;-)
Florence

Problems exporting rollover 'states' into Dreamweaver, and loss of font formats

Hi
I am quite new to Fireworks and am having a little difficulty with some aspects of it.
I am building a miltiple page site, and am exporting using the the 'export CSS and Images' option from Fireworks CS4 to Dreamweaver CS4.
I have applied some 'swap image behaviour' to the links on the Master Page.
However When I try to export to Dreamweaver I get the following message:
"Only sliced images from the current state will be included in this export. Hotspot and behaviour attributes will be ignored."
Obviously I want the states (swap image) functionality to be exported so that the javascript rollovers work. Any ideas how to resolve this?
Also, when I export the pages into Dreamweaver, I have noticed that the font formatting is lost e.g. <h1> format style etc So an orange <h1> font title, with black outline, will not retain that formatting in Dreamweaver (it actually renders as white, which is the same as the <p> font elements.). I do know how to alter the CSS to render a different colour in Dreamweaver: but its the character outline that I cannot reproduce by manipulating the CSS (I don't know how to anyway....).
Also, once a 'Master' page has been created, will all other pages within the document automatically inherit the functions and settings as per the Master Page. Or do I need to link each page to the Master Page in order for them to inherit its functionality and settings? I'm particuarly thinking about the states/rollover issue again here i.e. Will I need to set under/over states on each individual page or do I just need to set it once on the Master page?
Thanks for your help.

Q1: There. Is no way to resolve this in Fireworks. You'll have to export the other states manually and build the rollovers in dreamweaver.
Q2: Again, *if* there us a widely supported CSS option fir text outlining you have tomanually apply it to the code in Dreamweaver.
Q3: Hyperlinks and graphics on the master page should be applied to all child pages.
Fireworks is not a true web page editor. Keep this in mind. It is a graphics tool fulirst and foremost. The CSS and HTML features are not nearly as robust as Dreamweaver. Hope this helps

Problem with exporting Fireworks mock-up into Dreamweaver

Hallo everyone,
I’m beginner in Fireworks and Dreamweaver. Right now I am working on a mock-up of a web-site in Fireworks. Just for practice, I created very simple structure in Fireworks CS5 (two rectangles with one line of text in 3 different languages placed into one rectangle). When I exported created page into Dreamweaver CS5 as Html and Images, it looked nice (obviously, since it is Html and Images). Then I tried to export the page as CSS and Images. The strange thing is that the page looks fine when displayed in Firefox, but the text breaks into two lines when displayed in Explorer or Opera. Moreover, the design of the page in Dreamweaver doesn’t replicate the Fireworks’ mock-up and looks not as nice as in Fireworks. For you reference I am including the Html and CSS code that was created by Fireworks. Does anybody have an idea what is happening and what should I do to prevent this kind of problems when trying exporting more complicated Fireworks mock-ups?
Sincerely yours,
Arti
This is the code created by Fireworks CS5:
Html:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
               <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
               <title>index_ALA_20110129</title>
               <link rel="stylesheet" type="text/css" href="./index_ALA_20110129.css" media="all" />
               
</head>
<body>
<div id="main">
               <div id="hor_line">
               </div>
               <div class="clearFloat"></div>
               <div class="welcome">
                                             <p class="lastNode">いらしゃいませ
                              </p>
               </div>
               <div class="clearFloat"></div>
               <div id="blue_box">
               </div>
               <div id="green_box">
                              <div class="pass_***">
                                                            <p class="lastNode">パスワードを入れてください
                                             </p>
                              </div>
                              <div class="clearFloat"></div>
                              <div class="pass_eng">
                                                            <p class="lastNode">please enter password
                                             </p>
                              </div>
                              <div class="clearFloat"></div>
                              <div class="pass_rus">
                                                            <p class="lastNode">введите ваш пароль пожалуйста
                                             </p>
                              </div>
                              <div class="clearFloat"></div>
               </div>
               <div id="Div">
               </div>
</div>
</body>
</html>
And this is CSS:
@charset "utf-8";
body {
               background-color: #fff;
               font-size: 62.5%;
               margin: 0;
               padding: 0;
body * {
               font-size: 100%;
h1, h2, h3, h4, h5, h6 {
               font-weight: normal;
p {
               margin-bottom: 1.1em;
               margin-top: 0;
#main p.lastNode {
               margin-bottom: 0;
a:link img, a:visited img {
               border: none;
div.clearFloat {
               clear: both;
               font-size: 0;
               height: 0;
               line-height: 0px;
li.clearFloat {
               clear: both;
ul.symbolList {
               display: inline;
               float: left;
               list-style-type: none;
               margin: 0;
               padding: 0;
.AbsWrap {
               position: relative;
               width: 100%;
.rowWrap {
               width: 100%;
#main {
               margin: 0 auto 0 0;
               width: 1000px;
#hor_line {
               margin-left: 45px;
               margin-top: 80px;
               display: inline;
               float: left;
               margin-bottom: 0;
               border: 11px solid #ccc;
               width: 887px;
               padding-top: 1px;
               height: 1px;
               height: 2px;
               overflow: hidden;
.welcome {
               font-family: 'ＭＳＰゴシック', Arial, Helvetica, sans-serif;
               font-size: 400%;
               font-weight: bold;
               text-align: left;
               text-decoration: underline;
               color: #900;
               line-height: 120%;
               padding-bottom: 2px;
               padding-top: 1px;
               margin-left: 50px;
               margin-top: 58px;
               display: inline;
               float: left;
               margin-bottom: 0;
#blue_box {
               margin-left: 44px;
               margin-top: 16px;
               display: inline;
               float: left;
               margin-bottom: 0;
               background-color: #03c;
               width: 417px;
               padding-top: 0px;
               height: 290px;
html > body #blue_box {
               height: auto;
               min-height: 291px;
#green_box {
               margin-left: 57px;
               margin-top: 16px;
               display: inline;
               float: left;
               margin-bottom: 0;
               background-color: #9f9;
               width: 406px;
               padding-top: 0px;
               height: 290px;
html > body #green_box {
               height: auto;
               min-height: 291px;
.pass_*** {
               font-family: 'メイリオ', Arial, Helvetica, sans-serif;
               font-size: 230%;
               font-weight: bold;
               text-align: left;
               color: #006;
               line-height: 120%;
               padding-bottom: 2px;
               padding-top: 1px;
               margin-left: 31px;
               margin-top: 42px;
               display: inline;
               float: left;
               margin-bottom: 0;
.pass_eng {
               font-family: Arial, Helvetica, sans-serif;
               font-size: 220%;
               font-weight: bold;
               text-align: left;
               color: #39576b;
               line-height: 120%;
               padding-bottom: 2px;
               padding-top: 1px;
               margin-left: 31px;
               margin-top: 45px;
               display: inline;
               float: left;
               margin-bottom: 0;
.pass_rus {
               font-family: Arial, Helvetica, sans-serif;
               font-size: 180%;
               font-weight: bold;
               text-align: left;
               color: #006;
               line-height: 120%;
               padding-bottom: 2px;
               padding-top: 1px;
               margin-left: 31px;
               margin-top: 62px;
               display: inline;
               float: left;
               margin-bottom: 0;
#Div {
               margin-right: -95px;
               margin-top: 108px;
               display: inline;
               float: right;
               margin-bottom: 0;
               border-left: 1px solid #ccc;
               height: 1px;
               width: 1px;
               height: 1px;
               overflow: hidden;

Hi Jim_Babbage,
Thanks for your response. I am sending you the original PNG file.
Looking forward to your solution,
Arti

Best Strategy for Exporting Fireworks into Dreamweaver

I created a navigation bar in Fireworks and now I want to export it into Dreamweaver.
So I Went to Edit->Copy HTML Code (hotkey for this is Ctrl+Alt+C)
Now, what's the "best choice" from the dialog choices: AIR HTML, Dreamweaver HTML, Generic HTML, GoLive HTML, AIR XHTML, Dreamweaver XHTML, Generic XHTML or GoLive XHTML for a cross browser "professional" website?
I only tried the "Dreamweaver HTML Option" and itseemed to work nicely in my rookie opinion.
I think this technique might be at a performance cost to my graphic design or the website speed. So should I use a different strategy for exporting Fireworks to Dreamweaver? I have the CS5 package so can use any of those programs for support.
Thanks,

INHO, the best way to export from Fireworks to Dreamweaver is to first define your site in Dreamweaver, and then export the Fireworks document to the assets folder. Place your cursor when you want the navbar to be on your HTML page and choose Insert > Image Objects > Fireworks HTML.

Can i export my muse website into dreamweaver?

can i export my muse website into dreamweaver?

Not Ben this time, but this video explains how to Export Muse site to your local hard drive.
14. Adobe Muse Tutorial - Exporting to your local drive. on Vimeo
Once it's saved to your local HD, you need to open DW and define a local site. Go to Site > New Site > tell DW where your newly exported MU files are located on your HD. See screenshot.
Nancy O.

Why does my exported report go into dreamweaver?

I am working with an accounting program called Publish to Profit and when I export my report it exports it into dreamweaver instead of excel, why?
thanks
sue

Sue, if your accounting program is not actually exporting a file that you can see in the Finder, with a name and a filename extension, then there's no opportunity for you to select any options in Excel before the data appears in it, and the only way you can govern what is sent to Excel is to use whatever settings and options are offered in your accounting software. If "tab-delimited text" is an export option, choose that, and see what happens when the data appears in Excel.
You should also consult P2P's own tech support people:
http://www.publish2profit.com/support/Support.html

Integration of a Fireworks CS4 Generated Slideshow Into Dreamweaver CS4

Hi,
I'm new to this forum and this is my first post. I am no dreamweaver expert so I came to you guys for help.
I'm making a layout in photoshop that is going to be exported to dreamweaver. The thing is I want a flash slideshow to be integrated into the layout. But in a way that its is partially covered with a Layer.
You will understand if you see the image below.
http://www.mediafire.com/?sharekey=4...75f6 e8ebb871
I want it to be in the top right corner. I think I can make the flash slideshow no prob, but how to get it there I have no idea.
I thought maybe I could add a layer in Fireworks for the section covering the slideshow (I dont know if thats possible) and then leave the space in photoshop blank. Then I could maybe import the slideshow to dreamweaver. Can I do that? and how? or is there a simpler way?
(BTW I am slicing the Photoshop layout to export)
I hope I made some sense.
Thanks in advance.

Hello again Pziecina, just wanted to say a very quick thank you. I think I can get the slideshow to work if I remake parts of my site, but I have 5 assignments on the go and thats not really feasible right now, but what really interested me was the links you posted yesterday regarding CSS. As mentioned I have 5 live assignments and have been spending my mornings/afternoons/evenings whittling them down, and when I posted here yesterday I was a little worn out, and my focus was not what it could, or should be. But late last night I took an hours break and had a proper look at the CSS tutorials you posted, and would like to say a very big THANKYOU, although its a bit off topic, I was a little apprehensive of CSS, but one hour into the first tutorial and Im hooked, thats not to say Im anywhere near proficient, but really enjoyed myself following the tutorial, (even though it was at the expense of assignment time ), so, very glad I came here with my slideshow problem, and thanks again

How to put Photoshop templates into Dreamweaver

After purchasing templates and downloading, I discovered the
page layouts for the templates were Photoshop files. I made the
changes I wanted to make in Photoshop and now need to put in
Dreamweaver. There is a Flash file that is giving me error messages
when I open the index page. When I try to insert an image (the
page) it comes in a new window. I'm definitely not doing this
correctly.
Can anyone tell me how to insert them into
Dreamweaver?

Actually, I had forgotten about SiteGrinder. Its code is not
bad, to tell
you the truth. They have taken alot of trouble to make things
more stable
than a slap-dash, layer-based layout, but it is, to be sure
still strongly
rooted in absolute positioning. It might be an expedient way
to go, but
there is no substitute for some good HTML/CSS knowledge.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"jon@cmiwebstudio" <[email protected]> wrote
in message
news:gjohrn$ch9$[email protected]..
> There is software by media lab called sitegrinder that's
designed to
> export css
> based html websites from your photoshop designs, and I'd
say that's about
> as
> close to what you're talking about as I'm aware of.
>
>
http://www.medialab.com/sitegrinder/
>
> HOWEVER, this is along the same lines as using fireworks
to design html
> websites. The code is bloated and sensitive to fall
apart while
> adjusting, and
> in any professionals opinion, really only intended to
show clients a
> demonstration of what their website will look like.
>
>
>
>

NEED HELP. Created Website Template in Photoshop CS5, but cant center it into Dreamweaver CS6

I created a website layout template in Photoshop cs5 once i opened it into Dreamweaver i was trying to Align it to Center but it would not go center still stays to the left. I know that something is not right i am missing something and i am new to this not much experience with Dreamweaver, can someone please tell me how to fix this issue in a way a beginner would understand, i greatly appreciate the help.

Did you export HTML from PShop? Graphics apps generated code is not suitable for real web pages. It's really only acceptable for quick comps to show the client before you undertake the real work of building the layout in DW with HTML & CSS code.
To center pages, you need 3 basic things.
A valid doc type declaration on the first line of your code.
A stated width in px, % or ems.
A margin-left and margin-right of auto.
Copy & paste this code into a new, blank document in DW. Save and preview in browsers.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>HTML5, centered 1-col layout</title>
<style>
body {
    margin:0;
    padding:0;
    background: #696;
    font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    font-size: 100%;
#wrapper {
    width:90%;
    margin:0 auto; /**with width, this is centered on screen**/
    padding:1%;
    background: #FFF;
</style>
</head>
<body>
<div id="wrapper">
<h3>Heading 3</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vitae libero lacus, vel hendrerit nisi! Maecenas quis velit nisl, volutpat viverra felis. Vestibulum luctus mauris sed sem dapibus luctus. Pellentesque aliquet aliquet ligula, et sagittis justo auctor varius. Quisque varius scelerisque nunc eget rhoncus. Aenean tristique enim ut ante dignissim. </p>
<h3>Heading 3</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vitae libero lacus, vel hendrerit nisi! Maecenas quis velit nisl, volutpat viverra felis. Vestibulum luctus mauris sed sem dapibus luctus. Pellentesque aliquet aliquet ligula, et sagittis justo auctor varius. Quisque varius scelerisque nunc eget rhoncus. Aenean tristique enim ut ante dignissim. </p>
</div>
</body>
</html>
Nancy O.

Indisign scripting and cross-media export - Xhtml / Dreamweaver

Hi.
I've searched for the solution but haven't found it yet. Hope you'll help me.
I need to write a script which will transform all indd files in the selected folder to xhtml. But I cannot find methods for exporting files to xhtml in JS (like menu -> File -> Cross-media export -> Xhtml / Dreamweaver). Is it possible? how?
P.S. Using CS3
Thanks

Thanks Olav, that would be very helpful if you could.
You're right, and XSLT is what Java uses for the CS2 version of
this project. We never used ExtendScript to do anything other than
mapping styles to XML.
I was hoping to avoid too many details, but this might benefit the discussion:
Original need:
We use an open source project called Sakai (Learning Management System)
that comes with documentation which we rebranded every time a new release
was rolled out. Our implementation of the Sakai LMS is called TRACS here at
Texas State University|San Marcos and we have a pretty strong demand for
consistentcy and adhering to project and university level branding guidelines.
Our support staff was using word documents and spent a laborious 2 months
minimum with their workflow getting everything migrated. Our branding needs
were steep. I was the graphic designer at the time the brand was created
and saw branding issues with the word docs being authored. We constantly
fought issues with inconsistent formatting (logo placement, logo version,
leading, fonts, etc.).
Automation with ExtendScript was the answer (and Java, AppleScript).
What took a variety of people with differing MS word skill sets 2 months
now took a mere 5 minutes or less.
Rough outline of our app:
Our Java process looks at a watched folder and coordinates the automation
with receipts that are written out after each phase is done.
Our Word documents are formatted with identically named character
and paragraph styles that are found in our InDesign template.
Java grabs a list of all the word docs to be processed, writes out an include
to be used later for our ExtendScript.
ExtendScript systematically takes each one in the array:
- takes care of flowing in the word doc
- page numbering
- mapping styles to tags
- PDF export
- XML export
- XML cleanup (some trash comes over from the export)
- XHTML generation
- writes receipts at each phase to tell JAVA it's ready for
the next phase as flow control
Java picks up the receipt, transforms XML (using XSLT) to XHTML snippets that
the end user copy/pastes into our Content Management System. Ultimately, we'll
shoot for direct DB inserts, but we have to get the dust off the CS2 version
before we can discuss that again.
In regards to not using XSLT:
A recent test we did showed that InDesign CS4 had the ability to export very clean XHTML
based on style sheets applied to items in the document. Effectively, that negates our
need for XML mapping of stylesheets and the use of XSLT.
That is, if cross-media exports can be automated.

[MAC: InDesign CS4] Export to Dreamweaver bug

Hi,
I have InDesign files with graphics (.eps, tif, ai, psd) linking but the original grapics are missing. I have to do xhtml conversion without graphics and to keep the original graphic file name linking in the xhtml. Earlier when I export the CS3 file to xhtml via "Export to Dreamweaver..." and check the option "Copy Images" as "Original". InDesign stored all the file names in the xhtml file whether it is missing or not.
InDesgin CS3 (xhtml output)
<img src="00_99cent-web-images/99%20cover%20text_illus.ai" alt="missing image file" />
The problem is nowadays we are getting InDesign CS4 files we have upgraded the software to InDesign CS4, with latest path 6.0.5, but when generating the xhtml via "Export to Dreamweaver..." it doesn't give the graphic name.
InDesgin CS4 (xhtml output)
<img src="00_99cent-web-images/" alt="missing image file" />
Could you please look into this and do the needful.
Thanks,
Anil Yadav

Hi Peter,
The strange thing is, I just come to know, it is working well on InDesign-PC.
This is really strange that something is fixed on PC plateform but not on MaC. Anway I have log the problem at bug report form
Regards,
Anil Yadav

Exporting into Dreamweaver

Similar Messages

Maybe you are looking for