Tu môžete vidieť rozdiely medzi vybranou verziou a aktuálnou verziou danej stránky.
Nasledujúca revízia | Predchádzajúca revízia | ||
technicka_priprava_dokumentov_a_obrazkov [2010/01/14 10:12] Anton Garbár vytvorené |
technicka_priprava_dokumentov_a_obrazkov [2016/07/28 16:07] (aktuálne) |
||
---|---|---|---|
Riadok 1: | Riadok 1: | ||
+ | ====== Ako na web ====== | ||
+ | |||
+ | * Tvorba stránok nie je náročná, pokiaľ vám stačí jednoduchý web, nie je to však otázka jedného týždňa. | ||
+ | * Treba si osvojiť základné pojmy, naučiť sa HTML tagy, mať prístup k internetu. Prístup k internetu však nemusíte mať nevyhnutne. Stránka sa dá vytvoriť aj bez prístupu, ale na to aby sa dala prezerať cez internet, treba internet. | ||
+ | * Najrozšírenejšia sieť cez ktorú sa preberajú a vyhľadávajú informácie je WWW (world wide web). | ||
+ | * Súbory sa dajú preberať z internetu pomocou anonymných FTP archívov, alebo pomocou služby FTP. | ||
+ | * Pri otvorení vašej stránky musí vidieť návštevník presný popis stránky a to čo na nej môže nájsť. Internetová stránka je naprogramovaná pomocou viacerých jazykov (html, css, php). Základným je jazyk HTML (hypertext markup language). Ten sa skladá z tagov. Sú to príkazy, pomocou ktorých sa dajú formátovať, upravovať texty, obrázky a iné veci na stránke. | ||
+ | * Internetová stránka sa dá vytvoriť pomocou poznámkového bloku (notepad) vo win. (Do notepadu sa zapíše kód stránky a uloží s koncovkou .html) | ||
+ | * Na programovanie stránok existuje viacero špecializovaných programov- editorov (napr. Front Page, Macromedia Dreamweaver MX) Easy Pad si môžete zadarmo stiahnuť z internetovej stránky . Je to jednoduchý a praktický český HTML editor. GOLDEN HTML editor je ďalší český freeware na tvorbu HTML stránok. Stiahnuť si ho môžte na stránke :http://www.oknet.cz/lide/pavelp/ghe/ | ||
+ | * Jednoduchá stránka sa dá vytvoriť pomocou poznámkového bloku (notepad). Otvorte si notepad a skopírujte do neho nasledujúci príklad zdrojového kódu stránky. Uložte súbor pod názvom index.html. Príklad: | ||
+ | |||
+ | <code html> | ||
+ | <html> | ||
+ | <head> | ||
+ | <title>Prvá stránka</title> | ||
+ | </head> | ||
+ | <body> | ||
+ | obsah zobrazovaný na stránke | ||
+ | </body> | ||
+ | </html> | ||
+ | </code> | ||
+ | |||
+ | * Každá stránka musí obsahovať tagy | ||
+ | <html> a </html> ktoré označujú, že sa jedná o dokument vo formáte html. | ||
+ | Medzi tieto dva tagy sa budú vpisovať všetky ostatné prvky na stránke. | ||
+ | Do vnútra medzi tagy <html> a </html> patrí hlavička <head></head> do ktorej sa píše tag <title></title>. Tag title označuje názov stránky, ktorý sa zobrazí na hornej lište prehladávača. | ||
+ | Za hlavičkou sa nachádza tag <body></body>, ktorý označuje telo dokumentu, ktorý sa zobrazí. To znamená, že všetko čo je napísané do tagu body, je zobrazené na stránke. | ||
+ | |||
+ | ===== Poznámky ===== | ||
+ | |||
+ | <body> - Označuje tzv. "telo" dokumentu= obsah stránky. Do neho sa zapisujú jednotlivé príkazy, ktoré sa zobrazujú na stránke. | ||
+ | <html> - Základný príkaz, ktorý obsahuje každá stránka. Je párový, čize na konci stránky musí byť tag </html> (znak / nám označuje koniec príkazu, zapisuje sa pred text tagu) | ||
+ | <title> - nám určuje, ako sa stránka bude volať= text ktorý sa zobrazí na hornej lište prehliadača. | ||
+ | |||
+ | Všetky tieto tagy su párové. Znamená to, že prvý tag znamená začiatok príkazu a tag s / na konci označuje koniec príkazu. | ||
+ | |||
+ | * Postupom času sa pri tvorbe webových stránok budete musieť okrem vytvorenia zdrojového kódu stránky zaoberať viac obsahom. Musíte si dávať pozor, aby všetko, čo je na vašej stránke fungovalo a bolo dobre použiteľné. | ||
+ | * Treba si skontrolovať pravopis (nový zákon), správnosť odkazov. Samozrejme treba overiť, či sa so stránkou dá dobre pracovať a je prehľadná. | ||
+ | * Dôležité je kontrolovanie aktuálnosti informácií na stránkach. | ||
+ | * Snažte sa pri písaní textov pre web neurážať žiadnych ľudí. | ||
+ | * Po úspešnom vyskúšaní štruktúry môžme začať pridávať do stránky text (obsah). | ||
+ | * Do tela dokumentu (<body>) zapíšeme ľubovolný text. | ||
+ | |||
+ | <code html> | ||
+ | <html> | ||
+ | <head> | ||
+ | <title>Názov stránky</title> | ||
+ | </head> | ||
+ | <body> | ||
+ | ľubovolný text ktorý sa zobrazí na stránke | ||
+ | </body> | ||
+ | </html> | ||
+ | </code> | ||
+ | |||
+ | * Ak sa vám zobrazila stránka s vašim textom, začnite sa učit nasledujúce tagy: | ||
+ | * Tag <b>hrubé (<i> kurzíva, <u> podčiarknutie) <html> <head> <title>Názov stránky</title> </head> <body> tenký text<b>hrubý text</b> </body> </html> | ||
+ | * Farba, veľkosť, a druh písma. Na nastavenie farby písma, veľkosti a typu písma sa používa tag <font>.color= farba (red, gree, blue, yellow, white, black)face= druh písma (arial, georgia, verdana), size= veľkosť písma (od 1 až po 7) Atributy k tagu font za zadávajú vždy so znakom = (rovná sa) a za ním sa používajú úvodzovky hore, medzi ktoré sa píše samotná hodnota (farba, veľkosť). <html> <head> <title>Názov stránky</title> </head> <body> <font color="red" face="arial" size="5">ľubovolný text</font> </body> </html> | ||
+ | * Farba pozadia stránky. K tagu <body> pripíšete bgcolor=farba <body bgcolor="red"> </body>. Po pridaní bgcolor="red", sa farba pozadia zmení na červenú. (red=červená angl.). | ||
+ | Takýmto spôsobom sa dá zmeniť farba stránky. | ||
+ | * Nadpisy. Na internetových stránkach sa často používajú rôzne grafiky na zdôraznenie nejakého textu. Na takýto účel sa používajú NADPISY. Nadpisy sa označujú od h1 až po h6. | ||
+ | |||
+ | <code html> | ||
+ | <h1>Nadpis úrovne H1</h1> | ||
+ | <h2>Nadpis úrovne H2</h2> | ||
+ | <h3>Nadpis úrovne H3</h3> | ||
+ | <h4>Nadpis úrovne H4</h4> | ||
+ | <h5>Nadpis úrovne H5</h5> | ||
+ | <h6>Nadpis úrovne H6</h6> | ||
+ | </code> | ||
+ | |||
+ | Nadpisy sú najpoužívanejšie prostriedky na zvýrazňovanie textu na stránkach. | ||
+ | * Oddelovače. Na oddelovanie častí textu na stránke sa využíva tag <hr>.Je to horizontálna čiara (horizontal line). Ide o nepárový tag, ktorý sa dá formátovať: width (šírka), size (hrúbka), align (zarovnanie), color (farba) | ||
+ | |||
+ | <code html> | ||
+ | <hr width="50" size="40" align="center" color="red"> | ||
+ | </code> | ||
+ | |||
+ | Na oddelovanie (prechod do ďalšieho riadku) sa používa tag <br>. Je to nepárový tag. | ||
+ | <p>text píšem a zrazu chcem ísť do druhého riadku <br>a už som tam</p> | ||
+ | * Zarovnanie textu. Text v jazyku HTML sa zarovnáva pomocou príkazu align. Ak chcete zarovnať text riadku do stredu, pripíste k <p> atribut align. <html> <head> <title>Názov stránky</title> </head> <body> <p align="center">text bude v strede</p> </body> </html> | ||
+ | Hodnoty align : center(stred), left(doľava),right (doprava); | ||
+ | Podobne ako pri <p> sa dá upraviť zarovnanie aj v nadpisoch. | ||
+ | * Odkazy. Odkaz (hyperlink) sa používa na prechod z jednej stránky na druhú. <a href=http://www.akonaweb.borec.cz> odkaz na akonaweb</a> | ||
+ | Ak si vytvoríte prvú stránku (index.html) a chcete aby po kliknutí na určitý text sa objavila vaša druhá stránka, uložte túto druhu stránku do jednej zložky v systéme a uložte ju vo formáte .html. Emailová adresa. Dosť často sa na stránkach objavuje emailová adresa, ktorá je na stránke ako odkaz. Jedná sa o špeciálny tag, ktorým sa automaticky otvorí emailový klient s novou spávou, kde bude predvolená adresa, ktorú do tagu udáte. | ||
+ | |||
+ | |||
+ | ~~DISQUS~~ | ||