comment créer un site Web à partir de zéro (HTML, WordPress ou constructeurs)

en tant que propriétaire d’une petite start – up de planification de mariage, une de mes amies n’avait pas beaucoup de temps ni d’argent à consacrer à l’apprentissage de la création d’un site Web-mais elle savait qu’elle en avait besoin, sinon Malgré son manque de compétences en programmation, elle est allée à toute vitesse en créant à elle seule sa présence en ligne.

Démarrer un site web à partir de zéro n’était en fait pas la tâche ardue qu’elle craignait., Avec les bons outils, elle a mis en place un site WordPress en quelques semaines. Après la construction initiale du site, elle a continué à l’étendre et à le mettre à jour elle-même à mesure que son entreprise grandissait.

comme l’illustre son expérience, tout le monde peut apprendre à créer un site Web avec une relative facilité. C’est aussi simple que d’acheter un hébergement web et un nom de domaine, puis d’affiner votre conception via un créateur de site Web, WordPress, ou en utilisant du HTML brut. Nous allons vous guider à travers chaque étape ci-dessous, alors n’hésitez pas à cliquer sur l’un des liens ici pour passer devant.,

choisissez un hôte | créez votre site | Website Builder/WordPress

Étape 1: Choisissez un hôte et un domaine

la première étape pour créer un site web, quelle que soit l’approche que vous décidez d’utiliser, consiste à sélectionner un service d’hébergement web et un nom de domaine. L’hébergeur web est la société qui fournit le serveur et l’espace de stockage pour votre site et donne au monde en ligne l’accès à votre marque. Le nom de domaine, d’autre part, est L’URL (par exemple, www.hostingadvice.com) que les gens utilisent pour naviguer directement sur votre site.

choisir un hôte

c’est la partie super facile., Les hôtes Les mieux notés du web ont mis tout en œuvre pour accélérer et alléger le processus de création de site web initial-commençant souvent par un enregistrement de nom de domaine gratuit, des installations en un seul clic pour les plateformes de CMS et de blogs populaires, un créateur de site web gratuit et des crédits marketing.

Pour commencer, nous vous recommandons de signer pour un plan d’hébergement web avec l’un des fournisseurs suivants. Votre serveur web sera mis en place immédiatement, et la plupart vous donner un nom de domaine gratuit de votre choix ainsi., Une fois inscrit, vous construisez votre site Web en un rien de temps:

Voir plus d’hôtes web bon marché « 

choisir un nom de domaine

enregistrer un nom de domaine de qualité est essentiel pour aider les gens à trouver et à se souvenir de votre site. Les services d’hébergement web ci-dessus offrent un enregistrement de nom de domaine gratuit pour la première année de service, donc si vous avez déjà terminé L’Étape 1, vous avez déjà votre domaine.,

Si vous décidez toujours du nom de domaine à choisir, voici quelques conseils à prendre en compte:

• faites-le court et mémorable: les noms de domaine plus courts sont plus faciles à retenir. Le titre devrait être quelque chose qui reste dans l’esprit des gens. Les noms de domaine longs ne fonctionnent que s’ils sont uniques et accrocheurs.
• utilisez des mots clés pertinents: votre nom de domaine est une autre occasion d’incorporer des mots clés qui contribuent à votre stratégie globale de référencement. Les mots-clés qui sont pertinents pour votre créneau d’affaires feront votre nom de domaine encore coller dans la mémoire des gens et stimuler votre classement des moteurs de recherche.,
• recherche de noms de domaine: vérifiez si d’autres entreprises ou particuliers utilisent un nom de domaine trop étroitement lié, afin d’éviter tout conflit ou confusion.
• choisissez l’extension de nom de domaine appropriée: comme vous le savez en naviguant sur le web, les noms de domaine peuvent se terminer par .com,. org,. biz et d’autres extensions. Choisissez celui qui correspond le mieux à l’objectif de votre site web.

maintenant que vous avez acheté votre plan d’hébergement web (et obtenu votre domaine gratuit avec votre plan d’hébergement), vous êtes prêt à créer et à lancer votre site web.,

Étape 2: Choisissez une méthode de construction de Site

