Microsoft Word - typo3 book2_teliko.docx -...

41
Εθνικό και Καποδιστριακό Πανεπιστήμιο Αθηνών Κέντρο Λειτουργίας και Διαχείρισης Δικτύου Εγχειρίδιο χρήσης της πλατφόρμας TYPO3 για τους Διαχειριστές των Ιστοσελίδων των Τμημάτων του Πανεπιστημίου Αθήνα, Οκτώβριος 2009

Transcript of Microsoft Word - typo3 book2_teliko.docx -...

Page 1: Microsoft Word - typo3 book2_teliko.docx - users.uoa.grusers.uoa.gr/~sbolis/uoa-editors-training-191009/typo3-m…  · Web viewΌμοια μπορείτε να αλλάξετε και

Εθνικό και Καποδιστριακό Πανεπιστήμιο ΑθηνώνΚέντρο Λειτουργίας και Διαχείρισης Δικτύου

Εγχειρίδιο χρήσης της πλατφόρμας TYPO3 για τους Διαχειριστές των Ιστοσελίδων των Τμημάτων του

Πανεπιστημίου

Αθήνα, Οκτώβριος 2009

Page 2: Microsoft Word - typo3 book2_teliko.docx - users.uoa.grusers.uoa.gr/~sbolis/uoa-editors-training-191009/typo3-m…  · Web viewΌμοια μπορείτε να αλλάξετε και

Έκδοση 1.0

Page 3: Microsoft Word - typo3 book2_teliko.docx - users.uoa.grusers.uoa.gr/~sbolis/uoa-editors-training-191009/typo3-m…  · Web viewΌμοια μπορείτε να αλλάξετε και

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

http://www.typo3.gr

Το παρόν εγχειρίδιο διατίθεται στο κοινό με άδεια Creative Commons (Αναφορά - Παρόμοια διανομή 3.0). Περισσότερες πληροφορίες σχετικά με την άδεια αυτή μπορείτε να δείτε στο

http://creativecommons.org/licenses/by-sa/3.0/gr/deed.el

Page 4: Microsoft Word - typo3 book2_teliko.docx - users.uoa.grusers.uoa.gr/~sbolis/uoa-editors-training-191009/typo3-m…  · Web viewΌμοια μπορείτε να αλλάξετε και

Κεφάλαιο 1ο: Εισαγωγή

1.1. Τι είναι ένα σύστημα διαχείρισης περιεχομένου (CMS)Τα Συστήματα Διαχείρισης Περιεχομένου (ΣΔΠ) – Content Management Systems (CMS) είναι διαδικτυακές εφαρμογές που επιτρέπουν την online τροποποίηση του περιεχομένου ενός δικτυακού τόπου. Λειτουργούν δε σε ένα ευρύτερο πλαίσιο:

Εικόνα 1.1 Πλαίσιο Λειτουργίας Συστήματος Διαχείρισης Περιεχομένου

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

Υπάρχει πλήθος ελεύθερων ΣΔΠ ανοικτού κώδικα, το καθένα με τα δικά του ιδιαίτερα χαρακτηριστικά. Μερικά από τα πιο γνωστά είναι το joomla, drupal αλλά και οι πιο απλοί μηχανισμοί ενημέρωσης περιεχομένου όπως το wordpress (ενημέρωση ιστολογίων) και τα sfm και phpBB (πίνακες συζητήσεων – φόρουμ). Το κάθε ΣΔΠ όμως απευθύνεται σε συγκεκριμένες ομάδες χρηστών και έχει τα δικά του «δυνατά» και «αδύνατα» σημεία.

Η ανάπτυξη των ΣΔΠ το τελευταίο διάστημα είναι μεγάλη, και αυτό έχει ως αποτέλεσμα να χρησιμοποιούνται (εκτός από το ως μηχανισμοί ενημέρωσης δικτυακών τόπων) ως πλαίσια γρήγορης ανάπτυξης εφαρμογών (RAD – Rapid Application Development).

Page 5: Microsoft Word - typo3 book2_teliko.docx - users.uoa.grusers.uoa.gr/~sbolis/uoa-editors-training-191009/typo3-m…  · Web viewΌμοια μπορείτε να αλλάξετε και

1.2 Το TYPO3

Το TYPO3 είναι ένα Σύστημα Διαχείρισης Περιεχομένου – ΣΔΠ (Content Management System – CMS) ανοικτού κώδικα για εταιρικούς σκοπούς στο διαδίκτυο ή σε ενδοδίκτυο (intranet). Προσφέρει πλήρη ευελιξία και επεκτασιμότητα καθώς παρέχει ένα ολοκληρωμένο σύνολο προκατασκευασμένων διεπαφών και λειτουργικών μονάδων. Είστε μία μεγάλη εταιρία, ένας μη κερδοσκοπικός οργανισμός, ένα πανεπιστήμιο ή μία μικρή επιχείρηση το TYPO3 μπορεί να σας παρέχει μία εταιρική υψηλού επιπέδου λύση χωρίς τα υπέρογκα κόστη ενός ιδιωτικού CMS.

