Trois façons simples de créer un site Web: Guide du débutant, étape par étape

Article écrit par:
  • Guides d'hébergement
  • Mise à jour: mai 10, 2019

Créer un site web est très facile avec 2019.

Vous n'avez pas besoin d'être un geek ni un programmeur.

Suivez la bonne méthode. Sélectionnez les bonnes plateformes. Utilisez les bons outils. Vous serez 100% bien.

Je n'avais aucune connaissance en développement Web lorsque j'ai commencé mon activité en ligne avec 2004. Je n'ai embauché un développeur Web que onze ans plus tard. Et ça va.

Aujourd'hui, nous disposons d'outils de développement innovants et de meilleures plates-formes de publication Web.

Trois façons simples de créer un site Web:

Lien rapide:

  1. Créer à partir de zéro
  2. Utilisation d'un système de gestion de contenu (CMS)
  3. Utiliser un constructeur de site web

Vous obtenez plus de flexibilité dans les conceptions et les fonctions de site avec la méthode #1 mais cela nécessite une bonne connaissance des langages Web.

Le processus de création et de gestion de site Web est beaucoup plus simple avec les méthodes #2 et #3. Vous devez choisir l'une de ces méthodes en fonction de vos compétences.

Nous allons examiner chacune de ces trois méthodes sous peu.

Mais avant de commencer…

Avant de commencer, nous avons besoin de deux choses pour votre site Web: 1 - Un nom de domaine et 2 - Hébergement Web.

1- Enregistrer un domaine

Un domaine est le nom de votre site web. Il doit être unique et transmettre la marque de votre entreprise.

Le moyen le plus simple de rechercher et d’enregistrer un domaine consiste à accéder à un registraire de domaine.

Un registraire de domaine vous permettra d’enregistrer votre nom de domaine par le biais de contrats annuels ou d’un contrat à long terme.

Recherchez et enregistrez votre nom de domaine sur NameCheap
Recherchez et enregistrez des noms de domaine sur Nom Bon marché.

Voici quelques bureaux d'enregistrement de domaine réputés à prendre en compte.

Bureaux d'enregistrementPrix ​​de départ
.com . Net
123 Reg£11.99£ 11 .99
Domain.com$ 9.99 / année$ 10.99 / année
Gandi€ 12.54 / an€ 16.50 / an
GoDaddy$ 12.17 / année$ 12.17 / année
Nom Bon marché$ 10.69 / année$ 12.88 / année
Solutions de réseau$ 34.99 / année$ 32.99 / année

Lire aussi - Nom de domaine pour les nuls.

2 - Acheter un hébergement web

A hébergeur est un grand ordinateur (ou serveur) qui stocke vos sites Web. Certaines sociétés géantes, telles qu'Amazon, IBM et FB, possèdent et gèrent leurs serveurs Web. les autres entreprises louent simplement leurs serveurs à un fournisseur d’hébergement (ce qui est beaucoup plus économique et plus simple).

