Kako naučiti kako napraviti web stranice? Izrada web stranice od nule

Sadržaj:

Kako naučiti kako napraviti web stranice? Izrada web stranice od nule
Kako naučiti kako napraviti web stranice? Izrada web stranice od nule
Anonim

Mnogi danas kreiraju web stranice na internetu kako bi se pokazali i povezali s drugim korisnicima. Moderne kompanije ne mogu sebi priuštiti da nemaju svoj internet resurs, jer je to efikasan način da privuku više potencijalnih kupaca.

Ako želite kreirati vlastitu web stranicu, morate biti zabrinuti i pretpostaviti da će to potrajati. Mnogi ljudi tako misle, ali ovo mišljenje je pogrešno. U stvari, nema velikih poteškoća po ovom pitanju. Ispod je detaljno uputstvo, prateći koje možete naučiti kako napraviti web stranice od nule.

izrada web stranica za poslovanje
izrada web stranica za poslovanje

Prije svega zapamtite sljedeće:

  • ne morate biti kompjuterski stručnjak da biste napravili web stranicu od nule;
  • ne morate znati osnovni kod, upravljati hostovima ili serverima;
  • ne treba vam puno novca.

Ako želite da kreirate web stranicu, samo trebate znati odakle početi. Slijedite upute u nastavku i svoj resurs možete pokrenuti u roku od nekoliko sati. Bilo da ste zainteresirani za kreiranje web stranica za posao ili zaVaše lične potrebe, proces će biti sličan.

Ako nema vještina programiranja: odaberite automatski konstruktor

Auto builderi su najlakši, najjeftiniji i najbrži način za kreiranje web stranice. Neki od najčešćih takvih servisa su Wix, Squarespace, Weebly i Jimdo. Trenutno su ovi graditelji u srcu miliona sajtova koje kreiraju obični korisnici. Ako niste stručnjak za web programiranje, ovo je najbolji izbor za vas.

Zahvaljujući dizajnerima, posao kreiranja stranica sajta se zapravo svodi na prevlačenje elemenata po ekranu pomoću miša. Cijeli tok posla je jednostavan i intuitivan kao kreiranje PowerPoint prezentacije.

Programeri su kreirali poseban softver potreban za samostalno kreiranje stranice od nule, tako da sada samo trebate koristiti kursor na ekranu i prevlačiti slajdove, blokove teksta, slike ili video zapise onim redoslijedom kojim izabrati. Možete umetnuti svoj tekst, postaviti bilo koju sliku, ugraditi video zapise (na primjer sa YouTube-a) i kliknuti na Objavi.

kreiranje web stranice online trgovine
kreiranje web stranice online trgovine

Vjeruje se da organizacija stranice zahtijeva poznavanje HTML-a (Hypertext Markup Language - uobičajeni jezik kodiranja za tekstualne fontove i stilove) i CSS-a (Cascading Style Sheet - koristi se za sastavljanje web stranica). Potrebno je mnogo mjeseci da se kreira kod (i zahtijeva posebne vještine), a njegovo korištenje za kreiranje web stranice je složeno i dugotrajno.

Kako odabrati takav konstruktor?

Upotreba visokokvalitetnog graditelja znači da svaki korisnik može automatski kreirati vlastiti resurs. Zato je odabir takve usluge vaš prvi korak kada sami kreirate web stranicu od nule. Nijedan od njih ne zahtijeva uvođenje kodova. To znači da nećete morati trošiti puno novca na unajmljivanje slobodnjaka da shvatite kako dizajnirati i napraviti web stranicu.

Prilikom odabira konstruktora vodite se sljedećim parametrima:

  • koji interfejs smatrate najlakšim za korištenje;
  • koji šabloni i karakteristike dizajna vam se najviše sviđaju;
  • da li vam funkcionalnost graditelja pomaže da kreirate web lokaciju koju ste planirali.

Takođe je korisno provjeriti kako svaki od ovih graditelja radi za mobilne verzije web lokacija. Budući da danas veliki broj korisnika (potencijalnih posjetitelja vaše stranice) pristupa internetu putem pametnih telefona, vrlo je važno da vaš resurs izgleda dobro na bilo kojem uređaju. Prije nego što napravite web stranicu, istražite mogućnosti svake usluge.

