portfolios_tutoriel/content/home/1.md
2022-03-25 13:55:14 +01:00

82 lines
2.7 KiB
Markdown

+++
weight = 10
+++
<p style="font-size:150px;float:right;">POR
<br>TFO
<br>LIO</p>
<img src="/images/0.png" alt="" width="15%" height="auto">
---
### Cher.e étudiant.e,
Le but de ce tutoriel
est de te permettre
de créer un site internet **portfolio**,
et surtout, de l'améliorer au fil de l'eau,
**de manière autonome
et collaborative** (*).
<br>
<p style="font-size:25px;text-align:right;">(*) et tu découvriras peut-être que
<br>les deux ne sont pas contradictoires,
<br>loin de là..!</p>
---
### Intéressé.e ?
<a href="/#/3">Clique ICI pour démarrer le tutoriel > > > </a>
---
##### --Etape 1--
### Fais une demande au Fablab :
<br>
<p style="font-size:2rem;text-align:left;">
Envoie un email à <b>pierre.grange-praderas@u-bordeaux.fr</b> <br>
<br>
Il te mettra alors à disposition les outils pour pouvoir créer ton site portfolio à ta guise : <br>
<ul>
<li> un compte personnel avec un accès à ton espace de travail</li>
<ul><li><span style="font-size:1.5rem;">c'est là où tu pourras modifier ton site au fil de l'eau</span></li></ul>
<li> le lien vers ton site portfolio de départ </li>
<ul><li><span style="font-size:1.5rem;">qui se mettra à jour automatiquement à chaque fois que tu le modifieras</span></li></ul>
</ul>
</p>
---
##### --Etape 2--
### Regarde cet exemple de portfolio
Sur ton ordinateur, ouvre sur une autre fenêtre cet exemple de portfolio réalisé par une étudiante :
<br>
<br>
<a href="https://projets.cohabit.fr/portfolios/lea-jean" target="_blank">le portfolio de Léa > > > </a>
---
##### --Etape 3--
### Sur ton ordinateur :
<span style="font-size:1.6rem;">
<ol>
<li>Clique <a href="/" target="_blank">ICI </a> pour garder cette page ouverte à côté de toi 🐾</li>
<li>Clique sur la touche <b>"Echap"</b> de ton clavier 🎯</li>
<li>Ouvre une autre fenêtre pour aller sur le lien de l'espace de travail qui t'a été envoyé par le Fablab Coh@bit (https://git.cohabit.fr/etudiants/<b>tonPrenom-tonNom</b>)</li>
<li>Repère alors le site portfolio, découpé en <b>16 morceaux situés tout à droite de l'écran</b> (clique sur les flèches si besoin)</li>
<li>Clique sur la partie du site que tu souhaites modifier</li>
<li>Rends-toi dans le **CHEMIN** indiqué sur la partie du site que tu souhaites modifier </li>
(<b>ATTENTION : à chaque fois, tu devras remplacer "lea-jean" par "tonPrenom-tonNom"</b>). </li>
<li>Remplace les textes ou les images qui t'intéressent (<a href="" target="_blank">comment modifier ?</a>)</li>
<li>Quelques options bonus <a href="/" target="_blank">par ici...</a></li>
<li>Prêt.e à publier ton site pour voir ce que ça donne ? Clique <a href="/" target="_blank">ICI</a>!</li>
</ol>
</span>