.
Με το πρόγραμμα Hot Patatoes μπορούμε να φτιάξουμε ασκήσεις, κουίζ, σταυρόλεξα κτλ. Ένα πράγμα που δε μου άρεσε σ' αυτή την εφαρμογή είναι ότι δεν είναι και πολύ παραμετροποιήσιμη σε ό,τι αφορά την εμφάνιση της ιστοσελίδας που παράγει. Μέσα από την εφαρμογή μπορούμε να αλλάξουμε μόνο μερικά χρώματα και την εικόνα (background) της σελίδας γύρω από το πλαίσιο της άσκησης.

Στα τόσα παραδείγματα ασκήσεων που έχω βρει στο δίκτυο, τα περισσότερα είναι ψυχρά και άχαρα. Κακά τα ψέματα. Αν δεν είναι και λίγο ελκυστική η δραστηριότητα από άποψη εμφάνισης, ο μαθητής θα βαρεθεί γρήγορα. Βέβαια δεν είμαστε όλοι σχεδιαστές για να φτιάξουμε το σούπερ design αλλά από τη γκριζάδα που έχει εξ' ορισμού το πρόγραμμα, σίγουρα θα τα καταφέρουμε καλύτερα.

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

Κάντε κλικ εδώ για να δείτε ένα παράδειγμα.

Πώς γίνεται αυτό;

Ανοίγουμε το "Σημειωματάριο" των Windows, πάμε Αρχείο > Άνοιγμα, ψάχνουμε, βρίσκουμε και ανοίγουμε τη σελίδα htm που φτιάξαμε με το Hot Patatoes. Δε θα καθήσω να εξηγήσω τι σημαίνουν όλα αυτά τα "κινέζικα" που θα δείτε (λες και τα ξέρω κι εγώ; με τη μέθοδο της δοκιμής και πλάνης τα βρίσκω) αλλά θα πάμε κατευθείαν στο "ψητό".

Το πρώτο που έψαξα να βρω ήταν το πώς θα κάνω σταθερό το πλάτος της σελίδας (του "παραθύρου" της άσκησης). Ο λόγος είναι ότι με σταθερό πλάτος, το κείμενο ή οι εικόνες αναδιπλώνονται σε όλες τις οθόνες στο ίδιο σημείο, κρατώντας έτσι παντού την ίδια εμφάνιση, που καθορίζουμε εμείς. Το επόμενο ήταν να μπορέσω να βάλω μια εικόνα μέσα στο πλαίσιο της άσκησης μπας και το ομορφύνω λιγάκι.

1) Με τις παρακάτω εντολές αλλάζουμε το μέγεθος του παραθύρου της άσκησης:
Κάτω από την ενότητα "body" (κάπου πιο κάτω από τη γραμμή 30) βάζουμε τις παρακάτω εντολές:

width: 800px; 
margin: 0 auto;

Η πρώτη εντολή ρυθμίζει το πλάτος του πλαισίου της άσκησης ώστε να παραμένει σταθερό στα 800 pixels (αν θέλετε το αλλάζετε) ενώ η δεύτερη το κεντράρει.
Λεπτομέρεια:
Αν στην ενότητα "body" υπάρχουν δύο γραμμές σαν τις παρακάτω:

margin-right: 5%; 
 margin-left: 5%;

τις διαγράφουμε ή (πιο σωστά) τις καθιστούμε ανενεργές. Για να καταστήσουμε ένα τμήμα του κώδικα ανενεργό, βάζουμε στην αρχή του τμήματος το /* και στο τέλος του τμήματος το αντίστροφο */ Δηλ. στο συγκεκριμένο παράδειγμα καθιστούμε τον κώδικα ανενεργό έτσι:

/*margin-right: 5%; 
margin-left: 5%;*/

με αυτόν τον τρόπο η εφαρμογή ανάγνωσης ιστοσελίδων (IExplorer ή Firefox) θεωρεί το τμήμα αυτό ως "σχόλιο" και δεν το εκτελεί.

