Préparer un Site Internet avec Materialize CSS

Préparer ses éléments
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Maîtriser Materialize CSS
Revoir le teaser Je m'abonne
Transcription

49,90€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

DescriptionProgrammeAvis

49,90€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

Les objectifs de cette vidéo sont de vous enseigner comment préparer un site internet en utilisant Materialize CSS, d’intégrer des polices via Google Fonts et de configurer correctement un projet de développement web.

Découvrez comment préparer un site internet en utilisant Materialize CSS et Google Fonts pour créer une interface élégante et fonctionnelle.

Pour préparer votre site internet, commencez par créer un dossier spécifique sur votre bureau. Ajoutez-y vos images dans un dossier nommé IMG. Ensuite, créez un dossier CSS avec une feuille de style personnelle qui vous permettra d'ajuster certaines spécifications de Materialize au besoin.

Ensuite, ouvrez Subime Text et ajoutez le dossier de votre projet. Créez un fichier index.html et copiez le squelette HTML recommandé par Materialize CSS. Ce squelette inclut déjà les liens vers les polices Material Icon, le meta tag Viewport, jQuery, ainsi que les styles et scripts de Materialize.

Remplacez les liens locaux par leurs équivalents en CDN pour améliorer les performances de votre site. Puis, ajoutez une Google Font comme Lobster pour embellir vos titres. Ajoutez également votre feuille de style personnalisée style.css pour des ajustements supplémentaires.

Une fois tous ces préparatifs terminés, vous serez prêt à commencer la création de la page web proprement dite en utilisant Materialize CSS pour un développement simplifié et esthétique.

Voir plus
Questions réponses
Pourquoi est-il recommandé d'utiliser des CDN pour les ressources du site internet ?
Les CDN offrent des vitesses de chargement plus rapides et améliorent la performance du site en utilisant des serveurs situés dans différentes régions géographiques.
Quel est l'avantage d'utiliser une feuille de style personnalisée ?
Une feuille de style personnalisée permet de surmonter les limitations des frameworks et d'apporter des ajustements spécifiques à vos besoins de conception.
Quels sont les éléments inclus dans le squelette HTML de Materialize CSS ?
Le squelette HTML inclut des liens vers les polices Material Icon, le meta tag Viewport, jQuery, ainsi que les styles et scripts de Materialize.