ΜΕΡΟΣ ΔΕΥΤΕΡΟ MS FRONTPAGE Γιάννης Καζανίδης Τεχνολόγος Μηχανολόγος Μηχανικός MSc Πληροφορικής

Μέγεθος: px
Εμφάνιση ξεκινά από τη σελίδα:

Download "ΜΕΡΟΣ ΔΕΥΤΕΡΟ MS FRONTPAGE 2003. Γιάννης Καζανίδης Τεχνολόγος Μηχανολόγος Μηχανικός MSc Πληροφορικής"

Transcript

1 ΜΕΡΟΣ ΔΕΥΤΕΡΟ MS FRONTPAGE 2003 Γιάννης Καζανίδης Τεχνολόγος Μηχανολόγος Μηχανικός MSc Πληροφορικής

2 ΠΙΝΑΚΑΣ ΠΕΡΙΕΧΟΜΕΝΩΝ ΜΕΡΟΣ ΔΕΥΤΕΡΟ...2 MS FRONTPAGE ΙΣΤΟΣΕΛΙΔΕΣ Έννοια και δομή της ιστοσελίδας Περιεχόμενα και στοιχεία ιστοσελίδας Σύνδεσμοι Μέσα για την δημιουργία ιστοσελίδων Η Γλώσσα HTML Η Γλώσσα JAVA Σχεδιασμός και οργάνωση ιστοσελίδων Χρήσιμες συμβουλές για τη δημιουργία ιστοσελίδων Χρώμα - Εικόνες - Ήχος - Βίντεο - Animation ΚΕΦΑΛΑΙΟ ΔΕΥΤΕΡΟ ΕΙΣΑΓΩΓΗ ΣΤΗΝ HTML Γενικά Ετικέτες (Tags) Δομή μίας σελίδας HTML Τίτλος Επικεφαλίδες Παράγραφοι Οι Ετικέτες αναλυτικά ΚΕΦΑΛΑΙΟ ΤΡΙΤΟ ΕΙΣΑΓΩΓΗ ΣΤΟ FRONTPAGE Γενικά Προβολές του FrontPage Προβολή Σελίδας (Page View) Προβολή Καταλόγων (Folders View) Προβολή Πλοήγησης (Navigation View) Προβολή υπερσυνδέσμων (Hyperlinks View) Προβολή διεργασιών (Tasks View) Εργασίες στην Προβολή Πλοήγησης Επεξεργασία του τίτλου μιας σελίδας Εισαγωγή νέας σελίδας Μετακίνηση μιας σελίδας στο Site Διαγραφή μιας σελίδας Ιδιότητες και εισαγωγή διεργασίας σε σελίδες Επεξεργασία περιεχομένου σελίδας Άλλες εργασίες στον Front Page Explorer Ο Επεξεργαστής σελίδων του FrontPage Βασικές εργασίες στον Editor Εισαγωγή κειμένου Μορφοποίηση κειμένου Μορφές από Λίστες Μορφές Μετάβασης σε Σελίδα Εισαγωγή εικόνων Γραμμή εργαλείων Pictures Δημιουργία Image Map Μορφή Φόντου της Σελίδας Εισαγωγή Υπερσυνδέσμων Δημιουργία συνδέσμου προς μια σελίδα Δημιουργία συνδέσμου με χρήση σελιδοδεικτών Πίνακες Δημιουργία ενός πίνακα Προσθήκη γραμμών και στηλών Διαγραφή γραμμών και στηλών Χρήσιμες εργασίες της γραμμής εργαλείων (Table toolbar) και του μενού (Table) Εισαγωγή Web Component... 66

3 3.9.1 Interactive Button Marquees Hit Counter ΚΕΦΑΛΑΙΟ ΤΕΤΑΡΤΟ ΑΣΚΗΣΕΙΣ...70 Άσκηση Άσκηση Άσκηση Άσκηση Άσκηση Άσκηση Άσκηση Άσκηση

4 ΚΕΦΑΛΑΙΟ ΠΡΩΤΟ 1 ΙΣΤΟΣΕΛΙΔΕΣ 1.1 Έννοια και δομή της ιστοσελίδας Ο παγκόσμιος ιστός πήρε την ονομασία του από τον τρόπο σύνδεσης μεταξύ των εξυπηρετητών του. Στο Διαδίκτυο βρίσκονται συνδεδεμένα τα πάντα, δηλαδή οποιοσδήποτε υπολογιστής μπορεί να προσπελαστεί από οποιονδήποτε άλλον είναι συνδεδεμένος στο δίκτυο και μπορεί να ανακτηθεί οποιαδήποτε πληροφορία υπάρχει σ αυτόν. Οι σελίδες που βρίσκονται στον παγκόσμιο ιστό δημιουργούνται στην πλειοψηφία τους με τη χρήση μιας ειδικής γλώσσας μορφοποίησης γνωστής ως HTML (Hyper Text Markup Language). H γλώσσα αυτή είναι απλή στην εκμάθηση των βασικών της στοιχείων και επιτρέπει την ενσωμάτωση στο κείμενο συνδέσμων, γραφικών στοιχείων, πολυμέσων όπως κινούμενων εικόνων, video ή ήχου, καθώς και τη μορφοποίηση του κειμένου (μέγεθος και είδος γραμμάτων, στοίχιση παραγράφων κλπ) ώστε το αποτέλεσμα που προκύπτει να είναι οπτικά, λειτουργικό και ευχάριστο. 1.2 Περιεχόμενα και στοιχεία ιστοσελίδας Μία σελίδα στον ιστό περιέχει επικεφαλίδες, λίστες με κουκίδες και κείμενο, αλλά και τη δυνατότητα να καλεί άλλα μεγαλύτερα αρχεία, όπως εικόνες, γραφήματα, ήχο και βίντεο. Κάθε σελίδα του ιστού παρουσιάζει ένα προϊόν ή μία υπηρεσία και μπορεί να έχει τα παρακάτω στοιχεία: Εναν τίτλο Μία κύρια επικεφαλίδα Ενα κύριο γραφικό Βασικό κείμενο Συνδέσεις με άλλες σελίδες της τοποθεσίας

5 Συνδέσεις με άλλες τοποθεσίες Δυνατότητα αποστολής ηλεκτρονικού ταχυδρομείου από τους επισκέπτες της σελίδας Επιπρόσθετα στοιχεία όπως γραφικά φόντου, εικόνες, κουμπιά, κινούμενες εικόνες, βίντεο και ήχο. Μετρητή επισκέψεων, βιβλίο επισκεπτών και κυλιόμενα μηνύματα στο κάτω μέρος της σελίδας Φόρμες και γραφήματα που εμφανίζουν ενημερωμένα δεδομένα και πίνακες και διευκολύνουν οικονομικές συναλλαγές. Δυνατότητα πολυμέσων όπως προγράμματα ήχου και κίνησης. Εικόνα 1.1 Σελίδα υπερκειμένου

6 1.3 Σύνδεσμοι Κάθε σελίδα που εμφανίζεται στην οθόνη του υπολογιστή μπορεί να προσπελαστεί από άλλες σελίδες που βρίσκονται στον ίδιο ή σε διαφορετικό εξυπηρετητή με αυτόν που φιλοξενεί την αρχική σελίδα. Αυτό συμβαίνει, επειδή οι σελίδες που μεταφέρονται στον υπολογιστή μας δεν αποτελούν απλά κείμενο αλλά υπερκείμενο (hypertext). Σε αυτές τις σελίδες κάποιες λέξεις, προτάσεις ή ακόμα και εικόνες που αποτελούν συνδέσμους, οι οποίοι όταν επιλεγούν (κάνοντας κλικ επάνω τους με το ποντίκι), έχουν ως αποτέλεσμα την παραπομπή σε κάποια άλλη σελίδα μέσα στον παγκόσμιο ιστό. Για να καταλάβει ο χρήστης του ιστού αν κάποιο στοιχείο της σελίδας του αποτελεί σύνδεσμο ή όχι, αρκεί να μετακινήσει τον δείκτη του ποντικιού του πάνω σ αυτό και αν αυτός αλλάξει από βέλος σε χεράκι, τότε αυτό αποτελεί σύνδεσμο και κάνοντας κλικ πάνω του μπορεί να μεταφερθεί σε άλλη σελίδα. Κάποιος σύνδεσμος μπορεί να μην οδηγεί σε άλλη τοποθεσία ή σε άλλη σελίδα της ίδιας τοποθεσίας αλλά σε κάποιο αρχείο (εικόνα, έγγραφο, ήχο, εκτελέσιμο πρόγραμμα) που προσφέρεται από τον κατασκευαστή της σελίδας. 1.4 Μέσα για την δημιουργία ιστοσελίδων Οι γλώσσες που χρησιμοποιούνται για τη δημιουργία ιστοσελίδων είναι η HTML και, πιο πρόσφατα, η Java και η JavaScript. Οι δύο τελευταίες στην πραγματικότητα εμπλουτίζουν τις ιστοσελίδες. Η επικράτηση της χρήσης της HTML από τους χρήστες, οφείλεται στο γεγονός ότι είναι ιδιαίτερα απλή γλώσσα. Σήμερα υπάρχουν ειδικά πακέτα εφαρμογών που επιτρέπουν στους απλούς χρήστες να δημιουργούν ιστοσελίδες σε HTML, χωρίς την εκμάθηση του κώδικά της. Τα γνωστότερα είναι τα παρακάτω: HTML Assistant Pro, Hot Dog, Web Edit, Hot Metal Pro, GNNpress, Microsoft FrontPage Η Γλώσσα HTML Η γλώσσα HTML πήρε το όνομά της από τα αρχικά των λέξεων Hyper Text Markup Language (Γλώσσα Χαρακτηρισμού Υπερκειμένου). Bασίζεται στην SGML (Standard Generalization Markup Language), που είναι ένα μεγαλύτερο σύστημα επεξεργασίας εγγράφων. Η HTML είναι μια γλώσσα χαρακτηρισμού που δίνει στους φυλλομετρητές τη δυνατότητα της ανάγνωσης. Πρόκειται για γλώσσα περιγραφής της δομής ενός εγγράφου

7 και όχι της πραγματικής του παρουσίασης. Είναι με λίγα λόγια, μέθοδος κωδικοποίησης των δεδομένων για μια κατάλληλη παρουσίασή τους στο WWW. Την παρουσίαση αυτή την αναλαμβάνουν οι φυλλομετρητές οι οποίοι βασίζονται στη περιγραφόμενη από την HTML δομή. Για τη δημιουργία ιστοσελίδων με HTML χρησιμοποιούνται απλοί εκδότες (editors) κειμένου, επεξεργαστές κειμένου, ειδικοί εκδότες HTML, οι οποίοι έχουν ενσωματωμένες αρκετές λειτουργίες της HTML και ενσωματωμένοι εκδότες των φυλλομετρητών. 'Ενα έγγραφο γραμμένο στην γλώσσα HTML είναι ένα απλό ASCII κείμενο. Ο χρήστης που γνωρίζει τη γλώσσα χρησιμοποιεί εκδότες κειμένου ή εκδότες HTML. Διαφορετικά χρησιμοποιεί τον ενσωματωμένο εκδότη του φυλλομετρητή. Η δεύτερη επιλογή έχει δύο πλεονεκτήματα για το χρήστη. Αφενός δεν χρειάζεται να γνωρίζει τη γλώσσα HTML, γιατί ο κώδικας παράγεται αυτόματα την ώρα που σχεδιάζεται η ιστοσελίδα και αφετέρου μπορεί να "τρέξει" τη σελίδα στον ίδιο το φυλλομετρητή για να δει το αποτέλεσμα. Στην περίπτωση λοιπόν που κάποιος έχει την ικανότητα και τις γνώσεις στην γλώσσα HTML, μπορεί να κατασκευάσει με έναν απλό κειμενογράφο όμορφες σελίδες για το web. Η γλώσσα HTML παρουσιάζεται αναλυτικότερα σε επόμενο κεφάλαιο Η Γλώσσα JAVA H Java είναι μια αντικειμενοστραφής γλώσσα προγραμματισμού, που απελευθερώνει τους σχεδιαστές ιστοσελίδων από το να δημιουργούν περίπλοκες σελίδες. Λειτουργεί σε περιβάλλον δικτύου και προσφέρει στις ιστοσελίδες δυνατότητες πραγματικής αλληλεπίδρασης με τους χρήστες. Mε την Java μπορούμε να δημιουργήσουμε προγράμματα σύροντας αντικείμενα στην οθόνη αντί να γράφουμε περίπλοκο πρόγραμμα με το χέρι. Μοιάζει με την γλώσσα προγραμματισμού C++, και επιτρέπει στους προγραμματιστές να δημιουργούν μικρά αυτόνομα προγράμματα που μπορούν να εισαχθούν σε μια σελίδα του ιστού. Επίσης μπορούν να δημιουργηθούν φόρμες ή εισαγωγή στοιχείων σε βάσεις δεδομένων, χωρίς να απαιτεί από τον σχεδιαστή της φόρμας τη γνώση προγραμματισμού. Είναι συμβατή από όλους τους σύγχρονους φυλλομετρητές που μπορούν να χρησιμοποιούν μικρά προγράμματα Java (applets) σε οποιασδήποτε σελίδα σχεδιάστηκε με την HTML. Εκτός από τις γλώσσες HTML και JAVA υπάρχουν και άλλα μέσα για την δημιουργία ιστοσελίδων όπως τα προγράμματα Frontpage και FrontPage Express της Microsoft

8 Τα προγράμματα FrontPage και FrontPage Express πρόκειται για προγράμματα επεξεργασίας σελίδων HTML με οπτικό τρόπο. Μάλιστα το FrontPage Express είναι ενσωματωμένο στον Internet Explorer. Χρησιμοποιώντας αυτά τα προγράμματα μπορούμε με τον ίδιο τρόπο που γράφουμε ένα κείμενο και το μορφοποιούμε με κάποιον επεξεργαστή κειμένου μπορούμε να αλλάξουμε τη στοίχιση, τα χρώματα και να προσθέσουμε εικόνες, φόρμες και άλλα στοιχεία. Η δυνατότητα των φυλλομετρητών να λειτουργούν και εκτός σύνδεσης (off-line) με το δίκτυο, είναι πολύ χρήσιμη κατά τη διάρκεια της δημιουργίας και των δοκιμών των ιστοσελίδων. 1.5 Σχεδιασμός και οργάνωση ιστοσελίδων Ο όρος web site αναφέρεται σε ένα σύνολο ιστοσελίδων, οι οποίες είναι ιεραρχικά συνδεδεμένες πάνω σε ένα λογικό ιστό μιας ηλεκτρονικής τοποθεσίας. Ο σχεδιασμός των ιστοσελίδων μιας ηλεκτρονικής τοποθεσίας είναι μια σημαντική εργασία, στην οποία πρέπει να προβεί ο σχεδιαστής, γιατί θα αποτελέσει την πυξίδα πλοήγησής τους. Ο κάθε χρήστης ή συνδρομητής του Internet μπορεί να δημιουργήσει τη δική του ηλεκτρονική τοποθεσία. Η τοποθεσία αυτή τοποθετείται σε έναν εξυπηρετητή (web server) και είναι προσβάσιμη από όλους τους άλλους χρήστες. Το κάθε web site, ενώ δεν λειτουργεί απαραίτητα γραμμικά, πρέπει να δομηθεί με τέτοιο τρόπο ώστε να μην αποπροσανατολίζει τους χρήστες που το επισκέπτονται. Πρέπει να διαθέτει την δυνατότητα επιστροφής στην αρχική σελίδα. Την αφετηρία αποτελεί η αρχική σελίδα (home page), η οποία είναι η είσοδος για την περιήγηση στο web site. Η σελίδα αυτή περιέχει, περιληπτικά συνήθως, τα συνδεμένα δεδομένα στα οποία οδηγεί, είτε σε μορφή πίνακα, γραφικών κλπ. H περιήγηση γίνεται ακολουθώντας τους συνδέσμους (links). Η οργάνωση των ιστοσελίδων ακολουθεί τις γενικές αρχές σχεδιασμού ενός υπερμέσου. Διακρίνονται τρεις διαφορετικοί τρόποι οργάνωσης ιστοσελίδων. Η γραμμική (σειριακή), η ιεραρχική και η δικτυωτή οργάνωση. Στην πράξη, υπάρχουν συνδυασμοί ιεραρχικής και δικτυωτής δομής. Επίσης, το WWW παρέχει τη δυνατότητα να σύνδεσης ιστοσελίδων του

9 χρήστη με ιστοσελίδες που έχουν δημιουργηθεί από άλλους, αρκεί αυτός να γνωρίζει την URL διεύθυνσή τους. Στη γραμμική ή σειριακή οργάνωση οι σύνδεσμοι μεταφέρουν το χρήστη από τη μια σελίδα στην επόμενη με σειριακό τρόπο. Είναι η απλούστερη οργάνωση και χρησιμοποιείται σε ηλεκτρονικές τοποθεσίες των οποίων όλες οι ιστοσελίδες είναι ισοδύναμες. Η οργάνωση αυτή θυμίζει τη διαδικασία κάθετης παραγωγής ενός προϊόντος, το οποίο πρέπει να περάσει από όλα τα στάδια. Εικόνα 1.2 Γραμμική οργάνωση ιστοσελίδων Στην ιεραρχική οργάνωση, οι χρήστες διατρέχουν τη δομή από πάνω, όπου τα δεδομένα είναι γενικότερα και περιληπτικά, προς τα κάτω, όπου η παρουσίαση είναι περισσότερο εξειδικευμένη. Εξ αιτίας των πολλών επιπέδων, οι δημιουργοί πρέπει να είναι πολύ προσεχτικοί στο σχεδιασμό των συνδέσμων ώστε να διασφαλίζεται ο προσανατολισμός του επισκέπτη. Αρχική σελίδα Εικόνα 1.3 Ιεραρχική οργάνωση ιστοσελίδων

10 Στη δικτυωτή οργάνωση, οι χρήστες διατρέχουν τη δομή από πάνω προς τα κάτω αλλά και οριζόντια. Μπορούν συνεπώς να προσπελάσουν απευθείας διαφορετικές σελίδες του ίδιου επιπέδου ή διαφορετικών επιπέδων. Εξ αιτίας των πολλών επιπέδων και της μεγάλης ποικιλίας των δυνατών διαδρομών, οι δημιουργοί πρέπει (όπως και στην ιεραρχική δομή) να είναι πολύ προσεχτικοί στο σχεδιασμό και τη χρήση των συνδέσμων ώστε ο χρήστης να μην αποπροσανατολίζεται. Αρχική σελίδα Εικόνα 1.4 Δικτυωτή οργάνωση ιστοσελίδων Υπάρχουν πολλά εργαλεία λογισμικού για τη δημιουργία των ιστοσελίδων. Ένα από αυτά είναι ο φυλλομετρητής Netscape Communicator που παρέχει, εκτός των άλλων, και τη δυνατότητα δημιουργίας ιστοσελίδων με την εφαρμογή Page Composer. 1.6 Χρήσιμες συμβουλές για τη δημιουργία ιστοσελίδων Τα ερωτήματα και οι προβληματισμοί που πρέπει να τεθούν πριν ξεκινήσει κανείς τη δημιουργία ιστοσελίδων είναι: Ποιος ο σκοπός της δημιουργίας του web-site; Για διαφημιστικούς λόγους της επιχείρησής μας, για λόγους προβολής κάποιου συγκεκριμένου προϊόντος, για προβολή του ίδιου μας τον εαυτού ή μήπως για να κάνουμε εντύπωση σε κάποιους;

11 Ποιο το επιθυμητό ακροατήριο; Θέλουμε η ιστοσελίδα μας να τραβά την προσοχή τυχαίων επισκεπτών ή απευθύνεται σε συγκεκριμένα άτομα; Τι είδος άτομα θέλουμε να είναι οι επισκέπτες της ιστοσελίδας μας; Ποιο το περιεχόμενο των σελίδων; Θέλουμε η σελίδα μας να παρέχει μια πληθώρα πληροφοριών ή απλώς να δίνει μια γεύση των πληροφοριών ή της εικόνας πον κρύβεται στην εταιρεία μας; Τα στοιχεία που πρέπει να προσέξει είναι τα παρακάτω: σωστή οργάνωση των σελίδων καλαισθησία σαφήνεια "ελαφριές" σελίδες (όχι "φόρτωμα" με πολλά γραφικά) εκμετάλλευση ολόκληρου του χώρου της σελίδας οθόνης έλεγχο ορθογραφίας. σωστή επιλογή φόντου και χρωμάτων. σωστές υποδείξεις. συνδέσμους για επιστροφή στην αρχική σελίδα. δοκιμή εμφάνισης ιστοσελίδων σε περισσότερους φυλλομετρητές. επιλογή ανάλυσης οθόνης κατά τη σχεδίαση. Αφού έχουμε αποκτήσει μια σαφή εικόνα τον περιεχομένου και της δομής, που θα έχουν oι ιστοσελiδες μας, θα πρέπει να μεταφέρουμε όλα αυτά τα στοιχεία και τις πληροφορίες σε μορφή, που θα μπορεί να διακινηθεί μέσα στο Internet. Τα βασικότερα στοιχεία που μπορούμε να συμπεριλάβουμε στις webσελίδες μας είναι τα ακόλουθα: Μορφοποιημένο κείμενο Εικόνες και γραφικά

12 Video Σύνδεσμοι προς άλλα έγγραφα Μουσική και ομιλία Διαλογικές φόρμες Πίνακες Εφαρμογές Βάσεων Δεδομένων Χρώμα - Εικόνες - Ήχος - Βίντεο - Animation Το χρώμα είναι ένα στοιχείο που μπορεί να προσδώσει στις σελίδες μια πιο ευχάριστη αισθητικά όψη. Οι εικόνες επίσης είναι απαραίτητο στοιχείο των ιστοσελίδων. Δεν πρέπει όμως να διαφεύγει το γεγονός ότι καταλαμβάνουν πολύ μεγάλο χώρο και αυτό έχει τις συνέπειές του κατά το "φόρτωμα" της σελίδας. Συνιστάται λογική χρήση εικόνων στις ιστοσελίδες. Πρέπει να αποφεύγονται οι μεγάλες διαστάσεις και να χρησιμοποιούνται μορφές εικόνων με καλή συμπίεση, ή, αυτές που δεν διογκώνουν πολύ τα αρχεία τους, π.χ. μορφής JPG και GIF. Ο ήχος συχνά είναι χρήσιμος στις ιστοσελίδες και μπορεί να αξιοποιηθεί σε πολλές περιπτώσεις και μορφές. Τέτοιες μορφές περιλαμβάνουν από την εκτέλεση απλών μουσικών κομματιών μέχρι τη μετάδοση εκπομπών σε πραγματικό χρόνο, από ραδιοφωνικούς σταθμούς συνδεδεμένους στο Internet. Αυτό επιτυγχάνεται με την υποβοήθηση ειδικού λογισμικού, όπως το RealPlayer, το οποίο λειτουργεί ως επιπρόσθετο πρόγραμμα από τους φυλλομετρητές. Ένα αρχείο ήχου wav 2 λεπτών καταλαμβάνει χώρο περίπου 10Mb ενώ ένα αρχείο mid ίδιου χρόνου καταλαμβάνει 20Kb. Αυτός είναι και ο λόγος που τα αρχεία μορφής mid χρησιμοποιούνται πάρα πολύ στο Internet. Το βίντεο είναι το "πιο δύσχρηστο" δεδομένο στο Internet. Τα αρχεία βίντεο, παρά τη συμπίεσή τους, είναι πάρα πολύ μεγάλα σε μέγεθος. Οι μορφές αρχείων βίντεο που χρησιμοποιούνται σήμερα είναι οι MPEG, AVI (Video for Windows της Microsoft), MOV (QuickTime της Apple).

