Vase prispevky

Vytlač príspevok
Odporuč príspevok
Bookmark and Share PRIDAŤ NA VYBRALI.SME.SK

Tvorba www stranok

Danielin prvy clanok pre nas ... drsne... dobre.... fakt ... REDAKCIA ODPORUCA .
 

Tvorba www stránok


Keď sa rozhodnete vytvoriť si stránku a už presne viete aká má byť, akému typu ľudí je určená, prichádzajú na rad parametre. Musíte sa rozhodnúť, akému typu používateľov stránku prispôsobíte. Či profesionálom, normálnym používateľom, alebo úplným zaostalcom oblasti techniky z čiernobielym monitorom. Pre normálny typ používateľov je vhodné rozlíšenie 1024 x 728, alebo 1152 x 864. No a teraz už k programovaniu. Povedzme, že sa rozhodujete medzi klikacím editorom a ručným písaním zdrojových kódov. Ja sa vám tu pokúsim načtrnúť aspoň úpné základy zdrojového kódu.

Na začiatok rozlišujeme viac základných programovacích jazykov na tvorbu www:

HTML (Hypertext Make Up Link) – programujú sa ním jednoduché stránky, dobré na začiatok

CSS (Cascading Style Sheets - kaskádové štýly)-zaoberá sa zväčša dizajnom, pričom platí, že posledný udaný príkaz je rozhodujúci

Java Script - dajú sa ním programovať jednoduché aplikácie, ktoré sú vykonávané rovno na stránke

Ak sa rozhodnete naučiť programovať a začnete sa učiť na spämať príkazy, musíte si uvedomiť, že je to jazyk. Možnože nie taký zložitý ako nemčina či angličtina, ale stále je to jazyk. Mimochodom, stačí jeden preklep a počítač nebude reagovať.


Každý príkaz pri programovaní sa nazýva tag a spoznáte ho tak, že sa píše do špicatých zátvoriek<>, ktoré sa na rozdiel od ostatných kláves píšu stlačením príslušnej klávesy s obrázkom a ALTom ako väčšina programátorských kláves. Každý príkaz je do nich uzavretý. Rozlišujeme tagy párové a nepárové. Ktoré sú ktoré sa musíte len naučiť. Ak sa jedná o párový tag, píše sa to takto:

<body>

Tu budú príkazy.

</body>


Normálna čistá strana bude vyzerať asi takto:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

</head>

<body>

</body>

</html>


Doctype (Document Type Definition – definícia dokumentu). Uvádza sa tu v akej verzii jazyku je dokument písaný.

Tagy hltml označujú, že dokument je písaný v jazyku HTML. Je to tag párový.

Tag head alebo hlavička. Píšu sa tu údaje ako titulok stránky alebo kľúčové slová do vyhľadávača. Neovplyvňujú dizajn stránky, ale pomáhajú prehliadaču lepšie sa v stránke orientovať a definujú obsah stránky.

Body alebo telo. Sem sa píše všetko čo sa týka obsahu stránky.


Viac sa o programovaní môžete dozvedieť na stránkach:


www.jakpsatweb.cz

www.polopate.jakpsatweb.cz

www.jaknaweb.cz


Andromeda


Dsniela | stály odkaz

Komentáre

  1. ZDRAVÍM
    pozastavila by som sa nad rozlíšenám monitoru - uvedomuješ si, že existujú ľudia, ktorí pozerajú stránky pod rozlíšením 800x600 ? Nie je to veľmi príjemné, keď si vždy musíš posúvať dolnú lištu...
    a propo, nerozmýšľala si rovno nad výučbou XHTML, aby bola stránka validná?
    pekný deň prajem :-)
    publikované: 28.05.2007 12:33:43 | autor: lana (e-mail, web, autorizovaný)
  2. Tiež by som mal pár pripomienok...
    Ja moje stránky optimalizujem stále pre 800x600 - aj keď je to vymierajúce rozlíšenie (menej ako 10% návštevníkov), ale stránky nerobím pre začiatočníkov, pokročilých... robím ich pre všetkých ;)
    A pri tej optimalizácii je dôležité spomenúť viac faktorov (že ak napríklad robíme stránku na rozlíšenie 1024x768, nemôže byť šírka nastavená na 1024pixelov a pod.).
    Dôležité je pri tvorbe stránok používať vhodné farby - čo sa ti nepodarilo moc pri tých farebných kombináciách (to HTML je takmer nečitateľné - a znamená to hypertext MARKUP LANGUAGE).
    To by bolo teraz asi všetko.
    publikované: 28.05.2007 12:57:54 | autor: shaggy (e-mail, web, autorizovaný)
  3. EŠTE BY bolo dobré spomenúť
    že každý prehliadač zobrazuje stránku inak, mňa skoro porazilo keď som to zistila :-)
    a hlavne ich vystríhaj pred zákutiami Internet Exploreru :-D
    publikované: 28.05.2007 14:02:25 | autor: lana (e-mail, web, autorizovaný)
Pozor, na konci je potreba spočítať neľahkú matematickú úlohu! Inak komentár nevložíme. Pre tých lenivejších je tam tlačidlo kúzlo.



Prevádzkované na CMS TeaGuru spoločnosti Singularity, s.r.o., © 2004-2014