today we are looking at images on the web and how to ensure they are usable
central to this is to understand what image types work in all browsers and how big is too big
we’ll look at photoshop, resolution, compression options, filetypes and more
then we are going to look at how to put an image onto a web page and if you get on well how to start to use shadowbox
there is a video tutorial already for save for web – folder 60
—————————————————-
this bit is only for when you have understood the basics of making images for the web
shadowbox
you can download shadowbox and see what it can do and get more help on the shadowbox site
but what I have here is a much simplified and restricted process to get you started
- download shadowbox here >> shadowbox
- unzip the folder and put the whole folder intact into the root of your site
- in the <head> … </head> tags place this piece of code (maybe save this as a clip in coda)
<link rel="stylesheet" type="text/css" href="shadowbox/shadowbox.css"> <script type="text/javascript" src="shadowbox/shadowbox.js"></script> <script type="text/javascript"> Shadowbox.init();
- then in the <img> tag just add rel=”shadowbox”
