 |  |  |  |  |  |  |  |
Amazing Website Designs - How do they do this?
Please support our Site Layout and Usability advertiser: 50% Off 6 Months Web Hosting from 1&1. The World's #1 Host!
 |
•
•
Join Date: Feb 2005
Posts: 427
Reputation: 
Solved Threads: 12
Posting Pro in Training
hmmm... some help regarding CSS and ddesign/layout would be good!
See latest thread... don't want to hijack this one!
See latest thread... don't want to hijack this one!
Hello,
The slicing of certain websites is done in Photoshop itself before taken into a web creator. The webpage is primarily drawn out in Photoshop as it wants to appear, and then there is a tool in the tool menu that's called "slice" and with it you draw the appropriate boxes around each section which will make each a different image (i havent found a way to insert text into these images after the fact, so any area that needs to be changed now and then should be made a web-colored box (because otherwise the colours will not match and might appear unexperienced) and can be deleted in the web creation to allow for text space. the images, then, in the web programs can have attached hyperlinks/hotspots (smaller areas of the picture in which there is a link) or just be as they are.
Okay, ive rambled on without explanation.
After the slicing occurs, one needs to go under the File menu, and select "Save for Web" this takes you to a screen in which various forms (in relation to quality of images/size) of your page appear and you are able to change the resolution to such that it still looks good but doesnt take up a whole lot of time to load. (this can be changed by on the right side, changing the type of image (which depends on how much colour is in each one)) to jpg/gif etcetra and also a menu to select how many colours are used. if you have a image using only blue, black, and white, you dont want that menu to have selected fifty colours, only three. Simple as that. Once this is all done, press save, save this page in your web folder and you're good to open it up in the web program and go from there.
(I realize that I've commented after change of subject, but this information is still good to know.)
The slicing of certain websites is done in Photoshop itself before taken into a web creator. The webpage is primarily drawn out in Photoshop as it wants to appear, and then there is a tool in the tool menu that's called "slice" and with it you draw the appropriate boxes around each section which will make each a different image (i havent found a way to insert text into these images after the fact, so any area that needs to be changed now and then should be made a web-colored box (because otherwise the colours will not match and might appear unexperienced) and can be deleted in the web creation to allow for text space. the images, then, in the web programs can have attached hyperlinks/hotspots (smaller areas of the picture in which there is a link) or just be as they are.
Okay, ive rambled on without explanation.
After the slicing occurs, one needs to go under the File menu, and select "Save for Web" this takes you to a screen in which various forms (in relation to quality of images/size) of your page appear and you are able to change the resolution to such that it still looks good but doesnt take up a whole lot of time to load. (this can be changed by on the right side, changing the type of image (which depends on how much colour is in each one)) to jpg/gif etcetra and also a menu to select how many colours are used. if you have a image using only blue, black, and white, you dont want that menu to have selected fifty colours, only three. Simple as that. Once this is all done, press save, save this page in your web folder and you're good to open it up in the web program and go from there.
(I realize that I've commented after change of subject, but this information is still good to know.)
Thats good info but the design is all in the person and there ability with graphic programs. If you use flash obviously your good.
•
•
Join Date: Apr 2005
Posts: 10
Reputation:
Solved Threads: 0
Newbie Poster
Just a reminder to you Adobe fans ... Photoshop is not the only game in town for slicing. I have used Canvas 9 to create and slice images, and also the corresponding html base file. Here is a sample: << url snipped to comply with forum policy >>
Last edited by cscgal; Jun 8th, 2005 at 9:10 pm.
•
•
Join Date: Jun 2004
Posts: 247
Reputation:
Solved Threads: 1
Posting Whiz in Training
Practice, read as much as you can on the inet, practice, do as many tutorials you can, and practice some more. We all started out knowing nothing, some just started earlier than others. Also some just have the basic artistic talent that others do not. I started about 10 months ago and I have come a very long way since then, just stay with it.
•
•
Join Date: Jul 2004
Posts: 57
Reputation:
Solved Threads: 1
Junior Poster in Training
Can I just say Im not a big fan of any slicing tool. Does a program really have the logic to layout your site based on the rectangles you draw around parts of your graphic. I know that there is much debate between css and tables but from what I understand the slicing method uses tables. I also use tables and believe me, hand-cutting your graphic appropriately so to use minimal images while using tables correctly isn’t a big deal. I just wish the slicing thing would die out. 
-B
I do agree with everything cmills83 said
-B
I do agree with everything cmills83 said
|
Other Threads in the Site Layout and Usability Forum
- Previous Thread: Forums
- Next Thread: I need help with building forums.
Views: 47284 | Replies: 75
| Thread Tools | Search this Thread |
Latest Site Layout and Usability Posts
- Today's Posts
- Unanswered Threads
Related Forum Features
Tag cloud for Site Layout and Usability
advanced blog blogging browserproblems compatibility content contest cookies customer design development dreamweaver duplicate email evaluation firefox flash flex gilbane google htaccess html javascript layout microsoft mix10 mod_rewrite photoshop redirects remote remoteserver server sessions site tables template tips url wave web webby website web_development web_sites wordpress
