Cours #1 - Web

April Cooper prit son trousseau de clef. Elle chercha la clef 01Dø... trouvé! Elle rentra la clef dans la serrure et entra dans la salle de cours, totalement déserte. À elle de commencer son cours, d'abord fallait-il attendre les élèves.

Elle allait faire l'ouverture de la nouvelle année... cette rentrée. Qu'est-ce qu'elle ne l'enviait pas, cette année scolaire! De plus qu'elle se sentait si bien, tranquille, en vacances. Vacances, vacances... il fallait jusqu'à en oublier ce mot. April soupira, encore, puis encore. La rentrée, la rentrée.. Elle referma la porte et s'avança vers le bureau du professeur. Elle déposa dans son sac et sortit un classeur remplit à en exploser. Remplit de quoi? Du programme des débutants, section WEB. C'était partit.

Elle s'avança des postes d'ordinateurs et les alluma tous, les uns après les autres. Elle configura les quelques ordinateurs problématiques puis sortit ses dossiers.

Elle sortit son étui à lunette de son sac, sortit ses lunettes et les mit. Elle relit le programme du cours, les titres des livres, les sujets... tout.

« Tout est prêt! » dit-elle satisfaite.

Il ne restait plus qu'à attendre les élèves de la la classe Débutante.

Après avoir passé son examen et prise dans la section débutante, Emie rejoint la Salle de cours, il lui fallut traverser pas mal de couloir avant d'arriver a la bonne salle, et encore elle c'était perdue en chemin..

Enfin elle y était devant la Salle des débutants, mais elle n'entendait pas le moindre bruit, Emie hésita un moment avant de rentrer. Elle toqua discrètement et entra. Il n'y avait la que Mlle Cooper qu'elle avait déjà vu pour l'examen il y a quelques temps, elle ne savait pas ce qu'elle lui avait dit en lui disant a bientôt, elle ne pensait pas la revoir aussi vite.

Bonjour Mlle Cooper dit-elle assez timidement
Je dois être en avance non?

Elle s'avança dans la salle et alla s'asseoir près d'un ordinateur au deuxième rang. Emie n'a jamais aimé être au premier rang et ni au dernier. Elle posa ses affaires et regarda la salle comme quelque chose de nouveau..

April était en train de se connecter sur sa session sur un poste d'ordinateur. Lorsqu'elle entendit toquer, elle pencha la tête pour voir qui s'y trouvait. Elle aperçu Emie et sourit. Elle l'accueillit.

« Bonjour Emie! Oui, assez. Tu es ponctuelle, bonne chose.

April se leva de son bureau et alla devant le tableau noir, prit une craie et écrit:

LIVRE À LIRE:
"La base du HTML"
Un livre de l'académie.
Consultez la bibliothèque de l'établissement pour acheter le livre, actuellement disponible là-bas.

Elle regarda d'un coup d'œil si elle n'avait rien oublié, puis reposa la craie. Elle s'essuya sur sa jupe noir qui laissa quelques traces de poudre blanches sur le tissu, et vint se rassoir à son poste. Le silence parcouru la salle pendant un petit instant.

- Je n'ai jamais compris pourquoi les élèves étaient si retardataires... Peut-être est-ce toi qui es si en avance, dit-elle d'un petit rire nerveux. Elle visa le tableau et ce qui y était inscrit
C'est le livre que je vous donne à lire pour connaître les bases. Il est disponible à la bibliothèque. C'est un bon livre qui apprend les toutes premières chose, le minimum à savoir, c'est très court. L'examen prochain des débutants sera sûrement basé sur ce texte et les i.... expliqua-t-elle en s'interrompant.
Elle prit un air songeur et rappliqua: Tout compte fait je devrais me taire sur le sujet de l'examen, c'est plus prudent. dit-elle amusée.

Ayae s'était arrêtée en chemin, et adossée à un mur, elle vérifia qu'elle était bien dans le bon batiment. A vrai dire, elle se perdait facilement mais là, elle avait vraiment du mal à se repérer en plus de la différence entre chaque maison. La jeune fille espérait secrètement qu'elle arrivait à s'y faire au bout de quelques jours.
En relevant, la tête , Ayae entendit du bruit et crut reconnaitre le timbre de voix de la jeune femme lui ayant fait passé l'examen. Elle vérifia d'un coup d'oeil le numéro de la salle et soulagée toqua doucement à la porte ouverte.

*C'est bien ma veine, d'être en retard le 1er jour moi ... enfin on va essayer de rester sérieux un peu ...*

" Bonjour,Excusez-moi, je suis un peu en retard, je n'étais pas sure d'être dans le bon batiment. Est- ce que je peux entrer ?
dit-elle genée.
Elle n'était pas rouge pivoine mais sa gêne avait provoqué une légère rougeur au niveau de ses joues.

