Εγκατάσταση του X-Ray Goggles

Κάθε φορά που συναντάτε μια σελίδα που θέλετε να επιθεωρήσετε, κάντε κλικ στο κουμπί του X-Ray Goggles στη γραμμή σελιδοδεικτών σας και αρχίστε το "χακάρισμα".

Επιθεώρηση στοιχείων

Έχοντας ενεργοποιήσει το X-Ray Goggles, θα παρατηρήσετε ότι όταν μετακινείτε το ποντίκι σας, επισημαίνονται με πλαίσια φωτεινού χρώματος τα διάφορα τμήματα της σελίδας.

Αυτά τα πλαίσια αναπαριστούν τα στοιχεία της ιστοσελίδας. Κάντε κλικ σε κάποιο και θα ανοίξει το εργαλείο επεξεργασίας κώδικα, όπου μπορείτε να "αναμίξετε" το στοιχείο με δικές σας παραλλαγές.

Ανάμιξη στοιχείων

Ανάλογα με τον τύπο του επιλεγμένου στοιχείου, μπορείτε να κάνετε διάφορες αναμίξεις.

Αλλαγή κειμένου

Επιλέξτε ένα τμήμα κειμένου και αλλάξτε το περιεχόμενό του στο εργαλείο επεξεργασίας κώδικα. Θα δείτε μια προεπισκόπηση του τελικού αποτελέσματος στην κύρια προβολή, στο πάνω μέρος.

Αντικατάσταση εικόνων

Όλες οι εικόνες χρησιμοποιούν την ετικέτα <img> στον κώδικα HTML τους. Εκεί, θα διαπιστώσετε ότι κάθε ετικέτα <img> δείχνει σε μια διεύθυνση URL, η οποία αποτελεί την πραγματική τοποθεσία της εικόνας.

Μπορείτε να αλλάξετε την πρωτότυπη εικόνα με οποιαδήποτε άλλη. Απλά ανοίξτε μια νέα καρτέλα στο πρόγραμμα περιήγησης και βρείτε την εικόνα που θέλετε να χρησιμοποιήσετε, κάντε δεξί κλικ και επιλέξτε Αντιγραφή συνδέσμου εικόνας.

Επικολλήστε το αντιγραμμένο URL εικόνας στο εργαλείο επεξεργασίας κώδικα και δείτε τη νέα εικόνα να εμφανίζεται στην προεπισκόπηση.

Τροποποίηση υπερσυνδέσμων

Μπορείτε να τροποποιήσετε τους υπερσυνδέσμους ώστε να δείχνουν σε οτιδήποτε θέλετε.

Όλοι οι υπερσύνδεσμοι ξεκινούν με <a href=" και περιέχουν το URL στο οποίο δείχνει ο υπερσύνδεσμος. Αλλάξτε το URL μεταξύ των εισαγωγικών για να αλλάξετε τον προορισμό του συνδέσμου.

Ίσως θελήσετε να αλλάξετε και το λεγόμενο "κείμενο άγκυρας". Πρόκειται για το κείμενο που δίνει μια ιδέα στον επισκέπτη σχετικά με τη σελίδα προορισμού και εμφανίζεται συνήθως με υπογράμμιση και μπλε χρώμα.

Υποβολή και δημοσίευση

Αν κάνατε κάποιο λάθος, μπορείτε να κάνετε κλικ στο κουμπί Cancel στο εργαλείο επεξεργασίας κώδικα.

Αν σας αρέσουν οι αλλαγές σας, πατήστε το πράσινο κουμπί Update και δείτε πώς είναι η αναμειγμένη σελίδα σας.

Όταν θελήσετε να κάνετε δημοσίευση, πατήστε το P στο πληκτρολόγιό σας, ή το κουμπί Publish στη δεξιά πλευρική γραμμή.

Αν έχετε συνδεθεί στο teach.mozilla.org, η δημοσιευμένη ανάμιξή σας στο Goggles θα προστεθεί στη σελίδα "Your Projects" του teach.mozilla.org και θα σας δοθεί ένα μοναδικό URL για να το μοιραστείτε με τους φίλους σας.