Hoe om `n webwerf te ontwerp (met prente)

Disketters hoe om `n webwerf te ontwerp wat professioneel voorkom en goed presteer. Terwyl die grootste deel van jou webwerf se ontwerp uiteindelik aan jou is, is daar `n paar kritiese dinge om te doen - en vermy-wanneer jy `n webwerf skep.

Stappe

Deel 1 van 2:

Hoe om jou webwerf te ontwerp

1. Bepaal of jy `n webwerf skepper wil gebruik. Webwerwe wat van nuuts af geskep is, vereis `n redelik gedetailleerde begrip van HTML-kodering, maar jy kan maklik `n webwerf skep deur `n gratis gasheerdiens soos Weeebly, Wix, WordPress of Google-webwerwe te gebruik. Webwerf skeppers is geneig om baie makliker te wees vir die eerste keer ontwerpers om te gebruik as HTML.

As jy besluit om jou eie webwerf te kodeer, moet jy albei leer Html en Css kodering.
As jy die tyd en energie belê om jou webwerf te skep, klink nie aantreklik nie, kan jy ook `n webwerfontwerper huur om jou webwerf vir jou te skep. Freelance ontwerpers kan enige plek kos tussen $ 30 per uur en goed meer as $ 100 per uur.

Beeld getiteld ontwerp `n webwerf Stap 2

2. Kaart jou webwerf uit. Voordat jy selfs `n webwerf skepper oopmaak, moet jy ongeveer hoeveel bladsye jy wil hê jou webwerf moet hê, wat die inhoud van elk van daardie bladsye moet wees, en die algemene uitleg van belangrike bladsye soos die tuisblad en die "Omheen" bladsy.

Jou webwerf se bladsye kan makliker wees om te visualiseer as jy ruwe foto`s van elk van hulle teken eerder as om net te bepaal wat inhoud moet verskyn.

Beeld getiteld Ontwerp `n webwerf Stap 3

3. Gebruik intuïtiewe ontwerp. Terwyl daar iets is wat vir vars idees gesê moet word, moet u webwerf se basiese ontwerp gevestigde riglyne soos die volgende volg:

Navigasie opsies (e.heid g., Tabs vir verskillende bladsye) moet bo-aan die bladsy gaan.

As u `n spyskaart-ikoon (☰) gebruik, moet dit in die boonste linkerhoek van die bladsy wees.

As jy `n soekbalk gebruik, moet dit naby die boonste regterkant van die bladsy wees.

Nuttige skakels (e.heid g., Skakels na die "Omheen" bladsy of die "Kontak Ons" Bladsy) moet onderaan elke bladsy gaan.

Beeld getiteld ontwerp `n webwerf Stap 4

4. Wees konsekwent. Watter teks font, kleurpalet, beeld tema, en ontwerpopsies wat jy kies, maak seker dat jy dieselfde besluit deur jou webwerf gebruik. Dit kan ongelooflik jarring wees om een lettertipe of kleurskema wat vir die "Omheen" Bladsy wanneer `n heeltemal ander een vir die tuisblad gebruik is.

Byvoorbeeld, as jy uitsluitlik koeltonen kleure vir jou webwerf se tuisblad gebruik, moenie helder, harde kleure op die volgende bladsy implementeer nie.

Hou in gedagte dat die gebruik van harde of botsende kleure, veral wanneer die kleure in `n dinamiese vertoning toon (e.heid g., beweeg) mode, kan epilepsie in `n klein aantal webgebruikers oproep. As u besluit om sulke kleure op u werf te gebruik, maak seker dat u `n epilepsie waarskuwing voor enige relevante bladsye byvoeg.

Beeld getiteld ontwerp `n webwerf Stap 5

5. Voeg navigasie opsies by. Plaas direkte skakels na belangrike bladsye op u webwerf bo-aan die tuisblad sal help om die eerste keer besoekers te rig aan die inhoud wat saak maak. Die meeste werf skeppers voeg hierdie skakels by verstek.

Dit is belangrik om seker te maak dat elke bladsy op u webwerf toeganklik is deur op die opsies op u webwerf te klik, eerder as om slegs deur die bladsy se adres toeganklik te wees.

Beeld getiteld Ontwerp `n webwerf Stap 6

