Help - Search - Members - Calendar
Full Version: Help With Slicing!
Zymic Webmaster Forums > Web Design & Development > General Web Design Discussion
eJGDesigns
Hi,

Link

I need help with my site, i have sliced it but when you go onto it on the internet you can clearly see that the images take a long time to load and it does not look professional, does anybody know how I can edit the pages in dreamweaver so that they look better and that the images dont take as long to load.

Is there any other slicing software except photoshop?

Thanks
MrTouz
Your images look good to me, but if you are having trouble saving at the correct .gif format which usualy screws up your pics i guess save them as .jpg but save them a the highest quality (still low size pictures)

if you dont want to have your images load every million time i guess the best way is to use cache over your site, best way i know (very simple) is the "include" over PHP, there are many many posts here where they actually talk about the "include"

it will load your images ONCE and than bang bang its all fast.

other slicing software ? not sure, but PS looks pretty damn good !
eJGDesigns
Would I do that by doing a php include then in including the image I want or is it something different, I could only find one topic about include and this is what it was.

Also do they load a lot of times for you MrTouz or is it okay?

Thanks
Paranoid
Load time is not that bad.
But yes, PHP includes create a cache, so your images do not need to load everytime off your server. Hence shorter load times.
eJGDesigns
How do i do an incluide on an image??

Thanks
MrTouz
its not on a image,

create a header.php & footer.php

inside header.php put all your header content, well everything that is above your site MAIN content.

inside footer.php put all your footer content, well everything that is below your site MAIN content.

than creat a index.php and organize it like this :

CODE
<?php include("header.php"); ?>


Your Main Content Here

<?php include("footer.php"); ?>



what it does is that it saves header.php and footer.php so when ever you hit a page (change page) it actually only loads the MAIN content.
So there is a cache, it doesnt load your images all the time, and the site is much faster, but there are other ways to load your site faster :

i saw you had some blank images, (images of ONE color) instead of puting a link of your images put a background color, your site will load a bg color faster than an image. even if its a 10x10 coz imagine you have many pics like this... it'll save some more time...

also the file type such as gif, png, jpg, bmp, ... look for the lowest !
IamShipon1988
QUOTE(Paranoid @ Dec 14 2007, 03:09 AM) *
Load time is not that bad.
But yes, PHP includes create a cache, so your images do not need to load everytime off your server. Hence shorter load times.

I am what you call a php includes fanatic. I love using that function therefore learned all that I can on that matter. The problem here cannot be simply solved by using php includes. You will need to code your layout in css, by using smaller images and having them repeat (either repeat-x, repeat-y, repeat-all).

The reason why I say include will not help much is because php includes caches after the first visit by the guest, and most visitors only visit for one time view and leave after seeing the main page content. So you will have to consider that. In addition, loading time for 56K users, even if you use include, will still suck!

If you don't believe me about the include (and how it doesn't always slow down image loading time) check out the new layout on my personal site. It is fully coded using large image file for the purpose of this demo. http://iamshipon1988.com

THE BEST WAY TO SOLVE THIS PROBLEM IS USING CSS AND SMALL IMAGES
eJGDesigns
Thanks guys,

What do you mean by main content, and headers do the headers include the images?
eJGDesigns
Also does css mean creating a style sheet and making links to it on a page??

Thanks
Paranoid
External Style Sheet means that you have a .css file, that's your style sheet, and in the header of your page you make a reference to it, so it includes that style sheet in the page.
An Internal Style Sheet pertains to a style code inside the acutal code of the header.

I recommend using a External Style Sheet.
eJGDesigns
ok thanks
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2010 Invision Power Services, Inc.