Activité 6B

et, quand on fait plus de 3 essais...

:)

Activité 6A

Temps des critiques

Bonjour !

Sur mon PI, j'ai mis en ligne 43 chroniques.

Une chronique me prend environ 15 minutes.

43 * 15 = 645 minutes
645 / 60 = 12.9 heures
0.9 heures = 54 minutes

DONC, +12h54 minutes pour les chroniques de romans.

J'ajouterais par la suite 20 minutes pour la biographie de Ann Brashares, ce qui porte le total à

13h14 minutes.

La rédaction de la page "À Propos" m'a pris 21 minutes.

13h35.

La rédaction des deux fiches sur les romans, 15 minutes chaque soit 30 minutes en tout.

14h05.

finition certains détails

Bonjour ! 

Hier et aujourd'hui j'ai travaillé sur mon pi.
j'ai corrigé certains détails. :)

donc
cela fait
temps: 1h30

activité 5a

Activité 5A 

Biographie

bonjouuuur.
j'ai travaillé 1h30 sur mon pi aujourdhui.
jai créé la biographie d'Ann Brashares.
et créé toutes les pages des livres de la catégorie amour, mais j'ai mis que la page est en construction. :P

temps : 1h30

liste amour

Bonjour,
ce midi j'ai travaillé sur mon PI.
j'ai listé tous les romans de la catégorie amour.
temps: 35 min

fini fantastique

HELLO.

JAI FINI DE TRANSFÉRER TOUS LES ROMANS FANTASTIQUES.
Soit 45 romans.
il en reste... 59!

On lâche pas...
Mais je pense qu'au final je vais créer toute les pages des romans et les listés comme s'ils étaient présents sur le blog, mais écrire plutôt que la page n'est pas encore terminée.

Temps: 1h45

Javascript Act 4

Aujourd'hui j'ai fais l'activité 4. :)
On entre deux nombres et ça effectue le calcul, en affichant la réponse dans un PopUp.

une partie du code javascript! 

Images

J'ai travaillé 45 minutes sur mon PI ce midi.
J'ai enregistré toutes les images des livres pour ados, jeunesse, inclassable... et plus..
toutes les images des films, et celles des auteurs pour les biographies.

temps: 45 minutes

+ 3 romans

Coucou, hier j'ai travaillé 1h sur mon PI.

J'ai ajouté 3 romans

-Succubus Blues
-Succubus Nights
-Succubus Heat

:)

Temps : 1h00

Activité 3B

Aujourd'hui j'ai commencé et terminé l'activité 3B en javascript.

il fallait écrire un nombre de litres et de kilomètres, cliquer sur calculer et que ça effectue les calculs. 

J'ai concaténer.. le 13 litres. et modifié en CSS les input (bold, rouge, aligné à droite)

un petit bout du code...

Pb accents + 4 livres

Stéphane...
Devine quoi...
Les accents ne fonctionnent pas chez moi non plus!!!

POURQUUOOOIIII !

Lol.. non mais je ne trouve VRAIMENT aucune raison.

J'ai fait un c/c de mon texte et pouf... plus de problèmes d'accents. J'ai comparé les deux codes et j'ai rien vu de différent. :(

C'est frustrant quand on sait pas pourquoi ! :P

Je viens de me rendre compte qu'un de mes fichiers .HTML, liste_genre.html, quand je suis sur Notepad++, les accents sont transformés... exemple :

- La Malédiction de l'Épouvanteur. Tome 2.
- Murmures d'outre-tombe, les mystères d'Harper Cornelly. Tome 1.
- Prémonitions. Tome 1-2-3.
- (La) révolte, Hunger Games. Tome 3. -->

C'est trop bizarre ! Et tout mon document est comme ça maintenant. heureusement que c'est pas trop trop important... mais j'espère que c'est la seule page qui a fait ça!

Sinon, ce soir j'ai ajouté :
- Seize lunes,
- Le secret de l'épouvanteur
- Le secret de Marie Tila tome 5
- La septième fille d'Adèle Kemp

EDIT: J'ai ouvert ce matin sur Taco la même page qui avait des erreurs d'accents sur l'éditeur, liste_genre. Eh ben elle n'a plus ce problème... o_O

Temps : 1h45

Poisson sur Sculptris

HELLO. 

J'ai travaillé sur Sculptris aujourd'hui. ;) 

