html/css

le 18 septembre 2009

bah ca dépend si c'est bien commenté ou pas :blush:

le 18 septembre 2009

Les commentaires ça peut aider, faut pas hésiter à les utiliser, ça peut être une description de l'image qui apparait au moment où le code qui appelle ladite image, ou autres notes sur des détails visuels n'apparaissant pas comme évidents en regardant le code, afin de se faire un meilleur aperçu de la page, sans avoir à la générer toutes les 2 lignes sur le navigateur pour voir le rendu...

le 19 septembre 2009

J'utilise presque jamais de commentaire, faut dire que je fais pas des pages et des pages d'html :coeur:

Ya plus qu'a attendre la suite de kelt pour que je continue

Ca sera fait aujourd'hui :blush:

le 19 septembre 2009

Salut

Voila comme promis => suite du tuto

Je précise qu'à tout moment du tuto, vous pouvez recopier le code dans un bloc note ou notepad++, lui ajouter l'extension html puis l'ouvrir avec votre navigateur pour voir ce que ça donne quand je le précise pas, enfin pour l'instant c'est pas important.

Avant de commencer le tuto, pour ceux qui débute en html et en css, je précise qu'il est préférable d'avoir Mozilla firefox comme navigateur car certaines propriétés css ne fonctionnent pas sur Internet Explorer comme :

text-decoration: blink;

(qui permet de faire clignoter un texte)

Pour l'instant, c'est la partie un peu chiante du tuto, on va faire un peu de cours, histoire de n'être pas gêné lors de la pratique, on va différencier différentes balises. Vous allez me dire, mais on connait aucune balise :bo: Ici c'est pas utile, et d'ailleurs ne vous préoccupez pas des balises, on le verra plus tard, ce n'est pas ce qui faut retenir de ce chapitre.

En avant ! \o/ :blush:

Différencier les balises

De plus, lorsqu'on commence une page en html, il faut commencer par la balise <html> puis finir par la balise
</html>

Donc je vais un peu approfondir. Il y a plusieurs sortes de balises,

Premier point : balises pair/seul :

- Les balises par pair, comme dans l'exemple de blackmesa. On voit bien les balises html et body qu'on "ferme" après utilisation à l'aide d'un slash, comme ceci :

<html>
 <body>
 Le contenu du site
 </body>
</html>

- Les balises seules, par exemple une balise qu'on verra souvent la balise br (permet de revenir à la ligne). (Ces balises sont assez rares, ne vous étonnez pas si on en voit jamais ^^)

Les balises seules sont noté <Votrebalise /> :

<html>
 <body>
 Mon premier paragraphe, youpi <br /> J'ai mangé des hamburgers
 <body>
</html>

Qui sera noté sur votre page web comme ceci :

Mon premier paragraphe, youpi

J'ai mangé des hamburgers

Deuxième point : balise bloc/inline

-Une balise bloc est une balise dont le contenu sera affiché en commençant sur une nouvelle ligne. Par exemple <H1> (Titre le plus important) <P> (paragraphe)

-Une balise inline, elle s'utilise à l'intérieur d'un paragraphe, exemple : <strong> (indiquer ce texte comme "important", généralement marqué en gras, ça dépend du navigateur) ou encore <span> (balise qui sert à rien, enfin presque :) on le verra dans le chapitre sur les balises)

Edit: En relisant mon tuto, j'ai plutôt l'impression que cette phrase n'est pas très claire ^^

En gras je mets les balises bloc et souligné, les balises inline :

Gras et souligné ne marche pas dans un code, voici le code :

-----------------------------------------------------------------------------------------------------------------------------------------------

<html>

<body>

<h1> Mon titre le plus important </h1>

<p> Salut salut ! Comment va la <strong>compagnie</strong> ? <br /> Je vais m'acheter des cacahouètes ! </p>

</body>

</html>

-----------------------------------------------------------------------------------------------------------------------------------------------

Remarque :

Toutes les balises que j'ai cité (à part <br />) sont des balises paires, donc n'oubliez pas de la fermer après utilisation </ balise>

Prochain tuto apprentissage des balises les plus utilisés, ça sera déjà plus intéressant on va pouvoir faire notre première page web. Vous allez encore m'engueuler en me disant que sans css, ça risque pas d'être très jolie ^^ Mais je trouve que c'est mieux de maitriser chaque langage séparément, de sorte à ne pas tout mélanger.

Euh Blackmesa qui s'occupe des balises ? :coeur:

le 19 septembre 2009

merci !

tu as raison ,mieux vaut apprendre maîtriser les bases, ensuite apprendre à améliorer

Edit:

je me demandais ,pour faciliter la recherche des topics concernant la création de site,pages,etc,

et éviter un travail de regroupement

pourquoi ne pas commencer tous les articles par le même mot?ou un mot généraliste, suivi de prog ,html etc

