Voir le sujet précédent - Voir le sujet suivant |
Ce tutorial est-il utile? |
oui |
|
59% |
[ 19 ] |
non |
|
40% |
[ 13 ] |
|
Total des votes : 32 |
|
Auteur |
Message |
dededick Civil
Inscrit le: 29 Sep 2006 Messages: 8 Localisation: Devant le pc !
|
Posté le: Sam 30 Sep 2006, 8:56 am Sujet du message: [Site Web] Les bases |
|
|
Hello les gens ? Vous allez bien? ça vous plairait d'apprendre à créer un ptit site web?
Leçon 1 : matériel et prérequis
Matériel : Tout d'abord, ce dont vous allez avoir besoin :
Une connexion internet (sisi jvous assure ^^)
Un navigateur : vous avez le choix : Opéra, Mozilla Firefox... Evitez Internet Explorer, il offre beaucoup moins de possibilités au niveau graphisme.
Un Editeur de texte : La aussi vous avez le choix, Notepad ++ (de préférence, c'est celui que j'utilise, il est simple et gratuit. ) , Dreamweaver (si vous voulez restez légal, ne le prenez pas ) et, si vous n'avez pas le droit de télécharger quoi que ce soit, prenez votre Bloc Notes!
Bon , pour l'instant, le matériel est ok. S'il y a besoin d'autres choses, je vous ferai signe
Prérequis :
Ne vous inquiétez pas, pas besoin de quelque notions en programmation
En fait, pour commencer à lire les chapitres suivants, il vous faut :
- Une idée assez précise de ce que vous voulez (thème, titre, contenu...)
- Du temps
- De l'envie
Voilà! Direction le prochain chapitre! Je le créerai maxi dans 2 jours _________________ Ben chui un fan de naruto et pis chui en première S et je crée des sites |
|
Revenir en haut |
|
|
dededick Civil
Inscrit le: 29 Sep 2006 Messages: 8 Localisation: Devant le pc !
|
Posté le: Sam 30 Sep 2006, 1:28 pm Sujet du message: |
|
|
Leçon 2 :
Les balises :
Il en existe deux types :
- Les balises par deux
- Les balises uniques
Exemple :
Code: | <title>Blabla </title>
| <-- Balises fonctionnant par 2 : une qui ouvre <balise> et une qui ferme </balise>.
Code: | <img src="blabla.jpg" alt="blabla" /> | <-- Balise unique, on l'ouvre avec <, et on la ferme avec />.
Ne vous occupez pas des src="" et alt="", on verra ça par la suite.
Premier Test :
Nous y voilà! Nous allons réaliser notre premier test!
Voici ce que vous allez entrer dans votre éditeur de texte .
Code: | <html> <!-- Balise indiquant que vous faites du HTML -->
<head> <!-- Balise indiquant que vous ouvrez une en-tête -->
<title> Mon premier test ! </title> <!-- C'est le titre de votre page, il s'affichera en haut de votre navigateur ;) -->
</head> <!-- On ferme l'en-tête -->
<body>
<!-- La balise body : elle est dans toutes vos pages web. Elle sert à ouvrir ce qu'on pourrait appeler la partie corps de votre page. Vous pouvez rentrez tout votre texte dedans ;) -->
Mon premier test ! </body> <!-- On ferme la balise body -->
</html><!-- On ferme la balise html -->
|
Les explications sont entre les et les
Voici un schéma pour résumer tout ça
Désolé pour le graphisme, c'est pas mon truc
Bon, maintenant, vous créer un dossier "Mon site", vous faites Enregistrer-sous, donnez lui le nom que vous voulez
Après, allez dans Mes Documents, votre fichier, faites clic droit, puis ouvrir avec Mozilla Firefox, et regardez !
Voilà, à bientôt pour la prochaine leçon ! _________________ Ben chui un fan de naruto et pis chui en première S et je crée des sites |
|
Revenir en haut |
|
|
Sannazzarotiti Civil
Inscrit le: 25 Juil 2007 Messages: 17
|
Posté le: Mer 25 Juil 2007, 3:24 am Sujet du message: |
|
|
Juste pour dire que si sa fait peur a lire, sa passe assez vite ^^ quand on est dedans bien sur. Donc dededick fait pas une crise cardiaque mtn ^^
Supprimer mon post un fois l'erreur corriger mais je suis pas d'accord. On peut tres bien faire du html pour une aplication en local, et donc sans internet, ou bien encore dans un .hta (version "logiciel" du html pour faire court). Donc non, il n'y a pas besoin d'internet.
J'en profite pour faire ma petite critique ^^
Tu dit plus bas qu'il ni a besoin d'aucune connaissance. Dans ce cas la explique ce qu'est une balise :p. Parce que un debutant il peut pas trop comprendre. Tu peut expliquer que c'est le meme systeme que du bbcode (meme si c'est le bbcode qui reprend le meme systeme).
-Ton code html n'est pas valide, tu a oublier le doctype.
-Explique ce qu'est un commentaire.
-Si j'etais toi j'ameliorer la structure de ton code. J'ai un trou la. A si sa y est, fait gaffe a la
-Tu dit d'enregistrer avec le nom qu'on veut mais tu ne precise pas qu'il faut ajouter l'extenssion htm ou html (precise au passage ce qu'est une extenssion)
tient je donne ce que j'aurait fait pour le code html
Chaqu'un sa methode, mais tu pourait commencer par montrer un code de base comme tu la fait, mais il faudra forcement montrer le vrai code apres pour pas qu'il ne prennent des mauvaises habitude
Citation: |
<!-- Balise pour dire qu'on créer une page web -->
<html>
<!-- Balise pour donner des informations sur la page -->
<!-- Son contenu ne sera pas afficher dans la page web -->
<head>
<!-- Ceci donne un titre a votre page web -->
<!-- Il s'agit de ce qui est en haut a gauche de l'ecran -->
<!-- Sur le forum il s'agit de : "Forum CaptaiNaruto ..." -->
<title>Ma page web</title>
<!-- Il faut toujours fermer une balise qu'on ouvre -->
</head>
<!-- On ouvre la balise body (corps en anglais) -->
<!-- C'est a dire que c'est le corps de la page web -->
<body>
<!-- Il faut mettre votre texte ici, vos balises, etc... -->
<!-- Si on à fini notre page web, on ferme les balises ouvertes (body, html) -->
</body>
</html>
|
Code complet
Citation: |
<!-- Ici on precise que l'on fait du Xhtml (version plus moderne du html) -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!-- Vous remarquerez que dans la balise html on precise la lanque -->
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<!-- Vous savez deja a quoi sert les balises <head></head> -->
<head>
<!-- Titre de la page -->
<title>Mon premier test</title>[/color]
<!-- Encodage du texte (voir explication ci dessus) -->
<meta http-equiv="Content-Type" content="text/html;" [color=red]charset="UTF-8" />
</head>
<body>
</body>
</html> |
Tu precise ce qu'est l'encodage. Globalement c'est le moyen d'afficher les caractére.
Il y a la norme :
-"iso-8859-1" -> C'est celle qu'on utilise le plus souvent, elle contient tous les caractéres europeen. C'est une methode rapide, ideale pour un site web.
-"l'unicode" -> Methode lente qui permet d'afficher presque tous les caractéres existant sur terre. Mais comme je l'est dit c'est tres lent.
On a alors créer la solution, l'utf-8, ce que j'ai mis dans l'exemple, sans entrer dans les details c'est un melange de l'entendu des caractere que l'on peut afficher avec l'unicode mais avec la vitesse de la norme "iso-8859-1".
Bon voila, j'ai surtout voulu ajouter plein de chose. On depart je devait juste signaler l'erreur de la connection internet et je me suis emporter ^^. C'est toujours facile de critiquer alors j'espere t'avoir aider. Une bonne mise a jour pour completer ton tuto.
Je precise que je ne comprend pas ce qui trouve que ce tutorial est inutile. Si vous n'avez pas envie de savoir creer des pages web c'est votre probleme, c'est toujours utile non ?
Precise aussi dans ton premier post se que tu poura faire et ce que tu ne poura pas faire en Xhtml, parce que un forum comme celui la, uniquement en html sa marchera jamais. Mais garde dans la tete qui faut essayer d'etre le plus clair possible, moi je ne fait pas le tuto alors mon post est plus destiner a toi dededick, apres tout c'est toi qui bosse ^^
Dans la liste des editeur tu peut citer pspad, equivalent a notepad++ pour les plus experimenter, quand il auront fini le html sa pourait etre pratique.
Je m'arrete pas, j'arrete pas de voir des erreurs. Dans le premier post, prendre dreamweaver n'est pas illegale, sauf si on le pirate. Mais il existe en version d'evaluation, c'est donc legal. Parce que relit ta phrase, tu fait comprendre que si on posse dreamweaver on est forcement dans l'illegalité ce qui est faux !
C'est mon premier post dans le forum et c'est pas du flood ^^. J'espere avoir contribuer a l'amelioration du forum ! Si vous avez un soucis en programmation, je pourait vous aider, j'ai quelque connaissance dans une dizaine de langage donc voila ^^
Pour finir, car la longueur du code peut faire peut au debutant, voici le code sans commentaires
Citation: | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
<title>Mon premier test</title>[/color]
<meta http-equiv="Content-Type" content="text/html;" [color=red]charset="UTF-8" />
</head>
<body>
Bonjour et bienvenu dans ma premiere page web (en Xhtml ^^), a bah chaqu'un son tour de rien comprendre ^^
</body>
</html> |
|
|
Revenir en haut |
|
|
Wissem Étudiant à l'académie
Inscrit le: 02 Mai 2006 Messages: 70
|
Posté le: Mer 25 Juil 2007, 10:16 pm Sujet du message: |
|
|
Je voudrait dire qu'il y a un site qui donne les base De l'XHTML et du Css. Mais je ne ferais pas de pub ("site du zero") |
|
Revenir en haut |
|
|
eXavin Civil
Inscrit le: 24 Juil 2007 Messages: 7
|
Posté le: Mer 25 Juil 2007, 10:19 pm Sujet du message: . |
|
|
Tu fais presque pas de pub là lol C'est très utile ce tutoriel pour les bases, merci
Mais effectivement, si ça vous a plu et que vous voulez approfondir, rien de mieux que le site énnoncé dans le post précédent, gratuit, et très bien expliqué, de plus, vous pouvez apprendre d'autres langages que l'xHTML :') |
|
Revenir en haut |
|
|
Sannazzarotiti Civil
Inscrit le: 25 Juil 2007 Messages: 17
|
Posté le: Mer 25 Juil 2007, 10:57 pm Sujet du message: |
|
|
J'adore le site du zéro mais il faut avouer que se soit niveau php ou html on peut facilement améliorer sur certain points. Mais c'est un excellent site. N'empeche qu'il y a plein de site pour apprendre photoshop et pourtant il y a bien des tutos de photoshop ici donc pourquoi pas de html ?
enfin faudrait speeder un peu sur les cours car certain on peut etre envie d'approfondire ! _________________ |
|
Revenir en haut |
|
|
madararingan Civil
Inscrit le: 20 Déc 2009 Messages: 16
|
Posté le: Ven 01 Jan 2010, 5:50 pm Sujet du message: |
|
|
_________________ |
|
Revenir en haut |
|
|
Bibi Aspirant genin
Inscrit le: 09 Juil 2009 Messages: 181 Localisation: The Moon
|
Posté le: Jeu 14 Jan 2010, 7:43 pm Sujet du message: |
|
|
J'ai une question.
Est ce que le bloc notes peut changer le HTML en quelque chose de vrai genre image etc... _________________ Quand le sage montre la Lune, l'imbécile regarde le doigt.
Vise la Lune, car même si tu te rates tu atterriras parmis les étoiles.
|
|
Revenir en haut |
|
|
Shikaku' Chuunin
Inscrit le: 12 Aoû 2009 Messages: 528 Localisation: Rennes
|
|
Revenir en haut |
|
|
Bibi Aspirant genin
Inscrit le: 09 Juil 2009 Messages: 181 Localisation: The Moon
|
Posté le: Ven 22 Jan 2010, 7:10 pm Sujet du message: |
|
|
En fdait je vous demande si on utilise le HTML, sur le bloc-notes, va-t-il transformer le script que l'on a écrit en image ou chose du genre..
Par exemple, sur CN, quand on utilise les balises [img] et [/img], et bien, ce que l'on met entre les balises devient image, pour le bloc notes, c'est pareil ou non? _________________ Quand le sage montre la Lune, l'imbécile regarde le doigt.
Vise la Lune, car même si tu te rates tu atterriras parmis les étoiles.
|
|
Revenir en haut |
|
|
Turtle Chef anbu
Inscrit le: 31 Mar 2008 Messages: 1869
|
Posté le: Ven 22 Jan 2010, 9:54 pm Sujet du message: |
|
|
Non, ça ne marche pas |
|
Revenir en haut |
|
|
|
|
Vous ne pouvez pas poster de nouveaux sujets dans ce forum Vous ne pouvez pas répondre aux sujets dans ce forum Vous ne pouvez pas éditer vos messages dans ce forum Vous ne pouvez pas supprimer vos messages dans ce forum Vous ne pouvez pas voter dans les sondages de ce forum
|
|