9 koraka koji će vam pomoći u procesu pravljenja veb sajta – 1. deo

9 koraka koji će vam pomoći u procesu pravljenja WordPress web sajta - Prvi deo

1. Odredite ciljeve svog sajta
2. Istražite svoje tržište i konkurente
3. Istražite šta vam se vizuelno dopada
4. Izaberite CMS ili koristite HTML
5. Planirajte izgled vašeg sajta-rukom skicirajte strukturu svog sajta
6. Registrujte ime domena i pronađite veb domaćina (HOSTING - preporuka!) Više video link
7. Kreirajte stranice i sadržaj svoje veb stranice
8. Optimizujte svoje web stranice, uradite SEO
9. Objavite!

Ako imate veštine kodiranja, možete kreirati veb lokaciju od nule koristeći samo uređivač koda i HTML, CSS i JS biblioteke kao što je Bootstrap.
Međutim, ovaj pristup zahteva mnogo vremena, veštine i iskustva. Takođe možete unajmiti veb programera da vam napravi veb lokaciju. Najverovatnije bi takav programer prilagodio ( kao i ja što radim 😉) jedan od šablona sa kojima su već radili i podesio veb lokaciju za vas koristeći WordPress ili neki drugi popularni sistem za upravljanje sadržajem web sajta (CMS = Content Management System = Sistem za upravljanje sadržajem).
Najednostavnije objašnjenje:
WordPress je jedan od mnogih CMS sistema.
U osnovi CMS WordPress koristi  PHP programski  jezik u back-endu, ali su sadržaj i konstrukcija povezani sa HTML i CSS, te je neophodno da ih poznajete,  bar osnove.
CSS je jezik sa stilskim listama odgovoran za izgled i konstrukciju sajta, nazovimo ga “skelet” web sajta.
HTML je jezik koji koristimo da popunimo taj “skelet” sadržajima.
.Iskreno preporučujem da se sa CSS i HTML upoznate preko najbolje web strane sa to, W3School

Pa, krenimo u tih 9 koraka, da pomognem da sami napravite svoj web sajt!
U zavisnosti od brzine učenja, a to jeste zaista individualno, može se postići izrada web stranica, na primer  4-5 stranica, za oko mesec dana!

Želim da napomenem da je totalnom početniku potrebno oko 2 meseca, prema nekim statistikama.

1. Ciljevi web sajta

Ovo je samo vaša odluka, u zavisnosti od profesije, interesovanja, hobija, odnosno od onoga šta želite da podelite sa internet publikom.
Na mojoj web stranici sam postavila spisak ko može da napravi sopstvenu veb stranicu.
Naravno, svoju web lokaciju može da napravi svako ko želi javno da prikaže svoju priču, da podeli svoja iskustva i znanja. Bukvalno, danas svako može da ovekoveči sebe na internetu 🙂
Za svaki savet ili sugestiju, slobodno me kontaktirajte, konsultacije su besplatne. Link.

2. Istraživanje tržišta i konkurencije

Istražite sajtove sličnih tema kojima ćete se vi baviti na svom web sajtu.
Ništa ne kopirajte, to je zabranjeno i ružno.
Ako vam se nešto baš, baš dopada, proverite prava korišćenja, i obavezno stavite link do izvora originala.

3. Istražite šta vam se vizuelno dopada

Ono što se vama vizuelno dopada ne znači da će se svideti i posetiocima vaše web lokacije, zbog toga
dobro razmislite da vi pravite web sajt zbog drugih ljudi, a ne zbog sebe.

Boje
moraju biti tople, nežne, pastelne i umerene, lagane za oči. Nikako jarke i neugodne za posetitelje, jer će vam brzo pobeći sa web sajta 😎
Uskladjivanje boja pogledajte: na ovom linku.

Fontovi
moraju biti jednostavni i čitki.
Tu će vam biti od koristi da identifikujete ime fonta na Google fonts, koji ćete primeniti, obavezno da budu isti fontovi na svim web stranicama!

Slike ili video sadržaji
na ovim linkovima su besplatni.
Link 1    Link 2

4.Izaberite CMS ili koristite HTML

Šta je WordPress CMS – upoznajte se više u blog postu gde sam to detaljno objasnila, na linku.
Preporučujem da se eventualno upoznate i sa načinom postavljanja sadržaja na web sajt putem Gutenberga ili nekog web bildera, na linku.

Šta je HTML?
Hyper Text Markup Language, u prevodu znači:
jezik za označavanje hipertekstova, odnosno tekstova sa linkovima, slikama, audio i video zapisima. Pomoću ovog jezika ( i CSS, koji će biti objašnjen u narednim delovima ovog posta) se definiše izgled stranica i sajtova na internetu.
Za početnike su važne osnove! Zašto je HTML važan-upoznajte se na ovom linku.

Obratite pažnju na veličine fontova, u HTML nazivaju  se ” tagovi ” a u prevodu to su  oznake.
Na primer tagovi:
H1,H2,H3,H4,H5,H6.
Definicija i upotreba oznake fontova <h1> do <h6> se koriste za definisanje HTML naslova. <h1> definiše najvažniji naslov. <h6> definiše najmanje važan naslov. Napomena: Koristite samo jedan <h1> po stranici – ovo bi trebalo da predstavlja glavni naslov/predmet za celu stranicu. Takođe, nemojte preskakati nivoe naslova – počnite sa <h1>, zatim koristite <h2>, itd.
Za SEO je veoma važno koristiti fontove veličine H1, H2 i H3.

*Dok sam ovo pisala, naletela sam na odlične web stranice na srpskom o osnovama  HTML.

(SEO u narednim delovima ovog posta)

w3school html basic
PRIMER ŠTA JE HTML

5.Planirajte izgled vašeg sajta - najbolje nacrtajte  strukturu svih stranica i strukturu bloga na jednom većem papiru

Primer / Skica strukture web sajta i Bloga

Krenimo od strukture web sajta. Pređite mišem preko ove površine  pogledate strukturu koju odredjuje CSS, btw. što ne morate znati, ali držite u sećanju.

Dotakni srce za više.

STRUKTURA WEB SAJTA

Predjite mišem preko ove površine da pogledate osnovnu strukturu.
Framework i struktura
Click Here

Nacrtajte svoju skicu  – wireframe- početne strane, strane bloga, strane proizvoda ili usluga, kontakt strane. Za početak dovoljno.

Dotakni srce za više.

SKICA WEB SAJTA

Wireframe kojim je uokvirena osnovna struktura, skica
blog structure
Struktura bloga

Ovih dana očekujte Drugi Deo, pod tačkama 6. i 7.
i Treći deo, tačke 8. i 9.
Za kraj:
Dodatnu Tačku 10. posvetiću u posebnom postu o Pluginovima
.
U računarstvu, dodatak ( plug-in or plugin, add-in, addin, add-on, or addon) je softverska komponenta koja dodaje određenu funkciju postojećem računarskom programu kod izrade WordPress web sajtova.

Za svaki savet ili sugestiju, slobodno me kontaktirajte, konsultacije su besplatne. Link.

Scroll to Top