Il existe trois façons principales de créer un site web. Si vous êtes débutant, la façon la plus simple de créer et de lancer un site est d’utiliser un créateur de site web fourni par votre hébergeur. Si vous êtes au moins un peu averti du web, vous pouvez utiliser WordPress ou un système de gestion de contenu (CMS) tel que Drupal ou Joomla. Si vous êtes déjà bien versé dans le codage, vous pouvez commencer à partir de zéro et utiliser HTML pour construire le site à partir de zéro., Chaque approche a ses mérites et ses défis:

Option 1: Utiliser un constructeur de Site (Niveau Débutant)

utiliser un constructeur de site web – une application qui vous emmène à travers les étapes de création d’un site Web sans code – peut être à la fois libérateur et responsabilisant. Tout le codage est effectué par le fournisseur sur le backend, et en substance, ce n’est pas beaucoup plus difficile que d’utiliser un traitement de texte.

En règle générale, un constructeur de site ou une méthode de création de site basée sur un modèle offre moins d’options de personnalisation que si vous construisez le site web à partir de zéro en utilisant du HTML direct, mais pour les compétences limitées requises, les constructeurs de sites offrent une flexibilité et une bonne expérience utilisateur pour les débutants.

Option 2: Installer WordPress (niveau intermédiaire)

de nombreux propriétaires d’entreprise et employés ont peu ou pas de compétences en codage. Dans le même temps, il peut être limité pour certains d’avoir à compter sur un concepteur/développeur Web pour créer un site web et faire des mises à jour., WordPress est une solution fourre-tout pour les entreprises qui veulent un site Web de base avec un investissement minimal de temps et d’argent.

près d’un tiers de tous les sites Web sur Internet existent sur la plate-forme WordPress, et même de grandes entreprises, comme CNN et eBay, l’utilisent. Il existe des versions gratuites et payantes du logiciel, et il y a beaucoup de support utilisateur disponible en ligne.

avec de nombreux thèmes et mises en page à choisir et des options pour avancer vers des conceptions et des fonctionnalités plus complexes, WordPress est un choix polyvalent pour toutes sortes d’entreprises. En fait, c’est la plate-forme qui alimente HostingAdvice.com lui-même.

Option 3: Créez un site web à partir de zéro avec HTML (niveau avancé)

Les compétences en conception Web sont très précieuses sur le marché du travail et vous avez peut-être pensé que c’est quelque chose que vous voulez choisir. Construire un site web à partir de zéro vous donnera les outils pour créer et personnaliser un site exactement comme bon vous semble., Il y a une courbe d’apprentissage plus élevée, mais une plus grande récompense, car connaître HTML vous permettra d’affiner la conception de votre site et de transmettre ces compétences pour développer et mettre à jour le site en toute simplicité.

Si vous êtes un novice en programmation et déterminé à apprendre, vous pouvez acquérir les compétences en codage dont vous aurez besoin dans une myriade de livres de conception web (la série O’Reilly est un bon point de départ) et de sites Web comme les écoles du World Wide Web Consortium (W3C).

apprendre à coder un site vous-même vous donnera la flexibilité ultime pour en faire exactement ce que vous voulez au fil du temps., Sans oublier, être capable de coder est une compétence très précieuse dans l’économie d’aujourd’hui.

Étape 3: Commencer à construire!

maintenant que vous vous êtes inscrit à l’hébergement web avec un domaine gratuit et que vous avez choisi votre méthode de construction de site, vous êtes prêt à commencer à créer l’apparence de votre site et son contenu. Lisez la suite pour les instructions étape par étape:

Option 1: Utiliser un constructeur de site pour créer votre Site (débutant)

créer un site Web avec un constructeur de site web gratuit est un processus rapide, facile et simple., Vous avez peut-être déjà créé un compte d’hébergement à L’Étape 1, auquel cas le site de votre hébergeur aura des instructions spécifiques étape par étape pour installer et utiliser votre créateur de site web gratuit et inclus. Généralement, nous constatons que Wix est le constructeur de sites web le plus populaire, nous l’utiliserons donc comme exemple ici.

