HTML-PHP Καμπέρης Άρης Α.Μ. 763 Zaher Owda Α.Μ. 849

HTML εισαγωγή (1/2)  HyperText Markup Language είναι η γλώσσα προσδιορισμού ιστοσελίδων.  “Στατικές ιστοσελίδες” – το περιεχόμενο τους δεν αλλάζει σε απόκριση των εισερχόμενων δεδομένων του χρήστη.  Hypertext Transfer Protocol (HTTP) – είναι το κύριο πρωτόκολλο επικοινωνίας των web browsers και των web servers.

HTML εισαγωγή (2/2)  Ο web browser αναζητά μία ιστοσελίδα από τον web server στελνοντάς του ένα ΗΤΤP αίτημα αναζήτησης.  Ο web server απαντά στέλνοντας μία HTTP απάντηση πίσω στο browser.

HTML structure  Υπάρχουν 3 tags που περιγράφουν την δομή της σελίδας γενικότερα  Δηλώνει ότι το αρχείο είναι τύπου html  Εισαγωγή του τίτλου και άλλων ιδοτήτων  Το σώμα της html σελίδας μας Π.χ. My first HTML Document …

META tags  Οι tags είναι οδηγίες της γλώσσας HTML οι οποίες περιέχουν πληροφορία για την πληροφορία  Κάθε ΜΕΤΑ tag αποτελείται από ένα ζεύγος NAME / CONTENT  Παραδείγματα

FRAMESET tag(1/2)  Χωρίζουν μια ιστοσελίδα σε τμήματα και κάθε τμήμα μπoρεί να εμφανίσει διαφορετική σελίδα  Με τα γνωρίσματα cols και rows δημιουργούμε στήλες και γραμμές για κάθε frameset. 

FRAMESET tag(2/2)

tag  Ορίζει μία φόρμα για εισαγωγή δεδομένων από τον χρήστη. Μπορεί να περιέχει πεδία, κουμπιά, drop-down menus κ.ά. METHOD: Ορίζει τον τρόπο αποστολής των δεδομένων ACTION: Ορίζει το script το οποίο θα επεξεργαστεί τα δεδομένα. NAME: Ορίζει το όνομα της φόρμας για επεξεργασία από τα script

tag  Eπιλογή background (χρώμα ή εικόνα)  Χρώμα του κειμένου που θα εμφανίζεται στην σελίδα  Χρώμα συνδέσμων πριν και μετά την επίσκεψη τους  Περιθώρια από πάνω και αριστερά

Links and Images  Δημιουργία συνδέσμου σε ένα άλλο έγγραφο ή άλλη σελίδα home  Εισαγωγή εικόνας από αρχείο *υποστηρίζονται είναι αρχεία της μορφής.jpg,.gif, png ή.bmp

ΛΙΣΤΕΣ 1. Αριθμημένες Λίστες: Δημιουργούνται με το … 2. Λίστες με κουκίδες: Δημιουργούνται με το …  Οι γραμμές της λίστας ορίζονται με το tag …  Mε την ιδιότητα TYPE καθορίζουν το είδος αρίθμησης ή κουκίδας που επιθυμείται Coffee Tea Black tea

ΠΙΝΑΚΕΣ(1/2)  Το tag με το οποίο εισάγεται ένας πίνακας είναι το...  Οι γραμμές εισάγονται με το...  Οι στήλες με το...  Οι επικεφαλίδες με...  Με τις παραμέτρους bgcolor και background μπορούμε να καθορίσουμε background για τον πίνακα αλλά και για κάθε κελί του πίνακα ξεχωριστά

ΠΙΝΑΚΕΣ(2/2) First Row Second Row

HTML μορφοποίηση(1/4)  Μέγεθος γραμμάτων μεγάλη γραμματοσειρά Heading 1-6  Χρώμα γραμμάτων εδώ γράφουμε το κείμενο  Bold, italic, underlined εδώ γράφουμε το κείμενο

HTML μορφοποίηση(2/4)  Γραμματοσειρά  Δημιουργία παραγράφων …  Αλλαγή γραμμής χωρίς  Εκθέτες και δείκτες superscript subscript 3 2 =9 H 2 O=νερό

HTML μορφοποίηση(3/4)  Στοίχιση center right left  Για πηγαίο κώδικα χρησιμοποιούμε for(i=0; i<0; i++){ x[i]=i*2; y[i]=I; }

HTML μορφοποίηση(4/4)  Διαχωριστική οριζόντια γραμμή  Σχόλια

PHP (Personal Home Page Hypertext preprocessor)

PHP (Πλεονεκτήματα)  Εκτελείται στην πλευρά του Web Server.  Δυνατότητα δημιουργίας δυναμικές ιστοσελίδες.  Ιστοσελίδες που δίνουν στο χρήστη την δυνατότητα αλληλεπίδρασης με το περιεχόμενό τους.  Παράγει HTML κώδικα.  Εύκολη διασύνδεση με βάσεις δεδομένων π.χ. MySQL.  Object Oriented προγραμματισμού (Classes και κληρονομικότητα) και συναρτήσεις.  Τρέχουσα έκδοση η

