Ta wikiHow vas uči, kako oblikovati gladko, profesionalno videti spletno mesto. Medtem ko se lahko sami odločite o oblikovanju svojega spletnega mesta, morate pri ustvarjanju spletnega mesta narediti nekaj pomembnih stvari, ki se jim morate izogniti.
Korak
1. del od 2: Ustvarjanje zasnove spletnega mesta
Korak 1. Odločite se, ali želite uporabiti ustvarjalca spletnih mest
Ustvarjanje spletnega mesta iz nič zahteva podrobno razumevanje kode HTML, vendar ga lahko ustvarite z brezplačno storitvijo gostovanja, kot so Weebly, Wix, WordPress ali Google Sites. Ustvarjalci spletnih mest so oblikovalcem začetnikom veliko lažji kot HTML.
- Če se odločite za kodiranje sami, se morate naučiti kodiranja HTML in CSS.
- Če ne želite porabiti časa in energije za ustvarjanje lastne spletne strani, lahko najamete oblikovalca spletne strani. Samostojne oblikovalske storitve se zelo razlikujejo, nekatere se zaračunavajo na uro, druge pa na projekt, s skupnim razponom od milijonov do deset milijonov rupij.
Korak 2. Ustvarite zemljevid mesta
Preden odprete ustvarjalca spletnega mesta, bi morali ugotoviti, koliko strani je na spletnem mestu, kakšna je vsebina na vsaki strani in splošna postavitev pomembnih strani, kot sta »Domača stran« in »Vizitka«.
Lažje boste vizualizirali strani svojega spletnega mesta z ustvarjanjem grobih slik, ne le senc
Korak 3. Uporabite intuitivno zasnovo
Čeprav so nove zamisli običajno zanimive, morajo osnovni modeli slediti tem splošnim smernicam:
- Možnosti krmarjenja (na primer več zavihkov za različne strani) je treba postaviti na vrh strani.
- Če uporabljate ikono menija (☰), bi morala biti v zgornjem levem kotu strani.
- Če uporabljate iskalno vrstico, jo postavite v zgornji desni del strani.
- Koristne povezave (na primer povezave do strani »Vizitka« ali »Pišite nam«) bi morale biti na dnu strani.
Korak 4. Bodite dosledni
Ne glede na to, katero besedilo, barvno paleto, slikovno temo in oblikovanje izberete, poskrbite, da boste na svojem spletnem mestu uporabili iste odločitve. Uporabniki bodo presenečeni, ko bodo videli, da se pisava in barvna shema na strani »Vizitka« zelo razlikujeta od tiste, ki se uporablja za domačo stran.
- Če na primer za domačo stran uporabljate mehko barvo, na naslednji strani ne uporabljajte svetle barve.
- Upoštevajte, da uporaba svetlih ali trčečih se barv, zlasti dinamično prikazanih (ali premikajočih se) barv, lahko pri manjšem številu uporabnikov sproži napade ali epileptične napade. Če se odločite za uporabo takšne barve, pred zadevno stranjo vključite opozorilo »nevarnost zasega«.
Korak 5. Dodajte možnosti krmarjenja
Postavitev neposrednih povezav do pomembnih strani nad domačo stranjo bo pomagala novim obiskovalcem vsebine, ki jim je pomembna. Večina ustvarjalcev spletnih mest to povezavo privzeto doda.
Pomembno je zagotoviti, da lahko dostopate do vseh strani spletnega mesta s klikom na možnost na spletnem mestu, namesto da dostopate le prek naslova strani
Korak 6. Uporabite ustrezne barve
Tako kot vse vrste oblikovanja tudi oblikovanje spletnih strani sloni na prijetnih barvnih kombinacijah. Zato je izbira ustrezne barve teme zelo pomembna.
Če ste zmedeni, začnite s črno, belo in sivo
Korak 7. Razmislite o minimalističnem dizajnu
Minimalistični koncept spodbuja uporabo hladnih tonov, preproste grafike, črnih strani z besedilom na belem ozadju in čim manj okraskov. Ker minimalistično oblikovanje zahteva zelo malo elementov, je preprosto narediti, da bo vaše spletno mesto videti profesionalno in privlačno brez preveč truda.
- Večina ustvarjalcev spletnih mest ponuja "minimalistično" temo, med katero lahko izbirate pri ustvarjanju spletnega mesta.
- Minimalistična alternativa je "brutalizem", ki uporablja ostrejše besede, svetle barve, krepko besedilo in minimalno grafiko. Uporabnikov brutalističnih modelov je veliko manj kot minimalistov, če pa je vsebina primerna, je lahko ta oblika dobra izbira.
Korak 8. Uporabite edinstvene možnosti
Mrežni in ravni elementi so varne izbire, vendar bodo nekateri edinstveni slogi dodali osebno noto in vaše spletno mesto ločili od ostalih.
- Ne bojte se ukrotiti trenda tako, da postavite asimetrične elemente spletnega mesta ali uporabite zložene elemente za ustvarjanje večplastnega videza.
- Čeprav so elegantni, ostri robovi (znani kot predstavitev na osnovi kartic) manj zaželeni kot mehki, zaobljeni elementi.
2. del 2: Izboljšanje delovanja spletnega mesta
Korak 1. Izkoristite možnosti optimizacije avtomobila
Mobilni brskalniki prinašajo več prometa kot brskalniki za namizne računalnike. To pomeni, da bi morala biti pozornost, ki jo namenjate mobilni različici, vsaj enaka razvoju namiznega spletnega mesta. Večina spletnih mest za samodejno ustvarjanje je že izdelala različico avtomobila, vendar upoštevajte naslednje podatke za spletna mesta za mobilne naprave:
- Prepričajte se, da so gumbi (na primer povezave do spletnih mest) veliki in se jih je enostavno dotakniti.
- Izogibajte se funkcijam, ki jih na mobilnih napravah ni mogoče videti (npr. Flash, Java itd.).
- Razmislite o izdelavi aplikacije za avto za vaše spletno mesto.
Korak 2. Ne vključujte preveč fotografij na stran
Namizni in mobilni brskalniki imajo včasih težave pri nalaganju strani z veliko fotografijami ali videoposnetki. Čeprav so slike pri spletnem oblikovanju zelo pomembne, lahko prevelika količina medijev na stran podaljša čas nalaganja, kar uporabnike odvrača od obiska teh strani.
Na splošno bi nalaganje strani trajalo manj kot štiri sekunde
Korak 3. Dodajte stran »Stik«
Morda boste opazili, da večina spletnih mest ponuja stran »Pišite nam«, ki vsebuje kontaktne podatke (na primer telefonsko številko in e -poštni naslov). Pravzaprav nekatera spletna mesta ponujajo avtomatiziran obrazec za povpraševanje na tej strani. Stran »Stik« je neposredna komunikacija med obiskovalci spletnega mesta in vami, kar pomeni, da je tudi rešitev za vprašanje ali razočaranje obiskovalca.
Korak 4. Ustvarite stran po meri 404
Ko obiskovalec prispe na določeno stran, ki ni bila ustvarjena ali ne obstaja, se prikaže stran »Napaka 404«. Večina brskalnikov ponuja vgrajeno stran 404, lahko pa prilagodite njen videz iz nastavitev ustvarjalca spletnega mesta. Če želite ustvariti stran po meri 404, vnesite naslednje podrobnosti:
- Smešna in zabavna sporočila o napakah (npr. "Čestitamo, pristali ste na strani z napako!")
- Povezava nazaj na domačo stran
- Seznam povezav, ki jih obiskovalci običajno vidijo
- Slika ali logotip vašega spletnega mesta
Korak 5. Če je mogoče, vnesite iskalno vrstico
Če metoda ustvarjalca spletnega mesta, ki jo uporabljate, podpira dodajanje iskalne vrstice, jo priporočamo. To zagotavlja uporabnikom, da najdejo določeno stran ali vsebino, ki jo iščejo, ne da bi morali klikniti vse možnosti krmarjenja.
Iskalna vrstica je zelo uporabna tudi, ko želijo obiskovalci iskati pogoste izraze, ne da bi posegli po naključnih straneh
Korak 6. Bodite bolj pozorni na domačo stran
Ko obiskovalci obiščejo domačo stran, bi morali 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. Domača stran mora vsebovati tudi naslednje vidike:
- Poziv k dejanju (na primer gumb za klik ali obrazec za izpolnitev)
- Orodna vrstica ali navigacijski meni
- Vabljiva grafika (na primer trdna fotografija, video ali več fotografij z dopolnilnim besedilom)
- Ključne besede, povezane s storitvijo, temo ali osredotočenostjo vašega spletnega mesta
Korak 7. Preizkusite svoje spletno mesto v različnih brskalnikih in platformah
To je zelo pomembno, ker brskalniki na različne načine obdelujejo vidike spletnega mesta. Preden promovirate svoje spletno mesto, ga poskusite odpreti 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)
- Privzeti brskalnik nekaterih telefonov Android (Samsung Galaxy, Google Nexus itd.)
Korak 8. Naj bo stran posodobljena
Oblikovalni trendi, povezave, fotografije, koncepti in ključne besede se vedno spreminjajo. Torej morate tudi vi vedno narediti spremembe, da ste v koraku s časom. Vsaj enkrat na tri mesece (po možnosti pogosteje) preverite uspešnost svojega spletnega mesta in ga primerjajte s podobnimi.
Nasveti
- Dostopnost je prav tako pomemben vidik pri razvoju spletnih strani. Dostopnost vključuje opise za obiskovalce z okvaro sluha, zvočne opise za obiskovalce s slabovidnostjo in opozorila na občutljivost na svetlobo, če vaše spletno mesto uporablja učinke, ki povzročajo epileptične napade.
- Večina ustvarjalcev spletnih mest ponuja predloge, s katerimi lahko določite postavitev in oblikovanje, preden dodate želene elemente.
Opozorilo
- Večina spletnih mest ustvarjalcev je brezplačnih, če pa želite uporabljati lastno domeno (na primer »www.vaše ime.com« namesto »vašeime.wordpress.com«), boste morali plačati mesečno ali letno pristojbino.
- Izogibajte se plagiatorstvu in se naučite vseh zakonov o avtorskih pravicah. Ne dovolite naključnih slik z interneta ali strukturnih elementov brez dovoljenja.