U tom smislu, sve Squarespace teme su osjetljive na mobilne uređaje (što znači da će stranice koje se učitavaju automatski izgledati isto bez obzira koji uređaj koristi vaš posjetitelj). Jimdo i Weebly nude širok raspon mobilnih verzija, dok Wix i GoDaddy pružaju mobilne uređivače koji vam omogućavaju da prilagodite način na koji vaša stranica izgleda tako da izgleda prilagođenije mobilnim uređajima ili da je potpuno sakrijete.određeni sadržaj iz mobilnih pretraživača.

Dobri graditelji vam omogućavaju da prelazite između pune i mobilne verzije tako da možete napraviti različita prilagođavanja. Naučiti kako napraviti web stranice s ovim uslugama je vrlo lako. Vrijedi napomenuti da gore navedene usluge imaju vrlo ograničene besplatne funkcije. Ako želite da napravite veliki sajt, moraćete da plaćate mesečno za njihovo korišćenje.

obuka za izradu web stranica
obuka za izradu web stranica

Također možete kreirati svoju web stranicu koristeći motor (kao što je WordPress), ali samo ako imate osnovno tehničko znanje ili koristite pomoć studija za kreiranje web stranica. Jednostavni CMS-ovi mogu biti od velike pomoći, ali ponekad zahtijevaju promjenu koda da bi se ispravile greške.

Ako imate osnovne vještine: odaberite motor

Koji se jezici koriste za kreiranje web stranica? Sredinom 2000-ih, većina web stranica je napravljena koristeći HTML, CSS, pa čak i Flash. Trebalo je dosta vremena, a nije bilo lako savladati ove vještine. Danas je dovoljno samo osnovno površno poznavanje ovih jezika. Kako naučiti kako napraviti web stranice koristeći takve platforme?

Ako želite sami brzo napraviti funkcionalan, mobilni kompatibilan i korisniku prilagođen resurs, morat ćete odabrati platformu ili motor. Danas su ove usluge učinile izgradnju web stranice dostupnom svima, jer vam omogućavaju da automatski postavite veliku količinu HTML stranica bez pisanja bilo kakvog koda.

Prema najnovijim statistikamaPrema podacima, WordPress je najpopularniji sistem za upravljanje sadržajem (55%), a slijede ga Joomla (20%) i Drupal (11%). Svi su oni potpuno besplatni za korištenje. Zato je najbolje koristiti WordPress, posebno za kreiranje informativne stranice.

Drupal je veoma moćna platforma, omiljena od strane iskusnih kodera i profesionalnih programera, ali njen interfejs je prilično složen, što ga čini ne najboljim izborom za početnike. Joomla je slična WordPress-u i dobro radi za kreiranje web stranice online trgovine, ali će vam trebati barem malo tehničkih vještina kodiranja da kreirate prilagođavanja koja su vam potrebna.

WordPress prilagođavanje je najlakša i najjednostavnija platforma, ali dovoljno fleksibilna da zadovolji potrebe svakog korisnika. Daljnje upute za kreiranje stranice će biti date koristeći ovaj motor kao primjer.

Početak: Hosting domena i web stranica

Za postavljanje vaše stranice, trebat će vam dvije stavke:

  • ime domene (web adresa, na primjer vašeime.com);
  • hosting (usluga koja povezuje vaš resurs sa internetom).

Dakle, kako naučiti kako napraviti web stranice? Sam motor je besplatan i dostupan svima, ali ime domene i hosting će zahtijevati da platite mali iznos. Posjedovanje vlastitog imena domene izgleda mnogo profesionalnije od imenovanja vaše stranice na domenu treće strane (koja će biti treći nivo). Osim toga, nezavisni hosting jamči da će se vaš resurs brzo učitati i nećeisključite nekoliko sati za redom. Ovo će imati veliki uticaj na njegovo prisustvo.

kako napraviti web stranicu
kako napraviti web stranicu

Čim registrujete svoje ime domene, istovremeno ćete dobiti novi nalog e-pošte koji će biti vaš. Izgleda profesionalnije od dijeljenog sandučeta na Gmailu i drugim uslugama. Daljnji korak po korak kreiranje stranice se izvodi na sljedeći način:

  1. Odaberite hosting provajdera.
  2. Registrirajte se na uslugu po vašem izboru.
  3. Idite na stranicu na kojoj možete odabrati hosting plan prema vašim potrebama i finansijskim mogućnostima.

