Indesign to Web

I made a postcard with Indesign. When I exported XML into Dreamweaver it lost all its formating. Then I tried PDF and the formatting stays but the type is too broken up to read. What is the best way to move Indesign documents for reading on the web.

This is the web address you asked for: http://compexercises.110mb.com/finalproject/postcardPDFtrial.html
The top link is the unreadable PDF.
The lower link is the Indesign cross media Xhtml. As you can see it comes in unformated.
Thank You,
rusticbread

Similar Messages

Why not create a Indesign Javascripts web library ?

Hi all,
I see a lot of scripts passing by in this forum. I thought it would be very helpful to gather them in a library. It could look like a web site like this one for applescript
http://olivier.berquin.free.fr/indesign/indesign_cs2.html
We could have a "menu" frame on the left side with common principles (open, create, loop, for, whatever...)
We could have too a Index on a page with script names associated with general terms like
Page
addPages.jsx
removePages.jsx
(Don't look at them, they are fake names)
Maybe it already exists and I would be pleased to hear it (and know how to reach it :-)). But if not, this kind of library would be a very interesting resource.
The idea is to have a look on existing scripts and aggregate bricks for new one. With time, the library is growing more & more.
Maybe another Utopia, but I drop the idea.
BTW, I don't know how to create a site but I guess it could be a very simple one.
What do you think ?
Loic

Welcome on board, I will have a look at 12/13h00 on wiki, come back with news asap.
Loic
De :
xbytor <[email protected]>
Ã :
[email protected]
EnvoyÃ© le :
Mercredi, 19 Novembre 2008, 5h02mn 46s
Objet :
Re: Why not create a Indesign Javascripts web library ?
A new message was posted by xbytor in
InDesign Scripting --
Why not create a Indesign
Javascripts web library ?
> loic_aigon X yahoo.fr (X is what you know)
Moi?
-X
View/reply at <
http://www.adobeforums.com/webx?13@@.59b70ae3/7>
Replies by email are OK.
Use the unsubscribe form at <
http://www.adobeforums.com/webx?280@@.59b70ae3!folder=.eea52bc> to cancel your email subscription.

Indesign created web ads with hyperlinks...

I am trying to create a simple 120x100 web ad where the client has their web sight hyperlinked as well as having an image that can be clicked on and the viewer can watch a youtube video of the product...
Is this feasable iwith Indesign CC. ...so far all roads lead to my being able to execute these ads within Indesign and I think am almost there, BUT I cannot figure out which is the best file to SAVE/EXPORT the file as; gif? jpeg? png?...AND I am not 100% sure I am following the right sequence of paths to creating the proper embedding of the video. In the Indesign preview it works...but sometimes my client can't get the ad to execute the video...Sorry for my ignorance but I am self taught and slowly getting adjusted to web/ad design
I have the basic idea but i have questions, so many questions...
I need to do a quick step by step with someone who can see my process and steer me in the right direction.
Someof my questions are as follows:
1. What ultimately is the right file to save an interactive INdesign created web ad...GIF or a JPEG?
2. Is Photoshop a better application to embed video and create hyperlinks with an ad? In my opinion creating hyperlinks with the "slicing" method seems archaic and the pixelated type is awful and useless...Illustrator doesn't play nice yet either...
A Client also wants a active video in her ad...I know I create this constant looping video within an ad in Indesign, but what file format do I save it as?
I have not explored the other applications for creating a web ads because I am hoping I can just stick with my Indesign which I LOVE.
Thanks for any help, advice or direction...
MMM63

Hi Bob...thanks for your reply....can't figure out why indesign would bother offering the bells and whistles to create interactive web files if in fact it is not the right app for that...I have Muse....I thought it was just for web construction and design...
so I can use Muse to create simple banner and web ads with the hyperlinks and embedded video I mentioned earlier?
Thanks...as usual
m

Eventuell kleiner Erfahrungsaustausch Indesign und Web