Remarque: ignorez cette étape si vous optez pour un constructeur de site Web pour créer votre site (voir l'étape #3).

Hébergement de site web

Un service d'hébergement convivial pour les débutants à vérifier.

Hôte WebInscriptionRemarques
Hébergement A2$ 4.90 / moHébergeur rapide, débutants sympathiques.
BlueHost$ 3.95 / moPrix ​​d'inscription bon marché, débutants sympathiques.
Hostgator Cloud$ 8.95 / moPrix ​​raisonnable, serveur fiable.
Hostpapa$ 3.36 / moHébergeur écologique, réduction exclusive.
InMotion Hosting$ 3.49 / moPrix ​​d'inscription bon marché, serveur fiable.
SiteGround$ 5.95 / moSupport du chat en direct de l'industrie #1, hôte Web solide.

À ce jour, nous avons signé, testé et examiné plus de sociétés d'hébergement 60. Voir notre top sélections d'hébergement 10 or la liste complète des critiques d'hébergement.

Lire aussi - Combien coûte la construction d'un site web.


Divulgation de la FTC

WHSR reçoit des honoraires de recommandation de certaines des entreprises mentionnées dans cet article. Créer un contenu utile comme celui-ci nécessite beaucoup d'efforts et d'argent. Votre soutien est très apprécié.


Une fois votre nom de domaine et votre hébergement Web en place, il est temps de retrousser vos manches et de commencer à créer!

Méthode #1: Créer un site web à partir de rien

Compétences requises et outils

Vous pouvez créer vous-même votre site Web unique et distinctif si vous connaissez les principales langues Web et les bases d'un site Web.

Sinon, il est conseillé de passer à la méthode #2 / 3; ou contactez un développeur Web.

Langages Web / outils de base à connaître:

  • HTML (Hyper Text Markup Language)
    Le HTML est la structure de base des pages Web et des applications Web qui rend le contenu sémantique au navigateur Web. Il est composé de balises séquentielles qui ont une ouverture et une fermeture, et structurellement un mot clé entouré par des crochets angulaires. Ex: <strong> </ strong>
  • CSS (feuilles de style en cascade)
    CSS est le langage de style utilisé pour décorer le balisage HTML d'une page Web. Sans CSS, une page Web n’aurait plus qu’une grande page blanche contenant du texte et des images non ordonnés. CSS est ce qui rend la page idéale comme nous le souhaitons.
  • Langages de script
    HTML et CSS ne sont rien sans les langages de script car ils ne sont pas interactifs. Pour créer une page Web dynamique qui réponde aux utilisateurs, vous avez besoin de langages comme JavaScript et jQuery. Des langages côté serveur tels que PHP, Python et Ruby pourraient également être nécessaires au fil du temps.
  • Gestion de base de données
    Pour stocker, gérer et accéder aux données saisies par l'utilisateur d'un site Web, un grand tableau d'informations est appelé base de données. Un système de gestion de base de données tel que MySQL, MongoDB et PostgreSQL est utilisé côté serveur pour effectuer cette tâche efficacement.
  • FTP (protocole de transfert de fichier)
    FTP est utilisé pour transférer plus facilement les fichiers source d'un site Web sur son serveur hébergé. Il existe des clients FTP basés sur le logiciel et sur le Web, qui peuvent être utilisés pour télécharger ses fichiers sur le serveur.

Processus de création de site Web étape par étape à l'aide de l'EDI

Voici un aperçu du processus permettant de créer un site Web de première main, en supposant que vous connaissiez les langues de base du Web et les éléments essentiels du site Web mentionnés ci-dessus.

Étape 1: Configurer un environnement de travail local

Faire un site avec du texte sous-titre
Capture d'écran de l'environnement de travail Sous-texte.

Pour créer et organiser les fichiers source d'un site Web, un bon environnement de travail local est important. Vous pouvez créer un environnement de développement Web sur votre ordinateur en installant un environnement de développement intégré (IDE). Un IDE consiste essentiellement en un éditeur de texte, une automatisation de la construction et un débogueur.

Sublime Text et Atome sont parmi les IDE de base pour le développement Web prenant en charge les langages Web HTML, CSS, JS, PHP, Python et similaires.

D'autre part, il existe des IDE étendus comme Adobe Dreamweaver qui offre une poignée d’autres fonctionnalités (ex: connectivité serveur, FTP).

Étape 2: Planifiez et concevez votre site Web à l'aide d'Adobe Photoshop

La planification de la structure du site Web et du système de navigation revêt une importance capitale. Tout d'abord, vous devez comprendre comment vous souhaitez diffuser votre contenu. Planifiez le nombre de menus de navigation, le nombre de colonnes ou de champs de contenu, le nombre d'images à inclure et leur emplacement.

La meilleure pratique consiste à ouvrir Adobe Photoshop et à créer un dessin approximatif de vos pages Web. Vous devrez peut-être effectuer différentes étapes pour différentes pages, par exemple la page d'accueil, à propos de la page, la page de contact, la page de service, etc.

Maquette de conception utilisée lors de la création de ce site Web
Exemples - maquettes de conception que nous avons réalisées lors de la refonte du site en décembre 2016.

Etape 3: Codifier la conception en utilisant HTML et CSS

Une fois que vous avez fini de créer des brouillons pour vos pages Web dans Adobe Photoshop, vous pouvez commencer à écrire les codes source.

C'est la partie la plus facile. Créez des balises HTML pour les éléments Web que vous souhaitez inclure et utilisez CSS pour les décorer en fonction des dessins que vous avez réalisés.

Étape 4: Rendre dynamique l’utilisation de JavaScript et de jQuery

De nos jours, seuls les sites Web basés sur HTML et CSS n'existent pas, car les interactions des utilisateurs frontaux ne peuvent pas être contrôlées via HTML ou CSS.

Vous pouvez utiliser des langages de script tels que JavaScript et éventuellement sa bibliothèque améliorée, jQuery pour contrôler l'activité des utilisateurs pour les formulaires, les connexions, les curseurs, les menus ou partout où vous en avez besoin.

Étape 5: Télécharger des fichiers locaux sur le serveur à l'aide d'un client FTP

Logiciel FTP pour la création de site

La dernière étape consiste à télécharger tous vos fichiers source sur le serveur Web. La meilleure et la plus simple des solutions consiste à utiliser un client FTP.

Commencez par télécharger un client FTP sur votre ordinateur et connectez-le à votre serveur Web à l'aide d'un compte FTP. Une fois que vous avez réussi à le connecter au compte FTP, copiez tous vos fichiers locaux à la racine de votre répertoire Web. Quelques bons clients FTP sont Filezilla, WinSCP et Cyberduck.


Méthode #2: Créer un site web avec un CMS

Compétences requises et outils

  • Connaître: Fonctionnement de base de l'ordinateur et Internet; HTML, CSS et PHP (pas obligatoire mais mieux si vous connaissez les bases)
  • Outils: WordPress, Joomla biologique et Drupal

Un système de gestion de contenu ou un système de gestion de contenu est si tactiquement conçu qu'il convient aux débutants débutants comme aux développeurs Web expérimentés.

C'est une application logicielle qui facilite la création et la gestion de contenu en ligne. La plupart d'entre eux sont open-source et libres d'utilisation.

Si vous connaissez les bases de HTML, CSS ou PHP, c'est avantageux pour vous. Ce n'est pas un gros problème si vous ne le savez pas car ces plateformes sont très intuitives. Voici les trois principaux choix gratuits de plates-formes CMS que vous pouvez choisir en fonction de vos besoins.

Comparaisons rapides

WordPressJoomlaDrupal
CoûtGratuitGratuitGratuit
Usage311,682 millions26,474 millions31,216 millions
Thèmes gratuits+4,000 ans+1,000 ans+2,000 ans
Plugins gratuits+45,000 ans+7,000 ans+34,000 ans

Lire aussi - Meilleurs CMS comparés (2018) - WordPress vs Joomla vs Drupal

WordPress

WordPress, selon diverses statistiques, est utilisé dans le nombre maximal de blogs et de sites Web de petite à moyenne taille. Néanmoins, beaucoup de gros sites Web préfèrent WordPress pour sa simplicité. WYSIWYG Editor est la seule chose que vous devez apprendre pour créer votre premier contenu.

Cette plate-forme est institutionnelle pour les débutants et peut être développée par différentes classes de développeurs Web. Il a beaucoup de plugins gratuits et de thèmes sur leur propre référentiel. En tant que choix du système de gestion de contenu #1, de nombreuses ressources tierces sont disponibles sur le côté.

thèmes
Choix de thèmes WordPress.

Avantages

  • Très flexible et personnalisable
  • Facile à utiliser,
  • Des tonnes de ressources d'apprentissage,
  • Excellente communauté et soutien

Inconvénients

  • Besoin de code pour les personnalisations visuelles majeures
  • Les mises à jour peuvent causer des problèmes avec les plugins

Apprendre encore plus

Joomla

Joomla est similaire à WordPress à bien des égards. Il est également facile à utiliser, facile à installer et peut être facilement étendu à l'aide de modules. - l'équivalent des plugins WordPress. C'est donc la deuxième meilleure option pour les débutants.

Cependant, les débutants pourraient être plus intimidés d'explorer Joomla en raison du nombre d'options disponibles. En plus du menu de gauche, il y a également un menu dans la barre supérieure juste au-dessus du logo «Panneau de configuration». Pour éviter toute confusion, rappelez-vous que certains des éléments des menus de la barre de gauche et du haut sont similaires, notamment «Contenu», «Utilisateurs» et «Extensions».

Tout comme WordPress, Joomla propose des styles et des modèles qui peuvent rapidement donner à votre site un aspect distinctif. Mais parmi les trois systèmes de gestion de contenu, Joomla offre la solution la plus simple pour créer un réseau social. Avec des plates-formes comme EasySocial et JomSocial, vous n'êtes qu'à quelques minutes de votre propre site de réseautage social.

tiret
Dans le système Joomla.

Avantages

  • Plus avancé techniquement
  • Les sites Web fonctionnent généralement mieux
  • Sécurité au niveau de l'entreprise

Inconvénients

  • Les modules sont difficiles à maintenir
  • CMS de niveau intermédiaire - Pas aussi simple que WordPress, pas aussi avancé que Drupal

Plus d'infos

Drupal

Les développeurs Web expérimentés attestent que Drupal est le système de gestion de contenu le plus puissant.

Cependant, c'est aussi le plus difficile à utiliser. En raison de sa flexibilité, Drupal est le deuxième système de gestion de contenu le plus utilisé au monde, mais il n’est pas un favori parmi les débutants. Pour créer avec succès un site Web «complet» avec Drupal, vous devez vous salir les mains et apprendre les bases du codage. Connaître le système de gestion de contenu est également un défi pour les débutants.

drupal
Installation d'un nouveau Drupal - Malgré les fonctions complexes de Drupal, le CMS offre une interface simple et minimaliste.

Avantages

  • Facile à apprendre
  • Grand portail d'aide
  • Les mises à jour s'intègrent parfaitement
  • Plus d'options intégrées

Inconvénients

  • Courbe d'apprentissage abrupte au début - recommandée pour les utilisateurs avancés

Plus d'infos

Processus de création de site Web étape par étape à l'aide de WordPress

Pour cette méthode, nous utiliserons WordPress comme exemple. A présent, vous devriez déjà avoir un compte d'hébergement web et un nom de domaine enregistré.

Étape 1: recherchez le programme d’installation WordPress dans votre panneau d’hébergement Web.

Les services d'hébergement Web comportent généralement un programme d'installation rapide permettant d'installer WordPress et d'autres plates-formes courantes.

Alors connectez-vous à votre compte d'hébergement Web et découvrez quel programme d'installation vous avez. Les noms populaires que vous devriez rechercher sont Softaculous, QuickInstall ou Fantastico.

Certains hébergeurs (exemple: SiteGround) utilisent des installateurs intégrés dans leur tableau de bord utilisateur (l’écran que vous voyez juste après vous être connecté à cPanel). Dans ce cas, essayez simplement de trouver le titre contenant «WordPress».

Exemple: tableau de bord SiteGround cPanel.

Étape 2: Installer WordPress via le programme d'installation

Softaculous est l'installateur automatique le plus populaire et il est présenté sur cPanel. Je vous guiderai à travers l'installation via Softculous. Les autres installateurs sont à peu près les mêmes.

Cliquez sur Softaculous, puis sur "Installer" via WordPress pour lancer l'installation.

Installer WordPress pour créer votre site web

Voici la partie importante.

Configuration du site

Configurez les options comme suit, laissez les autres champs à la configuration par défaut (ils seront triés plus tard) et cliquez sur Installer.

  • Protocole: Vous devez décider si vous voulez installer le http: // ou le http: // www. version de l'URL. Quoi que vous choisissiez, vous ne verrez pas beaucoup de différence. Du point de vue technique, http: // www. est meilleur en termes de flexibilité et de gestion des cookies. Notez que si vous avez un certificat SSL valide et que vous souhaitez y installer WordPress, sélectionnez simplement https au lieu de http.
  • Domaine: sélectionnez le domaine sur lequel vous souhaitez installer le site Web.
  • Répertoire: spécifiez où vous voulez installer le site WordPress. Si vous souhaitez l'installer sur votre URL racine (ex: http://www.votresiteweb.com/), laissez-le vide. Si vous le souhaitez sur une sous-URL (ex: http://www.votresiteweb.com/myblog/), spécifiez le répertoire dans le champ.
  • Compte administrateur: définissez votre nom d'utilisateur, mot de passe et email que vous utiliserez pour vous connecter à votre site WordPress.

Si vous avez réussi les dernières étapes, bravo. Votre site web est en direct!

Connectez-vous maintenant à votre site WordPress. La page de connexion de votre site ressemblera à wp-login.php à la fin de l'URL du site Web que vous avez définie.

Étape 3: Installez un thème et quelques plugins importants

Ensuite, vous devez installer un thème et les plugins indispensables. Consultez la barre latérale gauche de votre tableau de bord WordPress.

Il existe des tonnes de thèmes prêts à l'emploi gratuits disponibles dans le répertoire WordPress.

Pour parcourir ces thèmes gratuits, accédez à "Apparence> Thèmes> Ajouter un nouveau", recherchez le thème qui correspond à vos besoins et cliquez sur le bouton d'installation.

Répertoire des thèmes WordPress
Répertoire de thèmes WordPress.

Vous pouvez également installer des thèmes tiers à partir de la section "Télécharger un thème". Pour les thèmes WordPress payants, conçus par des professionnels, je recommande thèmes élégants (pour son code efficace et ses magnifiques designs d’avant-plan).

Pour les plugins, parcourez 'Plugins> Add New'.

Recherchez et installez les plugins dont vous avez seulement besoin. 3rd Les plugins Party peuvent également être installés à partir de la section 'Upload Plugin'.

Répertoire WordPress Plugin
Répertoire du plugin WordPress.

Ici, je veux suggérer quelques plugins gratuits importants. Recherchez par leur nom dans le répertoire des plugins WordPress pour les trouver. Notez que l’installation d’un seul plugin de chaque catégorie suffit.

  • Pour le référencement: Yoast SEO, Pack SEO tout en un
  • Pour la sécurité: Sécurité iThemes, Sécurité Wordfence
  • Pour les statistiques de site: Jetpack par WordPress.com, Google Analytics pour WordPress par Monster Insights
  • Pour créer un formulaire: Formulaire de contact 7
  • Pour les performances: cache total W3, super cache WP

Lire aussi - 9 Essential WordPress Plugins pour les nouveaux sites WP

Étape 4: Vous êtes prêt!

Votre site devrait être opérationnel d'ici la dernière étape. Mais il y a encore quelques points à régler.

  • Sous "Paramètres> Général", définissez le titre de votre site et le slogan.
  • Sous "Paramètres> Lecture", indiquez ce que votre page d'accueil doit afficher et le nombre de messages de blog que vous souhaitez afficher sur une seule page.
  • Sous "Paramètres> Liens permanents": définissez la structure d'URL de votre publication de blog.

Paramétrage de base pour un nouveau site WP
Paramètres de base pour le nouveau site WordPress.


Méthode #3: Créer un site web avec des créateurs de sites

Compétences requises et outils

  • Connaître: Fonctionnement de base de l'ordinateur et Internet
  • Outils: Wix et Weebly

Les constructeurs de sites ont créé un site Web sans effort et instantanément. Sans connaissance des langues Web, on peut lancer son site Web complet en quelques minutes. Ils proposent aux concepteurs de sites Web Drag & Drop qui ne nécessitent aucune connaissance en matière de codage.

Il existe de nombreux constructeurs de sites disséminés sur Internet - Disha covered 26 free site builders dans cet article de blog; mais tous ne peuvent pas satisfaire les besoins.

Les trois suivants sont les constructeurs de sites Web les plus connus et potentiels que vous pouvez utiliser.

Wix

Utiliser Wix pour créer un site web

Wix est l’un des constructeurs de sites les plus simples du marché qui propose des modèles 500 + entièrement personnalisables, classés en différentes catégories. Il est donc pratiquement certain que vous en trouverez un qui vous convient.

Ils offrent un éditeur de site Web flexible Drag & Drop qui est toujours visible sur le contenu. Vous pouvez faire glisser un élément de la liste et le déposer n'importe où sur le site Web pour l'ajouter. Tout élément visible sur celui-ci peut être déplacé ou édité.

Le seul inconvénient est qu'il existe des publicités sur site sur le plan gratuit Wix. Vous pouvez vous en débarrasser en le mettant à niveau avec leur forfait Combo, ce qui vous permet de revenir à un minimum de 12 / mois.

Lire aussi - Notre examen approfondi de Wix.

Weebly

Utiliser Weebly pour créer un site web

Weebly est plus facile à bien des égards, comme la navigation, la convivialité. Ils proposent des centaines de modèles, mais les options de personnalisation peuvent sembler limitées.

Ils ont un bon nombre de mises en page prédéfinies (par exemple: page à propos, page de tarification, page de contact) qui peuvent être utilisées et modifiées.

Le générateur Drag & Drop est plus facile à utiliser, mais vous êtes parfois limité aux zones désignées pour la personnalisation. La disponibilité des extensions et des applications tierces est également limitée.

Lire aussi - Notre examen approfondi de Weebly.

Processus de création de site Web étape par étape à l'aide de Wix

Étape 1: Inscrivez-vous pour Wix

Créez un compte sur Wix.com.

Il existe des forfaits 5 premium et des forfaits 1 gratuits (les prix varient de $ 0 à $ 24.50 / mois). Vous verrez les options de mise à niveau après avoir créé un site avec succès.

Voir les plans et les prix Wix ici.

Inscription Wix
Page d'inscription Wix.

Je recommande Wix Basic Plan - Combo. Le forfait Wix Combo ($ 8.50 / mo) propose un nom de domaine gratuit, davantage de ressources de calcul et aucune annonce Wix.

Étape 2: Choisissez un modèle

Wix vous demandera comment vous voulez créer un site web. Le moyen le plus rapide qu'ils suggèrent est Wix ADI (intelligence artificielle de la conception) qui n'est pas très fructueux à la fin.

Je vais donc vous expliquer un peu plus longtemps, mais la meilleure façon, le constructeur de site Web!

Vous verrez qu'il existe des modèles classés sous différentes étiquettes. Parcourez votre catégorie potentielle et choisissez celle qui vous convient.

Après avoir trouvé le thème Wix que vous aimez, cliquez sur "modifier" pour continuer.

Modification d&#39;une page Web sur Wix
Le bouton «modifier» apparaît lorsque vous passez votre souris sur un thème.

Étape 3: Concevez votre site Web à l'aide de Wix Website Builder

Après quelques instants, vous accéderez directement à leur créateur de site Web intuitif.

Concevoir un site web est simple. Vous verrez différents outils à gauche et à droite de votre écran. En outre, cliquez n'importe où sur le site Web pour modifier le bloc ou le déplacer.

Wix éléments
Construisez vos éléments de page Web à l'aide de l'éditeur de glisser-déposer Wix.

Etape 4: Publier le site web

Lorsque vous appuierez sur le bouton de publication, il vous sera demandé si vous souhaitez un sous-domaine gratuit ou un domaine complet. C'est ton appel.

Quelques ajustements supplémentaires sont recommandés.

Accédez à votre 'Tableau de bord Wix> Gérer et modifier le site' et configurez le référencement, les favoris, les réseaux sociaux et les mises à niveau selon vos besoins.

Configuration du site Wix
Configurez votre site Wix. Cliquez pour agrandir l'image.

Et une fois que vous avez terminé avec ces paramètres de base, votre site Web est prêt.

À propos de Jerry Low

Fondateur de WebHostingSecretRevealed.net (WHSR) - une critique d'hébergement approuvée et utilisée par les utilisateurs de 100,000. Plus de 15 ans d'expérience dans l'hébergement web, le marketing d'affiliation et le référencement. Contributeur à ProBlogger.net, Business.com, SocialMediaToday.com, et plus encore.