U pravilu, za početnike je sasvim prikladna osnovna verzija, koja košta vrlo skroman iznos. Uvijek možete kasnije nadograditi na drugi plan.

Kako odabrati ime domene?

Ako gradite web stranicu za posao, naziv domene mora odgovarati nazivu vaše kompanije. Možete odabrati međunarodnog registratora, tada će naziv vaše stranice završavati sa.com,.org ili.net. Ili se odlučite za popularnije.ru ili.su. Vrijedi napomenuti i da se u posljednje vrijeme pojavio jako veliki broj domenskih ekstenzija - od.agency do.pizza. Međutim, najbolje je da se ne odlučite za njih ako ne opisuju tačno ono što nudite. Na primjer, kada kreirate web stranicu online trgovine, bolje je ograničiti se na standardni.com.

Ako već imate dobro osmišljeno ime domene, samo ga unesite i kliknite na "Dalje" u odgovarajućem obrascu na web stranici registratora. Ako nespreman da ga preuzmeš odmah, možeš to učiniti kasnije.

Kako registrovati hosting?

Da kreirate sopstveni nalog, jednostavno popunite svoje lične podatke na obrascu za registraciju hosting provajdera. Morate navesti svoje ime i prezime, državu i grad prebivališta, kao i adresu, poštanski broj, broj telefona i e-mail. Zahtjev za potvrdu će biti poslan na adresu e-pošte koju unesete. Nakon toga, trebate unijeti svoje podatke o plaćanju.

izrada web stranice od nule
izrada web stranice od nule

Sljedeći korak u registraciji je odabir plana (tarife) i hosting paketa. Nakon toga obratite pažnju na dodatne opcije koje su dostupne u kreiranju i održavanju sajtova, kao što je zaštita privatnosti odabranog domena. Zatim izvršite plaćanje. To je to, možete početi kreirati stranicu.

Učitaj motor na hosting

Kada ste registrovali ime domene i postavili odabrani hosting, možete početi direktno raditi na kreiranju web stranice. Glavna stvar koju trebate učiniti na početku procesa je da instalirate WordPress (ili neku drugu platformu) na svoju domenu. Postoje dva načina da to uradite, od kojih je jedan mnogo lakši od drugog.

Pre svega, skoro svaka pouzdana i renomirana hosting kompanija ima integrisanu instalaciju WordPress i Joomla jednim klikom, što uveliko pojednostavljuje proces preuzimanja. Ovu uslugu izgradnje stranice možete pronaći na kontrolnoj tabli vašeg profila.

Sljedeći su koraci koje treba slijediti,koje trebate popuniti (trebali bi biti isti za sve glavne dobavljače):

  1. Prijavite se na svoj hosting račun.
  2. Idite na kontrolni panel u njemu.
  3. Tražite ikonu "Site" ili WordPress.
  4. Odaberite domenu na koju želite da otpremite svoj resurs.
  5. Kliknite na dugme pod nazivom "Instaliraj sada" i imat ćete pristup vašoj novoj WordPress stranici.

Drugo, možete izvršiti ručnu instalaciju. Ako, iz nekog od razloga (neki servisi ne dozvoljavaju instalaciju jednim klikom), ne možete automatski preuzeti WordPress, morat ćete to sami učiniti.

Proces podešavanja

Dakle, kako napraviti web stranicu? Nakon što uspješno instalirate WordPress ili neki drugi mehanizam na svoju domenu, moći ćete vidjeti vrlo jednostavan za upravljanje ali čist web resurs. Da bi imao bilo kakve karakteristične karakteristike, potrebna vam je tema - predložak dizajna (template) koji govori platformi kako vaša stranica izgleda. Izbor može biti kreativan i zanimljiv. Postoje hiljade atraktivnih, stručno dizajniranih tema koje možete preuzeti i prilagoditi za svoju web lokaciju, na osnovu njene teme i svrhe.

uputstva za kreiranje sajta
uputstva za kreiranje sajta

Kako pronaći uzorak koji vam se sviđa i koji vam najbolje stoji:

  1. Idite na WordPress alatnu traku.
  2. Otvoren pristup besplatnim temama. Da biste to učinili, pogledajte bočnu traku Izgled, a zatim kliknite Teme. Ako vam treba nešto profesionalnije ilioriginal, možete otići na ThemeForest.net, koji ima ogromnu biblioteku šablona dostupnih po raznim cijenama.

