I am new to the field of webdesign and even newer to the field of creating Web pages in PS. I played around with a few images but when I look at them in IE there are either to big, to small, or off center. So I am asking, from all of you prod out there, what is a good size to make your webpage so it will fit on the page on be in the center of the page
Tek-Tips is the largest IT community on the Internet today!
Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!
-
Congratulations gkittelson on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!
Creating a webpage in Photoshop 1
- Thread starter slycer
- Start date
Photoshop is a graphics program rather than a web design tool. Look at creating your images with PS but making the web page in another program such as Frontpage.
Keith
Keith
There is a difference between using PS for web design and using it for web development.
As mentioned PS is a graphics program and therefore very good at the design part, but the code (HTML) that PS produces during a "Save for Web" operation is next to useless for an actual web page.
Personally I would recommend Dreamweaver.
Hope it's of some value to you.
Wow JT that almost looked like you knew what you were doing!
As mentioned PS is a graphics program and therefore very good at the design part, but the code (HTML) that PS produces during a "Save for Web" operation is next to useless for an actual web page.
Personally I would recommend Dreamweaver.
Hope it's of some value to you.
Wow JT that almost looked like you knew what you were doing!
- Thread starter
- #4
I use Frontpage all the time for designing basic pages.
They are really just templates for inclusion in PERL scripts and the like but it is quick and easy. Dreamweaver is an excellent program once you have mastered it but how easy it is to learn would depend on what experience you have with other programs. On the whole, learning any language is quite easy when you are familiar with general programming but to launch straight into Dreamweaver without any previous knowledge could put you off for life. Use Frontpage as a basic HTML editor and learn how HTML works, then move on to something more involved when you need to play with the fancy stuff.
Which ever route you take, it will take time to learn it - most important have fun.
Keith
They are really just templates for inclusion in PERL scripts and the like but it is quick and easy. Dreamweaver is an excellent program once you have mastered it but how easy it is to learn would depend on what experience you have with other programs. On the whole, learning any language is quite easy when you are familiar with general programming but to launch straight into Dreamweaver without any previous knowledge could put you off for life. Use Frontpage as a basic HTML editor and learn how HTML works, then move on to something more involved when you need to play with the fancy stuff.
Which ever route you take, it will take time to learn it - most important have fun.
Keith
IMHO Frontpage is an awful piece of software and you should avoid it at all costs. Microsoft does make some good web tools, but Frontpage is not one of them.
It is true that Frontpage is easy to use, but once you decide that you want to look at (or modify) the code it produces you will become frustrated beyond compare. Especially if you are trying to use that as a method of learning to code yourself.
That said... in fairness I should add that Dreamweaver can also produce some questionable code in the right circumstances.
Ultimately the most basic HTML editor you have at your disposal is good old Notepad. That and a good book will have you on your way in no time. You can also check out w3schools.com.
A full version of Dreamweaver is available for free 30 day trial at
I agree with Keith... whichever route you take have fun with it!
It is true that Frontpage is easy to use, but once you decide that you want to look at (or modify) the code it produces you will become frustrated beyond compare. Especially if you are trying to use that as a method of learning to code yourself.
That said... in fairness I should add that Dreamweaver can also produce some questionable code in the right circumstances.
Ultimately the most basic HTML editor you have at your disposal is good old Notepad. That and a good book will have you on your way in no time. You can also check out w3schools.com.
A full version of Dreamweaver is available for free 30 day trial at
I agree with Keith... whichever route you take have fun with it!
- Thread starter
- #7
Probably the best resource for learning how to code your own webpages
Following the rules laid out by the W3C will ensure that your page can be viewed in all (probably) browsers.
or just to understand & edit the code created by your HTML editor.
Also rack up another vote for Dreamweaver.
Moe: It could have been a real ugly situation, but luckily I managed to shoot him in the spine.
Following the rules laid out by the W3C will ensure that your page can be viewed in all (probably) browsers.
or just to understand & edit the code created by your HTML editor.
Also rack up another vote for Dreamweaver.
Moe: It could have been a real ugly situation, but luckily I managed to shoot him in the spine.
I quite often design page layouts in PS and it can be a v good tool.
CS Even has preset new documents for creating them at the correct size and rez.
Once you are happy with the layour there is a button at the bottom of the menu (Send to ImageReady).
In here you can create your roll over's split the page up into the seperate images for your design etc......
Have a look and decide for your self.
This is advertiesd on their site.
I must admit I create the design in PS and output through IR and then edit it in DW. This is great for workflow and can allow quick changes to the iamges.
I did originaly start cerating websites with PS and notepad quite some years ago and I would advise anyone who wants to take it up to learn at least the basics of HTML syntax and good layout.
Hope this helps.
___________________
Manic
CS Even has preset new documents for creating them at the correct size and rez.
Once you are happy with the layour there is a button at the bottom of the menu (Send to ImageReady).
In here you can create your roll over's split the page up into the seperate images for your design etc......
Have a look and decide for your self.
This is advertiesd on their site.
I must admit I create the design in PS and output through IR and then edit it in DW. This is great for workflow and can allow quick changes to the iamges.
I did originaly start cerating websites with PS and notepad quite some years ago and I would advise anyone who wants to take it up to learn at least the basics of HTML syntax and good layout.
Hope this helps.
___________________
Manic
-
1
- #10
dagger2002
Programmer
I set my pages between 760 and 800. I have found that this looks good in displays taht are set any where from 800X600 all the way up to 1600X1200.
I also center them and give a background color similar to tek-tips.
I also center them and give a background color similar to tek-tips.
kylebellamy
Programmer
I have a few tutorials on how to build the main site in Photoshop at but I agree with the above comments that using a web program after is the way to go.
I personally use Dreamweaver but Frontpage has it's pluses. It's all a matter of what you get comfortable with.
I personally use Dreamweaver but Frontpage has it's pluses. It's all a matter of what you get comfortable with.
- Status
Similar threads
- Locked
- Question