Mon petit poisson :) 

+ 3 romans

Bonjour !

Aujourd'hui j'ai travaillé 1h20 sur mon PI.

J'ai transféré de nouveaux romans :
- Naila de Brume, Filles de lune, tome 1
- La promesse, asclé tome 1
- La prophétie de la tisserande, Iris, tome 1

Temps : 1h20
Temps : 52h20

PI , ces derniers jours

Bonjour !

Les derniers jours j'ai travaillé environ 5heures

J'ai :
- Enlevé le module de notation pour ne mettre que des étoiles selon mon avis /5. Le module ralentissait le temps de chargement de la page, jusqu'à 30secondes...
- Presque terminé la page qui liste tous les romans fantastiques présents sur mon site. (http://mariepg20.olympe-network.com/critiques/fantastique/fantastique.html) Je dois mettre à jour la version de la page en ligne mais ça devrait être fait bientôt.
- Ajouté quelques romans
- Modifié le footer pour mettre le copyright (pas encore sur toutes les pages)

En plus d'aujourd'hui j'ai travaillé 1 heure 10 min ,
J'ai ajouté ces romans :
- Éva, elfe des eaux tome 1
- Illusions
- Journal d'un vampire 1
- Journal d'un vampire 2
- Journal d'un vampire 3
- La Malédiction de l'Épouvanteur. Tome 2.
- Maudites. Tome 1.
- La Moïra


Temps : 7h10
Temps total : 51h

Google Analytics + 1 livre

Bonsoir ( ou bonne nuitvu l'heure encore une fois ) 

Aujourdhui j'ai ajouté toutes les photos des romans fantastiques et je les ais enregistrées en format .JPG dans mon dossier d'images ! J'ai exactement 45 romans fantastiques sur mon blog, et j'en ai transféré... 11 ! On continue ! Surtout que je n'ai pas QUE des romans fantastiques de critiqués ! :P

J'ai aussi ajouté 1 ou deux romans. Je ne les ais pas encore mis en ligne, ce sera pour la prochaine fois.
J'ai aussi ajouté Google Analytics sur toutes mes pages, ce qui me permettra d'avoir des statistiques détaillées de mes visiteurs !

Temps : 3h00
Temps total : 43h50 

Plusieurs livres ajoutés

Ce soir j'ai ajouté plusieurs romans ...

http://mariepg20.olympe-network.com/critiques/fantastique/epouvanteur4.html
http://mariepg20.olympe-network.com/critiques/fantastique/iris2.html
http://mariepg20.olympe-network.com/critiques/fantastique/hungergames2.html
http://mariepg20.olympe-network.com/critiques/fantastique/royaumelenacie1.html

http://mariepg20.olympe-network.com/critiques/fantastique/epouvanteur5.html (à moitié, là il est minuit et je suis fatiguée lol)

J'ai aussi réglé le problème pour les accents pour cette page:
http://mariepg20.olympe-network.com/critiques/fantastique/epouvanteur1.html

Temps: 3h15
Temps total: 40h50

Un livre ajouté + pb d'accents

Bonjour !

Hier j'ai fais 1 heure de PI.
J'ai fais la page qui organise les livres de la catégorie "fantastique" en ordre alphabétique.

Aujourd'hui, j'ai continué cette page un peu.
J'ai aussi hum, créer la page pour le livre "L'apprenti de l'Épouvanteur".

Je ne l'ai pas terminée (enfin oui, il ne manque juste à régler ce problème...)

Les accents de fonctionnnent pas, pourtant j'ai

<meta http-equiv=Content-Type content="text/html; charset=utf-8" />

au début du document, ça devrait suffir !!!
J'ai cherché sur Google, et j'ai trouvé une solution, mais pour moi ça n'a pas fonctionné... :s

Du coup je verrai plus tard, là ça m'a démotivée ahaha!

Temps: 1h45

 

3 livres publiés!

Bonjour,
Aujourd'hui j'ai travaillé pendant 1h45 sur mon PI.
J'ai mis en ligne les 3 livres et j'ai corrigé quelques erreurs sur ces pages.
J'ai essayé de mettre un module de commentaires, mais c'était laid, donc finalement y'en aura pas !

Pour voir les pages (je ne les ai pas encore liées, faudra attendre à demain soir, malheureusement!!)
http://mariepg20.olympe-network.com/critiques/fantastique/ailes.html
http://mariepg20.olympe-network.com/critiques/fantastique/ariellequeen6.html
http://mariepg20.olympe-network.com/critiques/fantastique/ascle3.html

Voilà :D

Stéphane, j'ai une question ahaha... Je me suis souvent demandé pourquoi parfois on met .jpg et d'autres .jpeg? S'pas la même affaire?

Temps: 1h45
Temps total: ça devrait être près de 40 heures. (voir la page du sommaire pour des détails!)

Ajout des 3 premiers romans!

Bonjour ! 

Aujourd'hui j'ai ajouté trois nouveaux romans, les premiers en fait.... 

Il s'agit de : 

- Asclé, le combat (tome 3 de la série)

- Ailes, tome 1

- Arielle Queen, tome 6. 

Les trois livres ensemble ont pris 1h05 à rédiger la critique 

+ 

Le temps pris pour les mettre sur mon nouveau blog 

Temps total: 2h25

Films + Liste terminée

Aujourd'hui j'ai travaillé 1h30 sur mon PI.

J'ai mis en ligne la dernière version, disponible ici : passion-lecture.fr.nf

J'ai terminé la liste des livres classés par genre, plus tard ou demain je commencerai à transférer les romans.

Temps : 1h30

Act 3A terminée

Bonjour! 

Aujourd'hui j'ai terminé l'activité 3... 

Il fallait faire en sorte qu'il y ait une pop-up, qu'on puisse entrer un poids en lb et qu'ensuite il soit affiché en kg ! 

Voici quelques images...

PI - Liste par genre

Ces derniers jours j'ai travaillé sur mon projet intégrateur.
je n'ai pas de capture d'écran, j'en ajouterai plus tard, mais j'ai fais une page qui classera les romans affichés sur mon blog par genre.
Cette page m'aidera surtout moi pour transférer tous les romans, car je vais les transférer en ordre de thème et je pourrai barrer ou faire quelque chose dans le genre sur cette nouvelle page.

J'ai aussi essayé de régler encore une fois mon problème d'affichage selon les résultats mais je n'ai rien trouvé... pour le moment!

Temps: 2h30

Javascript - Act. 3A

J'ai commencé l'activité 3.
Voici ce que j'ai fais...

<script type="text/javascript">

<!--

//déclaration des variables 

var livres=0; 

var kilo=0;

//saisir le nombre de lbs par l'usager

livres = prompt("Entrez un poids en livres svp!");

kilo=parseFloat(livres)*0.45;

//Écrire sur la page

document.write("Le poids en kilogrammes est de : "+Math.round(kilo*100)/100+"."<br/>");

//-->

</script>

Javascript - Act. 2

Bonjour !

J'ai commencé à apprendre le Javascript aujourd'hui ! :D

J'ai réalisé l'act. 2, qui était de reproduire ceci :
Il faut noter que c'était à partir du code de l'activité 1. ;)

J'ai eu pas mal de difficulté pour faire le pourboire, mais j'ai réussi à faire afficher le total de la facture TOUTE SEULE. yeah :P


Pour cela, j'ai enlevé le

var solde=0;

qui provenait de l'activité 1 et qui était désormais inutile.


J'ai ajouté cette ligne

total=parseFloat(montant)+montantTps+montantTvq+pourboire;

et enfin cela...

document.forms[0].chpTotal.value = Math.round(total*100)/100;

et une nouvelle ligne dans mon tableau au niveau du code HTML :

<tr>
<td align="right">
$<input name="chpTotal" type="text" value="" size="5">
</td>
<td>Total de la facture</td>
</tr>

Javascript - Act. 1

Coucou !

En opt. info aujourd'hui j'ai fais l'activité 1 en javascript.
C'était tout simplement de recopier un code, mais ça peut être plus difficile que ça en a l'air... ;)

une petite capture d'écran du code ainsi que du résultat final...

Tutoriel image cliquable

Bonjour! 

Dans ce tutoriel, je vais vous montrer comment réaliser une image cliquable en HTML et GIMP.
Rassurez-vous, pas besoin de connaître le HTML de fond en comble afin de faire votre image cliquable. :)