April se rassit à son bureau lorsqu'elle entendit la voix de Ayae. Elle regarda sa montre. La jeune fille n'était pas en retard. Elle lui adressa un sourire et l'accueillit dans son cours.

« Bonjour Ayae. Tu es bien dans la bonne salle.. encore un peu et tu aurais été en retard. Ne sois pas timide, entre. dit-elle.

Elle se leva et l'accompagna à un poste libre vers le deuxième rang. Elle lui ouvert une session sur l'ordinateur et la laissa s'installer.

- Installe-toi. Je t'en pris. dit-elle. Elle s'avança devant le tableau en la fixant du regard. Ce livre est a acheté et à lire le plus vite possible. Nous allons y travailler. Il est disponible à la bibliothèque, tu pourras y aller et l'acheter en vitesse. expliqua-t-elle.

April s'occupa après d'Emie et lui ouvrit une session sur le poste où elle était, au premier rang. Elle retourna à son poste et se connecta à internet en attendant. Elle re-regarda sa montre en vérifiant l'heure.

Emie regarda pendant un moment le tableau et le nom du livre, elle avait déjà eu l'occasion d'aller à la bibliothèque pour l'acheter et de le parcourir un peu. Elle entendu du bruit dans le couloir et vit Ayae rentrer, c'était la première fois qu'elle la voyait dans l'Académie. Bien sur c'est le début, les inscriptions et l'année commence, les rencontres se font malgré qu'elle n'ai pas encore eu l'occasion de rencontrer quelqu'un du moins depuis son arrivé.
Après que Mlle Cooper lui ouvrit une session sur le poste ou elle était, Emie s'entraina sur l'ordinateur avec ce qu'elle avait lu et retenu du livre. Elle chercha dans sa mémoire afin d'avoir un rendu a peu près correct même si ce n'était pas grand chose.

Spoiler:

Elle se trouvait déjà satisfaite malgré que ce ne soit pas vraiment une œuvre d'art, mais c'était déjà un bon début. Elle sait qu'elle avait encore beaucoup à apprendre mais était très motivée pour arriver à un bon rendu.
Excuser moi, on pouvait commencer a faire quelques choses ou ?
D'un coup elle fut un peu gênée, elle ne savait pas si ils avaient déjà le droit de toucher à l'ordinateur alors que Mlle Cooper n'avait pas encore donné de consignes.

Caitlyn n'a pas eu de mal à trouver la salle, elle était juste à côté de la première cours de l'Académie. Elle vit déjà deux personnes entré en classe, et se ramena avec son livre de HTML. Elle ne savait pas si elle était en retard, mais elle s'en foutait un tout petit peu. Elle avait vu la proviseur au tableau la regardait entrée dans la salle, en la regardant fixement, sans sourire. Elle lui fit un petit sourire, et un sourire à toutes les filles dans le salle. Elle s'assied à une place seul, au fond de la salle.

- Bonjour Madame. Cours #1 - Web 460693

J'ai acheté le livre que vous nous avez demandé.
Je n'ai pas eu besoin de le commander.

Elle regarda autour d'elle; les murs vieux et sale, une salle qui n'a pas été lavé depuis très longtemps se dit-elle. C'était à peu près la seule salle à refaire, car les autres était assez modernes et très propre. Elle posa son livre devant elle, et le feuilleta un peu, et trouva ça trop compliqué pour elle. Elle se disait qu'elle n'arriverait jamais à comprendre. Elle ne savait même pas ce que voulait dire HTML. Pour elle, c'était peine perdue.

April passa devant l'écran de Emie qui patientait en faisant un layout. Elle le trouvait réussi, bien que simple, c'est un bon travail.

« Très joli... Nous travaillerons les layouts en cours de Graphique. Bien, ouvrez le "bloc-note" s'il vous plait. Il faut son livre très vite s'il vous plait. dit-elle.

Elle vu une autre élève entrer. Elle fut satisfaite que l'élève eut déjà son livre.

-Bonjour mademoiselle. Veuillez vite prendre place, suivez-moi. Elle la conduis à un poste libre, lui ouvra une session et lui fit signe de s'installer. April revint au tableau.

- Tout le monde a ouvert "bloc-note"? Bien. Nous pouvons commencer. Dans le livre que je vous ai demandé, voyez-vous, nous apprendrons à créer une page web simple. Il vous donne le code HTML d'une page web de base. C'est exactement:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>Mon titre ici</title>
</head>
<body>
<br>Voici mon super-site!
</body>
</html>

Veuillez faire un copier coller de ce code dans votre bloc-note. Enregistrez votre travail avec l'extension .HTML, comme le dit votre livre.
Nous allons changer le titre de votre page web. Le titre est à changer dans

