Hierdie wikiHow leer u hoe u 'n gladde, professioneel ogende webwerf kan ontwerp. Alhoewel u vry is om te besluit oor die ontwerp van u webwerf, is daar 'n paar belangrike dinge wat u moet doen en vermy wanneer u 'n webwerf skep.
Stap
Deel 1 van 2: Die skep van 'n webwerfontwerp
Stap 1. Besluit of u 'n webwerf -skepper wil gebruik
Om 'n webwerf van nuuts af te bou, verg 'n gedetailleerde begrip van HTML -kode, maar u kan 'n webwerf skep met 'n gratis gasheerdiens soos Weebly, Wix, WordPress of Google Sites. Skeppers van webwerwe is baie makliker vir beginnerontwerpers as HTML.
- As u besluit om self te kodeer, moet u HTML- en CSS -kodering leer.
- As u huiwerig is om die tyd en energie daaraan te bestee om u eie webwerf te skep, kan u 'n webwerfontwerper aanstel. Vryskutontwerperdienste wissel baie, sommige koste per uur en sommige per projek, met 'n totale reeks van miljoene tot tienmiljoene rupiah.
Stap 2. Skep 'n werfkaart
Voordat u die skepper van die webwerf oopmaak, moes u bepaal het hoeveel bladsye op die webwerf is, wat die inhoud op elke bladsy is, en die algemene uitleg van belangrike bladsye, soos 'Home' en 'About'.
Dit sal vir u makliker wees om die bladsye van u webwerf te visualiseer deur ruwe beelde te skep, nie net skaduwees nie
Stap 3. Gebruik 'n intuïtiewe ontwerp
Alhoewel nuwe idees gewoonlik interessant is, moet basiese ontwerpe hierdie algemene riglyne volg:
- Navigasie -opsies (byvoorbeeld, verskeie oortjies vir verskillende bladsye) moet bo -aan die bladsy geplaas word.
- As u die menu-ikoon (☰) gebruik, moet dit in die linker boonste hoek van die bladsy wees.
- As u die soekbalk gebruik, plaas dit naby regs bo op die bladsy.
- Nuttige skakels (byvoorbeeld skakels na 'Meer oor' of 'Kontak ons' -bladsye) moet onderaan die bladsy verskyn.
Stap 4. Wees konsekwent
Maak nie saak watter teks, kleurpalet, beeldtema en ontwerp u kies nie, maak seker dat u dieselfde besluite op u webwerf toepas. Gebruikers sal verbaas wees om te sien dat die lettertipe en kleurskema op die 'About' -bladsy baie verskil van die wat op die tuisblad gebruik word.
- As u byvoorbeeld 'n sagte kleur vir u tuisblad gebruik, moet u nie 'n helder kleur op die volgende bladsy gebruik nie.
- Let daarop dat die gebruik van helder of botsende kleure, veral dinamies (of bewegende) kleure, aanvalle of epileptiese aanvalle by 'n minderheid gebruikers kan veroorsaak. As u besluit om so 'n kleur te gebruik, moet u 'n waarskuwing vir "beslaglegging" voor die betrokke bladsy insluit.
Stap 5. Voeg navigasie -opsies by
Deur direkte skakels na belangrike bladsye bo die tuisblad te plaas, sal nuwe besoekers help met die inhoud wat vir hulle belangrik is. Die meeste webwerf -skeppers voeg hierdie skakel as standaard by.
Dit is belangrik om te verseker dat toegang tot alle bladsye van die webwerf verkry word deur op 'n opsie op die webwerf te klik eerder as om slegs via die bladsyadres verkry te word
Stap 6. Gebruik bypassende kleure
Soos alle vorme van ontwerp, maak webwerf -ontwerp ook staat op aangename kleurkombinasies. Daarom is dit baie belangrik om 'n bypassende temakleur te kies.
As u verward is, begin met swart, wit en grys
Stap 7. Oorweeg 'n minimalistiese ontwerp
Die minimalistiese konsep moedig die gebruik van koel kleure, eenvoudige grafika, swart teksblaaie op 'n wit agtergrond en so min as moontlik versiering aan. Aangesien 'n minimalistiese ontwerp baie min elemente vereis, is dit 'n maklike opsie om u webwerf sonder te veel moeite professioneel en aantreklik te laat lyk.
- Die meeste webwerf -skeppers bied 'n 'minimalistiese' tema waaruit u kan kies wanneer u 'n webwerf skep.
- Die minimalistiese alternatief is 'brutalisme', wat harder woorde, helder kleure, vet teks en minimale grafika gebruik. Daar is baie minder gebruikers van brutalistiese ontwerpe as minimaliste, maar as die inhoud gepas is, kan hierdie ontwerp 'n goeie keuse wees.
Stap 8. Pas unieke opsies toe
Raster- en reguitlynelemente is veilige keuses, maar sommige unieke style sal 'n persoonlike aanslag gee en u webwerf van die res onderskei.
- Moenie bang wees om die neiging te beklemtoon deur asimmetriese werfelemente te plaas of gestapelde elemente te gebruik om 'n gelaagde voorkoms te skep nie.
- Alhoewel elegante, skerp rande vierkantige elemente (bekend as kaartgebaseerde aanbieding) minder wenslik is as sagte, afgeronde elemente.
Deel 2 van 2: Die maksimalisering van werfprestasie
Stap 1. Maak gebruik van motoroptimaliseringsopsies
Mobiele blaaiers bring meer verkeer in as lessenaars. Dit beteken dat die aandag wat u aan die mobiele weergawe gee, ten minste dieselfde moet wees as die ontwikkeling van die lessenaar. Die meeste outo-skepper-webwerwe het reeds 'n motorweergawe gemaak, maar hou die volgende inligting in gedagte vir mobiele webwerwe:
- Maak seker dat die knoppies (byvoorbeeld sitelinks) groot is en maklik is om te tik.
- Vermy funksies wat nie op mobiele toestelle gesien kan word nie (bv. Flash, Java, ens.).
- Oorweeg om 'n motor -app vir u webwerf te bou.
Stap 2. Moenie te veel foto's per bladsy insluit nie
Desktop- en mobiele blaaiers het soms probleme met die laai van bladsye met baie foto's of video's. Alhoewel beelde baie belangrik is in webontwerp, kan oormatige hoeveelhede media per bladsy laai tye verleng, en dit ontmoedig gebruikers om die bladsye te besoek.
Oor die algemeen behoort 'n bladsy laai minder as vier sekondes te neem
Stap 3. Voeg 'n "Kontak" -bladsy by
U sal dalk agterkom dat die meeste webwerwe 'n 'Kontak ons' -bladsy bevat wat kontakinligting bevat (soos telefoonnommer en e -posadres). Sommige webwerwe bied eintlik 'n outomatiese navraagvorm op hierdie bladsy. Die 'kontak' -bladsy is 'n direkte kommunikasielyn tussen besoekers aan u en u, wat beteken dat dit ook 'n oplossing is vir die vraag of frustrasie van 'n besoeker.
Stap 4. Skep 'n pasgemaakte 404 -bladsy
As 'n besoeker by 'n spesifieke bladsy kom wat nie geskep is nie of nie bestaan nie, sal 'n "404 -fout" -bladsy verskyn. Die meeste blaaiers bied 'n ingeboude 404-bladsy, maar u kan aanpas hoe dit lyk vanuit die instellings van die webwerf. Voer die volgende besonderhede in as u 'n pasgemaakte 404 -bladsy wil skep:
- Snaakse en prettige foutboodskappe (bv. "Baie geluk, jy het op 'n foutbladsy beland!")
- Skakel terug na die tuisblad
- Lys met skakels wat besoekers gewoonlik sien
- Die beeld of logo van u webwerf
Stap 5. Voer die soekbalk in indien moontlik
As die metode vir die skepping van 'n webwerf die toevoeging van 'n soekbalk ondersteun, beveel ons aan dat u dit byvoeg. Dit verseker dat gebruikers die spesifieke bladsy of inhoud waarna hulle soek kan vind sonder om deur al die navigasie -opsies te hoef te klik.
Die soekbalk is ook baie handig as besoekers na algemene terme wil soek sonder om in ewekansige bladsye te kyk
Stap 6. Gee meer aandag aan die tuisblad
As besoekers na die tuisblad gaan, moes hulle die kern van die tema van u webwerf gehad het. Boonop moet alle elemente van die tuisblad vinnig gelaai word, insluitend navigasie -opsies en beelde. Die tuisblad moet ook die volgende aspekte bevat:
- Oproep tot aksie (byvoorbeeld 'n knoppie om op te klik of 'n vorm om in te vul)
- Werkbalk of navigasiekieslys
- Uitnodigende grafika (soos 'n soliede foto, video of meer foto's met aanvullende teks)
- Sleutelwoorde wat verband hou met die diens, onderwerp of fokus van u webwerf
Stap 7. Toets u webwerf op verskillende blaaiers en platforms
Dit is baie belangrik omdat blaaiers aspekte van 'n webwerf op verskillende maniere verwerk. Probeer u webwerf oopmaak en gebruik in die volgende blaaiers op Windows-, Mac-, iPhone- en Android -platforms voordat u u webwerf bevorder:
- Google Chrome
- Firefox
- Safari (slegs iPhone en Mac)
- Microsoft Edge en Internet Explorer (slegs Windows)
- Die standaardblaaier van sommige Android -fone (Samsung Galaxy, Google Nexus, ens.)
Stap 8. Hou die webwerf opgedateer
Ontwerptendense, skakels, foto's, konsepte en sleutelwoorde verander altyd. U moet dus ook altyd veranderings aanbring om tred te hou met die tyd. U moet die prestasie van u webwerf nagaan en dit ten minste een keer elke drie maande vergelyk met soortgelyke webwerwe (verkieslik meer gereeld).
Wenke
- Toeganklikheid is ook 'n ewe belangrike aspek in die ontwikkeling van webwerwe. Toeganklikheid sluit beskrywings in vir gehoorgestremde besoekers, klankbeskrywings vir gesiggestremde besoekers en waarskuwings oor liggevoeligheid as u webwerf moontlike aanvalle veroorsaak.
- Die meeste webwerf -skeppers bied sjablone aan wat u kan gebruik om die uitleg en ontwerp te bepaal voordat u die gewenste elemente byvoeg.
Waarskuwing
- Die meeste skepperswebwerwe is gratis, maar as u u eie domein wil gebruik (soos 'www.yourname.com' in plaas van 'www.yourname.wordpress.com'), moet u 'n maandelikse of jaarlikse fooi betaal.
- Vermy plagiaat en leer alle kopieregwette. Moenie toevallige beelde van die internet of strukturele elemente insluit sonder toestemming nie.
