Kako naučiti kako raditi web-lokacije? Izrada stranice od samog početka

Mnogi danas kreiraju web-mjesta na internetu kako bi se pokazali i povezali s drugim korisnicima. Moderne tvrtke ne mogu si priuštiti da nemaju vlastiti online resurs, jer je to učinkovit način privlačenja više potencijalnih kupaca. Ako želite stvoriti vlastitu web-lokaciju, vjerojatno ste zabrinuti i pretpostavite da će trebati puno vremena. Toliko se razmatra, ali ovo mišljenje je pogrešno. Zapravo, u ovom slučaju nema većih poteškoća. U nastavku je detaljan vodič koji vam omogućuje da saznate kako izraditi web-lokacije od nule.

Prije svega, zapamtite sljedeće:
  • Ne morate biti kompjuterski stručnjak za izradu web-mjesta od nule;
  • Ne morate znati osnove koda, upravljati hostovima ili poslužiteljima;
  • Ne treba vam mnogo novca.
  • Ako želite stvoriti web stranicu, samo trebate znati gdje početi. Slijedite upute u nastavku i svoj resurs možete pokrenuti za nekoliko sati. Bilo da ste zainteresirani za stvaranje poslovnih stranica ili za vaše osobne potrebe, ovaj proces će biti sličan.


    Ako nema vještina programiranja: odabiremo automatskog konstruktora

    Automatski konstruktori - to je najjednostavniji, najjeftiniji i najbrži način stvaranja stranice. Jedna od najčešćih usluga je Wix, Squarespace, Weebly i Jimdo. Trenutno, ovi dizajneri su u srcu milijuna stranica koje su stvorili obični korisnici. Ako niste stručnjak u tom područjuweb programiranje je najbolji izbor za vas. Zahvaljujući dizajnerima, rad na stvaranju stranica stranice je sveden na zapravo vuku miša preko elemenata zaslona. Cijeli je tijek rada jednostavan i intuitivan kao stvaranje PowerPoint prezentacije. Programeri su sami stvorili poseban softver potreban za stvaranje web-lokacije, tako da samo trebate koristiti pokazivač na zaslonu i povlačiti dijaprojekcije, tekstualne, slikovne ili video blokove redoslijedom koji ste odabrali. Možete umetnuti vlastiti tekst, preuzeti bilo koju sliku, umetnuti videoisječke (na primjer, YouTube) i kliknuti Objavi.


    Vjeruje se da je za organizaciju stranice potrebno poznavanje HTML-a (jezik za označavanje hiperteksta - zajednički jezik kodiranja tekstualnih fontova i stilova) i CSS (kaskadni stil - koji se koristi za izradu web stranica). Stvaranje koda traje mnogo mjeseci (i zahtijeva posebne vještine), a njegovo korištenje za stvaranje web mjesta je komplicirano i dugotrajno.

    Kako odabrati takvog dizajnera?

    Korištenje visokokvalitetnog dizajnera znači da svaki korisnik može stvoriti svoj resurs na stroju. Zato je izbor takve usluge vaš prvi korak u stvaranju stranice od samog početka. Svako od njih ne zahtijeva unos kodova. To znači da nećete morati trošiti mnogo novca na slobodne iznajmljivače kako bi se bavili razvojem i izradom stranice. Prilikom odabira dizajnera slijedite ove korakeparametri:
  • koje sučelje smatrate najjednostavnijim za korištenje;
  • Koji predlošci i značajke dizajna vam se najviše sviđaju?
  • pomaže dizajneru da kreira web-lokaciju koju ste odredili. Također je korisno provjeriti je li svaki od tih konstruktora prikladan za mobilne verzije web-mjesta. Budući da se danas veliki broj korisnika (potencijalnih posjetitelja vaše web-lokacije) prijavljuje na internet pomoću pametnih telefona, vrlo je važno da vaš resurs izgleda dobro na bilo kojem uređaju. Prije izrade web stranice, 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 učitate automatski izgledati isto bez obzira na uređaj koji vaš posjetitelj koristi). Jimdo i Weebly nude širok raspon mobilnih verzija, dok Wix i GoDaddy nude mobilne uređivače koji vam omogućuju da prilagodite prikaz svoje web-lokacije tako da izgleda ugodnije na mobilnim uređajima ili da uopće skriva određeni sadržaj s mobilnih preglednika. Dobri dizajneri omogućuju vam prebacivanje između punih i mobilnih verzija, tako da možete izvoditi različite postavke. Učenje stvaranja stranica pomoću ovih usluga je vrlo jednostavno. Treba napomenuti da gore navedene usluge imaju prilično ograničene besplatne mogućnosti. Ako želite stvoriti veliku stranicu, morate platiti mjesečno za njihovu upotrebu.
    Također možete stvoriti vlastiti resurs pomoću motora(kao što je WordPress), ali samo ako imate osnove tehničkog znanja, ili možete koristiti studio za stvaranje web-mjesta. Jednostavni CMS može pružiti značajnu pomoć, ali ponekad je potrebno izvršiti izmjene kodova kako bi se ispravile pogreške.

    Ako su glavne vještine: odaberite motor

    Koji se jezici koriste za stvaranje web-mjesta? Već sredinom 2000-ih, većina je stranica izgrađena pomoću HTML-a, CSS-a, pa čak i Flash-a. Trebalo je puno vremena, a ovladati tim vještinama nije bilo lako. Danas je dovoljno samo osnovno poznavanje tih jezika. Kako naučiti kako raditi web-lokacije pomoću tih platformi? Ako želite brzo postati funkcionalan, mobilan i prijateljski raspoložen, morat ćete odabrati platformu ili motor. Danas su te usluge omogućile stvaranje web-mjesta dostupnim svima, jer vam omogućuju da automatski prilagodite veliku količinu HTML stranica bez pisanja koda. Prema najnovijim statistikama, WordPress je najpopularniji sustav za upravljanje sadržajem (55%), a slijede Joomla (20%) i Drupal (11%). Svi su potpuno slobodni za korištenje. Zato je najbolje koristiti WordPress, posebno za stvaranje informativne stranice. Drupal je prilično moćna platforma koja je tražena među iskusnim koderima i profesionalnim programerima, ali je njezino sučelje vrlo komplicirano, što ga čini ne najboljim izborom za početnike. Joomla je slična WordPressu i dobro radi pri stvaranju internetske trgovine, ali trebat će vam barem malotehničke vještine kodiranja za stvaranje pojedinačnih postavki koje su vam potrebne.

    Individualne postavke WordPressa su najlakša i najjednostavnija platforma, ali je dovoljno fleksibilna da zadovolji potrebe svakog korisnika. Zatim će se na primjeru ovog motora prikazati upute za izradu stranice.

    Početak rada: domena i web hosting

    Da biste prilagodili svoju web-lokaciju, trebat će vam dvije stavke:
  • naziv domene (web-adresa, kao što je yourname.com);
  • hosting (usluga koja povezuje vaš resurs s internetom).
  • Pa kako naučite raditi web-lokacije? Sam motor je besplatan i dostupan svima, ali će naziv domene i hosting zahtijevati manji iznos za plaćanje. Posjedovanje vlastitog naziva domene izgleda mnogo profesionalnije od naziva vaše web-lokacije u domeni treće strane (koja će biti treća razina). Osim toga, neovisni hosting također jamči da će se vaš resurs brzo pokrenuti i da neće biti isključen nekoliko sati zaredom. To će imati ogroman utjecaj na njegovu prisutnost.
    Kada registrirate naziv domene, primit ćete novi račun e-pošte u isto vrijeme koji će biti vaša osobna e-pošta. Izgleda profesionalnije nego zajednički poštanski sandučić u Gmailu i druge usluge. Zatim se korak po korak kreira web stranica na sljedeći način:
  • Odaberite davatelja koji pruža usluge hostinga.
  • Prijavite se na uslugu po vašem izboru.
  • Dođite do stranice koja vam omogućuje da odaberete hosting plan za svoje potrebe i financijske mogućnosti.
  • U pravilu, za početnike uopćePogodan osnovni slučaj, koji košta prilično skroman iznos. Nakon toga, uvijek možete prijeći na drugi plan.

    Kako odabrati ime domene?

    Ako ste zauzeti izradom web-lokacije za posao, naziv domene trebao bi se podudarati s nazivom vaše tvrtke. Možete odabrati međunarodnog registrara, a zatim će se naziv vaše web-lokacije završiti .com, .org ili .net. Ili se zaustavite na popularnijem .ru ili .su. Također treba napomenuti da je nedavno došlo do velikog broja ekstenzija domene .agency za .pizza. Međutim, najbolje je ne prestati ih birati ako ne opisuju točno što možete ponuditi. Primjerice, prilikom izrade web-lokacije trgovine bolje je ograničiti standard .com. Ako već imate dobro osmišljeno ime domene, jednostavno ga unesite i kliknite na "Dalje" u odgovarajućem obliku na web-mjestu registrara. Ako niste spremni odabrati ga odmah, to možete učiniti kasnije.

    Kako registrirati hosting?

    Da biste izradili vlastiti račun, samo unesite svoje osobne podatke u obrazac za registraciju davatelja usluge hostinga. Morat ćete navesti svoje prezime, ime, državu i grad prebivališta, kao i adresu, poštanski broj, broj telefona i e-mail. Zahtjev za potvrdom bit će poslan na adresu e-pošte koju unesete. Nakon toga morate unijeti podatke o naplati.
    Sljedeći korak prilikom registracije je da odaberete plan (vozarina) i paket hostinga. Nakon toga obratite pozornost na dostupne dodatne mogućnosti za stvaranje i održavanje web-mjesta, kao što je zaštita privatnosti po vašem izboru.domene. Zatim izvršite uplatu. Sve što možete napraviti da biste izradili web-lokaciju.

    Download engine to hosting

    Nakon što ste registrirali naziv domene i konfigurirali odabrani hosting, možete početi raditi izravno na stvaranju web-mjesta. Glavna stvar koju trebate učiniti na početku procesa je instalirati WordPress (ili drugu platformu) u vašu domenu. Postoje dva načina ovog preuzimanja, od kojih je jedan puno lakši za izvođenje od drugog. Prvo, gotovo svaka pouzdana i dobra reputacija hosting tvrtke je integrirala WinPress i Jumla instalaciju u jednom kliku, što uvelike olakšava proces preuzimanja. Uslugu izrade web-mjesta možete pronaći na upravljačkoj ploči profila. Koraci u nastavku su koraci koje morate slijediti (moraju biti slični svim većim davateljima):
  • Prijavite se na svoj hosting račun.
  • Idite na njega na upravljačkoj ploči.
  • Pronađite ikonu "Site" ili WordPress.
  • Odaberite domenu za koju želite učitati svoj izvor.
  • Kliknite gumb "Instaliraj odmah" i imat ćete otvoren pristup novoj stranici na WordPressu.
  • Drugo, možete napraviti ručno instaliranje. Ako je jedan od razloga (neke usluge ne dopuštaju instalaciju jednim klikom) nemate mogućnost automatskog preuzimanja WordPressa, morat ćete to učiniti sami.

    Postupak postavljanja

    Kako napraviti web-lokaciju? Nakon što ste uspješno instalirali WordPress ili neki drugi motor u vašu domenu, moći ćete vidjeti vrlo jednostavan za korištenje.upravljanje, ali čist internetski resurs. Da bi stekla neke karakteristične značajke, potrebna vam je tema - banner dizajna (predložak) koji platformi govori kako izgleda vaše web-mjesto. Izbor može biti kreativan i zanimljiv. Postoje tisuće atraktivnih, specijalističkih, koje možete preuzeti i prilagoditi za svoju web-lokaciju, ovisno o predmetu i svrsi.
    Kako pronaći predložak koji vam se sviđa i koji vam više odgovara:
  • Idite na WordPress alatnu traku.
  • Otvoreni pristup besplatnim temama. Da biste to učinili, pogledajte Sidebar za izgled, a zatim kliknite Teme. Ako trebate nešto profesionalnije ili originalnije, možete otići na izvor ThemeForest.net, koji predstavlja ogromnu biblioteku predložaka dostupnih po različitoj cijeni.
  • Ali prije nego to učinite, poželjno je provesti neko vrijeme gledajući besplatne predloške. Mnogi od njih su profesionalni i dobro izvršeni. Možete tražiti određene ključne riječi ili primijeniti filtre kako biste pronašli teme koje su u skladu s vašim stilom. Traženje idealne opcije može potrajati neko vrijeme, ali vrijedi. Kada učite kako stvoriti web-lokacije, trebate razmotriti sljedeće: trebate potražiti predloške koji izgledaju kao "odgovor" na format web-lokacije, jer to znači da će biti dobro prikazani na svakom mobilnom uređaju.

    Postavi novu temu

    Nakon što odaberete predložak koji želite, možete ga jednostavno preuzeti. Da biste to učinili, kliknite "Instaliraj", a zatim kliknite„Aktiviraj”.
    Zapamtite da promjena teme neće utjecati na vaše prethodne postove, unose, stranice i sadržaj. Redovito ih možete mijenjati bez brige o gubitku već izrađenih materijala.

    Kako dodati informacije i napraviti nove stranice?

    Kako naučiti raditi web-lokaciju kada je dovršen prethodni rad? Nakon instalacije predloška bit ćete spremni za dodavanje podataka. Ovdje trebate uzeti u obzir neke od osnova:
  • Dodavanje stranica i njihovo uređivanje. Dakle, želite stvoriti stranicu "O web-lokaciji" ili "Usluge" (na primjer, u izborniku na vrhu sučelja web-lokacije). To se može učiniti na sljedeći način. Pogledajte bočnu traku na alatnoj traci programa Wordpress, odaberite Stranice - & gt; "Dodaj novo". Čim kliknete na te stavke, vidjet ćete zaslon vrlo sličan sučelju Microsoft Worda. Unesite tekst, prenesite slike i drugi sadržaj da biste stvorili potrebnu stranicu, a zatim je spremite kada završite.
  • Dodavanje izbornika stranica. Ako želite da se svježe izrađena stranica sinkronizira s navigacijskom trakom, spremite sve izmjene na njoj tako da kliknete Osvježi. Kliknite "pogled" - & gt; "Izbornik" u ploči na strani sučelja WordPress Nadzorna ploča. Pronađite stranicu koju ste stvorili i navedite je tako da označite okvir pokraj nje, a zatim kliknite Dodaj u izbornik.
  • Dodavanje i uređivanje poruka. Ako imate blog na web-lokaciji, sve će se poruke prikazivati ​​jedna za drugom. Imate mogućnost koristiti različite kategorije za grupiranje sličnih poruka. Dakle,moguće primjenu različitih kategorija i naslova. Na primjer, pretpostavimo da želite stvoriti kategoriju pod nazivom "Blog". Da biste to učinili, dodajte je u svoj izbornik i počnite stvarati poruke. Da biste to učinili, idite na odjeljak Postovi - & gt; Kategorije »ili napišite svoj blog tako da odete na odjeljak Postovi - & gt; Dodajte novu. " Kada završite s unosom posta, morate ga dodati u odgovarajući odjeljak. Kada stvorite kategoriju, dodajte je u izbornik i sve će biti prikazano na web-lokaciji.

    Promjena naslova i naslova stranica

    Nazivi stranica objašnjavaju posjetiteljima što je tema vaše web-lokacije, a izravno utječu i na to kako tražilice vide vaš rang. Iz tog razloga provjerite sadrže li ključne riječi koje želite ciljati. Trebali biste primijeniti jedinstveno zaglavlje na svakoj stranici kreiranog resursa. Meta tagovi za izradu web-mjesta ili potpisa također su uključeni na kraju zaglavlja na bilo kojoj web stranici. Da biste promijenili naslov i potpis na svojoj web-lokaciji, idite na Postavke - & gt; «Općenito» upisuju podatke u otvorenom obliku.

    Onemogućavanje komentara na izvoru

    Vlasnici nekih web-lokacija (uglavnom poslovnih) ne žele da njihovi posjetitelji komentiraju stranice. Da biste onemogućili komentare na WordPress web-stranicama, slijedite ove korake:
  • Ako stvarate novu stranicu, kliknite na "Opcije zaslona" u gornjem desnom kutu izbornika.
  • Kliknite na polje "Rasprava". Pojavit će se ispod "Dopusti komentare".
  • Onemogući dopuštanje komentara.
  • Ako želite onemogućiti komentare na svakoj novostvorenoj stranici po zadanom, možete to učiniti: pronađite odjeljak u izborniku Postavke - & gt; Rasprava ", a zatim potvrdite okvir" Dopusti korisnicima da ostavljaju komentare na nove članke ".

    Kako postaviti početnu stranicu?

    Ako koristite WordPress, vjerojatno nećete željeti da početna stranica izgleda kao blog post. To možete popraviti ako to učinite "statičkim". Za razliku od standardnog bloga u kojem će se svaki put pojaviti prvi novi članak, prilagođena "statična" stranica prikazuje isti sadržaj svaki put kad se netko prijavi na web-lokaciju. Da biste ga konfigurirali, slijedite ove korake:
  • Idite na odjeljak pod naslovom "Postavke - & gt; Čitanje ».
  • Odaberite statičku stranicu koju ste spremili. "Početna stranica" prikazuje početnu stranicu, "Stranica poruke" je prvi dio vašeg bloga (ako cijeli resurs nije blog).
  • U slučaju da ne označite statičnu stranicu svojim postavkama, WordPress će kopirati vaše najnovije poruke i prikazati ih na glavnoj stranici.

    Promjena postavki u bočnoj traci

    Većina WordPress tema ima bočnu traku na desnoj strani (ponekad se nalazi s lijeve strane). Ako ga želite ukloniti ili urediti stavke uklanjanjem nepotrebnih, učinite sljedeće:
  • Idite na "Izgled - & gt; Widgeti "u izborniku alata WordPress Tools.
  • U ovom trenutku viMožete povući povlačenje da biste uključili različite "okvire" na bočnoj traci ili isključili neželjene stavke.
  • Tu je i HTML polje - tekstualno polje u kojemu možete primijeniti HTML kod. Ako imate odgovarajuće znanje, samo ga nemojte dirati.

    Instaliranje dodataka za bolju funkcionalnost

    Dodaci su proširenje dizajnirano za poboljšanje mogućnosti programa WordPress, uključujući nove značajke i značajke na vašoj web-lokaciji, a ne ugrađene automatski. To su prečaci za vaš resurs kako bi mogli raditi ono što vam je potrebno bez potrebe za razvojem funkcije od nule. Možete primijeniti različite dodatke za obavljanje gotovo svega - od uključivanja foto galerije i oblika slanja do ozbiljne optimizacije web-mjesta i razvoja internetske trgovine. Možete jednostavno instalirati ovaj dodatak. Da biste pokrenuli instalaciju, pronađite "Dodaci - & gt; Dodajte novo ", a zatim pokrenite pretraživanje. Zapamtite da postoji oko 25.000 besplatnih dostupnih proširenja. Instalacija je vrlo jednostavna - čim pronađete odgovarajući dodatak, samo kliknite gumb "Instaliraj".

    Koja su proširenja najpopularnija?

    Ispod su popularni dodaci za WordPress, za koje mnogi webmasteri smatraju da su traženi:
  • Kontaktni obrazac. Ovo je izvrsna značajka, budući da posjetitelji mogu ispuniti obrazac, a zatim vam poslati e-poštu, ignorirajući prijavu u svoj osobni davatelj usluge e-pošte. Ako želite stvoriti nešto slično, svakako instalirajte ovaj dodatak.
  • Yoast SEO, dizajniran za WordPress: kada ste viŽelite li učiniti vaš site više optimiziran za SEO, ovaj dodatak je potrebno. Dostupan je besplatno i radi zapanjujuće. Imat ćete priliku urediti oznake naslova, sve meta opise, kao i još mnogo toga, sa svim akcijama sa same stranice. Na taj način više nećete morati dugo raditi s postavkama programa WordPress.
  • GoogleAnalytics: Želite li pratiti sve posjetitelje resursa i njihovo ponašanje? Da biste to učinili, postavite dodatak, sinkronizirajte ga s Google računom i bit ćete spremni za pokretanje.
  • Ako slijedite korake navedene u ovom vodiču, morate imati potpuno opremljenu WordPress stranicu. Nastavite ažurirati i usavršavati za uspješan rad.

    Povezane publikacije