Blogger Tips – Tricks – Gadgets – Templates – Hacks

Στατικές και Δυναμικές Ιστοσελίδες



Print Friendly and PDFPrintPrint Friendly and PDFPDF


Με την παγκόσμια άνθηση του διαδικτύου, τη χρήση του από όλο και περισσότερους ανθρώπους ως βασικό μέσο μαζικής επικοινωνίας, είναι πλέον προφανές ότι το κάθε νομικό ή φυσικό πρόσωπο, επιβάλλεται να έχει παρουσία σε αυτό. Ο συνηθέστερος τρόπος παρουσίασης των προϊόντων μιας επιχείρησης ή η προβολή ιδεών ενός ατόμου είναι μέσω μιας ιστοσελίδας. Τα είδη μιας ιστοσελίδας ποικίλουν, ανάλογα με τις ανάγκες του καθενός. Οι δυο μεγαλύτερες και βασικότερες κατηγορίες ιστοσελίδων είναι οι στατικές (static) και οι δυναμικές (dynamic). Στατικές ονομάζονται οι ιστοσελίδες, που έχουν μόνιμο περιεχόμενο. Αυτό δε σημαίνει ότι το περιεχόμενο τους πρέπει να είναι στατικό, αντιθέτως μπορεί να έχει πολλά κινούμενα γραφικά. Δυναμικές είναι οι ιστοσελίδες στις οποίες ο χρήστης-επισκέπτης αλληλεπιδρά με την ίδια τη σελίδα. Σήμερα κυριαρχεί μια λανθασμένη εντύπωση ότι οι στατικές ιστοσελίδες είναι ξεπερασμένες, κυρίως επειδή για να κατασκευαστούν βασίζονται σε παλαιότερες τεχνολογίες. Αυτή η εντύπωση όμως είναι άκρως λανθασμένη. Μερικές από τις πιο μοντέρνες ιστοσελίδες είναι στατικές, ενώ οι στατικές ιστοσελίδες προσφέρουν πλεονεκτήματα που δεν έχουν οι δυναμικές. Ο όρος “στατικές” αναφερέται στο μόνιμο περιεχόμενο των στατικών ιστοσελιδών και όχι σε κάποιο είδος κίνησης. Τα δεδομένα (κείμενο, φωτογραφίες κλπ.) για να αλλάξουν σε μια στατική σελίδα, θα πρέπει ο διαιχειριστής της σελίδας να τα αλλάξει χειροκίνητα, μέσω κάποιου ειδικού προγράμματος κατασκευής ιστοσελιδών. Αντίθετα στις δυναμικές ιστοσελίδες ο απλός χρήστης-επισκέπτης αλληλεπιδρά άμεσα-δυναμικά με την ίδια την σελίδα και αυτό σημαίνει ότι μπορεί να αλλάξει και το περιεχόμενό της. Για αυτό τον λόγο, οι δυναμικές ιστοσελίδες διαχειρίζονται από open source CMS (Content Management System), ότι δηλαδή το σύστημα διαχείρησης της σελίδας είναι ανοιχτό σε όλους τους χρήστες, οι οποίοι μπορούν να το αλλάξουν ή να το τροποποιήσουν. Το κατά πόσο έχει τη δυνατότητα να αλλάξει/τροποποιήσει το περιέχομενο μιας δυναμικής ιστοσελίδας ένας επισκέπτης, το ορίζει ο υπερδιαχειριστής της σελίδας (administrator). Αλλά ας τα πάρουμε από την αρχή:




Η πρώτες ιστοσελίδες πλησιάζουν περισσότερο τις σημερινές στατικές, παρά

τις δυναμικές, που εφευρέθηκαν αργότερα. Ο βρετανός Τιμ-Μπέρνες Λι, εφευρέτης

internet ή του world wide web το 1989, δημοσίευσε τον Αύγουστο του 1991 αυτό που,

θεωρούμε σήμερα ως την πρώτη ιστοσελίδα, η οποία ήταν γραμμένη σε html, δηλαδή στη γλώσσα όπου γράφονται οι στατικές ιστοσελίδες. Οι δυναμικές ιστοσελίδες

βασίζονται σε γλώσσες και τεχνολογίες που ανακαλύφτηκαν πρόσφατα και

αναπτύσσονται συνεχώς. Οι δυναμικές ιστοσελίδες γράφονται στη γλώσσα προγραμματισμού php που αναπτύσσεται διαρκώς. Σήμερα χρησιμοποιείται η 4η κι η 5η έκδοση της php.



Για την ανάπτυξη και σχεδίαση δυναμικών ή στατικών ιστοσελίδων χρησιμοποιούνται πολλές γλώσσες. Η html χρησιμοποιείται ευρέως στις στατικές ιστοσελίδες και η php στις δυναμικές. Στις δυναμικές μπορεί όμως να χρησιμοποιηθεί και html γιατί η html δεν είναι γλώσσα προγραμματισμού σε αντίθεση με την php όπου είναι.



HTML (HyperText Markup Language):


H html δεν είναι γλώσσα προγραμματισμού. Είναι γλώσσα σήμανσης (markup language). Ανακαλύφτηκε από την IBM, η οποία ήθελε να λύσει το πρόβλημα της για μη τυποποιημένη εμφάνιση κειμένων στα διάφορα υπολογιστικά της συστήματα. Html υπάρχει και στις δυναμικές και στις στατικές ιστοσελίδες. Η html αποτελείται από διάφορα tags που δίνουν εντολές στον browser όπου ο τελευταίος απεικονίζει τα αποτελέσματα αυτών των εντολών στις οθόνες μας. Τα tags είναι εντολές που βρίσκονται μεταξύ των συμβόλων < και >. Π.χ. αν θέλουμε να δώσουμε εντολή στον browser μας να εμφανίσει κάποιο κείμενο μαρκαρισμένο σε bold, στην html γράφεται: <b>To_κείμενο_εδώ</b> Οι εντολές είναι case insensitive, δεν επηρεάζονται από το αν έχουν γραφτεί με πεζά (μικρά) ή κεφαλαία.

Αξιοσημείωτο είναι επίσης ότι η html είναι η πρώτη και πιο διαδεδομένη γλώσσα περιγραφής της δομής μιας ιστοσελίδας.



Η html έφερε τα πρώτα προβλήματα εμφάνισης ιστοσελιδών από τους διάφορους browsers.

Ειδικά όταν περιλαμβάνει (που περιλαμβάνει συχνά) εφαρμογές σε Javascript. Αρχικά είχαν θεσπιστεί κάποιες προδιαγραφές για τη html που κάλυπταν μέχρι τη html 2.0. Τα προβλήματα προέκυψαν όταν οι Microsoft κι η Netscape πρόσθεσαν στην html τέτοιες δυνατότητες που ήταν συμβατές να απεικονιστούν από ορισμένους browsers. Ακόμη και τώρα αλλιώς απεικονίζεται μια σελίδα από διαφορετικούς browsers. Χάρη σε αυτό εκθρονίστηκε ο explorer από τον firefox.



Μεγάλα προγράμματα στα οποία ο χρήστης συγγράφει κώδικα html και ταυτόχρονα μπορεί να βλέπει και το αποτέλεσμα των κωδικών που συγγράφει είναι το Dreamweaver της Adobe, το FrontPage της Microsoft και το Ace HTML.



PHP:



Η php είναι μια γλώσσα προγραμματισμού που χρησιμοποιείται κυρίως στην κατασκευή δυναμικών ιστοσελίδων.


Μια ιστοσελίδα γραμμένη σε php για να ανοίξει σε πραγματικό χρόνο στην οθόνη μας σε μορφή html μέσω του browser μας, επικοινωνεί και περνά από επεξεργασία από έναν συμβατό διακομιστή του ιστού (π.χ. Apache). Ο Apache είναι ο μεγαλύτερος και διασημότερος εξυπηρετητής (nameserver) του παγκόσμιου ιστού (world wide web). Ο Apache είναι ο δημοφιλέστερος εκ των εξυπηρετητών γιατί λειτουργεί και στα Linux, Unix ,Mac OS X εκτός από τα Windows. Η χρησιμότητα του Apache είναι γιατί όταν κάποιος χρήστης επισκέφτεται μια ιστοσελίδα από το πρόγραμμα περιήγησής του (browser), αυτό επικοινωνεί με τον διακομιστή-server μέσω του πρωτοκόλλου http, και έτσι δημιουργούνται οι ιστοσελίδες οι οποίες αποστέλλονται στο πρόγραμμα περιήγησης και από εκεί στην οθόνη του υπολογιστή μας σε μορφή κώδικα html. Ο Apache υποστηρίζει εξ’ ορισμού την εκτέλεση κώδικα php.


Η php ανακαλύφτηκε το 1995 από έναν φοιτητή τον Rasmus Lerdorf, ο οποίος δημιούργησε για απλή προσωπική χρήση ένα απλό script γραμμένο σε php. Το script αυτό είχε σαν σκοπό να διατηρεί μια λίστα στατιστικών για τα άτομα που έβλεπαν το online βιογραφικό του σημείωμα. Αργότερα αυτό το script το διέθεσε και σε φίλους του, οι οποίοι άρχισαν να του ζητούν να προσθέσει περισσότερες δυνατότητες και έτσι το εξέλιξαν. Η εξέλιξη της php βασίστηκε και στη γλώσσα προγραμματισμού C. Σήμερα, στους περισσότερους ιστότοπους χρησιμοποιείται η 4η κι η 5η έκδοση της php, ενώ η επερχόμενη 6η έκδοση είναι ακόμη σε δοκιμαστικά στάδια.



CSS (Cascading Style Sheets):


Τα αρχεία (φύλλα στυλ) CSS μας επιτρέπουν να διαχωρίσουμε το περιεχόμενο μιας ιστοσελίδας από το σχεδιαστικό κομμάτι της. Και αυτό συμβαίνει γιατί όλα τα στοιχεία σχεδίασης και μορφοποίησης μιας σελίδας μπορούν να αποθηκευτούν σε ένα μόνο ξεχωριστό αρχείο CSS, το οποίο θα συνδέεται/θα επικοινωνεί με όλα τα άλλα αρχεία της σελίδας, και θα τα αλλάζει σχεδιαστικά. Αυτό, όπως καταλαβαίνετε, είναι πολύ πρακτικό, γιατί αν για παράδειγμα θέλουμε να αλλάξουμε το φόντο (background color) μιας σελίδας, αρκεί να επέμβουμε στο αρχείο CSS και να κάνουμε εκεί την αλλαγή, και ΔΕΝ χρειάζεται να κάνουμε την αλλαγή σε όλα τα αρχεία μιας σελίδας ξεχωριστά. Έτσι γλιτώνουμε πολλές σειρές κώδικα.

Τα πλεονεκτήματα της CSS συνοπτικά είναι:

1. Ελαχιστοποίηση χρόνου φόρτωσης μιας σελίδας, αφού μικραίνει το μέγεθος των αρχείων μιας σελίδας.

2. Ελαχιστοποίηση χρόνου γραφής κώδικα.

3. Προσβασιμότητα από όλους τους φυλλομετρητές-περιηγητές-web browsers (π.χ. Explorer).

4. Είναι πιστοποιημένο από το W3C, τον μεγαλύτερο οργανισμό Web Standards παγκοσμίως.

5. Ομοιόμορφη εμφάνιση όλων των σελιδών μιας ιστοσελίδας, αφού συνδέονται με το ίδιο αρχείο CSS.

6. Είναι SEO friendly, αφού ο κώδικας της σελίδας είναι πολύ καθαρότερος.

Η CSS είναι σχετικά πολύ εύκολη γλώσσα στην εκμάθησή της.



XML:



Είναι μια γλώσσα περιγραφής/δόμησης των δεδομένων. Λέγοντας δεδομένα, εννοούμε μια συλλογή στοιχείων δεδομένων, όπως κατάλογοι βιβλίων ή διευθύνσεων. Η XML δεν είναι γλώσσα προγραμματισμού και ούτε έχει τα χαρακτηριστικά μιας γλώσσας προγραμματισμού. Η XML χρησιμοποιείται για να διευκολύνει τον υπολογιστή μας να παράγει και να δομήσει τα δεδομένα.



Οι παραπάνω τέσσερις γλώσσες είναι από τις βασικότερες που χρησιμοποιούνται για την κατασκευή μιας ιστοσελίδας.





Πλεονεκτήματα και Μειονεκτήματα Στατικής και Δυναμικής Ιστοσελίδας




Η κατασκευή ιστοσελίδων (Web development-design) από τους σχεδιαστές (web designers-developers) είναι η διαδικασία δημιουργίας παρουσιάσεων περιεχομένου (συνήθως υπερκειμένου, ή πολυμέσων), οι οποίες προβάλλονται στον τελικό χρήστη του Διαδικτύου, μέσω ενός προγράμματος περιήγησης (browser).

Όλες οι ιστοσελίδες είναι ένα ηλεκτρονικό αρχείο ή ένα σύνολο από ηλεκτρονικά αρχεία αποθηκευμένα σε σκληρούς δίκους που λέγονται servers.

Τα ηλεκτρονικά αρχεία μπορεί να είναι εικόνες (.jpeg, .gif, .png, .bmp) τα οποία τοποθετούνται στη σελίδα μας, με τη χρήση των κατάλληλων κωδικών σήμανσης, ώστε να αναγνωρίζονται από τον περιηγητή μας, ο οποίος με τη σειρά του θα μας τα απεικονίσει στην οθόνη μας. Οι “κατάλληλοι κωδικοί σήμανσης” που προανέφερα είναι html/xhtml/xml.

Βέβαια σήμερα τα πράγματα δεν είναι τόσο απλά. Έχουν εξελιχθεί σε μεγάλο βαθμό. Η απλή γλώσσα σήμανσης html, έχει συνδιαστεί με εφαρμογές Javascript και με CSS, και έτσι τα πράγματα έχουν γίνει πολύ πιο περίπλοκα.

Πάντως σε γενικές γραμμές, οι browsers ακολουθούν τα ενιαία πρότυπα και προδιαγραφές που έχει θέσει το W3C. Κι οι browsers σήμερα ενσωματώνουν πάνω τους τα πρόσθετα (plug-ins), που άλλωτε θα έπρεπε να τα εγκαταστήσουν οι χρήστες ξεχωριστά.





Η στατική ιστοσελίδα έχει πλεονεκτήματα που δεν έχουν οι δυναμικές και το αντίθετο. Για αυτό δεν μπορούμε να πούμε ότι η μία είναι καλύτερη από την άλλη. Αυτό το λάθος το κάνουν πολλοί, που λένε ότι οι δυναμικές είναι καλύτερες από τις στατικές, ίσως επειδή έχουν πιο πολλά πλεονεκτήματα.

Η βασική διαφορά είναι ότι οι στατικές ιστοσελίδες δεν αλληλεπιδρούν με τον επισκέπτη, πράγμα που κάνουν οι δυναμικές.



Οι στατικές ιστοσελίδες



Οι στατικές ιστοσελίδες χαρακτηρίζονται από την μονιμότητα του περιεχομένου τους και της διάταξής τους (layout), τα οποία μπορούν να αλλάξουν/να τροποποιηθούν μόνο με αίτημα για αναβάθμιση (update) από τον προγραμματιστή/διαχειριστή της σελίδας αυτης. Μια απλή σελίδα html (έγγραφο html) που περιλαμβάνει κείμενο, συνδέσμους και φωτογραφίες για παράδειγμα, είναι ένα απλό παράδειγμα στατικής σελίδας. Τα δεδομένα σε μια στατική ιστοσελίδα δεν αλλάζουν δυναμικά. Έχουν σταθερό, αμετάβλητο περιεχόμενο.



Στα υπερ της στατικής σελίδας είναι το χαμηλό κόστος κατασκευής και συντήρησης, γιατί μια στατική σελίδα, δεν απαιτεί μεγάλο χώρο σε φιλοξενία από webserver. Μια στατική σελίδα αναπτύσσεται/σχεδιάζεται γρηγορότερα από ότι μια δυναμική. Επίσης οι στατικές σελίδες φορτώνουν πιο γρήγορα από ότι οι δυναμικές.

Μεγάλο πλεονέκτημα των στατικών ιστοσελιδών έναντι των δυναμικών είναι επίσης ότι πιο SEO friendly. To SEO σημαίνει Search engine optimization και στα ελληνικά “Βελτιστοποιήση Σελίδας για τις μηχανές αναζήτησης”. Οι στατικές σελίδες λοιπόν είναι πιο φιλικές προς τις μηχανές αναζήτησης. Αυτό συμβαίνει γιατί στις στατικές ιστοσελίδες υπάρχει δυνατότητα τοποθέτησης στον κώδικα html, των meta tags τα οποία αναγνωρίζουν οι μηχανές αναζήτησης και κατατάσσουν την στατική σελίδα πάνω από μια δυναμική που δεν έχει ακριβώς αυτη την δυνατότητα. Αυτό είναι πολύ ισχυρό πλεονέκτημα των στατικών ιστοσελιδών, γιατί όπως καταλαβαίνετε έχει άμεση σχέση με την επισκεψημότητά τους. Και η επισκεψημότητα σε έναν ιστότοπο μπορεί να μεταφραστεί σε κέρδος. Και όπως είναι γνωστό, οι μηχανές αναζήτησης είναι αυτες που παραπέμπουν τους χρήστες στις ιστοσελίδες. Οπότε όσο καλύτερα κατεταγμένη η σελίδα στις μηχανές αναζήτησης σε διάφορες λέξεις-κλειδιά, τόσο μεγαλύτερο πλεονέκτημα έχει έναντι των ανταγωνιστών της. Στην αγορά γίνεται σκληρή μάχη ανάμεσα στους SEO experts για διάφορες λέξεις-κλειδιά. Είναι αξιοσημείωτο, ότι μόνο στην ελληνική αγορά για λέξεις-κλειδιά όπως (fashion, gadgets, ρούχα), για να επιτευχθεί η πρώτη θέση στις μηχανές αναζήτησης, δαπανούνται μέχρι και 20 χιλιάδες ευρώ. Για αυτές τις φράσεις, στην παγκόμια αγορά τα ποσά εκτοξεύονται στα ύψη όπως είναι αντιληπτό. Εγώ έχω καταφέρει μετά από πολύ δουλειά στην στατική μου ιστοσελίδα (/) να εμφανίζομαι στα πρώτα δυο αποτελέσματα της Google, όταν αναζητά κάποιος με τη φράση “blogger tips”, η οποία είναι και συχνή φράση αναζήτησης.



Στα κατά μιας στατικής ιστοσελίδας είναι ότι χρήστης πρέπει να έχει γνώσεις προγραμματισμού, για να μπορεί να ανενεώσει το περιεχόμενο της σελίδας. Κι αυτό γιατί θα πρέπει να επεμβαίνει στον κώδικα.

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



Θα επιλέξετε μια στατική ιστοσελίδα αν δεν έχετε σκοπό να ανανεώνετε συχνά τις σελίδες σας, οι οποίες δεν θα ξεπεράσουν τις 15-20. Οι στατικές ιστοσελίδες ενδείκνυνται για μικρές επιχειρήσεις που θέλουν να κάνουν μια απλή παρουσιάση των προϊόντων τους στο διαδίκτυο, χωρίς να θέλουν να τα ανανεώνουν συχνά.



Η κατασκευή μιας στατικής ιστοσελίδας από τους web designers έχουν χαμηλότερο κόστος, σε σχέση με τις δυναμικές, και αυτό είναι λογικό γιατί είναι πιο απλή η κατασκευή τους. Ενδεικτικά οι τιμές για μια στατική ιστοσελίδα αρχίζουν από 60 εως 400 ευρώ σε γενικές γραμμές.



Δυναμικές ιστοσελίδες



Οι δυναμικές ιστοσελίδες προσαρμόζουν το περιεχόμενο τους και την εμφάνισή τους σύμφωνα με την καταχώρηση/αλληλεπίδραση ή τις αλλαγές του τελικού χρήστη στο περιβάλλον προγραμματισμού (χρήστης, ώρα, τροποποιήσεις στη βάση δεδομένων κτλ.). Το περιεχόμενο μπορεί να αλλάζει στον υπολογιστή του τελικού-χρήστη με τη χρήση των γλωσσών προγραμματισμού που εκτελούνται στον υπολογιστή του χρήστη (JavaScript, VBScript, Actionscript, etc.). Το περιεχόμενο στις δυναμικές σελίδες συχνά μεταφράζεται στον εξυπηρετητή (server), που εκεί αποστέλνεται μέσω του διακομιστή (Apache), μέσω γλωσσών προγραμματισμού που εκτελούνται στον εξυπηρετητή (Perl, PHP, ASP, JSP, ColdFusion, .NET κτλ). Πίσω από δυναμικά websites κρύβονται πάντα βάσεις δεδομένων (databases) οπού εκεί αποθηκεύονται δεδομένα και πληροφορίες του εν λόγω website. Και με εντολή του χρήστη, το website επικοινωνεί με την database, από όπου θα αντλήσει το περιεχόμενο που απαίτησε να δει ο χρήστης. Λόγω των databases καθιστάται εύκολη η προσθαφαίρεση περιεχομένου στις δυναμικές ιστοσελίδες, ακόμα και από τον πιο άσχετο (σε γνώσεις προγραμματισμού) χρήστη-επισκέπτη της σελίδας.

Διότι σε μια στατική σελίδα για να αλλάξει ή να τροποποιήσει κανείς το περιεχόμενο της σελίδας θα πρέπει να επέμβει στον κώδικα. Άρα πρέπει να ξέρει προγραμματισμό. Ενώ σε μια δυναμική σελίδα, απλά πρέπει να ξέρει πως να διαχειρίζεται το περιεχόμενο στη βάση δεδομένων και όλα τα υπόλοιπα γίνονται αυτοματοποιημένα από το πρόγραμμα. Όπως είπαμε οι στατικές σελίδες είναι απλά html έγγραφα. Οι δυναμικές ιστοσελίδες είναι εφαρμογές-προγράμματα. Για την δημιουργία ενός δυναμικού site χρειάζονται πολλές-πολλές γραμμές κώδικα προγραμματισμού. Παρόλο όμως που είναι σχετικά δύσκολο να κατασκευαστεί ένα δυναμικό site, είναι εύκολο να διαχειριστεί και να ανανεωθεί. Εδώ είναι και το μεγάλο πλεονέκτημα, έναντι των στατικών. Για να μπορεί ένας απλός χρήστης-επισκέπτης να διαχειρίζεται (να το αλλάζει, να το τροποποιεί ή να το διαγράφει) το περιεχόμενο μιας δυναμικής σελίδας εύκολα, χωρίς γνώσεις προγραμματισμού, υπάρχουν τα CMS! CMS (Content Managment System) είναι εύχρηστοι μηχανισμοί διαχείρησης περιεχομένου. Έτσι, στην περιοχή διαχείρησης της σελίδας, μπορούν να διαχειριστούν το περιεχόμενό της, απλά μέλη, συντάκτες, διαχειριστές κ.α. Ο καθένας έχει τον δικό του κωδικό πρόσβασης και το τι προνόμια έχει ο καθένας και κατα πόσο μπορεί να αλλάξει το περιεχόμενο της σελίδας, το ορίζει ο υπερδιαχειριστής της σελίδας.





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





Θα επιλέξετε μια δυναμική σελίδα αν θέλετε να ανεβάσετε πολύ περιεχόμενο σε αυτή (μιλάμε για πάνω από 20 σελίδες) και επίσης θέλετε να ανανεώνετε το περιεχόμενό της συχνά. Αν θέλετε οι αναρτήσεις σας και τα άθρα σας να είναι κατηγοριοποιημένα και αρχειοθετημένα. Αν θέλετε να έχετε συντάκτες όπου θα δημοσιεύουν νέο περιεχόμενο χωρίς να γνωρίζουν προγραμματισμό. Αν θέλετε να δίνετε τη δυνατότητα στους επισκέπτες σας να γίνουν ενεργά μέλη στη σελίδα σας και να έχουν δικό τους κωδικό πρόσβασης για να συνδέονται σε αυτην.



Στα κατά ενος δυναμικού site είναι αναμφίβολα το κατα πολύ υψηλότερο κόστος κατασκευής, αλλά και συντήρησης, γιατί λόγω των μεγαλύτερων απαιτήσεων, απαιτεί πολύ μεγαλύτερο χώρο φιλοξενίας σε webserver. Συνήθως φορτώνει πιο αργά από μια στατική σελίδα και για να κατασκευασθεί μια δυναμική σελίδα από κάποιον web designer ή από κάποιον προγραμματιστή απαιτείται πολύς χρόνος, γιατί όπως προείπα απαιτούνται πολλές-πολλές σειρές κώδικα.



Ενδείκνυνται για μεγάλες επιχειρήσεις, που θέλουν να φτιάξουν ηλεκτρονικό κατάστημα (e-shop), όπου θα διαθέτουν προς πώληση τα προϊόντα τους, για ξενοδοχεία τα οποία θέλουν ο επισκέπτης να κάνει ηλεκτρονικές κρατήσεις των δωματίων τους και γενικότερα για μεγάλα ειδησεογραφικά portals τα οποία ανανεώνουν συχνά το περιεχόμενό τους και θέλουν ο χρήστης-επισκέπτης να γίνεται μέλος στη σελίδα, να αφήνει σχόλια, να λαμβάνει newsletter και γενικότερα να αλληλεπιδρά με την σελίδα.



Οι δυναμικές ιστοσελίδες έχουν υψηλότερο κόστος κατασκευής από ότι οι στατικές και αυτό είναι λογικό, λόγω της πολυπλοκότητας του περιχομένου τους. Ενδεικτικά οι τιμές κυμαίνονται από 300 ευρώ, ενώ έχω δει να φτάνουν εως 5000, αν πρόκειται για ένα πολύ περίπλοκο site, π.χ. το site ενός πολύ μεγάλου e-shop.

Οι τιμές αυτές είναι ενδεικτικές, ενώ μεταβάλλονται διαρκώς.

Όπως εξήγησα παραπάνω κιόλας κυκλοφορούν στην αγορά έυχρηστοι μηχανισμοί CMS όπου όλα γίνονται αρκετά πιο αυτοματοποιημένα και έτσι η δημιουργία ενός δυναμικού website καθιστάται πιο εύκολη και φτηνή από ποτέ.

Το δημοφιλέστερο, μεγαλύτερο και πιο διαδεδομένο σύστημα διαχείρησης περιεχομένου (CMS) είναι το Joomla που είναι και open source εφαρμογή, ενώ ακολουθεί και το Drupal, που ομολογουμένως είναι πιο δύσκολο, γιατί απαιτεί γνώσεις προγραμματιστή.



Το ότι σε γενικές γραμμές οι δυναμικές ιστοσελίδες παρέχουν μεγαλύτερες δυνατότητες από ότι οι στατικές, αυτό σε σημαίνει ότι είναι απαραίτητες για όλους. Πριν προέβεις στην επιλογή δυναμικού ή στατικού website, μεγάλη σημασία έχει να ξέρεις τι ζητάς από αυτό.



Η εφεύρεση των δυναμικών ιστοσελιδών αποτέλεσε σταθμό στη πορεία του internet. Με την ανακάλυψη αυτή, πλέον ο χρήστης από απλός αναγνώστης θα μπορούσε να γίνει μέλος σε μια σελίδα, να την προσαρμόσει στα μέτρα του, να προσθέσει τις δικές του πληροφορίες σε αυτή, και γενικώς με τις δυναμικές ιστοσελίδες δημιουργήθηκαν τα μεγαλύτερα σε επισκεψημότητα σημερινά sites. Αυτή η ανακάλυψη είχε σημαντικότατες επιπτώσεις σε διάφορους τομείς. Πλέον πολλοί σύλλογοι, ομάδες έχουν μόνο διαδικτυακή παρουσία. Ιδίως οι άνθρωποι με αναπηρίες μπορούν να κάνουν πράγματα, που δεν θα μπορούσαν να τα κάνουν με άλλον τρόπο. Με τις δυναμικές ιστοσελίδες, “ζωντάνεψε” το internet!



Μην ξεχνάμε ότι όλα τα ηλεκτρονικά καταστήματα (e-shops) και οι ηλεκτρονικές κρατήσεις ξενοδοχείων (online booking) είναι εφικτές μόνο απο δυναμικές σελίδες. Με τα δυναμικά websites, πλέον μπορούμε να κάνουμε οικονομικές συναλλαγές μέσω του internet, να δούμε τα e-mail μας και γενικότερα να κάνουμε πράγματα που παλαιότερα ήταν αδύνατα από το διαδίκτυο.



Προμηνύεται λαμπρό μέλλον και για τις δυναμικές και για τις στατικές ιστοσελίδες (και ίσως ανακαλυφτεί κι άλλη κατηγορία), με τις νέες τεχνολογίες που ανακαλύπτονται διαρκώς και άλλες που βρίσκονται σε πειραματικά στάδια.



Παρακαλώ σεβαστείτε τα πνευματικά δικαιώματα (copyrights) στο παραπάνω άρθρο! Μου πήρε εβδομάδες για να το συγγράψω. Παρακάτω αναφέρω τις πηγές από τις οποίες άντλησα το περιεχόμενό του άρθρου.


Πηγές:
1. “Μαθαίνετε εύκολα Joomla” από Εκδόσεις Ξαρχάκος
Copyrights: για το /




ΠΟΛΛΑ ΚΑΙ ΔΙΑΦΟΡΑ BLOGGER WIDGETS (BEST BLOGGER GADGETS)



Print Friendly and PDFPrintPrint Friendly and PDFPDF




Ακολουθεί μια λίστα με διευθύνσεις όπου θα βρείτε διάφορων ειδών widgets για το blog σας..

Αν έχετε να προτείνετε κάποιο που δεν αναφέρεται παρακάτω, παρακαλώ πολύ αφήστε μας ένα σχόλιο !





RSS TICKER NEWS



http://www.rsspump.com/



ΑΝΕΚΔΟΤΑ



http://asteiakia.gr/ticker.php

http://asteiakia.gr/widget.php



ΖΩΔΙΑ



http://zodia123.gr/widget1.php



ΣΥΝΤΑΓΕΣ ΜΑΓΕΙΡΙΚΗΣ



http://greekcook.gr/ticker.php



ΑΘΛΗΤΙΚΑ ΝΕΑ ΚΑΙ GADGETS ΓΙΑ ΣΤΟΙΧΗΜΑ



http://www.goalsgr.com/widgets/

http://www.bxpbet.com/bxpw.php

http://www.oddspower.com/widgets

http://agones.gr/ticker.php

http://www.novasports.gr/General.aspx?a_id=262850

http://www.novasports.gr/General.aspx?a_id=262852

http://www.oddsportal.com/widgets/next-matches/

http://www.bloggertips.gr/2010/07/gadget.html

http://www.mylivescores.com/live-scores-widgets

http://www.onsports.gr/widgets

http://www.gazzetta.gr/widgets



TV – ΤΗΛΕΟΡΑΣΗ



http://programmatileorasis.gr/ticker.php



ΣΑΝ ΣΗΜΕΡΑ ..



http://www.sansimera.gr/widgets



ΚΑΙΡΟΣ – ΜΕΤΕΟ



http://www.deltiokairou.gr/gr/widgets/

http://kairos123.gr/widget4.php

http://www.weather.gr/gr/gr/widgets/

http://freemeteo.com/default.asp?pid=183&la=1



CINEMA



http://cinema24.gr/widget1.php



ΠΡΩΤΟΣΕΛΙΔΑ – ΕΦΗΜΕΡΙΔΕΣ – ΕΠΙΚΑΙΡΟΤΗΤΑ



http://www.gazzetta.gr/newsstand/sport/18-09-2013

http://www.newsbeast.gr/newspapers/build-widget/

http://www.typosline.gr/widgets.php

http://news247.gr/tools/

http://newsgallery.gr/widget1.php

http://wm.loon.gr/demo/show/frontpages

http://www.protoselidaefimeridon.gr/widget.php

http://cebil.gr/newticker.php

http://www.frontpages.gr/tickerinstructions.php



SHOWBIZ NEWS



http://www.ishow.gr/webmasters-info.asp



ΜΕΤΡΗΤΕΣ ΕΠΙΣΚΕΨΗΜΟΤΗΤΑΣ



http://www.revolvermaps.com/?target=gallery

http://flagcounter.com/

http://whos.amung.us/showcase/

http://statcounter.com/

http://www.sitemeter.com/



GOOGLE GADGETS



http://www.google.com/ig/directory?synd=open&source=gghp

http://www.google.com/ig/directory?synd=open&q=maps



ΕΟΡΤΟΛΟΓΙΑ



http://www.eortologio.gr/html_code_UTF_el.php

http://www.eortologio.net/?ticker=1

http://eortologio.com2.gr/



RADIO



http://www.bloggertips.gr/2009/10/o-widget.html



ΧΡΙΣΤΟΥΓΕΝΝΙΑΤΙΚΑ GADGETS



http://www.bloggertips.gr/search/label/christmas



GAMES – ΠΑΙΧΝΙΔΙΑ



http://www.bloggertips.gr/2010/04/game-for-your-blog.html

http://www.bloggertips.gr/2010/11/sudoku-game-for-blogger.html



ONLINE ΚΟΜΠΙΟΥΤΕΡΑΚΙ



http://www.bloggertips.gr/2010/07/online-blog-html-calculator-for-your.html



ΨΗΦΙΑΚΑ ΡΟΛΟΓΙΑ



http://www.clocklink.com/gallery.php



CHAT24.GR



http://chat24.gr/chat.php



FACEBOOK GADGEGTS



http://developers.facebook.com/docs/plugins/



ΓΙΑ ΜΕΤΑΦΡΑΣΗ – TRANSLATE GADGETS



http://www.conveythis.com/

http://translate.google.com/manager/website/

http://www.bloggertips.gr/2010/03/flags-translator-widget.html

http://www.bloggertips.gr/2009/11/widgets-translate.html



ΔΙΑΦΟΡΑ GADGETS



http://www.bloggertips.gr/search/label/gadgets%20for%20your%20blog

http://www.widgetbox.com/widgets/

http://sidebar.gr/widgets/

http://wm.loon.gr/



Copyrights: http://www.bloggertips.gr/




Πως να φτιάξετε την δική σας ιστοσελίδα με HTML5



Print Friendly and PDFPrintPrint Friendly and PDFPDF


Ακόμη και αν δεν είστε εξοικειωμένοι με τον προγραμματισμό μπορείτε να φτιάξετε μια βασική ιστοσελίδα σε HTML5 αρκετά εύκολα.Απλά ανοίξτε το notepad και επικολλήστετον ακόλουθο κώδικα:

<!DOCTYPE HTML>
<html lang = “en”>
<head>
  <!– basic.html –>
  <title>basic.html</title>
  <meta charset = “UTF-8” />
</head>
<body>
  <h1>Bloggertips</h1>
  <p>
   
www.bloggertips.gr

  </p>
 
</body>
</html>

Για να φτίαξετε μια βασική ιστοσελίδα σε HTML5 ακολουθήστε αυτά τα βήματα:

(1)Ξεκινήστε με το doctype.



Ορίστε το doctype με αυτή την ετικέτα  <!DOCTYPE HTML> στην πρώτη γραμμή του κειμένου.Εάν το παραλείψετε πιθανά να μπορείτε ακόμα να χρησιμοποιήσετε τισ δυνατότητες της HTML5 αλλά μπορεί να υπάρξει πρόβλημα καθώς ο υπολογιστής σε ορισμένες περιπτώσεις θα προσπαθήσει να μαντέψει εάν πρόκειται για HTML5 ή για XHTML.

(2)Προσθέστε την ετικέτα <html> και ορίστε τη γλώσσα.



Αυτή η ειδική ετικέτα ορίζει την αρχή της ιστοσελίδας.Είναι καλύτερο να ορίσετε σε ποια γλώσσα είναι γραμμένη κάνοντας το εξής: specify lang = “en”

Σιγουρευτείτε ότι έχετε ένα </html> στο τέλος της ιστοσελίδας αφού αυτή η ετικέτα ορίζει το τέλος της.

(3)Δημιουρήστε την περιοχή <head>.



Η περιοχή <head> είναι σαν την μηχανη ενος αυτοκινητου.Οι ανθρωποι συνηθως δεν την κοιτανε αλλα σε αυτη οφειλεται η σωστη λειτουργια του αυτοκινητου.Σε αυτό το παράδειγμα η περιοχη αυτη ειναι αδεια,ομως αφου εξελιξετε τις ικανοτητες σας θα γεμισει με JavaScript και CSS.

(4)Ορίστε το είδος των χαρακτήρων.



Θεωρείται καλό να αφήνετε τον φυλλομετρητή σας να επιλέξει τι είδος χαρακτήρων να χρησιμοποιήσει όταν εμφανίζεται η ιστοσελίδα.Οι ιστοσελίδες που είναι γραμμενες στα αγγλικα αλλά και στα ελληνικά συνηθως εχουν τον εξης τυπο:UTF-8.


(5)Προσθέστε σχόλια.



Τα σχόλια δεν είναι απολύτως απαραίτητα, αλλά είναι συχνα πολυ βοηθητικα.Στην HTML5 τα σχόλια αρχίζουν με <-! καιαι στο τέλος με →.Τα σχόλια μπορούν να διαρκέσουν για αρκετές γραμμές.



(6)Βάλτε τίτλο με το <title></title>.



Ο τίτλος εμφανίζεται συνήθως στη γραμμή τίτλου του φυλλομετρητη στο Web, και επίσης συχνά εμφανίζεται στα αποτελέσματα των μηχανών αναζήτησης για τη σελίδα σας.


(7)Τοποθετήστε το μεγαλύτερο μέρος του κειμένου σε παραγράφους.



Τοποθετήστε κάθε πρόταση μέσα σε ένα ζεύγος <p></ p>. Αν και η HTML5 δεν απαιτεί χρήση των ετικετών παραγράφου, κάνουν πολύ πιο εύκολο να διαχειριστεί την εμφάνιση και τη συμπεριφορά του κειμένου σας αργότερα.


(8)Αποθηκεύστε το αρχείο σας με την επέκταση .html



Μπορείτε στη συνέχεια να φορτώσετε το αρχείο σας σε ένα πρόγραμμα περιήγησης για να δείτε πώς φαίνεται.

Ορισμένα στοιχεία (ειδικότερα οι τίτλοι) τείνουν να έχουν ένα συγκεκριμένο οπτικό στυλ. Τα προεπιλεγμένα στυλ υπάρχουν μόνο ως κατευθυντήριες γραμμές. Αποφύγετε τον πειρασμό να βάλετε τίτλους με βάση την εμφάνισή τους.









Υ.Γ. Για όποια απορία έχετε μην διστάσετε να μου αφήσετε σχόλιο και θα προσπαθήσω να απαντήσω το συντομότερο.




Δωρεάν online tv στο site σου. Gadget με online όλα τα ελληνικά τηλεοπτικά κανάλια στο Blog σας!



Print Friendly and PDFPrintPrint Friendly and PDFPDF


Δωρεάν online tv στο site σου. Gadget με online όλα τα ελληνικά τηλεοπτικά κανάλια στο Blog σας!

Δωρεάν online Greek Tv στο site ή blog σου.

Προσθέστε στο site σας το παρακάτω widget, ώστε να μπορούν οι επισκέπτες σας να βλέπουν online ελληνικές και ξένες σειρές, καθώς και άλλες τηλεοπτικές εκπομπές.

Είναι ένα πολύ ελαφρύ, αλλά και πολύ χρήσιμο widget, που πρέπει να έχουν όλα τα blogs’ ειδικά όσα ασχολούνται με την επικαιρότητα ή την Τv.





Δείτε στο τέλος της ανάρτησης τον πίνακα που θα εμφανίζεται


Τι κερδίζεις βάζοντας αυτόν το πίνακα στο blog ή στο site σου?

Ο κώδικας του πίνακα είναι γεμάτος με λέξεις κλειδιά keywords (υπάρχουν τρεις  σειρές με κόκκινο μέσα στον κώδικα για παράδειγμα)

Αυτές  η λέξεις κλειδιά θα αυξήσουν την επισκεψιμότητα στο blog  ή site σας και θα  ανεβάσει την κατάταξη του στις μηχανές αναζήτησης. Έλληνες από Ελλάδα και εξωτερικό ψάχνουν για ελληνικά τηλεοπτικά κανάλια ζωντανά από το ίντερνετ δωρεάν γιατί τα συνδρομητικά κοστίζουν .












 Το widget μπορείτε να το προσθέσετε απλά, ακολουθώντας τα παρακάτω βήματα:


1. Αρχικά ανεβάσετε μια ανάρτηση στο blog σας με τον παρακάτω κώδικα  χρησιμοποιώντας το HTML στην επεξεργασία  του κειμένου  .

Μετά πάμε :

2. Σχεδίαση
3. Προσθήκη gadget

4. HTML/JavaScript

5. Επικόλληση και Αποθήκευση του παρακάτω κώδικα :




όπου είναι η τοποθέτηση μίας εικόνας 

στην αρχική σελίδα του blog σας που να παραπέμπει στην ανάρτηση σας σε νέα καρτέλα.

Είναι ο κώδικας 1


1 ΚΩΔΙΚΑΣ GADGET




<center>

<a href=’Εδώ βάζετε το link της αναρτήσεις που ανεβάσατε με τον κώδικα, ανοίγει σε νέα καρτέλα target=’_blank’><img border=”0″ src=”http://4.bp.blogspot.com/-Zu0neLvDLuc/UPBKo4ENEXI/AAAAAAAAEIQ/uhqyGi1uIVM/s1600/LIVE+TV.png” height=”140” width=”280” /></a>

</center>


Με μπλέ χρώμα είναι οι διαστάσεις της φωτογραφίας αν χρειαστεί της ρυθμίζεται

Με κόκκινο χρώμα το link της ανάρτησης που ανεβάσατε.

Με μόβ χρώμα είναι το link της φωτογραφίας, αν θέλετε την αλλάζετε βάζοντας το link μίας δικιά σας


2 ΚΩΔΙΚΑΣ   HTML στην επεξεργασία  του κειμένου





Τοποθέτηση ενεργού Link του δικού σας blog ή Site ακριβώς πάνω από τον πίνακα!

π.χ.


 Bloggertips.gr

<center>

<div dir=”ltr” style=”text-align: left;” trbidi=”on”>

<table cellspacing=”7″ style=”background-color: white; color: #333333; font-family: arial; font-size: 14px; line-height: 22.383333206176758px; text-align: left; width: 600px;”><tbody>

<tr><td align=”center”><a href=”http://livetvgreece.blogspot.gr/2012/05/ant1-tv.html” style=”color: #5588aa; font-weight: bold; text-decoration: initial;” target=”_blank”><img alt=”ANT1 ANTENNA ΑΝΤΕΝΝΑ Tv Channel Live Streaming” border=”0″ src=”http://4.bp.blogspot.com/-Gmh8g0iNmZQ/T80aK0T_3OI/AAAAAAAADbw/zUTQLRMfa3A/s1600/ant1_tv.jpgg” style=”border: 1px solid rgb(204, 204, 204); padding: 4px;” /></a></td><td align=”center”><a href=”http://livetvgreece.blogspot.gr/2012/05/mega_25.html” style=”color: #5588aa; font-weight: bold; text-decoration: initial;” target=”_blank”><img alt=”MEGA ΜΕΓΑ Tv Channel Live Streaming” border=”0″ height=”83″ src=”https://encrypted-tbn0.google.com/images?q=tbn:ANd9GcSTtA0zra8J1Dgi9os4ipA5CjJh8JIFPkEZ5Eb9nRtHTnYHc2H8nw” style=”border: 1px solid rgb(204, 204, 204); padding: 4px;” width=”130″ /></a></td><td align=”center”><a href=”http://livetvgreece.blogspot.gr/2012/05/v.html” style=”color: #5588aa; font-weight: bold; text-decoration: initial;” target=”_blank”><img alt=”KONTRA Tv Channel Live Streaming” border=”0″ src=”http://2.bp.blogspot.com/-WlVDnpOK7Oo/UTKJbqMundI/AAAAAAAAJ24/gNMCdc-G9wo/s1600/KONTRA+%CE%9A%CE%9F%CE%9D%CE%A4%CE%A1%CE%91+Tv+Channel+Live+Streaming.jpg” height=”83″ style=”border: 1px solid rgb(204, 204, 204); padding: 4px;” width=”130″ /></a></td><td align=”center”><a href=”http://livetvgreece.blogspot.gr/2012/05/tv-channel.html” style=”color: #5588aa; font-weight: bold; text-decoration: initial;” target=”_blank”><img alt=”skai” border=”0″ src=”http://1.bp.blogspot.com/-fbngzU1LULw/UIVo2hWJxtI/AAAAAAAAJOA/iYReXiJkNx0/s1600/skai_tv.jpg” height=”83″ style=”border: 1px solid rgb(204, 204, 204); padding: 4px;” width=”130″ /></a></td></tr>

<tr><td align=”center”><a href=”http://livetvgreece.blogspot.gr/2012/05/star-channel-tv.html” style=”color: #5588aa; font-weight: bold; text-decoration: initial;” target=”_blank”><img alt=”SKAI ΣΚΑΪ Tv Channel Live Streaming” border=”0″ src=”http://4.bp.blogspot.com/-faHycnoGmlk/UJFZ8LySJWI/AAAAAAAAKns/pRh5rYo6rVg/s1600/star+channel+live+tv.png” height=”83″ style=”border: 1px solid rgb(204, 204, 204); padding: 4px;” width=”130″ /></a></td><td align=”center”><a href=”http://livetvgreece.blogspot.gr/2012/06/net.html” style=”color: #5588aa; font-weight: bold; text-decoration: initial;” target=”_blank”><img alt=”net” border=”0″ src=”http://3.bp.blogspot.com/-okpqcNwx1t4/UM9fRwyCmLI/AAAAAAAABuk/kt9Wd_xsjDw/s1600/net_tv.jpg” height=”83″ style=”border: 1px solid rgb(204, 204, 204); padding: 4px;” width=”130″ /></a></td><td align=”center”><a href=”http://livetvgreece.blogspot.gr/2012/05/3.html” style=”color: #5588aa; font-weight: bold; text-decoration: initial;” target=”_blank”><img alt=”STAR Channel Greek Tv Live Streaming” border=”0″ src=”http://2.bp.blogspot.com/-2Fpzzp8q9xc/UM9eBJ0D0_I/AAAAAAAABuU/axwRQUVUrsw/s1600/ert+3+tv+channel+live.jpg” height=”83″ style=”border: 1px solid rgb(204, 204, 204); padding: 4px;” width=”130″ /></a></td><td align=”center”><a href=”http://livetvgreece.blogspot.gr/2012/05/1.html” style=”color: #cc6600; font-weight: bold;” target=”_blank”><img alt=”ET1 ΕRΤ1 Tv Channel Live Streaming” border=”0″ src=”http://4.bp.blogspot.com/-tGv6Mj4CBXI/UM9fAUva4yI/AAAAAAAABuc/YVvEx7lHpcE/s1600/ert1+tv+channel+live.jpg” height=”83″ style=”border: 1px solid rgb(204, 204, 204); padding: 4px;” width=”130″ /></a></td>


</tr>

</tbody></table>

<table cellspacing=”7″ style=”background-color: white; color: #333333; font-family: arial; font-size: 14px; line-height: 22.383333206176758px; text-align: left; width: 600px;”><tbody>

<tr><td align=”center”><a href=”http://livetvgreece.blogspot.gr/2012/10/sigma-tv.html” style=”color: #5588aa; font-weight: bold; text-decoration: initial;” target=”_blank”><img alt=”Sigma channel live” border=”0″ src=”http://2.bp.blogspot.com/-TacJwOPiG_k/UTKKLVh_EvI/AAAAAAAAJ3w/MVw4colT1Kc/s1600/SIGMA+Tv+Channel+Live+Streaming+Cyprus+tv.jpg” height=”83″ style=”border: 1px solid rgb(204, 204, 204); padding: 4px;” width=”130″ /></a></td><td align=”center”><a href=”http://livetvgreece.blogspot.gr/2012/05/extra-3.html” style=”color: #5588aa; font-weight: bold; text-decoration: initial;” target=”_blank”><img alt=”EXTRA 3 ΕΞΤΡΑ Tv Channel Live Streaming” border=”0″ src=”http://3.bp.blogspot.com/-nvAr6eLuerY/ULSs4VKVy5I/AAAAAAAAAvc/db5rlmUvTSo/s1600/EXTRA+3+TV+CHANNEL.jpg” height=”83″ style=”border: 1px solid rgb(204, 204, 204); padding: 4px;” width=”130″ /></a></td><td align=”center”><a href=”http://livetvgreece.blogspot.gr/2012/09/mad-tv-channel.html” style=”color: #5588aa; font-weight: bold; text-decoration: initial;” target=”_blank”><img alt=”Mad tv” border=”0″ src=”http://2.bp.blogspot.com/-5UfY7YkSmN0/UOR9msucTqI/AAAAAAAADHM/BswJM2SW4Xc/s1600/MAD+Tv+Channel+Live+Streaming+Greek+tv.png” height=”83″ style=”border: 1px solid rgb(204, 204, 204); padding: 4px;” width=”130″ /></a></td><td align=”center”><a href=”http://livetvgreece.blogspot.gr/2012/10/nea-tv-krhth.html” style=”color: #5588aa; font-weight: bold; text-decoration: initial;” target=”_blank”><img alt=”NEA TV ΝΕΑ ΕΛΛΗΝΙΚΗ ΤΗΛΕΟΡΑΣΗ ΚΡΗΤΗΣ Channel Live Streaming” border=”0″ src=”http://4.bp.blogspot.com/-xiOLPSNc8K0/UJmrvy6C0BI/AAAAAAAALiw/IpD5fs4SsV0/s1600/nea+tv+kritis.jpg” height=”83″ style=”border: 1px solid rgb(204, 204, 204); padding: 4px;” width=”130″ /></a></td></tr>

<tr><td align=”center”><a href=”http://livetvgreece.blogspot.gr/2012/09/tv-100-channel.html” style=”color: #5588aa; font-weight: bold; text-decoration: initial;” target=”_blank”><img alt=”TV100 Tv Channel Live Streaming” border=”0″ src=”http://2.bp.blogspot.com/-v97NiwJ7t7Q/ULSwFTrS9gI/AAAAAAAAAv0/FJJl52H5RmM/s1600/TV+100+CHANNEL+THESSALONIKI.jpg” height=”83″ style=”border: 1px solid rgb(204, 204, 204); padding: 4px;” width=”130″ /></a></td><td align=”center”><a href=”http://livetvgreece.blogspot.gr/2012/05/tv.html” style=”color: #5588aa; font-weight: bold; text-decoration: initial;” target=”_blank”><img alt=”kriti tv” border=”0″ height=”83″ src=”https://encrypted-tbn3.google.com/images?q=tbn:ANd9GcRsmkKxHE_fmBuj4vKlVUH3nZ8rEyJ7hIYbqOjy2JIzy0HHUc-pYg” style=”border: 1px solid rgb(204, 204, 204); padding: 4px;” width=”130″ /></a></td><td align=”center”><a href=”http://livetvgreece.blogspot.gr/2012/09/vouli-live-greece.html” style=”color: #5588aa; font-weight: bold; text-decoration: initial;” target=”_blank”><img alt=”VOULI ΒΟΥΛΗ Tv Channel Live Streaming” border=”0″ src=”http://1.bp.blogspot.com/-hXvxx3W8zu8/UFr090SLuAI/AAAAAAAAG2o/1TAatPkmx1s/s200/bouli+live.jpg” height=”83″ style=”border: 1px solid rgb(204, 204, 204); padding: 4px;” width=”130″ /></a></td><td align=”center”><a href=”http://livetvgreece.blogspot.gr/2012/06/tv.html” style=”color: #cc6600; font-weight: bold;” target=”_blank”><img alt=”Art αρτ Tv Channel Live Streaming” border=”0″ src=”http://4.bp.blogspot.com/-eGtLdyucolo/UM-JbsoI54I/AAAAAAAABu0/a470gMdzCz4/s1600/art+tv+channel++tileasty.png” height=”83″ style=”border: 1px solid rgb(204, 204, 204); padding: 4px;” width=”130″ /></a></td></tr>

</tbody></table>

<table cellspacing=”7″ style=”background-color: white; color: #333333; font-family: arial; font-size: 14px; line-height: 22.383333206176758px; text-align: left; width: 600px;”><tbody>

<tr><td align=”center”><a href=”http://livetvgreece.blogspot.gr/2012/10/blue-sky-tv-channel.html” style=”color: #5588aa; font-weight: bold; text-decoration: initial;” target=”_blank”><img alt=”BLUE SKAY Tv Channel Live Streaming” border=”0″ src=”http://3.bp.blogspot.com/-2SP8ZRIbEvs/UNE_LZe0EfI/AAAAAAAAB3g/_S725WVIVVk/s1600/blue+sky+tv+channel.jpg” height=”83″ style=”border: 1px solid rgb(204, 204, 204); padding: 4px;” width=”130″ /></a></td><td align=”center”><a href=”http://livetvgreece.blogspot.gr/2012/10/egnatia-tv-channel-thessaloniki.html” style=”color: #5588aa; font-weight: bold; text-decoration: initial;” target=”_blank”><img alt=”EGNATIA ΕΓΝΑΤΙΑ Tv Channel Live Streaming Cyprus Tv” border=”0″ src=”http://2.bp.blogspot.com/-gzcPn4Y-pdg/UTKIhJ16NuI/AAAAAAAAJ2A/eVN9odAvEXs/s1600/EGNATIA+%CE%95%CE%93%CE%9D%CE%91%CE%A4%CE%99%CE%91+Tv+Channel+Live+Streaming.jpg” height=”83″ style=”border: 1px solid rgb(204, 204, 204); padding: 4px;” width=”130″ /></a></td><td align=”center”><a href=”http://livetvgreece.blogspot.gr/2012/09/channel-9-tv.html” style=”color: #5588aa; font-weight: bold; text-decoration: initial;” target=”_blank”><img alt=”CHANNEL 9 Tv Live Streaming” border=”0″ src=”http://4.bp.blogspot.com/-eWTqB1cVoIQ/UNEjHMowkEI/AAAAAAAAB3A/FWuA__7iWe4/s200/9+channel.png” height=”83″ style=”border: 1px solid rgb(204, 204, 204); padding: 4px;” width=”130″ /></a></td><td align=”center”><a href=”http://livetvgreece.blogspot.gr/2012/07/4e.html” style=”color: #5588aa; font-weight: bold; text-decoration: initial;” target=”_blank”><img alt=”4E Tv Channel Live Streaming” border=”0″ src=”http://4.bp.blogspot.com/-Bkul6m9HoBg/UOVZzpq0ylI/AAAAAAAADMk/nLLkJxQsUXE/s1600/4%CE%B5+channel+tv.png” height=”83″ style=”border: 1px solid rgb(204, 204, 204); padding: 4px;” width=”130″ /></a></td></tr>

<tr><td align=”center”><a href=”http://livetvgreece.blogspot.gr/2012/12/flash-tv-channel-live.html” style=”color: #5588aa; font-weight: bold; text-decoration: initial;” target=”_blank”><img alt=”FLASH TV Channel Live Streaming” border=”0″ src=”http://4.bp.blogspot.com/-dGBm8phkv-k/UNEL8z6ZGHI/AAAAAAAAB2M/pn0xy1SBGU8/s200/FLASH+TV+CHANNEL.jpg” height=”83″ style=”border: 1px solid rgb(204, 204, 204); padding: 4px;” width=”130″ /></a></td><td align=”center”><a href=”http://livetvgreece.blogspot.gr/2012/10/tvs-tv-serres-channel-live.html” style=”color: #5588aa; font-weight: bold; text-decoration: initial;” target=”_blank”><img alt=”TVS TV SERRES ΣΕΡΡΕΣ Tv Channel Live Streaming” border=”0″ src=”http://4.bp.blogspot.com/-ItDg-a1mgaU/UJEXqcKtlDI/AAAAAAAAKj4/uvjOOXfJJ0g/s1600/tvserres.jpg” height=”83″ style=”border: 1px solid rgb(204, 204, 204); padding: 4px;” width=”130″ /></a></td><td align=”center”><a href=”http://livetvgreece.blogspot.gr/2012/12/diktyotv-serres-diktio-tv-channel.html” style=”color: #5588aa; font-weight: bold; text-decoration: initial;” target=”_blank”><img alt=”Et3″ border=”0″ src=”http://1.bp.blogspot.com/-WcqqQkGMhrg/ULznCvfMtkI/AAAAAAAAA_g/OQyTv3FaLbs/s1600/diktyo+tv+SERRES.jpeg” height=”83″ style=”border: 1px solid rgb(204, 204, 204); padding: 4px;” width=”130″ /></a></td><td align=”center”><a href=”http://livetvgreece.blogspot.gr/2012/09/ert-world.html” style=”color: #cc6600; font-weight: bold;” target=”_blank”><img alt=”ΔΙΚΤΥΟ ΣΕΡΡΕΣ Diktyo Tv Serres Channel Live Streaming” border=”0″ src=”http://3.bp.blogspot.com/-8S8kdjr6rmw/UIuwivW0j9I/AAAAAAAAJ9I/9Mg2PBbzLpk/s1600/ERT+world+TV+CHANNEL.jpg” height=”83″ style=”border: 1px solid rgb(204, 204, 204); padding: 4px;” width=”130″ /></a></td>

</tr>

<tr><td align=”center”><a href=”http://livetvgreece.blogspot.gr/2012/10/star-tv-channel.html” style=”color: #5588aa; font-weight: bold; text-decoration: initial;” target=”_blank”><img alt=”STAR MEDIA TV ΚΕΡΚΥΡΑΣ Tv Channel Live Streaming” border=”0″ src=”http://3.bp.blogspot.com/-VCVpLuYeE9U/UIscPInuXoI/AAAAAAAAJ5I/GRu3Wa58o-U/s1600/STAR+MEDIA.jpg” height=”83″ style=”border: 1px solid rgb(204, 204, 204); padding: 4px;” width=”130″ /></a></td><td align=”center”><a href=”http://livetvgreece.blogspot.gr/2012/10/pik-sat-channel-tv.html” style=”color: #5588aa; font-weight: bold; text-decoration: initial;” target=”_blank”><img alt=”kriti tv” border=”0″ src=”http://2.bp.blogspot.com/-oi8IEn5hexM/UHtXUpK_IhI/AAAAAAAAIMw/VGmf7LL8lH0/s200/images.jpg” height=”83″ style=”border: 1px solid rgb(204, 204, 204); padding: 4px;” width=”130″ /></a></td><td align=”center”><a href=”http://livetvgreece.blogspot.gr/2013/02/aheloos-tv-channel-live-streaming-greek.html” style=”color: #5588aa; font-weight: bold; text-decoration: initial;” target=”_blank”><img alt=”Αχελώος  Tv Channel Live Streaming Cyprus Tv” border=”0″ src=”http://4.bp.blogspot.com/-nv8pQe0uQoY/UT6iyeyMcSI/AAAAAAAAKGQ/H61_rC4bO94/s1600/Aheloos+tv+Channel+Live+Streaming+Greek+Tv+livetvgreece.com.jpg” height=”83″ style=”border: 1px solid rgb(204, 204, 204); padding: 4px;” width=”130″ /></a></td><td align=”center”><a href=”http://livetvgreece.blogspot.gr/2012/09/focus-web-tv_10.html” style=”color: #cc6600; font-weight: bold;” target=”_blank”><img alt=”Focus Web Tv Channel Live Streaming Greek Tv” border=”0″ src=”http://1.bp.blogspot.com/-eXZ3V0fScrQ/UHg4GfmZy-I/AAAAAAAAH9M/f5E89Sy3q2A/s200/focus-web-tv.jpg” height=”83″ style=”border: 1px solid rgb(204, 204, 204); padding: 4px;” width=”130″ /></a></td></tr>

</tbody></table>

<table cellspacing=”7″ style=”background-color: white; color: #333333; font-family: arial; font-size: 14px; line-height: 22.383333206176758px; text-align: left; width: 600px;”><tbody>

<tr><td align=”center”><a href=”http://livetvgreece.blogspot.gr/2012/10/achaia-news-tv-channel.html” style=”color: #5588aa; font-weight: bold; text-decoration: initial;” target=”_blank”><img alt=”Achaia News Αχαϊα Tv Channel Live Streaming” border=”0″ src=”http://1.bp.blogspot.com/-NIznZqAbCyE/UIsZaVrpmMI/AAAAAAAAJ44/ALaS0V35B-g/s1600/ACHAIA+NEWS.jpg” height=”83″ style=”border: 1px solid rgb(204, 204, 204); padding: 4px;” width=”130″ /></a></td><td align=”center”><a href=”http://livetvgreece.blogspot.gr/2012/09/finos.html” style=”color: #5588aa; font-weight: bold; text-decoration: initial;” target=”_blank”><img alt=”ΕΛΛΗΝΙΚΕΣ ΤΑΙΝΙΕΣ ΕΛΛΗΝΙΚΟΣ ΚΙΝΗΜΑΤΟΓΡΑΦΟΣ” border=”0″ src=”http://3.bp.blogspot.com/-87nt8UYG5UA/UE6wMmo_rII/AAAAAAAAF8E/RBU5hVx7Cow/s200/Ellinikes_tainies.jpg” height=”83″ style=”border: 1px solid rgb(204, 204, 204); padding: 4px;” width=”130″ /></a></td><td align=”center”><a href=”http://livetvgreece.blogspot.gr/2012/10/astra-tv-channel.html” style=”color: #5588aa; font-weight: bold; text-decoration: initial;” target=”_blank”><img alt=”ASTRA ΑΣΤΡΑ Tv Channel Live Streaming Greek Tv” border=”0″ src=”http://3.bp.blogspot.com/-HswFQyu8V4A/UNElfJApIcI/AAAAAAAAB3Q/A1cd2QGUZio/s200/astra+tv.jpg” height=”83″ style=”border: 1px solid rgb(204, 204, 204); padding: 4px;” width=”130″ /></a></td><td align=”center”><a href=”http://livetvgreece.blogspot.gr/2012/10/corfu-tv-channel.html” style=”color: #5588aa; font-weight: bold; text-decoration: initial;” target=”_blank”><img alt=”skai” border=”0″ src=”http://1.bp.blogspot.com/-q0QjaZ5Vmts/UHvMPoNXpII/AAAAAAAAINw/R5RD5dUdB3k/s200/corfu+channel+tv+greece+kerkyra.jpg” height=”83″ style=”border: 1px solid rgb(204, 204, 204); padding: 4px;” width=”130″ /></a></td></tr>

<tr><td align=”center”><a href=”http://livetvgreece.blogspot.gr/2012/10/plus-tv-channel.html” style=”color: #5588aa; font-weight: bold; text-decoration: initial;” target=”_blank”><img alt=”CNC PLUS Tv Channel Live Streaming” border=”0″ src=”http://4.bp.blogspot.com/-AAW-3JuuXZk/UTKIKLSQPMI/AAAAAAAAJ1o/lHsGl0btSqE/s1600/CNC+PLUS+Tv+Channel+Live+Streaming.jpg” height=”83″ style=”border: 1px solid rgb(204, 204, 204); padding: 4px;” width=”130″ /></a></td><td align=”center”><a href=”http://livetvgreece.blogspot.gr/2012/05/tv-100.html” style=”color: #5588aa; font-weight: bold; text-decoration: initial;” target=”_blank”><img alt=”TILEFOS ΤΗΛΕΦΩΣ Tv Channel Live Streaming” border=”0″ src=”http://4.bp.blogspot.com/-VHXR1vlY1R0/UJFfBVWClCI/AAAAAAAAKoI/7KC2hz0iJyc/s1600/images.jpg” height=”83″ style=”border: 1px solid rgb(204, 204, 204); padding: 4px;” width=”130″ /></a></td><td align=”center”><a href=”http://livetvgreece.blogspot.gr/2012/12/star-dramas-tv-channel-live.html” style=”color: #5588aa; font-weight: bold; text-decoration: initial;” target=”_blank”><img alt=”STAR ΔΡΑΜΑΣ dramas Tv Channel Live Streaming” border=”0″ src=”http://4.bp.blogspot.com/-3F2aA5Z4FUg/UMwDDVlqdPI/AAAAAAAABlU/N5byiqKx6ok/s1600/star_dramas.jpg” height=”83″ style=”border: 1px solid rgb(204, 204, 204); padding: 4px;” width=”130″ /></a></td><td align=”center”><a href=”http://livetvgreece.blogspot.gr/2012/09/delta-tv-live-thrace.html” style=”color: #cc6600; font-weight: bold;” target=”_blank”><img alt=”ΔΕΛΤΑ ΘΡΑΚΗ Delta Tv Thrace Live Streaming” border=”0″ src=”http://4.bp.blogspot.com/-SJrZFzEvt00/UFr21shWHcI/AAAAAAAAG2w/4b0a8lVg3hk/s200/%CE%94%CE%AD%CE%BB%CF%84%CE%B1+TV+%CE%96%CF%89%CE%BD%CF%84%CE%B1%CE%BD%CE%AC.jpg” height=”83″ style=”border: 1px solid rgb(204, 204, 204); padding: 4px;” width=”130″ /></a></td>

</tr>

<tr><td align=”center”><a href=”http://livetvgreece.blogspot.gr/2012/09/zougla-online.html” style=”color: #5588aa; font-weight: bold; text-decoration: initial;” target=”_blank”><img alt=”ZOUGLA ΖΟΥΓΚΛΑ Tv Channel Live Streaming” border=”0″ src=”http://2.bp.blogspot.com/-YUhnrLGFHFg/UKZ5awESEWI/AAAAAAAAMSg/qNOXexTioy4/s1600/%CE%B1%CF%81%CF%87%CE%B5%CE%AF%CE%BF+%CE%BB%CE%AE%CF%88%CE%B7%CF%82.jpg” height=”83″ style=”border: 1px solid rgb(204, 204, 204); padding: 4px;” width=”130″ /></a></td><td align=”center”><a href=”http://livetvgreece.blogspot.gr/2012/10/dj-tv-channel.html” style=”color: #5588aa; font-weight: bold; text-decoration: initial;” target=”_blank”><img alt=”DJ Tv Channel Live Streaming Greek TV” border=”0″ src=”http://2.bp.blogspot.com/-ZaErIgGHYcg/UIBoMtYnNjI/AAAAAAAAIlo/W1XnSqlj8_A/s1600/DJ+TV++LIVE+GREEK.jpg” height=”83″ style=”border: 1px solid rgb(204, 204, 204); padding: 4px;” width=”130″ /></a></td><td align=”center”><a href=”http://livetvgreece.blogspot.gr/2012/10/music-tv-mania.html” style=”color: #5588aa; font-weight: bold; text-decoration: initial;” target=”_blank”><img alt=”Et3″ border=”0″ src=”http://4.bp.blogspot.com/–1zVYYVkRO4/UIBl8IMmtOI/AAAAAAAAIlg/uOp-kbJJg1A/s200/MUSIC+TV+MANIA+LIVE+GREEK.jpg” height=”83″ style=”border: 1px solid rgb(204, 204, 204); padding: 4px;” width=”130″ /></a></td><td align=”center”><a href=”http://livetvgreece.blogspot.gr/2012/10/style-gr-music-zone.html” style=”color: #cc6600; font-weight: bold;” target=”_blank”><img alt=”MUSIC TV MANIA Tv Channel Live Streaming” border=”0″ src=”http://3.bp.blogspot.com/-z3-exZXw1Ak/UOUYhgNKVII/AAAAAAAADJw/AKXTCVz9Dms/s1600/STYLE.GR+TV.jpg” height=”83″ style=”border: 1px solid rgb(204, 204, 204); padding: 4px;” width=”130″ /></a></td></tr>

</tbody></table>

<table cellspacing=”7″ style=”background-color: white; color: #333333; font-family: arial; font-size: 14px; line-height: 22.383333206176758px; text-align: left; width: 600px;”><tbody>

<tr><td align=”center”><a href=”http://livetvgreece.blogspot.gr/2012/11/tv-gold-channel.html” style=”color: #5588aa; font-weight: bold; text-decoration: initial;” target=”_blank”><img alt=”TV GOLD Tv Channel Live Streaming” border=”0″ src=”http://1.bp.blogspot.com/-p22_htdO9Qw/ULaIzb49DaI/AAAAAAAAAyY/R9Q7blNMZIM/s1600/TV++GOLD+CHANNEL.png” height=”83″ style=”border: 1px solid rgb(204, 204, 204); padding: 4px;” width=”130″ /></a></td><td align=”center”><a href=”http://livetvgreece.blogspot.gr/2013/01/star-lamia-live-streaming-greek-tv.html” style=”color: #5588aa; font-weight: bold; text-decoration: initial;” target=”_blank”><img alt=”LAMIA STAR TV Channel Live Streaming” border=”0″ src=”http://2.bp.blogspot.com/-vbYbG3UMJhc/UOoeFw_tHdI/AAAAAAAADos/dLHeky3Yi7E/s1600/lamia+star+greek+tv+live.jpg” height=”83″ style=”border: 1px solid rgb(204, 204, 204); padding: 4px;” width=”130″ /></a></td><td align=”center”><a href=”http://liveradiogreece.blogspot.gr/” style=”color: #5588aa; font-weight: bold; text-decoration: initial;” target=”_blank”><img alt=”Greek Radio, Liveradiogreece.blogspot.gr” border=”0″ src=”http://1.bp.blogspot.com/-AGnu_EgCh1w/ULQ6BNQueoI/AAAAAAAAAvM/f1rW7fbDGKk/s1600/live+radio+greece.jpg” height=”83″ style=”border: 1px solid rgb(204, 204, 204); padding: 4px;” width=”130″ /></a></td><td align=”center”><a href=”http://tainieslive.blogspot.gr/” style=”color: #5588aa; font-weight: bold; text-decoration: initial;” target=”_blank”><img alt=”Δείτε online ταινίες τώρα δωρεάν χωρίς κατέβασμα με ελληνικούς υπότιτλους από το TainiesLive.blogspot.gr   http://livetvgreece.com/   http://livetvgreece.gr/” border=”0″ src=”http://sphotos-h.ak.fbcdn.net/hphotos-ak-prn1/563749_564050943620347_1728375541_n.jpg” height=”83″ style=”border: 1px solid rgb(204, 204, 204); padding: 4px;” width=”130″ /></a>

</td></tr>

</tbody></table>

</div>

</center>
Bloggertips.gr









ANT1 ANTENNA ΑΝΤΕΝΝΑ Tv Channel Live Streaming MEGA ΜΕΓΑ Tv Channel Live Streaming KONTRA Tv Channel Live Streaming skai
SKAI ΣΚΑΪ Tv Channel Live Streaming net STAR Channel Greek Tv Live Streaming ET1 ΕRΤ1 Tv Channel Live Streaming
Sigma channel live EXTRA 3 ΕΞΤΡΑ Tv Channel Live Streaming Mad tv NEA TV ΝΕΑ ΕΛΛΗΝΙΚΗ ΤΗΛΕΟΡΑΣΗ ΚΡΗΤΗΣ Channel Live Streaming
TV100 Tv Channel Live Streaming kriti tv VOULI ΒΟΥΛΗ Tv Channel Live Streaming Art αρτ Tv Channel Live Streaming
BLUE SKAY Tv Channel Live Streaming EGNATIA ΕΓΝΑΤΙΑ Tv Channel Live Streaming Cyprus Tv CHANNEL 9 Tv Live Streaming 4E Tv Channel Live Streaming
FLASH TV Channel Live Streaming TVS TV SERRES ΣΕΡΡΕΣ Tv Channel Live Streaming Et3 ΔΙΚΤΥΟ ΣΕΡΡΕΣ Diktyo Tv Serres Channel Live Streaming
STAR MEDIA TV ΚΕΡΚΥΡΑΣ Tv Channel Live Streaming kriti tv Αχελώος  Tv Channel Live Streaming Cyprus Tv Focus Web Tv Channel Live Streaming Greek Tv
Achaia News Αχαϊα Tv Channel Live Streaming ΕΛΛΗΝΙΚΕΣ ΤΑΙΝΙΕΣ ΕΛΛΗΝΙΚΟΣ ΚΙΝΗΜΑΤΟΓΡΑΦΟΣ ASTRA ΑΣΤΡΑ Tv Channel Live Streaming Greek Tv skai
CNC PLUS Tv Channel Live Streaming TILEFOS ΤΗΛΕΦΩΣ Tv Channel Live Streaming STAR ΔΡΑΜΑΣ dramas Tv Channel Live Streaming ΔΕΛΤΑ ΘΡΑΚΗ Delta Tv Thrace Live Streaming
ZOUGLA ΖΟΥΓΚΛΑ Tv Channel Live Streaming DJ Tv Channel Live Streaming Greek TV Et3 MUSIC TV MANIA Tv Channel Live Streaming
TV GOLD Tv Channel Live Streaming LAMIA STAR TV Channel Live Streaming Greek Radio, Liveradiogreece.blogspot.gr