Rozdiely

Tu môžete vidieť rozdiely medzi vybranou verziou a aktuálnou verziou danej stránky.

--- 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~~

Učebnica

Nástroje používateľa

Nástoje správy stránok

Rozdiely

Nástoje stránky