The aim of this weeks lesson was investigating different types of graphics file.
Category: Media Types
Higher (old) Glossary – Multimedia
GLOSSARY – MULTIMEDIA
Media Types
- Standard file formats:
- Text: txt, rtf
- Audio: wav, mp3
- Graphics: jpeg, bmp, gif, png
- Video: mp4, avi
- Factors affecting file size and quality, including resolution, colour depth, sampling rate
- Calculation of file size for colour bitmap
- Need for compression
HTML – Images
To add a picture to a HTML page we use the <img> tag. This tag creates a holding space for the image to be included on the page. This tag does not need to be closed.
The tag uses a number of attributes but two of them are required. SRC tells the browser the location and file name of the image file (its source). ALT is the alternative text that is displayed if the picture fails to load.
So the HTML code to display the image above is
<img src=”HScomp.jpg” alt=”Homer at computer”>
This assumes that the image is in the same folder as the HTML file.
If the image is the wrong size then you can use the height and width attributes to scale the picture.
<img src=”HScomp.jpg” alt=”Homer at computer” width=200>
Would make the image 200 pixels wide while keeping the aspect ratio correct by automatically scaling the height by the correct percentage.
Monster Posters
3G’s monster posters
Work for Tuesday 25th March
3H’s Bolts
All the artwork was created in the Windows 7 version of MS Paint.
Some great use of backgrounds here
3G’s Bolts
A spectacular response from this section, most of the artwork here was done using MS Paint.
Investigation into the features of a Paint package
Using the WWW and MS Paint, draw a picture of Disney’s Bolt.
Dreamweaver – Adding an image
A few of you wanted to know if there were other ways to add images in Dreamweaver. I found this official video, which at 5 minutes is a little long but covers everything. Read more