Indesign and web design question?

skald89's picture

What am I doing wrong?

The position in pixels that Indesign shows me looks wrong when putting it into dreamweaver.

AttachmentSize
Position.JPG18.03 KB
Position- boxes.jpg50.45 KB
Indesign file.JPG20.06 KB
Indesign file- boxes.jpg52.95 KB
Dreamweaver.JPG55.83 KB
Dreamweaver- boxes.jpg176.44 KB
oldnick's picture

You're probably not doing anything wrong; Dreamweaver has a lot of its own problems. To solve this one, in the CSS statement #logo {, switch the numbers for left and top...

jwchen's picture

indesign are not meant for web design, so try not to use it when possible.

basically the 'problem' with it is dreamweaver is their browser view sucks, it is inaccurate in most instances and extremely inaccurate in some cases. In your case I think dreamweaver just added some margin or padding (visually not literally) since you added <div>.

if you are still in school learn to code by hand, It will save you time in the long run.

skald89's picture

I am still in school and in 2 semesters I am planning to learn web programming.

I see a lot of places people saying Indesign sucks for web, I don't understand that statement. Photoshop is so hard and annoying to design a layout in, why would it be better?

I don't know about the margin and padding because I did try adding margin:0; and padding 0; . It didnt make a difference and I did try viewing it in firefox and it looks the same as in Dreamweaver's viewer.

What should I do? I already designed a lot in Indesign and i wouldnt be able to design a layout in photoshop.

I am not doing the actual code of the website, I may do the HTML and CSS but thats a big maybe. If i do it or don't do the code I still need to figure this out so I can tell the programmer where things are positioned.

AdamC's picture

For now, you may have to do things a bit ahead of time and start learning about web programming now. That's the only way for certain that you will be able to figure out what's going on. It will make using a program like Dreamweaver easier too.

Theunis de Jong's picture

I see a lot of places people saying Indesign sucks for web, I don't understand that statement.

InDesign was not primarily (or even secondary) designed to create web pages with. It's primary function is document design, and the typical end-product would be a PDF.

The very inclusion of "pixels" as a measurement unit in InDesign CS5 made my skin crawl. Every other measurement unit in InDesign is an existing one, with real physical dimensions (which is kind of important for printing and stuff).

If you want to make web pages, use a web design program. Your other example, Photoshop, is not one either.

aluminum's picture

inDesign is great software for what it was designed for: print production page layout.

Web design, unlike print design, has no fixed canvas. Designing in print is dictating the visuals. Designing for the web is suggesting the visuals, but willing to allow for variations and variables, along with interactions, time, movement, etc.

As such, inDesign is simply the wrong tool for this.

DreamWeaver is slightly better, but even then, it's not a great tool for doing the visual design.

The best tool is an understanding of how HTML, CSS, and JS work. Once you start learning that, you can jump into your tool of choice to make visuals as needed, adding them to the mix.

If you have no ambition to learn any of that, that's OK. But then realize you're not going to be the one building the web sites. You're going to want to team up with a skilled UI designer/developer who can work with you to get you what you want.

webdesignvalley's picture

Recently, I used dreamweaver to make design and found there were lots of errors there, so I moved to use notepad ++ to make website

Joshua Langman's picture

Since this thread was kindly revived by a spambot, I might add that for anyone who's looking for a a web design program that works like InDesign, try Adobe Muse.

It's in its early days, but very usable. Features are being added regularly. Specifically designed for print designers who like the way InDesign works.

Syndicate content Syndicate content