(c'est peut-être bête,je ne sais pas)

le 19 septembre 2009

Kelt > Je suis bien d'accord que Firefox est bien plus agréable quand on créé un site où dsi on bosse bien, tout va très vite sans devoir se casser la tête mais par contre, vanter les mérites de firefox à travers une propriété css tel que le blink... bah je dirais que c'est pas une grosse perte qu'elle ne fonctionne pas sur IE celle là :blush:

le 19 septembre 2009

Attendez je ne l'ai pas fini :coeur: Je l'ai mis pour y voir plus claire. encore un petit 1/4 d'heure ^^

pourquoi ne pas commencer tous les articles par le même mot?ou un mot généraliste, suivi de prog ,html etc
(c'est peut-être bête,je ne sais pas)

Pourquoi pas oui ! Choisi le mot :blush:

le 19 septembre 2009

merci pour le temps passé ,c'est vraiment cool

le 19 septembre 2009

Voila le tuto est fini.

De rien :blush:

le 19 septembre 2009

Il serrait peut être bon de demander à blackmessa de mettre des liens sur la première page vers toutes les explications que les membres pourront trouver au fil du topic

le 19 septembre 2009

petite précision : la balise h1 ne sert pas à mettre du texte en plus gros, elle sert à définir un titre de niveau 1, c'est par les css que tu dois définir la taille du texte :blush:

c'est aussi ça pour toutes les autres balises, le html ne doit pas servir à la mise en forme mais être associé à une css. Et si on ne veut pas utiliser de css, il faut utiliser les attributs des balises pour faire de la mise en forme et non les balises elles mêmes ; sinon on se retrouve avec un affichage différent sur chaque navigateur et un manque d'accessibilité.

le 19 septembre 2009

h1 c'est le gros titre qui s'affiche dans le navigateur?

le 19 septembre 2009

Tu fais allusion au tire de la page qui s'affiche tout en haut dans le navigateur, si c'est ça, la réponse est non.

Pour le titre dans le navigateur c'est dans la partie "head" de ton code, les "h1, h2, ..." font partie de la partie "body du code" euh oui bon, un exemple ? :blush:

<html>
<head>
	<!-- Le titre de ta page qui apparait tout en haut dans ton navigateur -->
	<title>Le titre de ma page</title>
</head>
<body>
	<h1>
		Quelques mots en H1
	</h1>
</body>
</html>

Par contre je sais pas si c'est clair

le 19 septembre 2009

Il serrait peut être bon de demander à blackmessa de mettre des liens sur la première page vers toutes les explications que les membres pourront trouver au fil du topic

Oui bonne idée

petite précision : la balise h1 ne sert pas à mettre du texte en plus gros, elle sert à définir un titre de niveau 1

Oui c'est pour ça que j'ai mis h1: titre "le plus important" et non "le plus gros". De plus sur le tuto que j'ai fais, l'important est de différencier les balises pour pas s'y perdre. Ce sera bien précisé correctement dans le chapitre sur l'explication des balises les plus utilisées que le html c'est le contenu et le css la forme. etc..

le 19 septembre 2009

ma précision concernait surtout le premier post de Blackmesa :blush:

le 19 septembre 2009

Ah oui j'avais pas vu, ce serait bien de changer

Edit:

Je me suis permis de créer un autre topic ici de sorte à répertorier les tutos par noms et par page de ce topic.

le 19 septembre 2009

"span (balise qui sert à rien, enfin presque on le verra dans le chapitre sur les balises)"

elle sert pour le css ^^. Mais on verra ca plus tard :coeur: .

Phobos: Oui je me suis mal exprimé je vais changer ca :blush:.

Sinon je comprends pas trop l'idée de freaks ^^'.

le 19 septembre 2009

je sais qu'elle sert pour le css lol mon niveau n'est pas si catastrophique que ça

le 19 septembre 2009

En gros mon idée qui n'est pas la mienne, c'est celle utilisé sur le temple, à savoir que ce qu'il y a à "voir" tout au long du sujet est référencé dans le premier message du sujet

le 19 septembre 2009

Oui, kelt l'a fait j'aurais du y penser avant ^^. Bon je continue le tutoriel ce soir :blush:.

Connexion

html/css

Messages recommandés

Lien à poster

Partager sur d’autres sites

Lien à poster

Partager sur d’autres sites

Lien à poster

Partager sur d’autres sites

Lien à poster

Partager sur d’autres sites

Lien à poster

Partager sur d’autres sites

Lien à poster

Partager sur d’autres sites

Lien à poster

Partager sur d’autres sites

Lien à poster

Partager sur d’autres sites

Lien à poster

Partager sur d’autres sites

Lien à poster

Partager sur d’autres sites

Lien à poster

Partager sur d’autres sites

Lien à poster

Partager sur d’autres sites

Lien à poster

Partager sur d’autres sites

Lien à poster

Partager sur d’autres sites

Lien à poster

Partager sur d’autres sites

Lien à poster

Partager sur d’autres sites

Lien à poster

Partager sur d’autres sites

Lien à poster

Partager sur d’autres sites

Lien à poster

Partager sur d’autres sites

Lien à poster

Partager sur d’autres sites

Archivé

Populaires actuellement

Bienvenue sur Forum Fr !

FFr Mag' 2.0

Dire à un ami