Web Hosting, Design, & Coding forum

General discussion

Please help! (Photoshop web design with multiple pages)

by western22 / March 3, 2009 12:00 AM PST

I'm trying (for the first time) to design a website in Photoshop. I've been reading about slices and I'm trying to figure out how to handle multiple pages -- I have "Home", "About" etc. tabs down the side of my layout and I would like to create links from those... so when you click on them, different information pops up in the body area of my page. Can I do this in Photoshop? Do I need to separate the pages into different files?? Right now I have everything in one drawing -- I was trying to simply turn on the body text I needed for the corresponding button, create a slice, then move on to the next. I hope this makes sense. I really, really appreciate any advice!

Discussion is locked
You are posting a reply to: Please help! (Photoshop web design with multiple pages)
The posting of advertisements, profanity, or personal attacks is prohibited. Please refer to our CNET Forums policies for details. All submitted content is subject to our Terms of Use.
Track this discussion and email me when there are updates

If you're asking for technical help, please be sure to include all your system info, including operating system, model number, and any other specifics related to the problem. Also please exercise your best judgment when posting in the forums--revealing personal information such as your e-mail address, telephone number, and address is not recommended.

You are reporting the following post: Please help! (Photoshop web design with multiple pages)
This post has been flagged and will be reviewed by our staff. Thank you for helping us maintain CNET's great community.
Sorry, there was a problem flagging this post. Please try again now or at a later time.
If you believe this post is offensive or violates the CNET Forums' Usage policies, you can report it below (this will not automatically remove the post). Once reported, our moderators will be notified and the post will be reviewed.
Collapse -
Slices
by Sovereign Forum moderator / March 3, 2009 12:17 PM PST

Once you've designed your web site in photoshop, you need to slice the individual images and place them into your HTML code. For example, if you have a menu bar with buttons, you cut out one button and with the help of CSS, you use the same image over and over again but the text is added with HTML. That will reduce loading time because it doesn't have to load 3, 4, 5 buttons... just one. Here is a demo of what I'm talking about:

Tutorial: http://fortysevenmedia.com/blog/archives/making_accessible_css_buttons_look_awesome/

Demo: http://fortysevenmedia.com/tuts/cssbuttons/

Another Tutorial & Demo: http://www.oscaralexander.com/tutorials/how-to-make-sexy-buttons-with-css.html

Hope this helps,

~Sovereign

Collapse -
THANK YOU
by western22 / March 13, 2009 11:03 AM PDT
In reply to: Slices

Thanks SO much for the response! I really, really appreciate your help!

Popular Forums
icon
Computer Newbies 10,686 discussions
icon
Computer Help 54,365 discussions
icon
Laptops 21,181 discussions
icon
Networking & Wireless 16,313 discussions
icon
Phones 17,137 discussions
icon
Security 31,287 discussions
icon
TVs & Home Theaters 22,101 discussions
icon
Windows 7 8,164 discussions
icon
Windows 10 2,657 discussions

CNET FORUMS TOP DISCUSSION

Help, my PC with Windows 10 won't shut down properly

Since upgrading to Windows 10 my computer won't shut down properly. I use the menu button shutdown and the screen goes blank, but the system does not fully shut down. The only way to get it to shut down is to hold the physical power button down till it shuts down. Any suggestions?