Première étape : 

Ouvrir Gimp! 

Si vous ne l'avez pas télécharger, vous pouvez le faire ici!

Deuxièmement, ouvrez votre bannière ou image que vous aurez fait précédemment et vous que vous souhaitez rendre cliquable. ( Fichier > Ouvrir )

Pour moi, ce sera celle-ci :

Enregistrez-la sous le nom Image_ini.png

Vous remarquez donc que ce sera le carré en bas à droite qui deviendra cliquable! 

Ensuite, il faut ouvrir la "barre à outils" qui nous permettra de délimiter la zone où notre image sera cliquable. Allez dans Filtre > Web > Image cliquable web.

Le rectangle dans le menu de gauche permet de sélectionner des zones rectangulaires,

Le cercle de sélectionner des zones circulaires,

et le polygone de faire soi-même la zone désirée, si elle est complexe! 

Je vais donc sélectionner le rectangle et délimiter la zone voulue.

Voici ce qui s'ouvrira :

URL à activer lorsque cette zone est cliquée: entrez le lien de la page que vous souhaitez ouvrir dans votre image. Si vous voulez que le lien pointe vers un site externe (exemple: http://google.ca), décochez la case lien relatif. Si vous souhaitez écrire un URL relatif (exemple: articles/lechat.html) laissez la case lien relatif cochée. Si vous souhaitez avoir un peu plus d'informations sur ce qu'est un lien relatif, allez ici.

Texte alternatif : Je vous conseille fortement d'écrire quelque chose qui représente votre image cliquable. Lorsque vous laisserez votre souris longtemps sur votre photo, ce sera ce petit texte qui s'affichera. La W3C exige maintenant qu'il y ait toujours un texte alternatif, voilà pourquoi je vous conseille d'inscrire quelque chose. 

L'onglet rectangle : cet onglet vous permet de modifier les dimensions de votre zone cliquable

Une fois tous ces paramètres modifiés à votre goût, cliquez sur valider. 

Si vous souhaitez avoir plusieurs zones cliquables sur votre image, répétez les dernières étapes. 

Enregistrez votre image sous le nom image_finale.map

Vous remarquerez que votre image s'enregistre dorénavant en .map ! 

Ouvrez ensuite votre image sur un éditeur de texte. 

Par exemple Bloc Notes, Taco HTML Edit, Notepad... 

ne vous inquiétez pas si aucun programme ne vous est suggérer. ;)

