Ιστοσελίδες Τμημάτων Παν/μίου Αθηνών Εισαγωγή στη...

15
ΕΘΝΙΚΟ ΚΑΙ ΚΑΠΟΔΙΣΤΡΙΑΚΟ ΕΘΝΙΚΟ ΚΑΙ ΚΑΠΟΔΙΣΤΡΙΑΚΟ ΠΑΝΕΠΙΣΤΗΜΙΟ ΑΘΗΝΩΝ ΠΑΝΕΠΙΣΤΗΜΙΟ ΑΘΗΝΩΝ ΕΘΝΙΚΟ ΚΑΙ ΚΑΠΟΔΙΣΤΡΙΑΚΟ ΕΘΝΙΚΟ ΚΑΙ ΚΑΠΟΔΙΣΤΡΙΑΚΟ ΠΑΝΕΠΙΣΤΗΜΙΟ ΑΘΗΝΩΝ ΠΑΝΕΠΙΣΤΗΜΙΟ ΑΘΗΝΩΝ Ιστοσελίδες Τμημάτων Παν/μίου Ιστοσελίδες Τμημάτων Παν/μίου Αθηνών Αθηνών Εισαγωγή στη χρήση του Εισαγωγή στη χρήση του TYPO3 TYPO3 Σπύρος Δ. Μπόλης Κέντρο Λειτουργίας και Διαχείρισης Δικτύου

description

Ιστοσελίδες Τμημάτων Παν/μίου Αθηνών Εισαγωγή στη χρήση του TYPO3. Σπύρος Δ. Μπόλης Κέντρο Λειτουργίας και Διαχείρισης Δικτ ύου. Content Management System. Περιεχόμενο και μόνο Κείμενα Εικόνες Πίνακες Κειμενογράφος WYSIWYG Χωρίς εγκατάσταση ειδικών προγραμμάτων. TYPO3. - PowerPoint PPT Presentation

Transcript of Ιστοσελίδες Τμημάτων Παν/μίου Αθηνών Εισαγωγή στη...

Page 1: Ιστοσελίδες Τμημάτων Παν/μίου Αθηνών Εισαγωγή στη χρήση του  TYPO3

ΕΘΝΙΚΟ ΚΑΙ ΚΑΠΟΔΙΣΤΡΙΑΚΟΕΘΝΙΚΟ ΚΑΙ ΚΑΠΟΔΙΣΤΡΙΑΚΟΠΑΝΕΠΙΣΤΗΜΙΟ ΑΘΗΝΩΝΠΑΝΕΠΙΣΤΗΜΙΟ ΑΘΗΝΩΝ

ΕΘΝΙΚΟ ΚΑΙ ΚΑΠΟΔΙΣΤΡΙΑΚΟΕΘΝΙΚΟ ΚΑΙ ΚΑΠΟΔΙΣΤΡΙΑΚΟΠΑΝΕΠΙΣΤΗΜΙΟ ΑΘΗΝΩΝΠΑΝΕΠΙΣΤΗΜΙΟ ΑΘΗΝΩΝ

Ιστοσελίδες Τμημάτων Παν/μίου ΑθηνώνΙστοσελίδες Τμημάτων Παν/μίου Αθηνών Εισαγωγή στη χρήση του Εισαγωγή στη χρήση του TYPO3TYPO3

Σπύρος Δ. Μπόλης

Κέντρο Λειτουργίας και Διαχείρισης Δικτύου

Page 2: Ιστοσελίδες Τμημάτων Παν/μίου Αθηνών Εισαγωγή στη χρήση του  TYPO3

2

Ε.Κ.Π.ΑΕ.Κ.Π.Α

Content Management SystemContent Management System

• Περιεχόμενο και μόνο

- Κείμενα

- Εικόνες

- Πίνακες

• Κειμενογράφος

- WYSIWYG

• Χωρίς εγκατάσταση ειδικών προγραμμάτων

Page 3: Ιστοσελίδες Τμημάτων Παν/μίου Αθηνών Εισαγωγή στη χρήση του  TYPO3

3

Ε.Κ.Π.ΑΕ.Κ.Π.Α

TYPO3TYPO3

• Rich Text Editor (RTE)

• Δενδροειδής δομή

• Πρότυπα

