Créer Un Portfolio Html Css 2

4. Le CV: Pour que les utilisateurs puissent avoir accès à notre cv on va créer un paragraphe cliquable qui ouvrira un nouvel onglet avec notre CV en format pdf. Créer un portfolio html css 3. Pour cela on ouvre une balise

dans laquelle on insère une balise liée à notre avec un attribut target= «_blank » c'est ce dernier qui fait en sorte que le CV s'ouvre dans une nouvelle fenêtre. Etape 6: La page Compétences 1. Paragraphes de compétences: On utilise l'élément section vu précédemment dans lequel on va mettre le titre de notre compétence dans la balise

, titre de niveau 3 ainsi qu'une balise paragraphe où l'on va détailler la compétence. Les compétences en images: Comme précédemment on utilise des sections et cette fois en plus d'un titre et d'un paragraphe on ajoute une balise image et pour que les illustrations soient de même taille on leur donne le même width. Ajoutez toutes les compétences que vous voulez mettre en valeur avec de nouvelles sections en changeant le titre, la description et ou l'image.

  1. Créer un portfolio html css 3
  2. Créer un portfolio html css ist valide

Créer Un Portfolio Html Css 3

Ce tutoriel est dédié à la création du code html de votre page web. Matériel: Budget: 0€ 1 éditeur de texte gratuit comme SublimeText Etape 1: Création de l'index Lancez votre éditeur de texte et créez un nouveau fichier que vous enregistrerez comme « ». × Etape 2: Structure de base d'une page html Toute page html a besoin de cette structure principale pour fonctionner correctement. Etape 3: la page d'accueil On a rempli le code précédent pour créer la page d'accueil de notre portfolio. HTML CSS - Tutoriels pour créer des sites Web, Portfolio avec Bootstrap. Ce code nous donne la page ci-dessus. On remarque plusieurs éléments distincts: Le titre de la page L'icône de la page Le menu Un titre Du texte Des images On va donc voir ensemble comment insérer ces différents éléments dans le code et pour cela on va utiliser les balises. Les : permettent de donner des instructions à l'ordinateur et lui indiquer quoi afficher sur la page. On peut par exemple les utiliser pour afficher du texte et des images. Dans le code, les balise sont indiquées par des chevrons « < > » qui les entourent.

Créer Un Portfolio Html Css Ist Valide

Voir les autres formations de Enzo Ustariz

Etape 7: La page Projets On range d'abord nos projets dans un div. Puis on place les projets dans des balises
qui prennent une image et lui associent une légende avec
. Les balises
ont toutes un id afin d'identifier les différents projets, cet id en plus permet que lorsque l'on clique sur l'aperçu du projet dans l'accueil d'être envoyé sur la page projet et déplacé à la position de celui-ci dans la page. Html - code - Entrée avec affichage: le bloc n'est pas un bloc, pourquoi pas?. Etape 8: La page Contact On crée un div pour rassembler les informations relatives au contact. Dans ce div on met un paragraphe donnant des indications pour nous contacter, "Envoyez moi un email en cliquant sur l'adresse ci-dessous". On met aussi une balise

rendue cliquable en y insérant une balise avec comme href:, cela permet que lorsque l'on clique sur le texte d'ouvrir la messagerie avec l'adresse du destinataire déjà remplie. Pour relier ce bouton à votre propre adresse il suffit de la remplacer dans « mailto ». En cliquant sur le paragraphe, la fenêtre ci-dessous devrait s'afficher: On a ensuite mis une image cliquable qui renvoie vers notre profil LinkedIn avec une balise dans une balise avec en href le lien vers notre profil LinkedIn.