spiderweb.gr - background
© Copyright 2006-2014 SpiderWeb.gr. All Rights Reserved. Με την επιφύλαξη παντός δικαιώματος. Powered By DixanSoft.com
Loading..

Κατασκευή ιστοσελίδων

Εσείς έχετε σωστή διαδικτυακή παρουσία;

Η SpiderWeb προσφέρει όλα όσα χρειάζεστε στην κατασκευή ιστοσελίδων πετυχαίνοντας μια ολοκληρωμένη διαδικτυακή παρουσία. Αύξηση επισκεψιμότητας – προσέλκυση νέων πελατών – διεύρυνση του τζίρου

slider background
cloud cloud cloud mountains icon pilon clipart plain icon plain icon cloud image

Απογειώνουμε την παρουσία σας

στο διαδίκτυο

slider background

Joomla Experts

Κατασκευή Joomla Templates, Components, Modules, Plugins

Οι Joomla προγραμματιστές μας είναι ειδικοί να σας παρέχουν ολοκληρωμένη λύση για υπηρεσίες που σχετίζονται με Joomla εφαρμογές. Περισσότερες πληροφορίες

slider background

Βελτιστοποίηση Μηχανών Αναζήτησης.

Προσφέρουμε επιτυχημένο SEO – Προβολή / Διαφήμιση στο Internet

Προωθήστε την ιστοσελίδα της επιχείρησής σας στις πρώτες θέσεις των οργανικών αποτελεσμάτων των μηχανών αναζήτησης

slider background

Responsive Web Design

Τι είναι το responsive web design; Γιατί το χρειαζόμαστε; Όλο και περισσότερο κόσμος ακούει τον όρο responsive design όταν πρόκειται για κατασκευή ιστοσελίδας. Αναρωτιέστε λοιπόν, τι είναι το responsive web design και που μας βοηθάει; Ας πάρουμε τα πράγματα από την αρχή…

Πίσω στο 2010 ένας σχεδιαστής ιστοσελίδων, ο Ethan Marcotte, που ζει και εργάζεται στη Βοστόνη, έγραψε ένα άρθρο και περιέγραψε το θεωρητικό και πρακτικό κομμάτι του responsive σχεδιασμού. Είχε αντιληφθεί τις δυσκολίες που συναντούσε όταν έπρεπε να κατασκευάζει ιστοσελίδες για διαφορετικά μέσα προσπέλασης (σταθερούς υπολογιστές, smartphones, tablets κ.λπ.) Το 2011 εξέδωσε και βιβλίο με λεπτομέρειες για τη φιλοσοφία του Responsive Web Design. Το Mashable χαρακτήρισε το 2013 ως τη χρονιά του responsive design και μάλλον όχι άδικα... Πόσο μάλλον το 2014!

Τι είναι responsive web design; Η βασική ιδέα του responsive σχεδιασμού είναι να κατασκευαστεί με τέτοιον τρόπο η ιστοσελίδα ώστε ο χρήστης να έχει την καλύτερη εμπειρία ‘θέασής’ της, ασχέτως σε ποια συσκευή θα τη δει (είτε σε smartphone, είτε σε tablet, είτε σε οθόνη 23 ιντσών σταθερού υπολογιστή). Σχεδιάζεται έτσι η ιστοσελίδα, με ‘έξυπνα’ πλαίσια, προσαρμοζόμενα γραφικά, CSS3 τεχνικές και πολλά άλλα, ώστε η ιστοσελίδα να ανιχνεύει τη συσκευή – ανάλυση που προβάλλεται και να προσαρμόζει τα περιεχόμενά της κατάλληλα. Αυτό έχει σαν αποτέλεσμα να μην χρειάζεται να μετακινούμε μπάρες κύλισης δεξιά – αριστερά, να μην αναγκαζόμαστε να παίρνουμε μεγενθυτικό φακό για να διαβάσουμε το κείμενο κ.λπ.

Με την έκρηξη της τεχνολογίας εδώ και λίγα χρόνια, και την αύξηση προσπέλασης στο διαδίκτυο από διάφορες συσκευές εκτός του κλασικού υπολογιστή (smartphones, tablets) και η χρήση διαφόρων λειτουργικών συστημάτων και φυλλομετρητών, ανάγκαζε τους σχεδιαστές ιστοσελίδων να κατασκευάζουν διαφορετικές ιστοσελίδες, αναλόγως σε ποια πλατφόρμα θα προβαλλόταν η ιστοσελίδα. Έτσι συναντούσαμε στο διαδίκτυο ιστοσελίδες για σταθερούς υπολογιστές / λαπτοπ αλλά αν ήθελες να τη δεις ικανοποιητικά από το iphone σου / ipad σου έπρεπε να χρησιμοποιήσεις την ειδική προσαρμογή που είχε φτιαχτεί για το λογισμικό της apple. Και αν ήθελες να την δεις από android συσκευές έπρεπε να χρησιμοποιήσεις την ειδική προσαρμογή για android. Αυτά πλέον ανήκουν στο παρελθόν…