Code:

<title>Mon titre ici</title>

.

Poursuivons. Qui peut me dire où on écrit le texte de la page web? C'est-à-dire entre quelles balises? » demanda-t-elle.

Ayae fit un signe de tête à la nouvelle entrante et se remit à noter sur un petit calepin, les références du livre que demandait Melle Cooper.
Maintenant que le cours était commencé, elle ne voulait pas s'absenter pour aller le chercher à la bib. Tant pis, elle nota les étapes pour se rappeler d'aller les chercher dans le boukin plus tard.
Ayae parcoura les programmes présents sur l'ordinateur et ouvrit le bloc note.

- Tout le monde a ouvert "bloc-note"?
Bien. Nous pouvons commencer. Dans le livre que je vous ai demandé,
voyez-vous, nous apprendrons à créer une page web simple. Il vous donne
le code HTML d'une page web de base. C'est exactement:

Code:: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>Mon titre ici</title>
</head>
<body>
<br>Voici mon super-site!
</body>
</html>

Veuillez faire un copier coller de ce code dans votre bloc-note. Enregistrez votre travail avec l'extension .HTML, comme le dit votre livre.
Nous allons changer le titre de votre page web. Le titre est à changer dans

Code:: <title>Mon titre ici</title>

.

Veuillez
faire un copier coller de ce code dans votre bloc-note. Enregistrez
votre travail avec l'extension .HTML, comme le dit votre livre.
Nous allons changer le titre de votre page web. Le titre est à changer dans

Mon titre ici

La jeune fille fit le copier coller, et change le titre pour

Code:

<title>Mon tout nouveau site</title>

et attendit les autres instructions.

La proviseur jeta un coup d'oeil comme pour évaluer les questions éventuelles et continua.
"Poursuivons. Qui peut me dire où on écrit le texte de la page web? C'est-à-dire entre quelles balises? » demanda-t-elle.

Ayae leva la main, ça, elle le savait.

" Le contenu du texte se place entre les balises "body"..."

April passa dans les rangs pour vérifier les pages des autres. Lorsque Ayae leva la main, sa réponse fut bonne.

« Exactement Ayae! Donc, tout le contenu de votre page: texte, vidéo, image... sera entre <body> et </body>. dit-elle en la félicitant d'un sourire.

Elle revint au tableau pour se mettre en évidence devant tous ses élèves. Elle reprit la parole:

- Bien. Maintenant, décorons un peu cette page. Mettons un fond à la page web. Que vous préfériez une couleur ou une image, ça m'est égale. Vous pouvez mettre par exemple un pattern. Le livre vous donne l'astuce. Pour une image, il faut <body background="URLDELIMAGE">, quant à une couleur <body bgcolor="#FF9933">. Faites un copier coller d'une de ces deux balises, choisissez ce que vous préférez. Ensuite modifiez le code: si vous avez pris la balise de fond avec image, changez l'url avec l'url de votre pattern. Si vous avez pris la balise pour le fond en couleur, changez le code couleur (#).
Tout le monde y est?

April se rendit sur son poste et exécuta les opérations elle aussi.

- Vous pouvez vérifier que cela marche bien en enregistrant et en regardant à quoi ressemble la page en l'ouvrant avec Firefox ou Internet Explorer.

Bref, passons. Attaquons-nous au corps de la page. Mettez une bannière, je vous rappel que c'est entre <body> et </body> qu'on place tout son corps de la page (texte, image, vidéo ...). Qui peut me donner la balise pour une image? Elle est dans votre livre au chapitre trois exactement.

Emie vit Caitlyn entrer, elle non plus elle ne l'avait pas encore vu auparavant.
Elle écoutait attentivement les instructions et avait déjà fait la majorité de ce qui se disait. Elle pris la parole pour répondre à ce que Mlle Cooper venait de demander.

La balise pour mettre une image est:

Code:: <img src="lien de l'image" />

Elle continua sa page et lorsqu'elle fût fini elle regarda les deux autres personnes qui était dans la salle avec elle puis elle se retourna. Emie était assez fière d'elle, pour une fois elle arriver à suivre un cours, pas comme dans son ancien lycée ou elle devait tout revoir chez elle pour comprendre quelque chose. Elle jeta un coup d'œil sur sa montre comme pour voir si les cours passer vite ou non. Ce n'était que le début d'année, et déjà elle pris cette mauvaise habitude, regarder l'heure sur sa montre.. Signe que l'année aller peut-être être longue dans cette Académie.

April repassa dans les rangs. À première vue, ses élèves s'en sortaient et comprenaient... Elle était satisfaite d'elle même et ses élèves. Le travail semblait bien se dérouler. Il fallait d'après elle continuer ainsi, ils étaient tous dans la bonne route.

