| Extrait du site https://www.france-jeunes.net |
BASIC, PHP, HTML : Les bases |
Si vous voulez démarrer dans le BASIC, le HTML ou le PHP, c'est ici que ça se passe... |
LE BASIC Alors tout d'abord je vais vous parler du basic. Alors le basic est l'ancêtre de tous les programmes récents. Il n'est plus utilisé de nos jour, sauf par les programmeurs amateurs. Néanmoins, ce langage assez simple à prendre en main, permettais de concevoir de jolis programmes. Alors qu'elle sont les bases du BASIC? Et bien tout d'abord il faut savoir que lorsqu'on programme, les instructions que l'on inscrit s'exécuteront dans l'ordre où elles apparaissent. Je vais vous donner un exemple pour mieux comprendre. Supposons que j'écrive : (1)Effacer tout (2)Dire bonjour (3)Faire un signe de la main (4)Ferme le programme Et bien si je tapes les instruction dans cet ordre elle s'exécuterons de la manière suivante : 1-2-3-4 mais jamais 1-2-4-3 ou 1-3-4-2 ... Mais il existe un moyen de couper son programme en plusieurs parties pour pouvoir s'y retrouver. Ce moyen est en fait le Lbl et le Goto. En fait ce qu'il faut savoir c'est qu'à chaque Lbl correspond un Goto. Le Lbl est le raccourcie de Label (étiquette) et le Goto signifie "Allez à". Pour vous dire comment ça marche je vais schématiser ça le plus simplement possible : Lbl1 action 1 action 2 action 3 Lbl 2 action 1 action 2 action 3 Goto 1 Ici le programme va se lancer et commencer à Lbl 1. Il va exécuter chaque action et arrivera à Lbl 2. Une fois là rien ne lui dire d'aller ailleur alors le programmes exécute les actions après le Lb2, mais ici le Goto 1 donne un ordre un programme, il lui d'aller à Lbl 1. Pour le moment ça ne sert à rien me direz vous, mais en fait cela sert à savoir où on est. De plus c'est très utilisé lors des conditions. Alors c'est koi les condition?? O_o Et bien comme ça le dit si bien, on pose une condition, si elle est remplit cela effectue une action sinon elle peut en effectuer une autre. Alors les conditions sont utilisée par IF (si) THEN (alors) ELSE (sinon). Voici un exemple pour mieux comprendre. IF mon age supérieur à 18 ans THEN dire que je suis majeur ELSE dire que je suis mineur Donc ici j'ai dit : si mon âge est supérieur à 18 alors il faut dire que je suis majeur sinon il faut dire que je suis mineur. Maintenant je vais vous parler d'un dernier point important en basic : les variables. Alors les variables c'est très utile. Mais vous ne savez peut-être pas forcément ce que c'est. J'ai mis plusieurs mois avant de comprendre réellement à quoi ça servait. En fait les variables servent à stocker des données. Une variable est composée en 2 parties : le nom de la variable(pas plus de 40 caractères) et le suffixe qui définit le type de variable.En basic il existe 2 grands type de variables : les variables numériques et les variables alpha-numériques. Cependant il y a en tout 5 types de variables : Les variables entières : elles sont comprise entre -32768 et 32768 inclus et ne comporte aucune partie décimale. Le suffixe de ces variables est "%". Exemple : age% est correct mais pas %age. Les variables enières longues : elles sont comprise entre 2147483647et -2147482647 et ne comporte toujours pas de partie décimale. Leur suffixe est "&". Exemple : age& est correct mais pas &age. Les variables simple précision : elles sont comprises entre 3.4x10 à la puissance 38 et -3.4x10 à la puissance 38 (la précision est de 7 chiffres après la virgule). Il peut y avoir une partie décimale mais celle-ci doit être signalée par un point : 3.4 est correct alors que 3,4 n'est pas correct. Le suffixe de ces variables est "!" Exemple : age! est correct mais pas !age. Les variables double précision : elles sont comprises entre 1.7x10 à la puissance 307 et -1.7x10 à la puissance 307 (la précision est de 15 chiffres après la virgule). Leur suffixe est "#". Exemple : age# est correct mais pas #age. Les variables alphanumériques : elles peuvent stocker des mots ou des phrases, mais le nombre maximal de caractères est 32 767. Le suffixe est "$". Exemple : age$ est correct mais pas $age. Et maintenant je vais vous parler des opérateur. Alors en basic les opérateurs ont un signe bien distinct pour chacun d'entre eux : ^ : élévation à la puissance (x^7 élévation à la puissance 7) * : multiplication / : division \ : dision entière (les opérandes et les résultats sont arrondit à un entier) MOD : fournit le reste entier d'une division Exemple : 25MOD3 = 1 car 25 = 3x8 + 1 et le MOD ici est 1 - : soustraction - : négation (-2) + : addition = : égal <> : différent < : inférieur > : supérieur >= : supérieur ou égal <= : inférieur ou égal. Maintenant pour vous faire comprendre tout ce que j'ai marqué je vais vous taper un programme et je vous mettrai à côté ce que cela signifie. CLS (On efface tout ce qu'il y a avant le programme) Lbl1 (On pose l'étiquette 1) PRINT "Bonjour" (On dit d'afficher le message "bonjour") INPUT "Tapez votre âge"; age# (On demande de taper un nombre qui sera stocké dans la variable à double précision : "age#") IF age# >= 18 THEN Goto 2 ELSE Goto 3 (On pose la condition "si l'âge est supérieur ou égale à 18 alors on va à Lbl2 sinon on va à Lbl 3) Lbl 2 PRINT "Vous êtes majeur" (On dit d'afficher "Vous êtes majeur") Goto 1 (On retourne à Lbl 1) Lbl 3 PRINT "Vous êtes mineur" (On dit d'afficher "Vous êtes mineur") Goto 1 (On retourne à Lbl 1) Remarque : n'oubliez jamais de faire une sortie pour votre programme, sinon celui-ci s'exécutera en boucle. Dans le programme précédent il n'y a pas de sortie. Pour qu'il y en ait une il faut enlever les Goto 1. QUELQUE FONCTIONS DE BASE : PRINT "": permet d'afficher du texte, le texte à afficher doit être entre les guillemets. INPUT "": permet de faire choix, du texte peut-être mis entre les guillemets. Cette fonction doit se terminer par un ";" après les guillemets puis par la variable que l'ont va utiliser pour stocker le nombre tapé. IF...THEN...ELSE : Condition '"si...alors...sinon" LINE : permet de créer des ligne ou des quadrilatères. CLS : efface tout ce qui est avant cette fonction. Voilà, rien qu'avec ça vous pouvez faire des petits jeux genre le juste prix. LE PHP Alors maintenant je vais vous parler du php, car le basic est le php ont beaucoup de similitudes. Alors c'est quoi le php? Et bien le php est un langage internet pour faciliter la création des sites web et pour créer des applications web. Mais ne vous méprenez pas, ce n'est pas un langage facile à cerner. Il faut avoir quelque connaissance pour s'en servir correctement. Alors le php peut se placer n'importe où dans une page web. Pour mettre du php dans une page, il faut insérer les balises <? (pour déclarer le php) et ?> (pour clore le php). Mais à l'inverse du html, le php ne se lit pas tout seul. Pour que les visiteurs d'un site puisse le voir, il faut que votre page comporte l'extension ".php", cela permettra à votre hébergeur de convertir les codes php pour qu'ils soient visible pour tous. Attention : tous les hébergeurs ne font pas du php. Renseignez vous bien avant de prendre votre hébergeur. Bon sinon comment ça se présente le php? Bien un peu comme le basic. On retrouve les conditions, les variables, les boucles, mais pas les Lbl et Goto. Mais à quoi cela peut-il servir me direz-vous? Et bien ça sert à faciliter la contruction de sites web mais aussi cela permet de créer des application web, j'entends par là des forums, livres d'or, posteurs de news... Alors comment on s'en sert? Bien c'est pas très facile, moi même je dois avouer que je suis pas un crack, mais vu que j'ai quelques connaissance en basic il m'a été assez facile de m'y mettre. Alors en premier lieu il y a les variables. Elles ont la même fonction qu'en basic mais elles ne se déclarent pas pareil. En basic nous avons vu qu'il y avait 5 types de varibles, et bien en php ces 5 types sont regroupés en un seul ce qui facilite la tâche. Donc plus besoin d'apprendre quel suffixe mettre, puisqu'en php les variables portent toutes le préfixe "$". Alors les opérateurs maintenant. Et bien c'est exactement comme ne php. Donc pas très compliqué. Je ne refais la liste, vous n'aurez qu'à allé voir plus haut. Alors il y a aussi les conditions. En basic nous avions dit que les conditions se déclenchaient avec "IF...THEN...ELSE". Et bien en php c'est presque pareil ormis 2-3 différences. Les conditions se déclenchent comme ceci : if(condition à remplir) { actions qui doivent s'exécuter si la condition est remplie (pas besoin de THEN) } else { actions qui doivent s'exécuter si la condition n'est pas remplie } Donc vous voyez c'est assez simple. Pour les conditions il existe aussi le "elseif". Cela veut que l'on peut mettre une condition de suite après le "else", mais cela ne fait changer en rien la syntaxe. De plus après un "elseif" vous pouvez mettre un 2ème "else" ou un 2ème "elseif" et ainsi de suite. Exemple de "elseif" : if(condition(1) à remplir) { actions qui doivent s'exécuter si la condition(1) est remplie (pas besoin de THEN) } elseif(condition(2) à remplir) { actions qui doivent s'exécuter si la condition(1) n'est pas remplie et si la condition (2) est remplie } else { actions qui doivent s'exécuter si la condition(2) n'est pas remplie } Alors le php peut servir aussi à écrire du texte ou à faire apparâître des images. On utilise pour du cela la fonction "echo" ou la fonction "print" suivi de ("..."). Exemple : print("<img src=\"http://www.site.com/images/php.jpg\">"); Voilà comment on fait apparaître une image. Pour le texte il vous suffit juste de remplacer la balise img par du texte. Remarque : à chaque fois que vous avez fini d'écire une fonction il faut qu'elle se termine par ";" sinon le navigateur vous dira qu'il y a une erreur (et en plus il est gentil il vous donne même la ligne). Voilà je pense ne pas avoir oublié grand chose sur le php. Si vous avez besoin de plus d'infos je vous conseil ce site : All Html.com LE HTML Maintenant nous voici à parler du html. Alors là y en a long à dire. Car étant un langage assez simple il est plutôt dur à écrire. En effet on peut créer des pages web seulement avec le bloc note, mais pour cela il faut être un crack en html. Mais heureusement on a inventé les éditeurs htlml. Ils permettent aux débutants comme aux expérimentés de voir ce qu'il font quand ils construisent leurs pages web, ce qui rend le html plus facile d'utilisation. Alors les éditeurs les plus connus sont : Dreamweaver (3,4 ou MX) Frontpage Webexpert Word Il y en a d'autre mais je ne me rappelle plus de leur nom. Alors ça ressemble à quoi le html? Et bien pas à grand chose ormis les <>. En fait chaque fonction de html est toujours encadrée par des <>. Une page web est composé de 2 partie : la tête et le corps. Lorsque l'ont fait une page html on doit toujours avoir : <html> <head> (la tête) <body> (le corps). Alors comment on fait une page. Pour ne pas brusquer les choses, il faut tout d'abords se mettre en tête le schéma initial. <html> <head></head> <body></body> </html> Alors c'est quoi ça me direz-vous? Et bien en fait ici on ouvre une page html, on ouvre la tête et on la referme. Entre l'ouverture et la fermeture vous pouvez y mettre tout ce que voulez, du moment que ça reste pour la tête. Ensuite on ouvre le corps (on peut mettre ses données, c'est ce qui sera apparent sur votre page) puis on ferme le corps et enfin on clot le code de la page html. Tout d'abords prenons la tête. Que met-on dedans? Vous pouvez y mettre le titre de votre page grâce à la balise <title>Votre titre</title>. De plus la partie <head> sert à mettre du javascript. Le javascript est aussi un langage internet mais je ne le l'évoquerai que très peu de fois. Remarque : le plus souvent ce que l'on met dans la tête n'est pas apparent sur la page web. Ensuite dans le corps. Et bien dans le corps on met tout ce qu'on ne peut mettre dans la tête. On peut y mettre du texte (aucune balise n'est nécessaire) mais aussi des cadres, des tableaux (à dissocier des cadres), des liens, des images j'en passe et des meilleurs. Mais comment on met tout ça me direz-vous? Dans ce qui va suivre je vais vous mettre les principales balises utilisée en html avec une petit explixation. - <a href="http://www.monsite.com">Message du lien</a> : Cette balise sert à faire des liens hypertextes. Le lien n'apparaîtra pas sur votre page mais c'est seulement le "Message du lien" qui apparaîtra. Si vous cliquez dessus votre navigateur ira sur le lien inscrit dans la balise, ici "http://www.monsite.com". Remarque : en ajoutant target= dans la balise de lien, on peut selectionner l'emplacement dans le lequel apparaîtra la page de lien (dans une nouvelle fenêtre, dans la même fenêtre, dans un cadre (si vous avez mis des cadres)). - <img src="http://www.monsite.com/image.jpg"> : cette balise sert à afficher une image. Il vous suffit d'entrer l'URL de votre image pour qu'elle puisse s'afficher. Remarque : vous pouvez combiner les 2 balises précédente : vous mettez la balise de lien puis avant le </a> vous mettez la balise d'image. - <form></form> : sert à intégrer un formulaire dans votre page. - <table></table> : sert à insérer des tableaux. - <bgsound src="http://..." loop=X> : sert à insérer une musique, le "loop" sert à définir combien de fois la musique doit être répétée (si vous mettez -1 la musique sera répétée indéfiniment). Alors je ne vais pas trop épiloguer dessus, car sinon je pourrai écrire un roman entier. Ce que vous pouvez savoir aussi, c'est dans le texte on peut intégrer des balises pour souligner, rendre gars, mettre en italique... - <hX></hX> : le texte entre ces 2 balises se verra être rétréci ou agrandi suivant la valeur que vous mettrez à X. X est compris en 1 et 6, 6 est le plus petit et 1 le plus gros (et oui je sais c'est pas très logique). - <strong></strong> : affiche le texte en gras. - <em></em> : pour mettre en italique. - < u>< /u> : sert à souligner. Alors, ce qu'il faut savoir c'est que l'on peut aussi changer la couleur. Les couleur sont codée, par exemple le 000000 code le noir, le FFFFFF code le blanc. Lorsque vous mettez un <body>, vous pouvez intégrer dans cette balise les couleurs par défaut des liens, du fonc de la pages, du text. Pour le fond on met bgcolor= suivi du code de couleur, pour le texte c'est text= suivi du code de couleur, et pour les liens c alink= et vlink= suivi du code de couleur. Maintenant je vais vous taper le code pour faire une page à fond noir, avec un texte blanc, des couleurs de lien pourpres et un petit message. <html> <head><title>Page d'essai</title></head> <body bgcolor=000000 text=FFFFFF alink=CC00CC vlink=CC00CC> Bonjour, vous voici sur votre 1ère page html faite avec le bloc note. Voici un petit lien : <a href="http://www.france-jeune.net" target=_blank> </body> </html> Donc voilà, que dire de plus? Ah oui, les balise que j'ai données plus haut peuvent être accompagnée d'instrcution visant à affiner ce que je vous faites. Pour un débutant cela ne sert pas à beaucoup, mais pour les personnes expérimentée ça peut servir. Si vous voulez en savoir plus sur le html : All Html.com NB : les pages html doivent avoir l'extension ".html" ou ".htm". Donc voilà tout ce que vous pouvez savoir pour avoir au moins les bases dans le basic ou le php ou le html. Notez bien que le html est plus facile à appendre que le php et que pour apprendre le php vous devez avoir quelques notions de html et aussi de basic. Si j'ai choisis d'expliquer les bases de ces 3 langages c'est parce qu'ils sont assez liés. Voilà j'espère qu'avec cela vous deviendrez vite des pros de la programmation, mais souvenez-vous que pour être un crack il faut de la patience. |
| Extrait du site https://www.france-jeunes.net |
| Tous droits réservés |