jeudi 22 décembre 2011

Projet Intégrateur - Sauvegarde

Passion Lecture
Projet Intégrateur

Pour transférer de l'école à la maison... Puisque j'ai perdu ma clé USB... 

Ce code contient cela: 


index.html
style.css
dossier "images"
image des livres

Pendant les vacances de Noel, je planifie de faire : 

- Le background
- Avancer le PHP.

vendredi 9 décembre 2011

Morgana :)

Hello 

J'ai décidé de refaire l'activité 8 avec Morgana! :o 

L'image de base: ici

Et c'est toujours en cours... 

Temps passé jusqu'ici: 20 minutes


morgana l'ap <3

SketchUp

Bonjour ! 

 Aujourd'hui j'ai avancé mon Sketchup sauf que je suis déjà tannée après 12 minutes. lolll
Jai seulement mis cette composante mais elle est toute croche, donc JABANDONNE. grrrr. Je pense que SketChup c'est pas mon truc!

mardi 6 décembre 2011

Activité 9 / PI

Bonjour ! 

Ce matin je suis passée en informatique pour essayer de régler mon problème, et j'y suis arrivée! :D 

Voici le résultat ; 


J'aime beaucoup ! :D 

(Oups, sur l'image le fond est rose mais en fait il est blanc !)

Temps: 10 minutes

lundi 5 décembre 2011

Activé 9

Coucou! 

Aujourd'hui, j'ai continué de rendre ma bannière cliquable, et j'ai réussi! :) 


Lorsqu'on clique sur le petit carré en bas à droite, on se rend sur la liste des livres critiqués de mon site web! 

Après avoir terminé cela, je me suis lancée dans la création d'un.. "module" pour afficher les derniers livres ajoutés : 


Le seul problème que je rencontre, c'est que j'essaye de mettre mes deux « carrés » du bas avec les trois du haut ! 

J'ai réalisé cela avec ce tutoriel
C'est codé en CSS3. 

À l'école, nous avons des trop anciennes versions de firefox et Safari je crois, donc les navigateurs ne prennent pas en compte le CSS3, mais ce n'est pas grave, c'est quand même bien le résultat. 

Note pour moi : Dossier Sans titre 2 > Index.html & style.css

Temps: 71 minutes


jeudi 1 décembre 2011

Banniere PI

Bonjour! 

En option info j'ai continué de faire ma bannière. J'ai essayé de la rendre cliquable.
Cependant,...


ça bug, et le cours est presque terminé! 

Alors ce sera pour le prochain cours je crois. J'y étais presque arrivée ! 

Au moins, je crois avoir compris le principe. 

À bientôt. :-)

Temps: 1h

Bannière PI

Bonjour à tous ! 

Aujourd'hui en cours de PI j'ai travaillé sur mon projet & j'ai ajouté mes amies sur ma liste des blogs que je suis. :) 

J'ai également avancé ma bannière... à l'aide d'un tutoriel dont j'ai perdu le lien! :( 

Voici mon résultat, j'aime bien !

c'est bien joli non? :P


Temps: 45 minutes

Voilà, à la prochaine!! :D


mercredi 30 novembre 2011

PI

Bonjour Aujourd'hui lors du cours de Projet intégrateur, j'ai continué d'essayer de créer la bannière pour mon site. J'ai téléchargé des brushs pour deviantart, les voici : ici, ici. Je ne les utiliserai peut-être pas tous mais je les liste quand même pour ne pas les oublier. Voici o ù je suis rendu dans la création de ma bannière :
Cependant, je n'ai pas terminé car je n'ai pas encore mis de brush, et j'ai écris « Passion Lecture » vite fait. Je réécrirai le texte avec le logiciel PhotoFiltre car j'y suis plus à l'aise pour l'écriture. Temps : 71 minutes

lundi 28 novembre 2011

Act 9 (suite)

Aujourd'hui j'ai cherché pourquoi sur Firefox ma liste à puces ne s'affichait pas correctement, et j'ai trouvé. Je pense bien que c'était le text-align: center; qui agissait en même temps que mes autres propriétés CSS et que c'était contradictoire.

Temps: 35 minutes 

Maintenant ma navigation est bien positionnée sur Safari et Firefox. ^^ 
Les deux seuls navigateurs que je peux tester ici à l'école. 

J'ai aussi essayé de faire une bannière sur noël pour l'activité 9 mais je n'y suis pas encore parvenu... 

Au prochain cours ! 

vendredi 25 novembre 2011

Projet Intégrateur en cours...

J'ai continué le php ce matin à l'école ainsi que le midi ! 
Alors, je suis donc rendu à 45 minutes de travail sur le php aujourd'hui.

J'avance peu à peu. :) 

jeudi 24 novembre 2011

Le php

Allllloooooo.
J'ai commencé à suivre des cours sur le php. :)
J'utiliserai surement quelques notions pour mon projet intégrateur, en tout cas, j'essayerai alors je vais compter le temps que je passe sur le php! Pour l'instant, je crois que j'ai passé environ... une bonne heure là-dessus.
J'aime beaucoup ça ! J'apprendrai à réaliser :
  • un mini-chat
  • un livre d'or
  • une page protégée par un mot de passe
  • des commentaires ;o
  • ...

    tout cela grâce au magnifique site du zéro!

    Pour ne pas oublier....
    Je suis rendue ici. À la section « Afficher et concaténer des variables »

:)