2) Τώρα μπορούμε να ανοίξουμε την ιστοσελίδα μας με ένα πρόγραμμα κατασκευής ιστοσελίδων όπως το Kompozer (free), το Front Page ή το Dreamweaver και να αλλάξουμε μέγεθος, στιλ ή χρώμα στο κείμενο, να πειραματιστούμε αλλάζοντας κάποιες τιμές σε περιθώρια, κάδρα, να βάλουμε κάποια εικόνα μέσα στο πλαίσιο της άσκησης, να την κεντράρουμε κτλ. μέχρι να πετύχουμε το αποτέλεσμα που μας ικανοποιεί.

Αρκετά από αυτά γίνονται και μέσα από την εφαρμογή Hot Potatoes από τη "Διαμόρφωση επιλογών", όπως π.χ. η εικόνα που περιβάλλει το πλαίσιο της άσκησης (ταπετσαρία), μπορεί να καθοριστεί και μέσα απ΄το πρόγραμμα Hot Potatoes πολύ εύκολα από το μενού Επιλογές > Διαμόρφωση επιλογών > Εμφάνιση > στο σημείο που λέει "URL γραφικού φόντου" γράφουμε το όνομα της εικόνας μας που (πάντα) θα πρέπει να βρίσκεται στον ίδιο φάκελο που θα έχουμε και τη σελίδα htm που θα δημιουργήσουμε.
Το ίδιο γίνεται και με την εικόνα μέσα στο παράθυρο της άσκησης: Πηγαίνετε στο μενού Εισαγωγή > Εικόνα.
Σε ό,τι αφορά αρχεία στο Internet, να προτιμάτε να γράφετε τα ονόματα των αρχείων με λατινικούς χαρακτήρες (δια παν ενδεχόμενο) και χωρίς κενά.


Το παρακάτω είναι για μια πιο εξειδικευμένη επέμβαση:
3) Με την παρακάτω αλλαγή βάζουμε εικόνα - ταπετσαρία μέσα στο πλαίσιο της άσκησης:
Κάτω από την ενότητα "div.StdDiv{" (κάπου πιο κάτω από τη γραμμή 80), στην πρώτη γραμμή της ενότητας προσθέτουμε τον κώδικα για την εικόνα μας όπως στο παρακάτω παράδειγμα:
background: url(heikonamas.jpg) repeat;
Στο σημείο που λέει heikonamas.jpg βάζουμε το όνομα της εικόνας η οποία θέλουμε να εμφανίζεται μέσα στο πλαίσιο της άσκησης (θα πρέπει να είναι στον ίδιο φάκελο με την σελίδα της άσκησης). Αν θέλουμε οριζόντια επανάληψη της εικόνας γράφουμε : repeat-x; ή για κάθετη: repeat-y , για τις δύο κατευθύνσεις : repeat; σκέτο. Το no-repeat; σημαίνει χωρίς επανάληψη.
Βέβαια αν είναι να μην λειτουργεί σαν ταπετσαρία η εικόνα μας (με επαναλήψεις), τότε είναι καλύτερα να την βάλουμε "χειροκίνητα" με σύρσιμο και απόθεση στο σημείο που θέλουμε μέσα από ένα πρόγραμμα κατασκευής ιστοσελίδων όπως το Kompozer.

Δείτε το παράδειγμα που ανέφερα και παραπάνω. Η διαφορά με τις προτηγανισμένες πατάτες του προγράμματος είναι εμφανέστατη. Η σελίδα έγινε από αποκρουστική που ήταν, πολύ πιο ευχάριστη.

Ντιζαϊνάτες πατάτες

.

και... προτηγανισμένες πατάτες

.

Όλα τα αρχεία είναι διαθέσιμα για κατέβασμα (παρακάτω). Είναι zip και για να λειτουργήσει πρέπει να αποσυμπιέσετε τα περιεχόμενά του και να ανοίξετε (με διπλό κλικ) το "contents.htm" που βρίσκεται μέσα στο φάκελο "Hpeiros".

Αν ανοίξετε τη σελίδα "01vouna1.htm" με το σημειωματάριο και κοιτάξετε μέσα στον κώδικα τα σχόλια που έχω βάλει στα ελληνικά , θα καταλάβετε πολλά πράγματα.

Ο φάκελος για κατέβασμα: Ντιζαϊνάτες πατάτες.
Είναι ανανεωμένη έκδοση σε σύγκριση με την εικόνα που βλέπετε παραπάνω.

Καλές δημιουργίες
...κι αν τηγανίσετε τίποτα νόστιμες πατάτες, πετάξτε καμία και προς τα δω.

