Kako naučiti izrađivati web stranice? Izrada web stranice od nule

Sadržaj:

Kako naučiti izrađivati web stranice? Izrada web stranice od nule
Kako naučiti izrađivati web stranice? Izrada web stranice od nule
Anonim

Mnogi danas stvaraju web stranice na internetu kako bi se pokazali i povezali s drugim korisnicima. Moderne tvrtke ne mogu si priuštiti da nemaju vlastiti internetski resurs, jer je to učinkovit način za privlačenje više potencijalnih kupaca.

Ako želite izraditi vlastitu web stranicu, morate biti zabrinuti i pretpostaviti da će to potrajati. Mnogi ljudi tako misle, ali ovo mišljenje je pogrešno. Zapravo, nema velikih poteškoća u ovom pitanju. Ispod je detaljna uputstva, slijedeć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 računalni stručnjak da biste napravili web stranicu od nule;
  • ne morate znati osnovni kod, upravljati hostovima ili poslužiteljima;
  • ne treba vam puno novca.

Ako želite stvoriti 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 izradu web stranica za posao ili zavašim osobnim potrebama, proces će biti sličan.

Ako nema vještina programiranja: odaberite automatski konstruktor

Automaterijali su najlakši, najjeftiniji i najbrži način za izradu web stranice. Neke od najčešćih takvih usluga su Wix, Squarespace, Weebly i Jimdo. Trenutno su ovi graditelji u srcu milijuna web-mjesta koje stvaraju obični korisnici. Ako niste stručnjak za web programiranje, ovo je najbolji izbor za vas.

Zahvaljujući dizajnerima, posao izrade stranica stranice zapravo se svodi na povlačenje elemenata po ekranu mišem. Cijeli tijek rada je jednostavan i intuitivan kao stvaranje PowerPoint prezentacije.

Razvojnici su kreirali poseban softver potreban za samostalno kreiranje web-mjesta od nule, tako da sada samo trebate koristiti pokazivač na zaslonu i povlačiti dijaprojekcije, blokove teksta, slike ili videozapise redoslijedom kojim birati. Možete umetnuti vlastiti tekst, prenijeti slike, ugraditi videozapise (na primjer s YouTubea) i kliknuti na Objavi.

izrada web stranice online trgovine
izrada 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). Izrada koda traje mnogo mjeseci (i zahtijeva posebne vještine), a korištenje za izradu 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 pri samostalnoj izradi web stranice od nule. Nijedan od njih ne zahtijeva uvođenje kodova. To znači da nećete morati trošiti puno novca na unajmljivanje slobodnjaka kako biste shvatili kako dizajnirati i izraditi web stranicu.

Prilikom odabira konstruktora vodite se sljedećim parametrima:

  • koje sučelje smatrate najlakšim za korištenje;
  • koji predlošci i značajke dizajna vam se najviše sviđaju;
  • pomaže li vam funkcionalnost graditelja u stvaranju stranice koju ste planirali.

Također je korisno provjeriti kako svaki od ovih graditelja radi za mobilne verzije web-mjesta. 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 nude mobilne uređivače koji vam omogućuju 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 preglednika.

Dobri graditelji omogućuju vam prebacivanje između pune i mobilne verzije tako da možete napraviti razne prilagodbe. Naučiti kako izraditi web stranice s ovim uslugama vrlo je jednostavno. Vrijedi napomenuti da gore navedene usluge imaju vrlo ograničene besplatne značajke. Ako želite napraviti veliku stranicu, morat ćete plaćati mjesečno za njihovo korištenje.

obuka za izradu web stranica
obuka za izradu web stranica

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

Ako imate osnovne vještine: odaberite motor

Koji se jezici koriste za izradu web stranica? Sredinom 2000-ih, većina web-mjesta izrađena je pomoću HTML-a, CSS-a, pa čak i Flasha. Trebalo je puno vremena, a nije bilo lako svladati te vještine. Danas je dovoljno samo osnovno površno poznavanje ovih jezika. Kako naučiti kako napraviti web stranice koristeći takve platforme?

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

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

