Vous êtes ici : Accueil > Atelier Webmaster > Liste des articles

Atelier Webmaster

Préparatifs préliminaires

  • Auteur : Bnmaster
  • Créé le : 02/04/2006
  • Modifié le : 25/04/2008
[intro]Pour partir sur de bonnes bases il va nous falloir comprendre ce que nous allons apprendre dans ce cours. Mais avant cela, je vais peut-être me présenter : je me fais appeler Bnmaster et c'est moi qui vais vous guider tout au long de ce cours ! Inutile de vous dire que vous aller en baver, hum, hum...

On a vu dans l'introduction que le XHTML dérive du HTML, mais que cela soit clair dès maintenant : ce sont deux langages bien distincts. (quoi que similaire sur la forme) Le XHTML est beaucoup plus strict au niveau de la programmation que le HTML c'est ce qui fait qu'il est le plus utilisé à l'heure actuelle. (jusqu'à un retour du HTML sur le devant de la scène, peut-être plus rapidement qu'on ne le pense)

Pour ne pas perdre trop de temps, si l'HTML vous intéresse, allez lire le cours d'HTML de la Bnbox.

Il faut aussi bien différencier le XHTML du CSS. Présentons les plus précisément tous les deux :
[/intro][fin]Voilà ! Nous avons posé les bases ! Dans le prochain chapitre nous allons attaquer le concret, mais avant il fallait se préparer. On se dit donc à tout bientôt. (le temps que vous cliquiez sur Cours suivant quoi ;))

[/fin]

Chapitre 3

  • Auteur : Bnmaster
  • Créé le : 01/04/2006
  • Modifié le : 05/01/2007
[intro] [/intro][fin]

L'heure du bilan

  • Mettre une couleur de fond.
  • Les différentes options de <body>.
[/fin]

Chapitre 2

  • Auteur : Bnmaster
  • Créé le : 01/04/2006
  • Modifié le : 04/01/2007
[intro] [/intro][fin]

L'heure du bilan

  • Mettre en gras, italique, souligné, barré.
  • Sauter des lignes.
  • Aligner le texte.
  • Mettre de le texte en couleur, l'agrandir, changer la police.
  • Tracer une ligne.
[/fin]

Chapitre 1

  • Auteur : Bnmaster
  • Créé le : 01/04/2006
  • Modifié le : 04/01/2007
[intro] [/intro][fin]

L'heure du bilan

  • Premières explications du HTML standart. (caractères accentués)
  • Plan d'une page HTML.
  • Comment écrire en HTML.
[/fin]

Cours HTML

  • Auteur : Bnmaster
  • Créé le : 01/04/2006
  • Modifié le : 10/03/2009
