el:school:lessons:html:ergastirio:joomla:askisi3


Joomla - Άσκηση 3 - Εισαγωγή σε Κατηγορίες, Άρθρα και Μενού

Δοκιμασμένο σε Joomla 3.4.4, εκτύπωση σε firefox

  • Νέα : Δημιουργία Κατηγοριών, Άρθρων και Μενού εμφάνισης

Περιγραφή

  • Έστω ότι θέλουμε να δημιουργήσουμε έναν απλό Ιστότοπο για ένα ταξιδιωτικό Πρακτορείο με ονομασία Global Any Travel. Ο Ιστότοπός μας θα έχει την παρακάτω Δομή Μενού.
ΑΡΧΙΚΗ ΕΤΑΙΡΕΙΑ ΠΡΟΟΡΙΣΜΟΙ ΕΠΙΚΟΙΝΩΝΙΑ
ΕΣΩΤΕΡΙΚΟ
ΕΞΩΤΕΡΙΚΟ
  • Πατώντας στο μενού ΕΤΑΙΡΕΙΑ θα εμφανίζεται το άρθρο με όνομα Ποιοι Είμαστε που θα περιγράφει το Ταξιδιωτικό Πρακτορείο.
  • Πατώντας στο μενού ΕΣΩΤΕΡΙΚΟ θα εμφανίζεται η κατηγορία Εσωτερικό που θα περιέχει 2-3 Άρθρα, ένα για κάθε Προορισμό στην Ελλάδα.
  • Πατώντας στο μενού ΕΞΩΤΕΡΙΚΟ θα εμφανίζεται η κατηγορία Εξωτερικό που θα περιέχει 2-3 Άρθρα, ένα για κάθε Προορισμό εκτός Ελλάδας.
  • Πατώντας στο ΕΠΙΚΟΙΝΩΝΙΑ θα μας εμφανίζονται τα στοιχεία επικοινωνίας της εταιρείας, τηλέφωνο, διεύθυνση, e-mail κτλ
  • Στην ΑΡΧΙΚΗ μπορούμε να βάζουμε άρθρα όπως Προσφορές, Νέα κτλ

Δημιουργία Site

  1. ΔΗΜΙΟΥΡΓΙΑ ΚΑΤΗΓΟΡΙΑΣ
    1. Θα δημιουργήσουμε την πρώτη μας Κατηγορία. Πηγαίνουμε Περιεχόμενο / Διαχείριση Κατηγοριών / Προσθήκη νέας Κατηγορίας. Ορίζουμε Τίτλο : Εταιρεία, και Ψευδώνυμο : company και πατάμε .
  2. ΔΗΜΙΟΥΡΓΙΑ ΑΡΘΡΟΥ
    1. Θα δημιουργήσουμε το πρώτο μας Άρθρο. Πηγαίνουμε Περιεχόμενο / Διαχείριση Άρθρων / Προσθήκη νέου Άρθρου. Ορίζουμε Τίτλο : Ποιοι Είμαστε και Ψευδώνυμο about-us. Στο Κείμενο Άρθρου εισάγουμε το Κείμενο ποιοι είμαστε
    2. Μορφοποιούμε την εμφάνισή του ως εξής:
      1. Στον Επεξεργαστή Κειμένου, πατάμε στο εικονίδιο κάτω από το κείμενο Εναλλαγή Κειμενογράφου. Χρησιμοποιώντας html κάνουμε τις παρακάτω μορφοποιήσεις:
      2. Αν έχει μπει σε όλο το κείμενο η ετικέτα <code> την αφαιρούμε. Κρατάμε την ετικέτα <p>.
      3. Τα κείμενα Global Any Travel και σε όλο τον κόσμο να γίνουν έντονα
      4. Αλλαγή γραμμής και επιπλέον κενή γραμμή μετά το σε όλο τον κόσμο.
      5. Το κείμενο ελκυστικές τιμές να γίνει χρώμα πράσινο.
      6. Πατάμε στο Εναλλαγή Κειμενογράφου για να δούμε μια προεπισκόπιση των αλλαγών μας
      7. Πατάμε πάλι στο Εναλλαγή Κειμενογράφου για να επιστρέψει σε html. Βλέπουμε ότι έκανε αυτόματα κάποιες μικροαλλαγές. Π.χ. εάν είχαμε βάλει χρώμα με την <font color=“green”>, το άλλαξε σε <span style=“color: green;”> που είναι το ίδιο αλλά με άλλη ετικέτα και css περιγραφή. Δεν μας πειράζει για το συγκεκριμένο αλλά καλό είναι να ξέρουμε ότι ο γραφικός επεξεργαστής κάνει αυτόματες αλλαγές, ώστε εάν δημιουργηθεί κάποιο πρόβλημα εμφάνισης να το λύσουμε με επεξεργασία σε html.
    3. Αφού ολοκληρώσουμε την μορφοποίηση πατάμε .
  3. ΔΗΜΙΟΥΡΓΙΑ ΜΕΝΟΥ.
    • Έχουμε φτιάξει το πρώτο μας Άρθρο και θα πρέπει να δημιουργήσουμε ένα μενού που να το εμφανίζει.
    1. Πηγαίνουμε Μενού / Main Menu και πατάμε στο κουμπί Νέο.
    2. Στο Είδος Στοιχείου Μενού επιλέγουμε Άρθρα / Μεμονωμένο Άρθρο
    3. Τίτλος μενού : Εταιρεία, Ψευδώνυμο : company
    4. Επιλέγουμε το Άρθρο Ποιοι Είμαστε
    5. Πατάμε και πηγαίνουμε στον Ιστότοπο για να δούμε το νέο μενού.
  4. ΕΠΕΞΕΡΓΑΣΙΑ ΕΜΦΑΝΙΣΗΣ ΑΡΘΡΟΥ
    • Στο Άρθρο μας, εμφανίστηκαν και επιπλέον πληροφορίες όπως : σε ποια κατηγορία ανήκει, πότε δημοσιεύθηκε, ποιος το δημιούργησε και πόσοι το έχουν δει. Για να μην εμφανίζονται αυτές οι πληροφορίες :
    1. Πηγαίνουμε Περιεχόμενο / Διαχείριση Άρθρων και κάνουμε κλικ στο κουμπί Επιλογές (τέρμα δεξιά).
    2. Στην καρτέλα Άρθρα αλλάζουμε σε Απόκρυψη τις επιλογές Προβολή Κατηγορίας, Εμφάνιση Αρθρογράφου, Εμφάνιση Ημερομηνίας Δημοσίευσης, Εμφάνιση Εικονιδίου Εκτύπωσης, Εμφάνιση Εικονιδίου Ταχυδρομείου, Προβολή Εμφανίσεων
    3. Πατάμε και πηγαίνουμε στον Ιστότοπο για να δούμε τις αλλαγές.

Ποιοι είμαστε

Παράρτημα - Ποιοι είμαστε

Εισάγετε το παρακάτω κείμενο στο άρθρο Ποιοι είμαστε

Το ταξιδιωτικό Γραφείο Global Any Travel σας μεταφέρει σε ενδιαφέροντες προορισμούς σε όλο τον κόσμο. Με άψογη εξυπηρέτηση και ελκυστικές τιμές, είμαστε σίγουροι ότι θα μας προτιμήσετε για άνετα και ευχάριστα ταξίδια.


el/school/lessons/html/ergastirio/joomla/askisi3.txt · Last modified: Y/m/d H:i by vagk