« Exactement mademoiselle Peyseel. Bien. Maintenant, insérez une image entre body et body. Centrez-là. Pour centrer l'image, il faut <div align=center>Contenu centré</div>. À la place de "Contenu centré", mettez votre image. Pour l'image, il faut avoir son URL. Pour avoir l'URL de l'image, j'espère que vous le savez tous, il faut l'héberger sur un site d'hébergement gratuit comme http://hebergeurimage.free.fr/.
C'est fait? Maintenant, sautez une ligne. Le code de saut de ligne est <br> pour un petit saut ou <p>Contenu</p> pour un saut plus grand. Optez cette fois-ci pour <br>. Mettez après le saut de ligne le titre de votre page web. Je vous donne par exemple en titre "Cooper's Website" ou "Mon site" ect... C'est tapé? Enregistrez, regardez votre page pour voir si tout fonctionne. Personne n'a de problème? » demanda-t-elle pour vérifier si tout allait bien.

Elle écrit un petit récapitulatif au tableau:
* Ouvrir le bloc-note.
* Mettre le code de base d'une page web.
* Mettre le titre de son site entre <title> et </title>.
* Mettre un fond coloré ou par image (entre <head> et </head>).
* Mettre une bannière alignement centré dans le contenu de la page (entre <body> et </body>).
* Sauter une ligne (<br>) et taper le titre du son site.

Après une seconde de réflexion, Ayae opta pour un fond couleur bleue nuit. Ce qui semblait pour elle, correspondre au mieux pour l'instant a l'association d'un fond et d'une bannière, n'ayant rien qui pourrait aller dans la clé usb qu'elle trimballait tout le temps avec elle.
Elle changea donc .
Ensuite, la jeune fille vérifia, mais la couleur ne s'affichait pas correctement. En jetant un coup d'œil par dessus son écran, Ayae se rendit compte qu'elle avait placé ce code entre les balises body, alors que Melle Cooper notait qu'elle se situait dans les balises d'en tête.
D'un clic, elle déplaça donc la couleur dans les bonnes balises et se concentra sur l'étape suivante.

elle choisit donc bannière ce qui donnait :

Code:: <body>
<br>
<div align=center>http://img407.imageshack.us/img407/4714/banirehiver.png</div>
</br>
</body>

Fière de pouvoir suivre sans de grosses difficulté, Ayae compléta ses propres notes avec celle de la proviseur.

April quitta l'estrade du tableau pour passer entre les rangs et vérifier que personne n'avait de problèmes. À première vue, personne n'en avait. Elle passa voir Ayae. Elle fit un sourire de satisfaction. Pour l'instant, tout allait bien pendant le cours. Il pouvait poursuivre sans contrainte. April revint donc à l'estrade pour continuer le cours.

« Bien. Tout le monde a finit? On peut continuer. Avez-vous tapé le titre de votre page web après ce saut de ligne? Bien. Ce titre, mettons-le en valeur. Vous pouvez le mettre plus grand, en couleur, d'une police différentes... tout est dans votre livre dans le tableau. Je vous laisse donc personnaliser le titre. Je veux qu'il ait un minimum de personnalisation, comme la grandeur. dit-elle en laissant beaucoup de possibilité à ses élèves. Elle ouvra son libre "La base du HTML pour jeter un coup d'œil au tableau puis reprit. Maintenant que c'est fais, sautez une ligne avec <br>. Vous allez taper une description de votre page dans un tableau. Cependant ce tableau ne sera que d'une cellule, avec un fond d'une couleur/image différente que celle de votre page. Donc après le saut de ligne, vous allez faire un copier coller de ce code si vous désirez que ce soit une couleur en fond de votre tableau:

<table border="0" width=600 cellpadding="2" cellspacing="2" bg>
<tbody>
<tr>
<td style="background-color: #FFFFFF" >Ici, la description</td>
</tr>
</tbody>
</table>

Ou ce code si vous utilisez une image en fond de votre tableau:

<table border="0" width=600 cellpadding="2" cellspacing="2" bg>
<tbody>
<tr>
<td style="background-image: URL('http://')" >Ici, la description</td>
</tr>
</tbody>
</table>

Choisissez le code pour lequel vous optez. "Width=600" désigne la largeur. Vous pouvez la modifier si vous le désirez. expliqua-t-elle.

Laureen chercha la salle de cours et enfin elle la trouva . Elle ne voulais pas être en retard pour son premier jour de cours . Et de plus elle n'aimais pas trop sa être en retard , elle voulais être parfaite , arrivé a l'heure etc ... Elle toquât à la porte puis entra . Elle vit Caitlyn et deux autres jeunes filles qu'elle ne connaissait pas assissent à des postes . Il y avait aussi Mme Cooper . Elle était en retard . Elle était un peu déçu , elle resta à la porte .