13 Η χρήση κινούμενης εικόνας και κειμένου χρησιμοποιείται συχνά στις ιστοσελίδες. Πρόκειται για αρχεία μορφής GIF animation, τα οποία δεν έχουν μεγάλες απαιτήσεις χώρου και δημιουργούνται από μια πληθώρα ειδικών προγραμμάτων.

14 ΚΕΦΑΛΑΙΟ ΔΕΥΤΕΡΟ 2 ΕΙΣΑΓΩΓΗ ΣΤΗΝ HTML 2.1 Γενικά Οι περισσότερες ιστοσελίδες που βλέπετε στο Internet δημιουργήθηκαν με τη χρήση της γλώσσας υπολογιστών που καλείται HTML (HyperText Markup Language). Για να δημιουργήσετε μια τοποθεσία στο Internet θα χρειαστεί να μάθετε τα βασικά της HTML. Είναι απλή στην εκμάθηση και με λίγη εξάσκηση θα δημιουργήσετε τοποθεσίες στο Internet αρκετά εύκολα. Η HTML δουλεύει με την εισαγωγή ετικετών μέσα σε κείμενο. Έτσι ένα αρχείο HTML μπορεί να γραφεί σε κάποιο συντάκτη κειμένου ή κάποιο πρόγραμμα επεξεργασίας κειμένου όπως το Word ή το Σημειωματάριο. Κάθε ετικέτα περιβάλλεται από γωνιακές αγκύλες (< >). Τα προγράμματα πλοήγησης δουλεύουν διαβάζοντας το κείμενο ενός αρχείου HTML και αποκωδικοποιώντας και εκτελώντας τις εντολές που περιέχονται μέσα στις ετικέτες. Οι ετικέτες καθορίζουν πώς θα γίνεται η εμφάνιση των περιεχομένων της σελίδας. 2.2 Ετικέτες (Tags) Tags λέμε τις ετικέτες που ορίζουν την αρχή και το τέλος μιας λειτουργίας. Περικλείονται σε σύμβολα μικρότερου-μεγαλύτερου: <ετικέτα>. Όταν το tag κλείνει, περιλαμβάνει επιπλέον και μια κάθετο: </ετικέτα>. Αυτό είναι όλο... Για παράδειγμα, η παρακάτω σειρά λέει στον φυλλομετρητή να εμφανίζει με έντονα γράμματα (b=bold) τη λέξη 'έντονα' και με πλάγια (i=italics) τη λέξη 'πλάγια': Η γραφή αυτή είναι με κανονικά γράμματα. Μπορώ να έχω <b>έντονα</b> ή και <i>πλάγια</i> Το αποτέλεσμα θα είναι το εξής: Η γραφή αυτή είναι με κανονικά γράμματα. Μπορώ να έχω έντονα ή και πλάγια

15 Τα tags μπορούν να περικλείουν άλλα, δεν πρέπει όμως να μπαίνουν διασταυρωμένα. Π.χ. Η δομή τύπου όπου τα τριάρια περικλείουν τα δυάρια και αυτά με τη σειρά τους τούς άσσους είναι σωστή, όχι όμως και η αυτή: όπου τα ζεύγη μπερδεύονται. Χρησιμοποιώντας τα πιο πάνω tags μαζί με αυτό που ορίζει την υπογράμμιση (u=underlined) μπορούμε να έχουμε συνδυασμούς όπως: Μπορώ να έχω <i><b>έντονα και πλάγια μαζί</b></i> ή <u><i>πλάγια και υπογραμμισμένα</i></u>. Μας δίνει: Μπορώ να έχω έντονα και πλάγια μαζί ή πλάγια και υπογραμμισμένα. 2.3 Δομή μίας σελίδας HTML Το πρόγραμμα που ακολουθεί αποτελεί ένα πολύ απλό παράδειγμα χρήσης της γλώσσας HTML και γράφτηκε με τη βοήθεια ενός διορθωτή κειμένου. <HTML> <HEAD> <TITLE> Ο Τίτλος μιας σελίδας HTML </TITLE> </HEAD> <BODY> </BODY> </HTML> <H1> Αυτή είναι μια σελίδα HTML </Hl> Όπως παρατηρούμε, η HTML έχει τρεις ετικέτες που χρησιμεύουν για να περιγράψουν τη συνολική δομή μιας σελίδας, ενώ ταυτόχρονα παρέχουν κάποια πληροφοριακά στοιχεία για

16 την σελίδα, όπως είναι ο τίτλος της, ο συγγραφέας της σελίδας κτλ. Οι ετικέτες αυτές είναι οι ακόλουθες: <HTML> Η ετικέτα < HTML> είναι η πρώτη ετικέτα που υπάρχει σε κάθε κώδικα HTML. Πληροφορεί ότι το περιεχόμενο του αρχείου είναι γραμμένο σε γλώσσα HTML. Όλο το κείμενο, καθώς και οι ετικέτες που βρίσκονται σε κάθε σελίδα HTML, θα πρέπει να βρίσκονται εντός της ετικέτας <HTML> ως εξής: <HTML>... το περιεχόμενο της σελίδας </HTML> <HEAD> Η ετικέτα <HEAD> είναι αμφίπλευρη. Πρόκειται για τον πρόλογο της σελίδας και προσδιορίζει το περιεχόμενο της. Υπάρχουν συγκεκριμένες ετικέτες HTML, όπως είναι για παράδειγμα η <TITLE >, που περιέχονται στην ετικέτα < HEAD> μιας σελίδας. Εκτός από τις συγκεκριμένες αυτές ετικέτες καμία άλλη ετικέτα δεν επιτρέπεται να εισάγεται μέσα στο πεδίο της <HEAD>. Ένα παράδειγμα που δείχνει τη χρήση της ετικέτας αυτής είναι το ακόλουθο: <HTML> <HEAD> </HEAD>. </HTML> <TITLE> Αυτός είναι τίτλος </TITLE> <BODY> To κυρίως σώμα μιας σελίδας HTML, το οποίο περιλαμβάνει το κείμενο, τους συνδέσμους με άλλες σελίδες, τις εικόνες κτλ., βρίσκεται εντός μιας αμφίπλευρης ετικέτας που λέγεται <BODY>. Επομένως, σε συνδυασμό και με τις άλλες ετικέτες, η σελίδα παίρνει την ακόλουθη μορφή: <HTML> <HEAD> <TITLE> Αυτός είναι τίτλος </TITLE> </HEAD> <BODY>

17 </BODY> </HTML> Κάθε ετικέτα HTML είναι εμφωλιασμένη (nested). Αυτό σημαίνει ότι ή ετικέτα <BODY> περιλαμβάνεται εντός της ετικέτας <HTML>. To ίδιο συμβαίνει και με την ετικέτα <HEAD>. Όλες οι HTML ετικέτες τοποθετούνται με ανάλογο τρόπο δίνοντας μορφή και συγκεκριμένα χαρακτηριστικά ή ιδιότητες στα κείμενα που περικλείουν Τίτλος Κάθε σελίδα HMTL χρειάζεται έναν τίτλο που να αντιστοιχεί στο περιεχόμενο της. Ο τίτλος χρησιμοποιείται από τους σελιδοδείκτες (bookmarks) του φυλλομετρητή, καθώς και από άλλα προγράμματα που κατασκευάζουν καταλόγους με σελίδες από τον Παγκόσμιο Ιστό. Για να δοθεί τίτλος σε μια σελίδα, θα πρέπει να χρησιμοποιηθεί η ετικέτα <TITLE>. Η ετικέτα <TITLE> είναι αμφίπλευρη και περιλαμβάνεται πάντα εντός της ετικέτας <HEAD>, όπως φαίνεται και στο ακόλουθο παράδειγμα: <HTML> <HEAD> <TITLE> Πληροφορική Ι </TITLE> </HEAD> <BODY> </BODY> </HTML> Σε κάθε σελίδα μπορεί να υπάρχει ένας μόνο τίτλος, και αυτός μπορεί να περιέχει μόνο απλό κείμενο, δηλαδή δεν μπορούν να εισάγονται άλλες ετικέτες μέσα στην ετικέτα <TITLE>. Όταν καλούμε μια σελίδα, ο τίτλος της σελίδας εμφανίζεται στον τίτλο του παραθύρου του φυλλομετρητή. Επίσης ο τίτλος προτείνεται για καταχώρηση στην προθήκη των αγαπημένων του φυλλομετρητη.

18 2.3.2 Επικεφαλίδες Οι επικεφαλίδες (Headings) χρησιμοποιούνται, για να δώσουν σε τμήματα κειμένου ένα ξεχωριστό στιλ. Η HTML παρέχει έξι επίπεδα από επικεφαλίδες, οι οποίες συντάσσονται με τον παρακάτω τρόπο : <Η1> Αυτό είναι το πρώτο επίπεδο επικεφαλίδας </Η1> <Η2> Αυτό είναι το δεύτερο επίπεδο επικεφαλίδας </Η2> <Η3> Αυτό είναι το τρίτο επίπεδο επικεφαλίδας </Η3> <Η4> Αυτό είναι το τέταρτο επίπεδο επικεφαλίδας </Η4> <Η5> Αυτό είναι το πέμπτο επίπεδο επικεφαλίδας </Η5> <Η6> Αυτό είναι το έκτο επίπεδο επικεφαλίδας </Η6> Το αποτέλεσμα των παραπάνω γραμμών κώδικα θα είναι αυτό : Οι αριθμοί των ετικετών (από Η1 μέχρι Η6) υποδηλώνουν το επίπεδο της επικεφαλί-δας. Οι επικεφαλίδες, όταν εμφανίζονται σε ένα φυλλομετρητή, έχουν ως αποτέλε-σμα να αποκτά το δικό του στιλ το κείμενο το οποίο περικλείουν. Αυτό σημαίνει ότι το κείμενο που περικλείεται έχει συγκεκριμένη γραμματοσειρά και ορισμένο μέγεθος, είναι πιθανώς κεντραρισμένο ή υπογραμμισμένο κτλ. Στο παράδειγμα που ακολουθεί τα κενά των εσοχών που εμφανίζονται από αριστερά στο κείμενο κάποιων επικεφαλί-δων θα αγνοηθούν, όταν αυτές θα εμφανιστούν μέσω κάποιου φυλλομετρητή. Αυτό συμβαίνει διότι οι ετικέτες περιλαμβάνουν

19 και την παράμετρο ALIGN, η οποία δίνει τη δυνατότητα για στοίχιση. Χαρακτηριστικά είναι τα παραδείγματα που ακολουθούν: Παράδειγμα ΙΙ <H1 ALIGN=CENTER> η επικεφαλίδα αυτή θα έχει κεντρική στοίχιση </H1> <H1 ALIGN = LEFT> η επικεφαλίδα αυτή θα έχει αριστερή στοίχιση </H1> <H1 ALIGN = RIGHT> η επικεφαλίδα αυτή θα έχει δεξιά στοίχιση </H1> Αποτέλεσμα: Παράδειγμα ΙΙΙ <html> <Head><title> HI... H6 </title></head> <body> <H1> Θεματικά Αντικείμενα στο Διαδίκτυο</H1 > <H2> Περιήγηση</H2 > <H2 > Ηλεκτρονικό Ταχυδρομείο( ) </H2 > <H2> Εισαγωγή στην HTML</H2> <H3 > Γενικά </H3 > <H3>Βασικές ετικέτες </H 3 > <H4>Η ετικέτα HTML</H4> <H4> Η ετικέτα BODY</H4> <H4>Η ετικέτα HEAD </H4> <H4>Η ετικέτα TITLE </H4> <H3> Προχωρημένες ετικέτες </H3> </body> </html>

20 Αποτέλεσμα Παράγραφοι Στις πρώτες εκδόσεις της γλώσσας HTML είχαμε τη χρήση της ετικέτας <Ρ>, προκειμένου να γίνεται διαχωρισμός των παραγράφων. Η ετικέτα αυτή ήταν μονόπλευρη, δηλαδή δεν υπήρχε το τελικό τμήμα </Ρ>. Όμως, στις πρόσφατες εκδόσεις η ετικέτα παρουσιάζεται ως αμφίπλευρη. Δηλαδή, είναι δυνατή η ύπαρξη του </Ρ> ως προαιρετικού τμήματος. Η ετικέτα <Ρ> εισάγει μια καινούρια γραμμή, γι' αυτό και χρησιμοποιείται από πολλούς, προκειμένου να εξασφαλίζεται κάποια απόσταση μεταξύ των παραγράφων. Αν θέλετε να βάλετε περισσότερες από μία ετικέτες σε ένα κείμενο, τότε η σωστή μορφοποίηση απαιτεί η ετικέτα που ανοίγει πρώτη να κλείνει τελευταία. Για παράδειγμα: <TAG1><TAG2> το κείμενο σας </TAG2></TAG 1> Δεν έχει σημασία πως μορφοποιείται το κείμενο στο διορθωτή. Ο φυλλομετρητής αγνοεί τη μορφοποίηση του διορθωτή και λαμβάνει υπόψη του μόνο τις ετικέτες. Ακολουθούν μερικά παραδείγματα:

21 Παράδειγμα ΙV <P ALIGN=CENTER> η παράγραφος αυτή θα κεντραριστεί </P> <P ALIGN = LEFT> η παράγραφος αυτή θα έχει αριστερή στοίχιση </P> <P ALIGN = RIGHT> η παράγραφος αυτή θα έχει δεξιά στοίχιση </P> Αποτέλεσμα Παράδειγμα V <html> <head><title>p</title></head> <body> <h2> <P> URL σημαίνει Uniform Resource Locator-Ενιαία θέση Πόρου. Περιγρά φει με ακρίβεια το σημείο όπου βρίσκονται οι πληροφορίες. Εάν δώσετε ένα URL σε ένα φίλο που μένει στη διπλανή πόρτα ή σε έναν φίλο που μένει στην Αμερική, θα μπορέσουν και οι δυο να έχουν πρό σβαση στις ίδιες πληροφορίες στις οποίες έχετε πρόσβαση και εσείς με το ίδιο URL. </P> <P> Ο υπολογιστής σας δεν μπορεί να κολλήσει ιό κάνοντας απλώς κλικ σε μια σελίδα του WEB ακόμα κι αν αυτή έχει εικόνες, ήχο ή τρισδιάστατα αρχεία. Πρέπει όμως να προβληματιστείτε σχετι κά με την τοποθεσία από όπου μεταφέρετε προ γράμματα. </P> </h2> </body> </html>

22 Αποτέλεσμα: Κλείνοντας αυτή την ενότητα ας δούμε τη δομή μιας απλής σελίδας. Πρέπει να σημειωθεί πως τα tags παρουσιάζονται με τις κατάλληλες εσοχές γραμμής ώστε να φαίνεται που ανοίγει και που κλείνει το καθένα. Μπορείτε να γράψετε τον κώδικα στο σημειωματάριο, να αποθηκεύστε τον κάπου στο δίσκο σας με όνομα test.html και μετά να κάνετε διπλό κλικ στο αρχείο ώστε να το δείτε με τον φυλλομετρητή σας: <html> <head> <title>η πρώτη μου σελίδα</title> </head> <body> Μπορώ να έχω <i><b>έντονα και πλάγια μαζί</b></i> ή <u><i>πλάγια και υπογραμμισμένα</i></u>. </body> </html>

23 2.4 Οι Ετικέτες αναλυτικά Ακολουθούν συγκεντρωμένα οι περισσότερες από τις διαθέσιμες ετικέτες. Σε κάθε γραμμή θα βρείτε τα εξής: Στην πρώτη στήλη (όπου υπάρχει) αναγράφεται το πεδίο εφαρμογής της εντολής. Το 4.0 σημαίνει πως το tag λειτουργεί σε φυλλομετρητές έκδοσης 4 και μετά. Το NS και τα Ν1 κλπ σημαίνουν πως λειτουργεί μόνον σε NetScape. To ΜS σημαίνει πως λειτουργεί μόνον σε Microsoft Internet Explorer. Όπου δεν αναγράφεται τίποτε, το tag έχει γενική εφαρμογή. Στη δεύτερη στήλη και με έντονη γραφή, υπάρχει η περιγραφή του tag, Στην τρίτη, η σύνταξή του. Στην τέταρτη εμφανίζονται τυχόν σχόλια και διευκρινήσεις. Κάποιες αναγκαίες επεξηγήσεις: Το σύμβολο? δηλώνει αριθμό Τα σύμβολα $ και * δηλώνουν κάποιον αλφαριθμητικό χαρακτήρα (γράμμα) Τύπος εγγράφου <HTML></HTML> Τίτλος Επιφυλλίδα <TITLE></TITLE> <HEAD></HEAD> ΒΑΣΙΚΑ ΣΤΟΙΧΕΙΑ Ορίζει την αρχή και το τέλος Εμφανίζεται στη μπλε μπάρα του φυλλομετρητή. Πρέπει να βρίσκεται στην επιφυλλίδα Εδώ μπαίνει ο τίτλος, περιγραφή της σελίδας, τα styles και η java Bασικός Κορμός <BODY></BODY> το κύριο υλικό της σελίδας ΜΟΡΦΟΠΟΙΗΣΗ ΚΕΙΜΕΝΟΥ Έντονη γραφή <B></B> Δοκιμή Πλάγια γραφή <I></I> Δοκιμή 4.0 Υπογράμμιση <U></U> Δοκιμή Διαγραφή <STRIKE></STRIKE> Δοκιμή 4.0 Διαγραφή <S></S> Δοκιμή Εκθέτης <SUP></SUP> Βάση Δοκιμή Δείκτης <SUB></SUB> Βάση Δοκιμή Γραφομηχανή <TT></TT> Δοκιμή Προμορφοποιημένο Πλάτος προμορφοποιημένου <PRE></PRE> <PRE WIDTH=?></PRE> Εμφανίζει τα κενά διαστήματα όπως έχουν γραφεί Σε χαρακτήρες

24 Στοίχιση στο κέντρο <CENTER></CENTER> Στη θέση του χρησιμοποιείται πλέον το <DIV ALIGN="CENTER"></DIV> N1 Αναβοσβήσιμο <BLINK></BLINK> Δοκιμή Μέγεθος γραμμάτων <FONT SIZE=?></FONT> Με τιμές από 1 ως και 7 Αλλαγή μεγέθους γραμμάτων Χρώμα γραμμάτων 4.0 Επιλογή γραμματοσειράς N4 Επιλογή μεγέθους N4 Βάρος γραμμάτων 4.0 Βασικό μέγεθος γραμμάτων MS Κινούμενο κείμενο <FONT SIZE="+ -?"></FONT> <FONT COLOR="#$$$$$$"></FONT> <FONT FACE="***"></FONT> <FONT POINT-SIZE=?></FONT> <FONT WEIGHT=?></FONT> <BASEFONT SIZE=?> <MARQUEE></MARQUEE> Το χρώμα ορίζεται με τρεις (διψήφιους) δεκαεξαδικούς αριθμούς Με τιμές από 1 ως και 7 και προεπιλογή το 3. Ισχύει για όλη τη σελίδα. ΔΙΑΧΩΡΙΣΤΕΣ N Παράγραφος Στοίχιση παραγράφου Πλήρης στοίχιση παραγράφου Αλλαγή σειράς <P></P> <P ALIGN=LEFT CENTER RIGHT></P> <P ALIGN=JUSTIFY></P> <BR> Χωρίς αναδίπλωση <BR CLEAR=LEFT RIGHT ALL> Οριζόντια γραμμή <HR> Στοίχιση γραμμής <HR ALIGN=LEFT RIGHT CENTER> Δεν είναι απαραίτητο το κλείσιμο του tag N1 Πάχος γραμμής <HR SIZE=?> Σε pixels Πλάτος γραμμής <HR WIDTH=?> Σε pixels Πλάτος γραμμής <HR WIDTH="%"> Ως ποσοστό του πλάτους σελίδας Συμπαγής γραμμή <HR NOSHADE> Δίχως την τρισδιάστατη όψη Χωρίς αλλαγές σειράς N1 Αλλαγή γραμμής <NOBR></NOBR> <WBR> Επαναλαμβανόμενη εικόνα φόντου MS Υδατογράφημα ΦΟΝΤΟ ΚΑΙ ΧΡΩΜΑΤΑ <BODY BACKGROUND="URL"> <BODY BGPROPERTIES="FIXED"> Χρώμα φόντου <BODY BGCOLOR="#$$$$$$"> (order is red/green/blue) Βασικό χρώμα κειμένου <BODY TEXT="#$$$$$$"> Χρώμα συνδέσμων <BODY LINK="#$$$$$$"> Χρώμα συνδέσμων που έχουμε <BODY VLINK="#$$$$$$">

25 επισκεφτεί Ενεργός σύνδεσμος <BODY ALINK="#$$$$$$"> N, MS N1 N1 Συνδεσμοςπαραπομπή σε διεύθυνση Παραπομπή σε σημείο εγγράφου Παράθυρο όπου θα ανοίξει ο σύνδεσμος Ενέργεια με το κλικ Ενέργεια όταν περάσει το ποντίκι από πάνω Ενέργεια όταν φύγει το ποντίκι από πάνω Σύνδεσμος για αποστολή Καθορισμός τίτλου για Ορισμός θέσης για σύνδεσμο Εμφάνιση εικόνας Στοίχιση εικόνας Στοίχιση εικόνας σε σχέση με το κείμενο Εναλλακτικό κείμενο αντί της εικόνας ΣΥΝΔΕΣΜΟΙ, ΓΡΑΦΙΚΑ ΚΑΙ ΗΧΟΣ <A HREF="URL"></A> <A HREF="URL#***"></A> <A HREF="#***"></A> <A HREF="URL" TARGET="***"></A> Αν πρόκειται για άλλο έγγραφο Αν πρόκειται για το τρέχον έγγραφο <A HREF="URL" ONCLICK="***"></A> Javascript <A HREF="URL" ONMOUSEOVER="***"></A> Javascript <A HREF="URL" ONMOUSEOUT="***"></A> Javascript <A <A <A NAME="***"></A> Πρέπει να μπει? πριν από τη λέξη SUBJECT Για χρήση με την Παραπομπή (βλέπε παραπάνω) <IMG SRC="URL"> <IMG SRC="URL" ALIGN=TOP BOTTOM MIDDLE LEFT RIGHT> <IMG SRC="URL" ALIGN=TEXTTOP ABSMIDDLE BASELINE ABSBOTTOM> <IMG SRC="URL" ALT="***"> <IMG SRC="URL" WIDTH=? HEIGHT=?> Διαστάσεις εικόνας <IMG SRC="URL" WIDTH=% HEIGHT=%> Αν η εικόνα δεν εμφανιστεί Σε pixels Πλαίσιο εικόνας <IMG SRC="URL" BORDER=?> Σε pixels Κενός χώρος γύρω από την εικόνα Εναλλακτική εικόνα χαμηλής ανάλυσης Χάρτης εικόνας με συνδέσμους MS Video Clip MS Ήχος Χάρτης εικόνας χρήστη Τμήμα χάρτη <IMG SRC="URL" HSPACE=? VSPACE=?> <IMG SRC="URL" LOWSRC="URL"> <IMG SRC="URL" ISMAP> <IMG SRC="URL" USEMAP="URL"> <IMG DYNSRC="***" START="***" LOOP=?> <BGSOUND SRC="***" LOOP=? INFINITE> <MAP NAME="***"></MAP> Ως ποσοστό των διαστάσεων της σελίδας Σε pixels Συνήθως ασπρόμαυρη. Εμφανίζεται πρώτη και επικαλύπτεται από την κανονική. Απαιτεί script Περιγραφή χάρτη <AREA SHAPE="DEFAULT RECT CIRCLE POLY" COORDS=",,,"