[intro]
De la difficulté d'écrire un cours d'HTML
Ce cours est passablement désuet et non fini, je préfère vous prévenir de suite ;) Ecrire un cours d'HTML aujourd'hui est, à mon sens, particulièrement délicat puisqu'il existe un nouveau langage, l'XHTML, qui répond mieux aux besoins actuels. Cela dit, à mon humble avis, l'HTML n'est pas amené à mourir de sa belle mort, le développement du HTML 5 en est d'ailleurs la preuve. Voilà pourquoi, je compte bien un jour me pencher sérieusement sur ce cours d'HTML afin d'en dégager ce qui est réellement important, sans faire un doublon de mon cours d'XHTML. (actuellement en cours d'écriture) Je vous prie de m'excuser en attendant. Vous pouvez toujours lire le brouillon qui suit, mais je vous conseillerai plutôt de lire le cours d'XHTML.
Bonne lecture !

Introduction au cours d'HTML
Bonjour et bienvenue dans les cours d'HTML ! C'est moi qui vait vous guider pendant cette longue et fatiguante épreuve qu'est d'apprendre le language HTML! (j'vais vous faire bosser, niark niark...)
Avant de commencer, vous aimeriez peut-être savoir à quoi vont vous servir ces 4 petites lettres... H, T, M, L...
C'est vrai ça, aujourd'hui on entend parler de PHP, FLASH, même de languages encore plus compliqué (C++...) et le HTML? On l'oublie, on le cache dans un coin et on en parle plus? Ce serait une grosse erreur, car sans lui, on ne fait rien! Ni PHP, ni Flash, ni rien du tout! (sur le net en tout cas... Parce que sans HTML on survie très bien quand même!) Il est indispensable!
L'HTML c'est le language informatique qui vous permet de faire toute la mise en page de votre site, de faire les liens, d'insérer des images, de mettre ceci d'une couleur et cela d'une autre, de supporter ce tag PHP et d'insérer cette animation Flash... Faire le page en elle même en fait!

A l'heure actuel le language HTML en est à sa version 4.0! Mais il existe "un autre type" de HTML qui s'apelle le XHTML et ce XHTML est couplé à un autre language: le CSS. (on emploie souvent le terme: XHTML/CSS pour désigner les deux languages...) On pourrait dire que c'est une évolution du language HTML, on verra les petites différences à la fin de ce cours...
Toujours est-il que ce cours est un cours d'HTML! Certes le XHTML/CSS c'est: MIEUX! (beaucoup mieux^^) Mais connaître le HTML avant d'apprendre le XHTML/CSS c'est très bien! Pourquoi? Car malgrè d'énormes ressemblances des choses diffèrent du tout au tout! (logique^^) Connaître l'HTML est donc une étape nécessaire pour tout webmaster qui veut connaître ses outils de travail, c'est à dire: les langages informatiques!

La dernière question reste, pourquoi commencer par rédiger un cours d'HTML et après de XHTML/CSS ? Parce que c'est un langage que j'aime particulièrement et qui, je pense, permet de mieux comprendre les languages informatiques, de chercher à comprendre !
Voilà pourquoi ce cours a été rédigé avant le cours d'XHTML/CSS!

Bon, je vais arrêtez de vous embêtez avec mon langage de barbare (je vous rassure, vous vous habituerez!) Le début sera un petit peu théorique mais très vite, on attaquera la pratique en prenant comme exemples des créations de pages web! (toujours utile) Alors tranquilloum, laissez vous guider et ça va marcher! Regardez moi ça, un petit sommaire pour vous repérez! Si c'est pas beau tout ça!? Bon allez hop pas le temps de rêvassez, on commence...[/intro][fin] [/fin]

Introduction à Flash

  • Auteur : Bnmaster
  • Créé le : 28/03/2006
  • Modifié le : 07/04/2008
[intro]Déjà, bonjour à tous et bienvenue sur ce cours sur Flash. Ici, je vais tenter de vous apprendre à "flashouiller" comme on dit dans le milieu... Mais avant il faudrait peut-être ce que c'est que "Flash" ! (non, non ce n'est pas Flash Gordon...)
Question très dur à traiter mais primordial pour bien savoir au moins de quoi on parle.
Flash n'est pas un langage informatique comme le HTML (HyperText Markup Language) ou le PHP (Hypertext Preprocessor), on pourrait dire que c'est un format de dessin... (au même titre que le JPEG (Joint Photographic Experts Group), le Bitmap ou encore le PNG (Sigle : Portable Network Graphics)) Et c'est un format de dessin animé. C'est à dire qu'en Flash on peut créer des images animés qui en plus interagissent avec le visiteur...
Mais c'est encore plus que ça, puisque que Flash a un langage informatique qui lui est associé, ce langage et l'action script. (qui utilise la même base que le langage Java script qui est un autre langage informatique) Ainsi, en combinant ces 2 outils on peut créer ce que l'on peut appeler des animations Flash. (alors évidemment ce qui est en gras c'est ce qui est important^^)
Ces animations permettent de faire des choses qui dépassent l'imagination! (qui dépassent presque la mienne en tout cas  :( )
Une animation Flash peut être un site internet très joli et plus qu'interactif, elle peut être un avatar animé, une animation toute simple mais très fluide et jolie, un jeu vidéo ! On peut même associer du Flash avec le langage informatique PHP...

Voilà qui est très intéressant, n'est ce pas? Si vous n'avez pas encore l'eau à la bouche, comptez sur moi pour l'avoir tout bientôt... [/intro][fin][/fin]

Cours Flash

  • Auteur : Bnmaster
  • Créé le : 27/03/2006
  • Modifié le : 07/04/2008
[intro]Vous vouliez animer un petit peu votre site Web? En mettre pleins la vue à vos visiteurs ? Ou alors vous vouliez créer des petites animations sympatoches à mettre, en avatar par exemple, pour épater tous les forums sur lequel vous irez ? Vous désiriez envoyer une carte de voeux à votre ami au Pérou, mais définitivement ce que vous trouvez sur le net, c'est pas... disons que c'est pas génial quoi ! Ou alors, vous vous lancer dans la création d'un mini-jeu (ou d'un grand jeu monstrueux avec des effets spéciaux de partout soyons fou !) et vous cherchez comment faire? Bon, mise à part pour le grand jeu monstrueux avec des effets spéciaux de partout, vous êtes au bonne endroit ! Car ici, vous allez apprendre à faire du Flash ! A "Flashouiller" comme on dit dans le milieu !
Flashouiller c'est dessiner et programmer en même temps ! C'est utiliser une technologie qui fait de plus en plus sa place notamment sur la toile ! Bref... Flashouiller c'est faire les dessins informatiques que vous aviez toujours rêvé, et ça... ça s'apprend ! Alors inutile de continuer à papoter encore, surtout que si je continue je vais empiéter sur mon premier cours de Flash qui vous explique en détails ce que c'est que : "le Flash". (je sais que vous brûlez d'envi de sortir cette blague pourrie ! Mais, sans casser le suspense, je la sors au début de mon premier cours... un peu de patience !)

Prenez votre courage à deux mains, ce sera rude, mais on y arrivera, j'en suis sûr ![/intro][fin][/fin]