Moi, j'ai utilisé Taco HTML Edit qui est un programme pour les Macs. 

Voici ce qui m'est affiché : 

Vous devriez avoir quelque chose dans le genre vous aussi! 

Dans ce code, nous n'aurons qu'une chose à modifier, SEULEMENT si vous souhaitez afficher votre image partout sur le web (comme sur votre blog...). Si ce n'est pas votre cas, vous avez terminer le tutoriel. ;)

Il s'agit du "Banniere1.png" vous devrez l'héberger chez un hébergeur d'images afin d'obtenir l'URL direct de l'image. Je vous propose imageshack, mais il existe aussi photobucket.

Sélectionnez votre image initiale (et non celle en .map)

Copiez "Lien Direct"

et collez le code à la place de "Image_ini.png".

Et voilà!

Vous pourrez donc sélectionner ce code et le coller où vous le désirez ! :)

Didacticiel image cliquable de Marie-Philippe Gill est mis à disposition selon les termes de la licence Creative Commons Attribution - Pas d'Utilisation Commerciale - Partage à l'Identique 3.0 non transposé.
Les autorisations au-delà du champ de cette licence peuvent être obtenues à http://marie-philippe-gill.blogspot.ca.

Étudiante d'un jour, 1

Hey Stéphane! :D

Si j'ai bien compris tu voulais que je te raconte un peu comment ça s'est passé, et de toute façon j'aime bien l'écrire sur mon blog...

C'était SUPER! J'ai adoré mon expérience. Le plus beau, c'est que j'y retourne demain! :D
Demain c'est un cours sur photoshop, je suis bien curieuse de voir à quoi ça ressemble !

