chrometweaks.org

What is a good Australian iPage web hosting service for a beginner?

Click Here To View All Answers...


My first question is What is a good Australian iPage web hosting service for a beginner? Hoping for any answer. My 2nd question... Hello everyone.

I need a hand please.

Right people tell me when they start there web design they use photoshop to design the iPage site then transfer it to html.

How does this work please I dont understand..surely when you save a photoshop file it will save it as images and you cant use images as html can u?.

Can someone clear this up for me please.

Thanks u..

Comments (8)

Good question... I dunno what is the right answer. I'll do some Googling and get back to you if I bump into an good answer. You should email the people at iPage as they probably could assist you..

Comment #1

If you are using Photoshop 6, or 7 it comes with the sister app ImageReady which will aid you in slicing your images up for the web..

The nice advantage to ImageReady, is being able to slice graphics, create rollover effects without writing any Javascript, and create animated GIF's..

After saving your overall design, use the "Jump to ImageReady" button in the toolbar to work in I.R.. You can switch back and forth until you get it like you want it. Some great.

Tutorials.

Here...

Comment #2

I create the page in photoshop and save it as a psd file for safe keeping..

When cutting it up I use various techniques..

1: Backgrounds: Repeating patterns are hard to achieve well... thus I try to stick with a fluid single colour BG. I then use the select tool at a fixed size, say 10*10 pixels. Then crop the Image and export the file to web acceptable format such as *.gif or *.jpg. Once done use the undo function to get back to the original image..

2: Borders: Try to achieve a square function to get this right. What I mean by this: Start with the top left corner and use the select tool at a fixed size. Say 25 by 25 px. Place this as near as you can to the area you want to crop. You can then use the arrow keys to nudge this to the right place pixel by pixel. One press of the arrow will nudge it one pixel.

By this I mean that the border should touch the edge of the canvas size. Thus when you move the selection tool a pixel to far it will dissapear outside of the canvas. Move it back one pixel to see the edge again. Do this for the top and left edges. Select crop and again save in a web format.

Do this till you get all 4 corners..

You will also need the spacer borders, ie the top, bottom, left and right borders. To get this go back to the original image. Use the select tool, make sure it is the same height as the corner, in this case 25 px. Width can be 10px if you want to speed up the image download a tiny bit. Again use the nudge ability to move this to the very top of the image, select crop and save as web format again. Rotate 90 degrees till you get the four borders..

This should give you a very basic layout. The corners should be placed a single images, you don't want these to repeat. The edge borders should be place as BG's so they do repeat. This is great if you have a dynamic layout as the border will stretch or shrink to the size of the page view..

The above will work in tables or frames as long as it done properly. You will need to control certain aspects of the table or frameset down to the pixel..

To see an example of what I mean visit this page I am creating..

Http://www.entimp.com/garra/test.htm.

I have expanded my ideas a little in this page but the jist is all the same..

Feel free to ask some questions if you want...

Comment #3

Hi.

Thanks all for the input!.

One last Question whats the normal pallete size you use for photoshop to do your designs.

Thx..

Comment #4

What do you mean by palette size... I might know it as something else...

Comment #5

Hi.

Sorry, what I meant is that when you use photoshop what size canvas you start off with.

Regards.

S..

Comment #6

Depends on what I am doing but usually 1000 by 1000. After laying out a template I will crop it down to get rid of all white space at the sides...

Comment #7

1000 x 1000?.

I usually desiogn the layouts in 800 x 600..

Comment #8

Im not suggesting design at 1000 by 1000 but suggesting a canvas size to play with. The design can be easily done at 800 by 600 on a larger canvas. This extra white space gives you room to play...

Comment #9


This question was taken from a support group/message board and re-posted here so others can learn from it.