Μάθημα : Σχεδίαση και Ανάπτυξη Ιστοτόπων - Β ΕΠΑΛ

Σχεδίαση και Ανάπτυξη Ιστοτόπων - Β ΕΠΑΛ

2040045155 - ΖΩΗ ΓΚΑΡΑΝΑΤΣΗ

Ενότητες μαθήματος

Εφαρμογή 4: Περισσότερες μορφοποιήσεις

Εφαρμογή 3: Περιεχόμενο με σημ... Εφαρμογή 5: Εμφάνιση… με στυλ

Συνεχίζουμε με την τέταρτη εφαρμογή, στην οποία παρουσιάζονται περισσότερες ετικέτες που
αφορούν τη βασική μορφοποίηση, αλλά και επιπλέον σημασιολογικές επισημάνσεις του
περιεχομένου μιας ιστοσελίδας

--------------------------------------------------------------------------------------

<!DOCTYPE html>
<!-- Εφαρμογή 4: Περισσότερες βασικές και σημασιολογικές μορφοποιήσεις
Αρχείο p04.html
-->
<html lang="el-GR">
<head>
<title>1ο παράδειγμα Pascal</title>
<meta charset="utf-8">
</head>
<body>
<h1>Προγραμματισμός Pascal (Γ<sub>Πληροφορικής</sub>): το πρώτο παράδειγμα</h1>
<p>Όπως αναφέρει το βιβλίο του μαθήματος <cite>Προγραμματισμός Υπολογιστών </cite> <q>Η γλώσσα PASCAL σχεδιάστηκε από τον Nicklaus Wirth</q> και <q>Πήρε το όνομά της προς τιμή του μαθηματικού και φιλοσόφου Blaise Pascal</q>.</p>
<h2>Περιγραφή</h2>
<p>Το πρώτο παράδειγμα προγραμματισμού σε Pascal είναι ένα απλό πρόγραμμα το οποίο απλά εμφανίζει στο τερματικό εντολών το μήνυμα"Γεια σου κόσμε!"</p>
<h2>Μεταδεδομένα</h2>
<p>Δυσκολία: Αρχάριοι - <del>Προχωρημένοι</del></p>
Προγραμματιστής: <ins>Θαλής Ειρηναίος</ins>
<p><datetime>Υλοποίηση: Δευτέρα, 20 Ιουλίου 2015, 22:40.</datetime></p>
<address>Τόπος:<br>Μετέωρα, <br>Δήμος Παύλου Μελά, <br>Θεσσαλονίκη.</address>
<h2>Ο κώδικας του προγράμματος</h2>
<pre>
Program hello;
begin
writeln('Γεια σου κόσμε!');
end.
</pre>
<h2>Παρατηρήσεις</h2>
<p>Σχετικά με τη δήλωση <code>Program</code> της γραμμής 1 το βιβλίο αναφέρει:
<blockquote cite="http://goo.gl/CJQeWb">8.3.1 Επικεφαλίδα (σελίδα 76)<br> Ένα πρόγραμμα Pascal αρχίζει με τη λέξη <strong>program</strong> πουακολουθείται από το <strong>όνομα</strong> του προγράμματος και μια<strong> λίστα με τα ονόματα αρχείων</strong> τα οποία μπορεί να είναι προαιρετικά μονάδες εισόδου/εξόδου ή τα αρχεία που θα χρησιμοποιήσει κατά την εκτέλεσή του.</blockquote>
</p>
<p>Σχετικά με τη δήλωση <code>begin ... end.</code> των γραμμών 2,4 το βιβλίο αναφέρει:<blockquote cite="http://goo.gl/CJQeWb">8.3.3 Κύριο Πρόγραμμα (σελίδα 78)<br>Η λέξη <strong>begin (αρχή)</strong> δηλώνει την αρχή των εντολών του προγράμματος που εκτελεί ο υπολογιστής, δηλαδή το <strong>κύριο </strong> πρόγραμμα, ενώ η λέξη <strong>end (τέλος)</strong> δηλώνει το τέλος του προγράμματος.</blockquote>
</p>
<p>Η δήλωση <code>writeln</code> της γραμμής 3 εμφανίζει το όρισμά της στο αρχείο εξόδου του προγράμματος, το οποίο στην περίπτωση αυτή είναι το τερματικό.</p>
<h2>Διαδικασία</h2>
<p>Χρησιμοποιώντας ένα συντάκτη κειμένου, όπως ο vi ή ο gedit, πληκτρολογούμε τον κώδικα του προγράμματος και τον αποθηκεύουμε με όνομα <code>p01.pas</code>.</p>
<p>Κατόπιν μεταγλωττίζουμε τον κώδικα δίνοντας στο τερματικό την εντολή <code>fpc p01.pas</code></p>
<p>Κατά τη μεταγλώττιση θα δούμε κάποια μηνύματα σαν τα ακόλουθα:<br>
<samp>Free Pascal Compiler version 2.6.0-9 [2013/04/14] for i386<br>
Copyright (c) 1993-2011 by Florian Klaempfl and others<br>
Target OS: Linux for i386<br>
Compiling hello.pas<br>
Linking hello<br>
</samp></p>
<p>Στη συνέχεια εκτελούμε τον <em>κώδικα μηχανής</em> που προέκυψε από τη<em> μεταγλώττιση του πηγαίου</em> και τη <em>διασύνδεση του αντικείμενου προγράμματος</em>, δίνοντας στο τερματικό την εντολή <code>./p01
</code></p>
<p>Τότε θα πρέπει να δούμε στο τερματικό μας το μήνυμα<br><samp>Γεια σου κόσμε!
</samp></p>
</body>
</html>