Δημιουργία ιστοσελίδας σε 3 απλά βήματα

Εισαγωγή

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

Απαιτήσεις

• Ένα πακέτο φιλοξενίας Hostico
• Ένα ενεργό domain

Εγκατάσταση Ιστοσελίδας

• Όπως υποσχέθηκε στον τίτλο του άρθρου, σε μόλις 3 βήματα προχωράμε από μια νέα αποκτηθείσα υπηρεσία σε μια προσβάσιμη ιστοσελίδα που μπορεί να ανταγωνιστεί πολλές ιστοσελίδες που έχουν δημιουργηθεί από έμπειρους προγραμματιστές.
• Για περαιτέρω διαμόρφωση, τόσο όσον αφορά το περιεχόμενο όσο και το σχέδιο, θα αναφερθούμε στις επόμενες παραγράφους.

Βήμα 1 - Πρόσβαση στο SiteBuilder (SitePad)

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

• Ένας από τους τέσσερις διευθύνσεις του πίνακα ελέγχου θα χρειαστεί να προσπελαστεί σε έναν περιηγητή της επιλογής σας (συνιστάται Chrome ή Firefox), παρόμοια με μια κανονική ιστοσελίδα. Αφού προσπελάσετε, θα ανοίξει μια σελίδα που επιτρέπει την εισαγωγή ενός ονόματος χρήστη και ενός κωδικού πρόσβασης. Αυτές οι λεπτομέρειες θα ληφθούν από το προηγουμένως αναφερόμενο email, μετά το οποίο θα ολοκληρώσουμε την αυθεντικοποίηση με το Log In κουμπί.

• Αφού συνδεθούμε στο cPanel, θα μεταβούμε στο κάτω μέρος της σελίδας και θα αποκτήσουμε πρόσβαση στο SitePad Website Builder εικονίδιο στην κατηγορία Λογισμικό

Βήμα 2 - Επιλογή Θέματος

•  Αφού αποκτήσουμε πρόσβαση στο SitePad από το cPanel, θα ανακατευθυνθούμε στη σελίδα όπου θα είναι δυνατό να εγκαταστήσουμε την ιστοσελίδα. Εδώ, θα αποκτήσουμε πρόσβαση στο κείμενο δημιουργήστε μια νέα ιστοσελίδα, και στην επόμενη σελίδα, κάνουμε κλικ στο Ξεκινήστε

                                                                                                                                         

• Το "δύσκολο" μέρος έρχεται μόλις τώρα! Θα μας παρουσιαστεί ένας κατάλογος που έχει πάνω από 535 γραφικά θέματα, από μια ευρεία γκάμα τομέων δραστηριότητας. Για να ολοκληρώσουμε την επιλογή θέματος, τίποτα πιο απλό, θα πάμε στο πράσινο κουμπί Επιλέξτε

Βήμα 3 - Ολοκλήρωση της εγκατάστασης

• Το τελευταίο μέρος αφορά την ολοκλήρωση των λεπτομερειών σχετικά με την ιστοσελίδα μας και είναι οι εξής:
  
  1. Διεύθυνση Ιστοσελίδας - Εδώ θα μπορούν να επιλέξουν το domain στο οποίο θέλουμε να εγκατασταθεί η ιστοσελίδα, τον φάκελο όπου θα εγκατασταθεί και τα πρωτόκολλα ασφαλείας. Η σύστασή μας είναι ότι κάθε ιστοσελίδα θα πρέπει να εγκαθίσταται με την έκδοση HTTPS, ενώ το πεδίο φακέλου θα πρέπει να μένει κενό (εάν δεν επιθυμείτε να ορίσετε κάποιον διαφορετικό φάκελο). Έτσι, κάθε ιστοσελίδα θα εγκαθίσταται στον προεπιλεγμένο φάκελο.
  
  2. Διεύθυνση Email Διαχειριστή - Αυτή η διεύθυνση email θα χρησιμοποιηθεί για την πιστοποίηση στον πίνακα ελέγχου SitePad. Μπορείτε να χρησιμοποιήσετε είτε μια δημόσια διεύθυνση (gmail, yahoo) είτε τη διεύθυνση email που σχετίζεται με την ιστοσελίδα σας.
  
  3. Τίτλος Ιστοσελίδας - Ο τίτλος που θα εμφανίζεται στη βασική σελίδα της ιστοσελίδας. Δεν έχει σημασία τι θα βάλουμε, καθώς μπορεί να αλλάξει αργότερα.
  
  4. Περιγραφή - Η γενική περιγραφή της ιστοσελίδας. Όπως στην περίπτωση του τίτλου, μπορούμε να εισάγουμε οτιδήποτε, καθώς μπορεί να τροποποιηθεί αργότερα.
  
  5. Γλώσσα Ιστοσελίδας - Η γλώσσα στην οποία θα εμφανίζεται η ιστοσελίδα μας μετά την εγκατάσταση.

 

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

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

• Αυτή τη στιγμή, αν επισκεφτούμε το domain στο οποίο έχουμε εγκαταστήσει την ιστοσελίδα σε ένα πρόγραμμα περιήγησης, θα αντιμετωπίσουμε την διεπαφή που επιλέξαμε προηγουμένως.
  

Διαμόρφωση Ιστοσελίδας

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

Κείμενα

• Κάθε προεπιλεγμένο θέμα παρουσιάζει κείμενα lorem ipsum (τυπικό κείμενο που χρησιμοποιείται για την προσομοίωση πλαισίων κειμένου και τη διευκόλυνση της αξιολόγησης του σχεδιασμού μιας ιστοσελίδας), αυτά πρέπει να αντικατασταθούν.
• Αυτό μπορεί να γίνει με ένα απλό διπλό κλίκ στο πλαίσιο κειμένου. Το μέγεθος, το χρώμα, η γραμματοσειρά και άλλα στοιχεία σχεδίασης μπορούν να τροποποιηθούν από τη δεξιά πλευρά της σελίδας στην ενότητα Επεξεργασία Τίτλου
  

Εικόνες

• Δεν υπάρχει τίποτα λάθος αν κρατήσουμε τις αρχικές εικόνες, καθώς δεν παρουσιάζουν ειδικά πνευματικά δικαιώματα, ωστόσο για να μην έχουμε την ιστοσελίδα ταυτόσιμη με άλλους 1.000 χρήστες, είναι σκόπιμο (αν διαθέτουμε ποιοτικές εικόνες) να τις αντικαταστήσουμε.
• Για να το κάνετε αυτό, μεταφέρετε το ποντίκι πάνω από την εικόνα που θέλετε να αντικαταστήσετε και κάντε κλικ στο μπλε μολύβι

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

Τα Κουμπιά

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

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

 

Σελίδες

• Ας υποθέσουμε ότι θέλουμε να προσθέσουμε επιπλέον σελίδες στην κορυφή της ιστοσελίδας που οδηγούν σε διάφορες ενότητες. Για να προσθέσετε μια σελίδα, απλώς επισκεφθείτε Σελίδες και Δημιουργία Νέας

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

                                                                                                                                                                                                                                             

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

 

Γραφικά στοιχεία

• Πάνω από 40 Widgets μπορούν να χρησιμοποιηθούν για να προσαρμόσετε τη σελίδα κατά βούληση. Είτε μιλάμε για Google Maps, Ημερολόγιο, Πίνακες ή άλλα, μπορούμε με ένα απλό "click and drag" να εισάγουμε οποιοδήποτε στοιχείο με πολύ μεγάλη ευκολία. Αυτά τα στοιχεία μπορούν να βρεθούν ξανά στη δεξιά πλευρά της σελίδας κάτω από την ενότητα Widgets

Υπερσυνδέσμoι

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

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

SEO

• Ένα οικείο concept, αλλά παρεξηγημένο από ένα μεγάλο μέρος των κατόχων ιστοσελίδων. Με απλά λόγια, πρόκειται για μια σειρά αναγνωριστικών που διαφοροποιούν την ιστοσελίδα μας από άλλες ιστοσελίδες στο διαδίκτυο, δίνοντάς μας ένα πλεονέκτημα απέναντι στον ανταγωνισμό. Όσο καλύτερη είναι η βελτιστοποίηση αυτών των αναγνωριστικών, τόσο υψηλότερη θα είναι η θέση στις μηχανές αναζήτησης και, κατά συνέπεια, θα αυξηθεί ο αριθμός των επισκεπτών.
• Για την ιστοσελίδα μας, SEO η βελτιστοποίηση μπορεί να επιτευχθεί μέσω διαφόρων μεθόδων, αλλά ο πιο εύκολος τρόπος είναι μέσω του κουμπιού που παρέχεται από τον Δημιουργό Ιστοσελίδων

• Με πιο γενικούς όρους, τόσο μεγαλύτερος θα είναι ο ανταγωνισμός και οι πιθανότητες να βρίσκεται η ιστοσελίδα σας ανάμεσα στις κορυφαίες αναζητήσεις απλώς ρυθμίζοντας αυτά τα πεδία θα μειωθούν.
• Εάν οι όροι είναι πιο ασυνήθιστοι, η θέση θα είναι καλύτερη, ωστόσο, ο αριθμός αυτών που αναζητούν αυτές τις λέξεις θα είναι μικρότερος. Όταν πρόκειται για την βελτιστοποίηση SEO, πρέπει να βρεθεί μια κατάλληλη ισορροπία.

• Εάν δεν έχουν εισαχθεί MetaTags, θα τοποθετηθούν αυτόματα και οι πιθανότητες να είναι κατάλληλες για την ιστοσελίδα σας θα είναι μικρές.
• Πρέπει να λάβετε υπόψη ότι η βελτιστοποίηση SEO είναι ένα ποικιλόμορφο φάσμα που μπορεί να απαιτεί συνεχής εργασία, και τις περισσότερες φορές, είναι απαραίτητη μια βαθύτερη κατανόηση της έννοιας για να επιτευχθούν σημαντικά αποτελέσματα.

 

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

• Υπάρχει η πιθανότητα να έχουμε κάνει κάποιο λάθος σε μια στιγμή, ή απλά να μην μας αρέσει ο επιλεγμένος σχεδιασμός, τι κάνουμε, αρχίζουμε τον ιστότοπο από την αρχή; Όχι. Όλες οι προηγούμενες εκδόσεις μπορούν να προβληθούν στην ενότητα Ιστορικό και Αναθεώρηση, έτσι έχουμε τη βεβαιότητα ότι πάντα έχουμε την επιλογή να επιστρέψουμε σε μια "παλιότερη" έκδοση.
  

  

 

• Άρχισα το άρθρο λέγοντας ότι η δημιουργία ενός website "δεν ήταν ποτέ πιο εύκολη" και πιστεύω ότι και εσείς το θεωρείτε αυτό, τώρα που το website σας έχει ολοκληρωθεί με επιτυχία.
  Υπάρχουν και άλλα στοιχεία που πρέπει να εφαρμοστούν πριν το site είναι "καλά υλοποιημένο", ωστόσο για μια αρχική παρουσία είναι μια επιτυχημένη αρχή.
  Στη διαδικασία θα εξοικειωθείτε με τον δημιουργό ιστοσελίδων, και ορισμένα στοιχεία θα γίνουν καλύτερα κατανοητά και πιο εύκολα προς υλοποίηση.

Σημείωση

• Αυτή η πλατφόρμα δημιουργίας ιστότοπων είναι ένα πρόγραμμα τρίτου μέρους που παρέχεται μέσω προμηθευτή και δεν έχει αναπτυχθεί άμεσα από την ομάδα του Hostico.
• Η εγκατάσταση ενός ιστότοπου μπορεί να πραγματοποιηθεί σε πολλούς τομείς, ακόμη και αν αυτοί προστεθούν από το ίδιο πακέτο φιλοξενίας
• Τα πιστοποιητικά ασφαλείας SSL δημιουργούνται αυτόματα από το cPanel όταν η ιστοσελίδα εγκαθίσταται στην φιλοξενία, και δεν απαιτείται καμία περαιτέρω χειροκίνητη ρύθμιση
• Η εφαρμογή SitePad προορίζεται κυρίως για άτομα που αναζητούν μια απλή ιστοσελίδα που δεν απαιτεί απαραίτητα την εμπλοκή ενός προγραμματιστή
• Ο Δημιουργός Ιστοσελίδων δεν μπορεί να χρησιμοποιηθεί για ιστοσελίδες τύπου eCommerce. Για αυτό, προτείνουμε άλλες πλατφόρμες CMS όπως το Prestashop, το Magento, το Wordpress + Woocommerce  που έχουν σχεδιαστεί ειδικά για αυτόν τον σκοπό.
• Η εφαρμογή δεν έρχεται προεπιλεγμένη με διεπαφή διαχείρισης βάσεων δεδομένων. Όλα τα αρχεία γίνονται απευθείας στο PHPMyAdmin, και κάθε νέα καταχώρηση ή ερώτημα πρέπει να εκτελείται απευθείας από το cPanel