PHP tags (ετικέτες)  Ο κώδικας της PHP είναι χωρισμένος σε ετικέτες, που έχουν αρχή και τέλος και σας επιτρέπουν να μπείτε σε PHP mode : XML Style : Short Style : Script Style :... Σχόλια: /* … */ // … # …

Τύποι Δεδομένων  Έχει παρόμοιους τύπους δεδομένων με τις κλασικές γλώσσες προγραμματισμού.  Χωρίζονται σε υπέρ-καθολικές, σταθερές, καθολικές, τοπικές μεταβλητές.  Οι μεταβλητές δηλώνονται με το σύμβολο $ :  Integer – αριθμούς.  Float – πραγματικούς αριθμούς.  String – συμβολοσειρές χαρακτήρων.  Boolean – μεταβλητές true false.  Array – αποθήκευση πολλαπλών στοιχείων του ίδιου τύπου.  Resource- κρατούν αναφορές για ανοιχτά αρχεία, συνδέσεις με βάσεις δεδομένων ή καμβάδες εικόνων κ.λ.π.  Object – αντικείμενο κλάσης

Υπερ-καθολικές Μεταβλητές  $_GLOBALS - Πίνακας καθολικών μεταβλητών.  $_SERVER – Oρισμός την θέση των include files.  $_COOKIE - Πίνακας από μεταβλητές cookie.  $_FILES - Πίνακας μεταβλητών που σχετίζονται με αποστολές αρχείων.  $_REQUEST - Πίνακας την είσοδου του χρήστη συμπεριλαμβανομένων των $_GET, $_POST και $_COOKIE.  $_SESSION - Πίνακας μεταβλητών συνόδου.

Δομές Ελέγχου στην ΡΗΡ  if (condition) expression1; else expression2;  If (condition) expression1; elseif (condition) expression2; else expression3;  Switch ($var) case 1 : expression; break; case 2 : expression; break; default : expression; break;

Παραδείγματα Παραδείγματα μεταβλητών : $text = "Hello world!!! “; $my_id = 34 Παραδείγματα if statement : if ($my_id == 4 ) { echo “Hello world!! "; } else { echo “Wrong ID!!"; } Παραδείγματα loop : $i = 100; $sum = 0; while ($current ";}

Παραδείγματα  Παραδείγματα foreach <?php $arr = array(1, 2, 3, 4); foreach ($arr as &$value) { $value = $value * 2; } ?> // $arr is now array(2, 4, 6, 8)

Δυναμική αλλαγή είκονας  <?php $pics = array(‘mobile1.jpg’,’mobile2.jpg’,mobile3.jpg’); Shuffle ($pics); //αναδιάταξη εικόνων ?> …. <?php echo ’<img src= “ ‘; echo $pics[1]; ?>

Αποστολή mail  <?php $to = $subject = 'the subject'; $message = 'hello bro'; mail($to, $subject, $message); ?>  Τα στοιχεία μπορούν να ληφθούν απο την φόρμα εισόδου αφού πρώτα γίνει ελεγχος ορθότητας του κάθε πεδίου. Υπάρχουν διάφορες συναρτήσεις : explode(), implode() ….

Κλάσεις και κληρονομικότητα (παράδειγμα) class Humans{ public function __construct($name) { /*...*/} public function eat() { /*...*/ } public function sleep() { /*...*/ } public function wakeup() { /*...*/ } } class Women extends Humans{ public function giveBirth() { /*...*/ } } class Men extends Humans{ public function snore() { /*...*/} }

ΡΗΡ script  : Μία φόρμα χρησιμοποιείται για εισαγωγή δεδομένων από τον χρήστη, περιέχει πεδία, κουμπιά, drop-down menus κ.τ.λ  Έχει δύο attributes: METHOD: Ένας browser έχει την δυνατότητα να στέλνει δεδομένα σε ένα script μέσω κάποιων μεθόδων  GET : τα δεδομένα πακετάρονται και στέλνονται στο τέλος του URL για το οποίο προορίζονται, έτσι γίνεται στην Google.com (πίνακα μεταβλητών $_GET)  POST: τα δεδομένα στέλνονται σαν μια ανεξάρτητη ροή δεδομένων. (πίνακα μεταβλητών $_POST ) ACTION: Ορίζει το script το οποίο θα επεξεργαστεί τα δεδομένα

ΡΗΡ script  Tag : Καθορίζει την περιοχή στην οποία ο χρήστης εισάγει δεδομένα, εχει τους παρακάτω παραμέτρους: Type: Ορίζει το είδος της περιοχής που αναφέρεται το input.  text για πεδία κειμένου.  Radio button για στρογγυλά κουμπιά.  submit για κουμπιά υποβολής φόρμας.  password για εισαγωγή συνθηματικού. Name: Δίνει όνομα στο πεδίο εισόδου των δεδομένων ώστε να αναγνωρίζεται από το script που θα κάνει την επεξεργασία Value: Ορίζει την τιμή του πεδίου π.χ. όνομα του κουμπιού.