Web programozás I. 4. előadás

Web programozás I.

4. előadás

CSS ●

Pozícionálás –

●

http://www.brainjar.com/CSS/positioning/def ault.asp

Design kialakívása –

http://www.albinoblacksheep.com/livedesign/

–

http://www.dynamicdrive.com/style/

–

http://www.opendesigns.org/

Web programozás I - Kecskeméti Fõiskola GAMF Kar, 2010-2011. tanév, őszi félév

2

4. XHTML


3

XHTML ●

●

●

●

EXtensible HyperText Markup Language kiterjeszthető HTML HTML 4.01 leváltására hozták létre felülről (nagyjából) kompatibilis a HTML 4.01el az XML egy alkalmazása


4

XML alapok ●

EXtensible Markup Language

●

a HTML-hez hasonló jelölőnyelv

●

adatok leírására szolgál

●

nincsenek előre definiált tagok

●

●

a nyelvtani szabályai Document Type Definition (DTD) vagy XML Schema segítségével írhatók le nem a HTML helyett jött létre


5

Mire használjuk az XML-t? ●

platform és alkalmazás-független módon írja le az adatokat

●

heterogén rendszerek közötti információcsere

●

B2B (Business To Business) alkalmazások

●

Webszolgáltatások

●

RSS, RDF


6

XML szintaxis <note> Tove Jani Reminder Don't forget me this weekend! Web programozás I - Kecskeméti Fõiskola GAMF Kar, 2010-2011. tanév, őszi félév

7

Jól formázott (well formed) dokumentum ●

minden tagnak van záró párja

●

a tagok kisbetű-nagybetű érzékenyek

●

az egymásba ágyazás korrekt

●

egy gyökér eleme van

●

a tulajdonság értékek mindig idézőjelek között szerepelnek, és mindig megadotta


8

Érvényes (valid) doumentum ●

●

●

jól formázott a DTD (Document Type Definition) szabályainak megfelel


9

Belső DTD példa ]><note>... Web programozás I - Kecskeméti Fõiskola GAMF Kar, 2010-2011. tanév, őszi félév

10

XHTML a gyakorlathoz képest ●

korrekt egymásba ágyazás

●

tagok kisbetűvel

●

elemek lezárása

●

önálló elemek: pl.

●

a tulajdonság-értékeket idézőjelbe kell tenni

●

a tulajdonságok kötelezően tartalmaznak értéket is

●

name helyett (mellett) id

●

DTD kötelező


11

DTD változatok ●

●

XHTML 1.0 –

Transitional

–

Frameset

–

Strict

XHTML 1.1 (csak egyféle)


12

Visszafelé kompatibilitás ●

●

●

●

●

önálló tag esetén szóköznek kell a / jelet megelőzni önálló tag nem mindig alkalmazható (pl. bekezdés esetén nem) külső stíluslapot, szkript fájlt kell alkalmazni, ha nem használható karaktereket tartalmaz (pl. <, két -) lang és xml:lang is megadható karakterkódolást: HTTP content-type (vagy XML deklaráció és meta elem)


13

8. PHP http://www.php.net/manual/hu/


14

PHP: Hypertext Preprocessor ●

szerver oldali

●

szkriptnyelv

●

dinamikus és interaktív weboldalak elkészítéséhez

●

széles körben alkalmazott

●

szabad

●

hatékony


15

8.1. Alapok ●

C/C++ család tagja

●

HTML-el „vegyesen” alkalmazzuk

●

a forrásfájl .php kiterjesztésű

●

a webszerver „vezényel”

●

kommunikálhat adatbázis-szerverrel is


16

Kliens-szerver elvű működés


17

Saját gépre: XAMPP for Windows ●

Apache 2.2.2, MySQL 5.0.21, PHP 5.1.4 + PHP 4.4.2-pl1 + PEAR, PHP-Switch win32 1.0, XAMPP Control Version 2.3, XAMPP Security 1.0, SQLite 2.8.15, OpenSSL 0.9.8b, phpMyAdmin 2.8.1, ADOdb 4.80, Mercury Mail Transport System v4.01b, FileZilla FTP Server 0.9.16c, Webalizer 2.01-10, Zend Optimizer 3.0.0

●

van Lite változat

●

vannak további Plug-in-ek

● programozás I - Kecskeméti Fõiskola GAMF Kar, 2010-2011. tanév, őszi félév Web

18

Szintaxis ●

●

A PHP és egyéb kód szétválasztása: –

–

[DEMO: Helló világ!] –

echo, print


19

Sablonszerű megközelítés ●

"> <span class="honap"> <span class="nap"> Web programozás I - Kecskeméti Fõiskola GAMF Kar, 2010-2011. tanév, őszi félév

20

?/">


21

Változók – dinamikus típusrendszer $txt="Hello World"; echo $txt; $txt1="Hello World"; $txt2="1234"; echo $txt1 . " " . $txt2;


22

Változók típusai ●

