tutoriaux

bonjour
je post ici pour aider et eventuellement donner des tutoriaux
bonne apprentissage

pas trop compris... tu veux donner des tutoriaux sur les script c'est ça?
_________________

Les Gorgonzola règne et règnerons ici bas.

ou HTML, CSS, pour ceux qui veulent aider sur le site.

Des tutoriaux sur les codes donc, principalement (du moins, c'est ce que j'ai compris).

exact
la je suis en train der ediger un petit tuto sur les bases du HTML
(pas equivalent au SDZ mais sa a au moins le merite d'avoir quelqun pour reexpliquer apres

c'est pas plus simple d'aller directement sur le site du zéro? moi j'ai appris la dessus
_________________

Les Gorgonzola règne et règnerons ici bas.

ouin mais par exemple apres il y a le PHP et quand je te dit qu'une variable peut contenir UNE donnée et qu'un array PLUSIEUR données
et qu'un array est une variable tu comprend pas forcement, donc justement c'est ici que je vais expliquer (âs forcement moi mais voila, c'est un club d'entraide xD)
si vous poster des tutos je le mettrai dans le post principal

effectivement la j'ai rien compris

alors bonne chance^^
_________________

Les Gorgonzola règne et règnerons ici bas.

deja juste comme sa=> qui s'interresse a ce post?

>< personne
pourtant apres le HTML, sa va passer CSS, puis PHP, puis JAVASCRIPT, et enfin C et C++.
(ps: je connais tt par coeur...)

Ok bein allons-y, je commence avec le HTML.

Je tiens à préciser que je ne suis jamais allé sur le site du zéro et que je n’ai aucune expérience dans les tutoriaux.

Qu’est ce que HTML ? Le langage le plus simple pour faire des sites.

Pour commencer, sachez qu’il ne faut pas de connaissance particulière pour parler HTML, ni d’outil particulier, un simple bloc-note suffit !

I INTRODUCTION

Donc on commencer. Tout d’abord, ouvrir le bloc note :

Ensuite, tapez cette ligne de code SANS POSER DE QUESTION , on verra plus tard ce que cela signifie.
<html>
<head>
<title> Ma premiere page web </title>
</head>
</html>

Maintenant, le plus important peut être, il faut enregistrer cela comme suit : page.html et mettez « tous les fichiers ».

Qu ‘est ce que cela donne ? ouvrons la page :

Et là : rien !
Sauf dans la partie bleu en haut où l’on voit d’écrit : Ma première page web

Donc, HTML fonctionne avec des balises (un mot entouré de <>). Décrivons les différentes balises :
<hml> : on précise que l’on va faire du langage html
<head> : c’est une partie du code (que je n’ai jamais bien compris) où on peut mettre des scripts, du css, du php, et d’autres chose. D’ailleurs c’est ici qu’on met le <title>
<title> c’est l’endroit où le met le titre de notre page.

Sachez que toutes balises (sauf exception), s’ouvre ET se ferme (avec un </html> par exemple).

II L’AFFICHAGE

On reprend maintenant notre page de tous à l’heure. Pour cela, ouvrez la page html que l’on a crée tout à l’heure, allez dans affichageà afficher la source.
Vous retrouvez ici votre code !
D’ailleurs, si vous faites cette opération pour n’importe quel site web, vous verrez tout le code html utilisé (pour peu qu’il soit bien fait).

Donc, passons à l’affichage, qui se fait dans le CORPS de la page web, qui se dit en anglais BODY.

Donc :
<html>
<head>
<title> Ma premiere page web </title>
</head>

<body>
 Waou j’écris trop bien!!!!
</body>

</html>

Etudions ses nouvelles balises :
<body> : c’est le corps du document, c’est ici que l’on CONSTRUIT notre page.
 : balise de l’écriture.

Maintenant, on découvre une nouvelle chose , les ATTRIBUTS, avec ici, l’attribut COLOR= « »
C’est un attribut de la balise font, qui permet de mettre de la couleur à notre écriture.
Enregistrer la code est regardez la page ^^.

Le reste ne sera que la découverte de nouvelles balises et de nouveaux attributs, pour améliorer votre page web.

III LES IMAGES

Sachez tout d’abord, que les images sur Internet ont toutes une adresse SRC !
Si vous faites clique droitàpropriétés sur une image, l’adresse SRC sera indiqué (par ex : http://www.trucbidule.com/images/image1.jpg

Maintenant on va afficher une image sur notre site, au hasard l’image google :

<html>
<head>
<title> Ma premiere page web </title>
</head>

<body>
 Waou j’écris trop bien!!!!
<img src=http://www.google.fr/logos/spring08.gif>

</body>

</html>

Résultat :

Voilà vous savez maintenant afficher une image (enfin , on reviendra dessus pour expliquer 2-3 petites choses encore)

On verra la suite une prochaine fois.

Moi je trouve que tu va trop vite dans tes tutos, je te conseille de faire étape par étape, essaye d'apprendre du plus facile au plus difficile :-) Parce que là tu faire Facil, ensuite difficil, difficile, facile, donc c'est pas très simple
_________________

juste deux trois truc=>

HTML=> ce n'est pas un langage pour faire des sites, c'est un langage utilisatble dans presque tout les autres langages et c'est la base d'un site.

head=>cette balise sert a faire une preparation de la page avant son chargement (comme dire au navigateur les scripts que tu veut ajouter, dire le design qu'il faut mettre, etc)

"toutes les balises se ferme sauf exeptions" =>
toutes les balises ayant besoin d'etre delimitées doivent etre fermées
EX(avec la balise de paragraphe) :
mon paragraphe
ne marche pas et entre tout le reste du code dans le texte ><
 mon paragraphe 
marche car le texte s'arrete a la balise 

sinon c'est super !!!
apres pour les balises ainsi que leur ssyntaxe d'utilisation sont sur le siteduzero partie xHTML dans le chapitre annexe
bon je redigee un cours sur le css ^^

derien, mais ne me vole pas la place du tuto sur le CSS Oui maitre

et au faite, tu fait du C ?

tuto CSS

Spoiler:

PS: je vous conseile d'utiliser le logiciel NOTEPAD++ (sa sent la recherche google xD)
car il permet de colorer le code et de marquer les lignes

le javascript c'est un peu de java mais ce n'est surtout pas du PHP!!!
la preuve => JS est du cote navigateur
PHP du coté serveur

le CSS est presque la base de tout site =>vous preferer un site avec des couleurs des images positionner ,des petits effets
OU
un site tout blanc ou certaine image completement a l'opposé
etc.

pour le C sa sera un trees long chapitre
(car si on voit que le C avec le code minimal, vous ne saurer rien faire

)

BON partie INTERNET LV1 terminé,
posez vos question

bah moi je pense que le meilleur moyen de faire un site en code c'est notre ami dreamweaver de chez macromedia ...

PUB : et sinon, pour avoir une belle box comme la mienne
http://www.gto.ophiblog.com/

c'est ici : http://www.ophibox.com/

froll : bon tuto ^^
_________________
Marieur saoul à temps plus que perdu ...
http://www.kira-online.fr/

dreamweaver fait 1000 € ttc donc sauf en le piratant ><

Ah ... t'as déjà entendu parler de logiciels achetés toi ? xD

Ah pas moi, faudra que tu m'apprennes ce qu'est une license ...

Je tape "télécharger dreamweaver" sur google, et hop là magique, je tombe sur le téléchargement de dreamweaver Shocked

"

Appelle ça pirate si tu veux, moi j'appelle ça normalité qui nous revient de droit en tant que créateur avisé de sites !
_________________
Marieur saoul à temps plus que perdu ...
http://www.kira-online.fr/

Saku, il est sympa ton site de GTO. Ce que j'aime pas trop, c'est la petite barre au-dessus.
Bref, vu que qho est définitivement mort, ça vous dit de nous faire un super site pour le jeu ? ( Pas le truc bizarre pour la "version en ligne" mais un vrai site ^^ )
_________________

Merci robin !! <3

Merci chopp'