On m'a questionné sur mes cours d'infos au secondaire, j'ai dis que j'adorais la façon dont tu fonctionnais, qu'on allait peut-être toucher un peu aux codes (muahahaha, à cause de moi? :p) et elle a été surprise - la prof! Elle disait que certains de ses élèves avaient des bases et d'autres rien du tout à cause du secondaire donc voilà. ;)

Carte iTunes 2

Hello, 

J'ai presque terminé la carte iTunes (Activité 12) de l'étape 3. 

Voici où j'en suis, et le résultat final : 

 avec ou sans ce texte? :P 

à bientôt

Problème selon les résolutions

Ce soir j'ai passé 1h à essayer de résoudre le problème que montre l'image ci-dessus.
Le truc, c'est que ce problème se pose selon les différentes résolutions des gens !
Du coup j'ai un peu de difficulté.
Et j'ai toujours pas réussi à trouver pourquoi ça fait ça...

Une prochaine fois peut-être :P

Temps : 1h00 

Carte iTune - Inkscape

Bonjour !

 En opt info aujourd'hui j'ai continué sur inkscape :)

 Ca me fait biiiip ahahah, j'ai choisi une image:

mais elle n'est pas de profil ...

Donc du coup assez difficile pour les écouteurs ...

Alors j'ai abandonné pour ce cours-ci, ce problème serra à affronter une autre journée. XD

Mise en place du titre

Bonjour ! Ce midi j'ai été en informatique et j'ai travaillé 35 minutes sur mon projet intégrateur. J'ai positionné le titre "Oscar et la dame rose" ainsi que le module de notation du film sur la page. Je mettrai en ligne prochainement un screen de cela en mettant cet article à jour :P

 Temps: 35 minutes

Liste des romans

Bonjour, 
J'ai travaillé un peu sur mon PI hier et ce matin.
Ce matin, j'ai créé des nouvelles pages de mon site, celles qui contiendront la liste des romans critiqués dans chaque genre de romans...

Temps: 45 minutes

Publicité iPad

Bonjour,
j'ai commencé à faire la prochaine activité en opt. info...
Le but est de réaliser avec Inkscape une image dans le genre des pubs pour iPod...
Le tutoriel

 au prochain cours, j'ajouterai le danseur hip hop dans mon image et dessinerai le iPod ainsi que les écouteurs. ;)

Un film ajouté + le stylo!

Aujourd'hui en cours d'option info j'ai terminé le stylo... avec ce tuto.
(enfin!!!)

C'était vraiment un didacticiel difficile parce qu'il était pour les gens avancés qui connassaient déjà un peu inkscape. C'était pas le cas pour moi donc ça a usé ma patience! Enfin j'ai terminé...

Ensuite pour décompresser du stylo :P
J'ai fais mon PI et j'ai transféré un tout premier article de mon blog.

J'ai encore un peu de réticences à propos de la présentation du film, mais j'ai été voir sur d'autres sites webs comme archambault mais ça ne m'a pas aidée cette fois...

Il reste encore un peu de travail pour le titre et la notation, mais je n'ai plus le temps! :p

Temps total passé sur PI : 1h00 (j'ai travaillé dessus ce matin avant que l'école commence).

Corrections du code

Bonjour!
En fin de semaine j'ai travaillé environ 2heures sur mon PI.
J'ai corrigé certains problèmes et codes inutiles qui se trouvaient dans mon css,
et j'ai aussi essayé de mettre à jour la version de mon PI en ligne mais le serveur de
mon hébergeur a eu des problèmes, je n'ai donc pas encore réussis! Mais c'est pour bientôt.
Il en reste encore certains mais j'avance tranquillement ! :p

Temps total : 2h

Page: PAL

Aujourd'hui, j'ai avancé une page de mon projet intégrateur : Pile À lire.
Il s'agit en fait d'une page qui indiquera les livres qui m'attendent dans ma bibliothèque. :)

Par contre, j'aimerais trouver une autre façon de présenter les romans...
Si tu as une idée, Stéphane?... :P

Temps: 1h




EDIT : 


J'ai modifié la page.. Je me suis inspirée de renaud-bray. Je préfère beaucoup la nouvelle présentation.