Najrýchlejší úvod do vytvárania web stránok

napísal , 3 Oct 2010

Tento návod som sa rozhodol napísať, keďže už dosť ľudí po mne chcelo, nech im vysvetlím ako sa dajú tvoriť vlastné web stránky, ako to všetko okolo nich funguje a kde sa to naučiť. Samozrejme, že si môžu nakúpiť knihy, ale tie bývajú spravidla tak rozťahané, že ich veľa ľudí ani nedočíta. Plus zaťažujú množstvom detailov, ktoré na začiatku iba mýlia a zdržujú.

Preto píšem tento návod čo najstručnejšie, aby slúžil ako alternatíva k prehnane ukecaným knihám a aby ste namiesto zbytočného čítania mohli radšej kódiť. :p

Najskôr zbežný prehľad o tom, čo všetko sa deje, keď si v prehliadači otvoríte nejakú stránku. To aby ste vedeli kde sa vlastne používajú všetky tie technológie ako je HTML, CSS, PHP, SQL, JavaScript, jQuery, AJAX a iné.

1) Zadáte URL adresu - to je celý ten text, čo vidíte hore v address bare prehliadača.

2) Na základe názvu stránky (t.j. domény) sa zistí IP adresa servera, na ktorom sa nachádza hľadaná stránka. (Na toto slúži DNS server, ktorého adresu poznáme)

jQuery externe a lokálne

napísal , 22 Sep 2010

Ťahať jQuery z nejakého toho externého CDN je fajn. Máte po ruke najnovšiu verziu a je dosť možné, že návštevník vašej stránky už bol na inej CDN pozitívnej stránke a má ho teda v cache. Niekedy ale treba mať knižnicu po ruke lokálne - nie všade, kde chcete pracovať, sú internety. A čo ak padne externý server? Oh noo...

<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script>
  !window.jQuery && document.write('<script src="js/jquery.js"><\/script>')
</script>

Ak sa nepodarí načítať z CDN, pridá sa lokálne. Na otestovanie je namiesto obyčajnej if() podmienky použitá zaujímavá finta. Pri && operátore platí, že druhá časť sa vykoná len v prípade, že prvá bola vyhodnotená ako true. Takže iba ak jQuery neexistuje (!window.jQuery) vykonáme document.write(...). Happy times :)

Trik je odkukaný z projektu HTML5 ★ Boilerplate.

Poznáte <base> tag?

napísal , 19 Sep 2010

HTML tag, patrí do <head> a akceptuje atribút href="[url]".

[url] je absolútna adresa, ktorá sa stane štartovacím bodom, pre všetky linky na stránke. Všetky relatívne odkazy na stránke sa stanú relatívnymi voči base url. Takže:

<head>
  <base href="http://win.brm.sk/">
</head>
<body>
  <a href="facepalm.jpg">chjaj</a>
</body> 

Odkaz bude smerovať na http://win.brm.sk/facepalm.jpg, bez ohľadu na to, kde sa nachádzame.

Ak nepoužívate strict doctype, môžete použiť aj atribút target. <base target="_blank"> teda spôsobí, že všetky odkazy sa budú otvárať v novom tabe/okne. Osobne nemám rád, keď stránka za mňa rozhoduje akým spôsobom otvorí link, ale niekedy to od vás môžu ľudia vyžadovať.

123