New to Typophile? Accounts are free, and easy to set up.
Indesign and web design question?
Posted by skald89 in
22 Mar 2011 — 3:28pm
22 Mar 2011 — 3:28pm
What am I doing wrong?
The position in pixels that Indesign shows me looks wrong when putting it into dreamweaver.
| Attachment | Size |
|---|---|
| Position.JPG | 18.03 KB |
| Position- boxes.jpg | 50.45 KB |
| Indesign file.JPG | 20.06 KB |
| Indesign file- boxes.jpg | 52.95 KB |
| Dreamweaver.JPG | 55.83 KB |
| Dreamweaver- boxes.jpg | 176.44 KB |
User login
Support our Sponsors
22 Mar 2011 — 3:47pm
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...
22 Mar 2011 — 4:01pm
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.
22 Mar 2011 — 4:41pm
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.
22 Mar 2011 — 5:44pm
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.
23 Mar 2011 — 5:29am
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.
23 Mar 2011 — 9:38am
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.