Základní pojmy spojené s webovým publikováním ~ malý slovníček pojmů~ C3231 Základy WWW publikování Radka Svobodová, Stanislav Geidl
Internet celosvětová síť spojení jednotlivých síťí pomocí uzlů (síť sítí) komunikace pomoci rodiny protokolů TCP/IP každý aktivní prvek má vlastní IP adresu základní služby: web, email, instant messaging, VoIP, FTP, DNS, Telnet, SSH, VPN,...
Internet IP adresa IP adresa jedinečný identifikátor aktivního prvku (počítač, router) v síti IPv4 32-bitové adresy zapsané dekadicky po jednotlivých oktetech (osmicích bitů), například 192.168.0.1 (speciální 127.0.0.1 - loopback) IPv6 kvůli nedostatku IPv4 adres zavedeny tyto 128-bitové IP adresy
WWW World Wide Web zkracováno jako web myšlenka spojování hypertextových dokumentů internetová služba protokolu HTTP základní nástrojem pro tvorbu webu - HTML
Protokoly TCP/IP http & https protokoly TCP/IP - definice komunikace po internetu HTTP, FTP, POP3, IMAP, SMTP,... protokol http protokol pro výměnu HTML dokumentů nejčastěji využívá portu 80 protokol https (http secure), standardní port 443 protokol HTTP zabezpečený SSL nebo TSL (certifikát)
Webová adresa URL URL (Uniform Resource Locator) struktura znaků sloužící k přesné specifikaci zdroje informací na internetu protokol://doménové_jméno:port/specifikace_souboru?parametry http://server.com:8080/files/view.php?filetype=pdf autentizace ftp://username:password@server.com/
Webová adresa doména doménové jméno je jednoznačný identifikátor počítače či počítačové sítě příklad www.muni.cz skládá se z několika částí xx.yy.zz, kde je xx nejkonkrétnější a zz je nejobecnější (top-level domain) domény 2. a 3. řádu národní (cs,sk,...,eu) a nadnárodní domény (com,org,info,...) o funkci domén se starají DNS servery
Webová adresa DNS DNS (Domain Name System) x.server.com -> com -> dns.server.com -> 132.3.3.2 překlad doménového jména na IP adresu DNS servery obsahují seznamy domén a IP adres DNSSec - ochrana domén
Komunikace
Webový prohlížeč a jádro INTERNETOVÉ PROHLÍ!E"E IE Firefox Chrome Opera Safari Trident Gecko Webkit Presto Webkit
Webový server a prostor na webu webový server počítačový program (service), který je zodpovědný za zpracování HTTP požadavků Apache či IIS (Internet Information Services) možnosti provozu webu: fyzický server, virtuální server, webhosting
Fyzický server vlastní fyzický stroj, vlastní konfigurace soft. i hard. nesdílí žádné prostředky s dalšími webovými servery pro složité a náročné projekty (velký e-shop) velice nákladné pořízení i provoz starost o hardware i software serverhosting, serverhousing
Virtuální server jeden fyzický stroj sdílí více systémů, vlastní softwarová konfigurace na jednom stroji běží více webových serverů pro náročnější projekty (větší firemní web) levnější než fyzický server, odpadá starost o hardware starost o software (instalace, údržba, zálohy)
Webhosting pod jedním webovým serverem více webů malá softwarová variabilita dostačující pro většinu menších projektů (osobní web, blog, fotogalerie,...) nejlevnější řešení odpadá starost o hardware i software - plný komfort
Webhosting Základní parametry prostor pro web, konektivita, počet domén 2. řádu technologie serveru - mod_rewrite, CGI skripty aplikace - PHP, ASP, Perl, Python, Ruby databáze a jejich prostor - MySQL, PostgreSQL doplňkové služby: email, ftp, cron, statistiky
Webhosting Poskytovatelé Český hosting (http://www.cesky-hosting.cz/) Bluebord (http://hosting.blueboard.cz/) ASPone (http://www.aspone.cz/) ACTIVE24 (http://www.active24.cz/) free: ic.cz a webzdarma.cz
Webhosting Ukázka Českého hostingu
Webové technologie na straně klienta HTML, CSS, javascript na straně serveru skripty: PHP, ASP, Ruby, Perl, Python,... databáze: MySQL, MSSQL, PostgreSQL, Firebird,... speciální: AJAX (kombinace technologií)
Webové technologie Statický a dynamický web statický web webový server nezpracovává žádné skripty a stránka neobsahuje javascript, web je neměnný životopis, osobní web,... dynamický web web se uzpůsobuje klientovi, získává data z databáze, zpracovává parametry,... e-shop, vyhledávač,...
Webové technologie HTML & XHTML HTML (HyperText Markup Language) značkovací jazyk pro formátování textu značky (tagy) - <tag> je podobný XML, XHTML vychází z XML aktuální verze HTML 4.01 a XHTML 1.1 nástupce HTML5 (psáno dohromady)
Webové technologie CSS CSS (Cascading Style Sheets) jazyk, který popisuje formátování HTML, XHTML a XML dokumentů aktuální verze 2.1 nástupce CSS3
Webové technologie HTML a CSS jako standard vlastní standard vyvíjený World Wide Web Consortium http://www.w3.org/ proč?
Webové technologie Javascript skriptovací jazyk, který zpracovává prohlížeč rychlá interakce s uživatelem, urychluje komunikaci se serverem - nemusíme např. načítat celou stránku chatu každou sekundu,... obliba používání API (frameworků) - jquery či Prototype
Webové technologie Skriptovací jazyky nástroj serveru, jak zpracovávat požadavky od klientů práce s databází, soubory, obrázky, komunikace s jinými servery, odesílání mailů,... nejrozšířenější - PHP (Hypertext Preprocesor) http://www.php.net/ další: ASP, ASP.NET, Java, Python, Perl, Ruby
Webové technologie Databáze MySQL PostgreSQL MSSQL Firebird Oracle
Webové technologie AJAX kombinace několika technologii pro tvorbu plnohodnotných webových aplikací HTML a CSS pro zobrazování informací javascript pro změnu HTML a komunikaci se serverem server se skriptovacím jazykem a databází neprobíhá zde klasická komunikace HTTP
Webové technologie Pokročilé technologie JAVA applety FLASH SILVERLIGHT
Webové technologie API, frameworky framework softwarová struktura, který slouží na podporu programování, vývoj a organizaci jiného softwaru může obsahovat programy, knihovnu API,... doporučené postupy při vývoji; např. pro PHP existuje Nette Framework API (Application Programming Interface) předem napsané knihovny a funkce pro použití na obecných nebo konkretních problémech
Online nástroje Validátory existuje mnoho webových nástrojů pro pomoc s vývojem webu knihovny grafiky, písem, šablon,... tvorba screenshotů v několika různých prohlížečích na různých OS tvorba pruhů a ornamentů na pozadí webu validátory - kontrola dodržování standardů HTML: http://validator.w3.org/ CSS: http://jigsaw.w3.org/css-validator/
Proč validovat? diskuze
SEO, SEM SEO (Search Engine Optimization) optimalizace kódu pro vyhledávače - zobrazování v relevantních vyhledávání mezi prvními (hledám domů a bude mi to zobrazovat pračky) SEM (Search Engine Marketing) reklama ve vyhledávačích neupravují se stránky - platí se za reklamu
Samostatné úkoly Najděte nejlevnější hosting pro vizitku; blog. Založte si nějaký účet s freehostingem. Najděte barevnou kombinaci pomocí nějakého webového nástroje.