Dynamické webové stránky Obchodná akadémia, Akademika Hronca 8, Rožňava Moderné vzdelávanie pre vedomostnú spoločnosť / Projekt je spolufinancovaný zo zdrojov EÚ OA Rožňava – moderná škola ITMS kód Projektu 26110130729 Dynamické webové stránky Ing. Anita Sáreníková/ Cvičenia z aplikovanej informatiky

Príklad výuky kódov na internete POUŽITÝ VTIPNÝ ŽARGÓN  Opakovanie HTML Príklad výuky kódov na internete POUŽITÝ VTIPNÝ ŽARGÓN 

Toto je návod ako začať robiť stránku a zrejme sa jedná o statickú stránku. Základné príkazy sme si vysvetlili v prezentácii HTML a CSS. V nasledujúcich slajdoch bude vysvetlené, čo sú ako začať s tvorbou dynamických stránok.

Statické webové stránky Pokiaľ vytvoríme vlastnú webovú stránku len pomocou kódu HTML bude sa jednať o statickú webovú stránku. Takéto stránky sú nemenné a zostanú "naveky" presne v podobe v akej sa vytvorili (pokiaľ ju nezmeníme). Aj zobrazenie aktuálneho dátumu je pre statickú stránku nemožné.

Dynamické webové stránky Obsah stránky sa mení automaticky (akoby ho neovplyvňoval autor stránky). Dynamiku pridáva skriptovací jazyk. Je to programovací jazyk, ktorý vytvára webovú stránku a mení jej obsah. Ako na to? Kúzelný súbor s menej kúzelným názvom zvaný .htaccess nám umožňuje celý postup nádherne zjednodušiť. Nastavenia, ktoré vykonáme v tomto súbore, nám umožnia zachytiť obsah premennej za lomítkom bez toho, aby server vrátil chybu. Takéto nastavenie je možné vykonať aj na starších weboch, keďže neovplyvní chod škaredých URL. Takže je možné jednoducho prejsť na pekné URL bez vzniku nefunkčných URL nasledovne: 1. Otvoríme si súbor .htaccess a vložíme do neho nasledujúci kód: 1: RewriteEngine on 2: RewriteBase / 3: RewriteCond %{REQUEST_FILENAME} !-f 4: RewriteCond %{REQUEST_FILENAME} !-d 5: RewriteCond %{REQUEST_FILENAME} !-l 6: RewriteRule ^(.*)$ index.php?p=$1 [L,QSA] 2. Riadok č. 6 upravíme podľa našich potrieb. Hodnota za otáznikom (v našom prípade “p”) znamená, do akej premennej má byť pekná URL vložená. Po uložení zmien v .htaccess bude server chápať adresu podobne: http://www.mastery.sk/index.php?p=clanok-krajsia-url 3. Pred tým, ako začneme programovať rozsiahlejší kód, je dobré overiť si, ako chápe server URL adresu. Server môže pridávať parametre pred peknú URL, čo môže spôsobovať nežiadúce chovanie. Pomocou PHP teda overme, aký výstup nám ponúkne náš server zadaním kódu do súboru index.php: 1: <?php echo $_GET[‘p’]; ?> 4. V prípade, že server vracia niečo podobné: “clanok-krajsia-url”, môžeme vytvoriť samotné stránkovanie. Ak server vracia URL doplnenú o parameter, napr. “web/clanok-krajsia-url”, je potrebné preložiť URL do správneho tvaru. Problém vyrieši PHP funkcia v súbore index.php, ktorá z reťazca odstráni nežiadúce časti: 2: <?php $url = str_replace(“web/”,””,$_GET[‘p’]); ?> 5. Teraz máme pripravenú premennú, ktorá obsahuje peknú URL a už sa iba stačí pustiť do stránkovania. Stránkovanie môže byť založené napríklad na podmienkach overujúcich obsah premennej $url. V prípade, že obsah premennej vyhovuje podmienke, v tele podmienky sa vykoná kód na zobrazenie danej stránky. Použiť môžete napríklad nasledujúci kód: 3: <?php 4: $content = “Obsah hlavnej stranky”; 5: if($url==”moj-clanok”) 6: { 7:   $content = “Obsah stranky Moj Clanok”; 8: } 9: ?>

Skriptovacie jazyky Existujú dva druhy skriptovacích jazykov: Klientské skriptovacie jazyky - hovoríme, že o tieto sa stará prehliadač (browser) čiže sú na strane klienta (JavaScript, Flash, AJAX) Serverové skriptovacie jazyky - o tieto sa stará server (PHP, ASP, JSP, ASP.NET)

PHP 5 Je serverový skriptovací jazyk, ktorý umožňuje tvoriť dynamické webové stránky s ohromnými možnosťami. PHP bolo inšpirované jazykmi podporujúcimi procedurálne programovanie.