Logikai

●

Egész számok

●

Lebegőpontos számok

●

Sztringek

●

Tömbök

●

Objektumok

●

Erőforrások

●

NULL


23

Sztringek létrehozása ●

aposztróffal echo 'Arnold egyszer azt mondta: "I\'ll be back"'; echo 'You deleted C:\\*.*?';

●

idézőjellel

●

heredoc szintaxissal


24

Idézőjellel ●

változó behelyettesítés történik

$ingatlan = 'ház'; echo "kertes $ingatlan kerítéssel"; // működik echo "páros $ingatlanszám"; // „nem működik” echo "páros ${ingatlan}szám"; // működik echo "páros {$ingatlan}szám"; // működik


25

Heredoc szintaxis $str = <<

26

Sztring karaktereinek elérése és módosítása $str = 'Ez egy teszt.'; $first = $str{0}; $harmadik = $str{2};


27

Operátorok ●

szokásos

●

osztás –

●

5/2 = 2.5

=== –

”5”=== 5 = false


28

Elágazások ●

elseif

●

switch –

case: nem csak konstans lehet


29

Tömbök ●

●

első megközelítés –

Numerikus tömb

–

Asszociatív tömb

–

Többdimenziós tömb

igazából nincs különbség


30

Tömbök létrehozása $names = array("Peter","Quagmire","Joe"); ●

ekvivalens:

$names[0] = "Peter"; $names[1] = "Quagmire"; $names[2] = "Joe"; Web programozás I - Kecskeméti Fõiskola GAMF Kar, 2010-2011. tanév, őszi félév

31

Tömbök indexelése ●

a következő indexet nem kötelező megadni

$names[] = "Jack"; ●

nem csak folytonos lehet


32

Asszociatív tömbök $ages = array("Peter"=>32, "Quagmire"=>30, "Joe"=>34); ●

ekvivalens:

$ages['Peter'] = "32"; $ages['Quagmire'] = "30"; $ages['Joe'] = "34"; Web programozás I - Kecskeméti Fõiskola GAMF Kar, 2010-2011. tanév, őszi félév

33

Többdimenziós tömbök $families = array ( "Griffin"=>array ("Peter", "Lois", "Megan"), "Quagmire"=>array ("Glenn"), "Brown"=>array ("Cleveland", "Loretta", "Junior") );


34

Tömb „kiírása” ●

print_r($families)

Array ( [Griffin] => Array ( [0] => Peter [1] => Lois ), [Quagmire] => Array ( [0] => Glenn ), [Brown] => Array ( [0] => Cleveland [1] => Loretta [2] => Junior ) )Web programozás I - Kecskeméti Fõiskola GAMF Kar, 2010-2011. tanév, őszi félév

35

Ciklusok ●

szokásos + foreach

●

egyszerűbb

foreach ($array as [$key =>]$value) { ciklusmag } $arr=array("one", "two", "three"); foreach ($arr as $value) { echo "Value: " . $value . "
"; }


36

$menublokk) { ?>

$menupont) { ?>

title="" href="?">


37

Függvények function writeMyName($fname) { echo $fname . " Refsnes.
"; } echo "My name is "; writeMyName("Kai Jim"); echo "My name is "; writeMyName("Hege");


38

Űrlapok és felhasználói adatbevitel
Name: Age:

39

Adatok feldolgozása: welcome.php Welcome .
You are years old. Web programozás I - Kecskeméti Fõiskola GAMF Kar, 2010-2011. tanév, őszi félév

40

GET vagy POST? ●

●

GET –

a paraméterek megjelennek az URL-ben

–

korlátozott a mérete

POST –

könyvjelzők esetén nem használható


41

$_GET űrlap nélkül is használatos ●

oldalak közötti navigáció megoldása:

index.php?id=23 ●

ehhez a linket eleve így kell „gyártani”:

Masik oldal


42

Adatok érvényessége ●

a szerver oldalon mindig kell ellenőrizni!

●

[később komplex példát nézünk]


43

Dátumok kezelése – unix időbélyeg ●

formázott kiírás –

date(format[,timestamp])

echo date("Y/m/d"); echo date("Y.m.d"); echo date("Y-m-d"); ●

mktime - időbélyeget képes előállítani

$tomorrow = mktime(0,0,0,date("m"),date("d") +1,date("Y")); Web programozás I - Kecskeméti Fõiskola GAMF Kar, 2010-2011. tanév, őszi félév

44

Az include és társai ●

a PHP bemásolja és „lefuttatja” a fájlt

Welcome to my home page

Some text

45

4 lehetőség ●

include

●

require –

●

hiba esetén leáll

include_once, require_once –

csak egyszer


46

Front Controller tervezési minta 1. verzió ●

[DEMO] –

index.php: vezérlés

–

config.inc.php: konfigurálás

–

oldal könyvtár: oldalak


47

Web programozás I. 4. előadás

Recommend Documents

?/">

Welcome to my home page