STIC:STIC I - exercice 1 Wall-e/

Rapport Exercice 1

Liudmyla Gapiuk

Home page à TECFA

Ma Home page est sous la forme d'un site web et composée de plusieurs pages telles que mon CV, mes Competences, mes Citations favorites et mes Centres d’intérêts. Je me suis présentée sur la page initiale, ensuite j’ai développé mon CV en insérant des liens vers les autres pages et mon profil sur un réseau social. En utilisant de nombreuses balises HTML, j’ai appris comment rédiger des paragraphes, structurer sa page avec les titres, donner de l'importance à certains mots de son texte et organiser les informations sous forme de listes. J’ai pu m’entraîner à faire une bonne structure logique de mon site web avec des sections définies.

Puis j’ai repris le code HTML de mon site et j`ai formaté le contenu en fonction des principes du CSS. En utilisant d’une feuille de style, j’ai fait la présentation de plusieurs documents sur mon site. Dans le fichier style.css j’ai declaré les différentes fonctions CSS pour changer les polices, les couleurs, les marges, les lignes, la hauteur, la largeur, les images d'arrière-plan et les positionnements. J’ai aussi utilisé des attributs « class » pour ne pas faire un fichier. css pour chacune de mes pages. J’ai changé plusieurs fois le style de mon site, le format text, le positionnement des élements, l’image de fond etc.

Lien vers ma Home Page TECFA

Pour mon site j'ai utilisé deux images provenant des plateformes de partage de photos. Sources : Nick-K (Nikos Koutoulas) Σέριφος, Χώρα via photopin (license) Key Foster via Foter.com / CC BY

Contribution Wiki

Pour faire la contibution wiki j'ai rédigé ma Home page sur edutechwiki en français.

Lien vers ma Home Page wiki

Présentation avec impress.js

J'ai suivi les consignes du tutoriel impress.js pour créer la présentation sue le thème Design Thinking. Pour quelques pages j'ai adapté le fichier CSS. Je l'ai modifié légèrement pour changer la taille de la police, l'alignement du text, de l'image et de la vidéo.

La création de présentation avec impress.js ressemble à celle qu'on a faite pendant la première tâche. On doit coder la présentation en HTML et ensuite adapter la feuille de style CSS selon nos besoins.

Lien vers ma présentation impress.js

Activité complémentaire

J'essayé d'utiliser Scratch pour créer un jeu de pong. Dans le jeu il y a deux balles et 10 briques à casser. Si l’une des balles touche la ligne rouge, elle disparait et le jeux continue. Si les deux balles touchent la ligne rouge, le jeux est terminé. Si toutes les bricks sont cassées, vous avez gagné.

Lien vers mon jeu Scratch