Vaša reklama na tomto mieste za 2.4 € / mesiac

DirectoGlobal.com, reklamný systém kde neplatíte za kliknutia, ale za dobu zobrazenia

Október 19, 2008

(0) Comments

Čo je to traffic

S pojmom “traffic” sa môžte na internete stretnúť denno denne. Čo vlastne tento pojem znamená?

Preklad slova traffic z angličtiny je doprava, preprava, cestovať. V pojímaní IT je to približne rovnaké, avšak s menšími rozdielmi.

Voľne sa ním dá pomenovať prenos, prenos dát – dátový prenos. Aký prenos dát si však predstavujeme?

Zadaním adresy do prehliadača sa začína putovanie prvých paketov, prvých bajtov. Server následne odpovedá a opäť zasiela dáta, vykresľuje stránku vo Vašom prehiadači. Táto stránka má určitú veľkosť. Celkové množstvo týchto prenesených dát sa nazýva traffic. Do trafficu sas ráta množstvo prenesených dát ZO serveru aj NA server, respektíve Z Vášho PC aj DO Vášho PC.

Traffic generuje ako zobrazovanie stránok, tak prenos Z a NA FTP, dotazy na MySQL server. A by sme to chceli zhrnúť, traffic je akýkoľvek prenos dát na sieti z bodu A do bodu B.

Október 10, 2008

(0) Comments

Stránka ako puzzle – rámy

brano

, , ,

<!– /* Style Definitions */ p.MsoNormal, li.MsoNormal, div.MsoNormal {mso-style-parent:”"; margin:0cm; margin-bottom:.0001pt; mso-pagination:widow-orphan; font-size:12.0pt; font-family:”Times New Roman”; mso-fareast-font-family:”Times New Roman”;} h2 {mso-style-next:Normální; margin-top:12.0pt; margin-right:0cm; margin-bottom:3.0pt; margin-left:0cm; mso-pagination:widow-orphan; page-break-after:avoid; mso-outline-level:2; font-size:14.0pt; font-family:Arial; font-weight:bold; font-style:italic;} p {mso-margin-top-alt:auto; margin-right:0cm; mso-margin-bottom-alt:auto; margin-left:0cm; mso-pagination:widow-orphan; font-size:12.0pt; font-family:”Times New Roman”; mso-fareast-font-family:”Times New Roman”;} pre {margin:0cm; margin-bottom:.0001pt; mso-pagination:widow-orphan; tab-stops:45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt; font-size:10.0pt; font-family:”Courier New”; mso-fareast-font-family:”Times New Roman”;} @page Section1 {size:595.3pt 841.9pt; margin:70.85pt 70.85pt 70.85pt 70.85pt; mso-header-margin:35.4pt; mso-footer-margin:35.4pt; mso-paper-source:0;} div.Section1 {page:Section1;} /* List Definitions */ @list l0 {mso-list-id:1204514819; mso-list-template-ids:-722194934;} ol {margin-bottom:0cm;} ul {margin-bottom:0cm;} –>

Rámy, alebo anglicky frames sú spôsob rozloženia a štruktúry webovej stránky a jej následného zobrazovania. Princíp framov je asi taký, že konečná stránka ktorá sa zobrazí v prehliadači je poskladaná z viacerých samostatných súborov v ktorých sú zdrojové kódy pre tú konkrétnu časť stránky.

Ako to vyzerá?

Frame vzor

Ako na to

Poďme si to teda vyskúšať. V našom príklade použijeme 3 súbory:

  1. obsah ľavej časti
  2. obsah pravej časti
  3. hlavný súbor kde sú definované jednotlivé časti

Tak ako v minulom článku, aj v tomto si najprv ukážeme kód, ktorý potom rozoberieme a vysvetlíme.

<html>
<head>
  <title>Definícia rámov</title>
</head>
<frameset cols="215,*">
  <frame name="menu" src="a.html">
  <frame name="obsah" src="b.html">
</frameset>
</html>

Myslím že úvod – hlavičku opisovať nemusím, to už ovládame. Hneď za tým vidíme už prvý neznámy tag – párový, ktorým je frameset s parametrom cols.

Frameset začína definíciu rámov. Obsahuje vždy jeden parameter, ktorým je cols alebo rows (stĺpce, riadky). Zápis cols v tomto príklade znamená, že prvý rám bude mať šírku 215 pixelov. Druhý rám vedľa neho vyplní ostávajúcu časť okna. Keby bol uvedený atribút rows, rámy by sa zobrazovali vodorovne, nie vedľa seba, ale pod sebou.

Ďalší tag je frame. Ten nám už definuje konkrétny rám ktorý sa zobrazí.  Musí obsahovať dôležité atribúty – name a src. Atribút “name” definuje názov rámu. Ten budeme neskôr potrebovať pre cielenie odkazov. Atribút “src” definuje cestu k súboru, ktorý sa má zobraziť. V našom prípade a.html.

Dodám ešte že v tagu frame môžu byť vložené ďalšie rámy. Praktické využitie? Takmer žiadne. Rámy v dnešnej dobe stratili moc význam, používajú sa len zriedka, alebo na veci, kde nie je možné iné riešenie.

Rámy a odkazy

Pokiaľ máme stránku postavená na rámoch a používame na nej odkazy na iné sekcie, môžme nastaviť otváranie týchto odkazov v ktoromkoľvek frame. Práve v tejto chvíli na rad prichádzajú atribúty “name” ktoré sme definovali v nastavení rámov.

Ako bude teda vyzerať odkaz na zobrazenie stránky c.html v frame obsah? Nasledovne:

<a href="kontakt.html" target="obsah">

Záver

K problematike rámov ma viac toho nenapadá. Dajte si pozor na definíciu rámovania (border) pri Vašich hrátkach a testoch framov. Taktiež pri definovaní štýlu a podobne. K štýlom sa dostaneme neskôr.

Frame sa v dnešnej dobe ako som už písal moc nepoužívajú. Význam mali pred niekoľkými rokmi kedy bolo programovanie stránok v plienkach, nedbalo sa na štandardy, pojem SEO (+ jeho obmeny) boli neznáme.

Osobne som framy nevyužil nikdy. Preto dnes nebude ani nijaký zhrňujúci test ako posledne ;-)