mobile friendly web page

Συζητήσεις για γλώσσες προγραμματισμού και θέματα σχετικά με προγραμματισμό.
Post Reply
User avatar
Sreak
Venus Project Founder
Venus Project Founder
Posts: 956
Joined: Fri Apr 02, 2004 9:56 am
Academic status: PhD
Location: eltrun.gr

mobile friendly web page

Post by Sreak » Sun Jan 18, 2009 5:06 pm

Απευθείας Ερώτηση :)
Πως μπορούμε να κάνουμε μια κανονική ιστοσελίδα να είναι mobile friendly?
Δηλαδή έχω έτοιμη μία σελίδα που σε desktop φαίνετε μια χαρά, μπορώ να την μετατρέψω με κάποιο τρόπο για να φαίνετε και σε mobile κινητό όμορφα? ;)

Thanks
User avatar
PaP
Venus Project Founder
Venus Project Founder
Posts: 1077
Joined: Wed Apr 21, 2004 12:06 am
Academic status: Alumnus/a
Location: San Francisco
Contact:

Re: mobile friendly web page

Post by PaP » Sun Jan 18, 2009 5:18 pm

Την ανοίγεις με Opera Mini :)
User avatar
Sreak
Venus Project Founder
Venus Project Founder
Posts: 956
Joined: Fri Apr 02, 2004 9:56 am
Academic status: PhD
Location: eltrun.gr

Re: mobile friendly web page

Post by Sreak » Sun Jan 18, 2009 5:44 pm

κανει δηλαδή όλο το rendering σωστά ο browser???
User avatar
Ισοβίτης
Venus Former Team Member
Posts: 1262
Joined: Sat Apr 21, 2007 5:45 pm
Gender:
Location: Πίσω από τα σίδερα
Contact:

Re: mobile friendly web page

Post by Ισοβίτης » Sun Jan 18, 2009 6:53 pm

Όχι ακριβώς. Ο Opera Mini δεν είναι παρά ένας (εξαιρετικός) browser για mobile.

Αν δεν έχουμε Opera Mini, όμως, πάλι η ιστοσελίδα θέλουμε να φαίνεται "σωστά" στο κινητό (mobile-compliant). Το youtube παραδείγματος χάριν, κάνει redirect στο http://m.youtube.com όταν εισέλθει κάποιος από κινητή συσκευή.

Για αρχή δες
εδώ
εδώ
εδώ
και
εδώ.
Συγχώρα με που δεν καταλαβαίνω τι λένε τα κομπιούτερς κι οι αριθμοί...

Image

Find me: Image Image Image Image Image
User avatar
stoupeace
Wow! Terabyte level
Wow! Terabyte level
Posts: 5372
Joined: Tue Aug 26, 2008 4:08 pm
Academic status: High school
Gender:

Re: mobile friendly web page

Post by stoupeace » Sun Jan 18, 2009 7:23 pm

Spoiler: εμφάνιση/απόκρυψη
Το δεύτερο link δεν ανοίγει.

Δηλαδή για να μπορώ να δώ webpages που φτιάχνω θέλει διαδικασία ή μπορώ αν φτιάξω μια σελίδα σε html να την δω κανονικά απο το κινητό?
Η καλύτερη μπάντα όλου του κόσμου: Sonata Antartika
Mpomp is building an army army. And I got my head back.
░░░░░███████ ]▄▄▄▄▄▄▄▄
▂▄▅█████████▅▄▃▂ ____☻/︻╦╤─
Il███████████████████]. /▌
_◥⊙▲⊙▲⊙▲⊙▲⊙▲⊙▲⊙◤.. . / \
User avatar
Ισοβίτης
Venus Former Team Member
Posts: 1262
Joined: Sat Apr 21, 2007 5:45 pm
Gender:
Location: Πίσω από τα σίδερα
Contact:

Re: mobile friendly web page

Post by Ισοβίτης » Sun Jan 18, 2009 7:59 pm

Stoupeace wrote:
Spoiler: εμφάνιση/απόκρυψη
Το δεύτερο link δεν ανοίγει.

Ανοίγει μια χαρά. Refresh.

Stoupeace wrote:Δηλαδή για να μπορώ να δώ webpages που φτιάχνω θέλει διαδικασία ή μπορώ αν φτιάξω μια σελίδα σε html να την δω κανονικά απο το κινητό?

Ναι, και είναι απόλυτα λογικό κάτι τέτοιο. Τα κινητά έχουν περιορισμένες απαιτήσεις και πολύ μικρότερη οθόνη από τους υπολογιστές. Συνεπώς, το περιεχόμενο των ιστοσελίδων πρέπει να είναι ελαφρύτερο και ο σχεδιασμός τους πιο κατάλληλος προκειμένου η περιήγηση να γίνεται γρήγορα και το design να ταιριάζει σε μικρές οθόνες.

Σύγκρινε πχ την αρχική σελίδα του youtube για pc και για mobile (αντίστοιχα και άλλα σάιτ όπως το CNN): Περιλαμβάνει μόνο τα βασικά στοιχεία. Το τι και πώς θα βάλεις σε μια σελίδα για mobile είναι "πρόκληση" σωστού σχεδιασμού :). Φυσικά, κάθε ιστοσελίδα είναι ορατή με την υπάρχουσα μορφή της σε mobile, αλλά μπορεί να φορτώνει αργά, να χαλάει ο σχεδιασμός της, κλπ.
Συγχώρα με που δεν καταλαβαίνω τι λένε τα κομπιούτερς κι οι αριθμοί...

Image

Find me: Image Image Image Image Image
User avatar
PaP
Venus Project Founder
Venus Project Founder
Posts: 1077
Joined: Wed Apr 21, 2004 12:06 am
Academic status: Alumnus/a
Location: San Francisco
Contact:

Re: mobile friendly web page

Post by PaP » Sun Jan 18, 2009 10:43 pm

Οι mobile σελίδες φτιάχνονται διαφορετικά, στην ουσία υποσύνολα των κανονικών, πιο απλή html αρκετό inline css
Το πιο σημαντικό πάντως είναι να δεις και ποιες συσκευές θες να εστιάσεις γιατί παίζει ρόλο και ο browser και η ανάλυση και στα κινητά πρέπει να απλά να υποστηρίξεις αυτά που απευθύνεσαι δε μπορείς να τα υποστηρίξεις όλα
Post Reply

Return to “Προγραμματισμός”