Tvorba internetových stránok

  • Navrhneme a vytvoríme

     

    Vám internetovú stránku podľa Vašich predstáv. Tvorba web stránky zahŕňa konzultácie so zákazníkom pre úplné vyhovenie jeho požiadavkám.

  • Vyhotovíme

     

    originálny grafický webdizajn a naprogramujeme Vašu web stránku tak, aby dokonale spĺňala Vaše požiadavky.

CMS WebCreators - manuál

 

 

Postup pri editácii internetovej stránky :

  1. Klikneme na odkaz Vstup do administrácie  Admin (nachádza sa úplne dole, pri spodnom menu)
  2. Zadáme užívateľské meno a heslo

  3. Klikneme na zobrazenú ikonku CMS - Content Management System (systém pre riadenie obsahu www stránok)

  4. V stromovej štruktúre nájdeme stránku, ktorú chcete editovať
  5. Klikneme na zobrazenú ikonku Sekcia - Ikonka slúži na editáciu danej stránky - zobrazí sa nám okno s kontextovým menu, ktoré je na obrázok č.1. Ihneď po kliknutí sa nám zobrazia základné informácie a nastavenia stránky. Tu môžeme zmeniť napr. Meno stránky, alebo nastaviť viditeľnosť či prístupové práva.
    obr č.1
    		Uložiť Editovať text Foto galéria Zrušiť
  6. Klikneme na záložku Editovať text - tu sa nám zobrazí HTML editor, v ktorom môžeme meniť informácie na stránke jednoduchým spôsobom ako v aplikácii Microsoft Office - Word
  7. Po editácii nezabudneme uložiť zmeny ikonou Uložiť

Pri tvorbe stránky je najlepšie písať text a vkladať obrázky priamo v editore, nekopírovať ich z cudzích aplikácií. Ak je to však nevyhnutné postupujeme podľa inštrukcií. Vkladanie do editoru dokument Microsoft Office - Word - Excel - PDF ...


 

Funkcie Editoru:

Zarovnanie textu a jeho zvýraznenie.

Používame klasické prostriedky na zarovnávanie a zvýrazňovanie textu ako v MS Word. - Text

Pri práci s textom sa neodporúča používať rôznofarebné písmo, používame zvýraznovanie pomocou nadpisov, tučné, podčiarknuté či šikmý text.

Nadpisy:


Nadpisy vkladáme jednoduchým spôsobom. Označíme nadpis. Klikneme na rolovacie menu v editore (obrázok č.2) a vyberieme daný nadpis.


Obrázok č.2 Nadpis
Používame nasledovné nadpisy:

 

Nadpis1 - používa sa pri veľkých nadpisoch,

V našej aplikácii CMS WebCreators za nadpis 1 vytvára automaticky, ako názov stránky. Nadpis 1 by mal byť v článku použitý iba raz.

Nadpis 2 - používa sa pri podnadpisoch

Nadpis 3 - podľa situácie

Nadpis 4 - Používa sa na mená

Nadpis 5 - podľa situácie

 

Typ písma:


Používame písmo Typ písma a veľkosť písma Veľkosť písma. Je to vopred nastavený typ písma, ktorý je použitý na celej stránke. Pre rozlišovanie častí dokumentu používame rôzne typy nadpisov alebo zvýraznenia.

Vkladanie do editoru dokument Microsoft Office - Word, excel, pdf .. :

  1. Vyberieme časť textu z dokumentu Microsoft Office - Word, excel, pdf a stlačíme klávesy CTRL+C
  2. Klikneme na ikonku v editore Neformátovaný textvložiť neformátovaný text . Zobrazí sa nám okno s textovým poľom. Do neho pomocou kláves CTRL+V vložíme vybraný text.
  3. Klikneme na tlačídlo VLOŽIŤ.
  4. Upravíme daný text podľa našich predstáv.

Vloženie prílohy do stránky:

  1. Danú prílohu skopírujeme na server - Klikneme na položku v ľavom menu Dáta pre web a pomocou Preniesť súbor prekopírujeme danú prílohu na server. Je dobré vkladať dokumenty medzi dokumenty a obrazky medzi obrázky.
  2. Preklikneme na na položku v ľavom menu Štruktúra webu, vyberieme stránku do ktorej chceme vložiť prílohu, klikneme na jej editáciu ( Postup pri editácii internetovej stránky) a označíme text v editore. Tento text sa stane linkou pre danú prílohu. (t.j. po kliknutí užívateľom stránky na daný text sa zobrazí okno s ponukou na stiahnutie, alebo prezretie si prílohy v príslušnom programe. napr. v Microsoft Office - Word )
  3. Klineme na ikonu v editore Vložiť/editovať odkaz Link. Otvorí sa nám nové okno, kde po kliknutím na ikonku prechádzať  Prechádzať sa dostávame do adresárovej štruktúry na servery t.j Dát pre web . Tam nájdeme danú prílohu, ktorú sme v bode č.1 skopírovali a kliknutím na ňu vložíme virtuálnu adresu prílohy do textového poľa. Potom stačí stlačiť tlačidlo Vložiť a príloha je vložená.
  4. Ak chceme linku na danú prílohu odstrániť označíme ju a klikneme na ikonu Unlink unlink
  5. Ak chceme linku na danú prílohu zmeniť za inú prílohu, postupujeme presne tak ako pri vkladaní prílohy, len vyberieme inú prílohu v adresárovej štruktúre Dát pre web.


Príklad č.1
Príloha MS word - po kliknutí na danú linku sa zobrazí daná príloha.

Vloženie obrázku do stránky:

  1. Daný obrázok skopírujeme na server - Klikneme na položku v ľavom menu Dáta pre web a pomocou tlačidla Preniesť súbor prekopírujeme obrázok na server. Je dobré vkladať dokumenty medzi dokumenty a obrázky medzi obrázky.
  2. Preklikneme na na položku v ľavom menu Štruktúra webu, vyberieme stránku do ktorej chceme vložiť obrázok a klikneme na jej editáciu ( Postup pri editácii internetovej stránky). Ďalej už v editore klikneme na miesto, kde chceme vložiť obrázok.
  3. Klikneme na ikonu v editore Insert/edit Image obrazok Otvorí sa nám nové okno, kde po kliknutím na ikonku prechádzať Prechádzať sa dostávame do adresárovej štruktúry na servery t.j Dát pre web . Tam nájdeme obrázok, ktorý sme v bode č.1 skopírovali a kliknutím na danú veľkosť obrázka  ( 40px , 70px, 120px ... )  vložíme virtuálnu adresu obrázku do textového poľa. Potom stačí stlačiť tlačidlo Vložiť a obrázok je vložený.
  4. Odporúča sa okolo obrázku nechať vertikálnu a horizontálnu medzeru - tieto úpravi nájdete  pri vkladaní obrázku  v záložke vzhľad.  
  5. Ak chcete mať text v strede obrázku, ako je to v príklade č.2, v záložke vzhľad vyberte usporiadanie uprostred
  6. Ak chceme obrázok zmazať, klikneme naň a stlačíme klávesu delete.


Príklad č.2
kvety  - Vloženie obrázku do stránky

Vloženie fotogalérie do internetovej stránky

  1. Dané obrázky skopírujeme na server - Klikneme na položku v ľavom menu Dáta pre web a pomocou tlačidla Preniesť súbor prekopírujeme obrázky na server. Je dobré vkladať dokumenty medzi dokumenty a obrázky medzi obrázky. 
  2. POZOR! Obrázky pre fotogalériu musia byť vo formáte JPG.
  3. V stromovej štruktúre nájdeme stránku, do ktorej chceme vložiť foto galériu.
  4. Klikneme na zobrazenú ikonku Sekcia - Ikonka slúži na editáciu danej stránky - zobrazí sa nám okno s kontextovým menu, ktoré je na obrázok č.1.
    obr č.1
    		Uložiť Editovať text Foto galéria Zrušiť
  5. Klikneme na ikonku Foto galéria - tu sa nám zobrazí nové kontextové menu
  6. Klikneme na ikonku Pridať fotografie a dostaneme sa do adresárovej štruktúry na servery t.j. Dát pre web . Tam nájdeme obrázok, ktorý sme v bode č.1 skopírovali a označíme ho. Ikonou Vložiť vybrané fotky ho následne vložíme do stránky.
  7. Zmazanie obrázkov z fotogalérie. Označíme daný obrázok a klikneme na ikonu Odstrániť fotografie

HTML manuál >>

Fotogaléria