- Web Accessibility Initiative (WAI)

- Really Simple Syndication (RSS)

- Unicode Transformation Format (UTF)

• Frontend/Backend

Page 4: Ιστοσελίδες Τμημάτων Παν/μίου Αθηνών Εισαγωγή στη χρήση του  TYPO3

4

Ε.Κ.Π.ΑΕ.Κ.Π.Α

Αρχική Παραμετροποίηση Αρχική Παραμετροποίηση TYPO3TYPO3

• Βασική δενδροειδής δομή – «σκελετός»

- Προτεινόμενη και όχι δεσμευτική

• Πλασματικό περιεχόμενο

- Laurem ipsum ..

• Επεξεργασία αντί δημιουργίας

Page 5: Ιστοσελίδες Τμημάτων Παν/μίου Αθηνών Εισαγωγή στη χρήση του  TYPO3

5

Ε.Κ.Π.ΑΕ.Κ.Π.Α

Είσοδος στο Είσοδος στο backendbackend

• www-τμήμα.uoa.gr/typo3

Λειτουργικές μονάδες

Page 6: Ιστοσελίδες Τμημάτων Παν/μίου Αθηνών Εισαγωγή στη χρήση του  TYPO3

6

Ε.Κ.Π.ΑΕ.Κ.Π.Α

Παραμετροποίηση περιβάλλοντοςΠαραμετροποίηση περιβάλλοντος

• Λειτουργική μονάδα «User Tools»- Ελληνικά / Αγγλικά- Αλλαγή κωδικού- Επιλογή αρχικής σελίδας backend- Προχωρημένες επιλογές

Αναδρομική διαγραφή! Μικρογραφίες εικόνων (thumbnails)

- Αναδυόμενη βοήθεια- Επιλογή ευρείας εμφάνισης

Page 7: Ιστοσελίδες Τμημάτων Παν/μίου Αθηνών Εισαγωγή στη χρήση του  TYPO3

7

Ε.Κ.Π.ΑΕ.Κ.Π.Α

Διαχείριση σελίδων (1)Διαχείριση σελίδων (1)

• Λειτουργική μονάδα «web»

• Ιδιότητες σελίδας- Τυπική- Εσωτερική παραπομπή - στο ίδιο site- Εξωτερική παραπομπή - http(s), ftp, mailto- Ειδικής χρήσης (πχ. ανακοινώσεις)

• Διαφορετικές επιλογές ανάλογα με τον τύπο της σελίδας

• Επεξεργασία- Απόκρυψη (ολοκληρωτική - μόνο από το μενού)- Διαγραφή - αναδρομική (;)- Αλλαγή σειράς- Μετακίνηση / επικόλληση εντός - μετά από- Αποθήκευση (με έξοδο)- Προεπισκόπηση

Page 8: Ιστοσελίδες Τμημάτων Παν/μίου Αθηνών Εισαγωγή στη χρήση του  TYPO3

8

Ε.Κ.Π.ΑΕ.Κ.Π.Α

Διαχείριση σελίδων (2)Διαχείριση σελίδων (2)

• Στοίβαξη στοιχείων περιεχομένου (content elements)

- Κείμενα

- Κείμενα με εικόνες

- Εικόνες

- Λίστες (bullets)

- Πίνακες

- Μικροεφαρμογές iFrame Syllabus Bibtex

Page 9: Ιστοσελίδες Τμημάτων Παν/μίου Αθηνών Εισαγωγή στη χρήση του  TYPO3

9

Ε.Κ.Π.ΑΕ.Κ.Π.Α

Διαχείριση σελίδων (Διαχείριση σελίδων (33))

• Επεξεργασία στοιχείων περιεχομένου

- Απόκρυψη

- Διαγραφή

- Αλλαγή σειράς

- Μετακίνηση / επικόλληση

- Αποθήκευση

Page 10: Ιστοσελίδες Τμημάτων Παν/μίου Αθηνών Εισαγωγή στη χρήση του  TYPO3

10

Ε.Κ.Π.ΑΕ.Κ.Π.Α

Εμπλουτισμένος διαχειριστής κειμένωνΕμπλουτισμένος διαχειριστής κειμένων

• Έντονη / πλάγια κτλ. γραφή

• Στοίχιση

• Αποκοπή – αντιγραφή / επικόλληση