Cours PHP

  • Auteur : DarKnight
  • Créé le : 27/03/2006
  • Modifié le : 05/08/2009
[intro]
A. Qu'est-ce que le PHP ? Les différences avec le HTML
Vous vous demandez sûrement ce qu'est le PHP... Vous en avez entendu parler, mais vous ne savez pas de quoi il s'agit. Mais quelle est donc cette chose si mystérieuse. C'est ce que je vais maintenant vous expliquer.

Le PHP est un langage informatique. Il s'agit d'un vrai langage, semblable au langage humain, mais que l'ordinateur utilise. Si vous voulez que votre ordinateur vous comprenne, vous devez lui parler dans des langages spéciaux. Il y en a beaucoup, et vous en connaissez sûrement certains : C++, Javascript, Actionscript, etc...

Le PHP fait donc partie de la grande famille des langages informatiques. Il sert, tout comme le HTML, à la création de pages web.

Mais il y a plusieurs différences notables avec le HTML. Le PHP est un langage un peu plus compliqué que le HTML. C'est un langage que votre ordinateur n'est pas capable de lire directement. Il faut donc un serveur, ou un compileur pour servir d'intermédiaire. C'est aussi un langage qui travaille conjointement avec un système de base de données (que nous expliquerons beaucoup plus tard).

B. Utilité du PHP
Le PHP permet beaucoup plus de choses que le HTML. Il existe dans le but de dynamiser votre site, c'est-à-dire pour faire participer le visiteur à la vie du site. Le PHP permet par exemple, de créer pour votre site : un mini-chat, un forum, une page accessible uniquement par mot de passe, un système de news, un forum, un livre d'or, etc...[/intro][fin]Ce cours a pour l'instant été abandonné. Maîtriser le PHP n'est pas une chose aisé et le faire apprendre encore moins !
Peut-être qu'un jour le flambeau sera repris et alors nous assisterons à la renaissance de ce cours ! Mais ce n'est pas encore à l'ordre du jour !

Et comme sur la Bnbox nous sommes des gens bien, nous allons vous guider vers le bon filon : Le Site De Zéro est un très très bon site sur lequel vous pouvez trouver (notamment) un cours de PHP.[/fin]

Cours XHTML/CSS

  • Auteur : Bnmaster
  • Créé le : 27/03/2006
  • Modifié le : 22/05/2008
[intro]Comment vous expliquer en quelques lignes ce qu'est le XHTML/CSS ? Le XHTML/CSS c'est en fait deux langages de programmation : le <acronym title="eXtensible HyperText Markup Language">XHTML</acronym> et le <acronym title="Cascading Style Sheets (Feuille de Style en français)">CSS</acronym> ; intimement liés au point de ne former plus qu'un. C'est le langage principal pour concevoir des pages Web car il permet de créer la structure, le contenu et de faire la mise en page d'un site Web. C'est donc des sites Internet que nous allons apprendre à créer dans ce cours :)
Petit cours d'histoire : le XHTML/CSS est une nouvelle version du <acronym title="HyperText Markup Language ">HTML</acronym> (plus précisément une reformulation de HTML 4 en XML 1.0) mis en place par le <acronym title="World Wide Web Consortium">W3C</acronym> pour que les sites Internet soient accessibles par tout le monde (même aux personnes handicapés comme les mal-voyants) et de n'importe quelle plate-forme (entres autres sur tous les navigateurs Web) c'est ce qu'on appelle : la standardisation. Mais n'allons pas si rapidement, vous êtes la pour apprendre, donc nous commencerons par poser des bases solides sur lesquelles vous pourrez vous appuyer ;) Si vous connaissez déjà la programmation en HTML : alors il va vous falloir réapprendre plein de choses, mais vous noterez sûrement des similitudes ;) Si vous pensez déjà tout connaître de la programmation en XHTML/CSS, éh bien j'espère avoir l'honneur de pouvoir vous prouver le contraire. Et si vous ne connaissez rien à la programmation de sites Internet, rassurez-vous, nous allons commencer en partant du niveau 0.
Vous allez très vite vous en rendre compte, mais l'XHTML/CSS permet de faire des sites Web très fonctionnels et très beaux.

Image Image Image
Dans l'ordre : Jardin Zen, Levangile, Alsacréations.
Nous allons faire l'impossible pour que, dès les premiers chapitres, vous puissiez faire quelque chose de potable (de pas trop moche quoi ^^) pour qu'ainsi vous ayez l'envi de vous entrainer tout seul. L'expérience vaut plus que tous les cours théoriques du monde ! Alors bon, on va essayer et on verra ce que ça donne.[/intro][fin]Ce cours est en train d'être rédigé. Il va donc vous falloir patienter un peu pour avoir la suite ^^
En attendant, pour toutes questions ou tous problèmes : Bar à Nougat ! (forum de la Bnbox)[/fin]

« précédents - page 1 2