Wednesday, 16 May 2012

File Compression

JPEG


JPEG is a file type that compresses what ever your saving and also decreases and throw's away a lot of data. If your doing a photoshop drawing or manipulation its probably best not to use this file type. It maybe considered to be used if your using it on a website, but even still there are better file types that can be used for online and webpages. JPEG would probably be the best quality for its file size for webpages.





GIFF

Giff file format would be best used when your dealing with an image that is mostly made up of block colours. because it cant really handle gradients, but it can handle low levels of transparency, PNG is mainly used for transparency.

PNG

PNG isnt as good quality as JPEG but it handles files with transparency really well, there isnt a difference from the original file and the saved output of a PNG and transparency. But the file size seems to be a lot bigger from JPEG on PNG-24. PNG 8 decreases the file size quite a lot but also decreases the overall quality of your image, it also gives you the option to choose between how much colours your want to use on your image, highest is 256 and the lowest is 2. Decreasing this also lowers your file size and overall quality.

Dreamweaver




Firstly we created a new HTML and saved it as index in a folder on out desktop called mainsite, with dreamweaver you have to keep everything you put into your website in one folder together because else none of it will work. 



There is the folder with everything in on my desktop.

This is a different view layout you can choose to have, the left is the code view, so you can change everything through coding or just see what the code looks like when you add new things to your site. On the right is the design view, so you can see what your webpage will look like. 



Here ive just added 3 titles which you can click on to take you to different pages. To do this you have to  create a new document, call it whatever page it will be then save it in your mainsite folder on your desktop. Then go back to your main page and click on the text you wish to use for your link, then on the link tap at the bottom click and drag to the page you want it to go to.



Here I addd a picture by creating a table then dragging an image into that table.