Drupal je vrlo moćna platforma, omiljena od strane iskusnih programera i profesionalnih programera, ali njeno sučelje je prilično složeno, što ga čini ne najboljim izborom za početnike. Joomla je slična WordPressu i dobro funkcionira za izradu web-mjesta za online trgovinu, ali trebat će vam barem malo tehničkih vještina kodiranja kako biste kreirali prilagodbe koje su vam potrebne.

Prilagodba za WordPress najlakša je i najjednostavnija platforma, ali dovoljno fleksibilna da zadovolji potrebe svakog korisnika. Daljnje upute za izradu stranice bit će dane koristeći ovaj motor kao primjer.

Početak: hosting domene i web-mjesta

Da biste postavili svoju stranicu, trebat će vam dvije stavke:

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

Dakle, kako naučiti izrađivati web stranice? Sam motor je besplatan i dostupan svima, ali naziv domene i hosting zahtijevat će da platite mali iznos. Posjedovanje vlastitog naziva domene izgleda mnogo profesionalnije od imenovanja vaše stranice na domeni treće strane (koja će biti treća razina). Osim toga, neovisni hosting jamči da će se vaš resurs brzo učitati i nećeisključite nekoliko sati za redom. To će imati veliki utjecaj na njegovo prisustvo.

kako napraviti web stranicu
kako napraviti web stranicu

Čim registrirate ime svoje domene, istovremeno ćete dobiti novi račun e-pošte koji će biti vaš vlastiti. Izgleda profesionalnije od dijeljene pristigle pošte na Gmailu i drugim uslugama. Daljnji korak po korak izrada stranice izvodi se na sljedeći način:

  1. Odaberite davatelja hostinga.
  2. Registrirajte se na uslugu po svom izboru.
  3. Idite na stranicu na kojoj možete odabrati hosting plan prema svojim potrebama i financijskim mogućnostima.

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

Kako odabrati naziv domene?

Ako gradite web stranicu za tvrtku, naziv domene mora odgovarati nazivu vaše tvrtke. Možete odabrati međunarodnog registra, tada će naziv vaše stranice završavati s.com,.org ili.net. Ili se odlučite za popularnije.ru ili.su. Također je vrijedno napomenuti da se u posljednje vrijeme pojavio jako velik broj domenskih ekstenzija – od.agency do.pizza. Međutim, najbolje je ne odlučiti se za njih ako ne opisuju točno ono što nudite. Na primjer, prilikom izrade web stranice online trgovine, bolje je ograničiti se na standardni.com.

Ako već imate dobro osmišljen naziv domene, samo ga unesite i kliknite na "Dalje" u odgovarajućem obrascu na web stranici registrara. Ako nistespreman je odmah preuzeti, možete to učiniti kasnije.

Kako registrirati hosting?

Da biste stvorili vlastiti račun, jednostavno ispunite svoje osobne podatke u obrascu za registraciju davatelja usluga hostinga. Morat ćete 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 bit će poslan na adresu e-pošte koju unesete. Nakon toga morate 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 pozornost na dodatne mogućnosti koje su dostupne u izradi i održavanju stranica, poput zaštite privatnosti odabrane domene. Zatim izvršite plaćanje. To je to, možete početi stvarati stranicu.

Učitaj motor na hosting

Nakon što ste registrirali naziv domene i postavili odabrani hosting, možete početi izravno raditi na izradi web stranice. Glavna stvar koju trebate učiniti na početku procesa je instalirati WordPress (ili neku drugu platformu) na svoju domenu. Postoje dva načina za to, od kojih je jedan puno lakši od drugog.

