Ako vytvoriť webovú stránku pomocou programu na úpravu webu?

Zoznámte sa trochu s HTML a webovým dizajnom vo všeobecnosti. Navštívte stránku http://lissaexplains.com. Je to skvelá webová stránka pre začiatočníkov a zábavný a ľahký spôsob, ako sa naučiť HTML!

Zvážte, pre koho je váš web určený. Položte si nasledujúce otázky:

• Aké farby a/alebo grafika budú vyhovovať vášmu publiku?
• Baví vás alebo sa pokúšate podnikať?
• Mala by byť webová stránka vytvorená z dôvodu jednoduchosti použitia alebo dizajnu?

Otvorte program na úpravu grafiky (tento príklad používa aplikáciu paint shop pro, ale existuje aj gimphoto). Najprv si urobíme grafiku (alebo ak už svoju vlastnú máte, preskočte na ďalší krok).

• Jednoduché tlačidlo vytvoríte tak, že v ponuke súborov vyberiete položku Nový. Keď sa zobrazí dialógové okno, vyberte v ponuke Predvoľby mikro tlačidlo 88 x 31 alebo zadajte svoje vlastné rozmery. Zaplňte svoje tlačidlo požadovanou farbou a pridajte požadovaný text. Potom kliknite na ponuku Efekty, vyberte položku 3D efekty a potom Buttonize. S premennými sa môžete popasovať, ak chcete, ale akonáhle budete hotoví, kliknite na tlačidlo OK a viola. Tu je tvoje tlačidlo!
• Ak chcete vytvoriť zodpovedajúci predel, miešajte sa s rozmermi obrázka, kým nedosiahnete požadovanú veľkosť a dĺžku, a urobte to isté!
• Ak potrebujete pozadie, vyhľadajte na internete obrázky bez licenčných poplatkov, ktorých je k dispozícii veľa.

Otvorte webový editor (v tomto prípade používame titulnú stránku, ale existuje aj skladateľ a skladateľ morských opíc). Váš web má pravdepodobne viac ako jednu stránku, urobme preto stránku rámcov ako váš index.

• V ponuke Súbor vyberte položku Nový. Ak sa dialógové okno Šablóny neotvorí, začiarknite vpravo a vyberte položku Ďalšie šablóny stránok.
• Kliknite na kartu Stránky rámcov a nájdite tú, ktorá vyhovuje vám a vášmu webu. V tomto prípade použijeme banner a obsah.
• Ak chcete upraviť veľkosti rámčeka, ťahajte v blízkosti okrajov, kde sa objaví malá šípka, kým sa nedosiahne požadovaná veľkosť. Ak chcete v prehliadači ponechať veľkosť rámcov tak, aby bolo možné ich meniť, nechajte ich na pokoji. V opačnom prípade kliknite pravým tlačidlom myši na stránku a vyberte položku Vlastnosti rámu. V spodnej časti zrušte začiarknutie políčka, kde je uvedené, že je možné zmeniť veľkosť, prehliadač a predbežne.
• Ak chcete nastaviť pozadie na novovytvorených stránkach, kliknite pravým tlačidlom myši kdekoľvek na bielom a vyberte položku Vlastnosti stránky. Kliknite na kartu Formátovanie a vyberte požadovanú farbu alebo obrázok, ktorý chcete použiť. Lišta s ponukami (alebo odkazy na tlačidlá) sú vo všeobecnosti nehybné na jednej alebo viacerých stránkach rámcov, pričom stredná stránka zobrazuje prepojené stránky.
• Ak chcete pridať tlačidlá, vyberte stránku s ponukou, vyberte položku Vložiť, Obrázok, Zo súboru a stiahnite si ju z počítača. S prepojením si hneď nerobte starosti, k tomu sa dostaneme neskôr.
• Ak sa chcete zbaviť posuvníka, kliknite pravým tlačidlom myši na stránku a vyberte položku Vlastnosti rámu. V spodnej časti stránky nájdete položku Možnosti. Vyberte si z možností Nikdy, V prípade potreby a Vždy.
• Pridajte obsah svojej domovskej stránky. Ak existujú dôležité informácie, môžete zvážiť pridanie odkazu späť na svoju domovskú stránku.
• Pomenujte svoje rámcové stránky. Pravým tlačidlom myši kliknite kdekoľvek na každú stránku a vyberte položku Vlastnosti rámu. Vpravo hore je meno; pomenujte ich ľubovoľne (napr. domov, ponuka, banner, atď.) Všetko uložte a uistite sa, že pomenujete svoj index množiny rámcov (index je stránka, na ktorú sa váš prehliadač automaticky otvorí pri otváraní webovej stránky).

Spustite jednu zo svojich „prepojených stránok“. Prepojené stránky sú stránky, na ktoré budú smerovať vaše tlačidlá. Vyberte položku Nový a ponechajte prázdnu stránku; toto prejde na stránku, ktorú v sade rámcov nastavíte ako svoju domovskú stránku. Pridajte svoj obsah a uložte.

Vráťte sa do sady rámcov. Ak chcete prepojiť tlačidlo so svojou stránkou, kliknite naň pravým tlačidlom myši a vyberte položku Hypertextový odkaz. Nájdite stránku, ktorú ste vytvorili pre toto tlačidlo, zvýraznite ju a na pravej strane vyberte Cieľový rámec... Odtiaľ zvýraznite rámček, v ktorom sa má vaša stránka zobrazovať, a kliknite na tlačidlo ok. Vyskúšajte svoj odkaz; kliknite pravým tlačidlom myši na svoje tlačidlo a zvoľte možnosť Sledovať hypertextový odkaz... ak ste to urobili správne, prepojená stránka sa zobrazí tam, kde bola predtým vaša domovská stránka! FrontPage môže byť niekedy bláznivý, takže ak to nefunguje, skúste namiesto toho prepojiť s nadradeným rámcom.

Vytvorte zvyšok svojich stránok a prepojte ich rovnakým spôsobom! Ak chcete, aby sa odkazy otvárali v novom okne, urobte to isté, iba namiesto výberu domáceho rámčeka vyberte položku Nové okno.