Bonjour , excusez moi de mon retard , j'ai eu un peu de mal à trouvé la Salle , dit-elle , Mmm' J'ai acheter le livre que vous avait demandé .

Elle s'arrêta et dans son sac cherchât quelque chose . Elle avait dans son sac un bazar total mais elle pût quand même trouvé le livre qu'elle devait acheter , elle le sorti et le montra a Mme Cooper .

Est-ce que je peut entre ? , dit-elle poliment .

Elle sourit a Mme Cooper et aux filles dans la salle .Puis entrât et s'essaya ou Mme Cooper l'avait conduite .Elle posa son livre devant elle puis Regarda le tableau ou était inscrit les instructions et commença . Elle trouva assez facilement le bloc note et l'ouvrit . Elle fit le copier coller . Laureen avait un peu de difficulté . Elle leva le bras et attendit que Mme Cooper l'interroge .

Mmm' Madame , j'ai fait ceci mais je ne comprend pas très bien pouvez vous m'expliquez ? Dit-elle un peu honteuse .

HJ : J'ai fais le copier coller tous sa et j'ai fais les trucs quand je fais prévisualiser ben y a rien =/

April vu une nouvelle élève entrer. Elle s'en souvenu: une jeune fille qui venait d'intégrer l'école. Peut-être avait-elle des difficultés? Comme beaucoup. Elle la salua généreusement, rien ne sert d'être désagréable, même si son humeur était pour l'instant passable... Elle lui fit signe de s'installer. Lorsqu'elle ordonna l'opération, elle connecta son ordinateur à une session, et la laissa sortir ses affaires. Elle revint au tableau faire quelque petites choses sur son ordinateur personnel de professeur.

Une élève l'appela, Laureen Stewart en question. Celle-ci avait un peu de mal. Elle s'approcha d'elle, tout en passant partout dans les rangs pour vérifier si tout le monde réussissait.

Apparemment, la jeune fille avait oublié une tâche importante, qui n'était pas marquée au tableau.

« Excuse-moi, je ne l'ai pas marqué au tableau. Il faut enregistrer en html, c'est-à-dire enregistrer-sous, et en titre "pageweb.html". Ensuite tu visualises le tout avec un explorateur internet. Comprends-tu? dit-elle.

Elle revint au tableau pour préciser le récapitulatif des tâches. Elle modifia et rajouta:
* Ouvrir le bloc-note, enregistrer-sous et titrer "pageweb.html".
* Mettre le code de base d'une page web.
* Mettre le titre de son site entre et .
* Mettre un fond coloré ou par image (entre et ).
* Mettre une bannière alignement centré dans le contenu de la page (entre et ).
* Sauter une ligne (
) et taper le titre du son site.
* Modifier les caractères de son site (grand titre, la couleur ect.)
* Faire un tableau d'une cellule d'un fond coloré/par image en y tapant la description.

Une fois chose faite, elle reposa la craie poussiéreuse.

- Bien. Après le tableau avec la description, sautez une ligne. Vous n'avez plus qu'à rajouter du contenu: vidéos, images, textes, content flash... vous pouvez mettre vos créations, faire un mini-blog, mettre des liens... à vous de voir!

Pour mettre des vidéos, allez sur youtube ou dailymotion, allez sur une vidéo, et copier le code HTML, du moins s'il est permis.
Sinon, vous pouvez mettre de la musique via deezer.

Je précise que plus vous utilisez de balises compliquées, plus vous augmenterez votre note à l'examen! Je vous conseil aussi de changer la police du texte... Times New Roman (utilisée par défaut sur les pages webs) n'est pas la plus belle.

Tout le monde est ok? Vous voulez que je vous fasse un tableau avec les balises ou ça ira? Quoique dans votre livre, tout est inclu... ce n'est pas nécessaire. Mais si vous ne comprenez pas trop, faites-moi signe. dit-elle, prévenante.

Elle descendit de l'estrade et passa dans la rang. Elle avait oublié quelque chose pour le préparatif de l'examen. Elle revint au tableau après avoir vérifié les ordinateurs de tous, et dit:

- C'est un travail important à faire. À l'examen, vous devrez envoyer une page web aux responsables. Pour le faire, il faut utiliser http://www.toofiles.com/fr/documents-upload.html/. Sur la page, faites Parcourir, et sélectionnez votre fichier .html, puis, envoyez votre fichier. On vous donnera un lien que vous devrez donner à l'examen.

Entraînez-vous pour l'examen et réalisez ces opérations quand vous aurez fini votre page web. Donnez moi votre lien pour que je puisse vous donner conseil. » rajouta-t-elle.

