Behat for writing tests in a stylized way
Le téléchargement de votre SlideShare est en cours.
×
Consultez-les par la suite
Plus De Contenu Connexe
Les utilisateurs ont également aimé (10)
Similaire à Δημιουργία Ιστοσελίδων (20)
Plus par Despina Kamilali (20)
Plus récents (8)
Δημιουργία Ιστοσελίδων
- 1. ΔΗΜΙΟΤΡΓΙΑ ΙΣΟΕΛΙΔΩΝ HTML – CSS – JAVA SCRIPT – PHP – DRUPAL Ένασ Συνοπτικόσ Οδθγόσ
- 2. • HTML • CSS • JAVA SCRIPT • PHP • DRUPAL Ενδιαφζρεςτε για τη δημιουργία ιςτοςελίδων, αλλά ζχετε μπερδευτεί! Σι ςημαίνουν όλα αυτά, από ποφ πρζπει να ξεκινήςετε; Εργαλεία Δημιουργίασ Ιςτοςελίδων
- 3. Πολλά πράγματα πρζπει να μάκει κανείσ, για να γίνει επαγγελματίασ ςτθν Ανάπτυξη Δικτυακών Σόπων (Web Developer) Ασ εξετάςουμε βιμα – βιμα, τα ςθμαντικότερα Web Developer
- 4. Η HTML, είναι θ βαςικι γλώςςα δθμιουργίασ ιςτοςελίδων. Κάκε ιςτοςελίδα αρχίηει και τελειώνει με τθν ετικζτα: <html> HTML <html> <body> <p> Hello World </p> <img src=“world.jpg”> </body> </html> Hello World Κώδικασ HTML Ιςτοςελίδα ςτον browser
- 5. Η CSS, είναι γλώςςα μορφοποίθςθσ του περιεχομζνου. Μποροφμε να προςκζςουμε τισ εντολζσ τθσ ςτον κώδικα τθσ HTML, για να πάρουμε πιο εντυπωςιακζσ ιςτοςελίδεσ! CSS <html> <head> <style> p.x {color:rgb(0,0,255);} </style> </head> <body> <p>Δεν είναι τησ κλάςησ x. </p> <p class="x“>Είναι τησ κλάςησ x!</p> </body> </html> Δεν είναι τησ κλάςησ x. Είναι τησ κλάςησ x! Κώδικασ HTML + CSS Ιςτοςελίδα ςτον browser
- 6. Η JAVA SCRIPT, είναι μία γλώςςα προγραμματιςμοφ για ιςτοςελίδεσ. Μποροφμε να προςκζςουμε τισ εντολζσ τθσ ςτον κώδικα τθσ HTML, για να πάρουμε δυναμικζσ ιςτοςελίδεσ! Οι εντολζσ τθσ Java Script εκτελοφνται ςτον υπολογιςτι του χριςτθ. JAVA SCRIPT <html> <body> <button onclick="myFunction()">Πάτηςζ με</button> <p id="demo"></p> <script> function myFunction() { var x=""; var time=new Date().getHours(); if (time<20) { x="Καλημζρα!"; } document.getElementById("demo").innerHTML=x; } </script> </body> </html>
- 7. Η PHP, είναι κι αυτι μία γλώςςα προγραμματιςμοφ για ιςτοςελίδεσ. Μποροφμε να προςκζςουμε τισ εντολζσ τθσ ςτον κώδικα τθσ HTML, για να πάρουμε δυναμικζσ ιςτοςελίδεσ, οι οποίεσ μποροφν να ςυνδεθοφν με βάςεισ δεδομζνων και να προςφζρουν απεριόριςτεσ δυνατότθτεσ. Οι εντολζσ PHP εκτελοφνται ςτο server! PHP … $query = "SELECT * FROM USER WHERE EMAIL='$user' and PASSWORD='$password' "; $results = mysql_query ($query) or die(mysql_error()); $res=mysql_num_rows($results); if ($res ==1) { $_SESSION['authuser'] = 1; echo «Καλώσ ιλκατε" , $_POST['Name']; echo '<a href="user.php"> Η αρχικι ςασ ςελίδα </a>'; } else { echo «Έχετε ξεχάςει το όνομα χριςτθ ι τον κωδικό πρόςβαςθσ"; echo "<br>"; echo «Παρακαλώ προςπακιςτε ξανά"; exit(); } ?> Ζλεγχοσ πρόςβαςησ του χρήςτη
- 8. HTML + CSS + JAVA SCRIPT + PHP • HTML: προςδιορίηει το περιεχόμενο μιασ ιςτοςελίδασ. • CSS: προςδιορίηει τθ μορφι και τθ διάταξθ του περιεχομζνου τθσ ιςτοςελίδασ. • JavaScript - PHP: προςδιορίηουν τθ ςυμπεριφορά τθσ ιςτοςελίδασ. Σο’ πιαςα!
- 9. Το Drupal είναι ζνα Content Management System. Ένα ςφςτθμα εγκατάςταςθσ, ανάπτυξθσ και διαχείριςθσ δικτυακών τόπων, με απεριόριςτεσ δυνατότθτεσ! Συνδυάηοντασ όλα τα προθγοφμενα εργαλεία, το Drupal ςασ δίνει τθ δυνατότθτα να γίνετε ζνασ επαγγελματίασ Web Developer DRUPAL
- 10. ( HTML + CSS + JAVA SCRIPT + PHP + … ) = DRUPAL • HTML – CSS: περιεχόμενο και μορφοποιιςεισ. • JAVASCRIPT - PHP: προγραμματιςμόσ για δυναμικζσ ιςτοςελίδεσ. • DRUPAL: ςφςτθμα που περιλαμβάνει όλα τα παραπάνω, για τθν ανάπτυξθ πανίςχυρων δικτυακών τόπων! Σο’ πιαςα!
- 11. Καμήλαλη Δζςποινα deskamilali@gmail.com
