ipante/pi1

Matériel en lien avec le cours de programmation pour internet 1 (UNIL, Lettres)

Ressources

• Espace Moodle
• Liste d'exercices
• Lien vers cette page : http://bit.ly/matieres_pi1
• Procédure d'installation des plugins

---

Listing des séances

• Séance 1
• Séance 2

Contenu des séances

Séance 1

Série 1

Notions HTML

• élément
• attribut
• structure minimale

Balises HTML

• html, head, body
• p, div, span
• ul, ol, li
• h1, h2, h3, h4, h5, h6
• a (href), img (src), input (text, password, checkbox, button)
• br, hr

Notions outils

• indentation
• coloration syntaxique
• complétion syntaxique

Outils

• Github (création d'un compte)
• Codepen (création d'un compte)
• Visual studio (installation)
• Emmet

---

Séance 2

Série 2

Notions HTML

• commentaires
• attribut Data
• sensibilité à la casse
• attributs id, class
• balise style (CSS interne)
• balise link (CSS externe)

Notions CSS

• sélecteurs, propriétés, valeurs
• pseudo-classes

Sélecteurs CSS

• .nomClasse, #nomId
• :link, :visited, :hover

Propriétés CSS

• background-color, color
• font-family, font-size
• margin, padding
• border, border-radius
• transform, transition

---

Installation de plugins