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: ςφςτθμα που
περιλαμβάνει όλα τα
παραπάνω, για τθν ανάπτυξθ
πανίςχυρων δικτυακών τόπων!
Σο’ πιαςα!