Laureen avais fini mais elle n'arrivais toujours pas a mettre des images .. Déçu mais quand même heureuse d'avoir au moins fait quelque chose elle leva la mains et attendit que Mme Cooper l'interroge .

Mmm , Madame j'ai fini , dit-elle

Mme Cooper s'approcha pour regarder le travaille de Laureen .
http://dl.toofiles.com/yds1i4/documents/2496_pageweb.html

Mais je n'ai pas réussi a mettre des images comme toujours , reprit-elle .

Laureen baissa un peu la tête honteuse de ne pas arriver a mettre d'image .. Elle voulais que tous soit parfait mais elle n'y arrivais pas .. Elle leva la tête et ne dit rien , elle attendait la réponse et la réaction de Mme Cooper . Elle voyait très bien qu'elle énervé un peu Mme Cooper mais elle s'en foutait un peu , elle voyait aussi que Mme Cooper n'était pas d'humeur joyeuse mais plutôt passable .Laureen savais tous sa car elle avait plutôt un bon instinct . Elle trouvait Mme Cooper très jolie et se demandait parfois pourquoi elle était ici alors qu'elle aurait pût faire manequin mais elle garda sa pour elle. Elle regardait très attentivement Mme Cooper qui lui parlait .

Ayae cherchait des idées originales pour agrémenter le site. Elle avait déja changer la couleur de fond trop forte à son gout, mis une épaisseur de cadre plus grande à son cadre de présentation. La jeune fille avait déja plus ou moins l'idée de ce qu'elle voulait mettre dessus, mais il restait à trouver la manière de le faire et de les agencer correctement.
Elle se rappela les books mark que son meilleur ami avait copier sur clé Usb ,avec divers sites donnant des coups de pouces pour le Html. Ayae espérait d'ailleurs avoir le temps de les potasser un peu avant l'examen.

Elle se tourna vers Melle cooper et demanda:

Pour ce que l'on doit rendre à l'examen... c'est à faire et à vous rendre tout de suite , ou on peut y travailler encore après le cours ?

April passa voir Laureen qui n'arrivait pas à mettre des images. Elle réfléchit quelques secondes, et trouva le problème: l'hébergeur. Elle se mit à côté de l'élève en difficulté pour lui expliquer.

« Tes images ne s'affichent pas car ton hébergeur image te donne le mauvais lien. Utilise http://hebergeurimage.free.fr/index.php en prenant le premier lien. S'il te donne en lien "http://hebergeurimage.free.fr/" c'est un bug qui arrive couramment, répète l'opération s'il te fait le bug. C'est d'accod? dit-elle. Après ça, elle revint au bureau et tapa l'adresse du lien de Laureen. Il ne marchait pas... Elle ressaya, encore et encore puis intervint. Laureen, ton lien ne marche pas. Comment sela se fait-il?

Ayae Kimiko lui posa une question. Apparemment, l'élève était prévoyante avant l'examen, bon point.

- Pour ce qui est de l'examen, vous serez convoqué quand il aura lieu. Lors de l'examen, on vous donnera les critères de ce que vous devrez faire, qui sera évalué etc. Ces pages que nous confectionnais ici-même sont des pages d'entraînement et surtout d'apprentissage. Comme ça, vous serez quoi et comment faire à l'examen. Bien évidemment, vous êtes les bienvenue de travailler après les cours des pages webs entre amis, ou seul.

Vous pouvez me contacter sur mon téléphone portable si vous avez besoin d'aide. Je serai là pour vous aider. Vous pourrez aussi me faire part de l'adresse de votre page web pour que je vous donne conseil. rajouta-t-elle.

Au tableau, elle prit une craie puis marqua son numéro: 06 60 45 12 36 (Motorola).
Ensuite, elle demanda l'attention de tous ses élèves. Une question s'imposait: maintenant que le premier chapitre avait été fait et que les bases des pages web avaient étaient apprises, on pouvait passer soit au CSS soit à l'iframe. Elle fit la proposition à ses élèves.

- S'il vous plait, écoutez-moi tous. Nous avons le choix entre commencer le chapitre sur les iframes, plus utilisé sur la construction du site, ou CSS, utilisé sur la construction de site ET forum. Que préférez-vous? » demanda-t-elle.

Ayae hocha la tête, satisfaite. Même si elle n'avait pas le temps de tout faire et vraiment intégré pendant le cours, elle pourrait bien se préparer avant l'examen. Elle fut aussi rassurée de savoir que la politique enseignante n'était pas de noter tous les travaux.

- S'il vous plait, écoutez-moi tous. Nous avons le choix entre commencer le chapitre sur les i frames, plus utilisé sur la construction du site, ou CSS, utilisé sur la construction de site ET forum. Que préférez-vous? » demanda-Melle Cooper.

