Online Webmaster Tools
» Online Web Page Maker
» Online Flash Tools
» HTML Code Validator
» Email Contact Form Maker
» Frames Generator
» CSS Generator
» Scrollbar Color Generator
» Pop-Up Window Maker
» Button Generator
» Mouseover Image Generator
» Tooltip Menu Generator
» Javascripts
» Free Backgrounds
» Free Buttons
» Free Bullets
» Free Bars
» Free Chat Rooms
» Free Icons
» Free Site Stats
» Free Hit Counters
» Free Auto Responders
» Free Live Help / Chat
» Free Visitor Tracker
» Link Monitoring

Αποκτήστε παρουσία στον παγκόσμιο ιστό

Καλωσορίσατε στο Webmasters.tip, την ελληνική Ιστοσελίδα γεμάτη από δωρεάν υπηρεσίες και εργαλεία για Webmasters. Σας Ευχαριστούμε που μας επισκεφτήκατε και καλή περιήγηση.

Τα τελευταία χρόνια η ραγδαία εξέλιξη του Internet και η αύξηση των εταιρειών που παρέχουν υπηρεσίες Internet,έχει οδηγήσει σε πολύ χαμηλά επίπεδα το κόστος απόκτησης του χώρου που απαιτείται για τη δημιουργίας μιας σελίδας.Επειδή όμως οι καιροί είναι χαλεποί ,κανείς δεν θα έλεγε όχι σε μια ανάλογη δωρεάν υπηρεσία ,ειδικά αν οι υπηρεσίες που παρέχονται ήταν υψηλής ποιότητας και αξιοπιστίας

Μήπως φτάσατε στο σημείο να αναρωτιέστε αν τελικά το Internet είναι μόνο για να βλέπετε τσόντες, να μπαίνετε σε κάνα chat room, άιντε και να ανταλλάσσετε χαζοχαρούμενα e-mail με τους κολλητούς σας; Μήπως το να μπορείτε να εκφράσετε τις απόψεις σας, να εκμεταλλευτείτε το συγγραφικό σας ταλέντο, να παρουσιάσετε την δουλειά σας, ή το χόμπι σας, να δώσετε μια διέξοδο στις εικαστικές σας ανησυχίες, να επικοινωνήσετε με καινούργιους ανθρώπους, σας ακούγεται ελκυστικό; Ε τότε είναι μάλλον καιρός να αποκτήσετε το δικό σας site στο internet. Πως θα γίνει αυτό; Ο παρακάτω οδηγός φιλοδοξεί να σας λύσει τις βασικές απορίες...

Ένα site λειτουργεί ως εξής : Φτιάχνετε τις σελίδες στον υπολογιστή σας. Για τον σκοπό αυτό χρησιμοποιείται η γλώσσα HTML. Αν ξέρετε HTML μπορείτε να φτιάξετε τα πάντα μόνο με τον κειμενογράφο (Notepad) των windows. Αν δεν ξέρετε HTML και δεν είστε διατεθειμένοι να μάθετε, μην ανησυχείτε! Υπάρχουν προγράμματα που μπορούν να κάνουν την δουλειά εύκολα. Εσείς απλά δουλεύεται σε ένα γραφικό περιβάλλον (κάτι σαν το Word π.χ.), γράφοντας κείμενα, δημιουργώντας πίνακες, εισάγοντας εικόνες και το πρόγραμμα μετατρέπει μόνο του όλα αυτά σε κώδικα HTML. Τα προγράμματα που κάνουν αυτή την δουλειά λέγονται WYSIWYG .Αφού φτιάξετε τις σελίδες σας. Τις ανεβάζετε, τις αντιγράφετε δηλαδή, σε έναν server ο οποίος είναι συνέχεια συνδεδεμένος στο internet και μπορεί ο καθένας να τις διαβάσει. Τέτοιους servers διαθέτουν συγκεκριμένες εταιρείες που λέγονται web hosters και από τις οποίες εσείς, ή αγοράζετε κάποιο χώρο στον server τους για να ανεβάσετε το site σας, ή το ανεβάζετε δωρεάν με αντάλλαγμα να τους επιτρέψετε να τοποθετήσουν ένα διαφημιστικό banner στο site σας.

1. Έναν 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 αλλά σας συμβουλεύω να μην καταφύγετε σ' αυτή την λύση.
2. Έναν FTP client. Ένα πρόγραμμα δηλαδή με το οποίο θα ανεβάζετε τα αρχεία σας στον server. Εδώ υπάρχουν ένα σωρό πολύ καλά δωρεάν προγράμματα. Το AceFTP είναι άριστο, αλλά το ίδιο καλό και αξιόπιστο είναι και το WS_ftp LE. Τα πλεονεκτήματα που σας προσφέρουν οι professional εκδόσεις αυτών των προγραμμάτων, που πρέπει να τις πληρώσετε, δεν σας χρειάζονται στην περίπτωση ενός προσωπικού site. (Αν αποφασίσετε να χρησιμοποιήσετε το Dreamweaver δεν θα χρειαστείτε FTPclient γιατί διαθέτει έναν εξαιρετικό ενσωματωμένο, ενώ η λειτουργία Synchronisation που διαθέτει κάνει την ανανέωση του site παιχνίδι.)
3. Πρόγραμμα επεξεργασίας εικόνας. Σίγουρα στο site σας θα χρειαστεί να ανεβάσετε εικόνες και να δημιουργήσετε thumbnails. Αν θέλετε ένα δωρεάν πρόγραμα δοκιμάστε το Gimp. Είναι από κάθε άποψη αξιόλογο και δωρεάν. Ειδικά για την δημιουργία thumbnails πάντως το Easy Thumbnails θα σας κάνει την δουλειά γρήγορα καλά και τζάμπα.
4. Φαντασία. Για αυτό το θέμα δεν μπορώ να σας προτείνω διευθύνσεις... Ψάξτε στο εσωτερικό του κεφαλιού σας... σίγουρα θα υπάρχει!

