Index du Forum
ActualitésNaruto FAQ Rechercher Liste des Membres Groupes d'utilisateurs Arcade Chan IRC
Profil Se connecter pour vérifier ses messages privés Connexion Boîte à flood CarteCarte
S'enregistrer

. [Site Web] Les bases

 
Poster un nouveau sujet   Répondre au sujet     Index du Forum - Tutoriaux
Voir le sujet précédent - Voir le sujet suivant  

Ce tutorial est-il utile?
oui
59%
 59%  [ 19 ]
non
40%
 40%  [ 13 ]
Total des votes : 32

Auteur Message
dededick
Civil


Inscrit le: 29 Sep 2006
Messages: 8
Localisation: Devant le pc !

MessagePosté le: Sam 30 Sep 2006, 8:56 am    Sujet du message: [Site Web] Les bases Répondre en citant

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. Wink ) , Dreamweaver (si vous voulez restez légal, ne le prenez pas Razz ) 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 Wink

Prérequis :
Ne vous inquiétez pas, pas besoin de quelque notions en programmation Wink

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 Wink

_________________
Ben chui un fan de naruto et pis chui en première S et je crée des sites Smile
Revenir en haut
Voir le profil de l'utilisateur Envoyer un message privé Visiter le site web du posteur MSN Messenger
dededick
Civil


Inscrit le: 29 Sep 2006
Messages: 8
Localisation: Devant le pc !

MessagePosté le: Sam 30 Sep 2006, 1:28 pm    Sujet du message: Répondre en citant

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
Code:
<!--
et les
Code:
-->


Voici un schéma pour résumer tout ça Wink
résumé

Désolé pour le graphisme, c'est pas mon truc Sad
Bon, maintenant, vous créer un dossier "Mon site", vous faites Enregistrer-sous, donnez lui le nom que vous voulez Wink
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 ! Smile

_________________
Ben chui un fan de naruto et pis chui en première S et je crée des sites Smile
Revenir en haut
Voir le profil de l'utilisateur Envoyer un message privé Visiter le site web du posteur MSN Messenger
Sannazzarotiti
Civil


Inscrit le: 25 Juil 2007
Messages: 17

MessagePosté le: Mer 25 Juil 2007, 3:24 am    Sujet du message: Répondre en citant

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
Voir le profil de l'utilisateur Envoyer un message privé Envoyer l'e-mail MSN Messenger
Wissem
Étudiant à l'académie


Inscrit le: 02 Mai 2006
Messages: 70

MessagePosté le: Mer 25 Juil 2007, 10:16 pm    Sujet du message: Répondre en citant

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
Voir le profil de l'utilisateur Envoyer un message privé MSN Messenger Carte
eXavin
Civil


Inscrit le: 24 Juil 2007
Messages: 7

MessagePosté le: Mer 25 Juil 2007, 10:19 pm    Sujet du message: . Répondre en citant

Tu fais presque pas de pub là lol Smile C'est très utile ce tutoriel pour les bases, merci Wink

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
Voir le profil de l'utilisateur Envoyer un message privé
Sannazzarotiti
Civil


Inscrit le: 25 Juil 2007
Messages: 17

MessagePosté le: Mer 25 Juil 2007, 10:57 pm    Sujet du message: Répondre en citant

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 !

_________________
Itachi FC
Revenir en haut
Voir le profil de l'utilisateur Envoyer un message privé Envoyer l'e-mail MSN Messenger
madararingan
Civil


Inscrit le: 20 Déc 2009
Messages: 16

MessagePosté le: Ven 01 Jan 2010, 5:50 pm    Sujet du message: Répondre en citant

Bon sa reste raisonnable moi j'ai appris avait un truc plus compliquer mes y a le logiciel NVU
=>TU CREER TA PAGE COMME AVEC PAINT OU AUTRE ET APRES IL TE DONNE LE CODE PHP OU HTML OU HTM OU XHTML ET TU PEUX DIRECTEMENT LA PUBLIER
Very Happy Very Happy Very Happy Very Happy Very Happy

_________________
Revenir en haut
Voir le profil de l'utilisateur Envoyer un message privé MSN Messenger
Bibi
Aspirant genin


Inscrit le: 09 Juil 2009
Messages: 181
Localisation: The Moon

MessagePosté le: Jeu 14 Jan 2010, 7:43 pm    Sujet du message: Répondre en citant

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
Voir le profil de l'utilisateur Envoyer un message privé Envoyer l'e-mail MSN Messenger
Shikaku'
Chuunin


Inscrit le: 12 Aoû 2009
Messages: 528
Localisation: Rennes

MessagePosté le: Ven 22 Jan 2010, 6:50 pm    Sujet du message: Répondre en citant

bibi-sama a écrit:
J'ai une question.

Est ce que le bloc notes peut changer le HTML en quelque chose de vrai genre image etc...

J'ai pas bien compris ta question Confused Mais je vait quand même essayer de répondre Wink .

Le bloc note peut transformer le Xhtlml / Css en site web. Notepad++ est plus pratique dans la mise en page car tu voit les balises ouvertes et fermés par des couleurs.

Dededick a écrit:
Dreamweaver (si vous voulez restez légal, ne le prenez pas )

Dreamweaver est légal mais payant ( ch€r ).

Pour apprendre le Xhtml / Css il vaut mieux aller sur le site du Zer0. Car en plus du code y'a des exemples et on part VRAIMENT de zer0.

_________________
Revenir en haut
Voir le profil de l'utilisateur Envoyer un message privé Visiter le site web du posteur MSN Messenger
Bibi
Aspirant genin


Inscrit le: 09 Juil 2009
Messages: 181
Localisation: The Moon

MessagePosté le: Ven 22 Jan 2010, 7:10 pm    Sujet du message: Répondre en citant

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
Voir le profil de l'utilisateur Envoyer un message privé Envoyer l'e-mail MSN Messenger
Turtle
Chef anbu


Inscrit le: 31 Mar 2008
Messages: 1869

MessagePosté le: Ven 22 Jan 2010, 9:54 pm    Sujet du message: Répondre en citant

Non, ça ne marche pas Wink
Revenir en haut
Voir le profil de l'utilisateur Envoyer un message privé
Montrer les messages depuis:   
Poster un nouveau sujet   Répondre au sujet     Index du Forum - Tutoriaux Toutes les heures sont au format GMT + 2 Heures
Page 1 sur 1

 
Sauter vers:  
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