Ta wikiHow vas uči, kako oblikovati spletno mesto, ki deluje profesionalno in dobro deluje. Čeprav je večina oblikovanja vašega spletnega mesta na koncu odvisna od vas, je pri ustvarjanju spletnega mesta treba narediti nekaj in se jim izogniti.
Koraki
1. del od 2: Kako oblikovati svojo spletno stran
Korak 1. Ugotovite, ali želite uporabiti ustvarjalca spletnih mest
Spletna mesta, ustvarjena iz nič, zahtevajo dokaj podrobno razumevanje kodiranja HTML, vendar jih lahko preprosto ustvarite z uporabo brezplačne storitve gostovanja, kot so Weebly, Wix, WordPress ali Google Sites. Ustvarjalci spletnih mest so oblikovalcem, ki prvič uporabljajo, veliko lažje uporabljati kot HTML.
- Če se odločite za kodiranje svojega spletnega mesta, se boste morali naučiti kodiranja HTML in CSS.
- Če vlaganje časa in energije za ustvarjanje vaše spletne strani ne zveni privlačno, lahko najamete tudi oblikovalca spletne strani, ki vam bo ustvaril spletno mesto. Samostojni oblikovalci lahko stanejo med 30 USD na uro in več kot 100 USD na uro.
Korak 2. Kartirajte svojo spletno stran
Preden sploh odprete ustvarjalca spletnega mesta, bi morali približno vedeti, koliko strani želite, da ima vaše spletno mesto, kakšna bi morala biti vsebina na vsaki od teh strani in splošna postavitev pomembnih strani, kot sta domača stran in »Vizitka« stran.
Strani vašega spletnega mesta si boste morda lažje predstavljali, če narišete grobo sliko vsakega od njih, namesto da samo določite, katera vsebina naj se prikaže
Korak 3. Uporabite intuitivno zasnovo
Čeprav je za sveže ideje treba povedati, mora osnovna zasnova vašega spletnega mesta slediti uveljavljenim smernicam, na primer naslednjim:
- Možnosti krmarjenja (na primer zavihki za različne strani) naj bodo na vrhu strani.
- Če uporabljate ikono menija (☰), bi morala biti v zgornjem levem kotu strani.
- Če uporabljate iskalno vrstico, bi morala biti blizu zgornje desne strani strani.
- Koristne povezave (na primer povezave do strani »Vizitka« ali »Pišite nam«) bi morale biti na dnu vsake strani.
Korak 4. Bodite dosledni
Ne glede na pisavo besedila, barvno paleto, temo slike in možnosti oblikovanja se prepričajte, da uporabljate isto odločitev na celotnem spletnem mestu. Videti je mogoče eno pisavo ali barvno shemo za stran »Vizitka«, ko je bila za domačo stran uporabljena popolnoma drugačna.
- Če na primer za domačo stran svojega spletnega mesta uporabljate izključno hladne barve, na naslednji strani ne uporabljajte svetlih in glasnih barv.
- Upoštevajte, da lahko uporaba glasnih ali nasprotujočih si barv, še posebej, če se barve prikazujejo dinamično (na primer premikajoče), pri majhnem številu uporabnikov spleta izzove epilepsijo. Če se odločite za uporabo takšnih barv na svojem spletnem mestu, pred ustrezne strani dodajte opozorilo o epilepsiji.
Korak 5. Dodajte možnosti krmarjenja
Postavitev neposrednih povezav do pomembnih strani na vašem spletnem mestu na vrhu domače strani bo prvim obiskovalcem pomagala usmeriti vsebino, ki je pomembna. Večina ustvarjalcev spletnih mest te povezave privzeto doda.
Pomembno je zagotoviti, da je vsaka stran na vašem spletnem mestu dostopna s klikom na možnosti na vašem spletnem mestu, namesto da bi bila dostopna samo prek naslova strani
Korak 6. Uporabite barve, ki se med seboj dopolnjujejo
Tako kot katera koli druga oblika oblikovanja, oblikovanje spletnih strani sloni na vizualno prijetnih kombinacijah barv; zato je izbira barv teme, ki gredo skupaj, ključnega pomena.
Črna, bela in siva je dobra kombinacija, če ne veste, kje začeti
Korak 7. Razmislite o uporabi minimalističnega dizajna
Minimalizem spodbuja hladne barve, preprosto grafiko, črno-bele strani z besedilom in čim manj okraskov. Ker minimalizem zahteva le malo domišljijskih elementov, je to preprost način, da vaše spletno mesto postane profesionalno in privlačno, ne da bi zahtevalo veliko dela.
- Mnogi ustvarjalci spletnih mest bodo imeli "minimalistično" temo, ki jo lahko izberete pri nastavitvi svojega spletnega mesta.
- Alternativa minimalizmu je "brutalizem", ki uporablja ostrejše črte, svetle barve, krepko besedilo in minimalne posnetke. Brutalizem ima manj privržencev kot minimalizem, vendar bi lahko glede na vsebino vašega spletnega mesta bolje ustrezal vašim oblikovalskim potrebam.
Korak 8. Naredite edinstvene odločitve
Ravne črte in spletni elementi, zaklenjeni z mrežo, so varne stave, vendar bo nekaj edinstvenih slogovnih odločitev vašemu spletnemu mestu dalo osebnost in pomagalo izstopati.
- Ne bojte se uničiti trendov tako, da elemente spletnega mesta postavite asimetrično ali uporabite prekrivajoče se elemente za ustvarjanje večplastnega videza.
- Medtem ko so elegantni, ostri vogali in kvadratni elementi (znani tudi kot predstavitev na podlagi kartic) manj ugodni kot zaobljeni, mehki elementi.
2. del od 2: Kako povečati uspešnost spletnega mesta
Korak 1. Izkoristite možnosti optimizacije mobilnih naprav
Mobilni brskalniki predstavljajo večji spletni promet kot namizni brskalniki, kar pomeni, da bi morala biti količina pozornosti, ki jo namenjate mobilni različici svojega spletnega mesta, vsaj enaka razvoju vašega namiznega spletnega mesta. Večina storitev ustvarjalcev spletnih mest samodejno ustvari mobilno različico vašega spletnega mesta, vendar morate za svoje spletno mesto za mobilne naprave upoštevati naslednje podatke:
- Prepričajte se, da so gumbi (npr. Povezave do spletnih mest) veliki in jih je enostavno pritisniti.
- Izogibajte se izvajanju funkcij, ki jih ni mogoče videti v mobilnih napravah (npr. Flash, Java itd.).
- Razmislite o izdelavi mobilne aplikacije za svoje spletno mesto.
Korak 2. Izogibajte se uporabi preveč fotografij na stran
Brskalniki za namizne računalnike in mobilne naprave lahko težko naložijo strani, ki prikazujejo veliko število fotografij ali videoposnetkov. Čeprav so slike pomembne pri spletnem oblikovanju, lahko uporaba več kot nekaj na stran povzroči nepotrebno dolg čas nalaganja, kar ljudem prepreči obisk zadevnih strani.
Na splošno želite, da se strani vašega spletnega mesta naložijo v manj kot štirih sekundah
Korak 3. Dodajte stran »Stik«
Opazili boste, da imajo skoraj vsa uveljavljena spletna mesta stran »Pišite nam«, ki vsebuje kontaktne podatke (npr. Telefonsko številko in e -poštni naslov); nekatera spletna mesta imajo celo vgrajen obrazec za vprašanja na tej strani. Če dodate stran »Stik«, vam bodo gledalci spletne strani omogočili neposredno komunikacijo in s tem dodali rešitev za morebitne frustracije.
Korak 4. Ustvarite stran po meri 404
Ko nekdo obišče določeno stran na vašem spletnem mestu, ki ni nastavljena ali ne obstaja, se prikaže spletna stran »Napaka 404«. Večina brskalnikov ima privzeto stran 404, vendar lahko svojo prilagodite v nastavitvah ustvarjalca spletnega mesta; če je tako, vključite naslednje podatke:
- Lahkotno sporočilo o napaki (npr. "Čestitamo - našli ste našo stran z napako!")
- Povezava nazaj na domačo stran spletnega mesta
- Seznam pogosto gledanih povezav
- Slika ali logotip za vašo spletno stran
Korak 5. Če je mogoče, uporabite iskalno vrstico
Če način ustvarjanja spletnega mesta podpira dodajanje iskalne vrstice na vaše spletno mesto, je to zelo priporočljivo. To bo zagotovilo, da se bodo uporabniki lahko hitro pomaknili na določeno stran ali element, ne da bi morali klikniti vaše možnosti krmarjenja.
Iskalne vrstice so uporabne tudi, če želi vaše občinstvo iskati splošen izraz brez uporabe poskusov in napak
Korak 6. V domačo stran vložite največ časa
Ko nekdo pride na domačo stran vašega spletnega mesta, bi moral takoj razumeti bistvo teme vašega spletnega mesta; poleg tega bi se morali vsi elementi domače strani hitro naložiti, vključno z navigacijskimi možnostmi in slikami. Vaša domača stran bi morala imeti naslednje vidike:
- Poziv k dejanju (npr. Gumb za klik ali obrazec za izpolnitev)
- Orodna vrstica ali meni za krmarjenje
- Vabljiva grafika (npr. Ena trdna fotografija, video ali majhna skupina fotografij s spremnim besedilom)
- Ključne besede, ki se nanašajo na storitev, temo ali fokus vašega spletnega mesta
Korak 7. Preizkusite svojo spletno stran v več brskalnikih na več platformah
To je neverjetno pomembno, saj različni brskalniki različno obravnavajo vidike vašega spletnega mesta. Preden začnete s promocijo svojega spletnega mesta, ga poskusite obiskati in uporabiti v naslednjih brskalnikih na platformah Windows, Mac, iPhone in Android:
- Google Chrome
- Firefox
- Safari (samo za iPhone in Mac)
- Microsoft Edge in Internet Explorer (samo Windows)
- Vgrajen brskalnik na več različnih telefonih Android (npr. Samsung Galaxy, Google Nexus itd.)
Korak 8. S starostjo še naprej posodabljajte svojo spletno stran
Oblikovalni trendi, povezave, fotografije, koncepti in ključne besede se s časom spreminjajo, zato boste morali še naprej spreminjati svoje spletno mesto, da boste na tekočem. To bo zahtevalo, da vsaj enkrat na tri mesece (po možnosti pogosteje) preverite uspešnost svojega spletnega mesta skupaj z drugimi podobnimi spletnimi mesti.
Osnovna pomoč HTML
Vzorčna spletna stran s HTML
Podprite wikiHow in odklenite vse vzorce.
HTML goljufija
Podprite wikiHow in odklenite vse vzorce.
Primer preproste spletne strani
Podprite wikiHow in odklenite vse vzorce.
Nasveti
- Dostopnost spletnega mesta je še en pomemben vidik razvoja spletnega mesta. To vključuje stvari, kot so napisi za občinstvo z okvaro sluha, zvočni opisi za slepe obiskovalce in opozorila za občutljivost na svetlobo, če vaše spletno mesto uporablja učinke, ki povzročajo epileptične napade.
- Večina ustvarjalcev spletnih mest ima nabor predlog, s katerimi lahko utrdite postavitev in oblikovanje spletnega mesta, preden dodate želene elemente.
Opozorila
- Večina ustvarjalcev spletnih mest je brezplačnih; če pa želite uporabljati lastno domeno (npr. »www.vaše ime.com« namesto »vašeime.wordpress.com«), boste morali plačati mesečno ali letno pristojbino.
- Izogibajte se plagiatorstvu in upoštevajte vse zakone o avtorskih pravicah: ne dovolite naključnih slik iz spleta ali celo strukturnih elementov brez dovoljenja.