6. Gebruik kleure wat mekaar aanvul. Soos enige ander soort ontwerp, is webwerfontwerp afhanklik van visueel aangename kombinasies van kleur - as gevolg hiervan, kies tema kleure wat saamgaan, is van kardinale belang.

Swart, wit en grys is `n goeie kombinasie as jy nie weet waar om te begin nie.

Beeld getiteld ontwerp `n webwerf Stap 7

7. Oorweeg die gebruik van `n minimalistiese ontwerp. Minimalisme moedig koeltoonkleure aan, eenvoudige grafika, swart-op-wit teksbladsye, en so min as moontlik versiering. Omdat minimalisme min in die weg van fancy elemente vereis, is dit `n maklike manier om jou webwerf professioneel en aantreklik te maak sonder om baie werk te vereis.

Baie webwerf skeppers sal `n "minimalisties" Tema wat u kan kies wanneer u u webwerf opstel.

`N Alternatief vir minimalisme is "brutaliteit", wat gebruik maak van harder lyne, helder kleure, vet teks en minimale beelde. Brutalisme het minder van `n volgende as minimalisme, maar afhangende van jou webwerf se inhoud, kan dit jou ontwerpbehoeftes beter pas.

Beeld getiteld ontwerp `n webwerf Stap 8

8. Maak unieke keuses. Reguit lyne en rooster-geslote webelemente is veilige weddenschappen, maar om `n paar unieke stilistiese besluite te neem, sal beide die persoonlikheid aan jou webwerf gee en jou webwerf help uitstaan.

Moenie bang wees om tendense te buk deur webwerf-elemente asimmetries te plaas of om oorvleuelende elemente te gebruik om `n gelaagde voorkoms te skep nie.