Eventuell kleiner Erfahrungsaustausch Indesign und Web.
Angenommen ihr bekommt ein Indesign Paket (50 Seiten A4 ) und sollt daraus einen Internetauftritt auf Basis von HTML 5 machen.
Einbettung mittels SWF als Objekt und PDF als Objekt oder iFrame ist untersagt.
Hat einer bereits Erfahrungen mit HTML 5 with in 5 http://ajarproductions.com/pages/products/in5/purchase.php (Indesign Plugin) gemacht. Bei der Testversion plättert dieses Plugin mir alle Schriften in png, also nicht barriere freundlich.
Hat es einer schon mal mittels Muse probiert. Wird zwar sicherlich nicht so ganz Easy sein z.B. ein Typo 3 Templatet daraus zu machen aber was muss dass muss.
Wie seid Ihr bis jetzt vorgegangen ?
Meine Vorgehensweise, bis heute:
Indsign nach html exportiert
Mit Dreamweaver ein Template gebaut CSS mit DIV Boxen wo dann später im CMS die Inhalte platziert, Texte, Bilder... werden.
Danach alles noch mit jquery bzw. AJAX angereichert.
Flash ist leider untersagt. Vielen Dank Apple.
Dann Template ins CMS integrieren und Inhalte setzen.
Captivate macht es besser, da kann man alles in HTML 5 exportieren und seperat im CMS einbinden und publizieren.

Wenn das Wörtchen Wenn nicht wer....
Ich muss damit leben was ich bekomme, leider arbeiten die Zulieferer nur teilweise mit Absatzformaten, oder gar nicht, warum auch immer, aber das ist ein anderes Thema.
Alles nicht so einfach, wenn die fachliche Reife fehlt. Und deshalb hier im Raum die Frage nach Alternativen.

Exporting text from InDesign for web use