Si vous vous êtes déjà inscrit à l’hébergement, vous avez créé un compte. Si vous n’avez pas encore d’hébergeur web, nous vous recommandons de vous inscrire au Wix sitebuilder via son site web. Entrez simplement votre adresse e-mail et votre mot de passe Wix.com page d’inscription pour commencer., Notez que le handle d’adresse e-mail fera partie de votre domaine gratuit (si vous n’avez pas de domaine personnalisé), alors gardez cela à l’esprit lors de votre inscription. Si vous n’êtes toujours pas sûr, je vous invite à consulter notre examen expert de la plate-forme Wix ci-dessous.

Sélectionnez la catégorie qui décrit le mieux votre site web. Cela aide les gens à trouver votre site web et aide Wix à répondre à la base d’utilisateurs diversifiée de la plate-forme. Votre sélection déterminera quels types de modèles vous parcourez, alors considérez la meilleure option pour le style de site que vous souhaitez créer.,

Wix a maintenant deux options pour créer un site web. En plus de L’éditeur Wix traditionnel, il y a aussi Wix ADI, un programme d’intelligence artificielle qui conçoit des sites personnalisés en fonction des questions auxquelles vous répondez. Nous vous recommandons d’utiliser L’éditeur Wix, qui vous donne un contrôle total sur les personnalisations disponibles sur la plate-forme. Toutefois, si vous voulez essayer le Wix ADI, par tous les moyens, allez-y!

Choisir parmi une grande variété de modèles, tous différents selon le type de site web que vous créez. Filtrer les options par image, rechercher par mot-clé ou trier les modèles par catégorie.,

Vous pouvez également opter pour un modèle vierge pour démarrer complètement à partir de zéro ou avec une mise de base.

chaque modèle commence par un texte pré-rempli et une image d’arrière-plan. Votre modèle est un point de départ pour faire du site votre propre. L’une des premières choses que vous devez faire sur votre nouvelle page Wix est d’ajouter vos informations commerciales. Remplissez votre nom de marque, slogan, et d’autres détails pertinents en cliquant simplement sur le texte qui doit être remplacé., Vous pouvez également modifier les aspects visuels de la page, y compris l’image d’arrière-plan, et ajouter ou échanger des images sur d’autres pages de votre site.

Il existe de nombreuses façons d’ajouter du contenu et de personnaliser votre site. Cliquez sur le bouton Ajouter dans le menu de gauche pour un éventail d’options-texte, boutons, diaporamas, menus, etc. Sous le bouton applications, vous pouvez ajouter de nombreuses fonctionnalités à votre site pour des fonctionnalités supplémentaires telles que les commentaires, le chat en direct et une vitrine en ligne. Vous pouvez également télécharger votre propre contenu multimédia, tel que des polices, des images, des vidéos et de la musique, et créer un blog.,

cliquez Simplement sur « Publier” dans le coin à droite pour mettre votre site sur le web! Vous choisirez un domaine, qui peut être un domaine gratuit de Wix.com ou un domaine personnalisé que vous acquérez via un registraire de domaine.

Option 2: utiliser WordPress pour créer votre Site (Intermédiaire)

utiliser WordPress pour créer votre site est une expérience similaire à l’utilisation d’un constructeur de site Web en termes de processus. Quelle plate-forme vous devez utiliser est une question de préférence. Cela dépend de celui qui vous semble le plus intuitif et vous donne le plus de flexibilité pour la conception et la maintenance de votre site., Un gros avantage d’aller avec WordPress est la grande communauté de soutien, à la fois officiel et d’autres utilisateurs de WP software.

la plupart des plans d’hébergement incluent un accès facile à WordPress — installer le logiciel en un clic, ou mieux encore, l’avoir préinstallé pour vous. Dans la plupart des cas, vous pouvez simplement vous connecter à votre panneau de configuration d’hébergement et trouver l’option d’installer la plate-forme WP. Si votre service d’hébergement n’a pas cette capacité, vous pouvez trouver les instructions d’installation manuelle ici. Ces hôtes web rendent L’installation de WordPress particulièrement facile:

Voir plus D’hôtes WordPress « 

prenez le temps de vous familiariser avec le backend WordPress pour votre compte. Vous trouverez où gérer vos publications, pages et commentaires, modifier l’apparence du site, ajouter des éditeurs de site et installer des plugins. Votre tableau de bord a tout ce dont vous aurez besoin pour suivre le contenu de votre site et personnaliser son apparence.,

Sous l’onglet Apparence dans le tableau de bord, vous pouvez choisir parmi un certain nombre de thèmes gratuits (ou choisir de payer pour un). L’installation d’un thème est aussi simple que de sélectionner « Installer” puis « Activer” pour le modèle que vous souhaitez. Vous pouvez modifier votre thème à tout moment sans modifier les autres contenus de votre site.

pour ajouter de nouvelles pages à votre site, sélectionnez « Pages” puis « Ajouter nouveau. »Vous pouvez faire de ces pages une partie du menu de navigation de votre site sous L’option Menus dans L’onglet Apparence. Pour ajouter des articles (si vous voulez un blog sur votre site), allez dans « Articles” puis « Ajouter un nouveau., »

par défaut, WordPress placera vos derniers messages sur votre page d’accueil. Pour sélectionner une page spécifique pour servir de page d’accueil, choisissez « Paramètres” dans le menu du tableau de bord, puis choisissez « lecture. »Dans la section première page affiche, optez pour « une page statique », puis sélectionnez la page que vous avez créée comme page d’accueil.

les Plugins sont des extensions — non configurées dans WordPress par défaut — qui ajoutent de nouvelles fonctionnalités à votre site. Les plugins WordPress peuvent améliorer les fonctionnalités de votre site, vous aider à atteindre les objectifs que vous avez pour votre site et offrir aux visiteurs de votre site web une meilleure expérience utilisateur.,

Par exemple, le plugin Google Analytics vous aide à suivre l’activité de votre site, et le plugin NextGEN Gallery vous permet d’Afficher des galeries d’images. Sous « Plugin » dans le tableau de bord, vous pouvez rechercher parmi les options — littéralement des milliers de plugins gratuits. Cliquez simplement sur « Installer » et vous êtes prêt à partir.

à ce stade, vous aurez créé un site rempli de contenu, visuellement attrayant et fonctionnel., La publication dans WordPress se produit au niveau d’une page ou d’un article, vous devrez donc cliquer sur « Publier” pour chaque zone de votre site. Vous pouvez attendre que votre site Web soit complètement prêt à être lancé pour publier votre contenu ou Publier lorsque vous créez des pages et des publications individuelles.

Option 3: Utilisez HTML pour créer un site web à partir de zéro (avancé)

Pour ceux qui veulent relever un défi et avoir un peu plus de temps, créer un site web via HTML est une entreprise intéressante qui développe votre compréhension de l’édition et de la conception web., Vous pouvez mettre en place un site de base en quelques heures, et de construire sur elle que vous apprenez plus HTML et CSS compétences.

comme ce fut le cas avec les deux premiers itinéraires de création de site Web, votre première étape consiste à vous inscrire auprès d’un fournisseur d’hébergement.

Voir tous les meilleurs hébergeurs web « 

pour écrire des balises HTML, vous aurez besoin d’un éditeur de texte de haute qualité adapté à la langue du web. Notepad++ est une bonne option pour les utilisateurs de Microsoft, tandis que TextMate est idéal pour les utilisateurs de Mac. Les éditeurs de texte multiplateformes incluent Atom et Sublime Text.,

Les sites Web peuvent être construits strictement en utilisant HTML, qui se traduit par des fichiers texte nommés avec l’extension .HTML. La page principale de votre site est généralement intitulée index.HTML. Créez ce fichier et enregistrez-le, puis remplissez-le avec le cadre de base de votre site HTML. Il ressemblera à quelque chose comme ceci:

<html> les balises renferment l’intégralité du contenu de votre site et indiquent qu’il s’agit d’un document HTML., La balise<head> englobe le titre de votre page, les balises meta (indiquer au navigateur les détails sur le contenu et l’affichage de votre page) et les références à vos fichiers CSS externes pour styliser votre page. Le contenu réel de votre page va entre les balises <body>.