Terwyl elegante, skerp hoeke en kwadraat-elemente (ook bekend as `n "Kaartgebaseerde" Aanbieding) is minder gunstig as wat afgerond is, sagte elemente.

Deel 2 van 2:

Hoe om webwerf prestasie te maksimeer

1. Maak gebruik van mobiele optimalisering opsies. Mobiele blaaiers verteenwoordig meer webverkeer as om lessenaar blaaiers te doen, wat beteken dat die hoeveelheid aandag wat u aan u webwerf se mobiele weergawe betaal, ten minste u desktop webwerf se ontwikkeling sal gelykstel. Die meeste webwerf skepperdienste skep outomaties `n mobiele weergawe van jou webwerf, maar jy sal die volgende inligting in gedagte hou vir jou mobiele webwerf:

Maak seker dat knoppies (e.heid g., werf skakels) is groot en maklik om te tik.
Vermy die implementering van eienskappe wat nie op Mobile besigtig kan word nie (e.heid g., Flash, Java, ens.).
Oorweeg om `n mobiele program vir jou webwerf te hê.

Beeld getiteld ontwerp `n webwerf Stap 10

2. Vermy die gebruik van te veel foto`s per bladsy. Beide lessenaar en mobiele blaaiers kan sukkel om bladsye te laai wat `n groot aantal foto`s of video`s vertoon. Terwyl beelde belangrik is in webontwerp, kan die gebruik van meer as `n paar per bladsy onnodig lang vrag tye veroorsaak, wat sal verhoed dat mense die betrokke bladsy (s) besoek.

Oor die algemeen wil jy jou webwerf se bladsye onder vier sekondes laai.

Beeld getiteld Ontwerp `n webwerf Stap 11

3. Voeg `n "Kontak" bladsy. Jy sal sien dat feitlik alle gevestigde webwerwe `n "Kontak Ons" bladsy wat kontakbesonderhede het (e.heid g., `N Telefoonnommer en `n e-pos adres) - Sommige webwerwe het selfs `n ingeboude vraagvorm op hierdie bladsy. Voeg `n "Kontak `bladsy sal webwerf kykers `n direkte lyn van kommunikasie aan u gee, waardeur `n oplossing vir potensiële frustrasies voeg.

Beeld getiteld ontwerp `n webwerf Stap 12

4. Skep `n Aangepaste 404-bladsy. Wanneer iemand `n spesifieke bladsy op jou webwerf besoek, wat ook nie opgestel is of nie bestaan nie, `n "404 fout" Webblad sal vertoon. Die meeste blaaiers het `n standaard 404-bladsy, maar jy kan dalk joune van binne jou webwerf se Skepper se instellings aanpas. Maak seker dat jy die volgende besonderhede insluit:

`N ligte foutboodskap (e.heid g., "Baie geluk - jy het ons foutbladsy gevind!")

`N skakel terug na die tuisblad van die webwerf

`N Lys van algemeen gesien skakels

`N Beeld of logo vir jou webwerf

Beeld getiteld ontwerp `n webwerf Stap 13

5. Gebruik `n soekbalk indien moontlik. As u webwerf se skeppingsmetode ondersteun om `n soekbalk by u webwerf te voeg, word dit sterk aanbeveel dat u dit doen. Dit sal verseker dat gebruikers vinnig na `n spesifieke bladsy of item kan navigeer sonder om deur u navigasie-opsies te klik.

Soekstawe is ook nuttig wanneer u gehoor `n algemene termyn wil soek sonder om verhoor-en-fout te gebruik.

Beeld getiteld ontwerp `n webwerf Stap 14

6. Belê die meeste tyd in u tuisblad. Wanneer iemand op jou webwerf se tuisblad aankom, moet hulle die kern van jou webwerf se tema onmiddellik kry. Daarbenewens moet alle elemente van die tuisblad vinnig laai, insluitende navigasie-opsies en enige beelde. Jou tuisblad moet die volgende aspekte hê:

`N oproep tot aksie (e.heid g., `n knoppie om te klik of `n vorm om in te vul)

`N Navigasie nutsbalk of spyskaart

`N uitnodigende grafiese (e.heid g., Een soliede foto, `n video, of `n klein groepie foto`s met gepaardgaande teks)

Sleutelwoorde Met betrekking tot jou webwerf se diens, onderwerp of fokus

Beeld getiteld ontwerp `n webwerf Stap 15

7. Toets jou webwerf in verskeie blaaiers op verskeie platforms. Dit is ongelooflik belangrik, aangesien verskillende blaaiers kan hanteer aspekte van jou webwerf anders. Voordat jy begin met die bevordering van jou webwerf, probeer om jou webwerf in die volgende blaaiers op Windows, Mac, iPhone en Android-platforms te besoek en te gebruik

Google Chrome

Firefox

Safari (slegs iPhone en Mac)

Microsoft Edge en Internet Explorer (Slegs Windows)

Die ingeboude blaaier op verskeie verskillende Android-fone (E.heid g., Samsung Galaxy, Google Nexus, ens.)

Beeld getiteld ontwerp `n webwerf Stap 16

8. Gaan voort met die opdatering van u webwerf soos eeue. Ontwerp tendense, skakels, foto`s, konsepte en sleutelwoorde alle verandering soos die tyd verloop, so jy moet voortgaan om veranderinge aan jou webwerf te maak om op datum te bly. Dit sal vereis dat u die prestasie van u webwerf tesame met ander soortgelyke webwerwe minstens een keer elke drie maande (verkieslik meer dikwels) nagaan.

Basiese HTML Help

Voorbeeld webblad met HTML

Ondersteun Wikihow en Ontgrendel alle monsters.

HTML Cheat Sheet

Ondersteun Wikihow en Ontgrendel alle monsters.

Voorbeeld eenvoudige webblad

Ondersteun Wikihow en Ontgrendel alle monsters.

Wenke

Webwerf toeganklikheid is nog `n belangrike aspek van webwerf-ontwikkeling. Dit sluit in dinge soos onderskrifte vir gehoorgestremde gehore, klankbeskrywings vir blinde besoekers en fotosensitiwiteitswaarskuwings indien u webwerf potensieel beslaglegging-inducerende effekte gebruik.

Die meeste webwerf skeppers het `n stel templates wat u kan gebruik om u werf se uitleg en ontwerp te sementeer voordat u u voorkeurelemente byvoeg.

Waarskuwings

Die meeste werf skeppers is gratis, maar as jy jou eie domein wil gebruik (e.heid g., "jou naam.mededelbaan" in plaas van "jou naam.weespress.mededelbaan"), U moet `n maandelikse of `n jaarlikse fooi betaal.

Vermy plagiaat en let op alle kopieregwette: voeg nie ewekansige beelde by die web, of selfs strukturele elemente, sonder toestemming nie.

Deel op sosiale netwerke: