Koraci potrebni za izradu i objavljivanje HTML web stranice

click fraud protection

Izgradnja vaše prve web stranice nije najteže što ćete učiniti u svom životu, ali nije ni lako. Potrebno je da naučite novu tehnologiju, rječnik i softver koji vam prije nisu trebali.

Morate naučiti nešto osnovno HTML koda, nabavite web uređivač, pronađite uslugu za hostiranje vaše web stranice, okupite sadržaj svoje stranice, prenesite web stranicu na hosta, testirajte stranicu i zatim je promovirajte. Joj!

Dobra vijest je da nakon što ste to jednom sve učinili, svladali ste krivulju učenja. To možete učiniti iznova i iznova za izradu web stranica o više tema ili u više svrha.

01

od 08

Odvojite vrijeme za planiranje

Prije nego što bilo što učinite, provedite neko vrijeme odlučujući o osnovnim pitanjima o web stranici koju ćete izgraditi. Prepoznajte svoju publiku i znajte što joj imate za reći. Ako promovirate svoju tvrtku, provjerite web stranice svojih konkurenata i odlučite što im dobro ide ili ne ide. Ako planirate web mjesto s nekoliko povezanih web stranica, a to vjerojatno i činite, nacrtajte dijagram koji ilustrira međusobni odnos stranica.

instagram viewer

Što više vremena potrošite na planiranje prije sebe započnite izgradnju web stranice, što je vjerojatnije da će stvarni postupak gradnje teći glatko.

02

od 08

Nabavite web uređivač

Da biste izradili web stranicu, potreban vam je web uređivač u koji upisujete HTML, kôd zbog kojeg vaša web stranica radi. Ne mora biti otmjeni softver na koji ćete potrošiti puno novca, iako ih ima na raspolaganju. Možete koristiti uređivač teksta koji dolazi s vašim operativnim sustavom, kao što je Notepad u sustavu Windows 10 ili TextEdit na Macu, ili možete preuzeti besplatni ili jeftini uređivač s interneta. NotePad ++ i Komodo Edit, između ostalog, izvrsni su besplatni HTML uređivači za Windows. Komodo Edit je također dostupan za Mac. Ostalo besplatni HTML uređivači za Mac uključuju Bluefish, Eclipse, SeaMonkey i druge.

03

od 08

Naučite neke osnovne HTML-ove

HTML je gradivni element web stranica. Iako možete koristiti WYSIWYG (ono što vidite je ono što dobijete) i nikada ne morate znati nijedan HTML, učenje barem malo HTML-a pomaže vam u izgradnji i održavanju stranica. Kako uđete malo dalje u izgradnju web stranica, morat ćete saznati više o tome Kaskadni listovi stilova (CSS) i XML da vaše nove vještine podignu na višu razinu. Za sada započnite na osnove HTML-a.

Učenje HTML-a nije teško, a možete puno naučiti gledajući primjere HTML-a. U većini preglednika možete se odlučiti za pogledajte izvorni kod web stranice na kojoj ste. Odaberite jednostavnu stranicu za ovo kako vas neće svladati. Možda ćete i moći kopirajte izvorni kod da ga prouči.

Za vježbanje napišite jednostavan HTML u svoj uređivač teksta i pregledajte kako će izgledati na webu. Ako se radi o neurednom neredu, vjerojatno ste nešto izostavili. Ako izgleda točno onako kako ste mislili izgledati, čestitam.

04

od 08

Napišite web stranicu i spremite je na svoj tvrdi disk

Sastavljanje web stranice i pisanje sadržaja zabavan je dio. Otvorite svoj web uređivač i počnite graditi svoju web stranicu. Ako je riječ o uređivaču teksta, morate znati neki HTML, ali ako je WYSIWYG, možete izraditi web stranicu baš kao što biste to učinili i u Wordovom dokumentu.

Pisanje za web razlikuje se od ostalih vrsta pisanja. Ljudi imaju tendenciju obrađivati ​​ono što vide, umjesto da ih pažljivo čitaju, i neće se ondje zadržati na raspravi od tisuću riječi. Neka tekst bude kratak i relevantan za vašu web stranicu. Prijeđite na točku u prvom odlomku i napišite aktivnim glasom. Glagoli radnje održavaju tok. Neka rečenice budu kratke i po mogućnosti upotrebljavajte popise umjesto odlomaka. Podnaslove planirajte većim ili podebljanim slovima kako biste privukli pogled čitatelja.