I am creating graphics in InDesign CS3 on a Mac running OSX. The graphics consist of a box containing explanatory. I do not have the option of doing the text part in another program - the "boss" wants the layout done in InDesign so I would have to do this twice if I use Illustrator or Photoshop (and I'm not sure how to put a lot of text in a box into Photoshop).
When I exported as a jpg using different resolution settings, put the graphic into Dreamweaver, and then put it onto the web, the text was fuzzy. I can't use the Cross Media Export because this needs to go onto the web as a graphic rather than as text. I can't export to a pdf because the person designing the website is insistent that this be a picture.
I'm not sure all the information needed to answer this is included - please let me know if more information is needed. Any help would be appreciated.
Thank you.

Jeffrey,
Thank you for your answer. I'm not quite sure what you mean by rasterize in Photoshop. I tried what I thought you meant and the screen and print quality both were worse than simply exporting the InDesign document as a jpg (and that quality is not good enough).
Here is what I did:
I exported the InDesign document as a pdf using Press Quality Print and all of the other settings as defaults. When I opened the pdf in Photoshop, anti-aliasing was checked. I used 300 dpi, RGB, and 8 bit - the defaults. I went into Save as for Web, jpg, and used all of the default settings except that I made the document smaller as it was way too large for the web. I did the same thing for gif - opened the pdf in Photoshop, anti-aliased was checked by default, went into Save as for Web, and kept all of the same settings except to decrease the size of the image.
I'm sure there is something I'm just not understanding, and I hope with this explanation you will be able to have an "ah-ha" moment and point me in the right direction.
Thanks,
Marcy

Typekit font not displaying in iPad DPS app (created by Indesign) in Web Content (Edge Animate)

I think I have tried every permutation to make this work, but I am probably missing something.
I am creating a single DPS iPad app with InDesign, and I am using a Typekit font throughout. So far so good.
I have created an Edge Animate project using the same Typekit font. In preview mode, it is fine as well.
However, when I place the Edge Animate project into a frame in InDesign and use the Web Content Folio Overlay (regardless of whether I use the .oam file or link directly .html output published by Animate), the Typekit font will not show up in the Edge Animate portion of the DPS app and will instead use a fallback font.
Can anyone suggest a way to make Typekit fonts in Edge Animate work when embedded in a DPS app? (For what it's worth, I have the same problem when embedding html output from Tumult Hype, so it seems unlikely that this is an issue with Edge Animate at all and probably has more to do with something in the way the DPS app is dealing with embedded html content.)
Thanks in advance for any assistance.

Believe me, I understand the pain. Unfortunately there's only so much we can do at Adobe as the EULAs provided by the foundries for their respective fonts are very explicit in where you can and can not use them.
For example, packaging an InDeisgn file and sending it off for pre-press with the fonts included in the package is in direct violation of most font EULAs. In a studio environment, you're only allowed to have a font installed on n number of computers and need to have multiple licenses to accomidate >n number of seats. When creating a PDF, fonts explicitly have to be subsetted before embedding into the PDF.
That's just to paint a picture of the fragile state of using fonts in print, usage in digital mediums is just another bee in your bonnet when it comes to considering when you can and cannot use a font.
Services like Typekit Desktop are trying to make this easier by removing a lot of those pain and condierations for you, by blanketing all these fonts under a single license you're free to use for print and the web. There's still some gotchyas, but we're aiming to greatly reduce how much you have to think about it where we can.
So yes there's a bit of education when it comes to mixing embedded HTML content/fonts with DPS, but at least there's options
Sarah

Indesign server web service - where is the support to upload a file with the script and download the result?

Hi,
I am working on a POC that is supposed to convert indd files to pdf (i.e. using of course the indesign server). Basically I want to call the IDS Web Service (located on a different machine perhaps), pass in the input file, the conversion script and retrieve the result as part of the WebService call?
Browsing the documentation, examples, etc in the SDK, I couldn't see how the above can be achieved without the client handling the file transfer. Surely I must be missing something ...
thanks
Chris

What do you mean with POC?
InDesign Server is too precious (i.e. license cost) to waste its time with file transfers.
For a smaller scale, let a separate process (some http or smb server) on the same server hardware handle the files - so that the InDesign Server can access them on the fastest local volume.
If you plan for bigger, use a dedicated server for file sharing (your choice of SMB, NFS or whatever), where the input files are prepared by the client process, so that your load balancer can immediately point the next free instance of the InDesign server farm to the file. In that case be prepared for some try and error - high speed file sharing can be tricky with files written from one side not yet visible or incomplete to the other side, locking problems, Unicode file name trouble, unexpected time stamps and so forth.
Btw, there is also an InDesign Server forum which would be more appropriate for such discussions.
Dirk

Exporting graphic from InDesign for Web

Hi Everyone,
My goal is to create some large buttons for the web. I probably should have done this in another program, but since I'm a beginner to Adobe and still learning, I drew them in InDesign, the program I'm most educated on. I created an embossed box with rounded corners and added on some product photos and text.
I copied and pasted the boxes onto a transparent background in Photoshop, the exported them for Web as PNGs. They came out very pixelated. What am I doing wrong?
Thanks for any help!

Copying just takes a scrap of the actual data from InDesign to Photoshop in your workflow. Hence you're getting pixelated output. The best way is to work in Photoshop use Pen tool to make curve corners and then place Photos and add text layers.

Fireworks or Indesign for web page layout?

Hi, I've currently ordered CS3 Web Premium and it won't ship
until tomarrow, and I don't know whether I should cancel it and get
the Design Premium instead.
It all depends on whether Fireworks is a must have for web
page design. Does it offer anything invaluable that I need that
Photoshop Cs3 won't already fill? I saw the tour for InDesign and
was impressed how you can create amazing page layouts and how you
can export them to XHTML.
I probably won't be using Adobe Contribute as I prefer making
my own WYSIWYG editor in asp.net for my webpages, because I don't
want to buy a new license of Contribute for every web page I make
for a different client, so the choice of whether I should leave Web
Premium and get Design Premium rest on whether Fireworks is more
useful for webpage design and whether creating web page layouts
with InDesign is worth paying the extra money for (I don't mind
using it to create computer software manuals as well).
I appreciate any input on this matter. :)

Excellent clarifications, DWD.
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
Deaf Web Designer wrote:
> Hi TheStrangerSome,
>
> If I may chime in and add to Jim Babbage's advice or
suggestion.
>
> Please note that there is no such a thing as "WYSIWYG"
editor. It is more
> accurate of putting "HTML" as HTML editing app.
> In addition to this aspect of discussion about web
authoring app issue, it
> should be addressed in either general discussion forums
either at Dreamweaver
> or Contribute for that matter.
>
> As for "changing the order" from Web Premium to Design
Premium, it is BEST if
> you talk to Adobe customer service department
immediately. Though, I believe
> that their business hours are based on Pacific Standard
Time Monday through
> Friday. Please refer to Contact as appeared on top of
Adobe systemwide website,
> including this forum. If you roll your browser up to the
top of webpage, you'll
> notice the term "Contact". use that link for further
details.
>
> I think you might be mistaken for term "layout" used in
InDesign or Fireworks.
> Please note that InDesign is specifically designed for
high-end
> professional-quality print layout such as magazine
articles, newspapers and PDF
> documentations (export as PDF format) straight out of
InDesign application.
> That might confuse you or led you into thinking that
InDesign is ideally a
> layout design for web. Actually, it is not.
>
> Perhaps that you stick to the fundamentals of Fireworks
or Photoshop and use
> them as layout structure and then transfer them into
Dreamweaver CS3. Please
> try to keep this as simple as much as you can when you
produce a layout design
> in Fireworks (or Photoshop). If you are good at HTML and
CSS editing, then all
> you have to do is put in image files into Dreamweaver
and code away by linking
> or referencing image files to HTML.
>
> By the sound of your a bit of confusion or don't
understand the primary
> difference between Fireworks, Photoshop or InDesign, you
ought to keep it
> simple and take it easy. Becuase you will probably feel
overwhelemed with all
> of these powerful applications and not knowing the
primary functionality or the
> main purposes of these applications and what they are
for, etc.
>
> So, hopefully this helps you better understand and try
to figure this out
> yourself, because you know what's the best for you.
>
> Hope that helps, no?
>
>
> P.S. Please note that Adobe forums are based on
"volunteer-basis", which means
> it is not monitored or run by full-time Adobe staff or
team from Adobe.
> Although, there are times, that some people from Adobe
chime in and offer some
> tips or suggestion or pointers. In other words, there
are thousand of forum
> participants, like you, helping each other. Hopefully
that helps, too.
>
>
quote:
Originally posted by:
TheStrangerSome
> Hi, I've currently ordered CS3 Web Premium and it won't
ship until tomarrow,
> and I don't know whether I should cancel it and get the
Design Premium instead.
>
> It all depends on whether Fireworks is a must have for
web page design. Does
> it offer anything invaluable that I need that Photoshop
Cs3 won't already fill?
> I saw the tour for InDesign and was impressed how you
can create amazing page
> layouts and how you can export them to XHTML.
>
> I probably won't be using Adobe Contribute as I prefer
making my own WYSIWYG
> editor in asp.net for my webpages, because I don't want
to buy a new license of
> Contribute for every web page I make for a different
client, so the choice of
> whether I should leave Web Premium and get Design
Premium rest on whether
> Fireworks is more useful for webpage design and whether
creating web page
> layouts with InDesign is worth paying the extra money
for (I don't mind using
> it to create computer software manuals as well).
>
> I appreciate any input on this matter. :)
>
>
>
Excellent clarifications, DWD.
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