Après avoir noter son numéro de téléphone, qu'elle mettrait plus tard dans son répertoire, la jeune fille réfléchit à ce qui lui serait le plus bénéfique et finalement se décida.

Personnellement, je préférerais travailler sur le Css mais on décide ensemble...dit elle en se retournant vers les autres filles.

Laureen écouta attentivement la raison du pourquoi les images ne se mettaient pas . Puis Mme Cooper alla a son bureau et Laureen essaya ce que Mme Cooper venait de dire quand Mme Cooper dit :

Laureen ton lien ne marche pas. Comment sela ce fait-il ?

Laureen réflechit pourquoi , puis recliqua elle même sur le lien qui ne marchais pas non plus ici alors que il y a tous juste deux minutes il marchait . Elle regrettait déjà un peu cette premiere heure de cours ou elle avait tous bousillait .

Mmm' , Je ne sais pas Madame , il y a tous juste deux minutes sa marchait .. , dit-elle honteuse .

Laureen allait tous refaire chez elle , elle en était sur , car en classe elle venait de tous bousillait et elle voyait que Mme Cooper était un peu sur les nerf ..

Madame , je pourrai avoir sa en devoir pour tous refaire chez moi et voir si cela remarche parce que je viens de réessayer tous ce que vous m'avez dit mais rien ne marche , reprit-elle .

Elle avait soudain honte d'être plus en difficulté que les autres , elle préfére être parfaite mais pour ce premier jour ce n'était pas vraiment PARFAIT .

- S'il vous plait, écoutez-moi tous.
Nous avons le choix entre commencer le chapitre sur les i frames, plus
utilisé sur la construction du site, ou CSS, utilisé sur la
construction de site ET forum. Que préférez-vous? demanda-Melle Cooper.

Personnellement je préférais travailler sur le Css mais on décide ensemble .. , avait dit Ayae , que Laureen avait déjà rencontré dans plusieur endroit a Sakurai School .

Laureen était d'accord avec Ayae.

Moi je suis d'accord de travaillé sur le Css , dit Laureen en souriant a Ayae .

April écouta les propositions des élèves: ils étaient plus intéressé par le CSS, rien d'étonnant. Elle revena vers Laureen pour lui demander si les images marchaient. Ensuite, puisqu'elle ne comprenait pas pourquoi son lien vers sa page ne marchait pas, April prit son air songeur habituel et réfléchit.

« Peut-être un beug.. as-tu pris le lien qu'ils te donnent? demanda-t-elle. Laureen lui proposa de faire un devoir. April était embêtée de ne pas pouvoir regarder sa page. Ecoute, tu peux le refaire chez toi et me donner l'adresse quand tu peux par téléphone. dit-elle.

Elle revint vers son bureau; au tableau; pour mieux être en évidence.

- S'il vous plaît! J'aimerai voir vos pages web dès maintenant, ce sera mieux. Si vous avez les liens, donnez-les. Vous avez tous fini vos pages? demanda-t-elle.

Elle regarda dans son sac son classeur des débutants. Où était le chapitre "CSS"? Elle le chercha. Après avoir cherché dans presque toutes les pochettes, elle le trouva entre deux feuilles. Elle la lu rapidement. Le chapitre CSS débutant allait commencer. Il fallait d'abord apprendre les bases.

- Bien. Commençons le CSS: le css à quoi sert-il? À décorer sa page web facilement. On peut l'inclure dans la page elle-même, ou le faire dans un autre fichier qui sera lier avec la page. Nous allons faire la deuxième solution, plus simple et plus pratique surtout. Le CSS se place entre <head> et </head>. expliqua-t-elle.

Au tableau, elle effaça le contenu sauf le titre du livre "La base du HTML" qui sera utile pour les personnes passants l'examen débutant. Elle chercha sur le site de la bibliothèque si aucun livre n'était créer pour apprendre le CSS... pour l'instant, aucun. Dommage, lire un livre était très instructif et April adorait cette méthode de cours. Elle se rappela qu'un concours allait être organisé... vieux projet, mais toujours intéressant! Il se devait être un tutoriel pour faire du CSS. Il était valable pour tous les élèves. D'abord fallait-il que es débutants l'apprennent.

- Ouvrez tous un nouveau bloc-note, enregistrez style.css. Je vais tous vous donner un exemplaire de feuille de style, appelé CSS. April prit des photocopies et les donna aux élèves. Elle y contenait:

Spoiler:

- Veuillez regarder cette page. Vous voyez, par exemple "link", ce sont les liens. Sur cette page, les liens seront donc de cette couleur: #18A8CF, ils ne seront pas soulignés, le bord du bas sera en pointillés de 1 pixel, les lettres seront séparées de 2 pixels, etc. "Visited" signifie les liens visités, "active" les liens alors que tu cliques dessus. "Hover" c'est le survole, quand tu survoles le lien. » expliqua-t-elle brièvement.

