+++
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>