Coucou! 

Aujourd'hui j'ai un peu joué sur Gimp, puis j'ai lâché, et j'ai été continuer l'activité neuf. 

Temps passé: 40 minutes

Voici où j'en suis rendu...

Malheureusement je rencontre un léger problème ! 
Ma puce sur Firefox n'est pas allignée comme je le désirerais. Par contre, sur Safari, c'est nickel...

Sur Safari (c'est exactement comme je le souhaite)

Remarquez la navigation collée à gauche...




Et la navigation sur Firefox.. :( 
Je veux + à gauche!!!
Avant, Safari affichait la même chose mais en ajoutant :
« list-style-position: inside;
padding-left: 10px;
   margin-left: 0; »
ça s'était résolu... mais ça n'a pas résolu le problème sur FF.




Voici le fond d'écran random que j'ai utilisé..

Ainsi que la puce! Je vais probablement en faire une moi-même sous Gimp prochainement! 



mardi 22 novembre 2011

Activité 9

Bonjour! 

Aujourd'hui, pendant le cours d'informatique, j'ai commencé l'activité 9. 
J'ai pas mal avancé... J'ai eu de la difficulté  à centrer tous mes div mais j'y suis arrivée en utilisant position: relative, margin-left/right: auto, et width: 75%... 


Images du haut 



et du bas 


Au prochain cours, j'espère avoir le temps de faire les graphiques :) 


vendredi 18 novembre 2011

Animation sur gimp

(cliquez pour voir l'animation)

J'ai essayé un tutoriel sur youtube aujourd'hui.
Je n'avais jamais fait quelque chose d'animé, avec seulement Gimp.

Maintenant, c'est chose faite !

Même si je n'aime pas le résultat, au final je n'aimais juste pas le rendu.
Ça avait l'air plus beau que ça! :P

jeudi 17 novembre 2011

PI cours 1

Projet intégrateur !
Allo ! Aujourd'hui, j'ai fais mon projet intégrateur pendant 71 minutes. J'ai eu de la difficulté à me « brancher » comme on dit! J'ai déjà changé 2 fois d'idée pour la première version du design, mais cette fois-ci j'espère avoir trouvé. Voir mon modèle de base <---... J'espère que ce sera un choix définitif ! Pour l'instant j'ai donc commencé à comprendre le code qui est déjà fourni au départ. Cependant, je réécris chaque ligne de code en m'assurant de comprendre !

BOUHDIBOU.
Là je vais en option informatique ! C'est sur Gimp ! Un peu comme un tutoriel que j'ai déjà fais, mais je vais le refaire à nouveau. muahahaha. PLAISIR.

mercredi 16 novembre 2011

Activité 8 opt info

Activité 8
Cela m'a pris 1h

J'adore le rendu !
J'avais eu envie de refaire un autre travail du genre lorsque j'avais fait le tutoriel avec l'image d'un « scooter » eh bien là c'était un plus grand défi de positionner correctement tous les cadres, et d'effacer les bonnes parties des cadres blancs un sur les autres.

Je posterai bientôt les différentes étapes par lesquelles j'ai dû passer pour y arriver !


mardi 15 novembre 2011

Ce midi, à l'école... (PI)

Coucou ! ^^

Ce midi, j'ai travaillé sur mon Projet Intégrateur ainsi que sur l'organisation de mon blog! 

Comme vous pouvez désormais le constater, il y a, dans la colonne de droite, certains libellés que j'utilise sur les articles. Seuls ceux les plus utilisés et importants sont affichés. 

Aussi, j'ai ajouté, dans le texte libre de droite, "SOMMAIRE PROJET INTÉGRATEUR". C'est un lien qui dirige vers un tableau où sont recensés toutes les fois où j'ai travaillé sur mon projet ainsi que ce que j'y ai réaliser. 

J'ai travaillé 40 minutes sur mon projet intégrateur ce midi. 

À bientôt !

PI contrat

Bonjour ! 

Je viens de terminer le contrat qu'on devait faire pour le cours de Projet Intégrateur. 
Maintenant que cela est terminer, que j'ai fais tout ce qui était demandé, 
je peux maintenant vraiment commencer mon projet ! 
J'ai hâte ! :) 

Marie-Philippe

mercredi 9 novembre 2011

Cours

Coucou ! 

Pour ce cours j'ai cherché un design que je pourrais essayer de reproduire, ou de me baser dessus.
Voici ce que j'ai trouvé sur ce site et qui me plait bien :


J'aime beaucoup comment sont affichées les photos, sous "Gallery". Peut-être que je vais faire quelque chose du genre pour présenter les derniers livres ajoutés !



Pour ce cours j'ai continué un peu Sketch Up mais je suis vraiment écoeurée alors j'ai fais un peu de mon Projet Perso / PI, amenant mon total de nombre d'heures travaillées sur mon PI à 3h15. 

Cours 4 ?

Bonjour! 

Voilà, au dernier cours j'étais trop absorbée par le projet et je n'ai pas du tout vu le temps passé puisque je n'ai pas regardé une seule fois l'heure pendant le cours... : 
j'ai oublié de poster ce que j'ai fais pendant ce cours ! 
Alors voilà en image l'avancement du projet ! 


Comme le montre cette photo j'ai beaucoup de difficulté à faire la toiture rouge (qui se trouve au centre du jeu!)


jeudi 3 novembre 2011

Cours 3

Suite du projet 
« plateau de jeu en 3D » 
sur Google SketchUp

Bonjour! 
Aujourd'hui j'ai continué mon plateau du jeu « Aiquelia »
Voici ou je suis rendu, à cette fin du troisième cours
(à noter qu'au deuxième cours, j'ai oublié de poster mais je n'avais pas fait grand-chose, j'avais plutôt avancé mon projet personnel) 

Image 1 

Image 2

Image 3

lundi 24 octobre 2011

Google SketchUp


Coucou :) 

Aujourd'hui en option informatique, j'ai commencé l'activité 7 ; 
Un plateau de jeu 3D sur Google Sketch Up. 

Le jeu que j'ai choisis s'appelle Aquileia. 
J'ai pris l'image sur ici. 

Voici le plateau initial, celui que je dois mettre en 3D ; 




Voici ce que j'ai réalisé aujourd'hui: 




J'aime bien le résultat pour l'instant, je ne suis pas très douée sur ce logiciel alors! :'p 





jeudi 20 octobre 2011

PI + Projet Perso

Bonjour !
Aujourd'hui, j'ai fais le menu déroulant de mon blog.
Les couleurs et tout ne sont pas permanent pour l'instant.
J'ai décidé de commencer par la partie "Livres" de mon blog.

Au prochain cours, je vais chercher comment faire un diaporama d'images horizontal afin d'y afficher les derniers livres qui seront ajoutés sur mon blog! :)

Temps: 1h00

le code html


le code css



javascript 

lundi 17 octobre 2011

Fin du Projet Perso

Coucou

Temps: 1h

J'ai encore travaillé sur mon blog ce cours-ci. 

J'ai terminé le chapitre sur la création du design, et  voici le résultat :


le code html ;


le code css ;


jeudi 13 octobre 2011

PI + Projet Perso

Bonjour :) 

