Η σελίδα αυτή αποτελεί αντίγραφο του http://web307.tripod.com όπως ήταν στις 10, Ιούλιος 2009 Το περιεχόμενο της ιστοσελίδας μπορεί να έχει αλλάξει απο τότε. Για να επισκεφτείτε την τωρινή έκδοση πατήστε εδώ. Το Topsites directory δέν συνεργάζεται με τους ιδοκτήτες της ιστοσελίδας, και δέν ευθύνεται για το περιεχόμενό της.
Καλωσορίσατε στο Webmasters.tip, την ελληνική Ιστοσελίδα
γεμάτη από δωρεάν υπηρεσίες και εργαλεία για Webmasters. Σας Ευχαριστούμε που
μας επισκεφτήκατε και καλή περιήγηση.
Τα τελευταία χρόνια η ραγδαία εξέλιξη
του Internet και η αύξηση των εταιρειών που παρέχουν
υπηρεσίες Internet,έχει οδηγήσει σε πολύ χαμηλά
επίπεδα το κόστος απόκτησης του χώρου που απαιτείται για τη δημιουργίας μιας
σελίδας.Επειδή όμως οι καιροί είναι χαλεποί ,κανείς δεν θα έλεγε όχι σε μια
ανάλογη δωρεάν υπηρεσία ,ειδικά αν οι υπηρεσίες που παρέχονται ήταν υψηλής
ποιότητας και αξιοπιστίας
Μήπως φτάσατε στο σημείο να αναρωτιέστε αν τελικά το Internet είναι
μόνο για να βλέπετε τσόντες, να μπαίνετε σε κάνα chat room, άιντε και να
ανταλλάσσετε χαζοχαρούμενα e-mail με τους κολλητούς σας; Μήπως το να μπορείτε να
εκφράσετε τις απόψεις σας, να εκμεταλλευτείτε το συγγραφικό σας ταλέντο, να
παρουσιάσετε την δουλειά σας, ή το χόμπι σας, να δώσετε μια διέξοδο στις
εικαστικές σας ανησυχίες, να επικοινωνήσετε με καινούργιους ανθρώπους, σας
ακούγεται ελκυστικό; Ε τότε είναι μάλλον καιρός να αποκτήσετε το δικό σας site
στο internet. Πως θα γίνει αυτό; Ο παρακάτω οδηγός φιλοδοξεί να σας λύσει τις
βασικές απορίες...
g
ΠΩΣ ΛΕΙΤΟΥΡΓΕΙ ΕΝΑ SITE
Ένα site λειτουργεί ως εξής : Φτιάχνετε τις σελίδες στον υπολογιστή
σας. Για τον σκοπό αυτό χρησιμοποιείται η γλώσσα HTML. Αν ξέρετε HTML μπορείτε
να φτιάξετε τα πάντα μόνο με τον κειμενογράφο (Notepad) των windows. Αν δεν
ξέρετε HTML και δεν είστε διατεθειμένοι να μάθετε, μην ανησυχείτε! Υπάρχουν
προγράμματα που μπορούν να κάνουν την δουλειά εύκολα. Εσείς απλά δουλεύεται σε
ένα γραφικό περιβάλλον (κάτι σαν το Word π.χ.), γράφοντας κείμενα, δημιουργώντας
πίνακες, εισάγοντας εικόνες και το πρόγραμμα μετατρέπει μόνο του όλα αυτά σε
κώδικα HTML. Τα προγράμματα που κάνουν αυτή την δουλειά λέγονται WYSIWYG .Αφού
φτιάξετε τις σελίδες σας. Τις ανεβάζετε, τις αντιγράφετε δηλαδή, σε έναν server
ο οποίος είναι συνέχεια συνδεδεμένος στο internet και μπορεί ο καθένας να τις
διαβάσει. Τέτοιους servers διαθέτουν συγκεκριμένες εταιρείες που λέγονται web
hosters και από τις οποίες εσείς, ή αγοράζετε κάποιο χώρο στον server τους για
να ανεβάσετε το site σας, ή το ανεβάζετε δωρεάν με αντάλλαγμα να τους επιτρέψετε
να τοποθετήσουν ένα διαφημιστικό banner στο site σας.
g
ΤΙ ΘΑ
ΧΡΕΙΑΣΤΕΙΤΕ
Έναν HTML Editor.Η
"light" και δωρεάν μορφή του πασίγνωστου προγράμματος επεξεργασίας ιστοσελίδων
Frontpage.
Ένα καλό πρόγραμμα επίσης είναι το Macromedia Dreamweaver. Το γραφικό του περιβάλλον
είναι τόσο καλό και δεν θα χρειαστεί να γράψετε ούτε μια γραμμή κώδικα.Η μόνη
έλλειψη στο Dreamweaver είναι ότι μέχρι σήμερα δεν διαθέτει ελληνικό
ορθογράφο, αλλά αυτό λύνεται με ένα απλό copy paste στο Word. Σε πολύ
χαμηλότερη τιμή (γύρω στα 100 Ευρώ), θα βρείτε το
Namo WebEditor, το οποίο θα κάνει την δουλειά σας μια χαρά. Συν τοις
άλλοις, διαθέτει πολλές έτοιμες ρουτίνες Javascript που μπορείτε να
χρησιμοποιήσετε. Στην ίδια κατηγορία υπάρχει και το Front Page της Microsoft.
Τα παραπάνω προγράμματα επειδή διαθέτουν και γραφικό περιβάλλον και
ενσωματωμένους FTP clients με εξελιγμένα χαρακτηριστικά για διαχείριση των
sites ονομάζονται με τον ευρύτερο τίτλο Web Authors. Υπάρχουν πάντως δύο
δωρεάν πολύ καλοί HTML editors: το AceHTML, και το HTML-Kit. Αν και στα δύο
δεν μπορείς να δουλέψεις κατευθείαν σε γραφικό περιβάλλον, μπορείς να βρεις
όλες τις εντολές έτοιμες σε toolbars γλιτώνοντας έτσι και την εκμάθηση της
HTML αλλά και ώρες πληκτρολόγησης. Και στα δύο επίσης θα βρείτε ένα σωρό
ρουτίνες Javascript και DHTML (Dynaminc HTML) έτοιμες προς χρήση. Ιστοσελίδες
μπορείτε να δημιουργήσετε και με το Word αλλά σας συμβουλεύω να μην καταφύγετε
σ' αυτή την λύση.
Έναν FTP client. Ένα πρόγραμμα
δηλαδή με το οποίο θα ανεβάζετε τα αρχεία σας στον server. Εδώ υπάρχουν ένα
σωρό πολύ καλά δωρεάν προγράμματα. Το AceFTP είναι άριστο, αλλά το ίδιο καλό
και αξιόπιστο είναι και το WS_ftp LE. Τα πλεονεκτήματα που σας προσφέρουν οι
professional εκδόσεις αυτών των προγραμμάτων, που πρέπει να τις πληρώσετε, δεν
σας χρειάζονται στην περίπτωση ενός προσωπικού site. (Αν αποφασίσετε να
χρησιμοποιήσετε το Dreamweaver δεν θα χρειαστείτε FTPclient γιατί διαθέτει
έναν εξαιρετικό ενσωματωμένο, ενώ η λειτουργία Synchronisation που διαθέτει
κάνει την ανανέωση του site παιχνίδι.)
Πρόγραμμα επεξεργασίας εικόνας.
Σίγουρα στο site σας θα χρειαστεί να ανεβάσετε εικόνες και να δημιουργήσετε
thumbnails. Αν θέλετε ένα δωρεάν πρόγραμα δοκιμάστε το
Gimp. Είναι από κάθε άποψη αξιόλογο και δωρεάν. Ειδικά για την δημιουργία
thumbnails πάντως το
Easy Thumbnails θα σας κάνει την δουλειά γρήγορα καλά και τζάμπα.
Φαντασία.
Για αυτό το θέμα δεν μπορώ να σας προτείνω διευθύνσεις... Ψάξτε στο εσωτερικό
του κεφαλιού σας... σίγουρα θα υπάρχει!
ΞΕΚΙΝΗΜΑ
Καταρχάς λίγη κατασκοπία σε άλλα
site.
Περιηγηθείτε σε άλλα προσωπικά site δείτε τα περιεχόμενά τους, τα γραφικά, την
δομή, τα χρώματα, το ύφος και το στυλ τους. Καταγράψτε τι σας αρέσει και το τι
όχι.
ΚΑΝΤΕ ΕΝΑ
ΣΧΕΔΙΑΓΡΑΜΜΑ
Φτιάξετε σε ένα χαρτί ένα σχεδιάγραμμα με τις ενότητες του site σας είναι απλό
και θα σας βοηθήσει πολύ.
ΣΥΓΚΕΝΤΡΩΣΤΕ ΤΟ ΥΛΙΚΟ
Γράψτε τα κείμενα και συγκεντρώστε τις εικόνες και τα γραφικά. Για τα κείμενα
μπορείτε να χρησιμοποιήσετε τον κειμενογράφο που χρησιμοποιείτε και μετά να τα
κάνετε copy και paste στον HTML editor. Προσέξτε όμως: πολλές φορές κάνοντας
copy από το word αντιγράφεται και η μορφοποίηση του κειμένου πράγμα που δεν
λειτουργεί στο internet. Προκειμένου λοιπόν να χάσει την μορφοποίηση το κείμενό
σας, ανοίξτε το notepad και κάντε το paste εκεί. Αντιγράψτε το από το notepad
και μετά κάντε το paste στον HTML edtitor.
Για τις εικόνες και τα γραφικά
έχετε υπ' όψιν σας ότι:
Παρόλο που οι συνδέσεις στο
internet έχουν γίνει πολύ γρήγορες (ISDN, ADSL κλπ) υπάρχουν άνθρωποι που
μπαίνουν ακόμα με σχετικά αργές ταχύτητες 56Κbps, 64Κbps. Για το λόγο αυτό δεν
θα πρέπει οι εικόνες σας να είναι πολύ βαριές. Σε μια σελίδα δηλαδή το σύνολο
των εικόνων δεν θα πρέπει να υπερβαίνει τα 100 ΚΒ το πολύ.Η φωτογραφίες σας να
μην είναι με την υψηλότερη ανάλυση.
Χρησιμοποιείστε το JPEG φορμά για
τις φωτογραφίες σας και το GIF φορμά για τα γραφικά. Το JPEG έχει πολύ καλή
συμπίεση και αποδίδει καλά τις διαβαθμίσεις των χρωμάτων κάνοντας ελαφριές τι
φωτογραφίες, ενώ το GIF αποδίδει μόνο 256 χρώματα και είναι ιδανικό για
γραφικά που έχουν σχετικά λίγα χρώματα.
Μην κάνετε τις φωτογραφίες σας πολύ
μεγάλες. Περίπου,400-500 pixel για την μεγαλύτερη διάσταση της φωτογραφίας. Αν
σε μια σελίδα θέλετε να βάλετε πολλές φωτογραφίες να δημιουργήσετε thumbnails
(μικρογραφίες των φωτογραφιών σας), με την μεγαλύτερη διάσταση τους όχι
παραπάνω από 100 pixel και τα οποία με ένα κλικ θα οδηγούν στην κανονική
φωτογραφία.
Γραφικά στατικά και κινούμενα (animated)
θα βρείτε στο internet, αλλά μην το παρακάνετε. Φορτώνουν την σελίδα σας και
οπτικά για τον επισκέπτη δεν είναι ότι καλύτερο!
TEMPLATE
Τα templates είναι έτοιμες σελίδες που έχουν φτιάξει κάποιοι και τις προσφέρουν
είτε δωρεάν, είτε επί πληρωμή. Το έτοιμες σελίδες σημαίνει ότι δεν θα χρειαστεί
να κουραστείτε για να βρείτε τα χρώματα, τα μενού, τα γραφικά κλπ. Αυτά τα
περιέχει το template. Εσείς το μόνο που έχετε να κάνετε είναι να προσθέσετε τα
κείμενα και να τροποποιήσετε τα μενού σύμφωνα με τις δικές σας ανάγκες. Έτοιμα
templates σας παρέχουν σχεδόν όλα τα προγράμματα. Δωρεάν templates μπορείτε εδώ να
βρείτε στο site της
Elated, καθώς και το
Webdesignhelper.
ΧΡΩΜΑΤΑ
Μην χρησιμοποιείται πολλά χρώματα
σε μια σελίδα. Χρησιμοποιείστε 3-4 το πολύ και φροντίστε να ταιριάζουν μεταξύ
τους.
Χρησιμοποιήστε τα πολύ έντονα
χρώματα (κόκκινο, κίτρινο κλπ) με μέτρο και μην τους δώσετε κυρίαρχη θέση στις
σελίδες σας γιατί κουράζουν.
Φροντίστε τα γράμματα να έχουν
αρκετό contrast με το background ώστε να είναι ευανάγνωστα.
Αν δεν είστε καλοί στο πάντρεμα των
χρωμάτων χρησιμοποιείστε κάποιο software όπως το
ColorSchemer, ή το
ColorImpact, κάποια on-line εφαρμογή όπως το
Colour Wizard, ή δείτε κάποιο χρωματολόγιο όπως
αυτό, ή
αυτό, ή
αυτό και πολλά παρόμοια που θα βρείτε στο internet.
ΣΤΟΙΧΕΙΑ
ΠΟΥ ΜΠΟΡΕΙΤΕ ΝΑ ΠΡΟΣΘΕΣΕΤΕ
Στο site σας μπορείτε να προσθέστε ένα σωρό πράγματα που θα το κάνουν πιο
εντυπωσιακό και ίσως πιο λειτουργικό όπως
Javascript,
DHTML,
PHP κλπ. Χρησιμοποιήστε τα, με μέτρο ώστε και να μην βαρύνει η σελίδα σας.
Αποφύγετε αυτό που κοτσάρει
μια ουρά που κρέμεται στον κέρσορα του ποντικιού, ή ένα
ρολόι να
ΓΙΝΕΤΕ
ΣΤΥΛΙΣΤΕΣ
Ένα στυλ κειμένου (Style Sheet) είναι ένα απλό αρχείο κειμένου με το οποίο
μπορείτε να ελέγχεται στοιχεία της εμφάνισης των σελίδων σας όπως την
γραμματοσειρά, το μέγεθος, το χρώμα των γραμμάτων και του background, τα links,
αλλά και πολλά περισσότερα. Ένα στυλ κειμένου μπορεί να εφαρμοστεί μεμονωμένα σε
μια σελίδα ή μαζικά σε όλες τις σελίδες της τοποθεσίας σας (External Style Sheet).
Αν βαρεθείτε το χρώμα του bakground π.χ. και το site σας αποτελείται από 40-50
σελίδες, δεν θα χρειαστεί να πηγαίνετε σε μια-μια τις σελίδες και να
τροποποιείται το χρώμα του background. Τροποποιείται μόνο το στυλ κειμένου και
οι αλλαγές εφαρμόζονται αυτόματα σε όλες τις σελίδες που είναι συνδεμένες με το
συγκεκριμένο στυλ.
Κάποια
προγράμματα όπως το Dremweaver, παρέχουν τα εργαλεία ώστε να φτιάξετε το δικό
σας στυλ κειμένου χωρίς να χρειαστεί να γράψετε κώδικα. Υπάρχουν όμως και
προγράμματα όπως το
Style Master, ή το
Astyle, που κάνουν την δημιουργία των στυλ κειμένου πολύ εύκολη. Πολύ
περισσότερα για στα στυλ κειμένου θα βρείτε
εδώ και
εδώ.
Eeei.gr.
Οδηγίες κατασκευής Web σελίδων με την HTML στα ελληνικά.
Με τα εργαλεία που προσφέρει απολύτως
Δωρεάν
το
Hellas Portal
μπορούν οι επισκέπτες μας να δημιουργήσουν τις δικές τους προσωπικές
ή επαγγελματικές ιστοσελίδες.
Τα εργαλεία του
Hellas Portal
μπορούν να τα χρησιμοποιήσουν με μεγάλη ευκολία και οι πλέον άπειροι
χρήστες του Internet που δεν έχουν καμία γνώση html ή άλλου είδους
προγραμματισμού . Αλλά και οι web designers θα
ανακαλύψουν σε αυτά έναν φιλικό, έξυπνο και χρήσιμο βοηθό για την
εργασία τους. Κάντε
click εδώ !
"Αποκτήστε δωρεάν τη δική σας διεύθυνση .gr.kz . Δώστε στην
σελίδα σας το όνομα που της αξίζει. Επιλέξτε όνομα και κάντε το
redirect στη κεντρική σας σελίδα ή σε κομμάτι του website σας, όπου
και αν φιλοξενείστε χωρίς banners και popup windows!"
HTML Validation
Η σελίδα που μόλις τελειώσατε
φαντάζει τέλεια.. είναι γραμμένη, όμως, με σωστό HTML; Ελέγξτε τον
κώδικα τις σελίδας σας με αυτή την υπηρεσία
O διαχειριστής
του site webmasters tip δεν έχει καμμία ευθύνη για το
περιεχόμενο των άλλων sites όπου θα οδηγούν τα banners ή τα links των σελίδων
Προσοχή (Ο ιδρυτής αυτού
του site δεν φέρει καμία ευθύνη για οποιαδήποτε λάθος χρήση του υλικού και των
γνώσεων που παρέχονται εδώ!!!)
ΠΡΟΣΟΧΗ.Αν κάποιος
δεν επιθιμή σύνδεσμο που υπάρχει στο
site προς κάποιοάλλο site παρακαλώ να επικοινωνείση μαζί
μας για να διαγραφεί .Επικοινωνία
Επίσης αν δεν
έχουμε γράψει την πηγή που προέρχεται κάτι που φιλοξενούμε στο site
επικοινωνήστε μαζί μας για να την αναφέρουμε διότι υλικό για το
site μας στέλνου φίλη webmasters
και δεν μπορούμε να ξέρουμε την πηγή τους αν δεν την αναφέρουν.
Εάν, χωρίς την πρόθεσή μας, θίγουμε μέσω των σελίδων μας
πνευματικά δικαιώματα, παρακαλούμε για την ενημέρωσή μας.
Όπου βλέπετε το εικονίδιο
σημαίνει πως είναι νέο βοήθημα των τελευταίων ημερών.
σημαίνει πως είναι νέο βοήθημα των τελευταίων ημερών.