Μάθημα : Σχεδίαση και Ανάπτυξη Ιστοτόπων - Β ΕΠΑΛ
Κωδικός : 2040045155
-
Εμφάνιση όλων των ενοτήτων
-
Εφαρμογή 1: Μια πρώτη, μινιμαλιστική ιστοσελίδα
-
Βίντεο - Παρουσίαση 1ου Μέρους
-
Εφαρμογή 2: Συμβολικό… κείμενο
-
Παράγραφοι, unicode χαρακτήρες και επικεφαλίδες
-
Εφαρμογή 3: Περιεχόμενο με σημασία
-
Εφαρμογή 4: Περισσότερες μορφοποιήσεις
-
Εφαρμογή 5: Εμφάνιση… με στυλ
-
Εφαρμογή 6: Οργάνωση του περιεχομένου με λίστες
-
Εφαρμογή 7: Χρησιμοποιώντας στυλ… εξωτερικό
-
Εφαρμογή 8: Πίνακας… κλασικών επιτυχιών
-
Εφαρμογή 9: Σύνδεσμοι σε χρήσιμα εργαλεία λογισμικού
-
Εφαρμογή 10: Κρυφτό!
-
Εφαρμογή 11: Ελληνικό καλοκαιρινό στυλ
-
Εφαρμογή 12: Δεδομένα σε… φόρμα
-
Εφαρμογή 13: Πολυμεσική πανδαισία
-
Εφαρμογή 14: Χάρτης εικόνας
-
Εφαρμογή 15: Διανυσματικά γραφικά με… τύπο
-
Εφαρμογή 16: Ευπροσάρμοστο περιεχόμενο
-
Glitch environment
-
Εφαρμογή 1: Μια πρώτη, μινιμαλιστική ιστοσελίδα
Εφαρμογή 10: Κρυφτό!
<!DOCTYPE html>
<!-- Εφαρμογή 10: Εμφάνιση και απόκρυψη στοιχείων της
ιστοσελίδας μέσω μορφοποίησης CSS
Αρχείο p10.html
-->
<html lang="el-GR">
<head>
<title>Γλώσσες σεναρίων</title>
<meta charset="utf-8">
<meta name="author" content="Ο συγγραφέας">
<meta name="description" content="Εμφάνιση συγκεκριμένων υποδιαιρέσεων
του περιεχομένου">
<style>
div {
display: none;
}
ol li {
margin: 8px;
}
.epilogi:hover div{
display: block;
margin: 4px;
padding: 4px;
border: 3px dotted blue;
background-color: yellow;
}
.epilogi:hover div:first-line{
font-size: 20px;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: 900;
}
.epilogi:hover div:first-letter{
font-size: 30px;
margin: 4px;
color: green;
}
.epilogi:hover div span{
background-color: cyan;
}
</style>
</head>
<body>
<h1>Μερικές από τις γλώσσες προγραμματισμού σεναρίων για τον παγκόσμιο
ιστό</h1>
<ul>
<li>Πελάτη
<ol>
<li class="epilogi">JavaScript
<div>
Η JavaScript, γνωστή και ως ECMAScript, είναι μία
δυναμική γλώσσα προγραμματισμού. Χρησιμοποιείται
συχνότερα σε φυλλομετρητές επιτρέποντας την εκτέλεση
σεναρίων για την αλληλεπίδραση με το χρήστη, τον
έλεγχο του φυλλομετρητή, την ασύγχρονη επικοινωνία
και τη μεταβολή του εγγράφου που προβάλλεται εκείνη
τη στιγμή. Χρησιμοποιείται επίσης για την ανάπτυξη
σεναρίων που εκτελούνται στην πλευρά του
εξυπηρετητή, για τη δημιουργία παιχνιδιών, αλλά και
για τη δημιουργία desktop και mobile εφαρμογών.
<span>Πηγή: <a
href="https://en.wikipedia.org/wiki/JavaScript">
Wikipedia</a>.</span>
</div>
</li>
<li class="epilogi">Perl
<div>
Οι γλώσσες Perl είναι υψηλού επιπέδου, γενικού
σκοπού, διερμηνευόμενες, δυναμικές γλώσσες
προγραμματισμού. Η οικογένεια των γλωσσών Perl
περιλαμβάνει της γλώσσες Perl 5 και Perl 6. Ο όρος
Perl δεν είναι ακρωνύμιο, αλλά συχνά του αποδίδεται
το "Practical Extraction and Reporting Language". Η
Perl αναπτύχθηκε από τον Larry Wall ως μία γενικού
σκοπού γλώσσα σεναρίων για την παραγωγή αναφορών στο
λειτουργικό σύστημα Unix. Η Perl 6, η οποία αποτελεί
ανασχεδιασμό της Perl 5, εξελίχθηκε σε μία χωριστή
γλώσσα. Έτσι οι δύο γλώσσες συνεχίζουν να
εξελίσσονται χωριστά. Οι γλώσσες Perl δανείζονται
λειτουργίες από άλλες γλώσσες, όπως η C, η γλώσσα
σεναρίων κελύφους (sh), η AWK και η sed. Η Perl 5
έγινε γνωστή στα τέλη της δεκαετίας του 1990, ως
γλώσσα σεναρίων <abbr
title="Common Gateway Interface">CGI</abbr>,
λόγω των εξαιρετικών δυνατοτήτων της στην
επεξεργασία κανονικών εκφράσεων και
συμβολοσειρών.
<span>Πηγή: <a
href="https://en.wikipedia.org/wiki/Perl">
Wikipedia</a>.</span>
</div>
</li>
<li class="epilogi">Rexx
<div>
Η Rexx (REstructured eXtended eXecutor) είναι μια
διερμηνευόμενη γλώσσα προγραμματισμού η οποία
αναπτύχθηκε στην <abbr title="International Business
Machines Corp.">IBM</abbr>
από τον Mike Cowlishaw. Είναι μία δομημένη, υψηλού
επιπέδου γλώσσα προγραμματισμού που σχεδιάστηκε ώστε
να βοηθά την ανάγνωση και μάθηση του κώδικά της. Η
Rexx χρησιμοποιείται ευρέως ως γλώσσα σεναρίων και
μακροεντολών, ενώ συχνά χρησιμοποιείται και για
επεξεργασία δεδομένων και δημιουργία αναφορών. Αυτές
οι ομοιότητες με την Perl σημαίνουν ότι η Rexx
λειτουργεί καλά και σε εφαρμογές <abbr
title="Common Gateway Interface">CGI</abbr>.
<span>Πηγή: <a
href="https://en.wikipedia.org/wiki/Rexx">
Wikipedia</a>.</span>
</div>
</li>
</ol>
</li>
<li>Εξυπηρετητή
<ol>
<li class="epilogi">PHP
<div class="content" id="PHP">
Η PHP είναι μία γλώσσα σεναρίων στην πλευρά του
εξυπηρετητή. Σχεδιάστηκε για την ανάπτυξη ιστοσελίδων,
αλλά χρησιμοποιείται και ως γλώσσα προγραμματισμού γενικού
σκοπού. Εμπνευστής της είναι ο Rasmus Lerdorf, ενώ πλέον
αναπτύσσεται από το <em>The PHP Group</em>. Αρχικά το
ακρωνύμιο PHP σήμαινε <em>Personal Home Page</em>, ενώ
πλέον σημαίνει <em>PHP: Hypertext Preprocessor</em>, το
οποίο αποτελεί και ένα αναδρομικό ακρωνύμιο. Ο κώδικας PHP
μπορεί να αναμιχθεί με κώδικα HTML ή άλλα πλαίσια και
μηχανές ανάπτυξης ιστοσελίδων. Τον κώδικα PHP επεξεργάζεται
ένας διερμηνέας PHP, ο οποίος συνήθως υλοποιείται με τη
μορφή ενός αρθρώματος (module) του εξυπηρετητή ή ως ένα
πρόγραμμα CGI. Μετά την εκτέλεση του κώδικα PHP, ο
εξυπηρετητής ιστοσελίδων στέλνει το αποτέλεσμα στον πελάτη,
συνήθως με τη μορφή μίας ιστοσελίδας ή τμήματός της. Για
παράδειγμα, ο κώδικας PHP μπορεί να παράγει τον κώδικα HTML
μιας ιστοσελίδας, μια εικόνα ή άλλο περιεχόμενο.
<span>Πηγή: <a href="https://en.wikipedia.org/wiki/PHP">
Wikipedia</a>.</span>
</div>
</li>
<li class="epilogi">JSP
<div>
Η τεχνολογία <abbr title="JavaServer Pages">JSP
</abbr> βοηθά τους προγραμματιστές να δημιουργούν
δυναμικές ιστοσελίδες βασισμένες σε έγγραφα τύπου
HTML, XML, κ.α. Κυκλοφόρησε το 1999 από τη Sun
Microsystems. Είναι παρόμοια με την PHP, με τη
διαφορά ότι βασίζεται στη γλώσσα προγραμματισμού
Java.
<span>Πηγή: <a
href="https://en.wikipedia.org/wiki/JavaServer_Pages">
Wikipedia</a>.</span>
</div>
</li>
</ol>
</li>
</ul>
</body>
</html>