Να περιγράψετε τους 2 τρόπους οργάνωσης Ιστοσελίδων

Παρουσίαση με θέμα: "Να περιγράψετε τους 2 τρόπους οργάνωσης Ιστοσελίδων"— Μεταγράφημα παρουσίασης:

1 Να περιγράψετε τους 2 τρόπους οργάνωσης Ιστοσελίδων
Κεφάλαιο 3

2 Τρόποι οργάνωσης Ιστοσελίδων
Ανάλογα με τον τρόπο που διασυνδέονται οι ιστοσελίδες ενός κοινού τόπου ή εφαρμογής μεταξύ τους, μπορούμε να διακρίνουμε δυο βασικούς τρόπους οργάνωσης ιστοσελίδων, την σειριακή οργάνωση και την ιεραρχική οργάνωση Κεφάλαιο 3

3 Σειριακή Οργάνωση Ιστοσελίδων
Πρώτη σελίδα Δεύτερη Τρίτη Ν-οστή Τελευταία Κεφάλαιο 3

4 Ιεραρχική Οργάνωση Ιστοσελίδων
Κεφάλαιο 3

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

6 Σενάριο Παρουσίασης Κεφάλαιο 3

7 Βασικές Αρχές Σχεδίασης
Σχεδίαση ενός συστήματος πλοήγησης μέσα στις ιστοσελίδες της εφαρμογής, το οποίο θα πρέπει να βοηθά τον χρήστη να μετακινηθεί και να εντοπίσει εύκολα την πληροφορία που θέλει Χρήση χρωμάτων που ταιριάζουν μεταξύ τους και τα οποία δημιουργούν αντίθεση με τα χρώματα του κειμένου, ώστε να διευκολύνεται η ανάγνωση των κειμένων Χρήση γραμματοσειρών που διευκολύνουν την ανάγνωση των κειμένων. Είναι καλύτερα το κείμενο να είναι στοιχισμένο αριστερά, γιατί ταιριάζει στον τρόπο με τον οποίο διαβάζουμε Κεφάλαιο 3

8 Βασικές Αρχές Σχεδίασης
Χρήση εικόνων και πολυμεσικών στοιχείων μικρού μεγέθους (σε Kbytes), ώστε η ιστοσελίδα να μπορεί να απεικονίζεται γρήγορα από τον browser του χρήστη Χρήση γραφικών στοιχείων που δημιουργούν ένα καλό αισθητικό αποτέλεσμα χωρίς υπερβολές που κουράζουν τον χρήστη(Το μέγεθος τους να μην επιβαρύνει την εφαρμογή και να είναι εναρμονισμένα με το όλο περιβάλλον της εφαρμογής Κεφάλαιο 3

9 Τρόπος Ανάπτυξης Ιστοσελίδων
Η ανάπτυξη ιστοσελίδων γίνεται με την γλώσσα HTML η οποία χρησιμοποιεί ένα είδος ετικετών <tags> για τη διαμόρφωση του τρόπου παρουσίασης του κειμένου και των πολυμεσικών στοιχείων Κεφάλαιο 3

10 Τρόπος Ανάπτυξης Ιστοσελίδων
Όταν ένας φυλλομετρητής ανακαλεί μια ιστοσελίδα, τότε στην ουσία διαβάζει τον κώδικα της ιστοσελίδας ως ένα αρχείο κειμένου και ψάχνει να βρει μέσα σε αυτό ετικέτες, οι οποίες δηλώνουν πως θα παρουσιαστεί το κείμενο και τα πολυμεσικά στοιχεία, ώστε να δημιουργηθεί το τελικό οπτικό αποτέλεσμα της ιστοσελίδας. Στη συνέχεια, ο φυλλομετρητής αναλαμβάνει να δημιουργήσει αυτό το τελικό αποτέλεσμα Κεφάλαιο 3

11 Διαφορές της HTML με τις γλώσσες δομημένου ή αντικειμενοστραφούς προγραμματισμού
Δεν μπορεί να χρησιμοποιηθεί για τη επίλυση υπολογιστικών προβλημάτων Δεν μπορεί να χειριστεί δεδομένα εισόδου και να δώσει δεδομένα εξόδου Δεν υποστηρίζει αριθμητικές ή λογικές πράξεις Δεν υποστηρίζει δομές δεδομένων Δεν υποστηρίζει τις λογικές δομές της ακολουθίας, της επιλογής και της επανάληψης, οι οποίες και αποτελούν τα βασικά δομικά στοιχεία στο δομημένο προγραμματισμό Κεφάλαιο 3

12 Δυνατότητες της HTML Περιγραφή του τρόπου διαμόρφωσης του κειμένου που παρουσιάζεται σε μια ιστοσελίδα και του background της ιστοσελίδας Μέγεθος, στυλ και χρώμα χαρακτήρων Παραγραφοποίηση κειμένου Στοίχιση κειμένου Δημιουργία καταλόγων Κεφάλαιο 3

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

14 Δυνατότητες της HTML Διαχωρισμός της οθόνης του browser σε περισσότερα του ενός παράθυρα, μέσα στα οποία παρουσιάζονται διαφορετικές ιστοσελίδες Επιτρέπει τη εισαγωγή στοιχείων, μέσω ειδικών φορμών, από τους υπολογιστές client, τα οποία μπορεί στη συνέχεια να αποσταλούν και να επεξεργαστούν με ειδικό κώδικα script στην πλευρά του server Κεφάλαιο 3

15 Περιορισμοί της HTML Η HTML μπορεί μόνο να παρουσιάσει κείμενο, πολυμεσικά στοιχεία και υπερσυνδέσμους, με τον τρόπο που ο δημιουργός της ιστοσελίδας θέλει Δεν διαθέτει η ίδια μηχανισμό για την επεξεργασία στοιχείων ή δεδομένων που δίνονται από τον χρήστη Δεν διαθέτει μηχανισμούς για διαχείριση δομών δεδομένων ή για διαχείριση ενεργειών που γίνονται δυναμικά από τη πλευρά του χρήστη Κεφάλαιο 3

16 Μορφή αρχείων στην HTML
Τα αρχεία HTML έχουν κατάληξη html ή htm και περιέχουν τον κώδικα της ιστοσελίδας, καθώς και το κείμενο που αυτή περιλαμβάνει. Κάθε λέξη ή φράση βρίσκεται σε < > και αποτελεί μια ετικέτα tag με τις παραμέτρους της. Ο κώδικας της ιστοσελίδας έχει μορφή κειμένου και αποτελείται από ένα σύνολο ετικετών (tags). Κεφάλαιο 3