Sådan designes en hjemmeside

ThisTeaches dig, hvordan du designer en hjemmeside, der vises professionel og fungerer godt. Mens hovedparten af ​​dit websteds design i sidste ende er op til dig, er der nogle kritiske ting at gøre - og undgå - når du opretter en hjemmeside.

Trin

Del 1 af 2:
Sådan designer du dit websted
  1. Billede med titlen design et websted trin 1
1. Bestem, om du vil bruge en Website Creator. Websites oprettet fra bunden kræver en ret detaljeret forståelse af HTML-kodning, men du kan nemt oprette en hjemmeside ved at bruge en gratis hosting service som Weebly, Wix, WordPress eller Google Sites. Website Creators har tendens til at være meget lettere for førstegangsdesignere at bruge end HTML.
  • Hvis du beslutter dig for at kode din egen hjemmeside, skal du lære begge dele Html og CSS kodning.
  • Hvis du investerer tiden og energi til at oprette dit websted, ikke lyder tiltalende, kan du også ansætte en website designer for at oprette dit websted for dig. Freelance designere kan koste hvor som helst mellem $ 30 en time og godt over $ 100 pr. Time.
  • Billede med titlen design et websted trin 2
    2. Kort ud af dit websted. Før du selv åbner en Website Creator, skal du vide om, hvor mange sider du vil have din hjemmeside til at have, hvad indholdet på hver af disse sider skal være, og det generelle layout af vigtige sider som hjemmesiden og "Om" side.
  • Dine websider sider kan være lettere at visualisere, hvis du tegner grove billeder af hver af dem i stedet for at bestemme, hvilket indhold der skal vises.
  • Billede med titlen design et websted trin 3
    3. Brug intuitivt design. Mens der er noget, der skal siges for friske ideer, bør dit websteds grundlæggende design følge etablerede retningslinjer som følgende:
  • Navigationsindstillinger (E.G., Tabs til forskellige sider) skal gå øverst på siden.
  • Hvis du bruger et menuikon (☰), skal det være i øverste venstre hjørne af siden.
  • Hvis du bruger en søgelinje, skal den være tæt på den øverste højre side af siden.
  • Hjælpsomme links (e.G., Links til "Om" side eller "Kontakt os" side) skal gå i bunden af ​​hver side.
  • Billede med titlen design et websted trin 4
    4. Være konsekvent. Uanset hvilken tekst skrifttype, farvepalet, billedtema og designindstillinger du vælger, skal du sørge for at bruge den samme beslutning i hele dit websted. Det kan være utroligt jarring at se en skrifttype eller farveskema, der bruges til "Om" side, når en helt anden blev brugt til startsiden.
  • For eksempel, hvis du udelukkende bruger cool-tone farver til dit websteds hjemmeside, skal du ikke implementere lyse, højt farver på næste side.
  • Husk at bruge højt eller kolliderer farver, især når farverne vises i en dynamisk (E.G., flytende) mode, kan fremkalde epilepsi i et lille antal webbrugere. Hvis du beslutter dig for at bruge sådanne farver på dit websted, skal du sørge for at tilføje en epilepsi-advarsel inden relevante sider.
  • Billede med titlen design et websted trin 5
    5. Tilføj navigationsindstillinger. Placering af direkte links til vigtige sider på din hjemmeside øverst på hjemmesiden vil hjælpe med at lede først og fremmest besøgende til det indhold, der betyder noget. De fleste websteds skabere tilføjer disse links som standard.
  • Det er vigtigt at sikre, at hver side på din hjemmeside er tilgængelig ved at klikke på Valg på din hjemmeside, snarere end kun at være tilgængelig via sidens adresse.
  • Billede Titlet Design Et websted Trin 6
    6. Brug farver, der supplerer hinanden. Ligesom enhver anden form for design er website design afhængig af visuelt tiltalende kombinationer af farve på grund af dette, plukning tema farver, der går sammen, afgørende.
  • Sort, hvid og grå er en god kombination, hvis du ikke ved, hvor du skal starte.
  • Billede med titlen design et websted trin 7
    7. Overvej at bruge et minimalistisk design. Minimalisme tilskynder kølige farver, enkle grafik, sort-på-hvide tekstsider og så lidt udsmykning som muligt. Fordi minimalisme kræver lidt i vejen for fancy elementer, er det en nem måde at gøre dit websted til at se professionelt og attraktivt uden at kræve meget arbejde.
  • Mange website skabere vil have en "minimalistisk" Tema Du kan vælge, når du opretter din hjemmeside.
  • Et alternativ til minimalisme er "brutalisme", som bruger hårdere linjer, lyse farver, fed tekst og minimal billeddannelse. Brutalisme har mindre af følgende end minimalisme, men afhængigt af dit websteds indhold kan det bedre passer til dine designbehov.
  • Billede med titlen Design Et websted trin 8
    8. Lav unikke valg. Straight linjer og gitterlåste webelementer er sikre væddemål, men at få et par unikke stilistiske beslutninger, vil både give personlighed til dit websted og hjælpe dit websted skiller sig ud.
  • Vær ikke bange for at bukke trends ved at placere webstedelementer asymmetrisk eller ved hjælp af overlappende elementer for at skabe et lagdelt udseende.
  • Mens elegante, skarpe hjørner og kvadrede elementer (også kendt som en "Kortbaseret" Præsentation) er mindre gunstige end afrundede, bløde elementer.
    • Del 2 af 2:
    Sådan maksimeres Website Performance
    1. Billede med titlen design et websted trin 9
    1. Udnyt mobiloptimeringsindstillinger. Mobilbrowsere tegner sig for mere webtrafik end desktopbrowsere, hvilket betyder, at mængden af ​​opmærksomhed, du betaler til din hjemmeside mobile version, i det mindste ville svare til din stationære hjemmeside udvikling. De fleste website Creator-tjenester opretter automatisk en mobil version af dit websted, men du vil gerne beholde følgende oplysninger i tankerne for dit mobilwebsted:
    • Sørg for, at knapperne (E.G., Site links) er store og nemme at trykke.
    • Undgå at implementere funktioner, som ikke kan ses på mobil (E.G., Flash, java osv.).
    • Overvej at have en mobil app lavet til dit websted.
  • Billede med titlen Design Et websted trin 10
    2. Undgå at bruge for mange billeder pr. Side. Både desktop- og mobilbrowsere kan kæmpe for at indlæse sider, der viser et stort antal billeder eller videoer. Mens billeder er vigtige i webdesign, kan det med mere end et par sider forårsage unødigt lange belastningstider, hvilket forhindrer folk i at besøge de pågældende side (r).
  • Generelt vil du have, at dit websites sider skal indlæses på under fire sekunder.
  • Billede med titlen Design Et websted trin 11
    3. Tilføj en "Kontakt" side. Du vil bemærke, at næsten alle etablerede hjemmesider har en "Kontakt os" side, der har kontaktoplysninger (E.G., Et telefonnummer og en e-mail-adresse) - Nogle websteder har endda en indbygget spørgsmålstegn på denne side. Tilføjer A "Kontakt `side vil give webstedet seere en direkte kommunikationslinje til dig og dermed tilføje en løsning på potentielle frustrationer.
  • Billede med titlen Design Et websted trin 12
    4. Opret en brugerdefineret 404 side. Når nogen besøger en bestemt side på din hjemmeside, som enten ikke er oprettet eller ikke eksisterer, en "404 Fejl" Webside vises. De fleste browsere har en standard 404 side, men du kan muligvis tilpasse din fra din website Creators indstillinger-Hvis det er tilfældet, skal du sørge for, at du inkludere følgende detaljer:
  • En lyshjertet fejlmeddelelse (E.G., "Tillykke - Du har fundet vores fejlside!")
  • Et link tilbage til webstedets hjemmeside
  • En liste over almindeligt set links
  • Et billede eller logo til dit websted
  • Billede med titlen Design Et websted trin 13
    5. Brug en søgelinje, hvis det er muligt. Hvis din hjemmeside oprettelsesmetode understøtter at tilføje en søgefelt til dit websted, anbefales det stærkt, at du gør det. Dette sikrer, at brugerne hurtigt kan navigere til en bestemt side eller et emne uden at skulle klikke gennem dine navigationsindstillinger.
  • Søgestænger er også nyttige, når dit publikum ønsker at søge efter en generel term uden brug af forsøgs- og fejl.
  • Billede med titlen design et websted trin 14
    6. Invester mest muligt tid på din hjemmeside. Når nogen kommer på din hjemmeside hjemmeside, skal de få kernen på dit websteds tema med det samme - ud over dette skal alle elementer på hjemmesiden indlæses hurtigt, herunder navigationsindstillinger og billeder. Din startside skal have følgende aspekter:
  • Et opkald til handling (e.G., en knap til at klikke eller en formular for at udfylde)
  • En navigationsværktøjslinje eller menu
  • En indbydende grafik (e.G., Et solidt billede, en video eller en lille gruppe billeder med ledsagende tekst)
  • Nøgleord Hvad angår dit websteds service, emne eller fokus
  • Billede med titlen Design et websted trin 15
    7. Test dit websted i flere browsere på flere platforme. Dette er utroligt vigtigt, da forskellige browsere kan håndtere aspekter af dit websted anderledes. Før du begynder at fremme dit websted, skal du prøve at besøge og bruge dit websted i følgende browsere på Windows, Mac, iPhone og Android-platforme:
  • Google Chrome
  • Firefox
  • Safari (kun iPhone og Mac)
  • Microsoft Edge og Internet Explorer (kun Windows)
  • Den indbyggede browser på flere forskellige Android-telefoner (E.G., Samsung Galaxy, Google Nexus osv.)
  • Billede Titlet Design Et websted Trin 16
    8. Fortsæt opdatere dit websted som det aldre. Design Trends, Links, Fotos, Begreber og Nøgleord Alle Ændringer som tiden går forbi, så du bliver nødt til at fortsætte med at foretage ændringer på dit websted for at holde dig opdateret. Dette vil kræve, at du tjekker dit websteds præstationer sammen med andre lignende websteder mindst en gang hver tredje måned (helst oftere).

    • Basic HTML Hjælp

    Sample webside med HTML

    Støtte og Lås op alle prøver.

    Html cheat sheet

    Støtte og Lås op alle prøver.

    Prøve Simple Webpage

    Støtte og Lås op alle prøver.

    Tips

    Webstedets tilgængelighed er et andet vigtigt aspekt af Website Development. Dette omfatter ting som billedtekster for hørehæmmede publikum, lydbeskrivelser for blinde besøgende og fotosensibilitetsadvarsler, hvis dit websted bruger potentielt ansigter-inducerende effekter.
  • De fleste website skabere har et sæt skabeloner, som du kan bruge til at cementere dit websteds layout og design, før du tilføjer dine foretrukne elementer.

    • Advarsler

    De fleste websteds skabere er fri - men hvis du vil bruge dit eget domæne (e.G., "dit navn.com" i stedet for "dit navn.WordPress.com"), Du skal betale et månedligt eller et årligt gebyr.
  • Undgå plagiering og overhold alle love om ophavsret: Tilføj ikke tilfældige billeder fra internettet eller endda strukturelle elementer uden tilladelse.
    • Del på sociale netværk :
    Lignende