Web Design: Το Περιβάλλον του Παγκόσμιου Ιστού

Πώς το Περιβάλλον του Παγκόσμιου Ιστού επηρεάζει  την εμφάνιση των ιστοσελίδων ενός δικτυακού τόπου; Ποιοι  παράγοντες καθορίζουν το αυτό το περιβάλλον;

Όλες οι ιστοσελίδες και οι δικτυακοί τόποι θα εμφανισθούν με έναν Φυλλομετρητή ιστοσελίδων (Browser) που διαθέτει ο χρήστης σε ένα υπολογιστή ή μια κινητική συσκευή (tablet, κινητό τηλέφωνο κα)  που χρησιμοποιεί κάποιο Λειτουργικό σύστημα και εμφανίζει τις ιστοσελίδες με συγκεκριμένη ανάλυση οθόνης. 

 Browsers 

Μερικοί από τους φυλλομετρητές: IE, Mozilla, Firefox, Google Chrome, Opera, Safari.
Αναλυτικά βλέπε http://el.wikipedia.org/wiki/Web_browser

Χαρακτηριστικά Browser: Κάθε Browser δεν υποστηρίζει όλες τις τεχνολογίες διαδικτύου με τον ίδιο τρόπο.
Έκδοση Browser: Κάθε νέα Έκδοση του Browser προσθέτει καινούργια χαρακτηριστικά και νέες δυνατότητες.

ΣΥΜΠΕΡΑΣΜΑ:Ένα site δεν εμφανίζεται το ίδιο στους διαφορετικούς Browsers ούτε στις διαφορετικές εκδόσεις του ίδιου Browser.
ΕΡΩΤΗΜΑΤΑ:  Για ποιον θα δημιουργήσω το site; Αν πάρω υπ'όψη μου τα χαρακτηριστικά-δυνατότητες της νέας έκδοσης του browser θα χάσω τους χρήστες που δεν θα περάσουν στην νέα έκδοση; Είναι δυνατόν να ικανοποιήσω όλους? Μήπως μια ιστοσελίδα που θα ιανοποιεί όλους τους χρήστες είναι βαρετή;

Δραστηριότητα

1. Επισκευφθήτε την ιστοσελίδα:  Στατιστικά στοιχεία για τους φυλλομετρητές: http://www.w3schools.com/browsers/browsers_stats.asp 

Ποιοι φυλλομετρητές υπάρχουν; Ποιοι είναι σήμερα οι πέντε ποιο δημοφιλείς;

2. Στον υπολογιστή εργασίας σας ποιοι browsers είναι εγκατεστημένοι. Αν κάποιος από τους τρεις ποιο δημοφιλείς δεν είναι εγκατεστημένος εγκαταστήστε τους.

Λειτουργικά Συστήματα

Δραστηριότητα

1. Επισκεφθήτε την ιστοσελίδα: Στατιστικά στοιχεία για τα λειτουργικά συστήματα υπολογιστών και φορητών συσκευών  http://www.w3schools.com/browsers/browsers_os.asp 

Ποια λειτουργικά συστήματα για ηλεκτρονικούς υπολογιστές καταγράφονται? Ποιο είναι το επικρατέστερο; 

2. Επισκεφθήτε την ιστοσελίδα:Στατιστικά στοιχεία για τα λειτουργικά συστήματα φορητών συσκευών  http://www.w3schools.com/browsers/browsers_mobile.asp

3. Ποια είναι η τάση για τα λειτουργικά συστήματα σε  κινητές (mobile) συσκευές σε σχέση με τα λειτουργικά σε σταθερούς υπολογιστές;
4. Ποιοι είναι οι μεγάλοι ανταγωνιστές στα Λ.Σ. για κινητές συσκευές;

Ανάλυση Οθόνης και Βάθος Χρώματος

Δραστηριότητα

1. Επισκεφθήτε την ιστοσελίδα:  Στατιστικά στοιχεία για την ανάλυση οθόνης και το βάθος χρώματος που χρησιμοποιούν οι φυλλομετρητές http://www.w3schools.com/browsers/browsers_display.asp
Ποια ανάλυση οθόνης είναι η επικρατέστερη; Ποιο βάθος χρώματος είναι το πιο συνηθισμένο;

HTML 5.0 

http://en.wikipedia.org/wiki/Html5

http://el.wikipedia.org/wiki/HTML5

Η έκδοση της γλώσσας συγραφής ιστοσελίδων πρόκειται να αντικαταστήση την προηγούμενη έκδοση της γλώσσας HTML προσθέτοντας νέα χαρακτηριστικά και δυνατότητες περιορίζοντας την χρήση plugins από τους φυλλομετρητές. 

Δραστηριότητα

1. Ανοίξτε  την ιστοσελίδα: http://html5test.com/ με όλους τους φυλλομετρητές που είναι εγκατεστημένοι στον υπολογιστή σας. Ποιο είναι η βαθμολογία που πέρνει κάθε φυλλομετρητής;
2. Εντοπίστε ποια τμήματα της HTML 5 δεν υποστηρίζει ο κάθε φυλλομετρητής.
3. Αν δεν διαθέτε ένα smartphone επαναλάβατε τα δύο προηγούμενα βήματα από το κινητό σας.
4. Συγκρίνεται τους φυλλομετρητές