Project σε HTML
Θέμα: Να δημιουργήσετε μία σελίδα για ένα χωριό ή μια παραλία του νησιού.
Για να κάνετε τo project, θα χρειαστείτε τα εξής:
- Να εγκαταστήσετε στον υπολογιστή σας ένα πρόγραμμα για να επεξεργάζεστε αρχεία HTML, όπως
τον Pluma που χρησιμοποιούσαμε στο εργαστήριο. Προτείνω να επιλέξετε ένα από τα παρακάτω:
- Για windows: τo Notepad++
- Για Android: το WebMaster's HTML Editor Lite
- Για iOS: το HTML & HTML5 Editor
- Για να φτιάξετε τη σελίδα σας,
- Σε Windows: Kατεβάστε αυτά τα αρχεία, αποσυμπιέστε τα σε ένα φάκελο στον υπολογιστή σας, και επεξεργαστείτε το αρχείο index.html. (προσοχή, για να ανοίξετε το αρχείο για επεξεργασία, κάντε δεξί κλικ πάνω του και επιλέξτε "Άνοιγμα με -> Notepad ++". Για να το δείτε, απλά κάντε διπλό κλικ πάνω του για να σας ανοίξει στον browser σας)
- Σε Android ή iOS: Αντιγράψτε τον παρακάτω κώδικα και επικολλήστε τον στο πρόγραμμα που κατεβάσατε
στο 1ο βήμα (Webmaster's HTML Editor ή HTML & HTML5 Editor)
<html> <head> <title>ΌνομαΠεριοχής</title> </head> <body> <main> <h1>Εδώ βάζετε τον τίτλο της τοποθεσίας </h1> <div class="credits"> Επιμέλεια: Ονοματεπώνυμο </div> <p>Εδώ θα μπει η 1η παράγραφος - μπλα μπλα</p> <p>Εδώ θα μπει η 2η μπλα - μπλα - μπλου κλπ</p> </main> </body> </html>
- Στο αρχείο index.html (αν είστε σε windows) ή σε αυτό που δημιουργήσατε στον HTML Εditor (που επικολλήσατε το προηγούμενο μπλοκ εντολών HTML), ορίζετε τον τίτλο στο <title> και στο <h1>, βάζετε το κείμενό σας σε παραγράφους.
- Τέλος, αφού ολοκληρώσετε το κείμενό σας, μου το στέλνετε το αρχείο που φτιάξατε (είτε το index.html είτε όπως το ονομάσατε) με e-mail. Όταν μου το στείλετε, θα επικοινωνήσω μαζί σας για να σας δείξω πως θα το ανεβάσουμε στο site του σχολείου.