Hi,
All my layouts so far i have sliced and let photoshop code for me, i have on half finished site up right now which i made for a geography assignment at school: www.cyclonetracy.co.nr
Obviously i used a tutorial for it, and it is not very good, but my question is this:
When i try to put more content into the boxes once i reach a certain point the whole site starts to go crazy, the header splits into 3 bits and some of them go down and some go up, and pretty much everything goes where i dont want it to go.
Can i fix this by coding with dreamweaver?
Are there any other probolems with using photoshop?

404found - The first thing you have to consider is that Photoshop is not, by nature, a web development tool. It is great for developing mockups and getting to know what you want a site to look like. It is also great for creating the graphics for your site. The code that it creates, though, is absolute crap.

For your site development, you may want to consider learning HTML and CSS. There are plenty of resources out there, some of the best being located at http://w3c.org.

You can write HTML in any text editor, not just DreamWeaver. Plus, DreamWeaver is expensive to buy, especially for a student.

Agree 100% with Nick, especially about the crap code that Photoshop produces. Dreamweaver will produce just as much crap if you only use it in WYSIWYG mode, so learning to actually CODE HTML and CSS is paramount.

You can try www.w3schools.com as a place to start.

I use Dreamweaver on a daily basis, but only use it in "code" mode, never in "display" mode. It is always advisable, even for those who become specialists at the design part of web development, to learn the fundamentals of HTML and CSS. This way, even if you later still rely on the crutch of a WYSIWYG, you will be able to understand the structure of your documents when you need to...

Yes that is the problem with templates is that they are very picky (most of them at least) and that is how they are made. You have to know the HTML coding in order to know how to divide your tables and your cells in order to make thing fit and go together. CSS is a great tool for this as well.

Thanks for your replys everyone

Originally Posted by nickohrn

404found - The first thing you have to consider is that Photoshop is not, by nature, a web development tool. It is great for developing mockups and getting to know what you want a site to look like. It is also great for creating the graphics for your site. The code that it creates, though, is absolute crap.

For your site development, you may want to consider learning HTML and CSS. There are plenty of resources out there, some of the best being located at http://w3c.org.

You can write HTML in any text editor, not just DreamWeaver. Plus, DreamWeaver is expensive to buy, especially for a student.

I already know HTML and CSS. And i own a copy of dreamweaver.
The reason i suggested dreamweaver is because some guides to slicing up layouts suggest you use dreamweaver to make the tables.

Agree 100% with Nick, especially about the crap code that Photoshop produces. Dreamweaver will produce just as much crap if you only use it in WYSIWYG mode, so learning to actually CODE HTML and CSS is paramount.

You can try www.w3schools.com as a place to start.

Thanks for your advice. I have never used dreamweaver or any WYSIWYG program to make a website in the past, and i always code in notepad or notepad++. I was under the impresision that slicing all those little tables would be superduperhard just coding. I have been using w3schools as a refference for my coding since grade 6!

Well seeing that all your responses are advising me to learn html and CSS...
What would you suggest i try now that you know i know them (are there any tutorials you could like me to?)
Just for the record i know HTML, basic XHTML, basic VB and JS, CSS, and several non webrelated codes such as python and basic C++.

Thanks for your help,
any more help would be greatly appreciated.
4o4found

"slicing" for a css-based layout is very different from the old slice and dice for tables.

You might want to read thru this tutorial:
http://www.csslicingguide.com/

i mostly design my website and do the slice at photoshop i even use the html generate by photoshop, i have design lots of website mostly pharmacy and casino till date i have design more then 300 site. i dont find ne trouble using photoshop and its generate html. rite now i m on a project using photoshop and its html and css. one of the biggest site so far.

I don't suggest that way cause you do not learn the technique properly and won't help you in the future, so basically try to learn the technique using a tutorial.

Originally Posted by 4o4found

Hi,
All my layouts so far i have sliced and let photoshop code for me, i have on half finished site up right now which i made for a geography assignment at school: www.cyclonetracy.co.nr
Obviously i used a tutorial for it, and it is not very good, but my question is this:
When i try to put more content into the boxes once i reach a certain point the whole site starts to go crazy, the header splits into 3 bits and some of them go down and some go up, and pretty much everything goes where i dont want it to go.
Can i fix this by coding with dreamweaver?
Are there any other probolems with using photoshop?

First off, not to be rude, NEVER code in Photoshop. Photoshop is not a coding program. Design and slice in Photoshop then go into a Text editor or Dreamweaver and code it up. I would even suggest you learn CSS and XHTML to code it because even in DW if you use the WYSIWYG it won't code correctly. I would avoid tables because it bloats your code and makes it hard for the search engines to find it and parse it.

Just my two cents, but NEVER CODE IN PHOTOSHOP! EVER