InDesign CS3 web layout

We are making a layout with a lot of text for the web at 480px x 640px. The smallest text is 11pt Eurostile Bold Condensed. It looks terrible on screen and in an exported JPEG. We have gotten it to look pretty good by exporting a PDF X1-A, rasterizing it in Photoshop and then saving for web.
Any tips on a better way to get this into a JPEG?
thanks in advance
pbc

I don't know Fireworks but for Photoshop there's just way too much text for that to be feasible. Character styles play a big role in this piece.
The results are acceptable - but I was hoping there was a more elegant method.
pbc

Where's the "InDesign" of web design?

Where's the app that behaves and works like InDesign? Why is it, we have to rethink and relearn every $*%&^ thing when it comes to making webpages and sites?
I want master pages. Text boxes with columns. A style pallete that ACTUALLY works like a freakin' styles pallete. Pantone spot color to rgb conversion built-in, just like every freakin' designer has used for the last 15 years.
Yeah, I can do all that crap by hand, but shouldn't have to.
I know how to code. I can write markup and javascript in my SLEEP. But by now I shouldn't HAVE TO. I'm so sick of being handed spoons and chisels when what I really want is a backhoe and jackhammer.

You may be thinking of QuarkXPress.

Can I get my InDesign work to the web or to Dreamweaver?

