Dans le cadre de ma formation en DEUST Webmaster et métiers de l’internet, j’ai été amené à concevoir mon premier projet technique majeur : la création d’un site vitrine HTML CSS. L’objectif de cette unité d’enseignement (UE) était de développer un portfolio en ligne en partant de zéro. Je vais vous expliquer les étapes que j’ai effectuées, allant de la phase d’apprentissage et de codage au déploiement du site portfolio.
La phase de codage : structuration du site vitrine et design
Lors des premières semaines de mon année, l’apprentissage s’est concentré sur la maîtrise des langages de base du développement web. Pour mener à bien la création du site vitrine, j’ai exploité les langages standards actuels : le HTML pour l’architecture et le CSS pour l’apparence.
J’ai eu accès à plusieurs classes virtuelles ainsi qu’à des ressources. Cela m’a permis d’acquérir les bonnes pratiques de programmation. Après cinq à six semaines de développement avec des devoirs à rendre chaque semaine, j’ai finalisé le code du site.
Ce travail s’est articulé autour de deux axes principaux :
L’édition des feuilles de style CSS : Création d’un design qui me convenait. J’ai appliqué les règles de style nécessaires pour m’assurer que la présentation de mes contenus était suffisamment esthétique.
L’intégration HTML : Utilisation du code pour structurer les différentes sections du portfolio, garantissant l’accessibilité et facilitant le référencement SEO.
La publication et la mise en ligne via client FTP
Une fois le développement terminé en environnement local, l’étape suivante a consisté à rendre le projet accessible sur le web. Ecrire du code ne suffit pas, le déploiement est une compétence à part entière pour la création de site web, même si dans notre cas on nous à un peu maché le travail.
Pour procéder à la mise en ligne de mon site portfolio, l’Université de Limoges m’a fourni des identifiants de connexion à un serveur d’hébergement afin d’effectuer le transfert de mes fichiers locaux vers ce serveur, j’ai utilisé le client FTP FileZilla.
Cette opération m’a permis de configurer l’accès au serveur, de transférer l’arborescence complète de mon site (fichiers HTML, CSS et médias) et de vérifier son bon fonctionnement. Le site a ainsi été publié de manière temporaire afin de permettre l’évaluation et la correction du code par l’Université.