• Εισαγωγή συνδέσμων- Εξωτερικών- Εσωτερικών- Πολυμεσικών- Ηλεκτρονικού ταχυδρομείου - Αντικειμένου (εικόνα ή αρχείο που έχει ήδη ανέβει)- …- www.uoa.gr old.uoa.gr (προσωρινά)

• Εισαγωγή κειμένου από το Word ή browser

Page 11: Ιστοσελίδες Τμημάτων Παν/μίου Αθηνών Εισαγωγή στη χρήση του  TYPO3

11

Ε.Κ.Π.ΑΕ.Κ.Π.Α

Ανέβασμα υλικούΑνέβασμα υλικού

• Λειτουργική μονάδα «filelist»

- Δυνατότητα ανεβάσματος πολλών αρχείων ταυτόχρονα

- Δημιουργία φακέλων (σημαντικό!)

- Μέγιστο μέγεθος αρχείου

- Προεπισκόπηση εικόνων (παραμετροποιήσιμη)

Page 12: Ιστοσελίδες Τμημάτων Παν/μίου Αθηνών Εισαγωγή στη χρήση του  TYPO3

12

Ε.Κ.Π.ΑΕ.Κ.Π.Α

ΑνακοινώσειςΑνακοινώσεις

• Λειτουργική μονάδα «web»

• Ειδικός Sysfolder

• Μικροεφαρμογή news- Προσθήκη τίτλου, υπότιτλου- Απόκρυψη- Αλλαγή Ημερομηνίας / Ώρας (σειρά εμφάνισης)- Εμφάνιση – Απόσυρση σε συγκεκριμένη χρόνο- Όνομα συντάκτη (προαιρετικά)- Επιλογή εικονιδίου (relations images)- Κείμενο (WYSIYWG)

Page 13: Ιστοσελίδες Τμημάτων Παν/μίου Αθηνών Εισαγωγή στη χρήση του  TYPO3

13

Ε.Κ.Π.ΑΕ.Κ.Π.Α

Αντίγραφο ασφαλείαςΑντίγραφο ασφαλείας

• Λειτουργική μονάδα web - “more options” “export to t3d”

• Configuration- Levels Expanded tree

• File and Presets- T3d/compressed- Filename (προαιρετικά)- Download export

Page 14: Ιστοσελίδες Τμημάτων Παν/μίου Αθηνών Εισαγωγή στη χρήση του  TYPO3

14

Ε.Κ.Π.ΑΕ.Κ.Π.Α

Νέο Νέο domaindomain: Τί χρειάζεται;: Τί χρειάζεται;

• http://dept-templates.uoa.gr/

- Επιλογή design (1-4)

- Επιλογή χρωματικού συνδυασμού (1-9)

- Επιλογή (ή αποστολή!) banner

- Επιλογή «γρήγορων συνδέσμων» στην κεφαλίδα Προτεινόμενοι

– Ανακοινώσεις – Εκδηλώσεις– Χάρτης ιστοχώρου– Αναζήτηση– Επικοινωνία

• Πολύγλωσσο περιεχόμενο

Page 15: Ιστοσελίδες Τμημάτων Παν/μίου Αθηνών Εισαγωγή στη χρήση του  TYPO3

ΕΘΝΙΚΟ ΚΑΙ ΚΑΠΟΔΙΣΤΡΙΑΚΟΕΘΝΙΚΟ ΚΑΙ ΚΑΠΟΔΙΣΤΡΙΑΚΟΠΑΝΕΠΙΣΤΗΜΙΟ ΑΘΗΝΩΝΠΑΝΕΠΙΣΤΗΜΙΟ ΑΘΗΝΩΝ

ΕΘΝΙΚΟ ΚΑΙ ΚΑΠΟΔΙΣΤΡΙΑΚΟΕΘΝΙΚΟ ΚΑΙ ΚΑΠΟΔΙΣΤΡΙΑΚΟΠΑΝΕΠΙΣΤΗΜΙΟ ΑΘΗΝΩΝΠΑΝΕΠΙΣΤΗΜΙΟ ΑΘΗΝΩΝ

ΕρωτήσειςΕρωτήσειςΠαρατηρήσειςΠαρατηρήσεις

Σχόλια Σχόλια ;;