I am helping a production company with their web sites. At present, a staff member there has created hundreds of pages for print in InDesign. He also went so far as to create how they want the web sites to look and he did all of his work in InDesign. Now, we need to get all of that InDesign work to the web, hopefully without having to create it all again in Dreamweaver.
So, how can I get all of these hundreds of pages that are already done in ID, over to DW without having to recreate them all?
In ID, I DO NOT SEE an export to Dreamweaver like so many forums state.
Also, I do not see a PACKAGE --- Export feature as I saw on another post. So, I must be missing something. I'm working in CS5 Design Premium.
We tried copy and paste and we tried export (that got us the text but nothing else) and we've tried everything else we can think of.
Any ideas? I know lots of people have to have tons of stuff in ID that needs to go to the web after the fact.
A little help here...
Thanks
Cliff

I'd be one of the last people to suggest that it's a good idea to use InDesign for Web design, but if that is where you're starting from, with CS5.5 it isn't entirely hopeless. You can use the Edit All Export Tags command on the paragraph styles fly-out menu to map styles to sensible HTML tags (headings to h1, sub-headings to h2, ...) and add classes where appropriate to hang some styling on. Provided that your documents use a consistent set of styles, you'd then just have to create a single CSS stylesheet that you could use for every HTML document you exported. You could import the mappings into all the documents so you'd only have to do it once.
If the documents don't use styles consistently, of course, your case is hopeless.

Is there a way to save a table in Photoshop (that was created in InDesign) without fuzzy text?

I am trying to save a table in Photoshop that was created in InDesign for web use. When I save it as a png (can't save as pdf or jpeg due to limitations with our company's website), the text appears fuzzy (pixelated?). Is this because the table is getting flattened/rasterized?
Is there a different adobe product that can be used to avoid this happening? The company who has built our website has a style editor that has limited capabilities. We have tried using the website's editor to create the tables; however, the editor lacks the flexibilty and user-friendliness that comes with InDesign. That is why we opted to create the tables in Indesign.
In order to upload the table into the editor, the file must be saved as a png, so that is why we are creating in InDesign and then saving the table in Photoshop.
Any ideas?
Thank you for the help!
Tracy

Thanks for your help!
Just to clarify, are you suggesting going through the export process while in Indesign? I did that and saved the table as an EPS file, then proceeded to open it, trim, and save as png in Photoshop. I noticed it lost it's white background when I reopened it in Photoshop; the table appeared with a transparent background (which isn't a big deal). When I uploaded the png in the website it doesn't appear to be as blurry, so that did help.
Thank you for the suggestion!

Using InDesign Files with Dreamweaver

For several years my designers have produced layered
Photoshop files which I then import into ImageReady. In ImageReady
I produce the slices, background images, etc.
I have a new designer which likes to use InDesign for Website
Design. I am looking for help from the community regarding the use
of InDesign files as raw material for website development. Do I
need to get InDesign or can I import the file into ImageReady?
Your help is appreciated.

RobfromGR wrote:
> I have a new designer which likes to use InDesign for
Website Design.
That's nice for him; but what about YOU?
If your workflow does not include InDesign, then his
shouldn't for your
jobs; he's working for you, after all. And I've never comes
across a web
designer using InDesign for web work (print work, yes - all
the time. It's
good for that...). I usually work in Fireworks, but I have
one client who
likes to work from Photoshop to match with their in-house
designers. For
that client, I use Photoshop.
So... Just tell him the formats you support, and leave him to
sort out how
he gets them for you. If you need the source documents as
well, then dictate
them also.
Regards,
Pete.
Peter Connolly
http://www.kpdirection.com
Utah

Why did it add an extra pixel to my jpg?

I recently designed some ads in Indesign CS6 which I then exported to jpg format. When I sent them to the publishing house they could not be uploaded onto their system because the size was not correct although in indesign the size of the document was the correct pixel size.
In opening them in Photoshop CC I could see a single pixle had been added to the width and this was stopping it from going through the publishing houses online system.
Has this happened to anyone else before? Is it a common export problem or is this something I did wrong and maybe should have expected it to happen?
Just want to know if I need to be checking every file in photoshop in the future!

When you exported to JPEG did you select the "Export Selection" or the "Export Page" option?
What I do with InDesign for web images is I export to PDF first.
Then I open that in Photoshop - you can elect the size of the image to crop to and the resolution.
Then save from there.
I have never liked InDesigns export of jpegs, they come out horrible in my opinion.

Indesign to Web

Similar Messages

Maybe you are looking for