Share:

Read More

.
Σημείωση: Η εν λόγω σελίδα έχει μεταφερθεί πια στο παρόν blog. 

Σε ένα από τα τελευταία μαθήματα (με το Δημήτρη) ασχοληθήκαμε με την κατασκευή ιστοσελίδας. Δουλέψαμε με το Front Page της Microsoft και ακόμα και οι ως τότε άσχετοι με το θέμα κατάφεραν να κάνουν την ιστοσελίδα τους να δουλέψει (τοπικά, στο δίσκο τους).

Η διαδικασία μου θύμισε ότι τόσο καιρό όλο ανέβαλα την κατασκευή μιας προσωπικής ιστοσελίδας στο sch.gr. Για να μην τα παρατάμε κιόλας και τα ξεχνάμε, το είδα σαν ευκαιρία και να 'την λοιπόν, έτοιμη: http://users.sch.gr/lefzik. Το τι περιέχει θα το δείτε εκεί, καθώς και τους λόγους ύπαρξής της.

Επ' ευκαιρίας να πω ότι ρίχνοντας μια ματιά στο: sch.gr > σελίδες των εκπαιδευτικών > δάσκαλοι > Ιωάννινα, είδα ότι αυτή τη στιγμή υπάρχουν μόνο δυο δάσκαλοι. Δηλαδή μέχρι προχτές ήταν μόνο ένας.

Πιστεύω ότι δεν είμαστε οι μοναδικοί Γιαννιώτες δάσκαλοι που έχουν να πουν κάτι στο internet, ίσα - ίσα. Θα έλεγα λοιπόν ότι μιας και ο χώρος προσφέρεται από το sch.gr, θα μπορούσε ο καθένας να το δει σαν ευκαιρία παρουσίας στο σχολικό δίκτυο. Όχι τίποτε άλλο αλλά από έναν νομό "δασκαλομάνα" σαν τον δικό μας, να δηλώνουν μόνο δύο δάσκαλοι παρόντες στο σχολικό δίκτυο, κάπως δε μου κάθεται καλά.

Κάτι θα βρείτε να γράψετε, να ανεβάσετε αλλά ακόμα και έτσι να μην είναι, φτιάξτε μια σελίδα για να δείτε πώς γίνεται, έτσι, για το καλημέρα. Εγώ - όπως αναφέρω και στη σελίδα μου - έτσι άρχισα τις πρώτες μου σελίδες: για να δω πώς γίνεται.

Η τελευταία αυτή σελίδα, βασισμένη σε ένα ελεύθερο πρότυπο, κατασκευάστηκε εξ' ολοκλήρου με το ελεύθερο λογισμικό "Kompozer". Τελικά είναι πολύ καλό πρόγραμμα και ελπίζω να μη σταματήσει η εξέλιξή του όπως είχε γίνει με το NVU που ήταν ο πρόγονός του. Ευτυχώς ανέλαβε άλλη ομάδα και η υπόθεση δε σταμάτησε εκεί. Μια τέτοια εφαρμογή δεν ήταν δυνατόν να λείπει από το ελεύθερο λογισμικό.

Δοκιμάστε το.

Share:

Read More

.
Πολλές φορές χρειάζεται να στείλουμε σε κάποιον ένα αρχείο (π.χ. μια εφαρμογή ή ένα βίντεο) το οποίο είναι πολύ μεγάλο σε όγκο και δεν είναι δυνατόν να το στείλουμε με E-mail (όλα τα E-mail έχουν όριο όγκου στο συνημμένο που μπορείς να στείλεις).

Σ' αυτή την περίπτωση μία είναι η λύση: "Ανεβάζουμε" το αρχείο σε έναν server που δίνει τη δυνατότητα να το κατεβάσει ο άλλος.
Ένας τέτοιος δικτυακός τόπος - server είναι το http://rapidshare.de

Το rapidshare είναι ας πούμε ένας τεράστιος αποθηκευτικός χώρος όπου μπορείς να ανεβάσεις οτιδήποτε και μετά να το κατεβάσεις (εσύ ή άλλος) από οπουδήποτε, αρκεί να έχεις σύνδεση internet.

1. Ανέβασμα του αρχείου στο server του rapidshare.