Aujourd'hui, j'ai travaillé sur la création de mon blog, que j'ai décidé de nommer "Chez Marie" lol !
Je n'étais pas rendue dans le tutoriel à commencer le design de mon blog mais j'étais trop impatiente alors j'ai passé certaines parties.

J'étais rendue au point 4 de la partie 2 de ce tutoriel.
Pour le design, je suis rendue au point des Menu de ce tutoriel.

La bannière n'est pas définitive, seulement le fond de la bannière l'est, j'ai seulement écris "Chez Marie" rapidement. 

Temps : 1h10

Voici ce que j'ai eu le temps de faire:

en image

et le code html:


et le code css

mardi 11 octobre 2011

Chandails

 Bonjour ! 

En Option info, on devait créer un logo et le mettre sur un chandail. 
Alors, à l'aide de ce tutoriel, j'ai créé ce logo du CMSC. :) 
Je voulais agrandir un peu le logo mais ce n'était pas possible sur le site que j'ai utilisé pour créer un chandail, customink.

Je l'aime bien, sauf que le tutoriel était pas mal compliqué et mal expliqué donc je l'ai un peu arrangé à ma façon... 

Voilà un aperçu de mon chandail final, sur une femme et un homme! :)




J'ai créé aussi un deuxième chandail, mais cette fois-ci, j'ai utilisé les outils proposés par Customink. 
Voici le résultat:


jeudi 29 septembre 2011

Bannière du blog

Bannière du blog 
Temps: 40 minutes



J'ai adoré faire cette bannière. :)

J'ai vraiment fait le fond au complet ainsi que la bordure alors je suis vraiment contente...
Surtout que je l'ai fait avec Gimp, un logiciel où je suis moins à l'aise...
Mais je pense que je m'améliore pas mal dessus!
Il ne manque que le texte, mais comme je n'ai pas encore trouvé le nom de mon blog,
je vais attendre encore un peu.
Le seul point négatif, c'est que je trouve que la bannière est trop petite pour la taille du blog en largeur, mais ça va encore!

Marie


Edit: 

Voilà ma bannière terminée :

L'écriture n'est pas très compliquée mais je ne sais pas trop comment faire sur Gimp.

mardi 27 septembre 2011

Cadre Photo

Cadre photo
Option info 5

Temps: 15 minutes

Bouuuh ! 
Je n'avais pas remarqué que mon cadre du bas (celui avec une rotation) avait dépassé de ma "zone de dessin" ! Résultat, le cadre et l'ombre est coupé.... Je suis déçue.... Au moins, j'ai pu faire le tutoriel et j'ai appris quelques astuces en le réalisant mais bon, ça aurait pu être plus beau. :(


EDIT :
On m'a fait remarqué que j'avais oublié d'effacer un cadre... XD 
Donc voilà ce que ça devait vraiment donner :



Tag

Tag sur le mur
Option info 5


Temps : 7 minutes

Ok... Ça c'était vraiment facile. Pas du tout de défi!
Je suis contente du résultat final mais bon c'est ordinaire...

Ce que j'aime bien, c'est qu'on dirait vraiment que c'est un tag.

Le tutoriel

:)

Gimpez-vous

 Activité Gimpez-vous
Info Option secondaire 5

Temps: 1h30

En option info on devait mettre notre visage dans une photo alors voilà le résultat. :) 
J'aime bien le résultat, je pensais que c'était plus difficile que ça mais finalement j'ai bien réussi à faire ce qui était demander... On devait surtout jouer avec les calques.

J'ai mis quelques étapes pour réaliser quelque chose de semblable. Je n'ai pas trop mis de détails donc il faut bien connaître gimp, ou du moins bien explorer pour comprendre mes petites explications. :p

Étape 1 : Prendre la photo

Étape 2 : Clique droit dans la fenêtre des calques > Ajouter un canal alpha.
Sur notre calque avec la photo initiale, prendre la gomme
et effacer le visage de notre image initiale.


Étape 3: Créer un nouveau calque, et y coller la photo de nous. Bien la dimensionnée afin qu'elle soit de la bonne dimension. La centrer dans le "trou" de l'image initiale.



C'est optionnel, mais on peut également ajouter un autre calque en dessous de la photo de nous et y mettre une couleur uni. (Dans mon cas je l'ai fait, et j'ai utilisé du jaune) pour que l'effet soit un peu plus réaliste. On peut jouer avec l'opacité et le menu Couleurs de Gimp.


 Étape 4: J'ai retouché certaines ombres qui ne me plaisaient pas. Par exemple, j'ai retouché les sourcils, les yeux et le nez. Voilà le résultat :


Étape 5: J'ai légèrement joué avec les teintes et les couleurs des lèvres et des yeux. J'ai utilisé la baguette magique et j'ai sélectionné les lèvres, pour ensuite faire Couleurs > Colorier.



 Voilà ;D