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