Δεν χρειάζεται καν να είστε καν γραμμένοι. Ανοίγετε τη διεύθυνση http://rapidshare.de > Στο παράθυρο που ανοίγει (όπως το παρακάτω) πατάτε "Αναζήτηση"(1) > Ανοίγει ένα παράθυρο αναζήτησης αρχείων > Βρίσκετε το αρχείο στο δίσκο σας > Πατάτε ΟΚ > Σας γυρίζει στη σελίδα του rapidshare η οποία αυτή τη φορά στη γραμμή καταχώρισης (2) περιέχει το όνομα του αρχείου που επιλέξατε να ανεβάσετε και > Κάνετε κλικ απλά στο (3) "Upload" (ανέβασμα).

Σημ.: Αν δεν φαίνονται καλά οι εικόνες, κάντε κλικ πάνω τους για να τις δείτε ολόκληρες.

Αν το αρχείο σας είναι πολύ μεγάλο, ανάλογα με τη σύνδεση, μπορεί να περιμένετε αρκετά μέχρι να ολοκληρωθεί η διαδικασία γιατί οι ταχύτητες upload είναι πολύ μικρότερες από αυτές του download.

2. Αντιγραφή της τοποθεσίας αποθήκευσης (link).

Μόλις ολοκληρωθεί η διαδικασία θα δείτε το παρακάτω παράθυρο που σας πληροφορεί (με κόκκινα γράμματα) ότι το αρχείο σας ανέβηκε και από κάτω βλέπετε δύο link (συνδέσμους).

