Τί είναι το Joomla!;

Τί είναι το Joomla!; To Joomla! είναι ένα ελεύθερο και ανοιχτό λογισμικού σύστημα διαχείρισης (CMS Content Managenent System)για τη δημοσίευση περιεχομένου στο World Wide Web και σε Ιntranets. Είναι γραμμένο σε PHP, αποθηκεύει δεδομένα σε MySQL και περιλαμβάνει 1 χαρακτηριστικά όπως η cache των σελίδων, RSS feeds, printable εκδόσεις των σελίδων, blogs, δημοσκοπήσεις, αναζήτηση. Μέσα στο πρώτο έτος της κυκλοφορίας του, έγινε λήψη πάνω από 2,5 εκατομμύρια φορές. Πάνω από 5.000 δωρεάν και εμπορικά plug-ins είναι διαθέσιμα για το Joomla! Sarantos Psycharis 1

Τί είναι το CMS; Είναι μια εφαρμογή που χρησιμοποιείται για να δημιουργήσετε, να επεξεργαστείτε, να διαχειρίζεστεκαι και να δημοσιεύετε περιεχόμενο με οργανωμένο τρόπο. Ο σχεδιασμός του περιεχομένου γίνεται μέσω του Content manager. Μπορεί να περιλαμβάνει ηλεκτρονικά αρχεία, εικόνες, ηχητικά αρχεία, αρχεία βίντεο, ηλεκτρονικά έγγραφα, καθώς και περιεχόμενο από τον Παγκόσμιο Ιστό. Επιτρέπει τη δυνατότητα ανάθεσης ρόλων σε διαφορετικές κατηγορίες περιεχομένου. Μας δίνει την δυνατότητα να δημοσιεύουμε το περιεχόμενο σε μια αποθήκη (repository) για αναζήτηση και ανάκτηση. Σχεδιασμένο για να απλουστεύσει τη δημοσίευση του περιεχομένου Web σε τοποθεσίες Web, επιτρέποντας ιδίως στους δημιουργούς να υποβάλουν περιεχόμενο χωρίς να απαιτείται τεχνική γνώση της HTML (HyperText Markup Language). Sarantos Psycharis 2

Xampp Για να εγκατασταθεί το Joomla! τοπικά στον υπολογιστή θα πρέπει πρώτα να έχουμε εγκαταστήσει έναν Web server για να μπορεί να τρέξει το Joomla!. Ο ευκολότερος τρόπος για να δημιουργηθεί ένας server στον υπολογιστή σας είναι να χρησιμοποιήσουμε το XAMPP. To Xampp είναι ένα δωρεάν και open source cross-platform πακέτο web server, αποτελούμενη κυρίως από το Apache HTTP Server, MySQL βάση δεδομένων. Κανουμε λήψη του Xampp από http://www.apachefriends.org/en/xamp p.html Sarantos Psycharis 3

Εγκατάσταση Xampp Εκτελούμε το πρόγραμμα εγκατάστασης. Αν θέλετε, μπορείτε να επιλέξετε να εγκαταστήσετε το Apache και MySQL servers σαν υπηρεσίες, με αυτόν τον τρόπο θα ξεκινούν αυτόματα, κάθε φορά που ξεκινάτε τα Windows. Αν δεν επιλέξετε την παραπάνω επιλογή,θα χρειαστεί να χρησιμοποιήσετε το XAMPP Control Panel για να ξεκινήσουν οι servers ξεχωριστά κάθε φορά που χρειάζεται. Χρησιμοποιώντας το αυτοαποσυμπιεζόμενο αρχείο είναι ο ευκολότερος τρόπος για να εγκαταστήσετε το XAMPP. Ξεκινήστε το αρχείο EXE, επιλέξτε ένα φάκελο και κάντε κλικ στο "Install". Sarantos Psycharis 4