Ali prije nego što to učinite, dobra je ideja da provedete malo vremena pregledavajući besplatne šablone. Mnogi od njih su profesionalni i kvalitetni. Možete pretraživati određene ključne riječi ili primijeniti filtere kako biste pronašli teme koje odgovaraju vašem stilu. Pronalaženje savršenog kroja može potrajati, ali vrijedi.

Kada naučite kako da pravite web stranice, treba da uzmete u obzir sljedeće: trebate potražiti šablone koji izgledaju "odgovarajući" na format stranice, jer to znači da će izgledati dobro na svakom mobilnom uređaju.

Započni novu temu

Kada pronađete šablon koji vam se sviđa, možete ga lako preuzeti. Da biste to uradili, potrebno je da kliknete na "Instaliraj", a zatim na "Aktiviraj".

studio za izradu web stranica
studio za izradu web stranica

Zapamtite da promjena teme neće utjecati na vaše prethodne postove, objave, stranice i sadržaj. Možete ih redovno mijenjati bez brige o gubitku sadržaja koji ste već kreirali.

Kako dodati informacije i napraviti nove stranice?

Kako naučiti kako napraviti web stranicu kada su svi pripremni radovi završeni? Kada se predložak instalira, bićete spremni za dodavanje podataka. Evo nekih od osnova koje treba uzeti u obzir:

  1. Dodavanje stranica i njihovo uređivanje. Dakle, želite da kreirate stranicu "O" ili "Usluge" (na primer, u meniju na vrhu interfejsa sajta). To se može uraditi na sljedeći način. Pogledajte bočni meni na alatnoj traci WordPress, odaberite "Stranice" -> "Dodaj novo". Čim kliknete na ove stavke, vidjet ćete ekran koji je vrlo sličan Microsoft Word interfejsu. Unesite tekst, otpremite slike i drugi sadržaj da kreirate stranicu koju želite, a zatim je sačuvajte kada završite.
  2. Dodavanje u meni stranice. Ako želite da vaša novokreirana stranica bude sinkronizirana s navigacijskom trakom, sačuvajte sve promjene koje ste na njoj napravili klikom na Osvježi. Kliknite na "Izgled" -> "Meni" na panelu sa strane interfejsa WordPress Dashboard. Pronađite stranicu koju ste kreirali i navedite je tako što ćete označiti kvadratić pored nje, a zatim odaberite Dodaj u meni.
  3. Dodavanje i uređivanje poruka. Ako imate blog na sajtu, svi "Postovi" će biti prikazani jedan po jedan. Imate mogućnost da koristite različite kategorije za grupisanje sličnih poruka. Dakle, moguće je koristiti različite kategorije i naslove. Recimo da želite da kreirate kategoriju pod nazivom "Blog". Da biste to učinili, dodajte ga u svoj meni i počnite objavljivati. Da biste to učinili, idite na odjeljak "Kategorije postova ->" ili napišite svoj blog post tako što ćete otići u odjeljak "Objave -> Dodaj novo". Kada završite s kucanjem svoje objave, morat ćete je dodati u odgovarajuću kategoriju. Kada kreirate svoju kategoriju, dodajte je u meni i sve će biti prikazano na sajtu.

Promijenite naslov i nazive stranica

Naslovi stranicaobjasnite posjetiteljima o čemu se radi na vašoj stranici, a oni također direktno utiču na to kako pretraživači vide vaše rangiranje. Iz tog razloga, pobrinite se da sadrže ključne riječi koje želite ciljati. Trebali biste koristiti jedinstveni naslov na svakoj stranici kreiranog resursa. Meta oznake ili natpisi za izgradnju sajta su takođe uključeni na kraju naslova na bilo kojoj veb stranici. Da promijenite naslov i potpis na svojoj web stranici, idite na "Postavke" -> "Općenito" i upišite podatke u obrazac koji se otvori.

Onemogućavanje komentara na resursu

Neki vlasnici web stranica (uglavnom povezani s poslom) ne žele da njihovi posjetitelji mogu komentirati stranice. Da onemogućite komentare na WordPress web stranicama, slijedite ove korake:

  1. Ako kreirate novu stranicu, kliknite na "Opcije prikaza" u gornjem desnom meniju.
  2. Kliknite na polje za diskusiju. "Dozvoli komentare" će biti prikazano na dnu.
  3. Disable Allow Comments.