ΞΕΚΙΝΗΜΑ
Καταρχάς λίγη κατασκοπία  σε άλλα site.  Περιηγηθείτε σε άλλα προσωπικά site δείτε τα περιεχόμενά τους, τα γραφικά, την δομή, τα χρώματα, το ύφος και το στυλ τους. Καταγράψτε τι σας αρέσει και το τι όχι.

ΚΑΝΤΕ ΕΝΑ ΣΧΕΔΙΑΓΡΑΜΜΑ
Φτιάξετε σε ένα χαρτί ένα σχεδιάγραμμα με τις ενότητες του site σας είναι απλό και θα σας βοηθήσει πολύ.

ΣΥΓΚΕΝΤΡΩΣΤΕ ΤΟ ΥΛΙΚΟ
Γράψτε τα κείμενα και συγκεντρώστε τις εικόνες και τα γραφικά. Για τα κείμενα μπορείτε να χρησιμοποιήσετε τον κειμενογράφο που χρησιμοποιείτε και μετά να τα κάνετε copy και paste στον HTML editor. Προσέξτε όμως: πολλές φορές κάνοντας copy από το word αντιγράφεται και η μορφοποίηση του κειμένου πράγμα που δεν λειτουργεί στο internet. Προκειμένου λοιπόν να χάσει την μορφοποίηση το κείμενό σας, ανοίξτε το notepad και κάντε το paste εκεί. Αντιγράψτε το από το notepad και μετά κάντε το paste στον HTML edtitor.

TEMPLATE
Τα templates είναι έτοιμες σελίδες που έχουν φτιάξει κάποιοι και τις προσφέρουν είτε δωρεάν, είτε επί πληρωμή. Το έτοιμες σελίδες σημαίνει ότι δεν θα χρειαστεί να κουραστείτε για να βρείτε τα χρώματα, τα μενού, τα γραφικά κλπ. Αυτά τα περιέχει το template. Εσείς το μόνο που έχετε να κάνετε είναι να προσθέσετε τα κείμενα και να τροποποιήσετε τα μενού σύμφωνα με τις δικές σας ανάγκες. Έτοιμα templates σας παρέχουν σχεδόν όλα τα προγράμματα. Δωρεάν templates μπορείτε εδώ  να βρείτε στο site της Elated, καθώς και το Webdesignhelper.

ΧΡΩΜΑΤΑ

ΣΤΟΙΧΕΙΑ ΠΟΥ ΜΠΟΡΕΙΤΕ ΝΑ ΠΡΟΣΘΕΣΕΤΕ
Στο site σας μπορείτε να προσθέστε ένα σωρό πράγματα που θα το κάνουν πιο εντυπωσιακό και ίσως πιο λειτουργικό όπως Javascript, DHTML, PHP κλπ. Χρησιμοποιήστε τα, με μέτρο ώστε και να μην βαρύνει η σελίδα σας. Αποφύγετε αυτό που κοτσάρει μια ουρά που κρέμεται στον κέρσορα του ποντικιού, ή ένα ρολόι να

ΓΙΝΕΤΕ ΣΤΥΛΙΣΤΕΣ
Ένα στυλ κειμένου (Style Sheet) είναι ένα απλό αρχείο κειμένου με το οποίο μπορείτε να ελέγχεται στοιχεία της εμφάνισης των σελίδων σας όπως την γραμματοσειρά, το μέγεθος, το χρώμα των γραμμάτων και του background, τα links, αλλά και πολλά περισσότερα. Ένα στυλ κειμένου μπορεί να εφαρμοστεί μεμονωμένα σε μια σελίδα ή μαζικά σε όλες τις σελίδες της τοποθεσίας σας (External Style Sheet). Αν βαρεθείτε το χρώμα του bakground π.χ. και το site σας αποτελείται από 40-50 σελίδες, δεν θα χρειαστεί να πηγαίνετε σε μια-μια τις σελίδες και να τροποποιείται το χρώμα του background. Τροποποιείται μόνο το στυλ κειμένου και οι αλλαγές εφαρμόζονται αυτόματα σε όλες τις σελίδες που είναι συνδεμένες με το συγκεκριμένο στυλ.

Κάποια προγράμματα όπως το Dremweaver, παρέχουν τα εργαλεία ώστε να φτιάξετε το δικό σας στυλ κειμένου χωρίς να χρειαστεί να γράψετε κώδικα. Υπάρχουν όμως και προγράμματα όπως το Style Master, ή το Astyle, που κάνουν την δημιουργία των στυλ κειμένου πολύ εύκολη. Πολύ περισσότερα για στα στυλ κειμένου θα βρείτε εδώ και εδώ. 

Eeei.gr. Οδηγίες κατασκευής Web σελίδων με την HTML στα ελληνικά.

                                           Πηγή

Επιστροφή στην αρχή