Prije svega, gotovo svaka pouzdana i renomirana hosting tvrtka ima integriranu instalaciju WordPressa i Joomle jednim klikom, što uvelike pojednostavljuje proces preuzimanja. Ovu uslugu izgradnje web-mjesta možete pronaći na nadzornoj ploči svog profila.

Sljedeći su koraci koje treba slijediti,koje trebate ispuniti (trebali bi biti isti za sve glavne davatelje usluga):

  1. Prijavite se na svoj hosting račun.
  2. Idite na upravljačku ploču u njoj.
  3. Potražite ikonu "Site" ili WordPress.
  4. Odaberite domenu na koju želite prenijeti svoj resurs.
  5. Kliknite na gumb pod nazivom "Instaliraj sada" i imat ćete pristup svojoj novoj WordPress stranici.

Drugo, možete napraviti ručnu instalaciju. Ako iz nekog od razloga (neke usluge ne dopuštaju instalaciju jednim klikom) ne možete automatski preuzeti WordPress, morat ćete to učiniti sami.

Proces postavljanja

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 značajke, potrebna vam je tema - predložak dizajna (predložak) koji govori platformi kako vaša stranica izgleda. Izbor može biti kreativan i zanimljiv. Postoje tisuće atraktivnih, stručno dizajniranih tema koje možete preuzeti i prilagoditi za svoju web-lokaciju, na temelju njezine teme i svrhe.

upute za izradu web stranice
upute za izradu web stranice

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

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

Ali prije nego što to učinite, dobra je ideja provesti malo vremena pregledavajući besplatne predloške. Mnogi od njih su profesionalni i kvalitetni. Možete tražiti određene ključne riječi ili primijeniti filtre kako biste pronašli teme koje odgovaraju vašem stilu. Pronalaženje savršenog pristajanja može potrajati, ali isplati se.

Kada učite kako izraditi web stranice, trebali biste uzeti u obzir sljedeće: trebate tražiti predloške koji izgledaju "odgovarajući" na format stranice, jer to znači da će izgledati dobro na svakom mobilnom uređaju.

Pokreni novu temu

Kada pronađete predložak koji vam se sviđa, možete ga jednostavno preuzeti. Da biste to učinili, trebate kliknuti na "Instaliraj", zatim kliknuti na "Aktiviraj".

studio za izradu web stranica
studio za izradu web stranica

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

Kako dodati informacije i napraviti nove stranice?

Kako naučiti kako napraviti web stranicu kada su svi pripremni radovi završeni? Nakon što je predložak instaliran, bit ćete spremni za dodavanje podataka. Ovdje su neke od osnova koje treba uzeti u obzir:

  1. Dodavanje stranica i njihovo uređivanje. Dakle, želite stvoriti stranicu "O" ili "Usluge" (na primjer, u izborniku na vrhu sučelja web-mjesta). To se može učiniti na sljedeći način. Pogledajte bočni izbornik na alatnoj traci WordPress, odaberite "Stranice" -> "Dodaj novo". Čim kliknete na ove stavke, vidjet ćete zaslon koji je vrlo sličan Microsoft Word sučelju. Unesite tekst, prenesite slike i drugi sadržaj da biste stvorili stranicu koju želite, a zatim je spremite kada završite.
  2. Dodavanje u izbornik stranica. Ako želite da vaša novostvorena stranica bude sinkronizirana s navigacijskom trakom, spremite sve promjene koje ste na njoj napravili klikom na Osvježi. Kliknite "Izgled" -> "Izbornik" na ploči sa strane sučelja nadzorne ploče WordPress. Pronađite stranicu koju ste kreirali i navedite je tako da potvrdite okvir pored nje, a zatim odaberite Dodaj u izbornik.
  3. Dodavanje i uređivanje poruka. Ako imate blog na web stranici, svi će "Postovi" biti prikazani jedan po jedan. Imate mogućnost korištenja različitih kategorija za grupiranje sličnih poruka. Dakle, moguće je koristiti različite kategorije i naslove. Recimo da želite stvoriti kategoriju pod nazivom "Blog". Da biste to učinili, dodajte ga u svoj izbornik i počnite objavljivati. Da biste to učinili, idite na odjeljak "Kategorije postova ->" ili napišite svoj post na blogu tako što ćete otići u odjeljak "Postovi -> Dodaj novo". Kada završite s pisanjem svoje objave, morat ćete je dodati u odgovarajuću kategoriju. Nakon što kreirate svoju kategoriju, dodajte je u izbornik i sve će biti prikazano na stranici.

