Photos and Video

Nothing grabs attention like a shiny picture or a crisp video!

Having nice images and good quality videos on your website is very important to give it the dynamic and visually appeal to your visitors. There are many websites entirely based on their pictures and videos.

A good balance and location of your pictures and videos is key. You don't want too much, or it will clutter your webpage. Make sure they are in good places, or the visitors might not be able to find or see them.

Adding an Image

There are multiple ways to add an image to a webpage. Webdesign tools have the option to add images implemented in the software, and it is generally easy to upload pictures with them.

Using HTML to add an image has a few common options for the source of the image, from:

Your webspace provider's database with your files
Another image found on the web
An image hosting website

The code used for adding an image:

(Source) is the url path of the image

From your webspace:the url path of the image will be the name of the image file in your website path. Example: www.Yourwebsite.com/image01.jpg

The "image01.jpg" is the name of the image file. "www.Yourwebsite.com" is the url for your website. If the image is in a folder, you'll need to include that in the image's url path, like www.YourWebsite.com/folder/image01.jpg

Another image found on the web:the path name for the image can be found by right clicking on the image and selecting Properties. Note: If something happens to the image from the website you sourced from (it gets moved or deleted) the image on your website will not work either.

HERE'S AN EXAMPLE:

	The code for this image is:
This image is from www.blazerscats.com	<img src="http://www.blazerscats.com/two_kittens.jpg">

An image hosting website:there are websites that will add your image to their database and give the link to it themselves. These are best for when you have images on your computer that you want on your website without uploading them to your webspace database.

A good image hosting site I use is ImageShack

Adding Video

The code for adding a video is:

<embed>

<object> (for newer browsers)

An example of a full line of code adding a video would be:

<embed src="http://www.yourwebsite.com/video/video.peg">

The video has to be uploaded to your web server and you use the "src=" to link to it.

Embed Attributes

Autoplay - This makes the video play (or not play) when the web page loads. Set it equal to true to play, and false to not play. Example: <embed src="http://www.yourwebsite.com/video/video.mpeg" autoplay=false>

Controller - Shows the video controls or not. true shows them, false hides them. Example: <embed src="http://www.yourwebsite.com/video/video.mpeg autoplay="true" controller="false">

The type of plugin for running the video is important too. If the user doesn't have it add ' pluginspage="http://www.apple.com/quicktime/download" ' to the embed code to link them to the plugin downlaod page if they don't have it. (Apple's quicktime is the example site)

That's the Basic jist of it.

With photos and videos, why not add a Blog