AccueilAccueil  CalendrierCalendrier  FAQFAQ  RechercherRechercher  MembresMembres  GroupesGroupes  S'enregistrerS'enregistrer  ConnexionConnexion  

Partagez | 
 

 Cours de Namid

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage


avatar

Messages : 119
POINTS : 164
Date d'inscription : 07/12/2013

Mes Badges
Badges:

Dagaana
MessageSujet: Cours de Namid   Jeu 30 Juil - 12:56

Hello, et bienvenue dans t'as partie cours, as-tu déjà quelques bases en HTML/CSS?

Revenir en haut Aller en bas
http://dagaana.forumactif.org


avatar

Messages : 3
POINTS : 3
Date d'inscription : 30/07/2015

Namid
MessageSujet: Re: Cours de Namid   Jeu 30 Juil - 13:04

Non,appart pour les images et les couleurs
Revenir en haut Aller en bas


avatar

Messages : 119
POINTS : 164
Date d'inscription : 07/12/2013

Mes Badges
Badges:

Dagaana
MessageSujet: Re: Cours de Namid   Jeu 30 Juil - 13:05

Bien alors voici toute les balises que nous allons utilisées en premiers et leurs explications :

FORMATION DU HTML
Tout d'abord le HTml est un code qui permet de faire peu de choses ( bien qu'il soit très important pour le reste des autres codes) nous travaillons habituelement sur le HTML5 qui est une version du HTML. Le code html et fréquement utiliser en compagnie du CSS code qui permet de rendre le tout plus agréable à l'oeil de faire des animations, des transitions. Le code html et souvent introduit par
Code:
 <div>
c'est une balise très importante dans ce style de code, elle permet d'ouvrir le code, on peut aussi le remplacer par des spans.
La balise div est souvent suivit d'un style ce qui donne
Code:
<div style>
et c'est donc après ce code que nous rentrons tout le reste de la formation de ce que tu veux faire. il suffit de faire un petit
Code:
 <div style="jet'expliqueraisquoimettrededans"> ton texte si tu veux mettre du texte </div>
et le tour et joué, cette partie ="" est très importante, car elle permet de structurer le code, et de le faire fonctionner.

BASES D'UN CODE HTML ( CONTENU )

Dans un code tu peux rentrer pleins d'informations, je vais donc t'en donner une liste, pour te permettre de mieux les comprendres, je te donnerais aussi leurs explications et te donnerais un petit exemple à la fin.
text-transform le margin permet de placer un objet où tu veux ( personellement je l'utilise plus en CSS que en HTML mais bon c: ) tu peux tout simplement l'écrire comme ça : left: taillepx; right: taillepx; top: taillepx; botom: taillepx; ça permet donc de mettre un objet où tu veux tu peux aussi partir dans des nobmres négatifs si tu veux.
Height Balise qui permet de donner la hauteur d'un éléments, elle est écrite comme ceci: height: taillepx;
Width Balise qui te permet de donner la largeur d'un élement, elle est écrite comme ça : width: taillepx;
color ça donne la couleur à ton texte, écrit de cette façons : color: t'ascouleurenanglais;
background-colorça donne la couleur à ton fond, écrit comme cela : background-color: t'ascouleurenanglais;
borderça rajoute une bordure à ton élement c'est écrit de cette façons : border: tailledelabordurepx solid t'ascouleurenanglais; si tu veux mettre une bordure que sur un côté il suffit d'écrire comme ça : border-top(enhaut); border-left(a gauche); border-botom(enbas); border-right(àdroite);
border-radius ça permet de mettre une bordure ronde à ton élement : border-radius: taillepx; si tu veux qu'il n'y est qu'un coin rond tu l'écris comme ça : border-radius : taillepx 0px 0px 0px;
ça permet de forcer ton texte à être en majuscule ou en minuscule (comme ça aps besoin d emettre maj ou quoi ) écrit de cette façons : text-transform: uppercase (en majuscule ou lowercase en minuscule)
margin
paddingça permet de mettre un espace entre les bords de ton élement et le texte ( pour que ce soit plus jolie pour les yeux ) ça s'écrit comme ça : padding: taillepx; tu peux mettre aussi padding-top: taillepx; padding-left: taillepx; padding-right: taillepx; padding-botom: taillepx;
font-familyça permet de changer la police de ton texte on utilise fréquement google font. ( passe voir on verra ça pendant les fiches c'est important c: ) ça s'écrit comme ça : font-family: nomdelapolice;
font-size le font-size donne une taille à ton texte ça s'écrit comme ça : font-size: taillepx;
[/code]

EXEMPLE

tu vois là j'ai regroupé un peu tout ce que je viens de te dire donc, le padding, le font-size, background-color, border, width, height;. c:


Tout compris?
Revenir en haut Aller en bas
http://dagaana.forumactif.org


avatar

Messages : 3
POINTS : 3
Date d'inscription : 30/07/2015

Namid
MessageSujet: Re: Cours de Namid   Lun 31 Aoû - 12:26

Tout compris c:
Revenir en haut Aller en bas


avatar

Messages : 119
POINTS : 164
Date d'inscription : 07/12/2013

Mes Badges
Badges:

Dagaana
MessageSujet: Re: Cours de Namid   Mer 28 Oct - 16:39

Tu veux faire quoi maintenant ?
Revenir en haut Aller en bas
http://dagaana.forumactif.org


avatar

Messages : 3
POINTS : 3
Date d'inscription : 30/07/2015

Namid
MessageSujet: Re: Cours de Namid   Sam 12 Déc - 12:56

Un code, comme le dernier, avec des une image au dessus ?
Revenir en haut Aller en bas


avatar

Messages : 119
POINTS : 164
Date d'inscription : 07/12/2013

Mes Badges
Badges:

Dagaana
MessageSujet: Re: Cours de Namid   Sam 12 Déc - 12:57

Le code pour entrer une image est :
Code:
<img src="URL"/>
Revenir en haut Aller en bas
http://dagaana.forumactif.org





Contenu sponsorisé
MessageSujet: Re: Cours de Namid   

Revenir en haut Aller en bas
 
Cours de Namid
Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» cours de latin
» Cours informatique
» Amphi pour les cours de Ninjutsu
» Cours d'utilisation du sabre (Ouvert à tout le monde)
» Faut-il un cours de littérature ou un cours de Français !

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
 :: Fese :: cours-
Sauter vers: