Web design sans codage avec Elementor et Wordpress

Web design sans codage avec Elementor et Wordpress

“ Nous allons maintenant passer en revue les phases clés du développement de votre site internet afin que vous puissiez présenter votre projet à la Communauté Domestika. J'aimerais que vous expliquiez brièvement ce que vous avez fait dans chacun d'eux et que vous accompagniez l'explication d'une ou plusieurs images. Concept et références Commencez par développer tout le concept de votre site Web. Pour ce faire, commencez par rassembler des références visuelles qui vous inspirent et enregistrez-les dans un dossier ou des signets. Oh! Et n'oubliez pas que vous pouvez vous inspirer de n'importe quoi, pas seulement des pages web, mais de n'importe quel objet autour de vous, de la musique, de votre ville, d'un paysage... Peu importe !

Carte de votre site Web Deuxièmement, dessinez une carte de site Web où vous définissez les pages qui constitueront la navigation de votre site et comment l'utilisateur se déplacera à travers elles. Guide des styles Ensuite, rassemblez tous les éléments généraux et les styles que vous souhaitez pour votre site Web : logo, jeu de polices, palette de couleurs et, éventuellement, éléments graphiques. Créez un guide de style avec tout cela. Proposition de conception Vous allez maintenant travailler sur la proposition de conception, qui est l'une des parties les plus passionnantes de l'ensemble du processus. Pour cela, vous pouvez travailler avec le programme de conception que vous souhaitez. A partir de tous les éléments de votre charte graphique, concevez chacune des rubriques qui composent votre site web et que vous avez préalablement définies dans le plan du site. N'oubliez pas que si vous ne savez pas quel contenu ou quelle structure utiliser dans chacune de ces sections, vous pouvez toujours consulter à nouveau les références visuelles pour vous inspirer. La chose la plus importante à propos de la proposition de conception est qu'elle vous aide à visualiser à quoi ressemblera votre site lorsque vous travaillerez plus tard avec Elementor. Conception dans WordPress et Elementor Installez et configurez les outils avec lesquels vous travaillerez dans ce cours pour créer l'intégralité de votre site. Pour ce faire, tout d'abord, assurez-vous d'avoir un hébergement et un domaine où vous pouvez installer WordPress. Une fois installé, configurez-le et créez les pages et les menus de navigation de votre site Web. La prochaine étape sera d'installer le plugin Elementor et le thème que vous allez utiliser comme base : "Hello Theme". Il ne vous reste plus qu'à télécharger et installer Elementor Pro, qui comprend des fonctionnalités étonnantes pour créer l'intégralité de la conception de votre site Web. Il est temps de transférer l'intégralité de la proposition de conception Web vers un site 100% réel et fonctionnel, pour cela vous travaillerez avec Elementor, le kit par défaut, son constructeur de thèmes et ses options de modèles. N'oubliez pas qu'à ce stade, vous devez garder à l'esprit à tout moment la proposition de conception Web que vous avez préalablement préparée. Commencez par créer l'en-tête et le pied de page. Continuez à concevoir la page d'accueil et n'oubliez pas d'inclure des effets d'animation pour la rendre beaucoup plus visuelle et attrayante. Maintenant, créez le modèle de projet et la page d'accueil du portfolio. Et cliquez également sur les sections "À propos" et "Contact". Oh! N'oubliez pas d'optimiser les images de votre site web pour qu'elles ne pèsent pas trop et se chargent rapidement, et pensez à accompagner ces images de textes qui contribuent, contextualisent et humanisent votre travail. Enfin, travaillez également le design des sections secondaires de votre site web, comme la page de politique de confidentialité, la page "Erreur 404" et la page de maintenance. Test et libération Il vous reste très peu de choses à terminer ! C'est au tour de tester le Web dans différents navigateurs et appareils, car parfois un Web apparaît légèrement différent dans certains d'entre eux. Notez tous les détails qui ne fonctionnent pas ou ne s'affichent pas comme prévu et corrigez-les ultérieurement dans Elementor. Lorsque vous avez tout corrigé, tout est prêt pour que votre site web soit vu par le monde entier ! Une fois que vous l'avez lancé, n'oubliez pas de le tenir à jour Ah ! Et n'oubliez pas de faire une sauvegarde avant de faire chaque mise à jour. Le moment est venu pour vous de partager votre projet final avec la communauté en cliquant sur "Créer votre projet". N'oubliez pas de partager le lien pour voir le site Web que vous avez conçu et racontez-nous également tout le processus de création qui vous y a conduit. Si à tout moment vous avez mis le site Web en mode maintenance, veuillez le désactiver afin que nous puissions voir votre site Web dans son intégralité. C'est sûr que c'est incroyable :). J'ai hâte de voir votre projet et de vous faire part de vos commentaires. Bien que je demande votre patience, j'essaierai d'accéder au forum autant que possible et dans la mesure où mes projets professionnels me le permettent. Enfin, je veux vous inviter à participer activement au forum, non seulement en partageant vos progrès, mais aussi en donnant des conseils et en essayant d'aider le reste de la communauté. A bientôt sur le forum ! ”

Transcription partielle de la vidéo

“Maintenant. c’est ton tour. je vais revoir avec toi quelques étapes essentielles pour créer ta propre page web. Il est vrai que c'était une quantité énorme d'informations nouvelles. alors sois fier d'être arrivé et d'avoir surmonté ta peur du design web. Souviens-toi toujours de commencer par rassembler quelques références visuelles qui t'inspirent. Tu peux les enregistrer dans un dossier ou créer un mood board. Ensuite. dessine un plan de ton site en incluant toutes les sections que tu veux pour ton site. Souviens-toi qu'il n'y a pas de limite de sections ni de sections obligatoires. Inclu...”

Cette transcription a été générée automatiquement et peut contenir des erreurs.

Sommaire du cours : Web design sans codage avec Elementor et Wordpress

• Niveau : Débutant
• 98% avis positifs (252)
• 14140 élèves
• 4 unités
• 20 leçons (3 h 28 min)
• 5 vidéos téléchargées

• Catégorie

  Création de sites et d'applications

• Domaines

  Conception d'applications, Conception de produits numériques, Gestion de portefeuille, Webdesign