Η υιοθέτηση ενός επαγγελματικού ΣΔΠ ανοικτού κώδικα όπως το TYPO3, μπορεί αφενός να ελαχιστοποιήσει το αρχικό κόστος της επένδυσής σας, αφετέρου να μεγιστοποιήσει την απόδοση επί την επένδυση (ROI, Return On Investment) με την πάροδο του χρόνου. Με τους πόρους που εξοικονομούνται σε σχέση με ένα ιδιωτικό ΣΔΠ του οποίου το κόστος του ολοένα θα αυξάνεται λόγω των νέων αναγκών, μπορεί να γίνει επένδυση σε εκπαίδευση του προσωπικού και την παραμετροποίηση του λογισμικού.

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

Page 6: Microsoft Word - typo3 book2_teliko.docx - users.uoa.grusers.uoa.gr/~sbolis/uoa-editors-training-191009/typo3-m…  · Web viewΌμοια μπορείτε να αλλάξετε και

Κεφάλαιο 2: To TYPO3 για χρήστες

2.1. Τί είναι frontend και backend και ποια η διαφορά τουςFrontend (FE) είναι οι σελίδες του δικτυακού σας τόπου που μπορεί να δει ο κάθε επισκέπτης όπως για παράδειγμα στην ιστοσελίδα http://www.typo3.org:

Εικόνα 2.1 Τυπική ιστοσελίδα που βασίστηκε στο TYPO3

Αντίθετα, Backend (BE) είναι το «παρασκήνιο» θα λέγαμε του συστήματος, εκεί όπου γίνεται η διαχείριση, οι προσθήκη και η επεξεργασία του περιεχομένου, η διαχείριση των χρηστών, των εφαρμογών κλπ. Για να συνδεθεί κάποιος στο backend (BE) πρέπει να πληκτρολογήσει το επίθεμα /typo3/ στη διεύθυνση του δικτυακού τόπου. Για παράδειγμα για τη διαχείριση του δικτυακού τόπου http://xyz.uoa.gr πρέπει να εισάγει http://xyz.uoa.gr/typo3. Απαιτείται ταυτοποίηση του χρήστη εισάγοντας όνομα χρήστη και κωδικό πρόσβασης στη σχετική οθόνη (Εικόνα 2.2) όπως αυτά παρέχονται από το Κέντρο Λειτουργίας και Διαχείρισης Δικτύου.

Εικόνα 2.2 Είσοδος στο διαχειριστικό περιβάλλον του TYPO3

Page 7: Microsoft Word - typo3 book2_teliko.docx - users.uoa.grusers.uoa.gr/~sbolis/uoa-editors-training-191009/typo3-m…  · Web viewΌμοια μπορείτε να αλλάξετε και

Μετά την επιτυχή ταυτοποίηση του χρήστη εμφανίζεται η αρχική σελίδα του ΒΕ:

Εικόνα 2.3 Αρχική εικόνα διαχειριστικού περιβάλλοντος (backend) TYPO3

2.2 Εξοικείωση με τον οθόνη backend

Αριστερά υπάρχει μία λίστα Λειτουργικών Μονάδων. Επιλέγοντας κάποια από αυτές εμφανίζεται στην υπόλοιπη οθόνη η αντίστοιχη λειτουργία. Στην αρχική σελίδα του backend υπάρχει μία σύντομη περιγραφή της κάθε λειτουργίας:

Εικόνα 2.4 Λειτουργικές μονάδες εγκατάστασης TYPO3

Page 8: Microsoft Word - typo3 book2_teliko.docx - users.uoa.grusers.uoa.gr/~sbolis/uoa-editors-training-191009/typo3-m…  · Web viewΌμοια μπορείτε να αλλάξετε και

2.2.1 Κατανόηση των Bασικών λειτουργικών Μονάδων του backend

Αποσύνδεση χρήστη: Αφού ολοκληρώσετε τις διαδικασίες ενημέρωσης του δικτυακού σας τόπου μπορείτε να αποσυνδεθείτε:

Page 9: Microsoft Word - typo3 book2_teliko.docx - users.uoa.grusers.uoa.gr/~sbolis/uoa-editors-training-191009/typo3-m…  · Web viewΌμοια μπορείτε να αλλάξετε και

2.2.2 Κατανόηση του αριστερού μενούΣτο backend, κάθε λειτουργική μονάδα όπως «Ιστός», «Εργαλεία Χρήστη» κ.λπ. περιέχει πλήθος υποεπιλογών. Στο αριστερό μενού περιέχονται σε ιεραρχικό διάγραμμα όλες οι λειτουργίες του δικτυακού τόπου. Πατώντας διαδοχικά τα εικονίδια («τριγωνάκια») που είναι μαρκαρισμένα στο παρακάτω σχήμα, το δέντρο επεκτείνεται ή συμπτύσσεται:

