Archives de la Catégorie : HTML-CSS

Mai 15 2007

Images en CSS

Ce tutoriel est destiné à utiliser des images de fond en CSS. Il traite des propriétés suivantes: background-image background-repeat background-position Ce tutoriel a été réalisé à l’aide du logiciel Comic Life. Version imprimable L’original de ce document est déposé sur la bddp, la base de données de documents pédagogiques de la HEP-Vaud. Cliquer ici pour …

Lire la Suite »

Avr 18 2007

Disposition avec CSS

Ce tutoriel est destiné à utiliser une feuille de style en CSS pour gérer la disposition des éléments dans une page web. Il aborde les notions suivantes: balises sélecteur ID positionnement statique, relatif et absolu marges bordures Version imprimable Ce tutoriel s’inspire de westciv: hands on css tutorial. Merci à eux de nous permettre d’adapter …

Lire la Suite »

Déc 19 2006

Définir le style des liens en CSS

Ce tutoriel fait partie d’une suite de documents destinés à l’apprentissage des langages HTML et CSS. Il traite plus précisément de la manière de définir le style des liens à l’aide d’une feuille de style en CSS. Les quatre états des liens y sont présentés (a:link, a:visited, a:hover, a:active). Version imprimable Ce tutoriel s’inspire de …

Lire la Suite »

Nov 07 2006

Définir des classes en CSS

Ce pas-à-pas sert à définir des classes en CSS. Il est utile de définir des classes d’éléments afin d’appliquer un même style à de nombreux éléments à la fois. Version imprimable Ce tutoriel s’inspire de westciv: hands on css tutorial. Merci à eux de nous permettre d’adapter leurs travaux en français. L’original de ce document …

Lire la Suite »

Oct 24 2006

Insérer une image en HTML

Ce tutoriel donne les instructions nécessaires pour insérer une image dans un document au format .html Il part du principe que les élèves ont déjà créé une première structure de page en HTML, telle que proposée dans le pas-à-pas « Premiers pas en HTML ». La fiche explique également comment il est possible de partager le contenu …

Lire la Suite »

Sep 21 2006

Définir le corps d’une page en CSS

Ce pas-à-pas est destiné à modifier les premiers éléments d’une page HTML avec une feuille de style externe en CSS. Modifier le fond de page Modifier la couleur des caractères Définir la police des caractères Modifier la taille des caractères Version imprimable Ce tutoriel s’inspire de westciv: hands on css tutorial. Merci à eux de …

Lire la Suite »

Sep 21 2006

Formater une page avec CSS

Ce tutoriel sert à créer une feuille de style de type CSS et à relier un document HTML avec celle-ci. Il sert de base à l’utilisation du CSS pour modifier le style d’un document HTML. Version imprimable L’original de ce document est déposé sur la bddp, la base de données de documents pédagogiques de la …

Lire la Suite »

Sep 21 2006

Créer un en-tête en HTML

Ce pas-à-pas est destiné à créer un en-tête pour un document en HTML, comprenant un titre ainsi que la définition des caractères contenus dans le document (ISO ou UTF-8 par exemple). Il intègre également le code à placer pour spécifier la Déclaration de type de document. Version imprimable Ce tutoriel s’inspire de westciv: hands on …

Lire la Suite »

Sep 20 2006

Insérer un lien en HTML

Ce tutoriel indique la démarche à suivre pour insérer un lien dans un document en HTML. Il contient deux parties: une première permettant d’insérer un lien vers un site extérieur, la seconde visant à insérer un lien vers une autre page de son propre site. Pour ce qui concerne cette deuxième partie, et dans un …

Lire la Suite »

Sep 20 2006

Modifier le fond de page en HTML

Ce tutoriel apprend à modifier le fond d’une page d’un document en langage HTML Les utilisateurs ont le choix entre une couleur ou une image qui définit ce fond. Ce tutoriel fait partie d’un cours destiné à créer des documents HTML en écrivant directement le codage dans un éditeur de texte. Version imprimable L’original de …

Lire la Suite »

Sep 20 2006

Premiers pas en HTML

Ce tutoriel permet de créer son premier document en langage HTML, sur la base du fameux « Hello, World! » anglophone. A partir d’un simple éditeur de texte, il indique comment taper les balises HTML nécessaires à l’affichage d’un texte simple, puis comment le visualiser dans un navigateur internet. Version imprimable L’original de ce document est déposé …

Lire la Suite »

Avr 27 2006

Définir le style du texte en CSS

Ce pas-à-pas est destiné à utiliser le langage CSS pour modifier l’apparence des éléments de texte dans une page HTML. Sont abordés: la taille des caractères; l’alignement; le style (gras ou italique); l’espacement entre les lettres; le soulignement; l’espacement entre les lignes; Version imprimable L’original de ce document est déposé sur la bddp, la base …

Lire la Suite »

QR Code Business Card