26 N1 Ανανέωση περιεχομένου ή μεταπήδηση σε άλλη σελίδα N2 Ενσωματωμένο αντικείμενο N2 Μέγεθος αντικειμένου HREF="URL" NOHREF> <META HTTP-EQUIV="Refresh" CONTENT="χρόνος σε δευτερόλεπτα; URL=ονομασία σελίδας"> Μπαίνει μεταξύ <head> και </head>. Π.χ. <meta httpequiv="refresh" content="10;url=index.html"> <EMBED SRC="URL"> <EMBED SRC="URL" WIDTH=? HEIGHT=?> 4.0 Αντικείμενο <OBJECT></OBJECT> 4.0 Παράμετροι <PARAM> Π.χ. κάποιο flash animation Ορισμός πίνακα <TABLE></TABLE> ΠΙΝΑΚΕΣ 4.0 Στοίχιση πίνακα <TABLE ALIGN=LEFT RIGHT CENTER> Περίγραμμα πίνακα Περίγραμμα πίνακα Απόσταση (διάκενο) κελιών Εσωτερικό περιθώριο κελιών <TABLE BORDER></TABLE> <TABLE BORDER=?></TABLE> <TABLE CELLSPACING=?> <TABLE CELLPADDING=?> Υπαρκτό ή μη Oρισμός πάχους Επιθυμητό πλάτος <TABLE WIDTH=?> Σε pixels Ποσοστό πλάτους <TABLE WIDTH=%> Ποσοστό επί του πλάτους της σελίδας 4.0 Χρώμα πίνακα <TABLE BGCOLOR="$$$$$$"></TABLE> 4.0 Πλαίσιο πίνακα <TABLE FRAME=VOID ABOVE BELOW HSIDES LHS RHS VSIDES BOX BORDER></TABLE> 4.0 Χάρακας πίνακα <TABLE RULES=NONE GROUPS ROWS COLS ALL></TABLE> MS Χρώμα περιγράμματος MS Σκούρο περίγραμμα MS Ανοιχτόχρωμο περίγραμμα 4.0 N3 Σειρά πίνακα Στοίχιση σειράς πίνακα Κελί πίνακα Στοίχιση κελιού Κείμενο κελιού χωρίς αναδίπλωση Επέκταση σε στήλες Επέκταση σε σειρές Επιθυμητό πλάτος κελιού Πλάτος κελιού σε ποσοστό <TABLE BORDERCOLOR="$$$$$$"></TABLE> <TABLE BORDERCOLORDARK="$$$$$$"></TABLE> <TABLE BORDERCOLORLIGHT="$$$$$$"></TABLE> <TR></TR> <TR ALIGN=LEFT RIGHT CENTER MIDDLE BOTTOM> <TD></TD> Πρέπει να εμπεριέχεται σε ορισμό σειράς <TD ALIGN=LEFT RIGHT CENTER VALIGN=TOP MIDDLE BOTTOM> <TD NOWRAP> <TD COLSPAN=?> <TD ROWSPAN=?> <TD WIDTH=?> <TD WIDTH="%"> Σε pixels Επί του πλάτους του πίνακα

27 4.0 Χρώμα κελιού <TD BGCOLOR="#$$$$$$"> 4.0 N3 4.0 Επικεφαλλίδα στήλης Στοίχιση επικεφαλλίδας Επικεφαλίδα δίχως αναδίπλωση Επέκταση επικεφαλλίδας σε στήλες Επέκταση επικεφαλλίδας σε σειρές Επιθυμητό πλάτος επικεφαλλίδας Πλάτος σε ποσοστό Χρώμα κελιού επικεφαλλίδας <TH></TH> <TH ALIGN=LEFT RIGHT CENTER MIDDLE BOTTOM> <TH NOWRAP> <TH COLSPAN=?> <TH ROWSPAN=?> <TH WIDTH=?> <TH WIDTH="%"> 4.0 Σώμα πίνακα <TBODY> 4.0 Υποφυλλίδα πίνακα <TH BGCOLOR="#$$$$$$"> <TFOOT></TFOOT> 4.0 Επιφυλλίδα πίνακα <THEAD></THEAD> Επεξήγηση πίνακα <CAPTION></CAPTION> Στοίχιση επεξήγησης <CAPTION ALIGN=TOP BOTTOM LEFT RIGHT> 4.0 Στήλη <COL></COL> 4.0 Επέκταση στηλών <COL SPAN=?></COL> 4.0 Πλάτος στήλης <COL WIDTH=?></COL> 4.0 Πλάτος στήλης σε ποσοστό <COL WIDTH="%"></COL> 4.0 Ομάδα στηλών <COLGROUP></COLGROUP> 4.0 Επέκταση ομάδας στηλών <COLGROUP SPAN=?></COLGROUP> 4.0 Πλάτος ομάδας <COLGROUP WIDTH=?></COLGROUP> 4.0 Πλάτος ομάδας σε ποσοστό <COLGROUP WIDTH="%"></COLGROUP> Έντονα και με στοίχιση στο κέντρο Σε pixels Επί του πλάτους του πίνακα Προηγείται του THEAD> Απλή λίστα Συμπαγής λίστα <UL><LI></UL> <UL COMPACT></UL> ΛΙΣΤΕΣ To <LI> μπαίνει μπροστά από κάθε σειρά Τύπος κουκίδας <UL TYPE=DISC CIRCLE SQUARE> Για όλη τη λίστα Τύπος κουκίδας <LI TYPE=DISC CIRCLE SQUARE> Για τη σειρά και τις επόμενες Αριθμημένη λίστα Συμπαγής αριθμημένη λίστα <OL><LI></OL> <OL COMPACT></OL> Μορφή αρίθμησης <OL TYPE=A a I i 1> Μορφή αρίθμησης <LI TYPE=A a I i 1> Αριθμός έναρξης αρίθμησης <OL START=?> To <LI> μπαίνει μπροστά από κάθε σειρά Για όλη τη λίστα Για τη σειρά και τις επόμενες Για όλη τη λίστα

28 Αριθμός έναρξης αρίθμησης Λίστα επεξηγήσεων Συμπαγής λίστα επεξηγήσεων <LI VALUE=?> <DL><DT><DD></DL> <DL COMPACT></DL> Για τη σειρά και τις επόμενες (<DT>=όρος, <DD>=επεξήγηση) Λίστα επιλογών <MENU><LI></MENU> Πριν από κάθε σειρά Συμπαγής λίστα επιλογών Λίστα περιεχομένων Συμπαγής λίστα περιεχομένων <MENU COMPACT></MENU> <DIR><LI></DIR> <DIR COMPACT></DIR> Πριν από κάθε σειρά Ορισμός φόρμας 4.0 'Ανέβασμα' αρχείου Πεδίο εισαγωγής δεδομένων Όνομα πεδίου Τιμή πεδίου Τσεκαρισμα ΦΟΡΜΕΣ <FORM ACTION="URL" METHOD=GET POST></FORM> <FORM ENCTYPE="multipart/form-data"></FORM> <INPUT TYPE="TEXT PASSWORD CHECKBOX RADIO FILE BUTTON IMAGE HIDDEN SUBMIT RESET"> <INPUT NAME="***"> <INPUT VALUE="***"> <INPUT CHECKED> Για τετράγωνα και κυκλικά πεδία τσεκαρίσματος Μέγεθος πεδίου <INPUT SIZE=?> Σε χαρακτήρες Μέγιστο μέγεθος <INPUT MAXLENGTH=?> Σε χαρακτήρες 4.0 Κουμπί <BUTTON></BUTTON> 4.0 Όνομα κουμπιού <BUTTON NAME="***"></BUTTON> 4.0 Τύπος κουμπιού <BUTTON TYPE="SUBMIT RESET BUTTON"></BUTTON> 4.0 Προεπιλεγμένη τιμή <BUTTON VALUE="***"></BUTTON> 4.0 Ετικέτα <LABEL></LABEL> 4.0 Ετικέτα επιλοής <LABEL FOR="***"></LABEL> Λίστα επιλογής <SELECT></SELECT> Όνομα λίστας <SELECT NAME="***"></SELECT> Αριθμός επιλογών <SELECT SIZE=?></SELECT> Πολλαπλή επιλογή <SELECT MULTIPLE> Επιλογή Προεπιλογή Τιμή επιλογής 4.0 Ομαδοποίηση επιλογών Μέγεθος πεδίου εισαγωγής κειμένου Ονομασία πεδίου εισαγωγής κειμένου <OPTION> <OPTION SELECTED> <OPTION VALUE="***"> <OPTGROUP LABEL="***"></OPTGROUP> <TEXTAREA ROWS=? COLS=?></TEXTAREA> <TEXTAREA NAME="***"></TEXTAREA> Για περισσότερες από μία επιλογές Διαθέσιμα στοιχεία προς επιλογή

29 N2 Αναδίπλωση κειμένου <TEXTAREA WRAP=OFF HARD SOFT></TEXTAREA> 4.0 Μέλη ομάδας <FIELDSET></FIELDSET> 4.0 Υπόμνημα <LEGEND></LEGEND> 4.0 Στοίχιση υπομνήματος <LEGEND ALIGN="TOP BOTTOM LEFT RIGHT"></LEGEND> Επικεφαλλίδα Στοίχιση επικεφαλλίδας Yποδιαίρεση κειμένου Στοίχιση υποδιαίρεσης 4.0 Καθορισμένο περιεχόμενο Παράθεση σημείωσης <H?></H?> ΟΡΙΣΜΟΣ ΔΟΜΗΣ <H? ALIGN=LEFT CENTER RIGHT></H?> <DIV></DIV> <DIV ALIGN=LEFT RIGHT CENTER JUSTIFY></DIV> <SPAN></SPAN> <BLOCKQUOTE></BLOCKQUOTE> Δέχεται 6 ορισμούς: H1 ως και H6 Συνήθως με εσοχή παραγράφου 4.0 Σημείωση <Q></Q> Για σύντομες σημειώσεις Έμφαση Έντονη έμφαση Κώδικας Δείγμα Είσοδος από πληκτρολόγιο Μεταβλητή <EM></EM> <STRONG></STRONG> <CODE></CODE> <SAMP></SAMP> <KBD></KBD> <VAR></VAR> Συνήθως εμφανίζει πλάγια (italics) γράμματα Συνήθως εμφανίζει έντονα (bold) γράμματα Για παράθεση γραμμών κώδικα Ορισμός <DFN></DFN> Δε χρησιμοποιείται ευρέως Διεύθυνση συγγραφέα Μεγάλα γράμματα Μικρά γράμματα <ADDRESS></ADDRESS> <BIG></BIG> <SMALL></SMALL> 4.0 Παρεμβολή <INS></INS> 4.0 Ώρα αλλαγής <INS DATETIME=":::"></INS> 4.0 Σχόλια <INS CITE="URL"></INS> 4.0 Διαγραφή <DEL></DEL> 4.0 Ώρα διαγραφής <DEL DATETIME=":::"></DEL> 4.0 Σχόλια διαγραφής <DEL CITE="URL"></DEL> 4.0 Αρκτικόλεξο <ACRONYM></ACRONYM> 4.0 Σύντμηση <ABBR></ABBR> Σημειώνει τις προσθήκες σε νέα έκδοση Σημειώνει τις διαγραφές σε νέα έκδοση

30 ΠΛΑΙΣΙΑ (Frames) 4.0 Σελίδα με πλαίσια <FRAMESET></FRAMESET> Αντί του <BODY> 4.0 Ύψος σειρών <FRAMESET ROWS=,,,></FRAMESET> Σε pixels ή %) 4.0 Ύψος σειρών <FRAMESET ROWS=*></FRAMESET> * = Σχετικό μέγεθος. Συνήθως όσο περισσεύει. 4.0 Πλάτος στηλών <FRAMESET COLS=,,,></FRAMESET> (pixels or %) 4.0 Πλάτος στηλών <FRAMESET COLS=*></FRAMESET> 4.0 Περίγραμμα <FRAMESET FRAMEBORDER="yes no"></frameset> 4.0 Πλάτος περιγράμματος 4.0 Χρώμα περιγράμματος N3 Απόσταση (διάκενο) πλαισίων 4.0 Ορισμός πλαισίου <FRAME> 4.0 Έγγραφο που θα εμφανιστεί <FRAMESET BORDER=?></FRAMESET> * = Σχετικό μέγεθος. Συνήθως όσο περισσεύει. <FRAMESET BORDERCOLOR="#$$$$$$"></FRAMESET> <FRAMESET FRAMESPACING=?></FRAMESET> <FRAME SRC="URL"> Περιεχόμενα μεμονωμένου πλαισίου 4.0 Όνομα πλαισίου <FRAME NAME="***" _blank _self _parent _top> 4.0 Πλάτος περιθωρίου <FRAME MARGINWIDTH=?> Αριστερά και δεξιά 4.0 Ύψος περιθωρίου <FRAME MARGINHEIGHT=?> Πάνω και κάτω 4.0 Εμφάνιση μπάρας κύλισης <FRAME SCROLLING="YES NO AUTO"> 4.0 Σταθερό μέγεθος <FRAME NORESIZE> 4.0 Περίγραμμα πλαισίου 4.0 Χρώμα περιγράμματος 4.0 Περιεχόμενο εκτός πλαισίων <FRAME FRAMEBORDER="yes no"> <FRAME BORDERCOLOR="#$$$$$$"> <NOFRAMES></NOFRAMES> 4.0 Εσωτερικό πλαίσιο <IFRAME></IFRAME> 4.0 Διαστάσεις 4.0 Διαστάσεις <IFRAME WIDTH=? HEIGHT=?></IFRAME> <IFRAME WIDTH="%" HEIGHT="%"></IFRAME> για φυλλομετρητές που δεν υποστηρίζουν πλαίσια Όμοιες παράμετροι με το FRAME

31 N3 Πολλές στήλες N3 Απόσταση (διάκενο) στηλών N3 Πλάτος στήλης N3 Διαχωριστής N3 Είδος διαχωριστή N3 Μέγεθος διαχωριστή N3 Διαστάσεις διαχωριστή N3 Στοίχιση διαχωριστή N4 Επίπεδο (layer) N4 Όνομα επιπέδου N4 Θέση επιπέδου N4 N4 Σχετική θέση επιπέδου Αρχείο προέλευσης επιπέδου ΤΟΠΟΘΕΤΗΣΗ ΣΤΟΙΧΕΙΩΝ ΣΤΗ ΣΕΛΙΔΑ <MULTICOL COLS=?></MULTICOL> <MULTICOL GUTTER=?></MULTICOL> <MULTICOL WIDTH=?></MULTICOL> <SPACER> <SPACER TYPE=HORIZONTAL VERTICAL BLOCK> <SPACER SIZE=?> <SPACER WIDTH=? HEIGHT=?> <SPACER ALIGN=LEFT RIGHT CENTER> <LAYER></LAYER> <LAYER ID="***"></LAYER> <LAYER LEFT=? TOP=?></LAYER> <LAYER PAGEX=? PAGEY=?></LAYER> <LAYER SRC="***"></LAYER> N4 Σειρά επικάλλυψης <LAYER Z-INDEX=?></LAYER> <LAYER ABOVE="***" N4 Θέση επικάλλυψης BELOW="***"></LAYER> N4 Διαστάσεις επιπέδου N4 Διαδρομή επιπέδου N4 Εμφάνιση ή μη του επιπέδου N4 Φόντο επιπέδου N4 Χρώμα επιπέδου <LAYER HEIGHT=? WIDTH=?></LAYER> <LAYER CLIP=,,,></LAYER> <LAYER VISIBILITY=SHOW HIDDEN INHERIT></LAYER> <LAYER BACKGROUND="$$$$$$"></LAYER> <LAYER BGCOLOR="$$$$$$"></LAYER> N4 Εσωτερικό επίπεδο <ILAYER></ILAYER> Δέχεται τις ίδιες παραμέτρους με το LAYER

32 ΚΕΦΑΛΑΙΟ ΤΡΙΤΟ 3 ΕΙΣΑΓΩΓΗ ΣΤΟ FRONTPAGE 3.1 Γενικά Το Microsoft FrontPage είναι ένα εργαλείο συγγραφής ιστοσελίδων το οποίο επιτρέπει την δημιουργία δικτυακών τόπων μέσω της μεθόδου «αυτό που βλέπεις είναι αυτό που παραλαμβάνεις» (What You See Is What You Get WYSIWYG). Αυτό σημαίνει ότι μπορείτε να προβάλλετε μία ιστοσελίδα στο FrontPage όπως θα εμφανιζόταν στον Internet Explorer και να την επεξεργαστείτε χωρίς να είναι απαραίτητη η γνώση εξειδικευμένου HTML κώδικα. Στις επόμενες παραγράφους θα δούμε τον τρόπο με τον οποίο μπορούμε να φτιάξουμε μια ιστοσελίδα με τη χρήση του προγράμματος Microsoft FrontPage. Υπάρχουν πολλά προγράμματα με τα οποία μπορούμε να κάνουμε τις ίδιες εργασίες. Θα χρησιμοποιήσουμε το συγκεκριμένο γιατί είναι από τα πιθανότερα να βρείτε εγκατεστημένο σε κάποιον υπολογιστή όπου θα κληθείτε να δουλέψετε. Η επιφάνεια εργασίας του FrontPage ακολουθεί σχεδιαστικά την φιλοσοφία που ακολουθείται στα προγράμματα της ίδιας εταιρίας (Εικόνα 3.1). Στο αριστερό και μεγαλύτερο κομμάτι της οθόνης είναι ο χώρος σχεδιασμού της σελίδας ενώ στα δεξιά εμφανίζεται το παράθυρο εργασιών όπως και στην υπόλοιπη σουίτα εφαρμογών του Microsoft Office. Το προκαθορισμένο όνομα της κενής ιστοσελίδας η οποία δημιουργείται από το Microsoft Frontpage 2003 είναι new_page_1.html. Η δημιουργία μίας σελίδας ξεκινάει δηλώνοντας το επιθυμητό όνομα και ορίζοντας τον φάκελο όπου θα αποθηκεύονται όλα τα αρχεία μας.

33 Εικόνα 3.1 Το περιβάλλον του Microsoft FrontPage 2003 Για το περιβάλλον του FrontPage 2003 συντομογραφικά εξηγούνται τα παρακάτω Εργαλείο/Εντολή Θέση Περιγραφή Κάτω αριστερά Επιλέγεται η προβολή παραθύρου, δηλαδή με ποιόν τρόπο θέλουμε να συντάξουμε το αρχείο html: Design: Ότι γράφω αυτό θα εμφανίζεται στον φυλλομετρητή, δηλαδή WYSIWYG (What You See Is What You Get Αυτό Που Βλέπεις Αυτό Θα Πάρεις) Split: Το κάτω μισό παράθυρο είναι όπως το Design, και το επάνω μισό εμφανίζεται ο html κώδικας. Code: Εμφανίζεται μόνο ο κώδικας (για χρήστες που θέλουν να κάνουν την ιστοσελίδα γράφοντας μόνο κώδικα). Preview: Προεπισκόπηση ιστοσελίδας σε εσωτερικό φυλλομετρητή του FP2003 (Δεν χρειάζεται να έχουμε πρώτα σώσει το αρχείο). Η προεπισκόπηση μπορεί να γίνει και με εξωτερικό φυλλομετρητή, πχ. Internet Explorer, πατώντας F12 ή, αρκεί να

34 Επάνω οριζόντια εργαλειοθήκη Μορφοποίησης (formatting) έχουμε σώσει και τις τελευταίες αλλαγές που έχουμε κάνει στο αρχείο. Περιέχει τα γνωστά από το word εργαλεία μορφοποίησης κειμένου. Μια από τις διαφορές που παρατηρεί κανείς, είναι στα διαθέσιμα μεγέθη γραμματοσειράς, όπου υπάρχουν 8 τυποποιημένα μεγέθη από τα οποία μπορούμε να επιλέξουμε. Επάνω από το παράθυρο επεξεργασίας περιεχομένου ιστοσελίδων Βασική εργαλειοθήκη (Standard) Με τη μορφή σελιδοδεικτών (ετικετών) εμφανίζονται τα αρχεία html που έχουμε ανοιχτά στο FP2003 και επεξεργαζόμαστε. Οι ετικέτες έχουν το όνομα του αρχείου html, και όταν υπάρχει αστερίσκος στο τέλος (*) σημαίνει ότι έχει γίνει κάποια αλλαγή στο συγκεκριμένο αρχείο αλλά δεν έχει σωθεί ακόμα. Τα γνωστά από το word εργαλεία: - Νέο αρχείο, Άνοιγμα αρχείου, Αποθήκευση - Αποκοπή, Αντιγραφή, Επικόλληση, Αντιγρ.Μορφοποίησης - Αναίρεση, Ακύρωση αναίρεσης -//- Δημιουργία Πίνακα -//- Δημιουργία επιπέδου (Layer). Τα επίπεδα (Layers) στο FP2003 είναι το αντίστοιχο των πλαισίων κειμένου στο word. Δηλαδή, όπου σχεδιάσουμε ένα layer και γράψουμε κείμενο, γραφικά κτλ, έκει ακριβώς θα παρουσιάζεται και στον φυλλομετρητή ιστοσελίδων. Μπορούμε να έχουμε τοποθετήσει περισσότερα του ενός Layer σε ένα αρχείο HTML, αρκεί να προσέξουμε τις επικαλύψεις μεταξύ τους. -//- Εισαγωγή εικόνας από αρχείο. -//- Εμφάνιση εργαλειοθήκης σχεδίασης (όμοια με το word). -//- Εισαγωγή Υπερσύνδεσης (hyperlink). Για να δημιουργήσουμε ένα hyperlink (ή αλλιώς link) επιλέγουμε πρώτα το κείμενο ή/και την εικόνα που θέλουμε να αντιστοιχεί στο link, και κατόπιν πατάμε το εικονίδιο αυτό και ακολουθούμε τον οδηγό. Πίνακας 3.1 Κουμπιά στο FrontPage

35 3.2 Προβολές του FrontPage Το FrontPage περιλαμβάνει μία λίστα από μορφές προβολής της εργασίας μας. Μέσω του μενού View μπορούμε να επιλέξουμε τις διάφορες μορφές προβολής (views), που θα έχει η εργασία μας στην οθόνη (Εικόνα 3.2). Οι προβολές αυτές μπορούν να επιλεχθούν και από τις συντομεύσεις στο κάτω μέρος της οθόνης (Εικόνα 3.3 Συντομεύσεις για τις διαθέσιμες προβολές του FrontPageΕικόνα 3.3) Το FrontPage προσφέρει στον χρήστη επτά διαφορετικούς τρόπους προβολής κατά την επεξεργασία του site μας. Οι διάφορες μορφές προβολής, που μπορούμε να επιλέξουμε, είναι οι ακόλουθες: Page view: Προβάλεται μία συγκεκριμένη σελίδα Folders view: Προβολή Φακέλων Remote Web Site View: Για σύνδεση σε μία απομακρυσμένη ιστοσελίδα Reports: Διάφορες αναφορές Navigation view: Προβολή Πλοήγησης Hyperlinks view: Προβολή Υπερσυνδέσμων Tasks view: Προβολή διεργασιών Παρακάτω θα παρουσιαστούν αναλυτικότερα οι κυριότερες από αυτές. Εικόνα 3.2 Το μενού με τις διαθέσιμες προβολές του FrontPage