2.3 Πρώτες ενέργειες μετά την είσοδοΜετά την πρώτη επιτυχή είσοδο στο του δικτυακού σας τόπου πρέπει να κάνετε κάποιες βασικές αλλαγές στο BE, όπως για παράδειγμα αλλαγή των προεπιλεγμένων κωδικών ή της γλώσσας διεπαφής. Εφόσον έχετε συνδεθεί στο ΒΕ, μπορείτε να επιλέξετε τη "Ρυθμίσεις Χρήστη" στο αριστερό μενού και αλλάξτε τον κωδικό πρόσβασής σας. Όμοια μπορείτε να αλλάξετε και τη γλώσσα διεπαφής σε Ελληνικά ή Αγγλικά.

Page 10: Microsoft Word - typo3 book2_teliko.docx - users.uoa.grusers.uoa.gr/~sbolis/uoa-editors-training-191009/typo3-m…  · Web viewΌμοια μπορείτε να αλλάξετε και

2.4 Διαχείριση Σελίδων

Επιλέγοντας στο αριστερό μενού "Σελίδα", έχετε τη δυνατότητα να επεξεργάζεστε το δέντρο σελίδων:

2.4.1 Πως να αλλάξετε Τίτλο σε μια ΣελίδαΚάντε δεξί κλικ στο εικονίδιο της σελίδας που σας ενδιαφέρει και περιμένετε να εμφανιστεί το μενού

Page 11: Microsoft Word - typo3 book2_teliko.docx - users.uoa.grusers.uoa.gr/~sbolis/uoa-editors-training-191009/typo3-m…  · Web viewΌμοια μπορείτε να αλλάξετε και

Αφού επιλέξετε "Επεξεργασία των ιδιοτήτων της σελίδας", θα οδηγηθείτε στην παρακάτω σελίδα:

Μην ξεχνάτε ποτέ να αποθηκεύετε τις αλλαγές σας:

2.4.2 Απόκρυψη σελίδας και μη εμφάνιση σελίδας στο μενούΣτη σελίδα που σας ενδιαφέρει, εάν κάνετε δεξί κλικ στο εικονίδιο της σελίδας, θα εμφανιστεί το παρακάτω μενού:

Σε περίπτωση που δε θέλετε να εμφανίζεται η σελίδα στο μενού του δικτυακού τόπου, πρέπει από το παραπάνω μενού να επιλέξετε "Επεξεργασία των ιδιοτήτων της σελίδας" και στη συνέχεια «απόκρυψη από τα μενού». Η επιλογή

Page 12: Microsoft Word - typo3 book2_teliko.docx - users.uoa.grusers.uoa.gr/~sbolis/uoa-editors-training-191009/typo3-m…  · Web viewΌμοια μπορείτε να αλλάξετε και

«απόκρυψη σελίδας» θα καταστήσει τη σελίδα μη προσβάσιμη στους επισκέπτες (η επιλογή αυτή εμπεριέχει και την απόκρυψη από τα μενού):

2.4.3 Μετακίνηση σελίδαςΚάντε κλικ στο εικονίδιο της σελίδας που σας ενδιαφέρει στο μενού που εμφανίζεται επιλέξτε "Αποκοπή", ώστε η σελίδα να αποθηκευτεί στο πρόχειρο:

Στη συνέχεια, επιλέξτε στο δέντρο σελίδων το σημείο όπου θέλετε να μετακινήσετε τη σελίδα και κάντε κλικ στο εικονίδιο της προηγούμενης από αυτό το σημείο σελίδας:

από τις δύο επιλογές η "Επικόλληση εντός" μεταφέρει την αποκομμένη σελίδα ως υποσελίδα της επιλεγμένης σελίδας, ενώ η "Επικόλληση μετά" την

Page 13: Microsoft Word - typo3 book2_teliko.docx - users.uoa.grusers.uoa.gr/~sbolis/uoa-editors-training-191009/typo3-m…  · Web viewΌμοια μπορείτε να αλλάξετε και

μεταφέρει μετά από την επιλεγμένη σελίδα.

2.4.4 Δημιουργία νέας σελίδαςΚάντε δεξί κλικ στο εικονίδιο της σελίδας που θα περιέχει τη νέα σελίδα (μπορείτε να επιλέξετε και την "Αρχική" σελίδα) στο μενού που εμφανίζεται επιλέξτε "Νέο", οπότε και θα εμφανιστεί η παρακάτω οθόνη:

επιλέγοντας το "Σελίδα (μέσα)" η νέα σελίδα θα δημιουργηθεί ως υποσελίδα της σελίδας που είχατε επιλέξει αρχικά, ενώ επιλέγοντας «Σελίδα (μετά)» θα έχει ως αποτέλεσμα να δημιουργηθεί μετά τη συγκεκριμένη υποσελίδα.

Θα οδηγηθείτε στη φόρμα δημιουργίας νέας σελίδας:

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

Page 14: Microsoft Word - typo3 book2_teliko.docx - users.uoa.grusers.uoa.gr/~sbolis/uoa-editors-training-191009/typo3-m…  · Web viewΌμοια μπορείτε να αλλάξετε και

2.4.5 Διαγραφή σελίδαςΣτη σελίδα που σας ενδιαφέρει, εάν κάνετε δεξί κλικ στο εικονίδιο της σελίδας, θα εμφανιστεί το μενού με επιλογές που αφορούν τη συγκεκριμένη σελίδα:

Page 15: Microsoft Word - typo3 book2_teliko.docx - users.uoa.grusers.uoa.gr/~sbolis/uoa-editors-training-191009/typo3-m…  · Web viewΌμοια μπορείτε να αλλάξετε και

όπου μπορείτε να επιλέξετε τη διαγραφή της σελίδας. Θα ακολουθήσει ένα μήνυμα επιβεβαίωσης:

Εάν επιλέξετε «ΟΚ» η σελίδα θα διαγραφεί. Για ακύρωση της διαγραφής επιλέξτε «Cancel».

2.5 Διαχείριση Περιεχομένου ΣελίδωνΤο περιεχόμενο της κάθε σελίδας οργανώνεται σε «Στοιχεία Περιεχομένου» (Content Elements). Στοιχείο περιεχομένου μπορεί να είναι μια εικόνα, ένα κείμενο, μια μικροεφαρμογή και πολλά άλλα. Για τη δημιουργία μιας σελίδας «στοιβάζουμε» τέτοια στοιχειώδη κομμάτια περιεχομένου μέσα σε κάθε περιοχή της σελίδας

Σχήμα 2.5: Το backend και το αντίστοιχο frontend όπου φαίνεται η αντιστοιχία των περιοχών

Page 16: Microsoft Word - typo3 book2_teliko.docx - users.uoa.grusers.uoa.gr/~sbolis/uoa-editors-training-191009/typo3-m…  · Web viewΌμοια μπορείτε να αλλάξετε και

2.5.1 Επεξεργασία περιεχομένου ΣελίδαςΣτο δέντρο σελίδων, κάντε κλικ στη σελίδα που σας ενδιαφέρει:

τότε θα εμφανιστούν – στο δεξί παράθυρο – όλα τα στοιχεία περιεχομένου που περιέχει η σελίδα. Επιλέξτε το εικονίδιο "μολύβι" ενός στοιχείου τύπου «Κειμένου» για να το επεξεργαστείτε:

Στη σελίδα που ανοίγει, επιλεγμένη είναι η καρτέλα "Γενικά". Παρατηρείστε ότι η παρακάτω μορφή του στοιχείου είναι κάπως λιτή. Αρκεί να πατήσετε τα πλήκτρα που φαίνονται στην παρακάτω εικόνα για να εμφανιστούν οι επιπρόσθετες επιλογές:

Page 17: Microsoft Word - typo3 book2_teliko.docx - users.uoa.grusers.uoa.gr/~sbolis/uoa-editors-training-191009/typo3-m…  · Web viewΌμοια μπορείτε να αλλάξετε και

Οπότε και εμφανίζεται πλήθος λεπτομερειών:

Οι επιλογές αυτές είναι αρχικά σε απόκρυψη γιατί δε χρησιμοποιούνται τακτικά.

Στην καρτέλα "Κείμενο" υπάρχει ο κειμενογράφος εμπλουτισμένου κειμένου, ο οποίος όμως μπορεί να απενεργοποιηθεί με την επιλογή:

Εάν δε θέλετε να αποθηκεύσετε τις αλλαγές σας, επιλέξτε:

Page 18: Microsoft Word - typo3 book2_teliko.docx - users.uoa.grusers.uoa.gr/~sbolis/uoa-editors-training-191009/typo3-m…  · Web viewΌμοια μπορείτε να αλλάξετε και

2.5.2 Δημιουργία Περιεχομένου ΣελίδαςΕάν επιλέξετε μια σελίδα από το δέντρο σελίδων, τότε θα εμφανιστούν όλα τα στοιχεία που περιέχει αυτή η σελίδα. Για να προσθέσετε ένα νέο στοιχείο (κειμένου) επιλέξτε το πλήκτρο με το εικονίδιο (+) για να προσθέσετε ένα νέο στοιχείο περιεχομένου στο σημείο που θέλετε:

Στη συνέχεια, διαλέξτε το είδος του περιεχομένου της σελίδας (στο συγκεκριμένο παράδειγμα κείμενο):

