Dynamické webové stránky

Slides:



Advertisements
Similar presentations
Ma.
Advertisements

Click on each of us to hear our sounds.
Las Vocales En Espanol.
HIRAGANA by number of strokes Images from:
PHONICS Repeat each sound. Blend the sounds. Read each word.
ma mu mi mo me pe pi pa pu po si sa so.
Sílabas con m,p,s tema 2. pe so ma si mu se.
MA. ME MI MO MU MÁ MÉ MÍ MÓ MŮ LA LE LI.
Dostupné z Metodického portálu ISSN: , financovaného z ESF a státního rozpočtu ČR. Provozováno Výzkumným ústavem pedagogickým v Praze.
Slovak HEROINE Comenius project
Example Bullet Point Slide
Fyzika a chemie společně CZ/FMP/17B/0456
Ing. Eva Koščová/ Informatika
Bakalárska práca Webová výuka programovania v C++ pomocou jednotkového testovania Školiteľ: František Gyárfáš Viliam Vakerman.
Inteligentné mapy Marek Doršic.
VOĽNE DOSTUPNÝ REFERENČNÝ MANAŽÉR
Informácie okolo nás Informácia Údaj
Zmluva o poskytnutí grantu
CSP problém (problém rešpektujúci obmedzenia)
Prečo šimpanzy nevedia rozprávať?
Operačné systémy Čo robí operačný systém ?
O malej Aničke Anička sa hrá s loptami.
Geografický informačný systém
Domény a DNS.
RIZIKÁ PRI REALIZOVANÍ PROJEKTU
Vývoj a druhy počítačov
Web of Science – pokročilé vyhľadávanie vedeckej literatúry a jej analýza Enikő Tóth Szász Customer Education Specialist
DATABÁZOVÉ JAZYKY.
Bezpečnosť JAVA technológií
Databázový systém pre malý a veľký podnik
Yulia Šurinová "There is always a better way; it should be found."
Programovací jazyk programovací jazyk Pascal Delphi
Makrá v PowerPointe Joshua Lajčiak.
Spring framework.
Schémy financovania v 7RP
PHP Jemný úvod do PHP Mgr. Ján Guniš, KUI, 2003
Vytvorenie bázy športových motívov, priestorov a hodnôt ich expozície.
Človek vo sfére peňazí ročník.
aktivácia Vladimír Hricka License Sales Specialist Microsoft Slovakia
7. prednáška 3. november 2003.
Protokoly HTTP a FTP.
Mgr. Valentína Gunišová
Využitie IKT na hodinách anglického jazyka
Výučba cudzích jazykov
Skrutkovica na rotačnej ploche
Vlastnosti kvantitatívnych dát
Ing. Róbert Chovanculiak, Ph.D. INESS
História vzniku internetu
Šifrovanie Dešifrovanie
Ako manažovať smartfóny z cloudu TechDays East 2014
CSS - Cascading Style Sheets
Dvojrozmerné polia Kód ITMS projektu:
Lokálne príznaky vo farebných obrazoch
22. – OTVORENÝ PRÍSTUP
Vysoko subjektívna prezentácia o používaní podcastov
Heuristické optimalizačné procesy
Zásady hygieny pri stolovaní
REACH 2018 Nájdite svojich spoluregistrujúcich a pripravte sa na spoločnú registráciu.
Ing. Anita Sáreníková/ Cvičenia z aplikovanej informatiky
Metodológia CVM— Client Value Method
4. Užívateľské prostredie UNIXu
Veľkosť trhu agentúrnych zamestnancov
Seminár č. 9 - osnova Metódy sieťového plánovania a riadenia:
Workshop DSpace 5, VŠB-TUO,
Ponúkame: poradenstvo technickú podporu - help desk školenia
Interaktívna kniha a e-learningový systém pre deti - Opera nehryzie
Neformálne ekonomické fórum 3. marec 2011
D Novinky v DSpace 6 Ivan Masár 6.
Využitie biomasy v environmentálnych biotechnológiách
Podpora adaptívneho WEB-u prostriedkami strojového učenia
Presentation transcript:

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