Χρησιμοποιώντας το responsive design για την κατασκευή ιστοσελίδων προσφέρουμε στον χρήστη την απόλυτη εμπειρία πλοήγησης από όποια συσκευή και αν χρησιμοποιήσει εκμεταλλευόμενοι παράλληλα τις δυνατότητες του μέσου που χρησιμοποιεί. Φανταστείτε ένα λίτρο νερό το οποίο το ρίχνουμε κάθε φορά και σε διαφορετική ‘κούπα’. Πρώτα σε μια κατσαρόλα, μετά σε ένα τσαγιερό, μετά σε ένα μακρόστενο βάζο μετά σε έναν κουβά. Το νερό θα ‘πάρει’ το σχήμα του μέσου κάθε φορά. Έτσι λειτουργεί και το responsive design. Η ιστοσελίδα ανιχνεύει την ανάλυση της οθόνης του μέσου προβολής και προσαρμόζεται. Αν δει ανάλυση π.χ. 1366 pixels (οθόνη laptop ή σταθερού υπολογιστή) θα καταλάβει όλο το πλάτος χωρίς να αφήνει κενά δεξιά αριστερά, θα εμφανίζονται όλες οι στήλες η μια δίπλα στην άλλη (αν υπάρχουν) και όλα τα αντικείμενα θα είναι στη σειρά και μεγάλο μέγεθος. Αν ανιχνεύσει οθόνη κινητού τότε ορισμένα αντικείμενα θα τα τοποθετήσει το ένα κάτω από το άλλο (θα αναπροσαρμοστούν οι στήλες), άλλα αντικείμενα θα προσαρμοστούν σε νέα μορφή – μέγεθος (όπως π.χ. τα μενού ή κάποιος slider) ενώ άλλα μπορεί και να αποκρύπτονται.

responsive_web_design.jpg

 

ΓΙΑΤΙ ΠΡΕΠΕΙ ΝΑ ΚΑΤΑΣΚΕΥΑΣΟΥΜΕ ΤΗΝ ΙΣΤΟΣΕΛΙΔΑ ΜΑΣ ΜΕ RESPONSIVE WEB DESING;

  1. Τα smartphones και οι κινητές συσκευές είναι το μέλλον! Κάθε μέρα ενεργοποιούνται παγκοσμίως χιλιάδες τέτοιες συσκευές και ο αριθμός συνεχώς αυξάνει. Οι χρήστες πλέον είναι μια συσκευή στο χέρι και σερφάρουν στο διαδίκτυο. Σίγουρα δεν θέλετε μια ιστοσελίδα που δεν θα δείχνει όπως πρέπει σ’αυτές τις συσκευές χάνοντας υποψήφιους πελάτες
  2. Ο responsive σχεδιασμός είναι τελικά φθηνότερος! Αναρωτιέστε πως γίνεται αυτό.. Μπορεί σε γενικές γραμμές ο responsive σχεδιασμός να είναι λίγο ακριβότερος από την κλασική κατασκευή ιστοσελίδων αλλά σκεφτείτε το κόστος κατασκευής της ιστοσελίδας σε διαφορετικές πλατφόρμες. Φανταστείτε να χρειαζόσασταν μια ιστοσελίδα, μια εφαρμογή για iOS, μια εφαρμογή για android κ.λπ. Συνεπώς το responsive web design τα έχει όλα και συμφέρει!
  3. Ο responsive σχεδιασμός αυξάνει την κίνηση στην ιστοσελίδα σας. Όταν το responsive web design γίνει σωστά και αποτελεσματικά, τότε εγγυάται ότι η ιστοσελίδα σας θα δείχνει εντυπωσιακή σε οποιαδήποτε συσκευή – πλατφόρμα. Λόγω του γεγονότος, που αναφέραμε και παραπάνω, ότι όλο και περισσότεροι χρήστες χρησιμοποιούν κινητές συσκευές (smartphones, tablets), αυτό μεταφράζεται σε περισσότερους επισκέπτες στην ιστοσελίδα σας σε όλα τα μέτωπα, και αν έχετε κάνει τη σωστή παρουσίαση, αυτό σημαίνει περισσότεροι πελάτες. Άρα και γρηγορότερη απόσβεση του διαφημιστικού κεφαλαίου που επενδύθηκε για την κατασκευή της ιστοσελίδας
  4. Οι πιθανές μελλοντικές αλλαγές είναι λιγότερο επώδυνες. Φανταστείτε μετά την ολοκλήρωση της ιστοσελίδας να θελήσετε να κάνετε κάποιες τροποποιήσεις – διορθώσεις – αναβαθμίσεις (που είναι και λογική μια μελλοντική αναπροσαρμογή) και να πρέπει να αλλάξετε τον κώδικα και στην ιστοσελίδα και στις εφαρμογές στις διάφορες πλατφόρμες. Η συντήρησή τους είναι δύσκολη. Αυτό σημαίνει κόπο, σπατάλη χρόνου και χρημάτων.. Με τον responsive σχεδιασμό οι αλλαγές αυτές είναι piece of cake

Μπορείτε να δείτε την δική μας ιστοσελίδα, που βρίσκεστε αυτή τη στιγμή, κατασκευασμένη με responsive σχεδιασμό. Για να καταλάβετε πρακτικά πως λειτουργεί ο responsive σχεδιασμός κάντε το εξής πείραμα: στο φυλλομετρητή που βρίσκεστε, πατήστε το κουμπί της επαναφοράς (είναι το μεσαίο, στα κουμπιά πάνω δεξιά, δίπλα στο κουμπί του κλεισίματος). Το παράθυρο δεν θα καταλαμβάνει πλέον όλη την οθόνη αλλά ένα μέρος της. Δοκιμάστε να μεγαλώσετε – μικρύνετε το παράθυρο στην οριζόντια διάσταση και θα δείτε πως αναπροσαρμόζονται τα αντικείμενα της ιστοσελίδας (γραφικά, κείμενα, κουμπιά κ.λπ.) μέσα του. Αν το μικρύνετε τόσο όσο περίπου είναι η οθόνη του κινητού σας θα δείτε πως θα δείχνει στο smartphones σας! Επικοινωνήστε μαζί μας για να κατασκευάσουμε - ανακατασκευάσουμε με responsive σχεδιασμό και την ιστοσελίδα της δική σας επιχείρησης.

Η συντακτική ομάδα

Είμαστε δίπλα σας από το 2006 καλύπτοντας τις πραγματικές επιχειρηματικές σας ανάγκες