php ;- Alt59 phtml // < - Alt60 php5 phps $ - Alt36 > - Alt62 Znaky a prípony v PHP ;- Alt59 php phtml // < - Alt60 php5 phps $ - Alt36 > - Alt62

PHP: Hypertext Preprocessor je populárny open source skriptovací jazyk, ktorý sa používa najmä na programovanie klient-server aplikácií (na strane servera) a pre vývoj dynamických webových stránok. Medzi známe aplikácie založené na PHP patrí napríklad phpBB a MediaWiki (MediaWiki je SW, na ktorom beží Wikipédia)

Najviac vlastností prebralo od jazyka C a jazyka Perl. PHP 5 Najviac vlastností prebralo od jazyka C a jazyka Perl. PHP beží na takmer všetkých najrozšírenejších operačných systémoch, vrátane UNIXu, Linuxu, Windows či Mac OS X. Spolupracuje s najrozšírenejšími webovými servermi. Príklad užitočného programu napísaného v PHP. http://www.adminer.org/cs/editor/

Čo potrebujeme pre prácu s PHP Webový server s podporou skriptov PHP - www.php.net Textový editor pre editáciu skriptov - PSpad Databázu MySQL

Obľúbené architektúry v internetovom odvetví. LAMP a WAMP Obľúbené architektúry v internetovom odvetví. LAMP je architektúra Linux-Apache-MySQL-PHP WAMP je architektúra Windows-Apache-MySQL-PHP Ako urobiť prvú www stránku (úplné základy HTML) - http://www.birdz.sk/start-up/ako-vyrobit-www-stranku/18676-clanok.html

PSPad nástroj s jednoduchosťou NOTEPADu a vymoženosťami programátorských editorov www.pspad.cz

Všetky skripty PHP majú rovnakú štruktúru. Štruktúra skriptu PHP Všetky skripty PHP majú rovnakú štruktúru. Prakticky dokument html, v ktorom sú naviac riadky s kódom jazyka PHP. <?php ........... ; ?> Kód PHP je možné zapisovať týmito spôsobmi: Tak, ako je tu uvedené, alebo <? ............ ; ?>, alebo <skript language="php">....... ; </skript>, alebo <% ............ ; %> medzi príkazy sa dáva ; otváracia značka uzatváracia značka

echo - vypíše to, čo je uvedené za slovom echo; Príkazy PHP echo - vypíše to, čo je uvedené za slovom echo; print_r - je funkcia a vypíše to, čo je uvedené v zátvorkách. Vie vypisovať aj zložitejšie dátové typy. [print_r(12)] V PHP existujú 3 druhy komentárov: /* ... */ na označenie blokového komentáru. // ... na označenie jednoriadkového komentáru. # ... na označenie jednoriadkového komentáru.

Premenné v PHP Premenná je pomenované miesto, do ktorého môžeme vkladať ľubovoľnú hodnotu. V PHP každá premenná začína znakom dolar ($), za ktorým nasleduje meno premennej. Vkladanie hodnôt do premennej sa nazýva priradzovanie hodnoty premennej. $pi = 3,14

Podmienky v PHP IF - If (podmienka) príkaz_ktorý_sa_vykoná_pokiaľ_je_podmienka_splnená (pravdivá); else príkaz_ktorý_sa_vykoná_pokiaľ_nie_je_podmienka_ splnená (pravdivá); Funkcia die využíva sa veľmi často v súvislosti s príkazom IF a slúži k okamžitému ukončeniu skriptu PHP. <?php if (5 > 2) echo ´Podmienka je pravdivá ´ ; else echo ´Podmienka nie je pravdivá ´ ; ?>

Príkazy PHP pre formuláre <form> Príkaz form môže mať niekoľko parametrov: action - určuje príjemcu dát (súbor) method - určuje akým spôsobom sa dáta budú posieľať (post alebo get) input - vytvorí tlačidlo na odoslanie submit - odosielanie formulárov <form action="skript.php" method="post" > < input type="submit" value="Odoslať dáta formulára"> </form >

Grafika pre web na webe http://abduzeedo.com/ smashingmagazine.com  www.zajtra.sk

Technológie budúcnosti Jednou z ďalších technológií, ktorá je hitom v posledných 10 rokoch sú chytré resp. inteligentné telefóny. Úplne zmenili spôsob, akým ľudia zmýšľajú. Užívatelia môžu na profesionálnej úrovni upravovať rôzne dokumenty na cestách, vytvárať prezentácie, písať e-maily, plánovať schôdzky využívaním programov typu instant messaging. Hrať vysoko kvalitné grafické hry a využívať sociálne siete. See more at: http://quartsoft.com/blog/201403/cloud-and-mobile#sthash.d9gspQGm.dpuf

Pozrime si Preložená stránka w3shool-veľmi dobrá w3.jumep.com/index.php... http://www.htmldog.com/guides/ http://quartsoft.com/blog/201402/building-law-firm-website http://www.snugdesign.cz/reference.html?lg=cs - ako získavať zákazníkov