Ο πρώτος σύνδεσμος (δίπλα από το #1 με το πράσινο) είναι η "διεύθυνση" του αρχείου που ανεβάσαμε. Κρατήστε την κάπου πρόχειρα (αντιγραφή επικόλληση π.χ. σε ένα αρχείο κειμένου) γιατί χωρίς αυτή δεν πρόκειται να ξαναβρείτε το αρχείο σας και ο κόπος σας θα πάει χαμένος.
Αν εσείς ή οποιοσδήποτε άλλος θελήσει να κατεβάσει αυτό το αρχείο σας, θα πρέπει να το κάνει με αυτόν τον σύνδεσμο. Μπορείτε απλά να κάνετε αντιγραφή - επικόλληση του συνδέσμου στη γραμμή διευθύνσεων του browser (φυλλομετρητή) σας.
Αν στείλετε τη διεύθυνση αυτή σε κάποιον φίλο σας με ένα E-mail, τότε αυτός μπορεί να κατεβάσει το αρχείο στο δίκο του κάνοντας απλά κλικ πάνω στη διεύθυνση που του στείλατε.

Ο δεύτερος σύνδεσμος, από κάτω, (δίπλα από το #1 με το κόκκινο) είναι η εντολή διαγραφής του αρχείου. Εφόσον όποιος χρειαζόταν το αρχείο το κατέβασε στο δίσκο του, σας είναι πια άχρηστο να εξακολουθεί να υπάρχει στο δίκτυο οπότε πατώντας αυτό το link, διαγράφετε το αρχείο από τον server του rapidshare (αμετάκλητα).

3. Κατέβασμα ενός αρχείου από το rapidshare στο δίσκο μας

Ας πούμε τώρα ότι εσείς είστε αυτός που του δόθηκε μια διεύθυνση για να κατεβάσει άνα αρχείο. Λοιπόν, εφόσον μπορείτε να κάνετε κλικ πάνω στη διεύθυνση και να οδηγηθείτε κατευθείαν εκεί (π.χ. μέσα από ένα E-mail που σας στάλθηκε), κάντε το, αλλιώς κάντε αντιγραφή όλη τη διεύθυνση, επικολλήστε την στη γραμμή διευθύνσεων του browser σας και πατήστε enter.

Θα οδηγηθείτε στη σελίδα της rapidshare. Εφόσον δεν έχετε λογαρισμό στο rapidshare (δεν είνει τσάμπα), πατήστε το "free" που βλέπετε κυκλωμένο στην εικόνα παρακάτω:

Θα ανοίξει ένα νέο παράθυρο. Κάποιες φορές ίσως κάπου στη σελίδα σάς ενημερώσει ότι πρέπει να περιμένετε μερικά δευτερόλεπτα τα οποία μετράνε αντίστροφα όση ώρα περιμένετε.
Τελικά για να κατεβάσετε το αρχείο, γράψτε τον κωδικό που βλέπετε με τα περίεργα γράμματα μέσα στο κουτάκι και πατήστε το Download δίπλα του.

Μόλις πατήσετε το "Download" ανοίγει το γνωστό παράθυρο λήψης αρχείων του browser σας στο οποίο επιλέγετε "Αποθήκευση στο δίσκο" και το αρχείο αρχίζει να κατεβαίνει. Θυμηθείτε μόνο πού ακριβώς το αποθηκεύσατε για να μην το ψάχνετε μετά.

Σημειώσεις:
1. Αν χρειαστεί να κατεβάσετε επανειλημμένα αρχεία από το rapidshare, θα δείτε ότι κάθε φορά το "περιμένετε" θα μεγαλώνει σε διάρκεια. Για το πρώτο αρχείο ίσως σας εξυπηρετήσει κατευθείαν, στο δεύτερο θα σας πει να περιμένετε 2-3 λεπτά, στο τρίτο μισή ώρα και στο τέταρτο και μετά ίσως σας πει για 10 ώρες. Δύο τρόποι υπάρχουν να το αποφύγετε αυτό. Ο ένας είναι να πληρώσετε. Ο άλλος είναι να αποσυνδέσετε το adsl modem σας για μερικά δευτερόλεπτα και να το ξανασυνδέσετε. Μ' αυτόν τον τρόπο σάς δίνεται καινούργια "IP" (αναγνωριστική διεύθυνση) οπότε το rapidshare σας αντιμετωπίζει ως νέο χρήστη.
2. Τα περίεργα γράμματα που συμπληρώνουμε στα κουτάκια (όχι μόνο στο rapidshare αλλά και αλλού) προσπαθούν να αποφύγουν αυτοματοποιημένες εργασίες και να διαπιστώσουν ότι αυτός που ζητάει το κατέβασμα του αρχείου είναι νοήμον ον και όχι ένα πρόγραμμα από υπολογιστή ώστε να αποφεύγεται η εκμετάλλευση του server από τρίτους.
3. Δεν μπορείτε να ανεβάσετε ολόκληρο φάκελο αλλά μόνο μεμονωμένα αρχεία. Αν θέλετε να ανεβάσετε φάκελο (ή πολλά αρχεία μαζί), συμπιέστε τα (ζιπάρετε) σε ένα αρχείο zip.
4. Από ό,τι είδα μόλις τώρα μπορούμε να ανεβάσουμε αρχεία με μέγεθος ως 300 ΜΒ. Καλό αυτό. Μέχρι προχτές επιτρεπόταν μόνο μέχρι 100 ΜΒ.
5. Αν κάποιος θέλει να ανεβάσει αρχείο μεγαλύτερο από 300 ΜΒ, συνήθως χρησιμοποιεί το πρόγραμμα winrar το οποίο μπορεί να "σπάσει" το αρχείο σε πολλά κομματάκια (συνήθως έχουν τη μορφή rar, 01, 02, 03 κτλ.). Σε μια τέτοια περίπτωση, για να ανασυνθέσετε το αρχείο ξανά πρέπει να κατεβάσετε όλα τα κομμάτια του αλλιώς δε γίνετε τίποτα. Μόλις τα κατεβάσετε όλα, κάντε διπλό κλικ στο πρώτο από αυτά και η διαδικασία αποσυμπίεσης και επανένωσης γίνεται αυτόματα αρκεί να έχετε εγκαταστημένο το winrar στο PC σας.
6. Το πόσο θα μείνει το αρχείο που ανεβάσαμε διαθέσιμο στο rapidshare, εξαρτάται από τη ζήτησή του. Αν δεν το κατεβάσει κανένας για ένα διάστημα (νομίζω κάνα μήνα), σβήνεται αυτόματα από το server.

Παρακάτω μπορείτε να κάνετε κλικ στο link στο αρχειάκι για την εγκατάσταση του "ινσπιρέισιον" που ανέβασα την ώρα της εκπαίδευσης. Κατεβάστε το για να προπονηθείτε στη διαδικασία.
Εδώ: http://rapidshare.de/files/39592849/Insp.zip.html
.

Share:

Read More