36 Εικόνα 3.3 Συντομεύσεις για τις διαθέσιμες προβολές του FrontPage Προβολή Σελίδας (Page View) Στην προβολή σελίδας το FrontPage εμφανίζει μία συγκεκριμένη σελίδα σε τέσσερις διαφορετικές μορφές οι οποίες εμφανίζονται στο κάτω μέρος του παραθύρου: Design: Αυτή η προβολή είναι η προεπιλεγμένη και παρουσιάζει την εργασία μας στην γνωστή μορφή WYSIWYG (What Υou See Is What Υou Get: Ότι βλέπεις αυτό θα πάρεις). Σε αυτή την μορφή κατά την επεξεργασία της σελίδας μας βλέπουμε ταυτόχρονα και την εμφάνιση, που θα έχει αργότερα στην πραγματικότητα (εκτός από μερικά στοιχεία). Code: Σε αυτή την προβολή εμφανίζεται το κανονικό περιεχόμενο της σελίδας μας στην γλώσσα υπερκειμένου. Όλες οι μορφοποιήσεις και τα λοιπά στοιχεία, που περιέχονται στην σελίδα μας, βρίσκονται στην πραγματικότητα στο αρχείο μας γραμμένες στην μορφή της γλώσσας του Ιστού. Οι γνώστες της ειδικής αυτής γλώσσας θα μπορούσαν να επεξεργαστούν τις σελίδες τους και σε αυτήν την προβολή. Split: Σε αυτή την προβολή η οθόνη του FrontPage χωρίζεται στα δύο εμφανίζοντας ταυτόχρονα τον κώδικα HTML αλλά και την μορφή σχεδίασης Preview: Στην καρτέλα αυτή δεν μπορούμε να επεξεργαστούμε την σελίδα μας, παρά μόνο να δούμε περίπου πως θα εμφανίζεται στους Φυλλομετρητές (Browsers). Αν πάλι έχουμε εγκατεστημένο κάποιου Browser και θέλουμε να δούμε την εμφάνιση της εργασίας μας σε αυτόν πρέπει να δώσουμε την επιλογή File Preview Ιn Browser που βρίσκεται στο κυρίως μενού και στην βασική γραμμή εργαλείων.

37 Εικόνα 3.4 Διαφορετικές μορφές για την προβολή σελίδας Προβολή Καταλόγων (Folders View) Η προβολή αυτή μας θυμίζει την εφαρμογή της Εξερεύνησης των Windows με μία μικρή διαφορά. Εμφανίζεται το κομμάτι του σκληρού δίσκου, από το οποίο έχει ορισθεί η ρίζα της ιστοσελίδας μας και κάτω. Εικόνα 3.5 Προβολή καταλόγων

38 Στο δεξιό άκρο του παραθύρου εμφανίζονται τρία κουμπιά (Εικόνα 3.6) με τα οποία μπορούμε να προσθέσουμε μία νέα σελίδα, φάκελο ή να πλοηγηθούμε μία θέση πάνω στους καταλόγους. Εικόνα 3.6 Επιλέγοντας μία ιστοσελίδα από αυτές που εμφανίζονται (με διπλό κλικ) επανερχόμαστε πάλι στην προβολή σελίδας από όπου μπορούμε να την τροποποιήσουμε Προβολή Πλοήγησης (Navigation View) Η προβολή αυτή χρησιμοποιείται πιο συχνά, κατά την διαδικασία δημιουργίας των σελίδων μας. Με αυτή την προβολή μπορούμε να δούμε σε δενδρική μορφή τη δομή των ιστοσελίδων μας και να προσθέσουμε, τροποποιήσουμε ή διαγράψουμε κάποια συγκεκριμένη ιστοσελίδα.

39 Εικόνα 3.7 Προβολή πλοήγησης Προβολή υπερσυνδέσμων (Hyperlinks View) Η προβολή αυτή μας δείχνει τους υπερσυνδέσμους που βρίσκονται σε κάθε σελίδα του site μας. Στο κέντρο της οθόνης εμφανίζεται η επιλεγμένη σελίδα μας, έχοντας στα αριστερά της τις σελίδες, που την περιέχουν σαν σύνδεσμο και στα δεξιά της τις σελίδες, που η ίδια περιέχει σαν συνδέσμους. Τα βελάκια, που έχουν κατεύθυνση από τις σελίδες αριστερά (που περιέχουν συνδέσμους προς την τρέχουσα επιλεγμένη σελίδα) προς την κεντρική σελίδα και από αυτήν σελίδα προς τις σελίδες δεξιά (που περιέχονται σαν υπερσύνδεσμοι στην τρέχουσα σελίδα) μας δίνουν μια γραφική άποψη της εργασίας μας.

40 Εικόνα 3.8 Προβολή υπερσυνδέσμων Προβολή διεργασιών (Tasks View) Σε αυτή την προβολή το FrontPage μας δίνει την δυνατότητα να έχουμε στην διάθεσή μας σε μορφή λίστας τις εργασίες, που χρειάζονται για να ολοκληρώσουμε την δημιουργία του web site μας. Για να προσθέσουμε μια διεργασία στην λίστα μας θα πρέπει να εκτελέσουμε την επιλογή File New Task... Το πλαίσιο διαλόγου που εμφανίζεται περιέχει τα ακόλουθα στοιχεία: 3.3 Εργασίες στην Προβολή Πλοήγησης Έχοντας επιλέξει την προβολή πλοήγησης εμφανίζεται το web-site μας σε γραφική μορφή. Εμφανίζονται, σε έναν γραφικό χάρτη, οι σελίδες που περιέχονται στο site μας και μάλιστα με μια ιεραρχική δομή. Στον χώρο αυτό γίνεται η σχεδίαση της δομής των σελίδων που θα αποτελέσουν το site μας. Οι σελίδες παρουσιάζονται σε μορφή παραλληλογράμμων,

41 συνδεδεμένων μεταξύ τους, περιέχοντας τον τίτλο της σελίδας στο κέντρο. Στην αρχή της ιεραρχίας βρίσκεται η αρχική μας σελίδα (Home Page), η οποία περιέχει τις υπόλοιπες σελίδες. Όπως παρατηρούμε στο παράδειγμά μας (Εικόνα 3.7) το παραλληλόγραμμο της αρχικής σελίδας στο κάτω μέρος περιέχει το σύμβολο πλην (ή αντίστοιχα συν), που θα μπορούσε να συρρικνώσει ή αντίστοιχα να εκτείνει, την γραφική απεικόνιση της ιεραρχικής δομής του web-site. Σε αυτό το σημείο προτείνουμε την ταυτόχρονη προβολή της λίστας φακέλων που απαρτίζουν το site μας στο αριστερό μέρος της οθόνης (Εικόνα 3.9). Αυτό επιτυγχάνεται από το μενού View Folder List. Μετά από αυτή την επιλογή στο αριστερό μέρος της οθόνης θα βλέπουμε τους φακέλους και τα αρχεία, που περιέχονται στην εργασία μας. Η μορφή και η διάταξη αυτή των φακέλων και των αρχείων είναι ίδια με την μορφή, που συναντήσαμε και περιγράψαμε αναλυτικότερα παραπάνω στην Προβολή Φακέλων. Να θυμηθούμε ότι όταν βρισκόμαστε σε έναν υποφάκελο, μπορούμε με την αντίστοιχη επιλογή της γραμμής εργαλείων (Up One Level) να ανέβουμε ένα επίπεδο πάνω. Εικόνα 3.9 Προβολή πλοήγησης με ταυτόχρονη προβολή των φακέλων και των αρχείων του site

42 3.3.1 Επεξεργασία του τίτλου μιας σελίδας Υπάρχουν διάφοροι τρόποι να αλλάξουμε τον τίτλο μιας σελίδας, ο πιο απλός είναι να επιλέξουμε την σελίδα και να κάνουμε απλό κλικ πάνω στον τίτλο της, ή με δεξί κλικ στην σελίδα και επιλογή της επιλογής Rename, ή τέλος με το πλήκτρο F2. Αφού έχουμε αλλάξει το όνομα κάνουμε κλικ σε οποιοδήποτε σημείο ή πατάμε το Enter για να ενεργοποιηθεί η αλλαγή μας. Εδώ θα πρέπει να αναφέρουμε, ότι με την αλλαγή του τίτλου μιας σελίδας δεν αλλάζουμε το πραγματικό όνομα της σελίδας, δηλαδή του αρχείου, που περιέχει την σελίδα αυτή. Αν για παράδειγμα αλλάξουμε τον τίτλο της αρχικής μας σελίδας (Εικόνα 3.9), το αρχείο που θα την περιέχει θα εξακολουθεί να ονομάζεται index.htm Εισαγωγή νέας σελίδας Για να εισάγουμε μια νέα σελίδα στο site μας επιλέγουμε πρώτα την σελίδα στην οποία θα είναι υποκείμενη η νέα σελίδα και κατόπιν εκτελούμε την επιλογή Εισαγωγής νέας σελίδας (New Page) από την γραμμή εργαλείων, ή από το μενού File New Page, ή τέλος με δεξί κλικ πάνω στην σελίδα και επιλογή New Page. Σε όλες τις περιπτώσεις δημιουργείται μια νέα σελίδα υποκείμενη στην επιλεγμένη, που είναι διαμορφωμένη ήδη με το προεπιλεγμένο Θέμα (Theme). Αν δεν έχουμε επιλεγμένη καμιά σελίδα, τότε η νέα σελίδα θα ανήκει στο ανώτατο επίπεδο (Τορ Page), όπου ανήκει και η αρχική μας σελίδα Μετακίνηση μιας σελίδας στο Site Όταν σε ένα site μια σελίδα δεν είναι στην σωστή θέση, τότε μπορούμε να την πάρουμε από το σημείο που βρίσκεται και να την τοποθετήσουμε σαν υποκείμενη σε κάποια άλλη, ή να την τοποθετήσουμε στο ανώτατο επίπεδο. Η διαδικασία της μετακίνησης γίνεται απλά με το να επιλέξουμε την συγκεκριμένη σελίδα και να την σύρουμε με το ποντίκι (αριστερό πλήκτρο κρατημένο πατημένο) στην σελίδα, που θα είναι υπερκείμενή της, ή στην αρχική σελίδα, αν θέλουμε να είναι στο ανώτατο επίπεδο. Ένας άλλος γνωστός τρόπος είναι αυτός της Αποκοπής (Cut) από την παρούσα θέση και της Επικόλλησης (Paste) στην νέα θέση. Οι γνωστές εργασίες της Αντιγραφής (Copy), Αποκοπής (Cut) και Επικόλλησης (Paste),

Οδηγίες για προσθήκη Web Frames Tools to the Quick Access Bar σε μεταγενέστερη έκδοση του Word

Οδηγίες για προσθήκη Web Frames Tools to the Quick Access Bar σε μεταγενέστερη έκδοση του Word Οδηγίες για προσθήκη Web Frames Tools to the Quick Access Bar σε μεταγενέστερη έκδοση του Word Επειδή οι μεταγενέστερες εκδόσεις του Word δεν περιλαμβάνουν στο μενού τη δυνατότητα δημιουργίας πολλαπλών

Διαβάστε περισσότερα

Εισαγωγή στον Παγκόσμιο ιστό και στη γλώσσα Html. Χρ. Ηλιούδης

Εισαγωγή στον Παγκόσμιο ιστό και στη γλώσσα Html. Χρ. Ηλιούδης Εισαγωγή στον Παγκόσμιο ιστό και στη γλώσσα Html Χρ. Ηλιούδης Παγκόσμιος Ιστός (WWW) Ο Παγκόσμιος Ιστός (World Wide Web WWW), ή απλώς Ιστός, βασίζεται στην ιδέα των κατανεμημένων πληροφοριών. Αντί όλες

Διαβάστε περισσότερα

<BODY></a> </h3> <p> <img alt="<HTML> <HEAD> <TITLE> <BODY>" title="<HTML> <HEAD> <TITLE> <BODY>" class="news-block-img pull-right" src="/thumbs/26/2082816.jpg"> ΑΣΚΗΣΗ 1 1. Ανοίξτε τον επεξεργαστή ιστοσελίδων 2. Αποθηκεύστε στο X:/mathimata/html/askiseis/ με όνομα askisi1b.html 3. Θα φτιάξουμε μια νέα ιστοσελίδα, χρησιμοποιώντας τις βασικές ετικέτες </p> <a href="/2082816-Html-head-title-body.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/3858593-Sholi-koinonikon-epistimon-tmima-politismikis-tehnologias-kai-epikoinonias.html">Σχολή Κοινωνικών Επιστημών Τμήμα Πολιτισμικής Τεχνολογίας Και Επικοινωνίας</a> </h3> <p> <img alt="Σχολή Κοινωνικών Επιστημών Τμήμα Πολιτισμικής Τεχνολογίας Και Επικοινωνίας" title="Σχολή Κοινωνικών Επιστημών Τμήμα Πολιτισμικής Τεχνολογίας Και Επικοινωνίας" class="news-block-img pull-right" src="/thumbs/24/3858593.jpg"> Πανεπιστήμιο Αιγαίου Σχολή Κοινωνικών Επιστημών Τμήμα Πολιτισμικής Τεχνολογίας Και Επικοινωνίας Δικτυακά Πολυμέσα Ι (Β Έτος, 3ο εξ) Διάλεξη #5η: HTML: πίνακες (tables), πλαίσια (frames) Γαβαλάς Δαμιανός </p> <a href="/3858593-Sholi-koinonikon-epistimon-tmima-politismikis-tehnologias-kai-epikoinonias.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/12564208-Tei-kavalas-ptyhiaki-ergasia-eisagogi-miltiadis-kaklamanis.html">ΤΕΙ ΚΑΒΑΛΑΣ. Πτυχιακή εργασία ΕΙΣΑΓΩΓΗ. Μιλτιάδης Κακλαμάνης</a> </h3> <p> <img alt="ΤΕΙ ΚΑΒΑΛΑΣ. Πτυχιακή εργασία ΕΙΣΑΓΩΓΗ. Μιλτιάδης Κακλαμάνης" title="ΤΕΙ ΚΑΒΑΛΑΣ. Πτυχιακή εργασία ΕΙΣΑΓΩΓΗ. Μιλτιάδης Κακλαμάνης" class="news-block-img pull-right" src="/thumbs/28/12564208.jpg"> Σελίδα 1από ΤΕΙ ΚΑΒΑΛΑΣ Πτυχιακή εργασία Δικτυακή Εφαρμογή διαχείρισης ηλεκτρονικών εγγράφων υπηρεσίας. ΕΙΣΑΓΩΓΗ Μιλτιάδης Κακλαμάνης Σελίδα 2από Κατάλογος περιεχομένων ΕΙΣΑΓΩΓΗ...1 Σχετιζόμενα πρόσωπα...3 </p> <a href="/12564208-Tei-kavalas-ptyhiaki-ergasia-eisagogi-miltiadis-kaklamanis.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/341861-Powerpoint-2003-einai-to-dimofilestero-programma-paroysiaseon.html">POWERPOINT 2003. Είναι το δημοφιλέστερο πρόγραμμα παρουσιάσεων.</a> </h3> <p> <img alt="POWERPOINT 2003. Είναι το δημοφιλέστερο πρόγραμμα παρουσιάσεων." title="POWERPOINT 2003. Είναι το δημοφιλέστερο πρόγραμμα παρουσιάσεων." class="news-block-img pull-right" src="/thumbs/19/341861.jpg"> POWERPOINT 2003 1. Τι είναι το PowerPoint (ppt)? Είναι το δημοφιλέστερο πρόγραμμα παρουσιάσεων. 2. Τι δυνατότητες έχει? Δημιουργία παρουσίασης. Μορφοποίηση παρουσίασης. Δημιουργία γραφικών. Δημιουργία </p> <a href="/341861-Powerpoint-2003-einai-to-dimofilestero-programma-paroysiaseon.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/4528047-Antigrafi-arheioy-se-disketa-antigrafi-arheioy-apo-disketa-apo-ton-katalogo-poy-emfanizetai-epilego-apostoli-pros-disketa-3-5.html">ΑΝΤΙΓΡΑΦΗ ΑΡΧΕΙΟΥ ΣΕ ΔΙΣΚΕΤΑ ΑΝΤΙΓΡΑΦΗ ΑΡΧΕΙΟΥ ΑΠΟ ΔΙΣΚΕΤΑ. Από τον κατάλογο που εμφανίζεται επιλέγω: Αποστολή προς Δισκέτα (3,5)</a> </h3> <p> <img alt="ΑΝΤΙΓΡΑΦΗ ΑΡΧΕΙΟΥ ΣΕ ΔΙΣΚΕΤΑ ΑΝΤΙΓΡΑΦΗ ΑΡΧΕΙΟΥ ΑΠΟ ΔΙΣΚΕΤΑ. Από τον κατάλογο που εμφανίζεται επιλέγω: Αποστολή προς Δισκέτα (3,5)" title="ΑΝΤΙΓΡΑΦΗ ΑΡΧΕΙΟΥ ΣΕ ΔΙΣΚΕΤΑ ΑΝΤΙΓΡΑΦΗ ΑΡΧΕΙΟΥ ΑΠΟ ΔΙΣΚΕΤΑ. Από τον κατάλογο που εμφανίζεται επιλέγω: Αποστολή προς Δισκέτα (3,5)" class="news-block-img pull-right" src="/thumbs/25/4528047.jpg"> ΑΝΤΙΓΡΑΦΗ ΑΡΧΕΙΟΥ ΣΕ ΔΙΣΚΕΤΑ ΑΝΤΙΓΡΑΦΗ ΑΡΧΕΙΟΥ ΑΠΟ ΔΙΣΚΕΤΑ Τοποθετώ μια δισκέτα στον οδηγό τη δισκέτας του υπολογιστή. Τοποθετώ τη δισκέτα που έχει το αρχείο μου στον οδηγό τη δισκέτας του υπολογιστή. </p> <a href="/4528047-Antigrafi-arheioy-se-disketa-antigrafi-arheioy-apo-disketa-apo-ton-katalogo-poy-emfanizetai-epilego-apostoli-pros-disketa-3-5.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/2082644-Ergastirio-front-page-2.html">ΕΡΓΑΣΤΗΡΙΟ FRONT PAGE 2</a> </h3> <p> <img alt="ΕΡΓΑΣΤΗΡΙΟ FRONT PAGE 2" title="ΕΡΓΑΣΤΗΡΙΟ FRONT PAGE 2" class="news-block-img pull-right" src="/thumbs/26/2082644.jpg"> ΕΡΓΑΣΤΗΡΙΟ FRONT PAGE 2 Μάθαµε στο προηγούµενο µάθηµα πώς να δίνουµε ονόµατα στις ιστοσελίδες µας, να βάζουµε χρώµα και γραφικά, ή ακόµα να δηµιουργούµε υπερσυνδέσµους σε κείµενο και εικόνες. Σήµερα µεταξύ </p> <a href="/2082644-Ergastirio-front-page-2.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/1849305-Ploigisi-www-me-ton-internet-explorer.html">Πλοήγηση www / Με τον Internet Explorer</a> </h3> <p> <img alt="Πλοήγηση www / Με τον Internet Explorer" title="Πλοήγηση www / Με τον Internet Explorer" class="news-block-img pull-right" src="/thumbs/23/1849305.jpg"> Πλοήγηση www / Με τον Internet Explorer Περιεχόμενα 1.Eισαγωγή 2.Το περιβάλλον του Internet Explorer 3.Οδηγίες πλοήγησης 4.Αποθήκευση αρχείων 5.Αγαπημένα 6.Ασφαλής σύνδεση 7.Διακομιστής μεσολάβησης 1.Εισαγωγή </p> <a href="/1849305-Ploigisi-www-me-ton-internet-explorer.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/3552695-Shediasi-istoselidon.html">Σχεδίαση ιστοσελίδων</a> </h3> <p> <img alt="Σχεδίαση ιστοσελίδων" title="Σχεδίαση ιστοσελίδων" class="news-block-img pull-right" src="/thumbs/24/3552695.jpg"> Τ.Ε.Ι. Δυτικής Ελλάδας Σχολή Διοίκησης και Οικονομίας Τμήμα Διοίκησης Επιχειρήσεων - Πάτρα Σχεδίαση ιστοσελίδων Θεώνη Πιτουρά, Γιάννης Κουτσονίκος Σημειώσεις για το Εργαστήριο «Επιχειρηματικές δικτυακές </p> <a href="/3552695-Shediasi-istoselidon.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/2455951-Blog-sto-wordpress-epimeleia-deggleri-sofia.html">Blog στο Wordpress. Επιμέλεια: Δέγγλερη Σοφία</a> </h3> <p> <img alt="Blog στο Wordpress. Επιμέλεια: Δέγγλερη Σοφία" title="Blog στο Wordpress. Επιμέλεια: Δέγγλερη Σοφία" class="news-block-img pull-right" src="/thumbs/24/2455951.jpg"> Blog στο Wordpress Επιμέλεια: Δέγγλερη Σοφία Περιεχόμενα Μετάβαση στο blog Σύνδεση ως διαχειριστής Πίνακας ελέγχου Εμφάνιση Ρυθμίσεις Άρθρα Σελίδες Πολυμέσα Σύνδεσμοι Widgets Μετάβαση στο blog Πληκτρολογούμε </p> <a href="/2455951-Blog-sto-wordpress-epimeleia-deggleri-sofia.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/10944453-Eisagogi-stin-html-ta-tags-tis-html-kai-ta-gnorismata-toys.html">Εισαγωγή στην HTML Τα tags της HTML και τα γνωρίσματά τους</a> </h3> <p> <img alt="Εισαγωγή στην HTML Τα tags της HTML και τα γνωρίσματά τους" title="Εισαγωγή στην HTML Τα tags της HTML και τα γνωρίσματά τους" class="news-block-img pull-right" src="/thumbs/27/10944453.jpg"> Εισαγωγή στην HTML Τα tags της HTML και τα γνωρίσματά τους Με την γλώσσα περιγραφής υπερ-κειμένου (HTML) μπορούμε να σχεδιάζουμε ιστοσελίδες. Η HyperText Markup Language βασίζεται στην SGML (Standard Generalized </p> <a href="/10944453-Eisagogi-stin-html-ta-tags-tis-html-kai-ta-gnorismata-toys.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/7781750-Microsoft-powerpoint-2007.html">Microsoft PowerPoint 2007</a> </h3> <p> <img alt="Microsoft PowerPoint 2007" title="Microsoft PowerPoint 2007" class="news-block-img pull-right" src="/thumbs/26/7781750.jpg"> Information Technology Services and Solutions Σύμβουλοι Μηχανογράφησης και Εκπαίδευσης Στεφ. Σκουλούδη 27, Καλλίπολη, Πειραιάς 210 45 38 177 http://www.itss.gr/ Microsoft PowerPoint 2007 Κωνσταντίνος Κωβαίος </p> <a href="/7781750-Microsoft-powerpoint-2007.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/5968001-Epexergasia-keimenoy.html">ΕΠΕΞΕΡΓΑΣΙΑ ΚΕΙΜΕΝΟΥ</a> </h3> <p> <img alt="ΕΠΕΞΕΡΓΑΣΙΑ ΚΕΙΜΕΝΟΥ" title="ΕΠΕΞΕΡΓΑΣΙΑ ΚΕΙΜΕΝΟΥ" class="news-block-img pull-right" src="/thumbs/25/5968001.jpg"> ΕΠΕΞΕΡΓΑΣΙΑ ΚΕΙΜΕΝΟΥ 1. ΒΑΣΙΚΕΣ ΛΕΙΤΟΥΡΓΙΕΣ ΚΑΙ ΠΕΡΙΒΑΛΛΟΝ ΕΦΑΡΜΟΓΗΣ ΕΠΕΞΕΡΓΑΣΙΑΣ ΚΕΙΜΕΝΟΥ 1.1. Χειρισµός εγγράφων 1.1.1. ηµιουργία, Άνοιγµα, Κλείσιµο, Αποθήκευση εγγράφου 1.1.2. Αποθήκευση εγγράφου µε </p> <a href="/5968001-Epexergasia-keimenoy.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/4505801-Epexergasia-keimenoy-keimenografos-word.html">ΕΠΕΞΕΡΓΑΣΙΑ ΚΕΙΜΕΝΟΥ. Κειμενογράφος WORD</a> </h3> <p> <img alt="ΕΠΕΞΕΡΓΑΣΙΑ ΚΕΙΜΕΝΟΥ. Κειμενογράφος WORD" title="ΕΠΕΞΕΡΓΑΣΙΑ ΚΕΙΜΕΝΟΥ. Κειμενογράφος WORD" class="news-block-img pull-right" src="/thumbs/25/4505801.jpg"> ΕΠΕΞΕΡΓΑΣΙΑ ΚΕΙΜΕΝΟΥ Κειμενογράφος WORD ΣΚΟΠΟΣ Η ανάπτυξη δεξιοτήτων επεξεργασίας κειμένου ΠΡΟΤΑΣΕΙΣ ΚΑΙ ΡΥΘΜΙΣΕΙΣ Άνω περιθώριο (top margin) : 2.49cm Κάτω περιθώριο (bottom margin) :5.99cm Αριστερό περιθώριο </p> <a href="/4505801-Epexergasia-keimenoy-keimenografos-word.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/10416197-Odigies-keimenografoy-2007.html">ΟΔΗΓΙΕΣ ΚΕΙΜΕΝΟΓΡΑΦΟΥ 2007</a> </h3> <p> <img alt="ΟΔΗΓΙΕΣ ΚΕΙΜΕΝΟΓΡΑΦΟΥ 2007" title="ΟΔΗΓΙΕΣ ΚΕΙΜΕΝΟΓΡΑΦΟΥ 2007" class="news-block-img pull-right" src="/thumbs/27/10416197.jpg"> 1. ΓΡΑΜΜΗ ΜΕΝΟΥ ΟΔΗΓΙΕΣ ΚΕΙΜΕΝΟΓΡΑΦΟΥ 2007 2. ΓΡΑΜΜΗ ΕΡΓΑΛΕΙΩΝ Κάθε μενού έχει τις δικές της δυνατότητες, όπως για παράδειγμα μόλις πατήσετε το κουμπί κεντρική βγαίνουν τα εικονίδια των δυνατοτήτων που </p> <a href="/10416197-Odigies-keimenografoy-2007.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/9345353-Exetastea-uli-syllabus-ekdosi-1-5.html">Εξεταστέα Ύλη (Syllabus) Έκδοση 1.5</a> </h3> <p> <img alt="Εξεταστέα Ύλη (Syllabus) Έκδοση 1.5" title="Εξεταστέα Ύλη (Syllabus) Έκδοση 1.5" class="news-block-img pull-right" src="/thumbs/26/9345353.jpg"> Εξεταστέα Ύλη (Syllabus) Έκδοση 1.5 Πνευματικά Δικαιώματα 2005 Ίδρυμα ECDL (ECDL Foundation www.ecdl.com) Όλα τα δικαιώματα είναι κατοχυρωμένα. Κανένα μέρος αυτού του εγγράφου δεν μπορεί να αναπαραχθεί </p> <a href="/9345353-Exetastea-uli-syllabus-ekdosi-1-5.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/2372637-Giannena-syghroni-dimioyrgia-diaheirisi-giannena-syghroni-dimioyrgia.html">ΓΙΑΝΝΕΝΑ & ΣΥΓΧΡΟΝΗ ΔΗΜΙΟΥΡΓΙΑ ΔΙΑΧΕΙΡΙΣΗ ΓΙΑΝΝΕΝΑ & ΣΥΓΧΡΟΝΗ ΔΗΜΙΟΥΡΓΙΑ</a> </h3> <p> <img alt="ΓΙΑΝΝΕΝΑ & ΣΥΓΧΡΟΝΗ ΔΗΜΙΟΥΡΓΙΑ ΔΙΑΧΕΙΡΙΣΗ ΓΙΑΝΝΕΝΑ & ΣΥΓΧΡΟΝΗ ΔΗΜΙΟΥΡΓΙΑ" title="ΓΙΑΝΝΕΝΑ & ΣΥΓΧΡΟΝΗ ΔΗΜΙΟΥΡΓΙΑ ΔΙΑΧΕΙΡΙΣΗ ΓΙΑΝΝΕΝΑ & ΣΥΓΧΡΟΝΗ ΔΗΜΙΟΥΡΓΙΑ" class="news-block-img pull-right" src="/thumbs/24/2372637.jpg"> ΓΙΑΝΝΕΝΑ & ΣΥΓΧΡΟΝΗ ΔΗΜΙΟΥΡΓΙΑ ΔΙΑΧΕΙΡΙΣΗ Περιγραφή και επεξήγηση της χρήσης του χώρου διαχείρισης της ιστοσελίδας για τους καλλιτέχνες 1 Περιεχόμενα Είσοδος στο χώρο διαχείρισης...3 Επεξεργασία της σελίδας </p> <a href="/2372637-Giannena-syghroni-dimioyrgia-diaheirisi-giannena-syghroni-dimioyrgia.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/3962181-Spoydes-cad-pliroforikis-oikonomias-dioikisis-kai-d-t-p-me-systima-didaskalias-facetoface.html">Σπουδές CAD, Πληροφορικής, Οικονομίας, Διοίκησης και D.T.P. με Σύστημα διδασκαλίας facetoface</a> </h3> <p> <img alt="Σπουδές CAD, Πληροφορικής, Οικονομίας, Διοίκησης και D.T.P. με Σύστημα διδασκαλίας facetoface" title="Σπουδές CAD, Πληροφορικής, Οικονομίας, Διοίκησης και D.T.P. με Σύστημα διδασκαλίας facetoface" class="news-block-img pull-right" src="/thumbs/24/3962181.jpg"> Copyright 2012-2015 -SYSTEM- All rights reserved 2/180 ΠΕΡΙΕΧΟΜΕΝΑ Μάθημα 1: Εισαγωγή στο Dreamwever Μάθημα 2: Γραμμές εργαλείων document Μάθημα 3: Προετοιμασία τοποθεσίας ιστού Μάθημα 4: Ορισμός τοπικής </p> <a href="/3962181-Spoydes-cad-pliroforikis-oikonomias-dioikisis-kai-d-t-p-me-systima-didaskalias-facetoface.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/10949182-Tehnologies-diadiktyoy-exaskitheite-stin-html.html">Τεχνολογίες Διαδικτύου (Εξασκηθείτε στην HTML)</a> </h3> <p> <img alt="Τεχνολογίες Διαδικτύου (Εξασκηθείτε στην HTML)" title="Τεχνολογίες Διαδικτύου (Εξασκηθείτε στην HTML)" class="news-block-img pull-right" src="/thumbs/27/10949182.jpg"> Τεχνολογίες Διαδικτύου (Εξασκηθείτε στην HTML) 1. Δημιουργία μιας απλής σελίδας HTML Ανοίξτε το Notepad ακολουθώντας τη διαδρομή Start All Programs Accessories Notepad Πληκτρολογήστε το ακόλουθο κείμενο: </p> <a href="/10949182-Tehnologies-diadiktyoy-exaskitheite-stin-html.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/2997974-1-ta-tmimata-tis-epifaneias-ergasias-ton-windows.html">1. Τα τμήματα της επιφάνειας εργασίας των Windows</a> </h3> <p> <img alt="1. Τα τμήματα της επιφάνειας εργασίας των Windows" title="1. Τα τμήματα της επιφάνειας εργασίας των Windows" class="news-block-img pull-right" src="/thumbs/24/2997974.jpg"> 1. Τα τμήματα της επιφάνειας εργασίας των Windows Εικονίδια συντομεύσεων (αρχείου-φακέλου) Εικονίδια Ανενεργά Ενεργό Επιφάνεια (αρχείου-φακέλου) παράθυρα παράθυρο εργασίας Γραμμή μενού Γραμμή εργαλείων </p> <a href="/2997974-1-ta-tmimata-tis-epifaneias-ergasias-ton-windows.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/4916933-Menoy-provoli-provoles-eggrafoy.html">Μενού Προβολή. Προβολές εγγράφου</a> </h3> <p> <img alt="Μενού Προβολή. Προβολές εγγράφου" title="Μενού Προβολή. Προβολές εγγράφου" class="news-block-img pull-right" src="/thumbs/25/4916933.jpg"> Μενού Προβολή Προβολές εγγράφου Το Word παρέχει πέντε διαφορετικού είδους προβολές στον χρήστη, οι οποίες και βρίσκονται στο μενού Προβολή (View). Εναλλακτικά μπορούμε να επιλέξουμε το είδος προβολής που </p> <a href="/4916933-Menoy-provoli-provoles-eggrafoy.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/4357677-To-diadiktyo-einai-ena-diktyo-poy-apoteleite-apo-polla-mikrotera-diktya-ypologiston.html">Το διαδίκτυο είναι ένα δίκτυο που αποτελείτε από πολλά μικρότερα δίκτυα υπολογιστών.</a> </h3> <p> <img alt="Το διαδίκτυο είναι ένα δίκτυο που αποτελείτε από πολλά μικρότερα δίκτυα υπολογιστών." title="Το διαδίκτυο είναι ένα δίκτυο που αποτελείτε από πολλά μικρότερα δίκτυα υπολογιστών." class="news-block-img pull-right" src="/thumbs/24/4357677.jpg"> Κεφάλαιο 2 Με το διαδίκτυο μπορεί κάποιος: να κάνει έρευνα, να ψωνίσει για διάφορες υπηρεσίες και προϊόντα, να δει καιρικούς χάρτες, να πάρει φωτογραφίες, ταινίες, και διάφορες άλλες πληροφορίες που βρίσκονται </p> <a href="/4357677-To-diadiktyo-einai-ena-diktyo-poy-apoteleite-apo-polla-mikrotera-diktya-ypologiston.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/3961905-Periehomena-perivallon-ilektronikoy-ypologisti-9-epifaneia-ergasias-12-diaheirisi-arheion-15-ioi-i-y-21-diaheirisi-ektyposeon.html">Περιεχόμενα. Περιβάλλον ηλεκτρονικού υπολογιστή...9 Επιφάνεια εργασίας...12 Διαχείριση αρχείων...15 Ιοί Η/Υ...21 Διαχείριση εκτυπώσεων...</a> </h3> <p> <img alt="Περιεχόμενα. Περιβάλλον ηλεκτρονικού υπολογιστή...9 Επιφάνεια εργασίας...12 Διαχείριση αρχείων...15 Ιοί Η/Υ...21 Διαχείριση εκτυπώσεων..." title="Περιεχόμενα. Περιβάλλον ηλεκτρονικού υπολογιστή...9 Επιφάνεια εργασίας...12 Διαχείριση αρχείων...15 Ιοί Η/Υ...21 Διαχείριση εκτυπώσεων..." class="news-block-img pull-right" src="/thumbs/24/3961905.jpg"> Περιεχόμενα Περιβάλλον ηλεκτρονικού υπολογιστή...9 Επιφάνεια εργασίας...12 Διαχείριση αρχείων...15 Ιοί Η/Υ...21 Διαχείριση εκτυπώσεων...22 Περιβάλλον ηλεκτρονικού υπολογιστή...23 Επιφάνεια εργασίας...26 </p> <a href="/3961905-Periehomena-perivallon-ilektronikoy-ypologisti-9-epifaneia-ergasias-12-diaheirisi-arheion-15-ioi-i-y-21-diaheirisi-ektyposeon.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/7950452-P-e-r-i-e-h-o-m-e-n-a.html">Π Ε Ρ Ι Ε Χ Ο Μ Ε Ν Α</a> </h3> <p> <img alt="Π Ε Ρ Ι Ε Χ Ο Μ Ε Ν Α" title="Π Ε Ρ Ι Ε Χ Ο Μ Ε Ν Α" class="news-block-img pull-right" src="/thumbs/26/7950452.jpg"> Π Ε Ρ Ι Ε Χ Ο Μ Ε Ν Α 1 Windows 8.1 1.1 Βασικές Έννοιες Πληροφορικής και Επικοινωνιών Εισαγωγή 19 Τι είναι ο Ηλεκτρονικός Υπολογιστής 20 Κατηγορίες Υπολογιστών 21 Κύρια μέρη ενός Προσωπικού Υπολογιστή </p> <a href="/7950452-P-e-r-i-e-h-o-m-e-n-a.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/10609982-Periehomena-eisagogi-sto-word-2003-9-vasikes-morfopoiiseis-keimenon-41-kefalaio-1-kefalaio-2.html">Περιεχόμενα. Εισαγωγή στο Word 2003...9. Βασικές μορφοποιήσεις κειμένων... 41. Κεφάλαιο 1. Κεφάλαιο 2</a> </h3> <p> <img alt="Περιεχόμενα. Εισαγωγή στο Word 2003...9. Βασικές μορφοποιήσεις κειμένων... 41. Κεφάλαιο 1. Κεφάλαιο 2" title="Περιεχόμενα. Εισαγωγή στο Word 2003...9. Βασικές μορφοποιήσεις κειμένων... 41. Κεφάλαιο 1. Κεφάλαιο 2" class="news-block-img pull-right" src="/thumbs/27/10609982.jpg"> Περιεχόμενα Κεφάλαιο 1 Εισαγωγή στο Word 2003...9 Η οθόνη του Word... 9 Δημιουργία νέου εγγράφου... 14 Προσθήκη και διαγραφή κειμένου... 17 Πρώτα επιλογή, μετά εργασία... 18 Εύρεση και αντικατάσταση κειμένου... </p> <a href="/10609982-Periehomena-eisagogi-sto-word-2003-9-vasikes-morfopoiiseis-keimenon-41-kefalaio-1-kefalaio-2.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/2572359-K-a-el-e-simeioseis-epano-ston-epexergasti-keimenoy-microsoft-word-eisigitis-haritonidis-georgios-volos-noemvrios-2008.html">Κ.Α.ΕΛ.Ε. Σημειώσεις επάνω στοn επεξεργαστή κειμένου Microsoft Word. Εισηγητής: Χαριτωνίδης Γεώργιος. Βόλος, Νοέμβριος 2008</a> </h3> <p> <img alt="Κ.Α.ΕΛ.Ε. Σημειώσεις επάνω στοn επεξεργαστή κειμένου Microsoft Word. Εισηγητής: Χαριτωνίδης Γεώργιος. Βόλος, Νοέμβριος 2008" title="Κ.Α.ΕΛ.Ε. Σημειώσεις επάνω στοn επεξεργαστή κειμένου Microsoft Word. Εισηγητής: Χαριτωνίδης Γεώργιος. Βόλος, Νοέμβριος 2008" class="news-block-img pull-right" src="/thumbs/24/2572359.jpg"> Κ.Α.ΕΛ.Ε. Σημειώσεις επάνω στοn επεξεργαστή κειμένου Microsoft Word Βόλος, Νοέμβριος 2008 To Microsoft Word (έκδοση 2003) είναι ένας εξελιγμένος επεξεργαστής κειμένου, με τον οποίο μπορούμε να δημιουργήσουμε </p> <a href="/2572359-K-a-el-e-simeioseis-epano-ston-epexergasti-keimenoy-microsoft-word-eisigitis-haritonidis-georgios-volos-noemvrios-2008.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/5412150-Gnoriste-to-horo-ergasias-toy-powerpoint.html">Γνωρίστε το χώρο εργασίας του PowerPoint</a> </h3> <p> <img alt="Γνωρίστε το χώρο εργασίας του PowerPoint" title="Γνωρίστε το χώρο εργασίας του PowerPoint" class="news-block-img pull-right" src="/thumbs/25/5412150.jpg"> Γνωρίστε το χώρο εργασίας του PowerPoint Για να εκκινήσουμε το Office PowerPoint 2007 ακολουθούμε τα εξής βήματα: Έναρξη à Όλα τα προγράμματα PowerPoint 2007. à Microsoft Office à Microsoft Office Όταν </p> <a href="/5412150-Gnoriste-to-horo-ergasias-toy-powerpoint.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/6576494-Vasikes-arhes-shediasmoy-efarmogon.html">ΒΑΣΙΚΕΣ ΑΡΧΕΣ ΣΧΕΔΙΑΣΜΟΥ ΕΦΑΡΜΟΓΩΝ</a> </h3> <p> <img alt="ΒΑΣΙΚΕΣ ΑΡΧΕΣ ΣΧΕΔΙΑΣΜΟΥ ΕΦΑΡΜΟΓΩΝ" title="ΒΑΣΙΚΕΣ ΑΡΧΕΣ ΣΧΕΔΙΑΣΜΟΥ ΕΦΑΡΜΟΓΩΝ" class="news-block-img pull-right" src="/thumbs/25/6576494.jpg"> ΒΑΣΙΚΕΣ ΑΡΧΕΣ ΣΧΕΔΙΑΣΜΟΥ ΕΦΑΡΜΟΓΩΝ Βαγγελιώ Καβακλή Τμήμα Πολιτισμικής Τεχνολογίας & Επικοινωνίας 8 Μαρτίου 2001 Hypertext Markup Language (HTML)! Σε μια ιστοσελίδα μπορούν να εμφανίζονται διαφορετικά </p> <a href="/6576494-Vasikes-arhes-shediasmoy-efarmogon.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/201307-Morfopoiisi-eikonon-eisagogi-stohos-kefalaioy.html">Μορφοποίηση εικόνων. Εισαγωγή. Στόχος κεφαλαίου</a> </h3> <p> <img alt="Μορφοποίηση εικόνων. Εισαγωγή. Στόχος κεφαλαίου" title="Μορφοποίηση εικόνων. Εισαγωγή. Στόχος κεφαλαίου" class="news-block-img pull-right" src="/thumbs/18/201307.jpg"> Περιεχόμενα Κεφάλαιο 1: Προετοιμασία παρουσίασης...1 Κεφάλαιο 2: Διαχείριση διαφανειών...18 Κεφάλαιο 3: Διαχείριση γραφικών...31 Κεφάλαιο 4: Επεξεργασία εικόνων με το Adobe Photoshop...56 Κεφάλαιο 5: Μορφοποίηση </p> <a href="/201307-Morfopoiisi-eikonon-eisagogi-stohos-kefalaioy.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/7880585-Epl-012-eisagogi-sto-pagkosmio-plegma-pliroforion.html">ΕΠΛ 012 Εισαγωγή στο Παγκόσμιο Πλέγμα Πληροφοριών</a> </h3> <p> <img alt="ΕΠΛ 012 Εισαγωγή στο Παγκόσμιο Πλέγμα Πληροφοριών" title="ΕΠΛ 012 Εισαγωγή στο Παγκόσμιο Πλέγμα Πληροφοριών" class="news-block-img pull-right" src="/thumbs/26/7880585.jpg"> ΕΠΛ 012 Εισαγωγή στο Παγκόσμιο Πλέγμα Πληροφοριών World Wide Web (WWW) Θέματα Επεξεργασία δεδομένων στο Web Δημιουργία απλών σελίδων HTML Περιγραφή κάποιων XHTML στοιχείων (tags) Εξέλιξης του WWW Το WWW </p> <a href="/7880585-Epl-012-eisagogi-sto-pagkosmio-plegma-pliroforion.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/7860052-Periehomena-meros-1-vasikes-ennoies-tis-pliroforikis-13-prologos-11.html">Περιεχόμενα. Μέρος 1: Βασικές έννοιες της πληροφορικής... 13. Πρόλογος... 11</a> </h3> <p> <img alt="Περιεχόμενα. Μέρος 1: Βασικές έννοιες της πληροφορικής... 13. Πρόλογος... 11" title="Περιεχόμενα. Μέρος 1: Βασικές έννοιες της πληροφορικής... 13. Πρόλογος... 11" class="news-block-img pull-right" src="/thumbs/26/7860052.jpg"> Περιεχόμενα Πρόλογος... 11 Μέρος 1: Βασικές έννοιες της πληροφορικής... 13 1.1 Windows XP... 15 1.2 Επιφάνεια εργασίας... 19 1.3 Γραμμή εργασιών... 24 1.4 Χειρισμός παραθύρων... 30 1.5 Μενού... 36 1.6 </p> <a href="/7860052-Periehomena-meros-1-vasikes-ennoies-tis-pliroforikis-13-prologos-11.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/4534962-Ergastirio-efarmosmenis-pliroforikis.html">Εργαστήριο Εφαρμοσμένης Πληροφορικής</a> </h3> <p> <img alt="Εργαστήριο Εφαρμοσμένης Πληροφορικής" title="Εργαστήριο Εφαρμοσμένης Πληροφορικής" class="news-block-img pull-right" src="/thumbs/25/4534962.jpg"> Τμήμα Φυσικής - Αριστοτέλειο Πανεπιστήμιο Θεσσαλονίκης Εργαστήριο Εφαρμοσμένης Πληροφορικής Ομάδα Α. Προετοιμασία Αναφοράς Εργασία-2: Σύνθεση αναφοράς Σύνθεση Αναφοράς http://eep.physics.auth.gr Τι περιέχει </p> <a href="/4534962-Ergastirio-efarmosmenis-pliroforikis.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/3603173-Dimioyrgia-i-mathimatos-me-ti-3-o-meros-eisagogi-pliroforion-dimioyrgia-istoselidas.html">Δημιουργία η-μαθήματος με τη. 3 ο Μέρος Εισαγωγή πληροφοριών: δημιουργία ιστοσελίδας</a> </h3> <p> <img alt="Δημιουργία η-μαθήματος με τη. 3 ο Μέρος Εισαγωγή πληροφοριών: δημιουργία ιστοσελίδας" title="Δημιουργία η-μαθήματος με τη. 3 ο Μέρος Εισαγωγή πληροφοριών: δημιουργία ιστοσελίδας" class="news-block-img pull-right" src="/thumbs/24/3603173.jpg"> Δημιουργία η-μαθήματος με τη χρήση του Moodle 3 ο Μέρος Εισαγωγή πληροφοριών: δημιουργία ιστοσελίδας Δημιουργία η-μαθήματος με τη χρήση του Moodle 3 ο Μέρος Εισαγωγή πληροφοριών: δημιουργία ιστοσελίδας </p> <a href="/3603173-Dimioyrgia-i-mathimatos-me-ti-3-o-meros-eisagogi-pliroforion-dimioyrgia-istoselidas.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/6938298-Periehomena-perivallon-ilektronikoy-ypologisti-9-epifaneia-ergasias-12-diaheirisi-arheion-15-ioi-i-y-21-diaheirisi-ektyposeon.html">Περιεχόμενα. Περιβάλλον ηλεκτρονικού υπολογιστή...9 Επιφάνεια εργασίας...12 Διαχείριση αρχείων...15 Ιοί Η/Υ...21 Διαχείριση εκτυπώσεων...</a> </h3> <p> <img alt="Περιεχόμενα. Περιβάλλον ηλεκτρονικού υπολογιστή...9 Επιφάνεια εργασίας...12 Διαχείριση αρχείων...15 Ιοί Η/Υ...21 Διαχείριση εκτυπώσεων..." title="Περιεχόμενα. Περιβάλλον ηλεκτρονικού υπολογιστή...9 Επιφάνεια εργασίας...12 Διαχείριση αρχείων...15 Ιοί Η/Υ...21 Διαχείριση εκτυπώσεων..." class="news-block-img pull-right" src="/thumbs/25/6938298.jpg"> Περιεχόμενα Περιβάλλον ηλεκτρονικού υπολογιστή...9 Επιφάνεια εργασίας...12 Διαχείριση αρχείων...15 Ιοί Η/Υ...21 Διαχείριση εκτυπώσεων...22 Περιβάλλον ηλεκτρονικού υπολογιστή...23 Επιφάνεια εργασίας...26 </p> <a href="/6938298-Periehomena-perivallon-ilektronikoy-ypologisti-9-epifaneia-ergasias-12-diaheirisi-arheion-15-ioi-i-y-21-diaheirisi-ektyposeon.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/8447288-Odigos-grigoris-ekkinisis.html">Οδηγός γρήγορης εκκίνησης</a> </h3> <p> <img alt="Οδηγός γρήγορης εκκίνησης" title="Οδηγός γρήγορης εκκίνησης" class="news-block-img pull-right" src="/thumbs/26/8447288.jpg"> Οδηγός γρήγορης εκκίνησης Το Microsoft Word 2013 έχει διαφορετική εμφάνιση από προηγούμενες εκδόσεις. Γι αυτό το λόγο, δημιουργήσαμε αυτόν τον οδηγό για να ελαχιστοποιήσουμε την καμπύλη εκμάθησης. Γραμμή </p> <a href="/8447288-Odigos-grigoris-ekkinisis.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/12584688-Vaseis-dedomenon-access.html">Βάσεις δεδομένων (Access)</a> </h3> <p> <img alt="Βάσεις δεδομένων (Access)" title="Βάσεις δεδομένων (Access)" class="news-block-img pull-right" src="/thumbs/28/12584688.jpg"> Βάσεις δεδομένων (Access) Όταν εκκινούμε την Access εμφανίζεται το παρακάτω παράθυρο: Κουμπί Κενή βάση δεδομένων Κουμπί του Office Για να φτιάξουμε μια νέα ΒΔ κάνουμε κλικ στο κουμπί «Κενή βάση δεδομένων» </p> <a href="/12584688-Vaseis-dedomenon-access.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/2366028-Di-m-i-o-yr-g-i-a-w-i-k-i-me-t-i-hrisi-t-i-s-yp-iresias-h-t-t-p-www-wik-id-ot-com.html">ΔΗ Μ Ι Ο ΥΡ Γ Ι Α W I K I με τ η χρήση τ η ς υπ ηρεσίας h t t p : /www.wik id ot.com /</a> </h3> <p> <img alt="ΔΗ Μ Ι Ο ΥΡ Γ Ι Α W I K I με τ η χρήση τ η ς υπ ηρεσίας h t t p : /www.wik id ot.com /" title="ΔΗ Μ Ι Ο ΥΡ Γ Ι Α W I K I με τ η χρήση τ η ς υπ ηρεσίας h t t p : /www.wik id ot.com /" class="news-block-img pull-right" src="/thumbs/24/2366028.jpg"> ΔΗ Μ Ι Ο ΥΡ Γ Ι Α W I K I με τ η χρήση τ η ς υπ ηρεσίας h t t p : /www.wik id ot.com / 1. Τι είναι το wikidot Το wikidot είναι ένας δικτυακός τόπος στον οποίο κάθε χρήστης έχει το δικαίωμα να δημιουργήσει </p> <a href="/2366028-Di-m-i-o-yr-g-i-a-w-i-k-i-me-t-i-hrisi-t-i-s-yp-iresias-h-t-t-p-www-wik-id-ot-com.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/5162369-Dimioyrgia-paroysiaseon-power-point.html">Δημιουργία παρουσιάσεων (Power Point)</a> </h3> <p> <img alt="Δημιουργία παρουσιάσεων (Power Point)" title="Δημιουργία παρουσιάσεων (Power Point)" class="news-block-img pull-right" src="/thumbs/25/5162369.jpg"> Δημιουργία παρουσιάσεων (Power Point) Το πρόγραμμα PowerPoint είναι η «αίθουσα προβολών» του Office. Μια προβολή (παρουσίασης) του PowerPoint μπορεί να έχει ως στόχο να ενημερώσει, να διδάξει ή και να </p> <a href="/5162369-Dimioyrgia-paroysiaseon-power-point.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/289070-To-microsoft-word-xp-as-xekinisoyme-loipon.html">ΤΟ MICROSOFT WORD XP. Ας ξεκινήσουμε λοιπόν!</a> </h3> <p> <img alt="ΤΟ MICROSOFT WORD XP. Ας ξεκινήσουμε λοιπόν!" title="ΤΟ MICROSOFT WORD XP. Ας ξεκινήσουμε λοιπόν!" class="news-block-img pull-right" src="/thumbs/19/289070.jpg"> XP ΚΑΡΤΕΛΑ ΕΡΓΑΣΙΑΣ 1 Το Microsoft Word είναι ένα πρόγραμμα στον υπολογιστή που σας βοηθά να γράφετε όμορφα κείμενα στα οποία μπορείτε να προσθέσετε εικόνες, γραφικά ακόμα και ήχους. Aφού γράψετε ένα κείμενο, </p> <a href="/289070-To-microsoft-word-xp-as-xekinisoyme-loipon.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/304501-Panepistimio-makedonias-oikonomikon-kai-koinonikon-epistimon-tmima-oikonomikon-epistimon.html">ΠΑΝΕΠΙΣΤΗΜΙΟ ΜΑΚΕΔΟΝΙΑΣ ΟΙΚΟΝΟΜΙΚΩΝ ΚΑΙ ΚΟΙΝΩΝΙΚΩΝ ΕΠΙΣΤΗΜΩΝ ΤΜΗΜΑ ΟΙΚΟΝΟΜΙΚΩΝ ΕΠΙΣΤΗΜΩΝ</a> </h3> <p> <img alt="ΠΑΝΕΠΙΣΤΗΜΙΟ ΜΑΚΕΔΟΝΙΑΣ ΟΙΚΟΝΟΜΙΚΩΝ ΚΑΙ ΚΟΙΝΩΝΙΚΩΝ ΕΠΙΣΤΗΜΩΝ ΤΜΗΜΑ ΟΙΚΟΝΟΜΙΚΩΝ ΕΠΙΣΤΗΜΩΝ" title="ΠΑΝΕΠΙΣΤΗΜΙΟ ΜΑΚΕΔΟΝΙΑΣ ΟΙΚΟΝΟΜΙΚΩΝ ΚΑΙ ΚΟΙΝΩΝΙΚΩΝ ΕΠΙΣΤΗΜΩΝ ΤΜΗΜΑ ΟΙΚΟΝΟΜΙΚΩΝ ΕΠΙΣΤΗΜΩΝ" class="news-block-img pull-right" src="/thumbs/19/304501.jpg"> ΠΑΝΕΠΙΣΤΗΜΙΟ ΜΑΚΕΔΟΝΙΑΣ ΟΙΚΟΝΟΜΙΚΩΝ ΚΑΙ ΚΟΙΝΩΝΙΚΩΝ ΕΠΙΣΤΗΜΩΝ ΤΜΗΜΑ ΟΙΚΟΝΟΜΙΚΩΝ ΕΠΙΣΤΗΜΩΝ ΜΑΘΗΜΑ : Η/Υ I (ενότητα WINDOWS) ΥΠΕΥΘΥΝΟΣ : ΑΝΑΣΤΑΣΙΟΣ ΟΙΚΟΝΟΜΙΔΗΣ, Καθηγητής ΕΡΓΑΣΤΗΡΙΑ : ΘΕΑΝΩ ΧΑΤΖΙΔΑΚΗ, Εργαστηριακό </p> <a href="/304501-Panepistimio-makedonias-oikonomikon-kai-koinonikon-epistimon-tmima-oikonomikon-epistimon.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/6541787-B-etoimazontas-mia-paroysiasi.html">B) Ετοιμάζοντας μια Παρουσίαση</a> </h3> <p> <img alt="B) Ετοιμάζοντας μια Παρουσίαση" title="B) Ετοιμάζοντας μια Παρουσίαση" class="news-block-img pull-right" src="/thumbs/25/6541787.jpg"> B) Ετοιμάζοντας μια Παρουσίαση Τι είναι μια παρουσίαση με τη βοήθεια ηλεκτρονικού υπολογιστή Ο υπολογιστής με την κατάλληλη εφαρμογή, μπορεί να μας βοηθήσει στη δημιουργία εντυπωσιακών εγγράφων, διαφανειών </p> <a href="/6541787-B-etoimazontas-mia-paroysiasi.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/10602414-Hrisimes-leitoyrgies-ton-windows-7.html">Χρήσιμες Λειτουργίες των. Windows 7</a> </h3> <p> <img alt="Χρήσιμες Λειτουργίες των. Windows 7" title="Χρήσιμες Λειτουργίες των. Windows 7" class="news-block-img pull-right" src="/thumbs/27/10602414.jpg"> Χρήσιμες Λειτουργίες των Windows 7 1 Περιεχόμενα Εισαγωγή... 3 Χαρακτηριστικά των Windows 7... 3 1. Θέματα (themes):... 3 1.1. Aero Peek... 4 1.2. Aero Shake:... 4 1.3. Aero Snap:... 4 1.4. Αero Flip:... </p> <a href="/10602414-Hrisimes-leitoyrgies-ton-windows-7.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/540674-Eisagogi-stin-pliroforiki-ergastirio.html">ΕΙΣΑΓΩΓΗ ΣΤΗΝ ΠΛΗΡΟΦΟΡΙΚΗ ΕΡΓΑΣΤΗΡΙΟ</a> </h3> <p> <img alt="ΕΙΣΑΓΩΓΗ ΣΤΗΝ ΠΛΗΡΟΦΟΡΙΚΗ ΕΡΓΑΣΤΗΡΙΟ" title="ΕΙΣΑΓΩΓΗ ΣΤΗΝ ΠΛΗΡΟΦΟΡΙΚΗ ΕΡΓΑΣΤΗΡΙΟ" class="news-block-img pull-right" src="/thumbs/20/540674.jpg"> TEXNOΛΟΓΙΚΟ EΚΠΑΙΔΕΥΤΙΚΟ ΙΔΡΥΜΑ ΣΕΡΡΩΝ ΣΧΟΛΗ ΤΕΧΝΟΛΟΓΙΚΩΝ ΕΦΑΡΜΟΓΩΝ ΤΜΗΜΑ ΠΛΗΡΟΦΟΡΙΚΗΣ & ΕΠΙΚΟΙΝΩΝΙΩΝ ΕΙΣΑΓΩΓΗ ΣΤΗΝ ΠΛΗΡΟΦΟΡΙΚΗ ΕΡΓΑΣΤΗΡΙΟ Σημειώσεις Εργαστηρίου για το Δρ. Ευάγγελος Φιλιππίδης ΣΕΡΡΕΣ, </p> <a href="/540674-Eisagogi-stin-pliroforiki-ergastirio.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/164576-Mathima-ergaleia-anaptyxis-efarmogon-internet.html">ΜΑΘΗΜΑ: Εργαλεία Ανάπτυξης εφαρμογών internet.</a> </h3> <p> <img alt="ΜΑΘΗΜΑ: Εργαλεία Ανάπτυξης εφαρμογών internet." title="ΜΑΘΗΜΑ: Εργαλεία Ανάπτυξης εφαρμογών internet." class="news-block-img pull-right" src="/thumbs/17/164576.jpg"> ΜΑΘΗΜΑ: Εργαλεία Ανάπτυξης εφαρμογών internet. ΩΡΕΣ ΔΙΔΑΣΚΑΛΙΑΣ: ΕΙΔΟΣ ΜΑΘΗΜΑΤΟΣ: Μικτό Γενικός σκοπός είναι να αποκτήσει ο καταρτιζόμενος τις αναγκαίες γνώσεις σχετικά με εργαλεία και τις τεχνικές για </p> <a href="/164576-Mathima-ergaleia-anaptyxis-efarmogon-internet.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/765035-Periehomena-dimioyrgia-syndesis-27-5-ti-einai-istoselides-kai-ti-topothesies-istoy-37-gnorimia-me-mia-istoselida-38.html">Περιεχόμενα. Δημιουργία σύνδεσης... 27 5. ΤΙ ΕΙΝΑΙ ΙΣΤΟΣΕΛΙΔΕΣ ΚΑΙ ΤΙ ΤΟΠΟΘΕΣΙΕΣ ΙΣΤΟΥ... 37. Γνωριμία με μια ιστοσελίδα:... 38</a> </h3> <p> <img alt="Περιεχόμενα. Δημιουργία σύνδεσης... 27 5. ΤΙ ΕΙΝΑΙ ΙΣΤΟΣΕΛΙΔΕΣ ΚΑΙ ΤΙ ΤΟΠΟΘΕΣΙΕΣ ΙΣΤΟΥ... 37. Γνωριμία με μια ιστοσελίδα:... 38" title="Περιεχόμενα. Δημιουργία σύνδεσης... 27 5. ΤΙ ΕΙΝΑΙ ΙΣΤΟΣΕΛΙΔΕΣ ΚΑΙ ΤΙ ΤΟΠΟΘΕΣΙΕΣ ΙΣΤΟΥ... 37. Γνωριμία με μια ιστοσελίδα:... 38" class="news-block-img pull-right" src="/thumbs/18/765035.jpg"> Περιεχόμενα ΠΡΟΛΟΓΟΣ... 11 ΔΙΑΔΙΚΤΥΟ... 13 1. ΙΣΤΟΡΙΑ ΤΟΥ ΔΙΑΔΙΚΤΥΟΥ... 15 2. ΤΙ ΕΙΝΑΙ ΤΟ ΔΙΑΔΙΚΤΥΟ INTERNET;... 16 3. ΤΙ ΠΡΟΣΦΕΡΕΙ ΤΟ ΔΙΑΔΙΚΤΥΟ, ΤΙ ΜΠΟΡΕΙ ΝΑ ΒΡΕΙ ΚΑΝΕΙΣ... 19 4. ΤΙ ΑΠΑΙΤΕΙΤΑΙ ΓΙΑ ΝΑ </p> <a href="/765035-Periehomena-dimioyrgia-syndesis-27-5-ti-einai-istoselides-kai-ti-topothesies-istoy-37-gnorimia-me-mia-istoselida-38.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/11528258-Eisagogi-sto-leitoyrgiko-systima-microsoft-windows-95-98-nt-2000-xp.html">ΕΙΣΑΓΩΓΗ ΣΤΟ ΛΕΙΤΟΥΡΓΙΚΟ ΣΥΣΤΗΜΑ Microsoft WINDOWS (95-98-NT-2000-XP)</a> </h3> <p> <img alt="ΕΙΣΑΓΩΓΗ ΣΤΟ ΛΕΙΤΟΥΡΓΙΚΟ ΣΥΣΤΗΜΑ Microsoft WINDOWS (95-98-NT-2000-XP)" title="ΕΙΣΑΓΩΓΗ ΣΤΟ ΛΕΙΤΟΥΡΓΙΚΟ ΣΥΣΤΗΜΑ Microsoft WINDOWS (95-98-NT-2000-XP)" class="news-block-img pull-right" src="/thumbs/27/11528258.jpg"> ΤΜΗΜΑ ΦΥΣΙΚΗΣ Α.Π.Θ. ΕΡΓΑΣΤΗΡΙΟ ΕΦΑΡΜΟΓΩΝ ΠΛΗΡΟΦΟΡΙΚΗΣ ΕΙΣΑΓΩΓΗ ΣΤΟ ΛΕΙΤΟΥΡΓΙΚΟ ΣΥΣΤΗΜΑ Microsoft WINDOWS (95-98-NT-2000-XP) Κ. Παρασκευόπουλος Αναπλ. Καθηγητής Θεσσαλονίκη 2004 1. Μερικά κλασσικά ερωτήματα </p> <a href="/11528258-Eisagogi-sto-leitoyrgiko-systima-microsoft-windows-95-98-nt-2000-xp.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/10476299-Epexergasia-pollaplon-fyllon-ergasias-grafimaton-excel.html">Επεξεργασία πολλαπλών φύλλων εργασίας - Γραφημάτων Excel</a> </h3> <p> <img alt="Επεξεργασία πολλαπλών φύλλων εργασίας - Γραφημάτων Excel" title="Επεξεργασία πολλαπλών φύλλων εργασίας - Γραφημάτων Excel" class="news-block-img pull-right" src="/thumbs/27/10476299.jpg"> Επεξεργασία πολλαπλών φύλλων εργασίας - Γραφημάτων Excel 11.1. Πολλαπλά φύλλα εργασίας Στο προηγούμενο κεφάλαιο δημιουργήσαμε ένα φύλλο εργασίας με τον προϋπολογισμό δαπανών του προσωπικού που θα συμμετάσχει </p> <a href="/10476299-Epexergasia-pollaplon-fyllon-ergasias-grafimaton-excel.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/12370189-6-to-mikro-vivlio-gia-to-elliniko-word-2010.html">6 Το μικρό βιβλίο για το ελληνικό Word 2010</a> </h3> <p> <img alt="6 Το μικρό βιβλίο για το ελληνικό Word 2010" title="6 Το μικρό βιβλίο για το ελληνικό Word 2010" class="news-block-img pull-right" src="/thumbs/27/12370189.jpg"> Περιεχόμενα Κεφάλαιο 1 Microsoft Word 2010... 7 Κεφάλαιο 2 ημιουργία νέου εγγράφου... 13 Κεφάλαιο 3 Το σύστημα Βοήθειας του Office... 26 Κεφάλαιο 4 Μετακίνηση σε έγγραφο και προβολές εγγράφου... 31 Κεφάλαιο </p> <a href="/12370189-6-to-mikro-vivlio-gia-to-elliniko-word-2010.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/232455-Drastiriotites-kodikos-titlos-epipedo.html">ΔΡΑΣΤΗΡΙΟΤΗΤΕΣ. Κωδικός Τίτλος Επίπεδο</a> </h3> <p> <img alt="ΔΡΑΣΤΗΡΙΟΤΗΤΕΣ. Κωδικός Τίτλος Επίπεδο" title="ΔΡΑΣΤΗΡΙΟΤΗΤΕΣ. Κωδικός Τίτλος Επίπεδο" class="news-block-img pull-right" src="/thumbs/19/232455.jpg"> ΔΡΑΣΤΗΡΙΟΤΗΤΕΣ Ενότητα: Υποενότητα: Διαδικτυακές Υπηρεσίες κι Εφαρμογές Υ8 - Δημοτικοί Ιστότοποι / Google Sites Λίστα Δραστηριοτήτων Κωδικός Τίτλος Επίπεδο Υ8.Δ1 Αναζήτηση δημοτικών ιστοτόπων και αξιολόγηση </p> <a href="/232455-Drastiriotites-kodikos-titlos-epipedo.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/2287935-De10-pliroforiaka-systimata-dioikisis-ii-ergastirio-2.html">ΔΕ10: Πληροφοριακά Συστήματα Διοίκησης IΙ Εργαστήριο # 2</a> </h3> <p> <img alt="ΔΕ10: Πληροφοριακά Συστήματα Διοίκησης IΙ Εργαστήριο # 2" title="ΔΕ10: Πληροφοριακά Συστήματα Διοίκησης IΙ Εργαστήριο # 2" class="news-block-img pull-right" src="/thumbs/24/2287935.jpg"> ΔΕ10: Πληροφοριακά Συστήματα Διοίκησης IΙ Εργαστήριο # 2 Dreamweaver 1/7 Εισαγωγή Το Dreamweaver είναι ένας HTML editor που αναπτύχθηκε από την Macromedia. Είναι WYSIWYG (What You See Is What You Get), </p> <a href="/2287935-De10-pliroforiaka-systimata-dioikisis-ii-ergastirio-2.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/10115284-Vodafone-business-connect.html">Vodafone Business Connect</a> </h3> <p> <img alt="Vodafone Business Connect" title="Vodafone Business Connect" class="news-block-img pull-right" src="/thumbs/27/10115284.jpg"> Vodafone Business Connect Vodafone Business WebHosting Αναλυτικός Οδηγός Χρήσης Photo Album Αναλυτικός οδηγός χρήσης: Photo Album Vodafone Business Connect - Υπηρεσίες φιλοξενίας εταιρικού e-mail & web </p> <a href="/10115284-Vodafone-business-connect.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/1535276-Exetastea-yli-syllabus-version-1-0-1.html">ΕΞΕΤΑΣΤΕΑ ΥΛΗ - SYLLABUS Version 1.0.1</a> </h3> <p> <img alt="ΕΞΕΤΑΣΤΕΑ ΥΛΗ - SYLLABUS Version 1.0.1" title="ΕΞΕΤΑΣΤΕΑ ΥΛΗ - SYLLABUS Version 1.0.1" class="news-block-img pull-right" src="/thumbs/22/1535276.jpg"> ΕΞΕΤΑΣΤΕΑ ΥΛΗ - SYLLABUS Version 1.0.1 ΓΝΩΣΤΙΚΑ ΑΝΤΙΚΕΙΜΕΝΑ Χρήση Η/Υ και διαχείριση αρχείων Επεξεργασία κειμένων Υπολογιστικά φύλλα Υπηρεσίες διαδικτύου Βάσεις δεδομένων Παρουσιάσεις ΣΥΣΤΗΜΑ ΕΞΕΤΑΣΕΩΝ </p> <a href="/1535276-Exetastea-yli-syllabus-version-1-0-1.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/342387-Eisagogi-stin-pliroforiki-ergastirio.html">ΕΙΣΑΓΩΓΗ ΣΤΗΝ ΠΛΗΡΟΦΟΡΙΚΗ ΕΡΓΑΣΤΗΡΙΟ</a> </h3> <p> <img alt="ΕΙΣΑΓΩΓΗ ΣΤΗΝ ΠΛΗΡΟΦΟΡΙΚΗ ΕΡΓΑΣΤΗΡΙΟ" title="ΕΙΣΑΓΩΓΗ ΣΤΗΝ ΠΛΗΡΟΦΟΡΙΚΗ ΕΡΓΑΣΤΗΡΙΟ" class="news-block-img pull-right" src="/thumbs/19/342387.jpg"> TEXNOΛΟΓΙΚΟ EΚΠΑΙΔΕΥΤΙΚΟ ΙΔΡΥΜΑ ΣΕΡΡΩΝ ΣΧΟΛΗ ΤΕΧΝΟΛΟΓΙΚΩΝ ΕΦΑΡΜΟΓΩΝ ΤΜΗΜΑ ΠΛΗΡΟΦΟΡΙΚΗΣ & ΕΠΙΚΟΙΝΩΝΙΩΝ ΕΙΣΑΓΩΓΗ ΣΤΗΝ ΠΛΗΡΟΦΟΡΙΚΗ ΕΡΓΑΣΤΗΡΙΟ Σημειώσεις Εργαστηρίου για το Δρ. Ευάγγελος Φιλιππίδης ΣΕΡΡΕΣ, </p> <a href="/342387-Eisagogi-stin-pliroforiki-ergastirio.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/2256537-Kefalaio-ii-openoffice-3-x-calc.html">ΚΕΦΑΛΑΙΟ ΙΙ. OpenOffice 3.x Calc</a> </h3> <p> <img alt="ΚΕΦΑΛΑΙΟ ΙΙ. OpenOffice 3.x Calc" title="ΚΕΦΑΛΑΙΟ ΙΙ. OpenOffice 3.x Calc" class="news-block-img pull-right" src="/thumbs/24/2256537.jpg"> ΚΕΦΑΛΑΙΟ ΙΙ OpenOffice 3.x Calc Στόχοι: Με τη βοήθεια του οδηγού αυτού ο εκπαιδευόμενος θα μπορεί να: χρησιμοποιεί τα βασικά εργαλεία του Calc κατασκευάζει πίνακες δημιουργεί φόρμουλες υπολογισμού κατασκευάζει </p> <a href="/2256537-Kefalaio-ii-openoffice-3-x-calc.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/844283-To-logismiko-paroysiaseon-power-point-2007.html">Το λογισμικό παρουσιάσεων Power Point 2007</a> </h3> <p> <img alt="Το λογισμικό παρουσιάσεων Power Point 2007" title="Το λογισμικό παρουσιάσεων Power Point 2007" class="news-block-img pull-right" src="/thumbs/18/844283.jpg"> Το λογισμικό παρουσιάσεων Power Point 2007 Το πρόγραμμα PowerPoint είναι η «αίθουσα προβολών» του Office. Μια προβολή (παρουσίασης) του PowerPoint μπορεί να έχει ως στόχο να ενημερώσει, να διδάξει ή και </p> <a href="/844283-To-logismiko-paroysiaseon-power-point-2007.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/9082941-Interactive-power-point.html">Interactive Power Point</a> </h3> <p> <img alt="Interactive Power Point" title="Interactive Power Point" class="news-block-img pull-right" src="/thumbs/26/9082941.jpg"> Interactive Power Point Οι περισσότεροι χρήστες γνωρίζουν τη χρήση του Microsoft Power Point για τη δημιουργία παρουσιάσεων. Αυτό όμως που λίγοι γνωρίζουν, είναι ότι το πρόγραμμα αυτό, έχει δυνατότητες </p> <a href="/9082941-Interactive-power-point.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/249424-Odigos-hrisis-manual-diaheiristi-hristi.html">ΟΔΗΓΟΣ ΧΡΗΣΗΣ(ΜΑΝUΑL) ΔΙΑΧΕΙΡΙΣΤΗ-ΧΡΗΣΤΗ.</a> </h3> <p> <img alt="ΟΔΗΓΟΣ ΧΡΗΣΗΣ(ΜΑΝUΑL) ΔΙΑΧΕΙΡΙΣΤΗ-ΧΡΗΣΤΗ." title="ΟΔΗΓΟΣ ΧΡΗΣΗΣ(ΜΑΝUΑL) ΔΙΑΧΕΙΡΙΣΤΗ-ΧΡΗΣΤΗ." class="news-block-img pull-right" src="/thumbs/19/249424.jpg"> ΟΔΗΓΟΣ ΧΡΗΣΗΣ(ΜΑΝUΑL) ΔΙΑΧΕΙΡΙΣΤΗ-ΧΡΗΣΤΗ. Οδηγός Διαχειριστή Το m-learning Toolkit είναι μια ολοκληρωμένη πλατφόρμα εξ αποστάσεως εκπαίδευσης που έχει σχεδιαστεί για να υπάρχει η δυνατότητα της πρόσβασης </p> <a href="/249424-Odigos-hrisis-manual-diaheiristi-hristi.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/2256573-Synoptikos-odigos-hrisis-toy-moodle-gia-ton-kathigiti.html">Συνοπτικός Οδηγός Χρήσης του Moodle για τον Καθηγητή</a> </h3> <p> <img alt="Συνοπτικός Οδηγός Χρήσης του Moodle για τον Καθηγητή" title="Συνοπτικός Οδηγός Χρήσης του Moodle για τον Καθηγητή" class="news-block-img pull-right" src="/thumbs/24/2256573.jpg"> Συνοπτικός Οδηγός Χρήσης του Moodle για τον Καθηγητή 1 Πίνακας Περιεχομένων 1. Εισαγωγή... 4 1.1 Περιβάλλον Moodle...4 1.2 Χρήση ονόματος χρήστη και κωδικού...4 1.3 Δημιουργία νέου μαθήματος...4 1.3.1 </p> <a href="/2256573-Synoptikos-odigos-hrisis-toy-moodle-gia-ton-kathigiti.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/6937673-Pinakes-perigrauuata-kai-skiasi.html">Πίνακες, περιγράµµατα και σκίαση</a> </h3> <p> <img alt="Πίνακες, περιγράµµατα και σκίαση" title="Πίνακες, περιγράµµατα και σκίαση" class="news-block-img pull-right" src="/thumbs/25/6937673.jpg"> Πίνακες, περιγράµµατα και σκίαση Οι πίνακες Οι πίνακες είναι ορθογώνια πλαίσια που χωρίζονται σε γραµµές και στήλες. Η τοµή µιας γραµµής µε µια στήλη προσδιορίζει ένα κελί. Τα στοιχεία, που παρουσιάζουµε, </p> <a href="/6937673-Pinakes-perigrauuata-kai-skiasi.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/2572782-Periehomena-liga-logia-apo-to-syggrafea-7-1-microsoft-word-2010-9-2-imioyrgia-neoy-eggrafoy-17-3-to-systima-voitheias-toy-office.html">Περιεχόμενα. Λίγα λόγια από το συγγραφέα... 7 1 Microsoft Word 2010... 9. 2 ημιουργία νέου εγγράφου... 17. 3 Το σύστημα Βοήθειας του Office...</a> </h3> <p> <img alt="Περιεχόμενα. Λίγα λόγια από το συγγραφέα... 7 1 Microsoft Word 2010... 9. 2 ημιουργία νέου εγγράφου... 17. 3 Το σύστημα Βοήθειας του Office..." title="Περιεχόμενα. Λίγα λόγια από το συγγραφέα... 7 1 Microsoft Word 2010... 9. 2 ημιουργία νέου εγγράφου... 17. 3 Το σύστημα Βοήθειας του Office..." class="news-block-img pull-right" src="/thumbs/24/2572782.jpg"> Περιεχόμενα Λίγα λόγια από το συγγραφέα... 7 1 Microsoft Word 2010... 9 2 ημιουργία νέου εγγράφου... 17 3 Το σύστημα Βοήθειας του Office... 31 4 Μετακίνηση σε έγγραφο και προβολές εγγράφου... 37 5 Επιλογή </p> <a href="/2572782-Periehomena-liga-logia-apo-to-syggrafea-7-1-microsoft-word-2010-9-2-imioyrgia-neoy-eggrafoy-17-3-to-systima-voitheias-toy-office.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/2572031-Epexergasia-keimenoy-microsoft-word.html">Επεξεργασία Κειμένου - Microsoft Word</a> </h3> <p> <img alt="Επεξεργασία Κειμένου - Microsoft Word" title="Επεξεργασία Κειμένου - Microsoft Word" class="news-block-img pull-right" src="/thumbs/24/2572031.jpg"> Επεξεργασία Κειμένου - Microsoft Word 1) Έναρξη 1.1) Εκκίνηση Για να ξεκινήσουμε το Word, πατάμε στο κουμπί Εναρξη και από το μενού που εμφανίζεται επιλέγουμε Προγράμματα και Microsoft Word. Η εφαρμογή </p> <a href="/2572031-Epexergasia-keimenoy-microsoft-word.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/2533222-I-glossa-programmatismoy-toy-internet-html.html">Η Γλώσσα Προγραμματισμού του Internet HTML</a> </h3> <p> <img alt="Η Γλώσσα Προγραμματισμού του Internet HTML" title="Η Γλώσσα Προγραμματισμού του Internet HTML" class="news-block-img pull-right" src="/thumbs/24/2533222.jpg"> Η Γλώσσα Προγραμματισμού του Internet HTML Η HTML και το Internet Κάθε σελίδα που εμφανίζεται στο Internet είναι ένα αρχείο γραμμένο με τη γλώσσα HTML (HyperText Markup Language, Γλώσσα Χαρακτηρισμού Υπερ-Κειμένου), </p> <a href="/2533222-I-glossa-programmatismoy-toy-internet-html.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/4303051-Eisagogi-sto-libre-office-paroysiaseis-me-to-impress-baios-kolofotias-epistimonikos-synergatis-sweng-lab-a-p-th.html">Εισαγωγή στο Libre Office Παρουσιάσεις με το Impress. Bάιος Κολοφωτιάς Επιστημονικός Συνεργάτης Sweng Lab A.Π.Θ</a> </h3> <p> <img alt="Εισαγωγή στο Libre Office Παρουσιάσεις με το Impress. Bάιος Κολοφωτιάς Επιστημονικός Συνεργάτης Sweng Lab A.Π.Θ" title="Εισαγωγή στο Libre Office Παρουσιάσεις με το Impress. Bάιος Κολοφωτιάς Επιστημονικός Συνεργάτης Sweng Lab A.Π.Θ" class="news-block-img pull-right" src="/thumbs/24/4303051.jpg"> Εισαγωγή στο Libre Office Παρουσιάσεις με το Impress Bάιος Κολοφωτιάς Επιστημονικός Συνεργάτης Sweng Lab A.Π.Θ Εισαγωγικά Οι παρουσιάσεις είναι μια εφαρμογή που χρησιμεύει στην παρουσίαση των εργασιών </p> <a href="/4303051-Eisagogi-sto-libre-office-paroysiaseis-me-to-impress-baios-kolofotias-epistimonikos-synergatis-sweng-lab-a-p-th.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/843052-Sitebuilder-platforma-aytonomis-kataskeyis-diaheirisis-diktyakon-topon-website-egheiridio-hrisis-version-2-0.html">SITEBUILDER ΠΛΑΤΦΟΡΜΑ ΑΥΤΟΝΟΜΗΣ ΚΑΤΑΣΚΕΥΗΣ & ΔΙΑΧΕΙΡΙΣΗΣ ΔΙΚΤΥΑΚΩΝ ΤΟΠΩΝ (WEBSITE) ΕΓΧΕΙΡΙΔΙΟ ΧΡΗΣΗΣ. Version 2.0</a> </h3> <p> <img alt="SITEBUILDER ΠΛΑΤΦΟΡΜΑ ΑΥΤΟΝΟΜΗΣ ΚΑΤΑΣΚΕΥΗΣ & ΔΙΑΧΕΙΡΙΣΗΣ ΔΙΚΤΥΑΚΩΝ ΤΟΠΩΝ (WEBSITE) ΕΓΧΕΙΡΙΔΙΟ ΧΡΗΣΗΣ. Version 2.0" title="SITEBUILDER ΠΛΑΤΦΟΡΜΑ ΑΥΤΟΝΟΜΗΣ ΚΑΤΑΣΚΕΥΗΣ & ΔΙΑΧΕΙΡΙΣΗΣ ΔΙΚΤΥΑΚΩΝ ΤΟΠΩΝ (WEBSITE) ΕΓΧΕΙΡΙΔΙΟ ΧΡΗΣΗΣ. Version 2.0" class="news-block-img pull-right" src="/thumbs/18/843052.jpg"> SITEBUILDER ΠΛΑΤΦΟΡΜΑ ΑΥΤΟΝΟΜΗΣ ΚΑΤΑΣΚΕΥΗΣ & ΔΙΑΧΕΙΡΙΣΗΣ ΔΙΚΤΥΑΚΩΝ ΤΟΠΩΝ (WEBSITE) ΕΓΧΕΙΡΙΔΙΟ ΧΡΗΣΗΣ Version 2.0 Περιεχόμενα 1. Οδηγίες πρόσβασης... 3 2. Οδηγίες Σχεδιασμού Website... 4 2.1. Έναρξη... </p> <a href="/843052-Sitebuilder-platforma-aytonomis-kataskeyis-diaheirisis-diktyakon-topon-website-egheiridio-hrisis-version-2-0.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/67003-Vaseis-dedomenon-access.html">Βάσεις δεδομένων (Access)</a> </h3> <p> <img alt="Βάσεις δεδομένων (Access)" title="Βάσεις δεδομένων (Access)" class="news-block-img pull-right" src="/thumbs/17/67003.jpg"> Βάσεις δεδομένων (Access) Όταν εκκινούμε την Access εμφανίζεται το παρακάτω παράθυρο: Για να φτιάξουμε μια νέα ΒΔ κάνουμε κλικ στην επιλογή «Κενή βάση δεδομένων» στο Παράθυρο Εργασιών. Θα εμφανιστεί το </p> <a href="/67003-Vaseis-dedomenon-access.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/10420296-Egheiridio-mathiti-tis-platformas-tilekatartisis.html">ΕΓΧΕΙΡΙΔΙΟ ΜΑΘΗΤΗ. της Πλατφόρμας Τηλεκατάρτισης</a> </h3> <p> <img alt="ΕΓΧΕΙΡΙΔΙΟ ΜΑΘΗΤΗ. της Πλατφόρμας Τηλεκατάρτισης" title="ΕΓΧΕΙΡΙΔΙΟ ΜΑΘΗΤΗ. της Πλατφόρμας Τηλεκατάρτισης" class="news-block-img pull-right" src="/thumbs/27/10420296.jpg"> ΕΓΧΕΙΡΙΔΙΟ ΜΑΘΗΤΗ της Πλατφόρμας Τηλεκατάρτισης ΠΕΡΙΕΧΟΜΕΝΑ 1. Εισαγωγή...2 2. Αρχική σελίδα, Εισαγωγή & Περιβάλλον Συστήματος...3 2.1. Αρχική σελίδα εισαγωγής...3 2.2. Εισαγωγή στην Πλατφόρμα Τηλε-κατάρτισης...4 </p> <a href="/10420296-Egheiridio-mathiti-tis-platformas-tilekatartisis.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/8406590-Microsoft-word-2007-information-technology-services-and-solutions-symvoyloi-mihanografisis-kai-ekpaideysis.html">Microsoft Word 2007. Information Technology Services and Solutions. Σύμβουλοι Μηχανογράφησης και Εκπαίδευσης</a> </h3> <p> <img alt="Microsoft Word 2007. Information Technology Services and Solutions. Σύμβουλοι Μηχανογράφησης και Εκπαίδευσης" title="Microsoft Word 2007. Information Technology Services and Solutions. Σύμβουλοι Μηχανογράφησης και Εκπαίδευσης" class="news-block-img pull-right" src="/thumbs/26/8406590.jpg"> Information Technology Services and Solutions Σύμβουλοι Μηχανογράφησης και Εκπαίδευσης Στεφ. Σκουλούδη 27, Καλλίπολη, Πειραιάς 210 45 38 177 http://www.itss.gr/ Microsoft Word 2007 Κωνσταντίνος Κωβαίος </p> <a href="/8406590-Microsoft-word-2007-information-technology-services-and-solutions-symvoyloi-mihanografisis-kai-ekpaideysis.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/2436924-Eisagogi-sto-microsoft-frontpage.html">ΕΙΣΑΓΩΓΗ ΣΤΟ MICROSOFT FRONTPAGE</a> </h3> <p> <img alt="ΕΙΣΑΓΩΓΗ ΣΤΟ MICROSOFT FRONTPAGE" title="ΕΙΣΑΓΩΓΗ ΣΤΟ MICROSOFT FRONTPAGE" class="news-block-img pull-right" src="/thumbs/24/2436924.jpg"> Πανεπιστήμιο Αιγαίου Τμήμα Πολιτισμικής Τεχνολογίας και Επικοινωνίας ΕΙΣΑΓΩΓΗ ΣΤΟ MICROSOFT FRONTPAGE Σημειώσεις του μαθήματος ΕΡΓΑΣΤΗΡΙΟ ΠΛΗΡΟΦΟΡΙΚΗΣ Δρ Ευαγγελία Καβακλή Μυτιλήνη 2001 1 Αρχίζοντας... </p> <a href="/2436924-Eisagogi-sto-microsoft-frontpage.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/6189796-Odigos-grigoris-ekkinisis.html">Οδηγός γρήγορης εκκίνησης</a> </h3> <p> <img alt="Οδηγός γρήγορης εκκίνησης" title="Οδηγός γρήγορης εκκίνησης" class="news-block-img pull-right" src="/thumbs/25/6189796.jpg"> Οδηγός γρήγορης εκκίνησης Το Microsoft Excel 2013 έχει διαφορετική εμφάνιση από προηγούμενες εκδόσεις. Γι αυτό το λόγο, δημιουργήσαμε αυτόν τον οδηγό για να ελαχιστοποιήσουμε την καμπύλη εκμάθησης. Προσθήκη </p> <a href="/6189796-Odigos-grigoris-ekkinisis.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/379611-Eisagogi-sto-word-kentriki-othoni-toy-word.html">Εισαγωγή στο Word. Κεντρική οθόνη του Word</a> </h3> <p> <img alt="Εισαγωγή στο Word. Κεντρική οθόνη του Word" title="Εισαγωγή στο Word. Κεντρική οθόνη του Word" class="news-block-img pull-right" src="/thumbs/19/379611.jpg"> Εισαγωγή στο Word Το Word είναι το δημοφιλέστερο πρόγραμμα επεξεργασίας κειμένου. Τα κύρια χαρακτηριστικά του είναι η εύκολη και γρήγορη δημιουργία και επεξεργασία εγγράφων. Κεντρική οθόνη του Word Το </p> <a href="/379611-Eisagogi-sto-word-kentriki-othoni-toy-word.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/9931864-6-eisagogi-sto-wordpress-3-x.html">6 Εισαγωγή στο Wordpress 3.x</a> </h3> <p> <img alt="6 Εισαγωγή στο Wordpress 3.x" title="6 Εισαγωγή στο Wordpress 3.x" class="news-block-img pull-right" src="/thumbs/27/9931864.jpg"> Περιεχόμενα 1 Εγκατάσταση του WordPress... 11 Ελάχιστες απαιτήσεις... 11 Easy PHP... 12 Εγκατάσταση Easy PHP... 12 Βήματα εγκατάστασης EasyPHP με εικόνες... 13 Το EasyPHP στα Ελληνικά... 17 Κατέβασμα και </p> <a href="/9931864-6-eisagogi-sto-wordpress-3-x.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/10485575-Eisagogi-sto-word-2007-n-papadopoylos.html">Εισαγωγή στο Word 2007 Ν. Παπαδόπουλος</a> </h3> <p> <img alt="Εισαγωγή στο Word 2007 Ν. Παπαδόπουλος" title="Εισαγωγή στο Word 2007 Ν. Παπαδόπουλος" class="news-block-img pull-right" src="/thumbs/27/10485575.jpg"> Εισαγωγή στο Word 2007 Ν. Παπαδόπουλος Πληκτρολογώ το διπλανό κείµενο. Επειδή το κείµενο αποτελείται από δύο παραγράφους πατάω το Enter µόνο στο τέλος της κάθε παραγράφου και όχι σε κάθε γραµµή 1. δηµιουργία </p> <a href="/10485575-Eisagogi-sto-word-2007-n-papadopoylos.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/4715700-Ergastirio-toy-mathimatos-epl-001.html">Εργαστήριο του Μαθήματος: ΕΠΛ 001</a> </h3> <p> <img alt="Εργαστήριο του Μαθήματος: ΕΠΛ 001" title="Εργαστήριο του Μαθήματος: ΕΠΛ 001" class="news-block-img pull-right" src="/thumbs/25/4715700.jpg"> Το Διαδίκτυο (Internet) και ο Παγκόσμιος Ιστός (WWW) Εργαστήριο του Μαθήματος: ΕΠΛ 001 Ενότητα 2 Το Διαδίκτυο, ο Παγκόσμιος Ιστός και το Ηλεκτρονικό Ταχυδρομείο Το διαδίκτυο είναι ένας όρος που περιγράφει </p> <a href="/4715700-Ergastirio-toy-mathimatos-epl-001.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/7767247-Askisi-1-skopos-antikeimeno.html">Άσκηση 1(Σκοπός αντικείμενο)</a> </h3> <p> <img alt="Άσκηση 1(Σκοπός αντικείμενο)" title="Άσκηση 1(Σκοπός αντικείμενο)" class="news-block-img pull-right" src="/thumbs/26/7767247.jpg"> Άσκηση 1( αντικείμενο) Εισαγωγή στο word το περιβάλλον εργασίας Αντικείμενο Γραμμή τίτλου - μενού εργαλεία εργαλειοσειρές χάρακες γραμμή κατάστασης ράβδοι κύλισης κουμπί κλεισίματος, ελαχιστοποίησης, μεγιστοποίησης </p> <a href="/7767247-Askisi-1-skopos-antikeimeno.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/1860045-Html-1-eisagogi-stin-html-kai-ta-css.html">HTML... 1. Εισαγωγή στην HTML και τα CSS</a> </h3> <p> <img alt="HTML... 1. Εισαγωγή στην HTML και τα CSS" title="HTML... 1. Εισαγωγή στην HTML και τα CSS" class="news-block-img pull-right" src="/thumbs/23/1860045.jpg"> HTML...... 1 Εισαγωγή στην HTML και τα CSS HTML...... 2 HTML. H HTML (HYPERTEXT MARKUP LANGUAGE), είναι µία γλώσσα η οποία «λέει» στον υπολογιστή πως θα πρέπει να εµφανίσει µία ιστοσελίδα. Τα αρχεία στα </p> <a href="/1860045-Html-1-eisagogi-stin-html-kai-ta-css.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/10475980-Grafikes-parastaseis-me-excel.html">ΓΡΑΦΙΚΕΣ ΠΑΡΑΣΤΑΣΕΙΣ ΜΕ ΕXCEL</a> </h3> <p> <img alt="ΓΡΑΦΙΚΕΣ ΠΑΡΑΣΤΑΣΕΙΣ ΜΕ ΕXCEL" title="ΓΡΑΦΙΚΕΣ ΠΑΡΑΣΤΑΣΕΙΣ ΜΕ ΕXCEL" class="news-block-img pull-right" src="/thumbs/27/10475980.jpg"> ΓΡΑΦΙΚΕΣ ΠΑΡΑΣΤΑΣΕΙΣ ΜΕ ΕXCEL 1. Εισαγωγή δεδομένων σε φύλλο εργασίας του Microsoft Excel Για να τοποθετήσουμε τις μετρήσεις μας σε ένα φύλλο Excel, κάνουμε κλικ στο κελί στο οποίο θέλουμε να τοποθετήσουμε </p> <a href="/10475980-Grafikes-parastaseis-me-excel.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/8690972-Erotiseis-word-2007-2-pos-allazoyme-to-diastiho-mias-paragrafoy-pigainoyme-stin-paragrafo-kai-stin-kentriki-kartela-patame-to-eikonidio-diastiho.html">ΕΡΩΤΗΣΕΙΣ WORD 2007. 2. Πώς αλλάζουμε το διάστιχο μίας παραγράφου; [Πηγαίνουμε στην παράγραφο και στην κεντρική καρτέλα πατάμε το εικονίδιο Διάστιχο]</a> </h3> <p> <img alt="ΕΡΩΤΗΣΕΙΣ WORD 2007. 2. Πώς αλλάζουμε το διάστιχο μίας παραγράφου; [Πηγαίνουμε στην παράγραφο και στην κεντρική καρτέλα πατάμε το εικονίδιο Διάστιχο]" title="ΕΡΩΤΗΣΕΙΣ WORD 2007. 2. Πώς αλλάζουμε το διάστιχο μίας παραγράφου; [Πηγαίνουμε στην παράγραφο και στην κεντρική καρτέλα πατάμε το εικονίδιο Διάστιχο]" class="news-block-img pull-right" src="/thumbs/26/8690972.jpg"> ΕΡΩΤΗΣΕΙΣ WORD 2007 1. Πώς βάζουμε διπλή υπογράμμιση και χρώμα υπογράμμισης; [Επιλέγουμε το κείμενο και στην κεντρική καρτέλα πατάμε στο βελάκι δίπλα στο εικονίδιο της υπογράμμισης] 2. Πώς αλλάζουμε το </p> <a href="/8690972-Erotiseis-word-2007-2-pos-allazoyme-to-diastiho-mias-paragrafoy-pigainoyme-stin-paragrafo-kai-stin-kentriki-kartela-patame-to-eikonidio-diastiho.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/12411635-Dialexi-3i-html-intermediate.html">Διάλεξη 3η HTML intermediate</a> </h3> <p> <img alt="Διάλεξη 3η HTML intermediate" title="Διάλεξη 3η HTML intermediate" class="news-block-img pull-right" src="/thumbs/27/12411635.jpg"> Διάλεξη 3η HTML intermediate Στέλιος Μόσχογλου Θεοδόσης Σουργκούνης Αντώνης Χρυσόπουλος I S S E L D e. c o. d e (Intelligent Systems & Software Engineering Lab) Στόχος της ώρας Επέκταση γνώσεων στην html </p> <a href="/12411635-Dialexi-3i-html-intermediate.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/3962320-Anakalypto-o-ypologistis-stin-praxi.html">Ανακαλύπτω. Ο υπολογιστής στην πράξη!</a> </h3> <p> <img alt="Ανακαλύπτω. Ο υπολογιστής στην πράξη!" title="Ανακαλύπτω. Ο υπολογιστής στην πράξη!" class="news-block-img pull-right" src="/thumbs/24/3962320.jpg"> ΔΗΜΟΣΙΑ ΚΕΝΤΡΙΚΗ ΒΙΒΛΙΟΘΗΚΗ ΛΕΒΑΔΕΙΑΣ ΣΥΛΛΟΓΟΣ «ΦΙΛΟΙ ΒΙΒΛΙΟΘΗΚΗΣ ΛΙΒΑΔΕΙΑΣ» Κατερίνα Κεράστα 2014 Α Μαθαίνω τον υπολογιστή μου Ανακαλύπτω Ο υπολογιστής στην πράξη! Ο υπολογιστής στην πράξη! Επιφάνεια </p> <a href="/3962320-Anakalypto-o-ypologistis-stin-praxi.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/9879733-Ergastirio-front-page-3.html">ΕΡΓΑΣΤΗΡΙΟ FRONT PAGE 3</a> </h3> <p> <img alt="ΕΡΓΑΣΤΗΡΙΟ FRONT PAGE 3" title="ΕΡΓΑΣΤΗΡΙΟ FRONT PAGE 3" class="news-block-img pull-right" src="/thumbs/27/9879733.jpg"> ΕΡΓΑΣΤΗΡΙΟ FRONT PAGE 3 Φόρµες Ένας τρόπος για να συλλέξετε πληροφορία από τους επισκέπτες του δικτυακού σας τόπου είναι οι φόρµες. Με τα εξειδικευµένα αυτά εργαλεία µπορείτε να κάνετε έρευνες ή τεστ, </p> <a href="/9879733-Ergastirio-front-page-3.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/563740-Mporeite-ta-deite-vinteaki-me-ti-diadikasia-edo-http-www-greektuts-net-greek-in-joomla.html">Μπορείτε τα δείτε βιντεάκι με τη διαδικασία εδώ: http://www.greektuts.net/greek-in-joomla/</a> </h3> <p> <img alt="Μπορείτε τα δείτε βιντεάκι με τη διαδικασία εδώ: http://www.greektuts.net/greek-in-joomla/" title="Μπορείτε τα δείτε βιντεάκι με τη διαδικασία εδώ: http://www.greektuts.net/greek-in-joomla/" class="news-block-img pull-right" src="/thumbs/20/563740.jpg"> 1) Εμφάνιση ιστοσελίδας Ανοίγουμε το πρόγραμμα πλοήγησης (Firefox, Chrome, Internet Explorer κτλ) και στη γραμμή διευθύνσεων πληκτρολογούμε τη διεύθυνση http://localhost ή http://127.0.0.1. Αν δεν βλέπουμε </p> <a href="/563740-Mporeite-ta-deite-vinteaki-me-ti-diadikasia-edo-http-www-greektuts-net-greek-in-joomla.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/704789-Protokolla-epikoinonias-kai-teihos-prostasias.html">Πρωτόκολλα Επικοινωνίας και Τείχος Προστασίας</a> </h3> <p> <img alt="Πρωτόκολλα Επικοινωνίας και Τείχος Προστασίας" title="Πρωτόκολλα Επικοινωνίας και Τείχος Προστασίας" class="news-block-img pull-right" src="/thumbs/18/704789.jpg"> Β5.1.2 Πρωτόκολλα Επικοινωνίας και Τείχος Προστασίας Τι θα μάθουμε σήμερα: Να ορίζουμε τι είναι πρωτόκολλο επικοινωνίας Να εξηγούμε τη χρησιμότητα των πρωτοκόλλων επικοινωνίας Να ονομάζουμε τα σημαντικότερα </p> <a href="/704789-Protokolla-epikoinonias-kai-teihos-prostasias.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/10949159-2-epilexte-tin-sosti-etiketa-html-poy-prosferei-to-megalytero-fonto-keimenoy-head-heading-h6-h1.html">2. Επιλέξτε την σωστή ετικέτα HTML που προσφέρει το μεγαλύτερο φόντο κειμένου. <head> <heading> <h6> <h1></a> </h3> <p> <img alt="2. Επιλέξτε την σωστή ετικέτα HTML που προσφέρει το μεγαλύτερο φόντο κειμένου. <head> <heading> <h6> <h1>" title="2. Επιλέξτε την σωστή ετικέτα HTML που προσφέρει το μεγαλύτερο φόντο κειμένου. <head> <heading> <h6> <h1>" class="news-block-img pull-right" src="/thumbs/27/10949159.jpg"> ΤΜΗΜΑ ΗΛΕΚΤΡΟΝΙΚΗΣ Τομέας Υπολογιστικών Συστημάτων και Ελέγχου Τεχνολογίες Πολυμέσων - Εφαρμογές Δρ. Β. ΒΑΛΑΜΟΝΤΕΣ Ε-mail: vala@teiath.gr Να απαντήσετε στις παρακάτω ερωτήσεις. 1. Τι σημαίνουν τα αρχικά </p> <a href="/10949159-2-epilexte-tin-sosti-etiketa-html-poy-prosferei-to-megalytero-fonto-keimenoy-head-heading-h6-h1.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/9622369-Odigies-hrisis-tis-platformas-typo3-gia-toys-diaheiristes-istoselidon-ton-tmimaton-toy-panepistimioy-athinon.html">Οδηγίες χρήσης της πλατφόρμας TYPO3. για τους Διαχειριστές Ιστοσελίδων των Τμημάτων του. Πανεπιστημίου Αθηνών</a> </h3> <p> <img alt="Οδηγίες χρήσης της πλατφόρμας TYPO3. για τους Διαχειριστές Ιστοσελίδων των Τμημάτων του. Πανεπιστημίου Αθηνών" title="Οδηγίες χρήσης της πλατφόρμας TYPO3. για τους Διαχειριστές Ιστοσελίδων των Τμημάτων του. Πανεπιστημίου Αθηνών" class="news-block-img pull-right" src="/thumbs/27/9622369.jpg"> Οδηγίες χρήσης της πλατφόρμας TYPO3 για τους Διαχειριστές Ιστοσελίδων των Τμημάτων του Πανεπιστημίου Αθηνών Αθήνα, Φεβρουάριος 2012 Έκδοση 2.0 Οι οδηγίες χρήσης ενημερώθηκαν και προσαρμόστηκαν στις ανάγκες </p> <a href="/9622369-Odigies-hrisis-tis-platformas-typo3-gia-toys-diaheiristes-istoselidon-ton-tmimaton-toy-panepistimioy-athinon.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/12108141-1-puzzle-epimeleia-georgia-klostraki-selida-1.html">1.Puzzle. ΕΠΙΜΕΛΕΙΑ: ΓΕΩΡΓΙΑ ΚΛΩΣΤΡΑΚΗ Σελίδα 1</a> </h3> <p> <img alt="1.Puzzle. ΕΠΙΜΕΛΕΙΑ: ΓΕΩΡΓΙΑ ΚΛΩΣΤΡΑΚΗ Σελίδα 1" title="1.Puzzle. ΕΠΙΜΕΛΕΙΑ: ΓΕΩΡΓΙΑ ΚΛΩΣΤΡΑΚΗ Σελίδα 1" class="news-block-img pull-right" src="/thumbs/27/12108141.jpg"> 1.Puzzle Μόλις ανοίξω το πρόγραμμα επιλέγω την εντολή Browse. Στη συνέχεια αναζητώ την εικόνα που έχω αποθηκεύσει σε ένα φάκελο (στην επιφάνεια εργασίας ή στα έγγραφά μου ή στο σκληρό μου δίσκο). Αφού </p> <a href="/12108141-1-puzzle-epimeleia-georgia-klostraki-selida-1.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/1387936-Exetastea-uli-syllabus-ekdosi-5-0.html">Εξεταστέα Ύλη (Syllabus) Έκδοση 5.0</a> </h3> <p> <img alt="Εξεταστέα Ύλη (Syllabus) Έκδοση 5.0" title="Εξεταστέα Ύλη (Syllabus) Έκδοση 5.0" class="news-block-img pull-right" src="/thumbs/22/1387936.jpg"> Εξεταστέα Ύλη (Syllabus) Έκδοση 5.0 Πνευματικά Δικαιώματα 2007 Ίδρυμα ECDL (ECDL Foundation www.ecdl.org) Όλα τα δικαιώματα είναι κατοχυρωμένα. Κανένα μέρος αυτού του εγγράφου δεν μπορεί να αναπαραχθεί </p> <a href="/1387936-Exetastea-uli-syllabus-ekdosi-5-0.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/4327688-Anoikta-psifiaka-mathimata-sto-panepistimio-dytikis-makedonias.html">Ανοικτά Ψηφιακά Μαθήματα στο Πανεπιστήμιο Δυτικής Μακεδονίας</a> </h3> <p> <img alt="Ανοικτά Ψηφιακά Μαθήματα στο Πανεπιστήμιο Δυτικής Μακεδονίας" title="Ανοικτά Ψηφιακά Μαθήματα στο Πανεπιστήμιο Δυτικής Μακεδονίας" class="news-block-img pull-right" src="/thumbs/24/4327688.jpg"> Ανοικτά Ψηφιακά Μαθήματα στο Πανεπιστήμιο Δυτικής Μακεδονίας Σύνδεσμος: http://opencourses.uowm.gr/ «Κεντρικό Μητρώο Ελληνικών Ανοικτών Μαθημάτων» Σύνδεσμος: http://ocw-project.gunet.gr Πίνακας περιεχομένων </p> <a href="/4327688-Anoikta-psifiaka-mathimata-sto-panepistimio-dytikis-makedonias.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/3961649-Efarmoges-pliroforikis-diaheirisi-arheion-i-ennoia-toy-arheioy-vasikes-ennoies-diaheirisis-arheion.html">Εφαρμογές Πληροφορικής Διαχείριση Αρχείων Η έννοια του αρχείου, βασικές έννοιες διαχείρισης αρχείων.</a> </h3> <p> <img alt="Εφαρμογές Πληροφορικής Διαχείριση Αρχείων Η έννοια του αρχείου, βασικές έννοιες διαχείρισης αρχείων." title="Εφαρμογές Πληροφορικής Διαχείριση Αρχείων Η έννοια του αρχείου, βασικές έννοιες διαχείρισης αρχείων." class="news-block-img pull-right" src="/thumbs/24/3961649.jpg"> Εφαρμογές Πληροφορικής Διαχείριση Αρχείων Η έννοια του αρχείου, βασικές έννοιες διαχείρισης αρχείων. Ορισμός Ένα αρχείο είναι ένα σύνολο από σχετιζόμενες πληροφορίες οι οποίες έχουν αποθηκευτεί σε κάποιο </p> <a href="/3961649-Efarmoges-pliroforikis-diaheirisi-arheion-i-ennoia-toy-arheioy-vasikes-ennoies-diaheirisis-arheion.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/532761-Computing-and-information-systems-service-iaheirisi-arheion.html">Computing and Information Systems Service. ιαχείριση Αρχείων</a> </h3> <p> <img alt="Computing and Information Systems Service. ιαχείριση Αρχείων" title="Computing and Information Systems Service. ιαχείριση Αρχείων" class="news-block-img pull-right" src="/thumbs/20/532761.jpg"> ιαχείριση Αρχείων Η διαχείριση αρχείων είναι πολύ σηµαντική για την οργάνωση των αρχείων σας σε φακέλους και την αποθήκευση των αρχείων που συσχετίζονται µεταξύ τους στον ίδιο φάκελο. Αν έχετε πολλά αρχεία, </p> <a href="/532761-Computing-and-information-systems-service-iaheirisi-arheion.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/7872081-Hrisi-toy-pliktrologioy.html">Χρήση του πληκτρολογίου</a> </h3> <p> <img alt="Χρήση του πληκτρολογίου" title="Χρήση του πληκτρολογίου" class="news-block-img pull-right" src="/thumbs/26/7872081.jpg"> Χρήση του πληκτρολογίου Τρόπος οργάνωσης των πλήκτρων... 2 Πληκτρολόγηση κειμένου... 3 Χρήση συντομεύσεων πληκτρολογίου... 3 Χρήση των πλήκτρων περιήγησης... 5 Χρήση του αριθμητικού πληκτρολογίου... 5 </p> <a href="/7872081-Hrisi-toy-pliktrologioy.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/3170702-Exetastea-yli-syllabus-intermediate-ypiresies-diadiktyoy-ekdosi-1-0-dieythynsi-asklipioy-18-tilefono-215-5515254.html">ΕΞΕΤΑΣΤΕΑ ΥΛΗ (SYLLABUS) INTERMEDIATE Υπηρεσίες Διαδικτύου ΕΚΔΟΣΗ 1.0. Διεύθυνση: Ασκληπιού 18 Τηλέφωνο: 215.5515254</a> </h3> <p> <img alt="ΕΞΕΤΑΣΤΕΑ ΥΛΗ (SYLLABUS) INTERMEDIATE Υπηρεσίες Διαδικτύου ΕΚΔΟΣΗ 1.0. Διεύθυνση: Ασκληπιού 18 Τηλέφωνο: 215.5515254" title="ΕΞΕΤΑΣΤΕΑ ΥΛΗ (SYLLABUS) INTERMEDIATE Υπηρεσίες Διαδικτύου ΕΚΔΟΣΗ 1.0. Διεύθυνση: Ασκληπιού 18 Τηλέφωνο: 215.5515254" class="news-block-img pull-right" src="/thumbs/24/3170702.jpg"> ΕΞΕΤΑΣΤΕΑ ΥΛΗ (SYLLABUS) INTERMEDIATE Υπηρεσίες Διαδικτύου ΕΚΔΟΣΗ 1.0 ΤΙ ΕΙΝΑΙ ΤΟ INTERMEDIATE Το Intermediate είναι εστιασμένο σε γνώσεις πληροφορικής και χρήσης ηλεκτρονικών υπολογιστών και περιλαμβάνει </p> <a href="/3170702-Exetastea-yli-syllabus-intermediate-ypiresies-diadiktyoy-ekdosi-1-0-dieythynsi-asklipioy-18-tilefono-215-5515254.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/7495464-Microsoft-word-1-enarxi.html">Microsoft Word. 1) Έναρξη</a> </h3> <p> <img alt="Microsoft Word. 1) Έναρξη" title="Microsoft Word. 1) Έναρξη" class="news-block-img pull-right" src="/thumbs/26/7495464.jpg"> Microsoft Word 1) Έναρξη 1.1) Εκκίνηση Για να ξεκινήσουμε το Word, πατάμε στο κουμπί Εναρξη και από το μενού που εμφανίζεται επιλέγουμε Προγράμματα και Microsoft Word. Η εφαρμογή Word ξεκινά και εμφανίζεται </p> <a href="/7495464-Microsoft-word-1-enarxi.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/4696711-Eisagogi-stin-tilepliroforiki.html">ΕΙΣΑΓΩΓΗ ΣΤΗΝ ΤΗΛΕΠΛΗΡΟΦΟΡΙΚΗ</a> </h3> <p> <img alt="ΕΙΣΑΓΩΓΗ ΣΤΗΝ ΤΗΛΕΠΛΗΡΟΦΟΡΙΚΗ" title="ΕΙΣΑΓΩΓΗ ΣΤΗΝ ΤΗΛΕΠΛΗΡΟΦΟΡΙΚΗ" class="news-block-img pull-right" src="/thumbs/25/4696711.jpg"> Υπουργείο Υγείας και Κοινωνικής Αλληλεγγύης Επιχειρησιακό Πρόγραμμα «Υγεία-Πρόνοια» Κ.Ε.Κ. Σωματείου «ΕΡΜΗΣ» Πρόγραμμα Κατάρτισης Εργαζόμενων σε Υπηρεσίες Κοινωνικής Φροντίδας στις Νέες Τεχνολογίες ΘΕΜΑΤΙΚΗ </p> <a href="/4696711-Eisagogi-stin-tilepliroforiki.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/9082656-To-microsoft-powerpoint-xp.html">ΤΟ MICROSOFT POWERPOINT XP</a> </h3> <p> <img alt="ΤΟ MICROSOFT POWERPOINT XP" title="ΤΟ MICROSOFT POWERPOINT XP" class="news-block-img pull-right" src="/thumbs/26/9082656.jpg"> ΚΑΡΤΕΛΑ ΕΡΓΑΣΙΑΣ 1 ΤΟ MICROSOFT POWERPOINT XP Το Microsoft PowerPoint είναι ένα πρόγραμμα δημιουργίας παρουσιάσεων σε μορφή διαφανειών (slides). Πώς ξεκιινάς το πρόγραμμα κουμπί Start. 2. Βάλε το δείκτη </p> <a href="/9082656-To-microsoft-powerpoint-xp.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/5930303-Kataskeyi-istologioy.html">Κατασκευή Ιστολόγιου</a> </h3> <p> <img alt="Κατασκευή Ιστολόγιου" title="Κατασκευή Ιστολόγιου" class="news-block-img pull-right" src="/thumbs/25/5930303.jpg"> Κατασκευή Ιστολόγιου Τι είναι το ιστολόγιο Τα blog είναι ιστοχώροι ή ιστοσελίδες που ανανεώνονται τακτικά συνήθως σε καθημερινή βάση. Περιέχουν πληροφορίες σχετικές με ένα θέμα και συνήθως χρησιμοποιούνται </p> <a href="/5930303-Kataskeyi-istologioy.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/7928875-Www-e-katartisi-com-equal-society-e-learning-platform.html">www.e-katartisi.com Equal Society e-learning platform</a> </h3> <p> <img alt="www.e-katartisi.com Equal Society e-learning platform" title="www.e-katartisi.com Equal Society e-learning platform" class="news-block-img pull-right" src="/thumbs/26/7928875.jpg"> www.e-katartisi.com Equal Society e-learning platform Ο ΗΓΙΕΣ ΧΡΗΣΗΣ ΕΙΣΟ ΟΣ ΣΤΗΝ ΠΛΑΤΦΟΡΜΑ ΤΗΛΕΚΑΤΑΡΤΙΣΗΣ Για να εισέλθετε στην πλατφόρµα τηλεκατάρτισης της Equal Society και να έχετε πρόσβαση στα περιεχόµενά </p> <a href="/7928875-Www-e-katartisi-com-equal-society-e-learning-platform.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/10620976-O-igies-document-designer.html">Ο ΗΓΙΕΣ DOCUMENT DESIGNER</a> </h3> <p> <img alt="Ο ΗΓΙΕΣ DOCUMENT DESIGNER" title="Ο ΗΓΙΕΣ DOCUMENT DESIGNER" class="news-block-img pull-right" src="/thumbs/27/10620976.jpg"> Ο ΗΓΙΕΣ DOCUMENT DESIGNER ΕΙΣΑΓΩΓΗ Εάν δεν επιθυµείτε να χρησιµοποιείτε τις προσχεδιασµένες φόρµες εντύπων της Singular, η εργασία αυτή σας δίνει τη δυνατότητα να σχεδιάζετε φόρµες µε βάση τις οποίες επιθυµείτε </p> <a href="/10620976-O-igies-document-designer.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/3590890-Anoihta-akadimaika-mathimata-sto-pamak.html">Ανοιχτά Ακαδημαϊκά Μαθήματα στο ΠΑΜΑΚ</a> </h3> <p> <img alt="Ανοιχτά Ακαδημαϊκά Μαθήματα στο ΠΑΜΑΚ" title="Ανοιχτά Ακαδημαϊκά Μαθήματα στο ΠΑΜΑΚ" class="news-block-img pull-right" src="/thumbs/24/3590890.jpg"> ΕΛΛΗΝΙΚΗ ΔΗΜΟΚΡΑΤΙΑ ΠΑΝΕΠΙΣΤΗΜΙΟ ΜΑΚΕΔΟΝΙΑΣ Ανοιχτά Ακαδημαϊκά Μαθήματα στο ΠΑΜΑΚ Σεμινάριο Ενημέρωσης: 26 Σεπτεμβρίου 2013 Επιστημονικός Υπεύθυνος Έργου: Καθηγητής Μάνος Ρουμελιώτης Άδειες Χρήσης Το παρόν </p> <a href="/3590890-Anoihta-akadimaika-mathimata-sto-pamak.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/2272443-Odigies-gia-tin-egkatastasi-toy-paketoy-cygwin.html">Οδηγίες για την εγκατάσταση του πακέτου Cygwin</a> </h3> <p> <img alt="Οδηγίες για την εγκατάσταση του πακέτου Cygwin" title="Οδηγίες για την εγκατάσταση του πακέτου Cygwin" class="news-block-img pull-right" src="/thumbs/24/2272443.jpg"> Οδηγίες για την εγκατάσταση του πακέτου Cygwin Ακολουθήστε τις οδηγίες που περιγράφονται σε αυτό το file μόνο αν έχετε κάποιο laptop ή desktop PC που τρέχουν κάποιο version των Microsoft Windows. 1) Copy </p> <a href="/2272443-Odigies-gia-tin-egkatastasi-toy-paketoy-cygwin.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> </div> <!-- END RIGHT SIDEBAR --> </div> </div> </div> <!-- END CONTENT --> </div> <!-- END SIDEBAR & CONTENT --> </div> </div> <!-- BEGIN FOOTER --> <div class="footer"> <div class="container"> <div class="row"> <!-- BEGIN COPYRIGHT --> <div class="col-md-10 col-sm-10 padding-top-10"> 2016 © DocPlayer.gr <a href="/support/privacy-policy/">Πολιτική Απορρήτου</a> | <a href="/support/terms-of-service/">Όροι Χρήσης</a> | <a href="/support/feedback/">Σχόλια</a> </div> <!-- END COPYRIGHT --> <!-- BEGIN PAYMENTS --> <div class="col-md-6 col-sm-6"> </div> <!-- END PAYMENTS --> </div> </div> </div> <!-- END FOOTER --> <!--[if lt IE 9]> <script src="/static/theme/global/plugins/respond.min.js"></script> <![endif]--> <script src="/static/js/396e/total.js" type="text/javascript"></script> <div style="display: none;"> <script> var page_data = {"domain_id":30,"design_id":0,"page_id":0}; (function(){ var img = new Image(); var pixel_image_src = '/pix/'+Math.random()+'/report/pixel.gif?type=pageview&domain_id=30&page_id=0&design_id=0&l='+encodeURIComponent(navigator.language)+'&p='+encodeURIComponent(navigator.platform)+'&url='+encodeURIComponent(document.location); document.write('<img src="'+pixel_image_src+'"> '); }()); </script> </div> </body> </html>