Image Optimisation, simple menus and videos

All images taken from or on a website are optimised for internet use. They are smaller and save bandwidth. The easiest way to set a image for webpages is opening the picture in Adobe Illustrator and "saving for web."  An optimal size is around 20kbs-30kbs each and a bit of playing around works well.

The week after image optimisation we learned about building simple menus. First you must check through HTML and ID tags an then apply them wherever needs be. Selectors are important in this case as it allows us to choose specific parts of HTML without applying ID tags to everything. Examples of selectors are:

o   Natural HTML elements (body, div, p etc)

o   Universal selector (*)

o   ID selectors (#cat)

o   Class selectors (.dog)

Key things I like to remember are making sure the footer tag and main menu tag are different. Otherwise issues may arise and simply write new CSS for the footer menu. 

During the same class we also learned how to embed videos into a static HTML website. 

The key things are that you need a HTML file you can embed the video into and the rough scale of the video, eg. play time and pixel size. Then you must have access to it online. 

the next step is clicking on the video from a host site like youtube. Then selecting share and embed, then will be code that can be copied into your HTML file.