Stage 1ère année

j’ai effectuer mon stage dans l’enseigne Natural Wake Park https://www.naturalwakepark.com/ cette équipe venez de créer une nouvelle fonctionnalité dans leurs terrains c’est à dire la pêche.

J’avais pour objectif de faire un site internet pour la présentation et le réglement de se site et je devais également m’occuper des réseaux comme instagram, facebook, et TikTok pour ajouter de la nouveauté et apporter de la visibilité en plus au parc.

je vais présenter de site de la pêche à Villemouze :

voici l’affichage lors de l’arriver sur la page

Tout le site est responsive pour les appareils mobiles

A la suite nous avons plusieurs zones de textes avec des boutons pour rediriger vers une page pour en savoir plus et il y a également un carousel avec des images des collaborateurs qui défile

toujours sur la page d’accueil nous avons des rubriques pour accédez au réglement a la galerie et au différents spots de pêche

pour l’exemple format mobile :

juste avant le footer nosu avons une carte qui montre le lieu du parc avec la possibilité d’obtenir un itinérére

nous allons nous mettre avec le login admin car ce compte possède tous les droits pour accédez a la liste des contact les ajout d’image et la liste des images

formulaire d’ajout image uniquement disponible avec le login admin

sur la page Galerie voici le contenu

ce contenu est cohérent avec la galerie car c’est l’interface admin pour la galerie

voici le formulaire de contact et l’interface admin de celui ci

voici le contenu de ma page info ou on peut retrouver les information personnel l’histoire du site et le réglement à appliquer sur le site

voici le concepteur de mon site qui est très rudimentaire

mes tables dans ma base de données

voici l’agencement de mes répertoires en fonction de leurs utilités

voici un exemple de code qui est également commenté

voici le code complé de liste-image.html.twig

{% extends ‘base.html.twig’ %}

{% block title %}

{{parent()}}liste images

{% endblock %}

{% block body %}

<!– image pricipale –>

<divclass= »bg-white text-primary text-center »>

Liste-image

</div>

<imgsrc= »{{asset(‘images/image-p.jpg’)}} »class= »d-block w-100″>

<divclass= »bg-primary text-white text-center »>

Natural Wake Park

</div>

<navclass= »navbar navbar-expand-lg bg-body-tertiary border-top »>

<divclass= »container-fluid »>

<ulclass= »navbar-nav m-5 mt-0″>

<olclass= »breadcrumb »>

<liclass= »breadcrumb-item »>

<aclass= »text-black bi bi-house »href= »{{path(‘index’)}} »>

Accueil</a>

</li>

<liclass= »breadcrumb-item active »aria-current= »page »>liste des images</li>

</ol>

</ul>

</div>

</nav>

<divclass= »row justify-content-center »>

<divclass= »col-12 col-md-8 bg-white p-4 m-0 text-black »>

<divclass= »table-responsive »>

<tableclass= »table table-hover »>

<thead>

<trclass= »fw-bold text-black »>

<thscope= »col »class= »col-10″>image</th>

<thscope= »col »>Option</th>

</tr>

</thead>

<tbody>

{% for i in listeImage %}

<trclass= »{{ cycle([‘table-light’, ‘table-light’], loop. index0) }} »>

<td>

{{ i.pecheur | capitalize }} /

{{ i.poids | capitalize }} /

</td>

<td>

<aclass= »text-decoration-none text-black »href= »{{path(‘image’,{‘id’:i.id})}} »>

<iclass= »bi bi-pencil-square »>modifier</i>

</a>

<aclass= »text-decoration-none text-black »href= »{{path(‘supp-image’,{‘id’:i.id})}} »>

<iclass= »bi bi-eraser-fill »>supprimer</i>

</a>

</td>

</tr>

{% endfor %}

</tbody>

</table>

</div>

{% endblock %}

Laisser un commentaire Annuler la réponse