Click to See Complete Forum and Search --> : Web Page divided into Gif Files
Phltradex
07-15-2006, 09:54 AM
I have never created a web page in CSS before. So competly new to this. I downloaded a free css template and noticed that the page is mostly divided into gif files. That the gif files may have the picture divided into 4 pieces with part of the background etc in each piece. How the heck do I do this same thing. I am use to just inserting a picture in dreamweaver and the whole picture goes in. I can see this would be great to divide it up so someone does not clone your site etc.
Is there a program to let ya divide the page up and name segments as gifs?
Thanks
Ultimate Novice at this point
Ted W
Phx, AZ
WebJoel
07-15-2006, 11:45 AM
This free template was probably created with a program like Dreamweaver or something that likes to nest tables within tables within tables within... (get it?)
It would be helpful to actually see or visit the template to understand what you're up against, but this is what I suspect already.
If you're into templates (and did I her the word "FREE"??), check out http//www.strangebanana.com. Their totally unique and programmatically-generated templates (FREE for personal AND commercial use) are, for the greater part, validationally correct most of the time. They certainly work a lot better than most of the 'free template' sites' offerings that I have ever visited. Granted though, only about one in every 10 or so are actually pleasing to look at, -you just keep makin' new ones until you create one that you like, then, you take the source-code and it is yours to keep! ;)
The beauty of a well-made page is that if you add more content, you are not breaking-apart the background-images that were welded to each and every segment's edges (a very common drawback to FP and DW).
Charles
07-15-2006, 12:14 PM
Or if you really want to be inspired check out The Zen Garden (http://www.csszengarden.com/)
WebJoel
07-15-2006, 12:50 PM
Or if you really want to be inspired check out The Zen Garden (http://www.csszengarden.com/)
Yeah, I know. :) Isn't that place great? I spend alot of time here, -admiring and learning...
Charles
07-15-2006, 01:08 PM
Yeah, I know. :) Isn't that place great? I spend alot of time here, -admiring and learning...I've pretty much completely stopped using the IMG element in favor of the CSS background technique employed there.
Phltradex
07-15-2006, 01:15 PM
Will search for better templates and post a couple pics, of how broke up to get an idea. Strangebanna.com ? That takes you to w3c.org...
Thanks
TedW
Phx,AZ
Phltradex
07-15-2006, 01:22 PM
I posted a pic of what I am talking about and hope this will help.
http://www.learntagalognow.com/Asample.gif
Clicked on gif in the template. Note the box for increase traffic.
Thanks,
Ted W
Phx,AZ
WebJoel
07-15-2006, 03:21 PM
Will search for better templates and post a couple pics, of how broke up to get an idea. Strangebanna.com ? That takes you to w3c.org...
Thanks
TedW
Phx,AZ
no, that is "strangebanana.com, like the yellow fruit. :)
Phltradex
07-15-2006, 08:48 PM
Got it, for some reason before it was taken me to W3c with the link given above.
So as in the template I posted up above, these are totally wasted templates.
Someone just cuts em up and posts em to the web.
How do they cut them up like, with a program?
Ted W
ulillillia
07-15-2006, 08:57 PM
If you want to break up an image into parts and pieces as I otherwise had to do here (http://www.ulillillia.us/animations/creditcarddebt1x.shtml), use your image-editting program (like GIMP, of which is free and licensed under the GNU public license) and cut up the image as needed. Look at my example and you'll know what I mean. I had to do this in order to get the animation to work properly without using a million frames to otherwise do the same thing.