● Photo Identité: ● Topic: Busy. ● Date de naissance: 11/06 ● Nationalité: Américaine. ● Maison: Aucune ● Numéro de chambre: Ne se prononce pas. ● Ton Lieu : Salle des professeurs. ● Ton niveau scolaire: Aucun ● Rang: Professeur (proviseur). • Citation: Aucune • Pseudo: Daphné • Somme de Rubys: 700 R Inscriptions + Présentation • Professeur?: Oui
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.
● Topic: Faites vos demandes. ● Date de naissance: 17 Novembre 1989 ● Sexualité: Hétérosexuelle ● Maison: Silver ● Numéro de chambre: Chambre 2 Silver . • Pseudo: Laureen Stewart • Somme de Rubys: 1090 R. • Professeur?: Non
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 .
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 kimiko LIGHT BLUE Je suis l'eau, Incolore et Liquide
● Photo Identité: ● Date de naissance: 15 juin 1988 ● Nationalité: Japonaise ● Maison: Light Blue ● Numéro de chambre: 2 ● Ton niveau scolaire: Débutant • Pseudo: lineae • Somme de Rubys: 1030 R • Professeur?: Non
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 ?
● Photo Identité: ● Topic: Busy. ● Date de naissance: 11/06 ● Nationalité: Américaine. ● Maison: Aucune ● Numéro de chambre: Ne se prononce pas. ● Ton Lieu : Salle des professeurs. ● Ton niveau scolaire: Aucun ● Rang: Professeur (proviseur). • Citation: Aucune • Pseudo: Daphné • Somme de Rubys: 700 R Inscriptions + Présentation • Professeur?: Oui
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 kimiko LIGHT BLUE Je suis l'eau, Incolore et Liquide
● Photo Identité: ● Date de naissance: 15 juin 1988 ● Nationalité: Japonaise ● Maison: Light Blue ● Numéro de chambre: 2 ● Ton niveau scolaire: Débutant • Pseudo: lineae • Somme de Rubys: 1030 R • Professeur?: Non
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.
● Topic: Faites vos demandes. ● Date de naissance: 17 Novembre 1989 ● Sexualité: Hétérosexuelle ● Maison: Silver ● Numéro de chambre: Chambre 2 Silver . • Pseudo: Laureen Stewart • Somme de Rubys: 1090 R. • Professeur?: Non
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 .
● Photo Identité: ● Topic: Busy. ● Date de naissance: 11/06 ● Nationalité: Américaine. ● Maison: Aucune ● Numéro de chambre: Ne se prononce pas. ● Ton Lieu : Salle des professeurs. ● Ton niveau scolaire: Aucun ● Rang: Professeur (proviseur). • Citation: Aucune • Pseudo: Daphné • Somme de Rubys: 700 R Inscriptions + Présentation • Professeur?: Oui
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:
- 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.
Ayae kimiko LIGHT BLUE Je suis l'eau, Incolore et Liquide
● Photo Identité: ● Date de naissance: 15 juin 1988 ● Nationalité: Japonaise ● Maison: Light Blue ● Numéro de chambre: 2 ● Ton niveau scolaire: Débutant • Pseudo: lineae • Somme de Rubys: 1030 R • Professeur?: Non
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."
● Photo Identité: ● Topic: Busy. ● Date de naissance: 11/06 ● Nationalité: Américaine. ● Maison: Aucune ● Numéro de chambre: Ne se prononce pas. ● Ton Lieu : Salle des professeurs. ● Ton niveau scolaire: Aucun ● Rang: Professeur (proviseur). • Citation: Aucune • Pseudo: Daphné • Somme de Rubys: 700 R Inscriptions + Présentation • Professeur?: Oui
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é.
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
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
● Photo Identité: ● Topic: Faites vos demandes. ● Date de naissance: 18 mai 1989 ● Sexualité: Bisexuelle ● Maison: Silver ● Numéro de chambre: Chambre 1 ● Ton Lieu : Silver ● Ton niveau scolaire: Débutant ● Rang: Membre • Citation: Si tu fumes pas et que tu bois pas, je te connais pas. • Pseudo: Caitlyn Miller • Somme de Rubys: 800 R • Professeur?: Non
A savoir ?: Je suis bi, donc j'aime les filles mais un peu moins les garçons (L) Je t'aiime.
Sujet: Re: Cours #1 - Web Mar 17 Mar - 18:20
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.
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.
● Photo Identité: ● Topic: Busy. ● Date de naissance: 11/06 ● Nationalité: Américaine. ● Maison: Aucune ● Numéro de chambre: Ne se prononce pas. ● Ton Lieu : Salle des professeurs. ● Ton niveau scolaire: Aucun ● Rang: Professeur (proviseur). • Citation: Aucune • Pseudo: Daphné • Somme de Rubys: 700 R Inscriptions + Présentation • Professeur?: Oui
April passait entre les rangs. Il fallait vérifier si les élèves y arrivaient. Le CSS s'apprenait lorsqu'on cherchait nous-même sur google des balises etc. Il fallait le préciser! C'est une pratique dur à travailler, mais lorsqu'on comprend, ça rentre seul. Et c'est comme ça qu'April a apprit, elle. Comme beaucoup d'autres personnes. Elle revint à son bureau, prit dans son sac une gros classeur "Emploie du temps"... Ses rendez-vous étaient chargés! Il fallait profiter du temps avec des élèves sympathiques qu'avec des rendez-vous dans des comités d'entretien exaspérant et ennuyant. Elle jeta un coup d'œil à son planning... Il fallait donner encore des petites précisions sur le CSS; puis apprendre l'iframe ce qui était une tâche très facile.
Elle regarda l'intercalaire "Examens"... Embarrassant: l'examen était pour bientôt et ils étaient en retard sur le programme. Il fallait donc se dépêcher.
April ferma son classeur et le rangea. Ça devait être du rapide à partir de maintenant! Une élève l'interpella... Cailtlyn Miller. Pourtant, elle ne participait pas dutout au cours, elle semblait pourtant un peu sérieuse. Timidité? April n'en savait rien. La voir participer à son cours la rassura sur son activité de sérieux. Elle s'approcha d'elle. Elle vit qu'elle avait sur son écran une page, sûrement la sienne. "Caitlyn's Website" était il inscrit. Apparemment, c'était ça. Elle recopia l'adresse, la remercia, et revint à son poste. Elle ouvrit Mozilla Firefox, son explorateur préféré. Internet Explorer était très mauvais, du moins selon elle. Alors, April rentra l'adresse de sa page. Elle arriva sur la même page. Le fond était beau et appliqué, bonne chose. C'était un rouge profond qu'elle apprécia. Le pattern rendait bien. La bannière était spéciale... Quant au reste, il y avait des vidéos avec un bandeau vert en dessous. La page n'était pas très rempli, mais bien présentée. C'était à la hauteur, comme elle le demandait malgré le manque de contenu.
April ferma la fenêtre et revint voir l'élève qui naviguait sur internet. Elle lui toucha l'épaule pour la prévenir qu'elle intervenait à son tour.
« Que dire? Ta page est de bonne qualité malgré son contenu assez faible. Si tu veux impressioner à l'examen, le contenu doit être plus grand. Des liens, des images, de la musique si tu veux, d'autres tableaux à cellules... ce que tu veux, mais plus de chose. Tu as de bonnes capacité pour commencer, je noterai cette réflexion, cela fera bonne allure sur ton dossier d'élève.dit-elle. Elle fit un sourire de satisfaction pour lui montré son contentement. Ainsi, elle tourna la talon et revint au tableau.
- S'il vous plait! Je note que pour votre page de CSS; il faut soit l'héberger et la lier, soit l'insérer dans votre page. Pour l'héberger et la lier, vous allez sur archive host comme tout à l'heure et vous hébergez. N'oubliez pas que votre fichier doit être en CSS! Nommez donc "style.css". Extension .css pour dire plus simple. Prenez le lien, et sur votre page web, entre et , vous insérez: http://" type="text/css" media="screen" /> Si vous préférez l'insérer dans votre page web, mettez entre et
Tout le monde est ok? Si vous voulez une aide pour l'examen, j'ai trouvé une page qui vous sera très utile. Je note ça au tableau.
April se retourna pour prendre une craie et inscrire un lien vers la page : http://www.commentcamarche.net/contents/css/csssyntax.php3 Elle afficha aussi une image avec des aimants solides et efficaces cette image. Elle rajouta à la craie "C'est ceci que vous devez mettre dans votre feuille de style."
Accueil 
Sujet: Re: Cours #1 - Web 
