Kroky potrebné na zostavenie a zverejnenie webovej stránky HTML

Vytvorenie vašej prvej webovej stránky nie je to najťažšie, čo v živote urobíte, ale tiež to nie je ľahké. Vyžaduje to, aby ste sa naučili nové technológie, slovnú zásobu a softvér, ktoré ste doteraz nepotrebovali.

Musíte sa naučiť nejaké základné HTML kód, získajte webový editor, vyhľadajte službu, ktorá bude hostiteľom vašej webovej stránky, zostavte obsah svojej stránky, nahrajte webovú stránku na hostiteľa, otestujte stránku a potom ju propagujte. Fíha!

Dobrá správa je, že keď ste to všetko raz zvládli, zvládli ste krivku učenia. Môžete to robiť znova a znova a vytvárať webové stránky s rôznymi témami alebo na rôzne účely.

01

z 08

Nájdite si čas na plánovanie

Skôr ako urobíte čokoľvek, venujte nejaký čas rozhodovaniu o základných otázkach týkajúcich sa webovej stránky, ktorú sa chystáte vytvoriť. Identifikujte svoje publikum a vedzte, čo mu chcete povedať. Ak propagujete svoje podnikanie, pozrite sa na webové stránky konkurencie a rozhodnite sa, čo pre nich funguje alebo nie. Ak plánujete webovú stránku s niekoľkými prepojenými webovými stránkami a pravdepodobne to tak je, nakreslite schému ilustrujúcu vzájomný vzťah stránok.

instagram viewer

O to viac času strávite plánovaním pred sebou začnite budovať webovú stránku, tým plynulejší bude pravdepodobne skutočný proces výstavby.

02

z 08

Získajte webový editor

Na zostavenie webovej stránky potrebujete webový editor, do ktorého napíšete HTML, kód, vďaka ktorému vaša webová stránka funguje. Nemusí to byť iba luxusný softvér, za ktorý utratíte veľa peňazí, aj keď je ho veľa. Môžete použiť textový editor, ktorý sa dodáva s operačným systémom, napríklad Poznámkový blok vo Windows 10 alebo TextEdit na počítači Mac, alebo si môžete stiahnuť bezplatný alebo lacný editor z internetu. Skvelé sú okrem iných aj NotePad ++ a Komodo Edit bezplatné editory HTML pre Windows. Program Komodo Edit je k dispozícii aj pre počítače Mac. Iné bezplatné editory HTML pre počítače Mac patria Bluefish, Eclipse, SeaMonkey a ďalšie.

03

z 08

Naučte sa základné HTML

HTML je stavebným kameňom webových stránok. Aj keď môžete použiť editor WYSIWYG (to, čo vidíte, to, čo dostanete), a nikdy nemusíte poznať žiadny kód HTML, osvojenie si aspoň malého množstva kódu HTML vám pomôže pri vytváraní a údržbe vašich stránok. Keď sa trochu priblížite k vytváraniu webových stránok, budete sa chcieť dozvedieť viac o nich Kaskádové štýly (CSS) a XML, aby ste svoje nové zručnosti posunuli na vyššiu úroveň. Zatiaľ začnite na základy HTML.

Naučiť sa HTML nie je ťažké a na príkladoch HTML sa dozviete veľa. Vo väčšine prehliadačov sa môžete rozhodnúť zobraziť zdrojový kód webovej stránky, na ktorej sa nachádzate. Vyberte si k tomu jednoduchú stránku, aby ste neboli ohromení. Možno budete dokonca schopní skopírujte zdrojový kód študovať to.

Nacvičte si to tak, že do svojho textového editora napíšete jednoduchý HTML a ukážete si, ako by to vyzeralo na webe. Ak je to skomolený neporiadok, pravdepodobne ste niečo vynechali. Ak to vyzerá presne tak, ako ste to mysleli, gratulujeme.

04

z 08

Napíšte webovú stránku a uložte ju na pevný disk

Zábavná časť je zostavenie webovej stránky a napísanie obsahu. Otvorte webový editor a začnite vytvárať svoju webovú stránku. Ak je to textový editor, potrebujete vedieť nejaké HTML, ale ak je to WYSIWYG, môžete vytvoriť webovú stránku rovnako, ako by ste vytvorili dokument vo formáte Word.

Písanie pre web sa líši od ostatných typov písania. Ľudia majú tendenciu skôr prehliadať, čo vidia, ako pozorne čítať, a nebudú tam visieť za tisícslovné pojednanie. Text by mal byť krátky a relevantný pre vašu webovú stránku. Prejdite k bodu v prvom odseku a píšte aktívnym hlasom. Akčné slovesá udržujú tok v pohybe. Udržujte krátke vety a podľa možnosti používajte namiesto odsekov zoznamy. Naplánujte podkapitoly väčším alebo tučným písmom, aby ste prilákali pozornosť čitateľa.

Nezabudnite na pridanie snímky a odkazy na svoju webovú stránku. Mali by ste sa naučiť, ako robiť oboje, v základoch HTML. Kópie obrázkov budete musieť nahrať na svojho hostiteľa webu alebo na iné miesto na webe, aby v danom čase fungovali prichádza, takže buďte pri práci organizovaní a zhromažďujte všetko, čo sa týka vašej webovej stránky, do jedného priečinka uloženého na vašom pevnom disku riadiť.

Vždy zobraziť ukážku svojej webovej stránky a skontrolujte svoju prácu. Hrsť preklepov alebo nefunkčných odkazov môže poškodiť vašu dôveryhodnosť v téme.

05

z 08

Vyhľadajte webového hostiteľa pre svoju webovú stránku

Teraz, keď ste napísali svoju webovú stránku a uložili ju na pevný disk, je čas ju umiestniť na web, aby ju videli ostatní ľudia. Urobíte to pomocou webového hostiteľa, ktorý je spoločnosťou, do ktorej nahrávate všetky svoje súbory. Je ich veľa a výber spoľahlivého hostiteľa je dôležitý. Môžete navštíviť webové stránky s recenziami na webhosting alebo navštíviť niektorého zo známych poskytovateľov služieb, ako sú HostGator alebo GoDaddy. Neprehliadnite platformy Wix (platforma WYSIWYG), WordPress.com a Weebly, ktoré sú všetci dobre zavedenými hostiteľmi.

Existuje veľa možností pre webhosting od bezplatného (s reklamou aj bez nej) až po niekoľko stoviek dolárov mesačne. To, čo potrebujete v hostiteľovi webu, závisí od toho, čo váš web potrebuje na prilákanie a udržanie čitateľov. Navštívte niekoľko webhostingových webov a zistite, čo stojí a čo poskytujú. Niektorí poskytovatelia poskytujú všeobecné informácie URL adresu, ale ak chcete prispôsobiť adresu URL svojej firmy alebo chcete použiť svoje meno ako súčasť adresy URL, musíte sa zaregistrovať pre doménu. Môžete si zaregistrovať doménu za 10 dolárov alebo menej alebo 10 000 dolárov a viac. Pretože toto je vaša prvá webová stránka, choďte na nízku úroveň.

Vyplňte aplikáciu, získajte doménu a rozhodnite sa o ďalších funkciách, ktoré potrebujete, a zaregistrujte sa pomocou hostiteľa webu.

06

z 08

Nahrajte svoju stránku na svojho hostiteľa

Ak už máte poskytovateľa hostingu, musíte presunúť súbory z miestneho pevného disku do hostiteľského počítača. Mnoho hostingových spoločností poskytuje nástroj na správu súborov online, pomocou ktorého môžete svoje súbory nahrávať, ale ak nie, môžete použite FTP na nahranie svojej webovej stránky. Proces sa líši podľa poskytovateľa, takže postupujte podľa pokynov, kam dostávate súbory. Väčšina poskytovateľov hostingu zverejňuje návody pre ľudí, ako ste vy, ktorí nahrávajú svoje prvé súbory. Ak máte konkrétne otázky, ako dostať svoje súbory na server spoločnosti a kam ich umiestniť, požiadajte o technickú pomoc.

V určitom okamihu dostanete adresu URL od hostiteľa webu. Je to adresa vášho webu, ktorú môžete dať všetkým svojim priateľom a príbuzným, aby mohli obdivovať vašu prácu, ale ešte ju nerozprávajte.

07

z 08

Vyskúšajte svoju stránku

Pred zverejnením adresy URL na sociálnych sieťach alebo jej rozdaním si otestujte svoju webovú stránku. Nechcete žiadne nepríjemné prekvapenia.

Mnoho začínajúcich vývojárov webu vynecháva testovaciu fázu vytvárania webových stránok, ale je to dôležité. Testovanie vašich stránok zabezpečí, že sú na správnej adrese URL a že vyzerajú dobre vo všetkých populárnych webových prehliadačoch. Otvorte svoju webovú stránku v prehliadačoch Chrome, Firefox, Safari, Opera a ďalších prehľadávačoch, ktoré ste si nainštalovali vy alebo váš priateľ v počítači. Uistite sa, že sú zobrazené všetky obrázky a odkazy fungujú. Nechcete žiadne nepríjemné prekvapenia.

Ak vás prekvapí, urobte štandardné kroky na vyriešenie problémov v oblasti webového dizajnu.

Keď webová stránka vyzerá rovnako, ako ste plánovali, je čas ju propagovať.

08

z 08

Propagujte svoju webovú stránku

Keď budete mať svoju webovú stránku na webe, dajte o nej vedieť. Najjednoduchším spôsobom je poslať e-mailovú správu vašim klientom, priateľom a rodine pomocou adresy URL. Pridajte adresu URL k svojmu e-mailovému podpisu alebo ju uverejnite na svojich stránkach sociálnych médií. Ak je to pre vaše podnikanie, pridajte adresu na svoje vizitky a ďalšie tlačené materiály.

Ak chcete, aby si vašu webovú stránku prezeralo veľa ľudí, musíte sa naučiť, ako ju propagovať vo vyhľadávačoch a na iných miestach. Optimalizácia vyhľadávacieho modulu (SEO) je však príbehom na ďalší deň.