Εκκίνηση Xampp Μετά την ολοκλήρωση της εγκατάστασης, το XAMPP Control Panel θα ανοίξει (αν όχι, κάντε κλικ στο κουμπί Έναρξη - Όλα τα προγράμματα - Apache Friends XAMPP - XAMPP Control Panel). Το εργαλείο αυτό σας επιτρέπει να ξεκινήσετε και να σταματήσετε τους servers που έχουν εγκατασταθεί ως μέρος του XAMPP. Αφού όλα έχουν εγκατασταθεί σωστά, πληκτρολογούμε http://localhost Αν οδηγηθείτε σε μια σελίδα με το λογότυπο του XAMPP, τότε η εγκατάσταση ήταν επιτυχής. Sarantos Psycharis 5

MySQL Βάση δεδομένων Για να χρησιμοποιήσουμε το Joomla! Θα πρέπει να δημιουργήσουμε μια MySQL database η αλλιώς μια βάση δεδομένων. Αφού πρώτα σιγουρευτούμε ότι το XAMPP έχει εγκατασταθεί σωστά, πηγαίνουμε στην διεύθυνση http://localshost ανοίγοντας ένα νέο παράθυρο στον πλοηγό μας (browser) Από το μενού στα αριστέρα, επιλέγουμε phpmyadmin (Tools phpmyadmin) Στην νέα σελίδα που άνοιξε δημιουργούμε μια νέα βάση δεδομένων με όνομα CarModels και πατάμε create. Sarantos Psycharis 6

Λήψη Joomla! Τώρα που έχετε τελειώσει τη δημιουργία του server, είναι καιρός να κατεβάσετε και να αποσυμπιέσετε το Joomla!. Κατ 'αρχάς, πρέπει να κάνουμε ένα φάκελο για το Joomla!. Ανοίξτε το φάκελο που έχετε εγκαταστήσει το XAMPP συνήθως C: \ XAMPP ή C: \ Program Files \ XAMPP για τα Windows. Ανοίγουμε τον φάκελο "htdocs". Δημιουργούμε έναν νέο φάκελο με τίτλο "Carmodels." (θα δημιουργήσουμε στην συνέχεια ώς παράδειγμα ιστοσελίδα που θα παρέχει πληροφορίες για μοντέλα αυτοκινήτων) Τώρα πρέπει να κατεβάσουμε την τελευταία έκδοση Joomla! 1,5 από το Internet. Πληκτρολογούμε http://www.joomla.org και κάνουμε κλικ στο "1,5" για να ανοίξει η σελίδα λήψης. Sarantos Psycharis 7

Εγκατάσταση Joomla! Πηγαίνουμε στην διεύθυνση http://localhost/carmodels (έιχαμε δημιουργήσει τον φάκελο νωρίτερα) Επιλέξτε τη γλώσσα σας στο βήμα 1 και πατήστε το κουμπί "Next". Βεβαιώθείτε ότι δεν υπάρχουν κόκκινα σημεία στο βήμα 2 και πατήστε "Next" για να προχωρήσει ο οδηγός (Web Installer) Διαβάστε για την άδεια χρήσης στο βήμα 3 και πατήστε "Next". Στην σελίδα του "Database Configuration" συμπληρώστε τα παρακάτω στοιχεία Database Type : mysql Host name : localhost Username : root Database name : CarsDB Το βήμα 5 το αγνοείται και πατήστε "Next" για να προχωρήσετε στο βήμα 6. Πληκτρολογήστε για όνομα του site "Car Models!", Την διεύθυνση ηλεκτρονικού ταχυδρομείου και τον κωδικό ασφαλείας. ΣΗΜΕΙΩΣΗ: Μην επιλέξετε "Install Sample Data!" ΣΗΜΑΝΤΙΚΟ: Ανοίξτε την τοποθεσία όπου αποσυμπιέσατε το Joomla! Και διαγράψτε τον φάκελο ''Instalation''. Sarantos Psycharis 8

Βασικές έννοιες του Joomla! To Joomla μας επιτρέπει να οργανώσουμε όλα τα άρθρα μας σε μεγάλα τμήματα και μικρές ομάδες. Μας δίνει την δυνατότητα να οργανώσουμε το περιεχόμενο της ιστοσελίδας, για να μπορούμε εύκολα να το διαχειριστούμε. Sarantos Psycharis 9