Ako želite da onemogućite komentare na svakoj novokreiranoj stranici prema zadanim postavkama, možete to učiniti na sljedeći način: pronađite odjeljak u meniju "Postavke -> Diskusija" i poništite okvir pod nazivom "Dozvoli korisnicima da ostavljaju komentare na novi članci".

Kako prilagoditi početnu stranicu?

Ako koristite WordPress, vjerovatno ne želite da vaša početna stranica izgleda kao post na blogu. Ovo možete popraviti ako ga učinite "statičnim". Za razliku od standardablog, gdje će prvi svježe kreirani članak biti prikazan na vrhu svaki put, konfigurirana "statična" stranica prikazuje isti sadržaj svaki put kada neko posjeti stranicu.

Da biste ga postavili, uradite sljedeće:

  1. Idite na odjeljak pod nazivom "Postavke -> Čitanje".
  2. Izaberite statičnu stranicu koju ste sačuvali. "Home" prikazuje vašu početnu stranicu, "Stranica postova" je prvi dio vašeg bloga (osim ako vaša cijela nekretnina nije blog).

Ako svojim postavkama ne odredite statičnu stranicu, WordPress će kopirati vaše najnovije objave i prikazati ih na naslovnoj stranici.

Promijenite postavke na bočnoj traci

Većina WordPress tema ima bočnu traku na desnoj strani (ponekad na lijevoj strani). U slučaju da ga se želite riješiti ili urediti elemente, uklanjajući nepotrebne, učinite sljedeće:

  1. Idite na "Izgled -> Widgeti" u meniju WordPress alata.
  2. U ovom trenutku, možete koristiti prevlačenje i ispuštanje da uključite različite "kutije" u bočnu traku ili isključite nepotrebne stavke.

Postoji i HTML polje, tekstualno polje na koje možete primijeniti HTML kod. Ako imate znanja za to, ostavite to na miru.

Instalirajte dodatke za bolju funkcionalnost

Dodaci su ekstenzije dizajnirane da poboljšaju funkcionalnost WordPress-a dodavanjem novih funkcija i funkcionalnosti vašoj web stranici koje nisu automatski ugrađene u njega. Ovo su prečice tako da vaš resurs može raditi ono što želite bez potrebe da razvijate funkciju od nule.

Možete koristiti razne dodatke za bilo šta, od omogućavanja galerije fotografija i slanja obrasca do ozbiljne optimizacije stranice i razvoja online trgovine.

Instaliranje takvog dodatka je jednostavno. Da biste započeli instalaciju, potražite odjeljak "Plugins -> Add New" i zatim počnite tražiti. Zapamtite da je dostupno oko 25.000 besplatnih i različitih ekstenzija. Instalacija je vrlo jednostavna - kada pronađete pravi dodatak, samo kliknite na "Instaliraj".

Koje ekstenzije su najpopularnije?

Sljedeći su popularni WordPress dodaci za kojima mnogi webmasteri traže:

  1. Obrasca za kontakt. Ovo je neverovatna karakteristika, jer posetioci mogu da popune formular, a zatim da vam pošalju e-poštu bez prijavljivanja na svog ličnog provajdera e-pošte. U slučaju da želite da kreirate nešto slično, obavezno instalirajte ovaj dodatak.
  2. Yoast SEO dizajniran za WordPress: Kada želite da svoju web stranicu učinite SEO optimiziranom, ovaj dodatak je neophodan. Dostupan je besplatno i radi nevjerovatno. Moći ćete uređivati naslovne oznake, sve meta opise i još mnogo toga, a sve radnje će biti sa same stranice. Dakle, više ne morate dugo da se bavite postavkama WordPress-a.
  3. GoogleAnalytics: Želite li pratiti sve posjetitelje resursa i njihovo ponašanje? Da biste to učinili, staviteplugin, sinhronizirajte ga sa svojim Google računom i spremni ste za rad.

Ako ste slijedili korake u gornjem vodiču, trebali biste imati potpuno funkcionalnu WordPress stranicu. Nastavite da ga ažurirate i poboljšavajte za uspjeh.

Preporučuje se: