Site : http://pierre-giraud.com
Classement : 40 / 1346
8 articles sélectionnés
L'éditeur de texte pour coder en HTML et en CSS
L'EDITEUR DE TEXTE
Place à la pratique... ou presque
Nous en avons désormais fini avec la théorie et les définitions, et les chapitres qui vont suivre vont être l'occasion pour vous de commencer à pratiquer en codant en HTML et en CSS.
Mais avant tout, il va nous falloir mettre en place notre environnement de travail, c'est-à-dire réunir les différents éléments qui vont nous permettre...
Thèmes liés : logiciel code html css / editeur de texte html css gratuit / editeur de texte mac html css / editeur de texte html css / editeur html css gratuit mac
Création d'un menu responsive déroulant en HTML et en CSS
CREER UN MENU RESPONSIVE DEROULANT EN HTML ET EN CSS
Présentation de l'exercice
Dans cet exercice, nous allons réaliser un menu responsive déroulant seulement en HTML et en CSS, sans l'aide d'aucun autre langage comme le JavaScript par exemple.
Afin de retirer le maximum de cet exercice, il est fortement conseillé de posséder de bonnes bases en HTML et particulièrement en CSS.
Dans son...
CREER UN SITE PERSONNEL / CV EN HTML ET EN CSS - Pierre Giraud
CREER UN SITE PERSONNEL / CV EN HTML ET EN CSS
Présentation de l'exercice
Vous savez maintenant quasiment tout ce qu'il y a à savoir sur le HTML et le CSS. Tout ce qu'il vous reste à faire maintenant est de pratiquer, encore et encore.
Dans cette optique, il me semblait intéressant de finir ce cours avec un gros exercice qui correspond à la création d'un site web personnel ou « site CV »...
Thèmes liés : creer site web html css / faire un site web html css / creer mon site web personnel / creer un site web en html / creation site web personnel
Création d'un formulaire simple en HTML - Pierre Giraud
Définit un champ de données pour l'utilisateur
label
Définit une légende pour un élément input
textarea
Définit un champ de texte long
select
Définit une liste de choix
optgroup
Définit un groupe d'options dans une liste
option
Définit une option dans une liste
fieldset
Permet de regrouper les éléments d'un formulaire en différentes parties
legend
Ajoute une légende à un élément...
Thèmes liés : creer formulaire en ligne html / creer un formulaire en html / creation formulaire html en ligne / formulaire en ligne html / creer une page html simple en ligne
CREER UN DIAPORAMA EN HTML ET EN CSS - pierre-giraud.com
Dans ce nouvel exercice, nous allons essayer de créer un diaporama en n'utilisant que les deux langages HTML et CSS.
Il ne va pas nous être possible de créer un "vrai" diaporama à proprement parler, c'est-à-dire un diaporama pouvant charger dynamiquement les images et possédant des boutons pour passer d'une image à l'autre mais nous allons pouvoir réaliser quelque chose qui va s'en...
Thèmes liés : creer un diaporama html css / creer un diaporama en html / creer une page html simple en ligne / creer une page html simple / ide html css javascript
Où écrire le CSS - Pierre Giraud
OÙ ECRIRE LE CODE CSS ?
Premières explications
Lorsque l'on code, vous devez bien vous dire que rien n'est « magique » : tout le code que vous écrirez dans votre vie reposera sur des règles et des mécanismes. Les connaître vous permettra de beaucoup mieux comprendre ce que vous faîtes et comment faire telle ou telle chose.
Comme nous l'avons vu dans la partie précédente, on va utiliser...
Thèmes liés : ecrire du css dans une page html / ecrire du code dans une page html / comment ecrire une page html / ecrire une page html / comment modifier un fichier html
CREATION D’UN MENU DEROULANT EN HTML ET EN CSS
contact.html.
Pour plus de simplicité, nous allons enregistrer nos cinq pages dans le même dossier.
A partir de maintenant, nous allons nous concentrer sur la page accueil.html qui va accueillir notre menu.
Nous allons commencer par enfermer tout notre menu dans l'élément structurant HTML5 nav qui sert à définir le menu de navigation principal d'un site.
Ensuite, nous allons créer le...
Thèmes liés : creer un menu deroulant en html et css / creer un menu en html css / creer un menu deroulant en html / creer un menu en html / creer un menu deroulant en html5
Création d'un tableau simple en HTML - Pierre Giraud
CREER UN TABLEAU SIMPLE EN HTML
L'élément HTML table
Les tableaux en HTML doivent être utilisés pour organiser de façon logique des données.
Pour créer un tableau simple, nous allons avoir besoin de trois éléments HTML :
L'élément table (« tableau » en français) va définir le tableau en soi ;
L'élément tr, pour « table row » ou « ligne de tableau » en français va nous servir...
Thèmes liés : creer un tableau html en ligne / creer un tableau sans bordure en html / creer un tableau en html css / creer un tableau en html / creer un html
8 Ressources