Mon Oct. 2

Images / Media / Forms

9 – 12h Teaching

Teacher:

  • Monorom

Goals

  • I can choose the right web image format for a project.
  • I can insert movies and maps.
  • I can build an HTML form.

Content

  • Website Image Formats
  • Image Tag & Attribut
  • iFrame
  • Forms

RECAP – 29.09.

  1. Links and Lists
  2. Viewport
  3. Q&A

Image tag and attribute 

<img src="cloud.gif" alt="cloudy sky">
<img src="cloud.svg" alt="cloudy sky">

Picture element

Copyright

Creative Commons

What if you’re a photographer who actually wants to give away your image rights to others? Creative Commons gives you an easy way to do that.

iFrame

Video Tag

Exercise – Portfolio #3 – Content & Maps / Movies

  • Store all your images in a folder (images)
  • Open your about page and insert a portrait of yourself.
  • Open your contact page and insert map (iFrame).
  • Find an Image for your welcome page.
  • Add more content to your pages.

solution | solution.zip

12 – 13.30h Lunch (Escherwyss)

13.30 – 17h Coaching

Coaches:

  • Hussam
  • Matthias

Goals

  • My portfolio page shows an image of me.
  • My portfolio page contains an embedded video or map.
  • My portfolio HTML is valid and ready for CSS.

Exercises

  • Finish your portfolio.
  • Do you know the <pre> Tag? Find out what you can do with the <pre> Tag.
  • Check your new knowledge with the HTML – Test below.

HTML – Test

This Test will close the HTML–Lessions.

There are 40 Questions, some are new, some difficult. W3Schools HTML Quiz. You will see –– this was just the beginning!