Αφού εισάγετε το περιεχόμενο στην καρτέλα «Κείμενο» της φόρμας που θα εμφανιστεί, πατήστε το κουμπί «Αποθήκευση και κλείσιμο» για να επιστρέψετε στην προβολή της σελίδας.

Page 19: Microsoft Word - typo3 book2_teliko.docx - users.uoa.grusers.uoa.gr/~sbolis/uoa-editors-training-191009/typo3-m…  · Web viewΌμοια μπορείτε να αλλάξετε και

2.5.3 Μετακίνηση ενός στοιχείου περιεχομένου σελίδαςΣτην προβολή του περιεχομένου μιας σελίδας μπορείτε να αντιγράψετε ή να μετακινήσετε στο πρόχειρο ένα στοιχείο, επιλέγοντας τα παρακάτω εικονίδιά του:

Στη συνέχεια, μπορείτε να επικολλήσετε το στοιχείο, σε οποιοδήποτε σημείο μιας οποιαδήποτε σελίδας επιλέγοντας το εικονίδιο της επικόλησης

Page 20: Microsoft Word - typo3 book2_teliko.docx - users.uoa.grusers.uoa.gr/~sbolis/uoa-editors-training-191009/typo3-m…  · Web viewΌμοια μπορείτε να αλλάξετε και

2.6 Λειτουργική Μονάδα ΛίσταΗ προβολή λίστας σας επιτρέπει να επεξεργάζεστε εγγραφές της βάσης δεδομένων. Στο TYPO3, όλα τα στοιχεία περιεχομένου μπορούν να θεωρηθούν ως εγγραφές στην βάση. Άρα όλη η επεξεργασία του περιεχομένου που παρουσιάστηκε πριν με χρήση της λειτουργικής Μονάδας «Σελίδα» μπορεί να γίνει και με τη Λειτουργική Μονάδα Λίστα. Ωστόσο η επεξεργασία του περιεχομένου δεν γίνεται με τόσο φιλικό τρόπο στη προβολή Λίστας.

Επιλέξτε τη ΛΜ Λίστα και στη συνέχεια τη σελίδα της οποίας τις εγγραφές θέλετε να επεξεργαστείτε:

Δίπλα σε κάθε εγγραφή υπάρχουν εικονίδια που επιτρέπουν τη διαχείρισή της.

2.6.1 Προβολή πολλαπλών ιδιοτήτων εγγραφώνΣτην προβολή λίστας έχετε τη δυνατότητα να προβάλλετε συγκεκριμένες ιδιότητες κάθε τύπου εγγραφής. Οι εγγραφές εμφανίζονται κατηγοριοποιημένες με βάση τον τύπο της κάθε εγγραφής (ανακοινώσεις, δημοσκοπήσεις κλπ). Κάντε κλικ στον τίτλο του τύπου των εγγραφών που θέλετε να προβάλετε λεπτομερώς (φροντίστε να είναι ενεργοποιημένη επιλογή "Εκτεταμένη προβολή").

θα εμφανισθούν όλες οι ιδιότητες αυτού του το πλήθος των δυνατών πεδίων για το συγκεκριμένο τύπο εγγραφών:

Στο δεξί παράθυρο του backend (BE) θα εμφανιστούν οι εγγραφές που περιέχονται στη σελίδα:

Page 21: Microsoft Word - typo3 book2_teliko.docx - users.uoa.grusers.uoa.gr/~sbolis/uoa-editors-training-191009/typo3-m…  · Web viewΌμοια μπορείτε να αλλάξετε και

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

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

2.6.2 Αντιγραφή ή αποκοπή πολλαπλών στοιχείων σελίδων χρησιμοποιώντας το πρόχειροΜε τη χρήση του πρόχειρου μπορείτε να αντιγράφετε ή να μεταφέρετε πολλές εγγραφές/αρχεία συγχρόνως σε διάφορα σημεία. Για παράδειγμα, εάν θέλετε να αντιγράψετε πολλές εγγραφές μαζί, επιλέξτε το "Λίστα" από το αριστερό μενού, και στη συνέχεια τη σελίδα που περιέχει τις εγγραφές σας:

Επιλέξτε την εμφάνιση πρόχειρου και επιλέξτε κάποιο πρόχειρο (π.χ. Πρόχειρο #1):

Page 22: Microsoft Word - typo3 book2_teliko.docx - users.uoa.grusers.uoa.gr/~sbolis/uoa-editors-training-191009/typo3-m…  · Web viewΌμοια μπορείτε να αλλάξετε και

μαρκάρετε τις εγγραφές που θέλετε και πιέστε το πλήκτρο:

Μπορείτε να επικολλήσετε τα στοιχεία του πρόχειρου όπου υπάρχουν τα εικονίδια:

2.7 Διαχείριση Αρχείων και εικόνωνΓια να τοποθετήσετε κάποιο αρχείο στο δικτυακό σας τόπο πρέπει πρώτα να το μεταφορτώσετε στον διακομιστή, χρησιμοποιώντας τη λειτουργική μονάδα «Αρχείο»:

Στη συνέχεια, επιλέξτε το φάκελο στον οποίο θέλετε να μεταφορτώσετε

θα δείτε τις επιλογές σας στο πρόχειρο:

Page 23: Microsoft Word - typo3 book2_teliko.docx - users.uoa.grusers.uoa.gr/~sbolis/uoa-editors-training-191009/typo3-m…  · Web viewΌμοια μπορείτε να αλλάξετε και

αρχεία:

Επιλέξτε "Μεταφόρτωση", αναζητήστε τα αρχεία στον υπολογιστή σας και τέλος, επιβεβαιώστε τη μεταφόρτωση:

2.7.1 Προσθέστε μια εικόνα, με το περιεχόμενο σελίδας τύπου "Μόνο εικόνες"Στη λειτουργική Μονάδα «Σελίδα» μπορείτε να επιλέξετε τη δημιουργία νέου περιεχομένου μέσα σε κάποια σελίδα:

Page 24: Microsoft Word - typo3 book2_teliko.docx - users.uoa.grusers.uoa.gr/~sbolis/uoa-editors-training-191009/typo3-m…  · Web viewΌμοια μπορείτε να αλλάξετε και

Στη συνέχεια, διαλέξτε το είδος του περιεχομένου της σελίδας (Μόνο εικόνες):

Επιλέξτε την εικόνα που βρίσκεται αποθηκευμένη στο διακομιστή και εισάγετε τις διαστάσεις της εικόνας:

2.7.2 Προσθήκη εικόνας με επεξεργαστή εμπλουτισμένου κειμένου (Rich Text Editor – RTE)Στη Λειτουργική Μονάδα Σελίδα, εισάγετε ένα Στοιχείο περιεχομένου τύπου «Κείμενο». Στην καρτέλα «Κείμενο», στον κειμενογράφο μπορείτε να εισάγετε κάποια εικόνα ως εξής:

Page 25: Microsoft Word - typo3 book2_teliko.docx - users.uoa.grusers.uoa.gr/~sbolis/uoa-editors-training-191009/typo3-m…  · Web viewΌμοια μπορείτε να αλλάξετε και

Θα ανοίξει ένα νέο παράθυρο, για να επιλέξετε αρχικά τον φάκελο που θέλετε, και στη συνέχεια κάποια εικόνα:

2.7.3 Προσθήκη συνδέσμου στον επεξεργαστή εμπλουτισμένου κειμένου (Rich Text Editor – RTE)

Για να δημιουργήσετε ένα σύνδεσμο, γράψτε κάτι στον επεξεργαστή κειμένου:

Στη συνέχεια, επιλέξτε το κείμενο που γράψατε (logicomix) και πατήστε το πλήκτρο συνδέσμου, όπως φαίνεται παρακάτω:

Page 26: Microsoft Word - typo3 book2_teliko.docx - users.uoa.grusers.uoa.gr/~sbolis/uoa-editors-training-191009/typo3-m…  · Web viewΌμοια μπορείτε να αλλάξετε και

Τότε θα εμφανισθεί ένα νέο παράθυρο, στο οποίο έχετε τις εξής επιλογές:

Ο σύνδεσμος μπορεί να οδηγεί σε μια σελίδα του ιστοτόπου σας (και την επιλέγετε απευθείας στην καρτέλα «Σελίδα»), μπορεί να οδηγεί σε μια εξωτερική διεύθυνση URL:

Και αντίστοιχα, να οδηγεί σε αποστολή email:

ή σε κάποιο αποθηκευτικό μέσο, δηλαδή σε κάποιο αρχείο που έχετε ήδη μεταφορτώσει:

Page 27: Microsoft Word - typo3 book2_teliko.docx - users.uoa.grusers.uoa.gr/~sbolis/uoa-editors-training-191009/typo3-m…  · Web viewΌμοια μπορείτε να αλλάξετε και

ή τέλος, ο σύνδεσμος μπορεί να ανοίγει ένα αρχείο το οποίο θα μεταφορτώσετε εκείνη τη στιγμή από τον υπολογιστή σας:

2.7.4 Προσθήκη συνδέσμου σε εικόνα, με επεξεργαστή εμπλουτισμένου κειμένου (Rich Text Editor – RTE)Ανοίξτε έναν επεξεργαστή κειμένου (κειμενογράφο), όπως στο [17]. Το πρώτο βήμα είναι να εισάγετε μια εικόνα στον επεξεργαστή κειμένου:

Θα εμφανιστεί ένα παράθυρο μέσα από το οποίο μπορείτε να επιλέξετε το φάκελο και το αρχείο (εικόνα) που θέλετε να εισάγετε.

Page 28: Microsoft Word - typo3 book2_teliko.docx - users.uoa.grusers.uoa.gr/~sbolis/uoa-editors-training-191009/typo3-m…  · Web viewΌμοια μπορείτε να αλλάξετε και

Η εικόνα θα εμφανιστεί στον επεξεργαστή εμπλουτισμένου κειμένου:

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

2.7.5 Επανέλεγχος του δικτυακού τόπουΓια να ελέγξετε εάν οι σελίδες σας στο frontend είναι όπως θα θέλατε, μπορείτε να τις δείτε με τους παρακάτω τρεις τρόπους:

Α) εφόσον είστε στο αριστερό μενού στο «ΙΣΤΟΣ > Σελίδα» κάνετε αριστερό ή δεξί κλικ στο εικονίδιο της σελίδας, ώστε να ανοίξετε το μενού και επιλέξτε το «Προβολή»:

