View Full Version : nissan unleashed to the world
here is my first try at making a web site...
www.turbo240sx.ca
anyone know how to make it load quicker?
ctenche
11-22-2002, 04:35 PM
Adam,
Here's what you need to do to make the page load quicker.
1) The small thumbnails that you have on the main page are not really thumbnails at all. You are loading the full (1280x960, 560K) image and then using the browser to scale it down to 60x60. There are about 14 of these pics on the main page. 560K times 14 pics...you get the point.
Load the pics into a graphics program and scale them down to 60x60 and load those on the main page. When somebody click on the thumbnail, then display the large image.
As a side note, notice that you're taking a 1280x960 picture which is obviously rectangular and turning it into a square 60x60 image. You might want to correct that to get rid of the weird aspect ratio stretching that you see in the thumbnails. A thumbnail of 128x96 or 64x48 will do the trick.
2) The large images are too large. I would suggest cropping them down to no more than 800x600 or 640x480. That's big enough for the purposes of a web site. It also avoids having to scroll left and right to see the whole thing.
3) The pics consume a lot of space. Even one you've shrunk them to an appropriate size, use a graphic program to apply better JPEG compression then what probably came out of your camera. JPEG compression of 8 is generally a good trade off between quality and quantity.
Do this and your pages will have some snap to them and you'll save yourself some disk space to boot. (Of course, you might want to keep the untouched originals somewhere safe)
alexb
11-22-2002, 04:48 PM
Adam:
If you include some porn on your site you will get more hits....thats what the weasels say.
ouch... that sounds like alot of work......and i was already labouring thru doing html from scratch.....ahhhhhhhhh
Is that a HONDA CRV i see in your driveway???:rolleyes:
Shaman
11-22-2002, 08:48 PM
Good lord, that web page was as slow as a 240SX to load, even on my 3.5Mbps DSL!
:p
Rob McAuley
11-22-2002, 09:41 PM
You've got too much UPPER CASE TEXT.
All that extra case is taking up too much bandwidth!
yes my wife has a CRV.....its been a very good little truck/car thing
Originally posted by Nabs
Is that a HONDA CRV i see in your driveway???:rolleyes:
yes my wife has a CRV.....its been a very good little truck/car thing
Adam, do you realize what this means??? You could join HADA! Hahahahaha!!!!!!!!!!! The Nissan weasel in HADA...the horror...
Moose
11-23-2002, 09:37 PM
Dave,
I think we will have to re-write the HADA constitution to specifically exclude Adam as we can't have any truck motored vehicles in our club ..even if a family member has the proper choice in vehicles.... : P
hehhehehhehe
Moose
hi caius,
thanks for the hints... i converted all the pictures to smaller size..that really helped...and cut down on the site size alot....
Originally posted by ADAM
here is my first try at making a web site...
www.turbo240sx.ca
anyone know how to make it load quicker?
does anyone know the HTML to have a video on the website?
and how do you get it off the camera ? i have a high 8mm sony camera? do you need some sort of special graphics card?
ctenche
11-27-2002, 03:58 PM
Adam,
Okay, I see that you have indeed shrunk some of the pictures but not all. And, you still haven't created proper thumbnails. You're still using the browser to scale the image down to 60x60.
Let me see if I can walk you through this.
What image editor are you using? If you're looking for one that's really great for web type graphics, may I suggest you download Fireworks. You can find a trial version on the Macromedia web site, www.macromedia.com.
In regards to the video stuff, I think that's beyond the scope of what I'd like to answer on a message board - there is only so much one can type you know. The long and short of it though is that once you get your video onto your PC you post is much like any other link, same html code as linking to an image except it will be in a different file format.
yeah i tried to make the thumbnails with a smaller file.....but then when you click on them...it just loads another same size thumbnail..i tried a few different ways of doing it but could not get it to work....but i did resize everything..that really helped...the site loads very quickly with my cable modem...
B18C5
11-27-2002, 04:18 PM
It sounds like you're manually inputting html into a text editor? d00d... that's so masochistic! Hook yourself up with a copy of _something_ that can graphically work with it. I like Dreamweaver cuz it's easy to use and makes clean looking code. I think you can download a demo from macromedia too. Rumour has it that you can find the full versions of programs like these using something like Kazaa. That would be morally wrong. The corporations that sell these programs are very poor and would suffer greatly if you downloaded a copy to try out while you design your site. Even though you may think of it as an extended demo, since the ones you can download are often crippled or the time limiting runs out exactly when you need it.
From there, you really have to make thumbnails. There are programs that do it automatically, but it's not too hard if you have a good program like fireworks or even photoshop's buddy, imageready. Like porn actors they come together.
For video the easiest thing to do is scrap your camera for a digital 8mm camera if yours isn't already. Then scrap your computer for a Mac, if it isn't already. Then you plug the camera into the computer and make video. Then save it, then upload it to your site, then link it to the file. Simple. If you have an analogue camera or a PC it complicates things (either a lot or a little) depending on what you have. What do you have?
:( i have nothing
yes i am actually typing in my web site in "notepad" and doing it the real way...coding line by line....that was difficult enough...and was full of trial and error....so what you are saying is...there are programs..that actually program html? that sounds like cheating a bit no?
i have a 8 year old sony 8mm...and a 700mhz ibm clone..... thats it......
this all sounds very complicated.....why is everything so complicated.....it should be simple...
please make it simple mr gates..please
Originally posted by B18C5
It sounds like you're manually inputting html into a text editor? d00d... that's so masochistic! Hook yourself up with a copy of _something_ that can graphically work with it. I like Dreamweaver cuz it's easy to use and makes clean looking code. I think you can download a demo from macromedia too. Rumour has it that you can find the full versions of programs like these using something like Kazaa. That would be morally wrong. The corporations that sell these programs are very poor and would suffer greatly if you downloaded a copy to try out while you design your site. Even though you may think of it as an extended demo, since the ones you can download are often crippled or the time limiting runs out exactly when you need it.
From there, you really have to make thumbnails. There are programs that do it automatically, but it's not too hard if you have a good program like fireworks or even photoshop's buddy, imageready. Like porn actors they come together.
For video the easiest thing to do is scrap your camera for a digital 8mm camera if yours isn't already. Then scrap your computer for a Mac, if it isn't already. Then you plug the camera into the computer and make video. Then save it, then upload it to your site, then link it to the file. Simple. If you have an analogue camera or a PC it complicates things (either a lot or a little) depending on what you have. What do you have?
ctenche
11-27-2002, 04:42 PM
Okay, so you have the thumbnails that you probably created by hand instead of using a program like Fireworks or ImageReady which could have automated it for you AND you're coding your HTML by hand instead of using a program like Dreamweaver to do it for you.
Kudos. Does you wife know that you're into self inflicted pain?
Seriously, I used to do all my coding by hand (still do sometimes, especially ASP stuff) but have resorted to Dreamweaver for ALL html work. It's simple. It's fast and write very neat code unlike the miriad of other web development tools out there.
Anyway, back to your thumbnail dilema. Let's say you have two an image call mynissan.jpg. From this, you created a thumnail and named it th-mynissan.jpg so you can differentiate between the two files.
Your code would look like this...
<a href="mynissan.jpg"><img src="th-mynissan.jpg border=0></a> My nissan is cool. Click on the picture to see a larger image.
So, the <img> tag tells the browser what image to display - in this case the thumbnail pic. (Note the border=0 parameter. This will get rid of the ugly blue border that shows up when an image is turned into a hotlink.)
The <a href> tag tell sthe browswer what image to display when the viewer clicks on the thumbnail.
Get it?
Also, do us all a favour and get rid of the uper case text. Easiest way is to paste the text into Word and do a couple of Shift-F3s until the case shows up properly and then paste it back into Notepad. That text is really hard to read as it is right now.
So that will be your homework for tonights. Let's take care of those two things and we'll go from there, okay?
no, his homework for tonight is going to the CCC meeting! :eek:
B18C5
11-27-2002, 05:15 PM
...if you're asking Bill Gates to make things easier for you, then you're definitely asking the wrong person!
Haaaaa! Designing a site by manually entering HTML is like designing a company logo by manually entering PostScript. You need some sort of realtime method of viewing what you're doing. It's not like it's cheating, especially if you know how to do at least the basics yourself. That also helps with diagnosing errors later. Dreamweaver gives you a few different options of viewing your work. You can check the code, or view it in a browser or edit it, all with a click. And nobody uses excessive <BR>s in a row anymore. Hehe. Just buggin'.
DON'T WORRY ABOUT THIS YET! CLEAN THE SITE FIRST!!!
For video... well yeah, it's best to concentrate on the site first. Depending on your video card you might be able to digitize the video on your computer. I don't know what programs would be best for it. This is where Taylor is supposed to chime in. Hehe. But if your card is good then that might work. The quality will be okay. Probably okay enough for web stuff. If you don't have a composite video in port on your video card you either can try and find one (I don't know if they ever make any... they do it on old school Macs though), or you can get one of those Snappy type things. They'll do the trick, but I have no idea what they're going for. I think you can find them at places like Future Shop. Maybe that'll be good enough. If you're looking at going for a higher end unit then you'll probably be better off trading your camera in for a digital one.
If you go digital then you'll need a FireWire card or IEEE 1394 or iLink or whatever it's called on the box card. Some audio cards have them. Then you plug the digital camera into that and then import the video directly into a program like Adobe Premiere. You might need a faster computer for this too. Hahahha. The cool thing is being digital you can completely digitally edit your footage then copy it back to the camera or burn a VCD or DVD with a DVD burner. The software is nowhere near as self-explanitory or easy to use as on a Mac, so be prepared for a fairly steep learning curve.
From there you have to choose your codec. That's the software that compresses your video, and decompresses it on the other end. Compression/Decompression = codec. It's half personal preference, half compatibility, half bandwidth related and half has to do with your content. Something like that. That's another big topic, subject to a lot of debate. I personally like MPEG level 4, and if it was more compatible I'd like DiVX more than I do now. Taylor likes those Windows Media compressors. For backward compatibility some people like to use old school compressors. Actually, MPEG level... uhhhh, the one with the .mpg extension is pretty good.
That's about it...
ahhhhh
maybe i will just work on this slowly....i need to take some new pics anyway of some of the other mods i have done..
vBulletin® v3.8.4, Copyright ©2000-2012, Jelsoft Enterprises Ltd.