OrgPad logo

MAT INF 17: Tvorba WWW stránek - teorie

Created by Tomáš Flídr

#inf, #maturita

MAT INF 17: Tvorba WWW stránek - teorie

WWW

systém stránek propojených hypertextem

Web 3.0

Současnost/budoucnst, Sémantický web (sématika = význam)

Využití moderních technologií a algoritmů: AI, decentralizace, propojenost, práce s důvěrou (možnost propojení bez nutnosti důvěry v třetí stranu)

NE 1 server

Decentralizovaná síť (architektura peer-to-peer)

Transparentní, pseudoanonymní, robustní

Tim Berners-Lee

 

Navrhl jazyk HTML a protokol HTTP

V r. 1990 spustil 1. webový server (info.cern.ch)

Založil W3C (World Wide Web Consortium) – dohlíží na vývoj webu

Web 1.0

Od 90. let 20. stol

Statické stránky, obsah přímo z souborového systému serveru

Web 2.0

Cca od r. 2005

Stránky s interaktivitou (JavaScript), informace oběma směry

Dnes většina webů

Architektura klient-server

Historie

Tři etapy podle designu (ne nutně technologické změny).

Redakční systémy

Princip

Uživatel komunikuje se serverem, typicky přes prohlížeč.

Struktura

Kořenový element (<html>)

Hlavička dokumentu (head) - Metadata (název, kódování)

Tělo dokumentu (body) - Obsah dokumentu

HTTP/S

Hyper Text Transfer Protocol/Secure

Komunikace se serverem (požadavky a odpovědi)

HTTPS: TLS/SSL pro šifrování, SSL certifikát autentizuje stránku

Stavové kódy

V odpovědi (hlavička), popis odpovědi, trojciferné číslo

Tvorba webu

HTML

Anglicky Hypertext Markup Language

Značkovací jazyk (NE programovací)

Tvorba webových stránek

Ovlivněn vývojem webových prohlížečů

Používají se tagy a jejich vlastnosti pomocí < a >

Udávají strukturu, obsah (a formát) webu (odkazy, obrázky, text, styly, …)

Párové tagy – začátek <tag> a konec </tag>

Kecání o editorech

Javascript

Programovací jazyk

NE Java

Interaktivní prvky stránky (tlačítka, upozornění, animace, …)

Interpretaci provádí webový prohlížeč

CSS (kaskádové styly)

Anglicky Cascade Style Sheets

Popis způsobu zobrazení elementů na HTML stránkách

Cílem oddělit vzhled dokumentu od struktury a obsahu

Přehlednější,Jednodušší, Vše na jednom místě (Např. když chci změnit barvu všech nadpisů 1, nemusím je všechny hledat)

Rozsáhlejší možnosti formátování

Jeden styl lze použít na několik stránek