Sections, Categories, Articles Ένα από τα πιο σημαντικά μέρη ενός δικτυακού τόπου είναι το περιεχόμενο. Τα άρθρα είναι ταξινομημένα με δύο τρόπους: Sections και Categories Τα Sections μπορούν να περιέχουν πολλές κατηγορίες, και οι Categories μπορούν να περιέχουν πολυάριθμα άρθρα. (Articles) Για να προσθέσετε μια ενότητα στην ιστοσελίδα σας, πηγαίνετε στο http://localhost/projex/administrator καισυνδεθείτε με το username "admin" και το password που ορίσατε κατά τη διάρκεια της εγκατάστασης. Sarantos Psycharis 10

Sections και Categories Τα τμήματα (Sections) και οι κατηγορίες (Categories) στο Joomla! παρέχουν μια προαιρετική μέθοδο για την οργάνωση των άρθρων. Ένα τμήμα περιέχει μία ή περισσότερες κατηγορίες, και κάθε κατηγορία μπορεί να έχει αντικείμενα που του έχουν ανατεθεί. Ένα άρθρο μπορεί να είναι μόνο σε μία κατηγορία και τμήμα. Για παράδειγμα, μπορεί να έχουμε ένα τμήμα που ονομάζεται «κατοικίδια», και οι κατηγορίες που έχουμε ορίσει να είναι «Σκύλοι» και «Γάτες». Τα άρθρα σχετικά με τα σκυλιά θα πρέπει να ενταχθούν στην κατηγορία «Σκύλοι», αυτά για τις γάτες στην κατηγορία "Γατες". Έτσι, ένα άρθρο σχετικά με τα σκυλιά θα πήγαινε στο τμήμα «κατοικίδια» και στην κατηγορία «Σκύλοι». Ένα άρθρο ΔΕΝ μπορει να βρίσκεται σε δυο διαφορετικά τμήματα ή κατηγορίες. Sarantos Psycharis 11

Περιβάλλον εργασίας Site Control Panel (η αρχική οθόνη του Joomla!, περιλαμβάνει shortcuts για τον Article manager,section manager κ.τλ) User Manager (Εδώ γίνεται η διαχείρηση των χρήστων) Media Manager (Φωτογραφικό υλικό, Βίντεο κ.τλ) Global Configuration (Γενικές ρυθμίσεις. Από εδώ μπορούμε να αλλάξουμε το όνομα της ιστοσελίδας, το όνομα του server κ.τ.λ) Logout (Kλείσιμο της εφαρμογής) Sarantos Psycharis 12

Menus Content Menu manager (Δημιουργούμε ή τροποιούμε τα μενού της ιστοσελίδας) Menu Trash (Όποια μενου διαγράφουμε πηγαίνουν στο menu trash) Article manager Category manager Section manager Frontpage manager (H αρχική σελίδα της ιστοσελίδας.) Article Trash Sarantos Psycharis 13

Components Banners (Banners,Clients,Categories) Contacts (Contact, Categories) News feeds(feeds, Categories) Polls Search Weblinks Sarantos Psycharis 14