lors de la création de votre site, vous souhaitez organiser vos fichiers en dossiers en fonction de la structure dans laquelle vous souhaitez que votre site apparaisse. Par exemple, vous pouvez créer un dossier pour votre page à propos qui a votre sujet principal.,fichier html ainsi que tout CSS connexe qui ajoute du style à votre site et d’autres fichiers HTML qui prennent en charge ce contenu. Lorsque vous ajoutez des liens à travers votre site vers les pages de votre site, vous référencerez leur emplacement de dossier dans le répertoire où vous stockez vos fichiers.

écrivez votre contenu dans la section<body> de chacun .fichier html (c’est à dire, chaque page de votre site. Voici quelques balises importantes à connaître lorsque vous construisez votre site:

• <header> indique le haut de votre document et le titre et le logo de votre page apparaissent.,
• <nav> est utilisé pour construire le menu de votre site, la navigation principale de votre site où les visiteurs trouvent des liens de site de haut niveau.
• <section> désigne le contenu principal de votre page. Il est utilisé pour regrouper du contenu similaire dans une page. Pensez aux articles que vous trouvez en ligne qui sont regroupés sous des rubriques individuelles.
• <article> est utilisé pour des éléments de contenu individuels sur une page tels qu’un article de blog, une image, une vidéo ou tout autre multimédia. C’est un moyen de structurer la page afin que ces éléments puissent être facilement distingués.,
• <footer> le bas du site. Cette zone est souvent où les gens mettent leurs coordonnées, conditions d’utilisation, Politique de confidentialité, et d’autres informations diverses mais importantes.

rempli avec ces balises, la structure de base de votre page ressemblerait à ceci:

vous voudrez également ajouter une barre de navigation de base pour votre site. Cela permet d’accéder facilement aux pages principales de votre site., Vous utiliserez la balise<nav> et la balise<ul> ou la balise de liste non ordonnée pour configurer cela.

Et le tour est joué! Maintenant, les visiteurs de votre site peuvent facilement naviguer vers votre blog, pages de produits, vous laisser tomber une ligne sur votre page de contact, parcourir les témoignages de clients, et revenir à la page d’accueil à nouveau!

Vous pouvez rendre votre site plus intéressant visuellement avec le formatage, les couleurs et les images uniquement en HTML., Cependant, l’intégration de CSS, ou feuilles de style en cascade, dans votre site vous donne beaucoup plus de contrôle sur son apparence, et les sites qui utilisent CSS semblent plus professionnels dans l’ensemble.

CSS est désigné dans des fichiers CSS séparés. Le fichier principal est généralement intitulé style.CSS. Certaines fonctions de base de CSS incluent l’ajout de couleurs, de bordures et d’arrière-plans, et l’application du modèle de boîte pour organiser le contenu de vos pages., Cette étape est plus avancée que l’utilisation de HTML de base, mais peut grandement améliorer l’esthétique de votre site.

Une fois que vous êtes satisfait de la mise en page globale, vous pouvez publier votre site. C’est parfaitement bien si votre site est très basique pour commencer. Tant qu’il a l’air professionnel, vous pouvez vous sentir bien de le mettre sur le web et de l’améliorer à mesure que vous développez plus de compétences HTML et CSS.

Alll Fait!, Maintenant, pour la partie difficile-ajouter du contenu

comme ce fut le cas pour notre ami organisateur d’événements, vous ne pensez peut-être pas que vous pouvez créer votre propre site Web au début — mais la vérité est qu’il est maintenant plus facile que jamais pour le débutant complet de créer un site fonctionnel et visuellement attrayant que les gens Avec l’aide de ressources en ligne et le soutien de la communauté WordPress, mon amie a construit un site dont elle était fière – et vous pouvez aussi.

la chose la plus importante à considérer à propos de votre site est le contenu, car ce sera ce qui attirera les gens à visiter et à continuer à lire., Considérez ce que vous voulez que votre site soit sur, que ce soit votre entreprise ou un blog sur un sujet spécifique. Considérez attentivement parce que cela déterminera votre direction de conception web, aussi. Une fois que vous avez des idées de contenu et un plan concret, vous êtes prêt à commencer votre aventure de création de site.