Αμέσως ο φυλλομετρητής σας θα ανοίξει τη frontend σελίδα:

Page 29: Microsoft Word - typo3 book2_teliko.docx - users.uoa.grusers.uoa.gr/~sbolis/uoa-editors-training-191009/typo3-m…  · Web viewΌμοια μπορείτε να αλλάξετε και

Β) μπορείτε να επιλέξετε τη σελίδα που θέλετε, καθώς είστε στο «ΙΣΤΟΣ > Σελίδα», και να επιλέξετε το πλήκτρο της προβολής:

Οπότε και πάλι ο φυλλομετρητής σας θα ανοίξει τη frontend σελίδα. Γ)

μπορείτε, τέλος, από τη λειτουργική μονάδα «ΙΣΤΟΣ > Προβολή»:

Ο τρόπος [Γ] έχει το πλεονέκτημα ότι δεν εξέρχεστε από το backend.

2.8 Κειμενογράφος Εμπλουτισμένου Κειμένου (Rich Text Editor – RTE)Ξεκινώντας: στο "Σελίδα" του αριστερού μενού, στο δέντρο σελίδων, κάντε κλικ στη σελίδα που σας ενδιαφέρει:

Page 30: Microsoft Word - typo3 book2_teliko.docx - users.uoa.grusers.uoa.gr/~sbolis/uoa-editors-training-191009/typo3-m…  · Web viewΌμοια μπορείτε να αλλάξετε και

τότε θα εμφανιστούν – στο δεξί παράθυρο – τα στοιχεία που περιέχει η σελίδα. Επιλέξτε το εικονίδιο "μολύβι" για να επεξεργαστείτε ένα στοιχείο περιεχομένου τύπου «Κείμενο»:

Στη σελίδα που ανοίγει, επιλέξτε την καρτέλα "Κείμενο" και πραγματοποιείστε τις αλλαγές που θέλετε στον κειμενογράφο:

Page 31: Microsoft Word - typo3 book2_teliko.docx - users.uoa.grusers.uoa.gr/~sbolis/uoa-editors-training-191009/typo3-m…  · Web viewΌμοια μπορείτε να αλλάξετε και

Παρακάτω περιγράφονται όλες οι διαθέσιμες λειτουργίες στο περιβάλλον του κειμενογράφου:2.8.1 Μορφοποίηση κειμένου Επιλέξτε ένα κομμάτι του κειμένου και να πατήσετε "B" ή Ctrl+b για να γίνει αυτό έντονο:

Επιλέξτε ένα κομμάτι του κειμένου και να πατήσετε "Ι" ή Ctrl+i για να γίνει αυτό πλάγιο:

Επιλέξτε ένα κομμάτι του κειμένου και να πατήσετε "U" για να υπογραμμισθεί:

2.8.2 Στοίχιση κειμένουΕπιλέξτε ένα κομμάτι του κειμένου και να πατήσετε σε ένα από τα πλήκτρα στοίχισης. Για παράδειγμα εάν επιλέξετε τις παραπάνω γραμμές και πατήσετε τη στοίχιση στο κέντρο:

Page 32: Microsoft Word - typo3 book2_teliko.docx - users.uoa.grusers.uoa.gr/~sbolis/uoa-editors-training-191009/typo3-m…  · Web viewΌμοια μπορείτε να αλλάξετε και

Αντίστοιχα, αριστερή στοίχιση (ομοίως και οι λοιπές στοιχίσεις):

2.8.3 Αντιγραφή, Αποκοπή και Επικόλληση κειμένουΚαθώς είστε στον κειμενογράφο, επιλέξτε ένα κομμάτι κειμένου και πατήστε το εικονίδιο της αντιγραφής ή τα πλήκτρα Ctrl+c, ώστε το κείμενο να αντιγραφεί στο πρόχειρο:

