Ani nie tak dávno som sa túto otázku pýtala aj ja. Dnes už to však ako-tak viem a chcem s tým pomôcť aj ostatným.
Čo to vlastne je ten zdrojový kód?
Je to skupina tagov, bez ktorých by sa ti nenačítala žiadna stránka. Pri učení a pochopení zdrojových kódov odporúčam "preštudovať" zdrojáky rôznych stránok. Ako si ich pozrieš? Jednoducho. Stačí, ak otvoríš nejakú stránku (trebárs túto našu :) a pôjdeš v prehliadači hore na tú lištu a tam vyberieš Zobraziť --> a dáš Zdrojový kód (alebo niečo v tom zmysle).
Kód sa ti otvorí v poznámkovom bloku, kde sa aj dosť často edituje.
Najlepšie je meniť tento kód s nejakým editorom. Ja doporučujem FrontPage. Ak máš novšiu Microsoft sadu (Word, Excel, PowerPoint, FrontPage...) máš ho po česky, je prehľadný a oveľa viac funkcii... Samozrejme keď si ho pustíš prvý raz tak Ťa porazí :) Ale po čase si zvykneš!
Ako vyzerá zdrojový kód?
Približne takto.
<html>
<head>
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
<title>Názov stránky, ktorý sa zobrazuje úplne hore v
prehliadači</title>
</head>
<body>
Sem ide všetko čo je vidieť - telo stránky
</body>
</html>
Čo kam ide?
Head - v preklade hlavička; ohraničuje sa tagmi <head> a </head> ; medzi tieto dva tagy dáš všetko hlavné. Patrí tam napr. farba scroolbalu (posuvník), pozadie (v css), názov stránky a pod.
Body - v preklade telo; ohraničuje sa tagmi <body> a </body> ; medzi tieto dva tagy sa dáva všetko, čo je vidieť, teda text, url linky na obrázky a pod.
Ako vyzerá URL obrázku a ako to funguje?
URL nieje to isté ako Hyperlink, alebo teda Hypertext. Je v tom dosť podstatný rozdiel. Zoberme si napríklad také buttonky na spriateľovanie. Ak si chceš niekoho pridať do affilates, potrebuješ link na stránku a zároveň link na obrázok. V tomto prípade si to ľudia hodne často pletú. Ako sa ale vyznať v URL a hypertextoch? Jednoducho. Zapamätajte si, že URL je adresa na OBRÁZOK a HYPERTEXT je adresa na STRÁNKU! To znamená, že neexistuje obrázok bez URL, ale bez hypertextu alebo teda hyperlinku (to je to isté) byť obrázok môže!
Url obrázka zväčša obsahuje:
<a target="_blank"
href="http://www.waleon.wz.cz"><IMG
title="Internetové mesto Waleon" height=31"
src="http://www.waleon.wz.cz/ikonky/ikonka88.gif"
width=88 border=0></a>
*pozn. - pre väčšiu orientáciu je to farebne
<a target="_blank"> Čo to je?
Target - za týmto slovom bude v úvodzovkách presné miesto otvorenia súboru
_blank - udáva konkrétne miesto otvorenia dokumentu. Musí byť v úvodzovkách!! Môže tam byť aj iné slovo. Napr. _blank označuje otvorenie v novom okne.
Slovník otváracích pojmov
_self - súbor sa otvorí v tom istom rámci alebo iframe ako stránka.
_top - súbor sa otvorí ako celý dokument, akvšak nie v novom okne
_blank - súbor sa otvorí ako celý dokument no tentoraz v novom okne.
_parent - súbor sa otvorí v nadraďenom rámci.
<a href="http://www.waleon.wz.cz"> Čo to je?
href - za týmto slovom bude v úvodzovkách hypertextová URL adresa.
"http://www.waleon.wz.cz" - adresa, ktorá sa po kliknutí otvorí. Musí byť v úvodzovkách. Nesmiete zabudnúť na začiatok, čiže - http://
Hypertextová URL môže byť rôzna. Záleží to od toho, kam chcete daný link nasmerovať. Kľudne tam môže byť aj zoznam.sk (samozrejme s http://)
title="Internetové mesto Waleon" Čo to je?
<IMG title= - za týmto tagom nasleduje text, ktorý sa zobrazí pri najetí myšou na obrázok.
"Internetové mesto Waleon" - slovo, ktoré sa zobrazuje pri najetí myšou.
height=31 ; width=88 Čo to je?
height - výška
width - šírka
za každým nasleduje číslo (veľkosť) v pixeloch! Čiže nepokúšajte sa tam zadávať centimetre a podobne!
src="http://www.waleon.wz.cz/ikonky/ikonka88.gif" Čo to je?
Samotná, dlho obkecávaná adresa OBRÁZKA! Čiže je to konkrétne umiestnenie obrázka na webe!
src= - v úvodzovkách bude za týmto nasledovať adresa obrázka.
"http://www.waleon.wz.cz/ikonky/ikonka88.gif" - toto je konkrétne adresa môjho buttonku na spriateľovanie. Vy si tam samozrejme môžete dať svoju alebo tú s ktorou chcete spriateliť!
No neviem, či vám to pomohlo, ja niesom príliš typ na vysvetľovanie :) Ak by boli otázky, viete kde ma treba nájsť (saliney@waleon.net)
