====== HTML - Άσκηση 1 - Εισαγωγή ======
* Νέα : Ετικέτες ** <BODY>**
\\
===== Ασκηση 1a - Εγκατάσταση περιηγητών και επεξεργαστή ιστοσελίδων =====
- Εγκατάσταση περιηγητών
- Ψάξτε στο google για τον περιηγητή firefox
- Εάν είναι ήδη εγκατεστημένος ο firefox, ανοίξτε τον περιηγητή firefox και πηγαίνετε Βοήθεια / Περί ή Σχετικά για να δείτε την έκδοση
- Εάν δεν είναι εγκατεστημένος ο περιηγητής firefox ή η έκδοση είναι παλιά θα τον κατεβάσουμε και θα τον εγκαταστήσουμε.
- Επαναλάβετε τα βήματα 1-3 για τους περιηγητές (opera, chrome. Seamonkey)
- Εγκατάσταση επεξεργαστή ιστοσελίδων
- Ψάξτε στο google για τον επεξεργαστή ιστοσελίδων geany
- Εάν είναι ήδη εγκατεστημένος ο επεξεργαστής ιστοσελίδων geany, ανοίξτε τον και πηγαίνετε Βοήθεια / Περί για να δείτε την έκδοση
- Εάν δεν είναι εγκατεστημένος ο επεξεργαστής ιστοσελίδων geany ή η έκδοση είναι παλιά, θα τον κατεβάσουμε και θα τον εγκαταστήσουμε.
- Επαναλάβετε τα βήματα 1-3 για την εφαρμογή notepad++
- Εμφάνιση κώδικα html από ιστοσελίδα
- Ανοίξτε την ιστοσελίδα www.debian.org από τον firefox.
- Πηγαίνετε προβολή κώδικας σελίδας
- Βρείτε και σημειώστε δεξιά της, την γραμμή που βρίσκεται κάθε βασική ετικέτα
<code html>
<HTML>
<HEAD>
<TITLE>
===== Ασκηση 1b - Δημιουργία 1ης ιστοσελίδας =====
- Ανοίξτε τον επεξεργαστή ιστοσελίδων
- Αποθηκεύστε στο X:/mathimata/html/askiseis/ με όνομα askisi1b.html
- Θα φτιάξουμε μια νέα ιστοσελίδα, χρησιμοποιώντας τις βασικές ετικέτες ** <BODY>**
- Πληκτρολογήστε τον παρακάτω κώδικα html. Προσοχή εάν υπάρχουν ήδη κάποιες ετικέτες δεν τις ξαναγράφουμε αλλά τις τροποποιούμε.
<code html>
<HTML>
<HEAD>
<TITLE>HTML : ΜΑΘΗΜΑ 1
Η πρώτη μας ιστοσελίδα σε HTML!!!!
- Τοποθετήστε τον τίτλο (χωρίς το – iceweasel) και χρησιμοποιήστε τις ετικέτες
και όπου χρειάζεται
- Αλλαγή του τίτλου σε **Σελίδα με απλό κείμενο**
\\
----
\\
* Κάθε 1-2 γραμμές που πληκτρολογείτε, αποθηκεύετε με CTRL-S
* Για να δείτε το αποτέλεσμα ανοίξτε το αρχείο html από έναν περιηγητή (Firefox,IE) ή εάν το έχετε ήδη ανοίξει πατήστε F5 για επαναφόρτωση
* Εναλλαχθείτε στον περιηγητή και στον επεξεργαστή html με ALT-TAB
* Επαναλάβετε συχνά τα παραπάνω βήματα εωσότου το αποτέλεσμα στον περιηγητή να είναι όμοιο με την παρακάτω Εικόνα
\\
{{:el:school:lessons:html:askisi1b.png?nolink}}
==== Εργασία για το σπίτι ====
Ψάξτε στο google και κατεβάστε τουλάχιστον 2 από τους περιηγητές firefox, opera, chrome, seamonkey ή πάρτε τους μέσω usb stick από τον φάκελο //lserver/public/software/mathimata/html.
Εγκαταστήστε τους στον υπολογιστή σας
Ομοίως για τους επεξεργαστές ιστοσελίδων geany και notepad++