Thu April 26

Web fundamentals

9 – 12h Teaching

Teacher:

  • Hélène

Goals

  • I know organizing files and folder structure for web pages
  • 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 – 25.04.

  1. Folder, Links and Lists
  2. HTML elements (block-level & inline)
  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 #3 – Content & Maps

  • Open on Sublime text the contact page from your Exercise #2
  • Insert a map from GoogleMap (iFrame)

Exercise #4 – Form

  • Still on the contact page from your Exercise #2
  • Insert a contact form (Name, Email, Message, Send button)

12 – 13.30h Lunch (Istanbul)

13.30 – 17h Coaching

Coach:

  • Benoît

Goals

  • I know which content I would like to show in my Portfolio (Ex. Profile picture, description, interests, skills, contact)
  • I start to build my Portfolio in HTML


PORTFOLIO #1

  • FIRST, define the content of your portfolio. (Ex. Images, text, iframe, form)


  1. Create a subfolder in your website folder, name it portfolio
  2. Create a folder for each sub-page. (About / Projects / Contact)
  3. Each folder contains an index.html
  4. Now create the basic HTML structure (header, nav, main, section, footer, etc.). For all the index.html
  5. Change some content on each page