PDA

View Full Version : Day 1 Goal: Portal Page of my website

Jammeez
03-03-2007, 10:36 PM
If you can link me to threads that already exist to answer my questions, feel free. I've browsed a bit and haven't found the info I need.

First off, I know just enough about computers to mess mine up on a regular basis. To put it bluntly, a lot of what "Lissa Explains" is over my head.

I'm setting up a business website. I know what I want it to look like (been using PSPro X to lay it out) and what I want it to do (text and clickables, images, etc.) I'm hosted by HostMonster. I have a background image that is 178KB. (I've crunched it as far as it will go without degrading the quality, but HostMonster seems to want it 80kb or smaller. Doesn't that seem small for a full screen image?)

All I want for today is to get the image up. It's the portal page to the rest of my site (total around 6-10 pages), and should be clickable anywhere on the page to enter the site.

Right now the web address just brings up a blank white page. (I deleted the ugly page my web designer made. He had bad taste and didn't know the meaning of the word "deadline". :( )
onigiri
03-03-2007, 11:21 PM
My suggestion would be to slice the image in PSP. Slicing cuts up the image into smaller images, but when put together by a table (PSP will do this for you), it will look the same as if you had one big image.

http://www.google.com/search?q=image+slicing++PSP
Jammeez
03-03-2007, 11:29 PM
:idea: So simple, and yet so gracefully fluid! You are a god!
Idiotic Creation
03-04-2007, 12:09 AM
IMHO, I don't think you should use so many images. It is possiable to make your site look nice and load fast. Look into using css to arrange all the particulars of your site, it really helps the appearance with hindering the load time.

It's pretty well know that most users (on a broadband connection) won't wait more then a few seconds for a site to load, especially if it's an unframiliar one.
J to the izzosh
03-04-2007, 12:17 AM
On another note: Host Monster seems to be a paid commercial host. If they are actually limiting you to an 80 KB size for some files, you should put up a major stink with them; that's just ridiculous.
Jammeez
03-04-2007, 01:53 AM
It's a single image, used as the backdrop for the entire site.

HostMonster is inexpensive, though not completely free, but it does have a lot of major benefits, including support and safety. (They have free live chat, which I have used several times today.)

Slicing seems to have solved my problem, except that after hours of playing with the slicer to figure out how it works, I'm uploading the parts of the image and getting white lines between them instead of a single fluid image. They look fine until I preview it, then the lines appear. I can't see anywhere to adjust border settings.
onigiri
03-04-2007, 02:10 AM
PSP should generate an HTML file with the code that puts the image together. Could you post that code for us?
Jammeez
03-04-2007, 02:14 AM
<html>
<head>
<meta name="Author" content="">
<meta name="Generator" content="Paint Shop Pro X">
<title> </title>
</head>
<body>

<!-- Begin Table -->
<table border="0" cellpadding="0" cellspacing="0" width="1146">

<tr>
<td rowspan="1" colspan="1" width="382" height="337">
<img name="Color_Dwarf0" src="Color_Dwarf_1x1.jpg" width="382" height="337" border="0" alt="" /></td>
<td rowspan="1" colspan="1" width="382" height="337">
<img name="Color_Dwarf1" src="Color_Dwarf_1x2.jpg" width="382" height="337" border="0" alt="" /></td>
<td rowspan="1" colspan="1" width="382" height="337">
<img name="Color_Dwarf2" src="Color_Dwarf_1x3.jpg" width="382" height="337" border="0" alt="" /></td>
</tr>

<tr>
<td rowspan="1" colspan="1" width="382" height="338">
<img name="Color_Dwarf3" src="Color_Dwarf_2x1.jpg" width="382" height="338" border="0" alt="" /></td>
<td rowspan="1" colspan="1" width="382" height="338">
<img name="Color_Dwarf4" src="Color_Dwarf_2x2.jpg" width="382" height="338" border="0" alt="" /></td>
<td rowspan="1" colspan="1" width="382" height="338">
<img name="Color_Dwarf5" src="Color_Dwarf_2x3.jpg" width="382" height="338" border="0" alt="" /></td>
</tr>

<tr>
<td rowspan="1" colspan="1" width="382" height="337">
<img name="Color_Dwarf6" src="Color_Dwarf_3x1.jpg" width="382" height="337" border="0" alt="" /></td>
<td rowspan="1" colspan="1" width="382" height="337">
<img name="Color_Dwarf7" src="Color_Dwarf_3x2.jpg" width="382" height="337" border="0" alt="" /></td>
<td rowspan="1" colspan="1" width="382" height="337">
<img name="Color_Dwarf8" src="Color_Dwarf_3x3.jpg" width="382" height="337" border="0" alt="" /></td>
</tr>

</table>
<!-- End Table -->

</body>
</html>


This is the file the slicer told me to name before naming the image pieces.
onigiri
03-04-2007, 02:17 AM
You are using that for your code, right?
Jammeez
03-04-2007, 02:25 AM
Actually, your previous question gave me another light bulb. Below is what the code looks like after I inserted the uploaded images.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta name="Author">
<meta name="Generator" content="Paint Shop Pro X">
<title> </title>
</head>
<body> <!-- Begin Table -->
<table width="1146" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td width="382" height="337" rowspan="1" colspan="1">
<img width="382" height="337" title="" alt="" src="/Images/Color_Dwarf_1x1.jpg"></td><td width="382" height="337" rowspan="1" colspan="1">
<img width="382" height="337" title="" alt="" src="/Images/Color_Dwarf_1x2.jpg"></td><td width="382" height="337" rowspan="1" colspan="1">
<img width="382" height="337" title="" alt="" src="/Images/Color_Dwarf_1x3.jpg"></td></tr><tr><td width="382" height="338" rowspan="1" colspan="1">
<img width="382" height="338" title="" alt="" src="/Images/Color_Dwarf_2x1.jpg"></td><td width="382" height="338" rowspan="1" colspan="1">
<img width="382" height="338" title="" alt="" src="/Images/Color_Dwarf_2x2.jpg"></td><td width="382" height="338" rowspan="1" colspan="1">
<img width="382" height="338" title="" alt="" src="/Images/Color_Dwarf_2x3.jpg"></td></tr><tr><td width="382" height="337" rowspan="1" colspan="1">
<img width="382" height="337" title="" alt="" src="/Images/Color_Dwarf_3x1.jpg"></td><td width="382" height="337" rowspan="1" colspan="1">
<img width="382" height="337" title="" alt="" src="/Images/Color_Dwarf_3x2.jpg"></td><td width="382" height="337" rowspan="1" colspan="1">
<img width="382" height="337" title="" alt="" src="/Images/Color_Dwarf_3x3.jpg"></td></tr></tbody></table><!-- End Table -->
</body>
</html>

And now the image looks great when I preview it.:blush:

edit: AND the webpage works now! GOAL!
onigiri
03-04-2007, 02:28 AM
So everything's fine, then?
Jammeez
03-04-2007, 02:36 AM
It isn't perfect, but I now know how to fix it. Next (tomorrow or the next day), I'll work on putting in the next page, and making the portal page clickable.

I won't link it here, as it's a commercial site, but it's in my profile, if you want to see it.

Thank you, everyone, for your help.:waves: