Τα είδη των ιστοσελίδων. Web Sites E-commerce Sites CMS & Blog Sites CMS Flash Facebook Layouts Tumblr Themes

Transcript

1 Ορισμός ιστοσελίδας Ιστοσελίδα (αγγλικά: web page) είναι ένα είδος εγγράφου του παγκόσμιου ιστού (WWW) που περιλαμβάνει πληροφορίες με την μορφή κειμένου, υπερκειμένου, εικόνας, βίντεο και ήχου.

2 Τα είδη των ιστοσελίδων Web Sites E-commerce Sites CMS & Blog Sites CMS Flash Facebook Layouts Tumblr Themes

3 Ιστορικά Στοιχεία Ο Τιμ Μπέρνερς-Λι δημοσίευσε αυτό που σήμερα θεωρούμε ότι ήταν η πρώτη ιστοσελίδα τον Αύγουστο του Οι ιστοσελίδες γράφονται σε γλώσσες σήμανσης κειμένου (markup languages) που ονομάζονται HTML.

4 Μέρη μιας ιστοσελίδας Μια βασική ιστοσελίδα αποτελείται από 5 μέρη: 1. Επικεφαλίδα (λογότυπο περιοχή στο πάνω μέρος της σελίδας) 2. Navigation Bar (links στο πλάι ή στην πάνω περιοχή της οθόνης) 3. Περιοχή Περιεχομένου (μεσαία περιοχή της σελίδας) 4. Υποσέλιδο (κάτω μέρος της σελίδας) 5. Κοινή Περιοχή Περιεχομένου (περιοχή κάτω από Navigation Bar)

5 Περιεχόμενο Πρότυπα εικόνας SVG, BMP, GIF, JPEG ή PNG γλωσσών σήμανσης υπερκειμένου όπως HTML/XHTML/XML. αναπαραγωγής σύνθετων πολυμέσων Flash, το QuickTime, Java Τεχνικές προβολής του περιεχομένου μιας σελίδας: κινούμενα σχέδια γραφιστική αλληλεπίδραση ανθρώπου-υπολογιστή Μάρκετινγκ φωτογραφία βελτιστοποίηση μηχανών αναζήτησης τυπογραφία.

6 Βασικές προϋποθέσεις προώθησης μιας ιστοσελίδας Αξιόπιστη πλατφόρμα ανάπτυξης Ασφάλεια Ευκολία στη χρήση Επεκτασιμότητα Social media Συμβατότητα με Smartphones

7 Ανταλλαγή Συνδέσμων Οι μηχανές αναζήτησης, όπως το Google, έχουν αναπτύξει τον αλγόριθμο Page Rank για να καθορίσουν το πόσο σημαντική είναι μια ιστοσελίδα στο διαδίκτυο Επικοινωνήσετε με το διαχειριστή τους και να συζητήσετε τη δυνατότητα αμοιβαίας ανταλλαγής συνδέσμων (Links) ή ακόμα και διαφημίσεων. Προτιμήστε ιστοσελίδες με μεγαλύτερο Page Rank, καθώς η μεγαλύτερη επισκεψιμότητά τους εξασφαλίζει περισσότερες πιθανότητες

8 Δημιουργία Ιστολογίου (Blog) Με τη δημιουργία ενός blog μέσα στο site σας, μπορείτε να χτίσετε σχέσεις με τους επισκέπτες σας αλλά και να βελτιώσετε το ranking της σελίδας σας στις μηχανές αναζήτησης. Ενημέρωση μέσω για νέα άρθρα και σχόλια, μπορείτε να κρατήσετε το ενδιαφέρον των επισκεπτών σας. Επίσης μπορείτε στα άρθρα που αναρτώνται στο ιστολόγιο σας, να προσθέσετε σχετικούς συνδέσμους (related links), ώστε να αυξήσετε την εισερχόμενη κίνηση στην σελίδα σας μέσω των μηχανών αναζήτησης.

9 Συγγραφή Άρθρων Καλό θα ήταν επομένως, να συντάξετε ένα άρθρο σχετικό με την εταιρία σας και το αντικείμενο ενασχόλησής της και να το αποστείλετε σε δωρεάν Online Βάσεις Άρθρων, σε κάποιο forum που δέχεται τέτοια άρθρα ή σε κάποιο άλλο blog, ως guest blogger.

10 Κατασκευή Ιστοσελίδων Κατασκευή ιστοσελίδων (αγγλικά: Web development) είναι η διαδικασία δημιουργίας παρουσιάσεων περιεχομένου (συνήθως υπερκειμένου, ή πολυμέσων), οι οποίες προβάλλονται στον τελικό χρήστη του Διαδικτύου, μέσω ενός προγράμματος περιήγησης (browser) ή άλλων υπηρεσιών όπως διαδικτυακή τηλεόραση, ιστολόγια (blogs) και RSS Feeds.

11 Βήματα κατασκευής ιστοσελίδας Βήμα 1ο: Η ιδέα (βασικός άξονας ιστοσελίδας, κεντρικό layout) Βήμα 2ο: Σε ποιους απευθυνόμαστε; Βήμα 3ο: Χρόνος και χρήματα που μπορούν να διατεθούν Βήμα 4ο: Κατοχύρωση domain (το όνομα της ιστοσελίδας) Βήμα 5ο: Το «χτίσιμο» (με κάποιο ειδικό πρόγραμμα ή με κάποια γλώσσα προγραμματισμού) Βήμα 6ο: Το «ανέβασμα» Βήμα 7ο: To test drive Βήμα 8ο: Η διαφήμιση

12 Προγράμματα κατασκευής ιστοσελίδων Για την κατασκευή ιστοσελίδων, δεν είναι απαραίτητη η χρήση κάποιου εξειδικευμένου προγράμματος. Ένας έμπειρος web developer μπορεί να φτιάξει μία ιστοσελίδα γράφοντας απευθείας κώδικα ακόμη και με έναν επεξεργαστή απλού κειμένου (π.χ. Notepad++). Με WYSIWYG περιβάλλον: KompoZer Amaya Composer στο Mozilla Suite Χωρίς WYSIWYG περιβάλλον: Bluefish PSPad