Apparement, l'hebergement de fichiers avait quelques petits problèmes.
Ayae, décida d'utiliser celui donné par la prof, mais au bout de 5 " error internal serveur", elle décida de se servir de Archive Host. Cela nécessitait une inscription mais tant pis, tant que cela restait gratuit.

- S'il vous plaît! J'aimerai voir vos pages web dès maintenant, ce sera mieux. Si vous avez les liens, donnez-les. Vous avez tous fini vos pages? demanda Melle Cooper.

La jeune fille n'avait pas fini, mais tant pis, elle fignolerait le reste plus tard, tout en regardant les fonctions décrites dans le boukin.
", Voila madame, ce n'est pas terminé, je précise.Mais c'est un début pour l'instant."

https://sd-1.archive-host.com/membres/up/209469146453787747/pageweb.html

April passa dans les rangs. Elle remarqua pendant qu'Ayae hébergeait sa page qu'il y avait des problèmes... Peut-être un beug temporaire, du moins elle espérait.

Ayae l'interpela pour lui donner sa page web. Elle-même alla sur son poste pour regarder sa page. Elle était réussi, il y avait des bons éléments. C'était un bon début!

Une fois avoir bien observer sa page, elle la referma et continuer son cours de CSS. Avant cela, elle alla au tableau marquer un autre hébergeur: celui qu'Ayae avait utilisé.

"Archive Host (hébergez vos pages web avec) Lien"

Ensuite, elle inscrit en dessous les étapes pour le CSS.

* Ouvrir son bloc-note
* Enregistrer style.css
* Commencer par le body en mettant:
body { }

Elle inscrit des notes importantes, comment ça marche etc. Les élèves n'avaient plus qu'a prendre note ou à bien mémoriser.

<< C'est entre { et } qu'on met ses balises CSS. Avant le {, on met le titre de son élément qui aura pour thème ces balises. Ex: body { } [ BODY EST DÉFINI COMME LE CORPS DE LA PAGE ENTIER (fond, style de texte, couleur du texte ect..) ] strong { } [ STRONG = LE TEXTE GRAS ]
Pour les éléments qu'on créer nous-même, il faut précéder d'un point (.) ex: .header { }. Sur sa page, on pourra mettre <span class=header>Texte avec ce style</span>. >>

Après ça, elle mit sur le tableau de droite les balises.

<< A mettre entre { et } ainsi qu'à modifier à sa guise

background-image: url('image.jpg')
background-color: #FFFFFF
color: #FFFFFF
border-color: #FFFFFF
border: solid/dotted/dashed #FFFFFF 1px
font-variant: small-caps
padding: 1px
font-family: Arial
font-size: 12
width: 200
height: 200 Image de fond
Couleur de fond
Couleur du texte
Couleur du bord
Bord (solid = normal, dashed = tiret, dotted = pointilles )
La variation du texte (small caps = tout en majuscule)
Espacement
Police
Taille du texte
Largeur en pixel
Hauteur en pixel
>>

Depuis le début du cours, elle écoutait très attentivement la professeur sans pour autant être interroger. Elle écoutait seulement. Elle se trouvait satisfaite de son travail, même si il n'y avait pas beaucoup de choses sur son soit-disant " site ". Elle regarda aussi les sites des autres, et leur fit un sourire pour leur dire que c'était très jolie.Et puis elle entendit les dernières informations que disaient la professeur. Elle était devant son ordinateur à regarder son site, et d'autres site de HTML pour réviser un peu en attendant. Ce n'était pas à son habitude de réviser comme ça. Elle était plutôt à traîner et à fumer, et boire comme la plupart du temps de la journée.

Mademoiselle la directrice, j'ai fini mon site donc je me permets de vous passer le lien de mon site : https://sd-1.archive-host.com/membres/up/8362628527395408/pageweb.htm
J'espère que mon site sera à l'hauteur de ce que vous aviez demandé madame.

Elle fit un petit sourire à la professeur, puis retourna sur son écran pour regarder les sites d'HTML et des forums de RPG où elle aiment bien écrire une tonne et une tonne de lignes comme elle la fait, très rarement d'ailleurs. Alors, elle va aussi sur des sites de musiques, mais quand la professeur tourne le dos. Elle se connecte quelques fois sur facebook ou MSN. Mais pas pendant les heures de cours, juste quand elle passe au CDI comme ci ou comme ça.

» Ebony K. Spildenrg | S.J [En cours]
» October Shawn [En cours]
» Willy Alexandre Tucker [En cours]