Αντίστοιχα, για αποκοπή πληκτρολογείτε Ctrl+x ή επιλέξτε το εικονίδιο:

Για επικόλληση του κειμένου πληκτρολογείστε Ctrl+v ή το εικονίδιο:

Page 33: Microsoft Word - typo3 book2_teliko.docx - users.uoa.grusers.uoa.gr/~sbolis/uoa-editors-training-191009/typo3-m…  · Web viewΌμοια μπορείτε να αλλάξετε και

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

αντίστοιχα, εάν θέλετε μια μη αριθμημένη λίστα με κουκκίδες, επιλέξτε το κείμενο που θέλετε και στη συνέχεια το εικονίδιο:

Εάν έχετε μεγάλα τμήματα κειμένου και θέλετε να αφήσετε κενά ενώ υπάρχει αρίθμηση ή κουκκίδες, τότε τοποθετήστε τον κέρσορα στο σημείο που θέλετε, κρατήστε πατημένο το Shift και πιέστε Enter δύο φορές:

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

Page 34: Microsoft Word - typo3 book2_teliko.docx - users.uoa.grusers.uoa.gr/~sbolis/uoa-editors-training-191009/typo3-m…  · Web viewΌμοια μπορείτε να αλλάξετε και

2.8.5 ΠίνακεςΕνώ είστε στον κειμενογράφο, μπορείτε να εισάγετε ένα πίνακα πατώντας το πλήκτρο:

Στο αναδυόμενο παράθυρο που θα εμφανιστεί πρέπει να δηλώσετε τον αριθμό των γραμμών και των στηλών του πίνακα:

Και ο πίνακας θα εμφανισθεί στον κειμενογράφο, αφού επιλέξετε «ΟΚ»:

Μπορείτε να γράψετε σε κάθε κελί του πίνακα:

Page 35: Microsoft Word - typo3 book2_teliko.docx - users.uoa.grusers.uoa.gr/~sbolis/uoa-editors-training-191009/typo3-m…  · Web viewΌμοια μπορείτε να αλλάξετε και

Επιλέγοντας το εικονίδιο του πίνακα, μπορείτε να εμφανίζετε και να αποκρύπτετε το πλαίσιο του πίνακα:

Κάνοντας δεξί κλικ σε κάποιο κελί του πίνακα εμφανίζεται ένα μενού με πλήθος λειτουργιών. Μπορείτε, για παράδειγμα, να διακρίνετε επιλογή για εισαγωγή κελιών/γραμμών. Επίσης, υπάρχουν οι επιλογές για διαγραφή κελιών/γραμμών/στηλών.

2.8.6 Εισαγωγή κειμένου από αρχείο τύπου WordΣε περίπτωση που θέλετε να επικολλήσετε μορφοποιημένο κείμενο (πχ από το φυλλομετρητή σας ή κάποιον κειμενογράφο γραφείου πχ. OpenOffice Writer, Microsoft Word) στον κειμενογράφο, κάνετε αντιγραφή το κείμενο που θέλετε με Ctrl+c π.χ. από το φυλλομετρητή σας:

Και κάνετε επικόλληση του κειμένου με Ctrl+v στον κειμενογράφο:

Όπως παρατηρείτε, το κείμενο διατηρεί τη μορφοποίηση, τους συνδέσμους κ.λπ. που είχε, την οποία εσείς μπορεί να μην επιθυμείτε. Σε αυτή την

Page 36: Microsoft Word - typo3 book2_teliko.docx - users.uoa.grusers.uoa.gr/~sbolis/uoa-editors-training-191009/typo3-m…  · Web viewΌμοια μπορείτε να αλλάξετε και

περίπτωση μπορείτε να κάνετε επικόλληση το αρχικό κείμενο σε ένα Σημειωματάριο (Notepad):

και από εκεί το αντιγράψετε ξανά και το επικολλήσετε στον κειμενογράφο.

2.8.7 Προβολή του κώδικα HTMLΚάθε κείμενο, εικόνα, λίστα, σύνδεσμος ή οτιδήποτε άλλο προσθέτετε στον κειμενογράφο εμπλουτισμένου κειμένου, το σύστημα το μετατρέπει – και το καταλαβαίνει – σε μορφή HTML κώδικα. Εάν γνωρίζετε τη γλώσσα HTML, μπορείτε να κάνετε πιο λεπτομερείς αλλαγές στον κώδικα και να επιτυγχάνετε πιο εξεζητημένη εμφάνιση του κειμένου σας. Για να εμφανισθεί ο HTML κώδικας σε ένα κείμενο/περιεχόμενο, επιλέξτε το εικονίδιο HTML οπότε το κείμενο σας θα εμφανιστεί ως κώδικας. Όταν τελειώσετε, επιλέξτε το εικονίδιο Χ για να επιστρέψετε στη μορφή του κειμενογράφου εμπλουτισμένου κειμένου.