přednáška – pojmy

Základní pojmy spojené
s webovým publikováním
~ malý slovníček pojmů~
C3231 Základy WWW publikování
Radka Svobodová, Stanislav Geidl
středa, 22. září 2010
Internet
• celosvětová
• spojení
jednotlivých síťí pomocí uzlů (síť sítí)
• komunikace
• každý
síť
pomoci rodiny protokolů TCP/IP
aktivní prvek má vlastní IP adresu
• základní
služby: web, email, instant messaging, VoIP,
FTP, DNS, Telnet, SSH, VPN, ...
středa, 22. září 2010
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
středa, 22. září 2010
WWW
World Wide Web
• zkracováno
• myšlenka
spojování hypertextových dokumentů
• internetová
• základní
středa, 22. září 2010
jako web
služba protokolu HTTP
nástrojem pro tvorbu webu - HTML
Protokoly TCP/IP
http & https
• protokoly
• HTTP,
• protokol
TCP/IP - definice komunikace po internetu
FTP, POP3, IMAP, SMTP, ...
http
• protokol
pro výměnu HTML dokumentů
• nejčastěji
• protokol
https (http secure), standardní port 443
• protokol
středa, 22. září 2010
využívá portu 80
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:[email protected]/
středa, 22. září 2010
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
středa, 22. září 2010
Webová adresa
DNS
• DNS
(Domain Name System)
• x.server.com
• překlad
• DNS
doménového jména na IP adresu
servery obsahují seznamy domén a IP adres
• DNSSec
středa, 22. září 2010
-> com -> dns.server.com -> 132.3.3.2
- ochrana domén
Komunikace
středa, 22. září 2010
I NWebový
T E R N E Tprohlížeč
O V É P R Oa
H Ljádro
Í !E"E
IE
Firefox
Chrome
Opera
Safari
Trident
Gecko
Webkit
Presto
Webkit
středa, 22. září 2010
Webový server a prostor na
webu
• webový
server
• počítačový
program (service), který je zodpovědný
za zpracování HTTP požadavků
• Apache
• možnosti
či IIS (Internet Information Services)
provozu webu: fyzický server, virtuální
server, webhosting
středa, 22. září 2010
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,
středa, 22. září 2010
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ší
• starost
středa, 22. září 2010
než fyzický server, odpadá starost o hardware
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ší
• odpadá
středa, 22. září 2010
řešení
starost o hardware i software - plný komfort
Webhosting
Základní parametry
• prostor
pro web, konektivita, počet domén 2. řádu
• technologie
• “aplikace”
• databáze
- PHP, ASP, Perl, Python, Ruby
a jejich prostor - MySQL, PostgreSQL
• doplňkové
středa, 22. září 2010
serveru - mod_rewrite, CGI skripty
služby: email, ftp, cron, statistiky
Webhosting
Poskytovatelé
• Český
hosting (http://www.cesky-hosting.cz/)
• Bluebord
• ASPone
(http://www.aspone.cz/)
• ACTIVE24
• free:
středa, 22. září 2010
(http://hosting.blueboard.cz/)
(http://www.active24.cz/)
ic.cz a webzdarma.cz
Webhosting
Ukázka Českého hostingu
středa, 22. září 2010
Webové technologie
• na
straně klienta
• HTML,
• na
CSS, javascript
straně serveru
• skripty:
PHP, ASP, Ruby, Perl, Python, ...
• databáze:
• speciální:
středa, 22. září 2010
MySQL, MSSQL, PostgreSQL, Firebird, ...
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č, ...
středa, 22. září 2010
Webové technologie
HTML & XHTML
• HTML
(HyperText Markup Language)
• značkovací
• značky
• je
jazyk pro formátování textu
(tagy) - <tag>
podobný XML, XHTML vychází z XML
• aktuální
verze HTML 4.01 a XHTML 1.1
• nástupce
středa, 22. září 2010
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
středa, 22. září 2010
CSS3
Webové technologie
HTML a CSS jako standard
• vlastní
standard vyvíjený World Wide Web Consortium
• http://www.w3.org/
• proč?
středa, 22. září 2010
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
středa, 22. září 2010
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ší:
středa, 22. září 2010
ASP, ASP.NET, Java, Python, Perl, Ruby
Webové technologie
Databáze
• MySQL
• PostgreSQL
• MSSQL
• Firebird
• Oracle
středa, 22. září 2010
Webové technologie
AJAX
• kombinace
několika technologii pro tvorbu
plnohodnotných webových aplikací
• HTML
a CSS pro zobrazování informací
• javascript
serverem
• server
se skriptovacím jazykem a databází
• neprobíhá
středa, 22. září 2010
pro změnu HTML a komunikaci se
zde klasická komunikace HTTP
Webové technologie
Pokročilé technologie
• JAVA
applety
• FLASH
• SILVERLIGHT
středa, 22. září 2010
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
středa, 22. září 2010
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
• HTML:
• CSS:
středa, 22. září 2010
- kontrola dodržování standardů
http://validator.w3.org/
http://jigsaw.w3.org/css-validator/
Proč validovat?
diskuze
středa, 22. září 2010
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í
středa, 22. září 2010
se stránky - platí se za reklamu
Samostatné úkoly
• Najděte
nejlevnější hosting pro
• vizitku;
• blog.
• Založte
• Najděte
si nějaký účet s freehostingem.
barevnou kombinaci pomocí nějakého
webového nástroje.
středa, 22. září 2010