Promijenite naslov i nazive stranica

Naslovi stranicaobjasniti posjetiteljima o čemu se radi na vašoj stranici, a oni također izravno utječu na to kako tražilice vide vaše rangiranje. Iz tog razloga, provjerite sadržavaju li ključne riječi koje želite ciljati. Trebali biste koristiti jedinstveni naslov na svakoj stranici stvorenog resursa. Meta oznake ili natpisi za izgradnju web stranice također su uključeni na kraju naslova na bilo kojoj web stranici. Da biste promijenili 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 biste onemogućili komentare na WordPress web stranicama, slijedite ove korake:

  1. Ako stvarate novu stranicu, kliknite "Opcije prikaza" u gornjem desnom izborniku.
  2. Kliknite na polje Rasprava. "Dopusti komentare" bit će prikazano na dnu.
  3. Onemogući dopuštanje komentara.

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

Kako prilagoditi početnu stranicu?

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

Da biste ga postavili, učinite sljedeće:

  1. Idite na odjeljak pod nazivom "Postavke -> Čitanje".
  2. Odaberite statičnu stranicu koju ste spremili. "Početna" prikazuje vašu početnu stranicu, "Stranica postova" je prvi dio vašeg bloga (osim ako je cijelo vaše vlasništvo blog).

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

Promijenite postavke na bočnoj traci

Većina WordPress tema ima bočnu traku s desne strane (ponekad s lijeve strane). 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 izborniku alata WordPress.
  2. U ovom trenutku možete koristiti povlač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 znanje za to, samo ga ostavite na miru.

Instalirajte dodatke za bolju funkcionalnost

Dodaci su proširenja dizajnirana za poboljšanje funkcionalnosti WordPress-a dodavanjem novih značajki i funkcionalnosti vašoj web-lokaciji koje nisu automatski ugrađene u nju. Ovo su prečaci tako da vaš resurs može raditi što želite bez potrebe da razvijate značajku od nule.

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

Instaliranje takvog dodatka je jednostavno. Da biste pokrenuli instalaciju, potražite odjeljak "Dodaci -> Dodaj novi" i zatim počnite tražiti. Zapamtite da je dostupno oko 25 000 besplatnih i različitih proširenja. Instalacija je vrlo jednostavna - kada pronađete pravi dodatak, samo kliknite "Instaliraj".

Koja su proširenja najpopularnija?

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

  1. Obrazac za kontakt. Ovo je nevjerojatna značajka jer posjetitelji mogu ispuniti obrazac, a zatim vam poslati e-poštu bez prijave na svog osobnog davatelja usluge e-pošte. U slučaju da želite stvoriti nešto slično, svakako instalirajte ovaj dodatak.
  2. Yoast SEO dizajniran za WordPress: Kada želite svoju stranicu učiniti više SEO optimiziranom, ovaj dodatak je neophodan. Dostupan je besplatno i radi nevjerojatno. Moći ćete uređivati naslovne oznake, sve meta opise i još mnogo toga, a sve radnje bit će sa same stranice. Stoga se više ne morate dugo baviti postavkama WordPressa.
  3. GoogleAnalytics: Želite li pratiti sve posjetitelje resursa i njihovo ponašanje? Da biste to učinili, stavitedodatak, sinkronizirajte 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 ga ažurirati i poboljšavati za uspjeh.

Preporučeni: