HTML/CSS

Apprenez à créer votre première page Web :)

De quoi avons nous besoin?

  • D'un navigateur internet
    • Internet explorer
  • D'un éditeur de texte
    • Notepad++
    • Brackets

HTML / CSS... C'est quoi la différence?

  • Le HTML définit la structure logique de votre page web.
    • Construction du squelette de la page (paragraphe, titre, organisation du contenu)
  • Le CSS définit le style de votre page.
    • Définition de l'apparence, des couleurs, de la position des éléments...
    • http://www.csszengarden.com/tr/francais/

Le HTML

  • Langage interprété
  • Système de balises

<> : Balise ouvrante

</> : Balise fermante

Exemple de balise type

Et le CSS alors?

Exemple de page avec et sans CSS.

Comment lier le HTML et le CSS?

Insérer dans le head la balise:

<link rel="stylesheet" href="nom_du_fichier.css">


On peut associer plusieurs fichiers css à un fichier html.

On peut aussi associer un fichier css à plusieurs fichier html différents.


Les div, ID et class

Pour structurer et organiser notre document, on le segmente en plusieurs parties ce qui se matérialise par l'insertion de div.

Ces div sont ensuite caractérisées par des attributs "class" et "id".

Nous pourrons ensuite définir dans la feuille css un style associé à ces class et id.

Aller plus loin en css

A vous de jouer !

Créer votre propre page de présentation !

Essayez d'y inclure:

  • Une photo
  • Une description
  • Une liste (de vos passions...)
  • Un lien vers votre site préféré...


Inspirez vous de : https://www.dropbox.com/sh/wbb190rwgsgx7nu/AABk5_Qu1G-ejU_5r80iBvhGa?dl=0

Create a presentation like this one
Share it on social medias
Share it on your own
Share it on social medias
Share it on your own

How to export your presentation

Please use Google Chrome to obtain the best export results.


How to export your presentation

New presentation

by theomoffelein

68 views

Public - 10/6/16, 8:04 AM