Prezentácia na webe

Spôsoby prezentácie svojej práce na webe: 

  • Umiestnenie elektronických materiálov (prezentácia, video…) na e-uložiskách
  • Formou reklamného banneru
  • Formou vlastnej web stránky – aj s registráciou v rámci vyhľdávačov
  • Formou nevyžiadanej pošty, chat serveroch (Spam!)-
  • Formou registrovania sa do katalógových zoznamoch
  • Virtuálne 3D prehliadky…

Ako funguje web:

Princípy webu – klient/server:

  • Zadanie adresy alebo aktivácie odkazu vyvolá požiadavku na stránku určenú URL adesou
  • Server načíta z disku súbor s HTML stránkou a odošle ju späť prehliadaču
  • Komunikácia prebieha pomocou protokolu HTTP
  • Uživateľ->Požiadavka(URL)->Server->  Odpoveď (HTML)->Uživateľ

Základné pojmy

  • Internet, intranet, tcp/ip, www, html, http, https, ftp, dhtml, prehliadač, doména, hosting, dns, url, ip, adresa, isp, web, stránka www, domovská stránka, domovský adresár, dynamická stránka, obrazová mapa, hypertext, www server
  • ISP (Internet Service Provider) – spoločnosť, ktorá je schopná poskytovať iným osobám, firmám prístup a rôzne služby internetu
  • Internet-
  • 1. Viac počítačových sieti navzájom prepojených a schopných vzájomnej komunikácie
  • 2. Celosvetová informačná a komunikačná sieť postavená na protokole TCP/IP. Vychádza z celej rady sietí, ktoré sú navzájom prepojené
  • Surfovanie – Voľné „cestovanie“ po celosvetovej sieti Internet postupným preskakovaním z jednej adresy na druhú
  • WWW (World Wide Web): pracuje na princípe klient/server. Na nájdenie www stránky potrebuje prehliadač poznať jej adresu nazývanú URL, jednotné označenie zdroja. URL má tento všeobecný formát protokol://server-name(:port)/path)
  • Www stránky môžu byť:–Statické– sú vytvorené a uložené na www serveroch, ktoré ich na základe požiadavky rozosielajú.–Dynamické- vytváranie až na základe komunikácie s užívateľom ktorý môže konkretizovať svoje požiadavky na ich obsahovú štruktúru
  • URL: (uniform resource locator) je špeciálny druh adresy používaný na internete. Poskytuje tri základné informácie –Informáciu o tom, akým spôsobom sa má k vybranému objektu pristupovať,  ktorým konkrétnym protokolom má byť prenesený http, gopher, telnet, ftp–Informáciu o uzlovom počítači internetu, na ktorom sa uvedený objekt  nachádza

    –Údaj o konkrétnom súbore ktorý tento objekt     predstavuje

  • HTML: (hyper text markup language) je jazyk, ktorým sú písané WWW stránky, ktoré umožňujú vzájomné previazanie spojenie (link) jednotlivých stránok dokumentov (page) pomocou odkazov. Najznámejšími prehliadačmi sú–Microsoft Explorer–Netscape navigator – browser

    –Mozilla Firefox

    –Opera

  • HTTP: (HyperText Transfer protocol) – ide o prenosový protokol, ktorý sa využíva na prenos dát na internete v architektúre klient – server. Prenášajú sa ním najmä stránky o ktoré cez prehliadač požiada klient.
  • IP adresa – každý počítač v sieti (aj Internet) ma pridelenú numerickú adresu zaberajúcu 32 bitov tvaru xx.yyy.zzz.www (0..255)
  • Celá IP adresa sa delí na dve časti. Prvá ľavá je identifikátorom siete – netID , druhá identifikátorom počítača – hostID
  • Tieto čísla ale bežnému používateľovi nič nepovedia, preto sa menia pomocou DNS na domény: adresa ma v tom prípade tvar www.uzol.domena
  • TCP/IP: (Transmission Control Protocol / Internet Protocol)
  • Je to protokol, ktorý sa používa pre komunikáciu v Internete a vyznačuje najmä tým, že:
  • Údaje sa po sieti prenášajú v malých častiach – paketoch. Vysielací počítač najprv rozdelí prenášané údaje na pakety, ktoré sa prenesú po sieti a prijímací počítač poskladá jednotlivé pakety do pôvodného celku. To sa realizuje časťou protokolu TCP.

Možné technológie tvorby:

  • CMS-systém, slúžiaci na tvorbu a správu prezentácii na internete aplikácie: Joomla, Powerpres, Drupal…

     

  • WYSIWYGEditor na tvorbu web stránok, bez znalosti kódu „čo vidíš, to dostaneš“

    Aplikácie: Web Builder, Adobe Dreamweaver, Microsoft Expression Web…

     

  • Priamy zápis kóduHTML, XHTML, CSS, PHP, ASP(.Net), JavaScript, Flash, Ajax, SILVERLIGHT, MySQL

    Aplikácie: Golden HTML Editor, notepad…..

Rozvrhnutie stránky:

  • Prirodzene rozvrhnutie stránky
  • Rámcové rozvrhnutie obsahu stránky
  • Tabuľkové rozvrhnutie obsahu stránky
  • CSS rozvrhnutie obsahu stránky
  • RESPONSIBILNÝ WEBDIZAJN