Deze wikiHow leert je hoe je een website ontwerpt die professioneel lijkt en goed presteert. Hoewel het grootste deel van het ontwerp van uw website uiteindelijk aan u ligt, zijn er enkele kritieke dingen die u moet doen - en vermijden - bij het maken van een website.

Deel een van de twee:
Ontwerp van uw website

  1. 1 Bepaal of u een maker van een website wilt gebruiken. Websites die vanuit het niets zijn gemaakt, vereisen een vrij gedetailleerd begrip van HTML-codering, maar u kunt eenvoudig een website maken met behulp van een gratis hostingservice zoals Weebly, Wix, WordPress of Google Sites. Creators van websites zijn vaak veel gemakkelijker voor startende ontwerpers dan HTML.
    • Als u besluit uw eigen website te coderen, moet u zowel HTML- als CSS-codering leren.
    • Als investeren van de tijd en energie om uw website te maken niet aantrekkelijk klinkt, kunt u ook een websiteontwerper inhuren om uw site voor u te maken. Freelance ontwerpers kunnen tussen de $ 30 per uur en ruim $ 100 per uur kosten.
  2. 2 Breng uw site in kaart. Voordat u zelfs een maker van de website opent, moet u ongeveer weten hoeveel pagina's u wilt dat uw website heeft, wat de inhoud van elk van die pagina's moet zijn en de algemene lay-out van belangrijke pagina's zoals de startpagina en de "Over" pagina.
    • De pagina's van uw website zijn mogelijk gemakkelijker te visualiseren als u ruwe afbeeldingen van elk van deze pagina's maakt in plaats van alleen te bepalen welke inhoud moet worden weergegeven.
  3. 3 Gebruik intuïtief ontwerp. Hoewel er iets te zeggen valt voor nieuwe ideeën, moet het basisontwerp van uw website de volgende richtlijnen volgen, zoals:
    • Navigatie-opties (bijvoorbeeld tabbladen voor verschillende webpagina's) moeten bovenaan de pagina worden weergegeven.
    • Als u een menupictogram (☰) gebruikt, moet dit in de linkerbovenhoek van de pagina staan.
    • Als u een zoekbalk gebruikt, moet deze zich in de buurt van de rechterbovenhoek van de pagina bevinden.
    • Nuttige links (bijvoorbeeld links naar de "Over" -pagina of de "Contact ons" -pagina) moeten helemaal onderaan elke pagina gaan.
  4. 4 Wees consistent. Welke tekstlettertype, kleurenpalet, afbeeldingsthema en ontwerpopties u ook kiest, zorg ervoor dat u dezelfde beslissing overal in uw website gebruikt. Het kan ongelooflijk schokkend zijn om een ​​lettertype of kleurenschema te zien dat wordt gebruikt voor de "Over" -pagina wanneer een geheel ander lettertype werd gebruikt voor de startpagina.[1]
    • Als u bijvoorbeeld alleen koel-kleurtinten gebruikt voor de startpagina van uw site, implementeer dan geen heldere, luide kleuren op de volgende pagina.
    • Houd er rekening mee dat het gebruik van luide of botsende kleuren, vooral wanneer de kleuren worden weergegeven op een dynamische (bijvoorbeeld bewegende) manier, epilepsie kan oproepen bij een klein aantal internetgebruikers. Als u besluit om dergelijke kleuren op uw site te gebruiken, zorg er dan voor dat u vóór elke relevante pagina een epilepsiewaarschuwing toevoegt.
  5. 5 Voeg navigatie-opties toe. Door rechtstreekse links naar belangrijke pagina's op uw website bovenaan de startpagina te plaatsen, kunt u bezoekers die voor het eerst komen helpen bij het plaatsen van relevante inhoud. De meeste makers van sites voegen deze koppelingen standaard toe.
    • Het is belangrijk om ervoor te zorgen dat elke pagina op uw website toegankelijk is door op opties op uw website te klikken in plaats van alleen toegankelijk te zijn via het adres van de pagina.
  6. 6 Gebruik kleuren die elkaar aanvullen. Net als elke andere vorm van ontwerp, is website-ontwerp gebaseerd op visueel aantrekkelijke combinaties van kleuren; daarom is het kiezen van themakleuren die samengaan cruciaal.
    • Zwart, wit en grijs is een goede combinatie als u niet weet waar u moet beginnen.
  7. 7 Overweeg een minimalistisch ontwerp te gebruiken. Minimalisme moedigt cool-tone kleuren, eenvoudige grafische afbeeldingen, zwart-op-witte tekstpagina's en zo min mogelijk verfraaiing aan. Omdat minimalisme weinig luxe elementen vereist, is het een eenvoudige manier om uw website er professioneel en aantrekkelijk uit te laten zien zonder veel werk te vergen.
    • Veel websitemakers zullen een "minimalistisch" thema hebben dat u kunt selecteren bij het opzetten van uw website.
    • Een alternatief voor minimalisme is 'brutalisme', dat gebruik maakt van hardere lijnen, felle kleuren, vetgedrukte tekst en minimale afbeeldingen. Brutalisme heeft minder een volgeling dan minimalisme, maar afhankelijk van de inhoud van uw website, kan het beter aansluiten bij uw ontwerpbehoeften.
  8. 8 Maak unieke keuzes. Rechte lijnen en rastergekoppelde webelementen zijn veilige weddenschappen, maar het maken van een paar unieke stilistische beslissingen zal zowel uw site karakter geven als uw site helpen op te vallen.[2]
    • Wees niet bang om trends te verslaan door website-elementen asymmetrisch te plaatsen of overlappende elementen te gebruiken om een ​​gelaagd uiterlijk te creëren.
    • Hoewel elegante, scherpe hoeken en rechthoekige elementen (ook bekend als een 'kaartgebaseerde' presentatie) minder gunstig zijn dan afgeronde, zachte elementen.

Deel twee van twee:
Webprestaties maximaliseren

  1. 1 Profiteer van mobiele optimalisatie-opties. Mobiele browsers zorgen voor meer internetverkeer dan desktop-browsers, wat betekent dat de hoeveelheid aandacht die u besteedt aan de mobiele versie van uw website minstens gelijk moet zijn aan de ontwikkeling van uw desktopwebsite. De meeste diensten voor websitemakers maken automatisch een mobiele versie van uw site, maar u moet de volgende informatie in gedachten houden voor uw mobiele site:[3]
    • Zorg ervoor dat de knoppen (bijvoorbeeld sitekoppelingen) groot zijn en eenvoudig kunnen worden getikt.
    • Vermijd het implementeren van functies die niet op mobiel kunnen worden bekeken (bijvoorbeeld Flash, Java, etc.).
    • Overweeg om een ​​mobiele app voor uw website te laten maken.
  2. 2 Vermijd het gebruik van te veel foto's per pagina. Zowel desktop- als mobiele browsers kunnen moeite hebben om pagina's te laden die een groot aantal foto's of video's weergeven. Hoewel afbeeldingen belangrijk zijn in webontwerp, kan het gebruik van meer dan een paar pagina's leiden tot onnodig lange laadtijden, waardoor mensen de betreffende pagina ('s) niet kunnen bezoeken.
    • Over het algemeen wilt u dat de pagina's van uw website binnen vier seconden worden geladen.
  3. 3 Voeg een "Contact" -pagina toe. U zult merken dat vrijwel alle gevestigde websites een "Contact opnemen" -pagina hebben met contactinformatie (bijvoorbeeld een telefoonnummer en een e-mailadres); sommige sites hebben zelfs een ingebouwd vraagformulier op deze pagina. Het toevoegen van een "Contact" -pagina geeft websitebezoekers een directe communicatielijn en biedt zo een oplossing voor mogelijke frustraties.
  4. 4 Maak een aangepaste 404-pagina. Wanneer iemand een specifieke pagina op uw website bezoekt die niet is ingesteld of niet bestaat, wordt een webpagina "404 Error" weergegeven. De meeste browsers hebben een standaard 404-pagina, maar u kunt deze mogelijk zelf aanpassen vanuit de instellingen van uw website-maker; zo ja, zorg ervoor dat u de volgende details opneemt:
    • Een luchtige foutmelding (bijv. "Gefeliciteerd, u hebt onze foutpagina gevonden!")
    • Een link naar de startpagina van de site
    • Een lijst met algemeen bekeken links
    • Een afbeelding of logo voor uw website
  5. 5 Gebruik indien mogelijk een zoekbalk. Als de methode voor het maken van uw website het toevoegen van een zoekbalk aan uw website ondersteunt, wordt u sterk aangeraden dit te doen. Dit zorgt ervoor dat gebruikers snel naar een specifieke pagina of item kunnen navigeren zonder door uw navigatie-opties te hoeven navigeren.
    • Zoekbalken zijn ook handig wanneer uw publiek een algemene term wil zoeken zonder proefondervindelijk te gebruiken.
  6. 6 Investeer de meeste tijd op uw startpagina. Wanneer iemand op de startpagina van uw website terechtkomt, moet deze meteen de kern van het thema van uw website achterhalen; daarnaast moeten alle elementen van de startpagina snel worden geladen, inclusief navigatie-opties en eventuele afbeeldingen. Uw startpagina moet de volgende aspecten hebben:[4]
    • Een call-to-action (bijvoorbeeld een knop om te klikken of een formulier om in te vullen)
    • Een navigatiebalk of -menu
    • Een uitnodigende afbeelding (bijvoorbeeld een solide foto, een video of een kleine groep foto's met bijbehorende tekst)
    • Sleutelwoorden die te maken hebben met de service, het onderwerp of de focus van uw website
  7. 7 Test uw website in meerdere browsers op meerdere platforms. Dit is ongelooflijk belangrijk, omdat verschillende browsers aspecten van uw website anders kunnen behandelen. Voordat u begint met het promoten van uw website, probeert u uw website te bezoeken en te gebruiken in de volgende browsers op Windows-, Mac-, iPhone- en Android-platforms:
    • Google Chrome
    • Firefox
    • Safari (alleen iPhone en Mac)
    • Microsoft Edge en Internet Explorer (alleen Windows)
    • De ingebouwde browser op verschillende Android-telefoons (bijvoorbeeld Samsung Galaxy, Google Nexus, etc.)
  8. 8 Ga door met het bijwerken van uw website naarmate deze ouder wordt. Ontwerptrends, links, foto's, concepten en zoekwoorden veranderen allemaal in de loop van de tijd, dus u moet doorgaan met het aanbrengen van wijzigingen in uw website om op de hoogte te blijven. Dit vereist dat u de prestaties van uw website samen met andere vergelijkbare websites minstens eenmaal per drie maanden controleert (bij voorkeur vaker).

Eenvoudige HTML Help

Voorbeeldpagina met HTML HTML Cheat Sheet Voorbeeld van eenvoudige webpagina