Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Δημιουργία Ιστοσελίδων

1,081 views

Published on

Μια συνοπτική περιγραφή των εργαλείων δημιουργίας ιστοσελίδων.

Published in: Internet
  • Be the first to comment

Δημιουργία Ιστοσελίδων

  1. 1. ΔΗΜΙΟΤΡΓΙΑ Ι΢ΣΟ΢ΕΛΙΔΩΝ HTML – CSS – JAVA SCRIPT – PHP – DRUPAL Ένασ Συνοπτικόσ Οδθγόσ
  2. 2. • HTML • CSS • JAVA SCRIPT • PHP • DRUPAL Ενδιαφζρεςτε για τη δημιουργία ιςτοςελίδων, αλλά ζχετε μπερδευτεί! Σι ςημαίνουν όλα αυτά, από ποφ πρζπει να ξεκινήςετε; Εργαλεία Δημιουργίασ Ιςτοςελίδων
  3. 3. Πολλά πράγματα πρζπει να μάκει κανείσ, για να γίνει επαγγελματίασ ςτθν Ανάπτυξη Δικτυακών Σόπων (Web Developer) Ασ εξετάςουμε βιμα – βιμα, τα ςθμαντικότερα Web Developer
  4. 4. Η HTML, είναι θ βαςικι γλώςςα δθμιουργίασ ιςτοςελίδων. Κάκε ιςτοςελίδα αρχίηει και τελειώνει με τθν ετικζτα: <html> HTML <html> <body> <p> Hello World </p> <img src=“world.jpg”> </body> </html> Hello World Κώδικασ HTML Ιςτοςελίδα ςτον browser
  5. 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. 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. 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. 8. HTML + CSS + JAVA SCRIPT + PHP • HTML: προςδιορίηει το περιεχόμενο μιασ ιςτοςελίδασ. • CSS: προςδιορίηει τθ μορφι και τθ διάταξθ του περιεχομζνου τθσ ιςτοςελίδασ. • JavaScript - PHP: προςδιορίηουν τθ ςυμπεριφορά τθσ ιςτοςελίδασ. Σο’ πιαςα!
  9. 9. Το Drupal είναι ζνα Content Management System. Ένα ςφςτθμα εγκατάςταςθσ, ανάπτυξθσ και διαχείριςθσ δικτυακών τόπων, με απεριόριςτεσ δυνατότθτεσ! Συνδυάηοντασ όλα τα προθγοφμενα εργαλεία, το Drupal ςασ δίνει τθ δυνατότθτα να γίνετε ζνασ επαγγελματίασ Web Developer DRUPAL
  10. 10. ( HTML + CSS + JAVA SCRIPT + PHP + … ) = DRUPAL • HTML – CSS: περιεχόμενο και μορφοποιιςεισ. • JAVASCRIPT - PHP: προγραμματιςμόσ για δυναμικζσ ιςτοςελίδεσ. • DRUPAL: ςφςτθμα που περιλαμβάνει όλα τα παραπάνω, για τθν ανάπτυξθ πανίςχυρων δικτυακών τόπων! Σο’ πιαςα!
  11. 11. Καμήλαλη Δζςποινα deskamilali@gmail.com

×