Comment concevoir un site web

Thisteach vous comment concevoir un site Web qui apparaît professionnel et fonctionne bien. Tandis que la majeure partie de la conception de votre site Web est finalement à vous, il y a des choses essentielles à faire - et à éviter - lors de la création d`un site Web.

Pas

Partie 1 de 2:
Comment concevoir votre site web
  1. Image intitulée Conception d`un site Web Étape 1
1. Déterminez si vous souhaitez utiliser un créateur de site Web. Les sites Web créés à partir de zéro nécessitent une compréhension assez détaillée du codage HTML, mais vous pouvez facilement créer un site Web en utilisant un service d`hébergement gratuit comme Weebly, Wix, WordPress ou Google Sites. Les créateurs de site Web ont tendance à être beaucoup plus faciles pour les premiers concepteurs à utiliser que HTML.
  • Si vous décidez de coder votre propre site Web, vous devrez apprendre les deux Html et CSS codage.
  • Si vous investissez le temps et l`énergie pour créer votre site Web ne sonne pas attrayante, vous pouvez également embaucher un concepteur de site Web pour créer votre site pour vous. Les concepteurs indépendants peuvent coûter entre 30 $ et plus de 100 $ l`heure.
  • Image intitulée Conception d`un site Web Étape 2
    2. Carte de votre site. Avant même d`ouvrir un créateur de site Web, vous devez savoir approximativement au nombre de pages que vous souhaitez que votre site Web soit, ce que le contenu de chacune de ces pages devrait être et la disposition générale de pages importantes telles que la page d`accueil et la "À propos" page.
  • Les pages de votre site Web peuvent être plus faciles à visualiser si vous dessinez des images approximatives de chacun d`eux plutôt que de simplement déterminer quel contenu devrait apparaître.
  • Image intitulée Conception d`un site Web Étape 3
    3. Utiliser une conception intuitive. Bien qu`il y ait quelque chose à dire pour des idées fraîches, la conception de base de votre site Web devrait suivre des directives établies telles que:
  • Options de navigation (E.g., onglets pour différentes pages) devrait aller en haut de la page.
  • Si vous utilisez une icône de menu (☰), il devrait être dans le coin supérieur gauche de la page.
  • Si vous utilisez une barre de recherche, il doit être proche du côté droit de la page.
  • Liens utiles (e.g., Liens vers le "À propos" page ou la "Nous contacter" la page) devrait aller au fond de chaque page.
  • Image intitulée Conception d`un site Web Étape 4
    4. Être cohérent. Quelle que soit la police de texte, la palette de couleurs, le thème de l`image et les options de conception que vous choisissez, assurez-vous d`utiliser la même décision sur votre site Web. Il peut s`agir d`incroyablement de jarre pour voir une police ou une palette de couleurs utilisée pour le "À propos" page quand une autre différente a été utilisée pour la page d`accueil.
  • Par exemple, si vous utilisez exclusivement des couleurs de tonalité de tonalité pour la page d`accueil de votre site, ne mettez pas en œuvre des couleurs vives et brillantes de la page suivante.
  • Gardez à l`esprit que l`utilisation de couleurs fortes ou d`affrontement, surtout lorsque les couleurs affichent dans une dynamique (e.g., déménager) la mode, peut évoquer l`épilepsie dans un petit nombre d`utilisateurs Web. Si vous décidez d`utiliser de telles couleurs sur votre site, assurez-vous d`ajouter un avertissement d`épilepsie avant toute pages pertinentes.
  • Image intitulée Conception d`un site Web Étape 5
    5. Ajouter des options de navigation. Placer des liens directs vers des pages importantes sur votre site Web en haut de la page d`accueil aidera à diriger les visiteurs à la première fois au contenu qui compte. La plupart des créateurs de site Ajoutent ces liens par défaut.
  • Il est important de s`assurer que chaque page de votre site Web est accessible en cliquant sur les options de votre site Web plutôt que d`être accessible uniquement via l`adresse de la page.
  • Image intitulée Conception d`un site Web Étape 6
    6. Utiliser des couleurs qui se complètent. Comme tout autre type de conception, la conception du site Web repose sur des combinaisons de couleurs agréables à cause de cela, cueillette des couleurs thématiques qui vont ensemble est cruciale.
  • Noir, blanc et gris est une bonne combinaison si vous ne savez pas où commencer.
  • Image intitulée Conception d`un site Web Étape 7
    7. Pensez à utiliser un design minimaliste. Le minimalisme encourage les couleurs colorées, les graphiques simples, les pages de texte en noir sur blanc et aussi peu d`embellissement que possible. Parce que le minimalisme nécessite peu d`éléments de fantaisie, c`est un moyen facile de rendre votre site Web professionnel et attrayant sans nécessiter beaucoup de travail.
  • De nombreux créateurs de sites Web auront un "minimaliste" Thème que vous pouvez sélectionner lors de la configuration de votre site Web.
  • Une alternative au minimalisme est "brutalisme", qui utilise des lignes plus sévères, des couleurs vives, un texte audacieux et une imagerie minimale. Le brutalisme a moins d`un point suivant que le minimalisme, mais en fonction du contenu de votre site Web, il peut mieux répondre à vos besoins de conception.
  • Image intitulée Conception Un site Web 8
    8. Faire des choix uniques. Les lignes droites et les éléments Web verrouillés dans le réseau sont des paris sûrs, mais la création de quelques décisions stylistiques uniques prêtera la personnalité sur votre site et aidera votre site à se démarquer.
  • N`ayez pas peur de creuser des tendances en plaçant des éléments de site Web asymétriquement ou en utilisant des éléments qui se chevauchent pour créer une apparence en couches.
  • Tandis que des coins élégants, tranchants et des éléments carrés (également connu sous le nom de "à base de carte" la présentation) sont moins favorables que les éléments ronds et doux.
    • Partie 2 de 2:
    Comment maximiser les performances du site Web
    1. Image intitulée Conception d`un site Web Étape 9
    1. Profitez des options d`optimisation mobile. Les navigateurs mobiles représentent plus de trafic Web que les navigateurs de bureau, ce qui signifie que le montant de l`attention que vous payez sur la version mobile de votre site Web doit au moins égal à votre développement de votre site Web de bureau. La plupart des services de créateurs de sites Web créent automatiquement une version mobile de votre site, mais vous souhaitez conserver à l`esprit les informations suivantes pour votre site mobile:
    • Assurez-vous que les boutons (e.g., Les liens de site) sont grands et faciles à appuyer sur.
    • Évitez les fonctionnalités de mise en œuvre qui ne peuvent pas être visualisées sur mobile (E.g., Flash, Java, etc.).
    • Pensez à avoir une application mobile faite pour votre site web.
  • Image intitulée Conception d`un site Web Étape 10
    2. Évitez d`utiliser trop de photos par page. Les navigateurs de bureau et mobiles peuvent avoir du mal à charger des pages qui affichent un grand nombre de photos ou de vidéos. Tandis que les images sont importantes dans la conception Web, l`utilisation de plus de quelques-unes par page peut provoquer des heures de charge inutilement longues, ce qui empêchera les personnes de visiter la ou les pages en question.
  • De manière générale, vous souhaitez que les pages de votre site Web se chargent en moins de quatre secondes.
  • Image intitulée Conception d`un site Web Étape 11
    3. Ajouter un "Contacter" page. Vous remarquerez que pratiquement tous les sites Web établis ont un "Nous contacter" page qui a des informations de contact (e.g., Un numéro de téléphone et une adresse email) - Certains sites ont même un formulaire de questions intégré sur cette page. Ajouter un "La page Contact donnera aux téléspectateurs une ligne de communication directe avec vous, ajoutant ainsi une solution à des frustrations potentielles.
  • Image intitulée Conception d`un site Web Étape 12
    4. Créer une page 404 personnalisée. Lorsque quelqu`un visit une page spécifique sur votre site Web qui n`a pas été configuré ou n`existe pas, un "404 Erreur" La page Web affichera. La plupart des navigateurs ont une page 404 par défaut, mais vous pourrez peut-être personnaliser le vôtre de vos paramètres de votre site Web. Si oui, assurez-vous d`inclure les informations suivantes:
  • Un message d`erreur léger (E.g., "Félicitations - vous avez trouvé notre page d`erreur!")
  • Un lien vers la page d`accueil du site
  • Une liste de liens communément consultés
  • Une image ou un logo pour votre site web
  • Image intitulée Conception d`un site Web Étape 13
    5. Utilisez une barre de recherche si possible. Si votre méthode de création de site Web prend en charge l`ajout d`une barre de recherche à votre site Web, il est fortement recommandé de le faire. Cela garantira que les utilisateurs peuvent naviguer rapidement sur une page ou un élément spécifique sans avoir à cliquer sur vos options de navigation.
  • Les barres de recherche sont également utiles lorsque votre auditoire souhaite rechercher un terme général sans utiliser d`essai et d`erreur.
  • Image intitulée Conception d`un site Web Step 14
    6. Investissez le plus de temps dans votre page d`accueil. Lorsque quelqu`un arrive sur la page d`accueil de votre site Web, ils devraient obtenir le thème de votre site Web immédiatement - en plus de cela, tous les éléments de la page d`accueil doivent être chargés rapidement, y compris les options de navigation et toutes les images. Votre page d`accueil doit avoir les aspects suivants:
  • Un appel à l`action (e.g., un bouton pour cliquer ou un formulaire à remplir)
  • Une barre d`outils de navigation ou un menu
  • Un graphique invitant (e.g., une photo solide, une vidéo ou un petit groupe de photos avec texte accompagnant)
  • Mots clés se rapportant au service, au sujet ou au centre de votre site Web
  • Image intitulée Conception d`un site Web Étape 15
    7. Testez votre site Web dans plusieurs navigateurs sur plusieurs plates-formes. Ceci est incroyablement important, car différents navigateurs peuvent traiter les aspects de votre site Web différemment. Avant de commencer à promouvoir votre site Web, essayez de visiter et d`utiliser votre site Web dans les navigateurs suivants sur les plates-formes Windows, Mac, iPhone et Android:
  • Google Chrome
  • Firefox
  • Safari (iPhone et Mac uniquement)
  • Microsoft Edge et Internet Explorer (Windows uniquement)
  • Le navigateur intégré sur plusieurs téléphones Android (E.g., Samsung Galaxy, Google Nexus, etc.)
  • Image intitulée Conception d`un site Web Step 16
    8. Continuez à mettre à jour votre site Web comme il vieillit. Tendances de conception, liens, photos, concepts et mots-clés Tous changent au fil du temps. Vous devrez donc continuer à modifier votre site Web afin de rester à jour. Cela vous obligera à vérifier la performance de votre site Web aux côtés d`autres sites Web similaires au moins une fois tous les trois mois (de préférence plus souvent).

    • HTML de base

    Exemple WebPage avec HTML

    Soutenir WikiHow et Déverrouillez tous les échantillons.

    Feuille de triche HTML

    Soutenir WikiHow et Déverrouillez tous les échantillons.

    Exemple de page Web simple

    Soutenir WikiHow et Déverrouillez tous les échantillons.

    Conseils

    L`accessibilité du site Web est un autre aspect important du développement du site Web. Cela inclut des éléments tels que des légendes pour les audiences malentendantes, des descriptions audio des visiteurs aveugles et des avertissements de photosensibilité si votre site Web utilise des effets potentiellement induisants.
  • La plupart des créateurs de sites Web disposent d`un ensemble de modèles que vous pouvez utiliser pour ciment la mise en page et la conception de votre site avant d`ajouter vos éléments préférés.

    • Mises en garde

    La plupart des créateurs de sites sont toutefois gratuits, si vous souhaitez utiliser votre propre domaine (E.g., "votre nom.com" à la place de "votre nom.wordpress.com"), vous devrez payer une taxe mensuelle ou annuelle.
  • Évitez le plagiat et observer toutes les lois sur le droit d`auteur: N`ajoutez pas d`images aléatoires du Web, ni même des éléments structurels, sans autorisation.
    • Articles connexes