Extensions Install/Uninstall ( από εδώ έχουμε την δυνατότητα να αφαιρούμε αλλά και να προσθέτουμε καινούρια στοιχεία) Module manager (Mέσα από το Module Manager, μπορούμε να προσθέσουμε και να επεξεργαστούμε τα modules. Τί είναι τα Modules; Τα modules (Ενότητες) είναι ελαφριές και ευέλικτές επεκτάσεις οι οποίες χρησιμοποιούνται για σελιδοποίηση. Μερικές φορές οι ενότητες είναι συνδεδεμένες με συστατικά όπως τα "τελευταία νέα" ή ένα πεδίο Αναζήτηση. Οι ενότητες αυτές είναι κυρίως ορατές ως «κουτιά» που είναι διατεταγμένα γύρω από ένα στοιχείο σε μια τυπική σελίδα, για παράδειγμα, η ενότητα login. Sarantos Psycharis 15

Extensions Plug in manager ( Μας επιτρέπει να ενεργοποιούμε και να απενεργοποιούμε τα Joomla! Plugins αλλά και να επεξεργαζόμαστε ένα plugin για λεπτομέρειες και παραμέτρους. Template manager (Oρίζουμε το βασικό μας Template) Language manager (Ρυθμίσεις γλώσσας) Sarantos Psycharis 16

Tools Help Read messages (Λήψη email από τους χρήστες - administrator) Write messages(αποστολή email στους χρήστες - administrator) Mass mail Global check-in Joomla! Help (Το documentaion του Joomla!) System info (Πληροφορίες συστήματος) Sarantos Psycharis 17

Section Manager Για να ξεκινήσουμε τη διαχείριση των Sections, κάνουμε κλικ στο Section Manager. Κλικ στο "Νέο" στη γραμμή εργαλείων που βρίσκεται δεξία. Εισάγουμε έναν τίτλο και μια περιγραφή για το τμήμα και στη συνέχεια πατάμε "Save" στη γραμμή εργαλείων. Mπορούμε να δημιουργήσουμε όσα τμήματα θέλουμε. Χρησιμοποιούμε τα τμήματα (Sections) για να ομαδοποιήσουμε τα στοιχεία σε ομάδες. Το κορυφαίο επίπεδο (Top level) στην δομή τoυ Joomla! ονομάζεται "Section". Aς δημιουργήσουμε τρία τμήματα με ονόματα Products, News, Media. (Θα δούμε μέσα από ένα παράδειγμα πώς δουλεύει το Joomla! Και ποιές είναι οι δυνατότητες του. Για τον σκόπο αυτο, θα δημιουργήσουμε μια εικονική ιστοσελίδα, που θα παρουσιάζει μοντέλα αυτοκινήτων.) Sarantos Psycharis 18

Category Manager Το δεύτερο επίπεδο (Second level) στην δομή του Joomla! ονομάζεται "Categories" ή αλλιώς "Κατηγορίες" Κάνουμε κλικ στο Content από το μενού και επιλέγουμε "Category Manager".και επιλέξτε "New" από τη γραμμή εργαλείων Ακολουθουμε τα ίδια βήματα για να δημιουργήσουμε κατηγορίες, ορίζοντας την κάθε μία στην αντίστοιχη ενότητα (τμήμα) που έχουμε δημιουργήσει. Χρησιμοποιούμε τις κατηγορίες για πιο συγκεκριμένες ομάδες. Για το τμήμα "Products" δημιουργoύμε τις εξής κατηγορίες: Νew και Used (μοντέλα αυτοκινήτων). Για το τμήμα "News": Companies news και Models news και για το τμήμα "Media": Photos και Videos. Sarantos Psycharis 19

Article Manager Κάντε κλικ στο Content από το μενού και επιλέξτε "Article Manager". και επιλέξτε "New" από τη γραμμή εργαλείων.υπάρχουν πολλά διαφορετικά πράγματα που μπορείτε να το κάνετε εδώ Προσθέτουμε έναν τίτλο για το άρθρο, και το τοποθετούμε σε μια ενότητα και κατηγορία. Έχουμε την επιλογή να δημοσιεύσουμε το άρθρο, καθώς επίσης και η επιλογή αν θα εμφανίζεται το άρθρο στην πρώτη σελίδα (Frontpage). Δημιουργούμε το άρθρο. Μπορούμε να χρησιμοποιήσουμε την "αλλαγή σελίδας" (Page Break) για να διαιρέσουμε το άρθρο σε σελίδες. Μπορούμε να χρησιμοποιήσουμε την επιλογή "image" για να εισάγουμε μια εικόνα στο άρθρο, χρησιμοποιώντας το με απλή μορφή upload σε συνδυασμό με το Joomla! 's Media Manager. Sarantos Psycharis 20

Δημιουργία Άρθρου Για την ιστοσελίδα με τα μοντέλα αυτοκινήτων, θα δημιουργήσουμε τέσσερα άρθρα για κάθε μία από τις τέσσερις εταιρίες αυτοκινήτων: OPEL,MERCEDES,FORD,BMW. Ανοίγουμε τον Article manager. Πληκτρολογούμε στο όνομα του άρθρου: Opel Insignia Στο πεδίο Alias δεν χρειάζεται να πληκτρολογήσουμε κάτι, θα το κάνει το Joomla από μόνο του. Στο πεδίο Section επιλέγουμε Products και στο πεδίο Category ( δίπλα απο το Section) επιλέγουμε New. Στο πεδίο Published επιλέγουμε Yes και πάλι Yes για να κάνουμε το άρθρο μας αρχική σελίδα (FrontPage) Στην μέση της οθόνης παρατηρούμε τον Text Editor (επεξέργαστη κειμένου) του Joomla! Περιλαμβάνει τα βασικά στοιχεία που χρειαζόμαστε για την σύνταξη του άρθρου, Sarantos Psycharis 21

Στο πλαίσιο ακριβώς κάτω από τον επεξεργαστη κειμένου θα συντάξουμε το άρθρο. Όπως τo παρακάτω βίντεο. Sarantos Psycharis 22

Στα δεξιά της οθόνης παρατηρούμε της πληροφορίες για το άρθρο. Πληροφορίες: Article ID 3 Hits 34 Rivised State 12 times Publised Created Tuesday 10 August 2010 15:25 Modified Tuesday 10 August 2010 17:34 Sarantos Psycharis 23

Ρυθμίσεις για το άρθρο. (Parameters Article, Parameters - Advanced, Metadata Information) Π.χ μπορούμε να επιλέξουμε να μην φαίνονται ορισμένα στοιχεία, όπως ο συγγραφέας του άρθρου,η ημερομηνία που δημιουργήθηκε, η κατηγορία, το τμήμα που ανοίκει κ.τ.λ Sarantos Psycharis 24

Αντοίστιχα δημιουργούμε και τα υπόλοιπα άρθρα. BMW X6 Sarantos Psycharis 25

Ford Fiesta Sarantos Psycharis 26

Mercedes SLK Class Sarantos Psycharis 27

Μέχρι τώρα θα πρέπει να έχουμε δημιουργήσει την ιστοσελίδα που δείχνει το παρακάτω βίντεο. Πατώντας το Preview στο πάνω μέρος της οθόνης μπορούμε να προβάλλουμε την ιστοσελίδα στον πλοηγό μας. (Internet explorer v8, Mozilla Firefox) Sarantos Psycharis 28

Χρήστες Εκτός από τον διαχειριστή της ιστοσελιδάς, μπορούμε να προσθέσουμε και άλλους χρήστες για διάφορες δραστηριότητες Θα μπορούσαμε να προσθέσουμε έναν χρήστη (article user) ο οποίος θα έχει την δυνατόητα ΜΟΝΟ να προσθέτει και να τροποποιεί τα άρθρα στην ιστοσελίδα. Θα μπορούσαμε να προσθέσουμε έναν χρήστη (interface and structure user) ο οποίος θα έχει την δυνατόητα ΜΟΝΟ να τροποποιεί τον σχεδιασμό αλλά και την δομή της ιστοσελίδας (π.χ να αλλάξει το Template) χωρίς όμως να μπορεί να αλλάξει ή και να προσθέσει άρθρα. Πηγαίνουμε στο http://localhost/carmodels/administrator και κάνουμε σύνδεση με το username "Admin" και το password που ορίσαμε κατά την εγκατάσταση. Πηγαίνουμε στο "Site" μενού και επιλέγουμε "Control Panel" Κάνουμε κλικ στο "User manager" Sarantos Psycharis 29

Κάνουμε κλικ στο "New" στην γραμμή εργαλείων στα δεξιά της οθόνης. Sarantos Psycharis 30

Δημιουργούμε δυο νέους χρήστες. Public front-end user : Sarantos Psycharis και του δίνουμε τον ρόλο του author (θα μπορεί να προσθέσει και να τροποποιήσει άρθρα) Public Back-end user : Arvanitis Panagiotis και του δίνουμε τον ρόλο του manager Οι ακόλουθες ομάδες που είναι διαθέσιμες στο Joomla!: Εγγεγραμμένοι χρήστες (registered users: Κανονικoi επισκέπτες που θα εγγράφονται στο χώρο. Μπορούν να προβάλουν στοιχεία του μενού που έχουν πρόσβαση. Δεν μπορουν να επεξεργαστούν ή να υποβάλουν άρθρα. Συντάκτης: (Author : Μπορεί να υποβάλει νέα άρθρα προς έγκριση. Δεν μπορεί να επεξεργαστεί υπάρχοντα άρθρα. Εκδότης: (Publisher : Μπορεί να υποβάλει, να επεξεργαστεί, ή να δημοσιεύει άρθρα. Διευθυντής, διαχειριστής και Super Administrator: Μπορούν να κάνουν όλα τα παραπάνω και επιπλέον μπορουν να συνδεθουν στο περιβάλλον του Joomla με αυξημένα δικαιώματα. Sarantos Psycharis 31

Ας δούμε όλη την διαδικασία δημιουργίας χρήστη μέσα από το παρακάτω βίντεο. Sarantos Psycharis 32

Web Links (Σύνδεσμοι) Πώς δημιουργούμε συνδέσμους ; Πηγαίνουμε στο http://localhost/carmodels/administrator και κάνουμε σύνδεση με το username "Admin" και το password που ορίσατε κατά την εγκατάσταση. Από το μενού "Components", επιλέγουμε "Weblinks" και μέτα επιλέγουμε "Categories". Κλικ στο "Νew" για να δημιουργήσουμε μια νέα κατηγορία (ΔΕΝ έχει σχέση με τις κατηγορίες που είδαμε παραπάνω,απλά χρειάζεται για να οργανώνουμε τους σύνδεσμους μας) στη συνέχεια, κλίκ "Save". Κλικ στο "Links" κουμπί. Κλικ στο κουμπί "Νew" για να δημιουργήσουμε μια νέα σύνδεση. Δημιουργούμε συνδέσεις για πληροφορίες σχετικά με το περιεχόμενο της ιστοσελίδας μας.. Συνδέσμους όπως : (http://www.google.com, http://www.bmw.com, http://www.joomla.org) Κλικ "Save" για να αποθηκεύσουμε τον σύνδεσμο μας. Sarantos Psycharis 33

Mενού Ένας δικτυακός τόπος δεν θα είναι και πολύ ευκριστός αν δεν υπάρχει μενού για να βοηθήσει τους χρήστες να περιηγηθούν σε διαφορετικές σελίδες.. Το Joomla! διαθέτει ένα ενσωματωμένο σύστημα διαχείρισης μενού. Αυτό το σύστημα βασίζεται γύρω από τους τρεις τύπους πληροφοριών σε Joomla!-components modules και plugins. Tα components είναι τα βασικά στοιχεία του Joomla! Τότε τα μενού είναι ο συνδετικός τους κρίκος.. Αν κοιτάξουμε την πρώτη σελίδα του site σας, μπορούμε να δούμε μόνο τα άρθρα που σχετίζονται με την αρχική σελίδα και ΜΟΝΟ. Πληροφορίες,, Σύνδεσμοι, news feeds, άρθρα τα οποία δεν έχουν δημοσιευτεί στην αρχική σελιδα, δεν θα είναι ορατά. Αυτό οφείλεται στο γεγονός ότι σε κάθε σελίδα εμφανίζει ένα στοιχείο και μόνο. 1.Πηγαίνουμε στο http://localhost/carmodels/administrator και κάνουμε σύνδεση με το username "Admin" και το password που ορίσατε κατά την εγκατάσταση. 2. Από το «menu» του μενού, επιλέγουμε "main menu." Sarantos Psycharis 34

Ήδη από το μενού είναι προεπιλεγμένο το "Home", σύνδεσμος που μας παραπέμπει στην αρχική σελίδα η οποία παρέχει πρόσβαση σε είδη στα οποία έχουμε ενεργοποιήσει στο "Front Page" (Αρχική σελίδα) 3.Κάνουμε κλικ στο "Home" για να επεξεργαστούμε τις ρυθμίσεις που περιλαμβάνούν το όνομα της κεντρικής σελίδας, καθώς και των αριθμό των αντικειμένων που θα εμφανίζονται. 4. Στο «Parameters ( Βasic)», υπάρχουν πολλές διαφορετικές επιλογές που μπορούμε να ρυθμίσουμε όπως: "# Leading" είναι ο αριθμός των intros άρθρου, που θα εμφανίζονται στην πρώτη σελίδα με ένα "Διαβάστε περισσότερα (read more) " link για να μπορούμε να δούμε ολόκληρο το άρθρο. "# Intro" είναι ο αριθμός των intros άρθρου, που θα εμφανίζονται στην πρώτη σελίδα με ένα "Διαβάστε περισσότερα (read more) " link για να μπορούμε να δούμε ολόκληρο το άρθρο. Τα άρθρα αυτά θα έχουν μόνο το πλάτος μιας στήλης και δεν θα είναι σε ολόκληρη η σελίδα. "Columns" είναι ο αριθμός των στηλών στις οποίες θα εμφανίζονται τα άρθρα. "# Links" είναι ο αριθμός των άρθρων που θα εμφανίζονται μόνο ως σύνδεσμοι στο κάτω μέρος της οθόνης. Sarantos Psycharis 35

Στο "Parameters - System", εισάγουμε έναν τίτλο για τη σελίδα στο πεδίο "Page title".ο τίτλος θα εμφανίζεται στον browser, καθώς και στην επικεφαλίδα του για αυτή τη σελίδα τουέγγραφου. Για αυτή την ιστοσελίδα, εισάγετε "Carmodels" για να αντικαταστήσει το "Welcome to Frontpage!" Κάνουμε κλικ στο Save, και πατάμε http://localhost/carmodels για να δούμε τις αλλαγές. Sarantos Psycharis 36

Menu Categories Στη συνέχεια, θα πρέπει να δημιουργήσουμε έξι συνδέσεις σχετικά με τις κατηγορίες πού έχουμε δημιουργήσει για την ιστοσελίδα μας. "New'', "Used", "Models news", "Companies news", "Videos", "Photos" 1. Από το «menu» του μενού, επιλέγουμε "main menu". 2. Κλικ στο ''New'', επιλέγουμε ''Articles'' και μετά ''Category blog layout'' 3.Στο "Parameters - basic" επιλέγουμε μία από τις έξι κατηγορίες που δημιουργήσαμε. Ονομάζουμε το μενού ανάλογα. Προσαρμόζουμε τις ρυθμίσεις όπως και με το μενου "Home". 4.Φροντίζουμε να συμπεριλάβουμε ένα feed link στις επιλογές του "Parameters Advanced." 5.Δίνουμε έναν τίτλο της σελίδας στο "Parameters - System." Sarantos Psycharis 37

Sarantos Psycharis 38

Δημιουργία κατηγορία μενού Sarantos Psycharis 39

Menu Web links Web links 1. Από το menu του μενού κάνουμε κλικ στο Main menu 2. Kλικ New για να δημιουργήσουμε ένα νέο στοιχείο για το main menu 3. Επιλέγουμε Web links και μετά Category list Layout 4. Δίνουμε ένα όνομα για την σελίδα π.χ weblinks και επιλέγουμε New για κατηγορία. 5. Στις ρυθμίσεις "Parameters - System", βεβαιωνόμαστε ότι το όνομα της σελίδας είναι "Weblinks". Sarantos Psycharis 40

Μενου Αναζήτηση Search Ένα άλλο στοιχείο μενου που μπορούμε να δημιουργήσουμε είναι μια σελίδα αναζήτησης περιεχομένου. (search item) 1. Kλικ New για να δημιουργήσουμε ένα νέο στοιχείο για το main menu 2. Επιλέγουμε search στον τύπο του μενού. 3. Δίνουμε ένα όνομα για την σελίδα π.χ search page. Και κάνουμε κλι στο save για την αποθήκευση. Sarantos Psycharis 41

Ας δούμε την διαδικασία στο παρακάτω βίντεο. Sarantos Psycharis 42

Modules Ο επόμενος τύπος περιεχομένου (content type) έιναι τα Modules. Οι Ενότητες είναι τα τμήματα που βρίσκονται σε προκαθορισμένες θέσεις κατά μήκος κάθε σελίδα γύρω από το κυρίως περιεχόμενο. Οι θέσεις αυτές μπορεί να είναι είτε "αριστερά", είτε "δεξιά" ή ακόμα μπορεί να είναι και "το υποσέλιδο.(footer)" Το μενού που εμφανίζεται στην πρώτη σελίδα είναι ένα παράδειγμα του μια ενότητας ή καλύτερα είναι ένα module. Για αυτό το δικτυακό τόπο, θα προσθέσουμε μερικές χρήσιμες ενότητες: Πηγαίνουμε στο http://localhost/carmodels/administrator Από το μενου "Extensions ", επιλέγουμε "Module Manager."Από εδώ, μπορούμε να διαχειριστούμε τις ενότητες της οθόνης σε κάθε σελίδα. Ας προσθέσουμε ένα module για να δουμε το RSS feed που δημιουργήσαμε για την πρώτη σελίδα: 3. Κάνουμε κλικ στο "New", στη συνέχεια, επιλέγουμε "Syndicate" και κάνουμε κλικ στο κουμπί "Next" Sarantos Psycharis 43

4. Πληκτρολογήστε ένα όνομα για το νεο Modeule. Επιλέξτε την θέση που θα εμφανιστεί η ενότητα συνήθως θα εμφανίζεται στο "αριστερό" ή στο δεξιο μέρος της οθόνης. Kλικ στο Save και μέτα πατάμε Preview για να δουμε τις αλλαγές. Δείτε το παρακάτω βίντεο. Sarantos Psycharis 44

Login module Aς προσθέσουμε ένα πλαίσιο σύνδεσης, έτσι ώστε οι χρήστες θα έχουν την δυνατότητα να κάνουν εγγραφή στην ιστοσελιδά αλλά και να έχουν πρόσβαση στο περιεχομενό της 1. Από το "Extensions" μενού, επιλέγουμε "Module Manager." 2. Kλικ στο "New", επιλέγουμε Login και πατάμε next. 3. Ρυθμίζουμε τις παραμέτρους αυτής της ενότητας (Module) με το όνομα "Login" και επιλέγουμε την «αριστερή» θέση. Με αυτον τον τρόπο το module θα εμφανίζεται αμέσως κάτω από το μενού. Θέλουμε αυτή η ενότητα να εμφανίζεται σε όλες τις σελίδες, οπότε δεν υπάρχει ανάγκη να αλλάξουν αυτές τις ρυθμίσεις. 4. Kλικ στο "Save", για την αποθήκευση. Sarantos Psycharis 45

Login module Sarantos Psycharis 46

Templates (Πρότυπα) Τα Πρότυπα ορίζουν την εμφάνιση και την αίσθηση του δικτυακού τόπο. Το Joomla! Έχει εγκατεστημένα δύο πρότυπα από τα οποία μπορούμε να διαλέξουμε. αλλά υπάρχουν πολλά περισσότερα στο διαδίκτυο. 1. Κατ 'αρχάς, πηγαίνουμε στο http://localhost/carmodels/administrator και κάνουμε σύνδεση 2. Από το "Extensions" μενού, επιλέγουμε "Template Manager." 3. Το πρότυπο που έχει ένα αστέρι είναι το τρέχον πρότυπο. Για να αλλάξετε πρότυπο, επιλέγουμε το πρότυπο που θέλουμε να χρησιμοποιήσουμε και κάνουμε κλικ στο "Default." 4. Αν κάνουμε κλικ στο πρότυπο έχουμε την δυνατότητα να αλλάξουμε τις ρυθμίσεις. Sarantos Psycharis 47

Template Manager Sarantos Psycharis 48