Ne zaboravite na dodavanje slike i poveznice na vašu web stranicu. Trebali ste naučiti kako raditi oboje u svojim osnovama HTML-a. Morat ćete prenijeti kopije slika na svoj web domaćin ili neko drugo mjesto na webu da bi mogle raditi u to vrijeme dolazi, zato budite organizirani dok radite i sakupljajte sve što se odnosi na vašu web stranicu u jednu mapu spremljenu na vaš tvrdi disk voziti.

Stalno pregledajte svoju web stranicu i lektorirajte svoj rad. Nekoliko pogrešaka pri upisu ili neispravnih veza mogu oštetiti vašu vjerodostojnost teme.

05

od 08

Pronađite web domaćina za svoju web stranicu

Sad kad ste svoju web stranicu napisali i spremili na tvrdi disk, vrijeme je da je stavite na web kako bi je mogli vidjeti drugi ljudi. To radite uz pomoć web domaćina, odnosno tvrtke u koju prenosite sve datoteke. Ima ih dosta, a odabir pouzdanog domaćina važan je. Možete posjetiti web stranice s pregledom web hostinga ili se obratiti nekom od poznatih pružatelja usluga, kao što su HostGator ili GoDaddy, za posao. Ne previdite Wix (WYSIWYG platforma), WordPress.com i Weebly, koji su svi dobro uhodani domaćini.

Mnogo je mogućnosti za web hosting od besplatnog (sa i bez oglašavanja) pa sve do nekoliko stotina dolara mjesečno. Što vam treba kod web hosta, ovisi o tome što vaše web mjesto treba da privuče i zadrži čitatelje. Posjetite nekoliko web lokacija za web hosting i pogledajte koliko koštaju i što nude. Neki pružatelji daju generičke lijekove URL adresu, ali ako želite personalizirati URL za svoju tvrtku ili želite koristiti svoje ime kao dio svog URL-a, morat ćete se registrirati za domenu. Možete registrirati domenu za 10 USD ili manje ili 10 000 USD ili više. Budući da je ovo vaša prva web stranica, spustite se.

Ispunite prijavu, nabavite domenu i odlučite o ostalim značajkama koje su vam potrebne te se prijavite kod web domaćina.

06

od 08

Prenesite svoju stranicu na svog domaćina

Nakon što imate davatelja usluge hostinga, morate premjestiti datoteke s lokalnog tvrdog diska na računalo za hosting. Mnoge hosting tvrtke nude mrežni alat za upravljanje datotekama pomoću kojeg možete prenijeti datoteke, ali ako to ne učine, možete koristite FTP za prijenos svoje web stranice. Postupak se razlikuje ovisno o davatelju pa slijedite upute koje ste dobili o tome gdje prenijeti datoteke. Većina pružatelja usluga hostinga objavljuju vodiče za ljude poput vas koji prenose svoje prve datoteke. Ako imate određena pitanja o tome kako prenijeti datoteke na poslužitelj tvrtke i gdje ih smjestiti, zatražite tehničku pomoć.

U nekom trenutku od web domaćina dobivate URL. To je adresa vašeg web mjesta koju možete dati svim prijateljima i rođacima kako bi se mogli diviti vašem radu, ali nemojte ga još dijeliti.

07

od 08

Testirajte svoju stranicu

Prije nego što objavite URL na društvenim mrežama ili ga podijelite, testirajte svoju web stranicu. Ne želite neugodna iznenađenja.

Mnogi početnici web programera izostavljaju fazu testiranja izrade web stranica, ali je važno. Testiranje vaših stranica osigurava da su na ispravnom URL-u i da izgledaju u redu u svim popularnim web preglednicima. Otvorite svoju web stranicu u Chromeu, Firefoxu, Safariju, Operi i drugim preglednicima koje ste vi ili vaš prijatelj instalirali na računalo. Provjerite rade li sve slike i veze. Ne želite neugodna iznenađenja.

Ako naiđete na iznenađenje, poduzmite standardne korake za rješavanje problema u web dizajnu.

Kada web stranica izgleda baš kao što ste planirali, vrijeme je da je promovirate.

08

od 08

Promovirajte svoju web stranicu

Nakon što postavite web stranicu na mrežu, obavijestite ljude o njoj. Najjednostavniji način je slanje e-pošte svojim klijentima, prijateljima i obitelji s URL-om. Dodajte URL svom potpisu e-pošte ili ga objavite na svojim web mjestima na društvenim mrežama. Ako je to za vaše poslovanje, dodajte adresu posjetnicama i ostalim tiskanim materijalima.

Ako želite da puno ljudi vidi vašu web stranicu, morate naučiti kako je promovirati u tražilicama i na drugim lokacijama, ali optimizacija za tražilice (SEO) priča je za neki drugi dan.

instagram story viewer