ΥΠΟΥΡΓΕΙΟ ΕΘΝΙΚΗΣ ΠΑΙΔΕΙΑΣ ΚΑΙ ΘΡΗΣΚΕΥΜΑΤΩΝ ΓΕΝΙΚΗ ΓΡΑΜΜΑΤΕΙΑ ΕΚΠΑΙΔΕΥΣΗΣ ΕΝΗΑΙΚΠΝ ΙΝΣΤΙΤΟΥΤΟ ΔΙΑΡΚΟΥΣ ΕΚΠΑΙΔΕΥΣΗΣ ΕΝΗΑΙΚΠΝ

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

Download "ΥΠΟΥΡΓΕΙΟ ΕΘΝΙΚΗΣ ΠΑΙΔΕΙΑΣ ΚΑΙ ΘΡΗΣΚΕΥΜΑΤΩΝ ΓΕΝΙΚΗ ΓΡΑΜΜΑΤΕΙΑ ΕΚΠΑΙΔΕΥΣΗΣ ΕΝΗΑΙΚΠΝ ΙΝΣΤΙΤΟΥΤΟ ΔΙΑΡΚΟΥΣ ΕΚΠΑΙΔΕΥΣΗΣ ΕΝΗΑΙΚΠΝ"

Transcript

1 ΥΠΟΥΡΓΕΙΟ ΕΘΝΙΚΗΣ ΠΑΙΔΕΙΑΣ ΚΑΙ ΘΡΗΣΚΕΥΜΑΤΩΝ ΓΕΝΙΚΗ ΓΡΑΜΜΑΤΕΙΑ ΕΚΠΑΙΔΕΥΣΗΣ ΕΝΗΑΙΚΠΝ ΙΝΣΤΙΤΟΥΤΟ ΔΙΑΡΚΟΥΣ ΕΚΠΑΙΔΕΥΣΗΣ ΕΝΗΑΙΚΠΝ ΤΕΧΝΟΛΟΓΙΕΣ ΠΛΗΡΟΦΟΡΙΚΗΣ- ΕΠΙΚΟΙΝΩΝΙΩΝ ΠΛΗΡΟΦΟΡΙΚΗ V: ΠΟΛΥΜΕΣΑ ΚΑΙ WEB PUBLISHING ΚΕΝΤΡΑ ΕΚΠΑΙΔΕΥΣΗΣ ΕΝΗΑΙΚΠΝ ΓΓΕΕ L ΕΛΛΑΔΑ sri RMNjauranwaa 2008 Ανατττυξη παντού. Ανάπτυξη yia όλους. «ΓΟΙΡΙΕίαΕΘΝΙΚΗ!ΠΑΙΔΕΙΑΣΚΑΙβΡΗΪΚΕΪΜΑΤϋΚ [ΙΑΙΚΗΪΠΗΡίΙΑΜΜΕΙΡΙίΜΕΛΕΚ ΕΥΡΟΠΑΤΚΗΕΝΟΙΗ ίημήμαγοιοπκη ETPOEIAlKDKQINLIMIKOΤΑΜΕΙΟ Η ΠΑΙΔΕΙΑ ΣΤΗΝ ΚΟΡΥΦΗ Επιχειρησιακό Πρόγραμμα Εκπαίδευσης κατ Αρχικής Επαγγελματικής Κατάρησης

2 Επιστημονική Ευθύνη Κωνσταντίνος Σιασιάκος, Δρ Πληροφορικής Συγγραφή Φωτόπουλος Βασίλης, Φαλιέρης Σωτήρης, Νικολόπουλος Γιώργος, Νικολόπουλος Κώστας Το παρόν εκπαιδευτικό υλικό παράχθηκε στο πλαίσιο του Έργου «Κέντρα Εκπαίδευσης Ενηλίκων ΙΙ», το οποίο εντάσσεται στο Ε.Π.Ε.Α.Ε.Κ. ΙΙ του ΥΠ.Ε.Π.Θ,, Μέτρο 1.1. Ενέργεια Β. και συγχρηματοδοτείται από την Ευρωπαϊκή Ένωση (Ε.Κ.Τ.).

3 ΠΕΡΙΕΧΟΜΕΝΑ A ΜΕΡΟΣ ΚΕΦΑΛΑΙΟ 1ο «Εισαγωγή στα πολυμέσα» Σκοπός και στόχοι του κεφαλαίου 1 Ενότητα 1.1 Τι είναι τα πολυμέσα 3 Ενότητα 1.2 Στοιχεία πολυμέσων Κείμενο Εικόνα Ήχος Βίντεο Συνθετική κίνηση (animation) 15 Ενότητα 1.3 Υλικό για πολυμέσα 17 Ενότητα 1.4 Πεδία εφαρμογής 20 ΚΕΦΑΛΑΙΟ 2ο «Εξοικείωση στην Σχεδίαση και Ανάπτυξη Πολυμεσικών Εφαρμογών» Σκοπός και στόχοι του κεφαλαίου 21 Ενότητα 2.1 Στάδια ανάπτυξης μιας πολυμεσικής εφαρμογής 23 Ενότητα 2.2 Περιγραφή των σταδίων ανάπτυξης μιας πολυμεσικής εφαρμογής Ανάλυση απαιτήσεων Σχεδίαση Υλοποίηση Πολυμεσικής Εφαρμογής Αξιολόγηση 31 Ενότητα 2.3 Ομάδα Ανάπτυξης Πολυμεσικής Εφαρμογής 33 ΚΕΦΑΛΑΙΟ 3ο «Εξοικίωση με το περιβάλλον Flash» Σκοπός και στόχοι του κεφαλαίου 33 Εισαγωγή 34 Ενότητα 3.1 Περιβάλλον εργασίας του Flash 35 Ενότητα 3.2 Flash Animation 40 Ενότητα 3.3 Κουμπιά στο Flash 50 Ενότητα 3.4 Προσθέτοντας ενέργειες στην Flash - ActionScript 54 Ενότητα 3.5 Δημοσιεύοντας αρχεία Flash 58 Ομαδική δραστηριότητα κεφαλαίου 60

4 ΚΕΦΑΛΑΙΟ 4ο «Βασικά θέματα επεξεργασίας εικόνας, ήχου και κινούμενης εικόνας» Σκοπός και στόχοι του κεφαλαίου 69 Ενότητα 4.1 Επεξεργασία εικόνας 71 Ενότητα 4.2 Επεξεργασία ήχου 81 Ενότητα 4.3 Επεξεργασία Video 87 Ασκήσεις 96 Β' ΜΕΡΟΣ ΚΕΦΑΛΑΙΟ 5ο «Εισαγωγή και Εξοικείωση με την HTML» Σκοπός και στόχοι του κεφαλαίου 99 Ενότητα 5.1 Βασικές έννοιες 101 Ενότητα 5.2 Βασικά στοιχεία της HTML 103 Ενότητα 5.3 Δημιουργία Συνδέσμων 109 Ενότητα 5.4 Εισάγοντας εικόνες και φόντο στις σελίδες σας 119 ΚΕΦΑΛΑΙΟ 6ο «Εξοικείωση με το περιβάλλον Front page και Dreamweaver» Σκοπός και στόχοι του κεφαλαίου 125 Ενότητα 5.1 FrontPage 127 Ενότητα 5.2 Dreamweaver ΚΕΦΑΛΑΙΟ 7ο «Προχωρημένα Θέματα για την Δημιουργία Προσωπικής Ιστοσελίδας» Σκοπός και στόχοι του κεφαλαίου 151 Ενότητα 7.1 FrontPage 153 Ενότητα 7.2 Dreamweaver ΚΕΦΑΛΑΙΟ 8ο «Γενικότερα θέματα Web Publishing» Σκοπός και στόχοι του κεφαλαίου 173 Ενότητα 8.1 Εισαγωγικές έννοιες 175 Ενότητα 8.2 Διαδικασία Δημοσίευσης στο Διαδίκτυο (Web Publishing) 177 Ασκήσεις 187 ΓΛΩΣΣΑΡΙ 189 ΒΙΒΛΙΟΓΡΑΦΙΑ 193 ΕΥΡΕΤΗΡΙΟ 195 ii

5 ΚΕΦΑΛΑΙΟ 5ο αγωγή και ικείωση την HTML Σκοπός κεφαλαίου Η κατανόηση βασικών εννοιών πάνω στο τι είναι δικα HTML για τον σχεδιασμό απλών ιστοσελίδων. Web και η συγγραφή απλού κώ- Στόχοι κεφαλαίου Οι επιμορφούμενοι μετά την ολοκλήρωση του κεφαλαίου θα είναι σε θέση: > Να γνωρίζουν τι είναι το Web, τι είναι ένας WEB διακομιστής (server), τι είναι μια διεύθυνση URL. > Να φτιάχνουν απλές ιστοσελίδες με απλό κείμενο και λίστες. > Να δημιουργούν πολλαπλές ιστοσελίδες και να δημιουργούν συνδέσμους μεταξύ αυτών. > Να εισάγουν εικόνες μέσα στις σελίδες τους. 99

6 100

7 Ενότητα 5.1 Βασικές έννοιες Τι είναι το World Wide Web Το World Wide Web (WWW) είναι ένα σύστημα πληροφοριών υπερκειμένου (hypertext). Εάν έχετε χρησιμοποιήσει κάποιο σύστημα online βοήθειας οποιασδήποτε εφαρμογής τότε γνωρίζετε ήδη την βασική ιδέα που κρύβετε πίσω από αυτό, η οποία δεν είναι τίποτα άλλο από το υπερκείμενο (hypertext). Το σκεπτικό πίσω από το υπερκείμενο είναι το εξής: Αντί να διαβάζετε ένα κείμενο που έχει μια γραμμική δομή, όπως για παράδειγμα ένα βιβλίο, μπορείτε μέσω συνδέσμων (links) να μετακινείστε γρήγορα και εύκολα από ένα σημείο σε ένα άλλο. Με άλλα λόγια το υπερκείμενο σας δίνει την δυνατότητα να διαβάζετε και να κινείστε μέσα σε κείμενο και άλλες μορφές οπτικής πληροφορίας με μη γραμμικό τρόπο, ανάλογα με το τι θέλετε να μάθετε στην συνέχεια. Η γλώσσα μέσω της οποίας γράφουμε τις σελίδες μας στο Web είναι η HTML (HyperText Markup Language) με την οποία θα ασχοληθούμε σε αυτό το κεφάλαιο. Το WWW δεν περιορίζετε σε κανένα συγκεκριμένο είδος υπολογιστικών συστημάτων, ούτε έχει αναπτυχθεί από μία συγκεκριμένη εταιρία. Το Web είναι απόλυτα ανεξάρτητο από τύπους υπολογιστών, κάτι που σημαίνει πως οι πληροφορίες που παρέχει μπορούν να προσπελαστούν εξίσου καλά από οποιονδήποτε υπολογιστή με οποιοδήποτε λειτουργικό σύστημα. Για να αποκτήσει κάποιος πρόσβαση στο Web αρκεί να έχει στην διάθεση του δύο στοιχεία: πρώτον μια σύνδεση στο Internet και δεύτερον ένα πρόγραμμα που ονομάζεται Web browser (πρόγραμμα πλοήγησης στο Internet), όπως είναι ο Firefox της Mozilla, ο Internet Explorer της Microsoft, ο Opera κ.α. Το Web καταφέρνει και μάλιστα με επιτυχία να σας παρέχει ένα τόσο μεγάλο μέγεθος πληροφοριών λόγω του ότι είναι κατανεμημένο. Διαφορετικά κομμάτια πληροφορίας βρίσκονται σε διαφορετικές τοποθεσίες Web (Web site). Ένα Web site είναι μια θέση στο Web η οποία δημοσιεύει πληροφορίες. Όταν εσείς βλέπετε μια σελίδα, ο Web Browser που χρησιμοποιείτε συνδέεται με ένα Web site για να πάρει αυτές τις πληροφορίες. Αυτό που πρέπει να κάνετε από την μεριά σας για να δείτε μια Web σελίδα δεν είναι τίποτα άλλο από το να υποδείξετε στον browser την διεύθυνση της Web σελίδας που θέλετε να δείτε. Κάθε Web site και κάθε σελίδα πληροφοριών που περιέχεται σε αυτήν έχει μία μοναδική διεύθυνση. Αυτή η διεύθυνση ονομάζεται Uniform Resource Locator (Διεύθυνση Ομοιόμορφου εντοπισμού Πόρων) ή URL. Web ή HTTP Διακομιστές (Servers) Για να εμφανίσετε και να εξερευνήσετε σελίδες στο Web το μόνο που χρειάζεστε είναι ένα πρόγραμμα browser, για να δημοσιεύσετε όμως το δικό σας υλικό στο Web τις περισσότερες φορές θα χρειαστείτε ένα Web server. Έτσι λοιπόν για να αποκτήσουμε μια ολοκληρωμένη εικόνα για το πώς λειτουργεί το WWW πρέπει να ορίσουμε τι εννοούμε όταν λέμε Web Server. Ένας Web Server είναι ένα πρόγραμμα το οποίο τρέχει σε ένα Web site και είναι υ- πεύθυνο για να απαντά σε αιτήσεις για παροχή αρχείων που λαμβάνει από διάφορους browsers. 101

8 Έτσι λοιπόν όταν χρησιμοποιείτε έναν browser για να ζητήσετε μια σελίδα που βρίσκετε α- ποθηκευμένη σε ένα site γίνετε το εξής: Μέσω ενός πρωτοκόλλου που ονομάζετε HTTP συνδέεστε με τον Web Server. Στην συνέχεια ο server δέχεται την κλήση, στέλνει τα περιεχόμενα των ζητούμενων αρχείων και κατόπιν κλείνει την σύνδεση. Στην συνέχεια ο browser μορφοποιεί τις πληροφορίες που πήρε από τον server και τις εμφανίζει στην οθόνη. Διευθύνσεις Ομοιόμορφου Εντοπισμού Πόρων (URL) Ένα URL είναι ένας δείκτης προς κάποιο στοιχείο δεδομένων που υπάρχει στο Web. Στην πραγματικότητα τα URLs ορίζονται για τα περισσότερα πρωτόκολλα επικοινωνίας που υπάρχουν στο Internet όπως HTTP, FTP κ.α. Η σύνταξη μιας URL εξαρτάται από το πρωτόκολλο που χρησιμοποιούμε κατά την επικοινωνία μας με τον server και αποτελείτε εν γένει από 4 διαφορετικά μέρη: Το όνομα του πρωτοκόλλου που χρησιμοποιούμε όταν προσπελαύνουμε τον server (HTTP, FTP κ.α.) Το domain name (host name) της Web τοποθεσίας πάνω στην οποία τρέχει ο server Το port number για τον server, αυτό το πεδίο είναι προαιρετικό και όταν παραλείπετε ο browser υποθέτει μια προκαθορισμένη τιμή η οποία εξαρτάτε από το πρωτόκολλο. Για παράδειγμα το προκαθορισμένο port για το HTTP είναι το 80. Και τέλος, περιγράφουμε την τοποθεσία του αρχείου που αναζητάμε πάνω στο server. Για να κατανοήσουμε καλύτερα τα μέρη ενός URL ας θεωρήσουμε το παρακάτω παράδειγμα: Το πρώτο μέρος αυτού του URL αρχίζοντας από τα αριστερά προς τα δεξιά είναι το "http:" το οποίο υποδεικνύει το Internet Protocol το οποίο θα χρησιμοποιήσουμε για να προσπελάσουμε το αρχείο που ζητάμε (εδώ το file.html). Στην συνέχεια το δεύτερο τμήμα είναι το "//www.address.edu/" που αποτελεί το όνομα του server (domain name) με τον οποίο θέλουμε να ανοίξουμε μια σύνδεση για να μας επιστρέψει το file.html. Τέλος το υπόλοιπο τμήμα αποτελεί μια διαδρομή (path) η οποία περιγράφει που είναι αποθηκευμένο το αρχείο file.html μέσα στον server, εδώ αυτή η διαδρομή είναι η "path/dir/file.html". 102

9 Ενότητα 5.2 Βασικά στοιχεία της HTML Τι είναι και από τι αποτελείται η HTML Η HTML είναι το ακρωνύμιο του HyperText Markup Language (Γλώσσα Χαρακτηρισμού Υπερκειμένου), είναι μια γλώσσα η οποία περιγράφει την δομή ενός εγγράφου και όχι την πραγματική παρουσίαση του. Το σκεπτικό που κρύβεται πίσω από αυτό είναι ότι τα περισσότερα έγγραφα έχουν κοινά στοιχεία (elements) όπως παραγράφους, επικεφαλίδες, λίστες κ.α. Ένα αρχείο σε HTML δεν είναι τίποτα άλλο από ένα απλό αρχείο κειμένου (σε μορφή ASCII), γεγονός το οποίο σημαίνει ότι μπορούμε να γράψουμε HTML έγγραφα με έναν απλό συντάκτη κειμένου όπως είναι για παράδειγμα το Notepad της Microsoft, βέβαια έχουν αναπτυχθεί και συντάκτες κειμένου ειδικά για HTML οι οποίοι κάνουν πιο διασκεδαστική και σύντομη την συγγραφή HTML αρχείων (παραδείγματα τέτοιων εφαρμογών θα εξετάσουμε στο 6 ο κεφάλαιο) Τα αρχεία της HTML αποτελούνται από τα εξής στοιχεία: Το κείμενο της σελίδας. Tags (ετικέτες) της HTML. Τα περισσότερα tags της HTML δείχνουν ως εξής: <όνομαtag> κείμενο που επειρεάζεται </όνομαtag> Το ίδιο το όνομα του tag βρίσκεται ανάμεσα στο σύμβολο 'μικρότερο από' και 'μεγαλύτερο από'. Τα tags της HTML έχουν γενικά ένα tag αρχής και ένα tag τέλους. Ανάμεσα σε αυτά τα δύο tags βρίσκεται το κείμενο το οποίο θα επηρεαστεί ανάλογα με το πώς ορίζουν τα tags. Σημειώστε πως το tag τέλους έχει το ίδιο όνομα με το tag αρχής μόνο που έχει ως πρόθεμα τον χαρακτήρα /. Για παράδειγμα το tag <Η2> δηλώνει την αρχή μιας επικεφαλίδας επιπέδου 2, ενώ το </H2> δηλώνει το τερματισμό αυτού του στοιχείου. Στο παράδειγμα που ακολουθεί έχουμε γράψει: <H2> Οι αγαπημένες μου ταινίες είναι: </H2> Αυτό δηλαδή το στοιχείο σημειώνει το κείμενο «Οι αγαπημένες μου ταινίες είναι:» να εμφανιστεί από τον οποιοδήποτε browser σαν επικεφαλίδα επιπέδου 2. Όλα τα tags της HTML δεν έχουν μορφή ζεύγους. Αυτά τα ονομάζουμε μονομελή tags παράδειγμα τέτοιου tag είναι το <BR> το οποίο προκαλεί μια εναλλαγή γραμμής (break line) στο σημείο που το έχουμε τοποθετήσει μέσα στο αρχείο HTML. Όλα τα tags της HTML δεν κάνουν διάκριση μεταξύ πεζών και κεφαλαίων δηλαδή μπορούμε να τα γράψουμε είτε με κεφαλαίους χαρακτήρες, είτε με πεζούς, είτε με οποιονδήποτε συνδυασμό τους. Κάτι που σημαίνει ότι τα tags <TITLE>, <title>, <TiTle> είναι όλα ισοδύναμα. Πάρα ταύτα θα ήταν καλό για λόγους ομοιομορφίας να υιοθετήσετε έναν συγκεκριμένο τρόπο γραφής των tags. Προσωπικά προτιμώ να γράφω τα tags με κεφαλαίους χαρακτήρες (π.χ. <TITLE>). Με αυτό τον τρόπο έχουν γραφτεί και οι δραστηριότητες αυτού του κεφαλαίου. Επίσης ορισμένα tags μερικές φορές παίρνουν κάποια ορίσματα (attributes) τα οποία μπορούμε να τα σκεφτούμε σαν μεταβλητές και να αναθέτουμε σε αυτές κάποιες τιμές (values). Για παράδειγμα το tag <Η1>: 103

10 <H1 ALIGN="center"> Αυτό είναι μια επικεφαλίδα </H1> παίρνει σαν όρισμα το ALIGN μέσω του οποίου μπορούμε να ευθυγραμμίσουμε την επικεφαλίδα επιπέδου 1 ώστε να εμφανιστεί στο κέντρο του παραθύρου του browser. Συγκεκριμένα το attribute ALIGN παίρνει τρεις πιθανές τιμές RIGHT, CENTER, LEFT. Ενώ η προκαθορισμένη τιμή είναι η LEFT. 5.1 Δραστηριότητα Θα γράψουμε κώδικα HTML μέσω του οποίου θα κατασκευάσουμε μια ιστοσελίδα που θα περιέχει τα παρακάτω στοιχεία Απλό κείμενο. Μια λίστα που θα εμφανίζονται οι αγαπημένες μου ταινίες. Απάντηση 1. Αρχικά ανοίξτε έναν απλό επεξεργαστή κειμένου, αν χρησιμοποιείτε λειτουργικό Windows μπορεί να ανοίξετε για παράδειγμα το notepad ή το wordpad και αρχίστε να πληκτρολογείτε με προσοχή τον παρακάτω κώδικα που ακολουθεί, μην προβληματιστείτε εάν δεν καταλάβετε όλα τα tags του παραδείγματος, γράψτε το κώδικα και παρακάτω θα περιγράψουμε αναλυτικά τι κάνει το κάθε ένα από αυτά. <HTML> <HEAD> ^^^>Αυτός είναι ο τίτλος για αυτήν την σελίδα </title> </HEAD> <BODY> <H1 ALIGN="center"> Αυτό είναι μια επικεφαλίδα </H1> <P> Καλώς ήρθατε στην <B> HTML!! </B> <BR> <BR> Είμαι σίγουρος πως περιμένατε μια πολύ πιο ενδιαφέρουσα σελίδα από αυτήν. Συγνώμη ατυχήσατε! Όπως είπαμε και στην αρχή της ενότητας θα είναι ένα απλό παράδειγμα για να εξοικειωθείτε με τα βασικά tags της HTML, για παράδειγμα ακολουθεί μια μη ταξινομημένη λίστα μέσω της οποίας παρατίθονται κάποιες από τις αγαπημένες μου ταινίες <H2> Οι αγαπημένες μου ταινίες είναι: </H2> <UL> <LI> O Ελαφοκηνυγός <LI> O Σημαδεμένος <LI> Fight Club <LI> Το κουρδιστό πορτοκάλι 104

11 </UL> <P> Οι λίστες έχουν τρομερή δύναμη μέσα σε ένα HTML αρχείο,<br> εάν μάλιστα ήθελα να ταξινομήσω τις ταινίες μου από την πιο αγαπημένη έως την λιγότερη αγαπημένη θα μπορούσα να χρησιμοποιήσω ταξινομημένη λίστα <HR> <P> Τέλος έχω την δυνατότητα να σχεδιάζω οριζόντιες γραμμές, κάτι που είναι χρήσιμο για να ξεχωρίζονται ευδιάκριτα οι ενότητες του εγγράφου </BODY> </HTML> 2. Μόλις ολοκληρώσετε με την πληκτρολόγηση του παραπάνω κώδικα σώστε το αρχείο στο δίσκο σας και δώστε του ένα όνομα που επιθυμητέ έχοντας όμως κατάληξη.html ή.htm. 3. Τέλος, τρέξτε τον αγαπημένο σας browser και φορτώστε του το αρχείο που μόλις τώρα γράψατε, το αποτέλεσμα που θα πάρετε θα είναι παρόμοιο με αυτό της εικόνας 1.1. β Αυτός είναι ο τϊτλος για αυτήν την σελίδα - Microsoft Internet Explorer I- File Edit View Favorites Tools Help if Of *] g, Search Favorites Media * j Mddi y Documents\work\HTML\My Book!!!\sOurce code of HTML documents\example_l\example_l ι html v Μ Go tin!. * Αυτό είναι μια επικεφαλίδα Ε ολώς ήρθατε στην HTML! ι! Είμ,αι σίγουρος πως περιμένατε μια. πολύ πιο ενδιαφέρουσα σελίδα από αυτήν. Συγνώμη ατυχήσατε! Όπως είπαμε και στην αρχή της ενότητας 0α είναι ένα απλό παράδειγμα για να εξοικειωθείτε με τα ΐασικά tags της IiTML, για παράδειγμα ακολουθεί μια μ,η ταξινομημένη λίστα μέσω της οποίας παρατίθενται κάποιες από τις αγαπημένες. μου ταινίες Οι αγαπημένες μου ταινίες είναι: Ελαφοκυνηγός 0 Σημαδεμένος. To Eight Club Το Κουρδιστό πορτοκάλι Οι λίστες έχουν τρομερή δύναμη μέσα σε ένα HTML αρχείο, εάν μάλιστα ή θελα να ταξινομήσω τις ταινίες μου από την πιο αγαπημένη έως την λιγότερη αγαπημένη θα μπορούσα να χρησιμοποιήσω ταξινομημένη λίστα Τέλ-ος έχω την δυνατότητα να σχεδιάζω οριζόντιες γραμμές, κάτι που είναι χρήσιμο νιανα ξεχωρίζονται ευδιάκριτα, οι ενότητες του εγγράφου- Ι ) Dane J [-^Computer Εικόνα

12 Το tag HTML Το πιο εξωτερικό tag το οποίο περικλείει όλα τα υπόλοιπα είναι το <HTML>. Αυτό το tag υποδεικνύει ότι το κείμενο που ακολουθεί είναι ένα HTML έγγραφο. Όλο το κείμενο και όλα τα άλλα tags πρέπει να τοποθετούνται μεταξύ των tags <HTML> και </HTML>. Μπορεί για μας να φαίνεται περιττό ένα τέτοιο tag αλλά για τον browser που χειρίζεται και άλλα αρχεία πλην HTML σελίδων είναι σημαντικό συνεπώς να μην ξεχνάτε να αρχίζετε πάντα με αυτό το tag. To tag HEAD Το επόμενο tag που ακολουθεί το <HTML> είναι το tag <HEAD>. Το στοιχείο <HEAD> περιέχει πληροφορίες για το ίδιο το αρχείο όπως για παράδειγμα τον τίτλο του HTML εγγράφου (θα δούμε παρακάτω τι είναι αυτό). Γενικά υπάρχουν λίγα tags τα οποία μπορούμε να τοποθετήσουμε ανάμεσα στα tags <HEAD> και </HEAD>. To tag TITLE Τα tags <TITLE> χρησιμοποιούνται πάντα μέσα στο ζεύγος των tags <HEAD> με σκοπό να δώσετε έναν τίτλο για την σελίδα σας. Μπορεί να έχετε μόνο έναν τίτλο σε μια σελίδα και ο τίτλος αυτός μπορεί να περιέχει μόνο απλό κείμενο, δηλαδή δεν θα πρέπει να υπάρχουν άλλα ζεύγη tags μέσα στο τίτλο. Είναι καλό εν γένει να δίνετε στα έγγραφά σας τίτλο σύντομο και περιγραφικό. Το tag BODY Μετά το tag <HEAD> συναντάμε το BODY. Αυτό το στοιχείο περιλαμβάνει όλο το κείμενο και το υπόλοιπο υλικό το οποίο πρόκειται να εμφανιστεί στην σελίδα σας. Παρατηρήστε στην εικόνα 1.1 πως ότι εμφανίζετε στο παράθυρο του browser είναι τα περιεχόμενα της σελίδας τα οποία βρίσκονται ανάμεσα στα tags <BODY> και </BODY>. Από ότι έχουμε δει μέχρις στιγμής η γλώσσα HTML είναι μία δομημένη γλώσσα στην οποία ισχύουν τα εξής Μέσα σε ένα ζεύγος από tags δεν μπορούμε να βάζουμε οποιαδήποτε tags, ενώ επίσης ισχύει ο κανόνας πως όποιο tag ανοίγουμε τελευταίο πρέπει να κλείνουμε και πρώτο. Έτσι λοιπόν σε κάθε HTML αρχείο θα έχουμε την εξής δομή: <HTML> <HEAD> <TITLE> ο Τίτλος για την σελίδα </TITLE> </HEAD> <BODY> Ότιδήποτε θέλουμε να εμφανίσουμε στην σελίδα μας </BODY> </HTML> Επικεφαλίδες (<H1>... </H1>) Τα tags για το στοιχείο επικεφαλίδα χρησιμοποιούνται για τον διαχωρισμό των ενοτήτων κειμένου, ακριβώς όπως συμβαίνει και στα βιβλία. Η HTML ορίζει έξι επίπεδα επικεφαλίδων 106

13 από το H1 έως το H6 με το H1 να θεωρείται το πιο σημαντικό ενώ το H6 το λιγότερο σημαντικό. Παράγραφοι (<P>) Για να εισάγουμε παραγράφους σε μια σελίδα χρησιμοποιούμε το tag <P>. Σε αυτό το παράδειγμα έχουμε εισάγει τρεις παραγράφους. Διαβάζοντας ο browser ένα HTML έγγραφο μόλις συναντάει ένα tag <P> αφήνει μια γραμμή και κάποιο οριζόντιο διάστημα μεταξύ της προηγούμενης και της επόμενης γραμμής, με τρόπο παρόμοιο όπως κάνετε και εσείς όταν γράφετε στο χαρτί μια έκθεση. Το στοιχείο παράγραφος αποτελείτε από ένα ζεύγος tag <P>... </P> αλλά το tag τέλους είναι προαιρετικό για αυτόν τον λόγο και δεν το συμπεριέλαβα. Εάν όμως θέλετε να το βάζετε για να ξεχωρίζετε τις παραγράφους σας δεν υπάρχει πρόβλημα. Εναλλαγή γραμμής (<BR>) Για να δηλώσουμε στον browser μια αλλαγή γραμμής χρησιμοποιούμε το μονομελή tag <BR>. Εδώ ο browser εντοπίζοντας αυτό το tag αλλάζει γραμμή και ότι κείμενο ακολουθεί παρακάτω στο HTML αρχείο εμφανίζετε στην επόμενη γραμμή. Μία Σημείωση για την Μορφοποίηση Όταν ένας browser αναλύει μια HTML σελίδα για να την εμφανίσει στην οθόνη, οποιαδήποτε μορφοποίηση είχατε κάνει στο πηγαίο κώδικα δηλαδή κενά, αλλαγές γραμμών, στηλοθέτες κ.λ.π. αγνοείται. Το μόνο πράγμα που μπορεί να εφαρμόσει μορφοποίηση σε μία σελίδα είναι τα tags της HTML. Έτσι τα παρακάτω παραδείγματα θα παράγουν το ίδιο αποτέλεσμα: <H1 ALIGN="center"> Αυτό είναι μια επικεφαλίδα </H1> <H1 ALIGN="center"> Αυτό είναι μια επικεφαλίδα </H1> <H1 ALIGN="center"> Αυτό είναι </H1> μια επικεφαλίδα Εξαίρεση σε αυτό αποτελεί το στοιχείο προ-μορφοποιημένου κειμένου που αποτελείτε από τα ζεύγη tags <PRE>.. </PRE>. Το κείμενο που περιβάλετε ανάμεσα σε αυτά τα tags διατηρεί την μορφοποίηση του κατά την προβολή του στο παράθυρο του browser. Λίστες Η HTML χρησιμοποιεί αρκετά είδη λιστών, τα πιο συνηθισμένα είδη είναι οι αριθμημένες (Ordered List) και οι μη αριθμημένες λίστες (Unordered List). Οι μη αριθμημένες λίστες περικλείονται μέσα στα tags <UL>... </UL> και κάθε στοιχείο (item) μέσα στη λίστα ξεκινάει με το tag <LI>. Το tag <LI> είναι μονομελή όπως είναι και 107

14 το <BR> που είδαμε προηγουμένως, δηλαδή η παρουσία ενός άλλου <LI> σηματοδοτεί το τέλος του προηγούμενου στοιχείου της λίστας. Όπως σημειώσαμε και στην εισαγωγή αυτής της ενότητας τα tags αρχής ενδέχεται να παίρνουν κάποια ορίσματα μέσω τον οποίον μπορούμε να εφαρμόσουμε πιο συγκεκριμένες μορφοποιήσεις. Έτσι και εδώ το tag <UL> έχει ένα τέτοιο όρισμα το TYPE. Μέσω αυτού του ορίσματος μπορούμε να ορίσουμε το σύμβολο που θα εμφανίζετε μπροστά από κάθε στοιχείο της λίστας. Το όρισμα TYPE παίρνει τις ακόλουθες τιμές: 'disc': Μία στρογγυλή κουκκίδα (κύκλος), αυτή είναι η εξ ορισμού τιμή 'square': Μία τετράγωνη κουκκίδα 'circle': Παρόμοια στρογγυλή κουκκίδα με το disk μόνο που εδώ ο κύκλος εμφανίζετε ά- δειος Ακριβώς όμοια ορίζονται και οι αριθμημένες λίστες μόνο που περικλείονται ανάμεσα στα tags <OL>. </OL> ενώ και πάλι κάθε στοιχείο της λίστας δηλώνετε μέσω του tag <LI>. Επίσης και το tag <OL> παίρνει σαν όρισμα το TYPE μόνο που εδώ δηλώνει τα διαφορετικά είδη με τα οποία μπορούμε να αριθμήσουμε τα στοιχεία μιας λίστας πιο συγκεκριμένα έχουν οριστεί για το TYPE πέντε διαφορετικές τιμές: '1': Καθορίζει πως τα στοιχεία της λίστας θα εμφανιστούν με τους στάνταρ αραβικούς α- ριθμούς δηλαδή 1,2,3. 'A': Καθορίζει ότι η αρίθμηση θα γίνει με κεφαλαία γράμματα δηλαδή A, B, C,. 'a': Καθορίζει ότι η αρίθμηση θα γίνει με πεζά γράμματα δηλαδή a, b, c,. 'I': Καθορίζει ότι η αρίθμηση θα γίνει με κεφαλαία λατινικά ψηφία δηλαδή Ι, ΙΙ, ΙΙΙ, ΙΥ,... 'i': Καθορίζει ότι η αρίθμηση θα γίνει με πεζά λατινικά ψηφία δηλαδή i, ii, iii, iv. Τέλος έχετε την δυνατότητα να τοποθετείτε μία λίστα μέσα σε μία άλλη λίστα όπως φαίνεται στο παρακάτω παράδειγμα: <OL> <LI> πρώτο στοιχείο της αριθμημένης λίστας <LI> δεύτερο στοιχείο της αριθμημένης λίστας <UL> <LI> μη αριθμημένο στοιχείο κάτω από το δεύτερο αριθμημένο δεύτερο αριθμημένο </OL> </UL> <LI> μη αριθμημένο στοιχείο κάτω από το Οριζόντιες γραμμές (Horizontal Rules) Το τελευταίο tag που χρησιμοποιήθηκε σε αυτό το παράδειγμα είναι το μονομελή tag <HR>. Αυτό το στοιχείο απλά σχεδιάζει μια οριζόντια γραμμή δια μέσου της σελίδας, κάτι που είναι χρήσιμο για να διαιρούμε την σελίδα σε ενότητες. 108

15 Ενότητα 5.3 Δημιουργία Συνδέσμων Ουσιαστικά η HTML είναι απόλυτα συνδεδεμένη με την έννοια των συνδέσμων, φανταστείτε πως ενώ διαβάζετε αυτό το βιβλίο συναντάτε την λέξη URL την έννοια της οποία αναλύσαμε στην ενότητα 1.1, αλλά εσείς είτε την διαβάσατε και δεν την θυμάστε είτε ξεκινήσατε την μελέτη σας από αυτό το κεφάλαιο και δεν την έχετε συναντήσει. Σε μια τέτοια περίπτωση τι θα κάνατε; Λογικά θα σαρώνατε το βιβλίο από την αρχή μήπως και την εντοπίσετε σε κάποιο σημείο του ή πιο έξυπνα θα βλέπατε τα περιεχόμενα του βιβλίου και με κριτήριο την λογική σας θα αρχίζατε το ψάξιμο από την ενότητα εκείνη που είναι πιο πιθανόν να περιέχει την ά- γνωστη λέξη URL. Αυτό το πλεονέκτημα έχουν οι σύνδεσμοι δηλαδή, εάν διαβάζατε αυτό το βιβλίο σαν μια σελίδα HTML με το που θα συναντούσατε μια άγνωστη λέξη, στο παράδειγμα μας URL, θα κάνατε ένα απλό κλικ με το ποντίκι σας πάνω στην λέξη και άμεσα θα μεταβαίνατε στο σημείο εκείνο που ο συγγραφέας την επεξηγεί. Παράδειγμα ιστοσελίδας με χρήσιμους συνδέσμους μπορείτε να βρείτε στην wikipedia που για την Ελλάδα έχει το URL Για να δημιουργήσετε συνδέσμους στην HTML χρειάζεστε δύο πράγματα: 1. Το όνομα του αρχείου ή το URL του αρχείου στο οποίο θέλετε να μεταβαίνετε μέσω του συνδέσμου σας. 2. Ένα κείμενο το οποίο θα εμφανίζετε τονισμένο στον browser και που θα επιλέγουν οι χρήστες σας με σκοπό να ακολουθήσουν τον σύνδεσμο. Το ζεύγος tag της HTML μέσω του οποίου δημιουργούμε συνδέσμους είναι το <A>... </A>. Το <A> παίρνει σαν όρισμα το HREF (Hypertext Reference) στο οποίο αναθέτουμε το όνομα του αρχείου που θέλουμε να μεταβαίνουμε μέσω του συνδέσμου μας. Το κείμενο που υπάρχει μεταξύ των tags <Α>... </A> είναι το κείμενο που θα εμφανίζετε τονισμένο από τον browser και μέσω αυτού ο χρήστης πατώντας το με το ποντίκι θα μεταβαίνει στην σελίδα που ορίζει το HREF. Σε αυτήν την ενότητα θα φτιάξουμε τρία είδη συνδέσμων: Συνδέσμους που αναφέρονται σε σελίδες που βρίσκονται τοπικά στον ίδιο υπολογιστή. Συνδέσμους που αναφέρονται σε σελίδες που βρίσκονται σε απομακρυσμένους υπολογιστές και που σε αυτήν την περίπτωση θα χρησιμοποιήσουμε το URL του υπολογιστή που θέλουμε να μεταβούμε. Συνδέσμους που αναφέρονται σε ενότητες της ίδιας της σελίδας και που μας διευκολύνουν ώστε να κινούμαστε μέσα σε αυτήν γρήγορα και αποτελεσματικά. 5.2 Δραστηριότητα Θα φτιάξουμε δύο αρχεία HTML, το μεν πρώτο θα έχει όνομα index.html και θα είναι παρόμοιο με αυτό που γράψαμε στην δραστηριότητα 1.1, το δε δεύτερο θα έχει όνομα deer- Hunter.html. Στόχος μας είναι να φτιάξουμε έναν σύνδεσμο ώστε από το αρχείο index.html να μεταβαίνομε στο αρχείο deerhunter.html. Ο σύνδεσμος θα γίνει πάνω στο όνομα της ται- 109

16 νίας deerhunter και έτσι ο χρήστης κάνοντας κλικ πάνω σε αυτό το όνομα θα ανοίγει η δεύτερη ιστοσελίδα μας που σαν στόχο έχει να δίνει στον αναγνώστη πληροφορίες για την δεδομένη ταινία. Τέλος, θα φτιάξουμε και έναν ακόμα σύνδεσμο στην σελίδα deerhunter.html ώστε να δίνουμε στον χρήστη την δυνατότητα να επιστρέφει στην αρχική σελίδα και να συνεχίσει την ανάγνωση της. Προσέξτε και τα δύο αρχεία να τα αποθηκεύσετε στον ίδιο κατάλογο του υπολογιστή σας, αν δουλεύει ο σύνδεσμος τοπικά στην συνέχεια είναι πολύ απλό να τα μεταφέρουμε σε έναν Web Server και να τα δημοσιεύσουμε. Απάντηση 1. Αρχικά αντιγράψτε το παρακάτω κώδικα σε έναν επεξεργαστή κειμένου και σώστε το αρχείο σας με το όνομα index.html. <HTML> <HEAD> <TITLE> Οι αγαπημένες μου ταινές </TITLE> </HEAD> <BODY> <H1 ALIGN=CENTER> Τα Χόμπι μου </H1> <P> Μία από τις αγαπημένες μου δραστηριότητες στον ελεύθερο μου χρόνο είναι να πηγαίνω cinema με τους φίλους μου. Αν και τα κριτήρια για το εάν μια ταινία ειναι καλή ή όχι είναι κυρίως υποκειμενικά παρακάτω παραθέτω μια λίστα με τις αγαπημένες μου ταινίες η οποίες είναι πασίγνωστες και εάν κάποιος δεν τις έχει δει πρέπει οποσδήποτε να πάει στο video club της γειτονίας του και να τις δει <B> ΑΜΜΕΣΑ!!! </B> <Η2> Αγαπημές μου ταινίες </Η2> <OL TYPE="I"> <LI> <A HREF="deerHunter.html"> Ο ελαφοκυνηγός </A> <LI> Ο σημαδεμένος <LI> Fight Club <LI> Το κουρδιστό πορτοκάλι </OL> <HR> </BODY> </HTML> 110

17 Αυτό το αρχείο είναι παρόμοιο με αυτό που δόθηκε στην δραστηριότητα 1.1, αποτελείται από μια παράγραφο και από μια αριθμημένη λίστα με λατινικά ψηφία. Ο κώδικάς μέσω του οποίου δημιουργώ τον σύνδεσμο είναι ο εξής: <LI> <A HREF="deerHunter.html"> Ο ελαφοκυνηγός </A> 2. Στην συνέχεια ανοίξτε ένα καινούργιο αρχείο, αντιγράψτε το παρακάτω κώδικα HTML και σώστε το αρχείο με το όνομα deerhunter.html <HTML> <HEAD> <TITLE> Ο ελαφοκυνηγός </TITLE> </HEAD> <BODY> <H1 ALIGN=CENTER> Ο ελαφοκυνηγός (the deer hunter) </H1> <H4> Συντελεστές της ταινίας </H4> <P> Έτος παραγωγής 1978 Διάρκεια 178' Έγχρωμο <BR> Μια του ΜΑΙΚΛ ΤΣΙΜΙΝΟ με τους ΡΟΜΠΕΡΤ ΝΤΕΝΙΡΟ, <BR> ΜΕΡΙΛ ΣΤΡΙΠ, ΚΡΙΣΤΟΦΕΡ ΓΟΥΟΚΕΝ, ΤΖΟΝ ΚΑΖΑΛΕ, ΤΖΟΝ ΣΑΒΑΤΖ Φωτογραφία <BR> ΒΙΛΜΟΣ ΖΙΓΚΜΟΝΤ, Μοντάζ PITERZINER Μουσική ΣΤΑΝΛΕΙ ΜΑΓΙΕΡΣ Παραγωγή <BR> ΜΑΙΚΛ ΤΣΙΜΙΝΟ, ΜΑΙΚΛ ΝΤΙΛΕΙ, ΤΖΟΝ ΠΕΡΕΒΑΛ, ΜΠΑΡΙ ΣΠΙΚΙΝΓΚΣ Σενάριο ΝΤΕΡΙΚ <BR> ΓΟΥΟΣΜΠΕΡΝ Σκηνοθεσια ΜΑΙΚΛ ΤΣΙΜΙΝΟ <HR> <H4> Λίγα λόγια για την ταινία </H4> <P> Χωρισμένο σε τρία μέρη, το συγκλονιστικό και αρχικά στραμμένο στις καθημερινές ανθρώπινες ιστορίες έπος του Μαικλ Τσιμίνο αφηγείται την βίαιη περιπέτεια μιας παρέας νεαρών Αμερικανών, οι οποίοι θα αφήσουν την ανέμελη ζωή τους για να πάνε στο Βιετνάμ. Όταν θα επιστρέψουν όμως από την φρίκη του πολέμου τίποτα δεν θα είναι ίδιο... <HR> <P> <A HREF="index.html"> Πίσω στις αγαπημένες μου ταινίες <A> </BODY> </HTML> 111

18 Τα περιεχόμενα και αυτού του αρχείου είναι γνωστά, το μόνο καινούργιο στοιχείο είναι η γραμμή προς στο τέλος του εγγράφου: <P> <A HREF="index.html"> Πίσω στις αγαπημένες μου ταινίες <A> Μέσω του tag <Α> δημιουργούμε ένα σύνδεσμο με το αρχείο index.html για να δίνουμε στον χρήστη την δυνατότητα μέσω αυτού να επιστρέφει στο σημείο στο οποίο βρισκόταν πριν, στο παράδειγμα μας να επανέλθει πάλι στο αρχείο index.html. 3. Σε αυτό το σημείο τρέξτε τον αγαπημένο σας browser και φορτώστε σε αυτόν το αρχείο με το όνομα index.html. Το αποτέλεσμα που παίρνουμε χρησιμοποιώντας τον internet explorer είναι αυτό που φαίνεται στην παρακάτω εικόνα tj Οι αναπημένίς μου ταινές Microsoft Internet Lxplorer File Edit View Favorites Tools Help if «] ] Search Favorites Media Ad.di i&j C:\Docurnents and Settings\al_pa\My Docurnents\work\HTML\My Book! I!\source code of : ν QGo L:n.r M ^ f Τα Χόμπι μου Μία. από ης αγαπημένες μ,ου δραστηριότητες στον ελεύθερο μ,ου χρόνο είναι να πηγαίνω cmema μ,ε τους φίλους μ,ου. Αν κιϊι τα. κριτήρια για, το sdtv μ,ια. ταινία ειναι καλή ή όχι είναι κυρίως υποκειμ.ενικά παρακάτω παραθέτω μ,ια λίστα, μ.ε τις αγαπημ.ένες μ,ου ταινίες η οποίες είναι πασίγνωστες και εάν κάποιος δεν τις έχει δει πρέπει οποσδήποτε να πάει στο indeo club της γειτονίας του και να. τις δει AIvIMELA!!! Αγάπη μες μ-ου ταινίες I. Ο ελαφο κυνηγός I!.. Ο σημαδεμ,ένος HI Fight Club IV Το κουρδιστό πορτοκάλι Done My Coriiouter Εικόνα 5.2 Η λέξη <<Ο ελαφοκυνηγός» πρέπει να δείχνει τονισμένη σε σχέση με το απλό κείμενο, μην σας απασχολεί αν είναι ακριβώς το ίδιο με το παραπάνω, το πώς εμφανίζονται οι σύνδεσμοι εξαρτάτε από το browser που χρησιμοποιείτε. 4. Κάντε κλικ με το ποντίκι πάνω σε αυτόν το σύνδεσμο τότε θα εμφανιστεί η δεύτερη σελίδα με όνομα deerhunter.html που δημιουργήσαμε, θα σας εμφανιστεί κάτι παρόμοιο με αυτό που φαίνεται στην εικόνα

19 0 Ο ελαφοκυνηγός - Microsoft Inlei nel Explorer File Edit View Favorites Tools Help if Η T» τ- Συντελεστές της ταινίας Ο ί;λ«φοκυνηγ«(the deer hunter) Έτος παραγωγής 1978 Διάρκεια, 178'Έγχρωμο Μια του ΜΑΙΚΛ ΤΣΙΜΙΝΟ με τους ΡΟΜΠΕΡΤ ΝΙΈΝΙΡΟ, ΜΕΡΙΛ ΓΓΡΙΠ, ΚΡΠΓΓΟΦΕΡ ΓΟΥΟΚΕΝ, ΤΖΟΝ ΚΑΖΑΛΕ, ΤΖΟΝ ΣΑΒΑΤΖ Φωτογραφία ΒΙΛΜβΣ ΖΠΧΜΟΝΤ, Μοντάζ ΡΙΤΕΡΖΙΝΕΕ. Μουσική ΣΓΑΝΛΕΙΜΑΠΕΡΣ Παραγωγή ΜΑΙΚΛ ΤΣΙΜΙΝΟ, ΜΑΙΚΛ ΝΊΊΛΕΙ, ΤΖΟΝ ΠΕΡΕΒΑΛ, ΜΠΑΡΙ ΠΠΚΙΝΓΚΣ Σενάριο ΝΤΈΡΙΚ ΓΟΤΟΣΜΠΕΡΝ Σκηνοθεσία ΜΑΙΚΛ ΊΊΠΜΠΝΟ Λίγα λόγια για την ταινία Χωρισμένο σε τρία. μέρη, το συγκλονιστικό και αρχικά στραμμένο σας καθημερινές ανθρώπινες ιστορίες έπος του Μαικλ Τσιμίνο αφηγείται την βίαιη περιπέτεια μιας παρέας νεαρών Αμερικανών, οι οποίοι θα αφήσουν την ανέμελη ζωή τους για να πάνε στο Βιετνάμ. Όταν θα επιστρέψουν όμως από την φρίκη του πολέμου τίποτα δεν θα είναι ίδιο,,, Πίσω στις αγαπημένες μου ταινίες ^[Dqne ^ My Computer Εικόνα Τέλος, αφού φτάσατε με επιτυχία ως εδώ κάντε κλικ στο σύνδεσμο <<Πίσω στις αγαπημένες μου ταινίες» για να επιστρέψετε στην αρχική σας σελίδα. Πιθανά προβλήματα Εάν ο browser που χρησιμοποιείτε δεν μπορεί να βρει το αρχείο όταν επιλέγεται το σύνδεσμο, βεβαιωθείτε ότι το όνομα του αρχείου στο όρισμα HREF του tag <Α> έχει το ίδιο όνομα που έχει και το αρχείο στο δίσκο σας. Επίσης με βάση τη διαδρομή που δώσαμε στο HREF τα αρχεία πρέπει να βρίσκονται τοποθετημένα στον ίδιο κατάλογο. Θυμηθείτε επίσης ότι έχετε κλείσει τα διπλά εισαγωγικά στο τέλος του αρχείου μέσα στο όρισμα HREF. Όλα αυτά τα πράγματα είναι ικανά να "μπερδέψουν" τον browser έτσι ώστε να μην είναι σε θέση να βρει σωστά τον σύνδεσμο. Τέλος, στο παράδειγμα αυτό θεωρήσαμε ότι και τα δύο αρχεία τα οποία θέλαμε να διασυνδέσουμε βρίσκονταν μέσα στον ίδιο κατάλογο. Αν βρίσκονταν σε διαφορετικούς καταλόγους τότε θα έπρεπε να δώσουμε στο όρισμα HREF του tag <Α> όχι μόνο το όνομα του αρχείου με το οποίο θέλουμε να φτιάξουμε το σύνδεσμο αλλά και την διαδρομή (path) στην οποία αυτό το αρχείο βρίσκετε στο δίσκο μας. Για παράδειγμα εάν το αρχείο deerhunter.html βρισκόταν σε έναν κατάλογο πάνω από τον κατάλογο που είχαμε το index.html τότε η σχετική διαδρομή που θα δίναμε θα ήταν η εξής: <A> <HREF="../deerHunter.html"> Ο ελαφοκυνηγός </A> Διαφορετικά, ο άλλος τρόπος θα ήταν να δώσουμε την απόλυτη διαδρομή του αρχείου αρχίζοντας δηλαδή από το ανώτερο επίπεδο και κάτω μέχρι να φτάσουμε στο κατάλογο που περιέχει το αρχείο που θέλουμε να διασυνδέσουμε. 113

20 5.3 Δραστηριότητα Σε αυτήν την δραστηριότητα θα δημιουργήσουμε έναν σύνδεσμο ανάμεσα στην σελίδα HTML που φτιάξαμε στην δραστηριότητας 1.1 με μια "πραγματική" ιστοσελίδα που βρίσκεται σε κάποιον άλλον υπολογιστή στο WEB. Συγκεκριμένα, θα διασυνδέσουμε την ταινία deerhunter με την σελίδα που έχει την URL: Με αυτόν τον τρόπο ο αναγνώστης της σελίδας μας θα έχει την δυνατότητα εάν θέλει να μάθει περισσότερα στοιχεία για την αγαπημένη μας ταινία κάνοντας απλά ένα κλικ πάνω στο όνομα της ταινίας. Προφανώς για να μπορέσουμε να δούμε στην πράξη αυτούς τους συνδέσμους να δουλεύουν χρειάζεται να είμαστε συνδεδεμένη στο Internet. Απάντηση 1. Γράψτε πάνω ακριβώς από το </BODY> στο αρχείο deerhunter.html το παρακάτω κώδικα: <P><A HREF="http://movies.yahoo.com/shop?d=hv&cf=info&id= "> Ο Ελαφοκυνηγός στο Web </A> 2. Στην συνέχεια ανοίξτε το αρχείο deerhunter.html με έναν browser, εάν όλα πήγαν καλά πρέπει να βλέπετε την παρακάτω εικόνα, με την φράση ο Ελαφοκυνηγός στο Web υπογραμμισμένη ανάλογα με το χρώμα που δίνει o browser που χρησιμοποιείτε. ελαφοκυνηγός - Microsoft Internet Explorer HsM Filer Edit View Favorites Tools Help 4?, w' [ gf. ι Search Favorites Media τ V» v..!' κ C:\Documents and 5ettings\al_pa\My Documents\work\HTML\My Book!!!\source code of HTML documents\examfl to Go age" c. Ο ελαφοκυνηγός (the deer hunter) Συντελεστές της ταινίας Έτος παραγωγής 197S Διάρκεια 178'Έγχρωμο Μια του ΜΑΙΚΛ ΤΣΙΜΙΝΟ με τους ΡΟΜΠΕΡΤ ΝΊΈΝΊΡΟ, ΜΕΡΙΛ ΣΓΡΙΠ, ΚΡΙΣΙΟΦΕΡ ΓΟΥΟΚΕΝ, ΤΖΟΝ ΚΑΖΑΛΕ, ΤΖΟΝ ΣΑΒΑΤΖ Φωτογραφία ΒΙΛΜΟΣ ΖΙΓΚΜΟΝΤ, Μοντάζ ΡΠΈΕΖΙΝΕΕ. Μουσική ΓΓΑΝΛΕΙΜΑΙΊΕΡΣ Παραγωγή ΜΑΙΚΛ ΤΣΙΜΙΝΟ, ΜΑΙΚΛ ΜΙΛΕΙ; ΤΖΟΝ ΠΕΡΕΒΑΛ, ΜΠΑΡΙ ΣΠΙΚΙΝΓΚΣ Σενάριο ΝΙΈΡΙΚ ΓΟ ΥΟΣΜΠΕΡΝ Σκηνο θ εσια ΜΑΙΚΛ ΤΣΙΜΙΝΟ Λίγα λόγια για την ταινία Χωρισμένο σε τρία μέρη, το συγκλονιστικό και αρχικά στραμμένο στις καθημερινές ανθρώπινες ιστορίες έπος του Μαικλ Τσιμίνο αφηγείται την βίαιη περιπέτεια μιας παρέας νεαρών Αμερικανών, οι οποίοι θα αφήσουν την ανέμελη ζωή τους για να πάνε στο Βιετνάμ. Όταν θα επιστρέψουν όμως από την φρίκη του πολέμου τίποτα δεν θα είναι ] ίδιο... Πίσω στις αγαπημένες ιχου ταινίες 0 Ελαφοκυνηγός στο "Web Ί^] J My Computer Εικόνα

Εισαγωγη στην html. Η δομή μιας ιστοσελίδας (αρχείο html) Η βασική δομή ενός αρχείου html είναι η εξής:

Εισαγωγη στην html. Η δομή μιας ιστοσελίδας (αρχείο html) Η βασική δομή ενός αρχείου html είναι η εξής: <html> <head> Εισαγωγη στην html Ο παγκόσμιος ιστός (αγγ.: World Wide Web ή www) είναι η πιο δημοφιλής υπηρεσία που μας παρέχει το Διαδίκτυο (Internet) και είναι ένα σύστημα διασυνδεδεμένων πληροφοριών (κειμένου, εικόνας,

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

Η κατανόηση βασικών εννοιών πάνω στο τι είναι το Web και η συγγραφή απλού κώδικα HTML για τον σχεδιασµό απλών ιστοσελίδων.

Η κατανόηση βασικών εννοιών πάνω στο τι είναι το Web και η συγγραφή απλού κώδικα HTML για τον σχεδιασµό απλών ιστοσελίδων. ΚΕΦΑΛΑΙΟ 1ο Εισαγωγή και Εξοικείωση στην HTML Σκοπός κεφαλαίου Η κατανόηση βασικών εννοιών πάνω στο τι είναι το Web και η συγγραφή απλού κώδικα HTML για τον σχεδιασµό απλών ιστοσελίδων. Στόχοι κεφαλαίου

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

1. O FrontPage Explorer

1. O FrontPage Explorer 1. O FrontPage Explorer Στο παρελθόν, ο δηµιουργός µιας θέσης Ιστού έπρεπε να παρακολουθεί µόνος του τον τρόπο σύνδεσης των σελίδων του. Με το FrontPage Explorer µπορείτε να δηµιουργείτε ιστούς και να

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

Πλοήγηση www / Με τον Internet Explorer

Πλοήγηση www / Με τον Internet Explorer Πλοήγηση www / Με τον Internet Explorer Περιεχόμενα 1.Eισαγωγή 2.Το περιβάλλον του Internet Explorer 3.Οδηγίες πλοήγησης 4.Αποθήκευση αρχείων 5.Αγαπημένα 6.Ασφαλής σύνδεση 7.Διακομιστής μεσολάβησης 1.Εισαγωγή

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

Οδηγίες για προσθήκη 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) 1. Δημιουργία μιας απλής σελίδας HTML Ανοίξτε το Notepad ακολουθώντας τη διαδρομή Start All Programs Accessories Notepad Πληκτρολογήστε το ακόλουθο κείμενο:

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

Άσκηση 5 Firefox Αποθήκευση αρχείων

Άσκηση 5 Firefox Αποθήκευση αρχείων Άσκηση 5 Firefox Αποθήκευση αρχείων Παρουσίαση Γραμμών Εργαλείων Ανοίγουμε τον περιηγητή ιστού Firefox. Αποθήκευση εικόνων Ανοίγουμε την σελίδα www.google.gr Στην πάνω αριστερά γωνία κάνουμε αριστερό κλικ

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

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

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

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

Η γλώσσα HTML. Επιμέλεια: Δέγγλερη Σοφία

Η γλώσσα HTML. Επιμέλεια: Δέγγλερη Σοφία Η γλώσσα HTML Επιμέλεια: Δέγγλερη Σοφία Υπερκείμενο Το δομικό χαρακτηριστικό του Παγκόσμιου Ιστού Ένα αρχείο Απλό κείμενο και υπερσύνδεσμοι Υπερσύνδεσμος Μετάβαση σε διάφορα άλλα έγγραφα Αποτελείται από

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

Δημοσίευση στο Διαδίκτυο

Δημοσίευση στο Διαδίκτυο ΕΣΔ200 Δημιουργία Περιεχομένου ΙI Δημοσίευση στο Διαδίκτυο Περιεχόμενα - Βιβλιογραφία Ενότητας Περιεχόμενα Εισαγωγή Δημοσίευση μιας ταινίας στο παγκόσμιο ιστό Βασικά στοιχεία HTML Τεχνικές δημιουργίας

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

<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="/50083940-Kataskeyi-istoselidon-me-to-frontpage2003.html">Κατασκευή ιστοσελίδων με το FrontPage2003</a> </h3> <p> <img alt="Κατασκευή ιστοσελίδων με το FrontPage2003" title="Κατασκευή ιστοσελίδων με το FrontPage2003" class="news-block-img pull-right" src="/thumbs/63/50083940.jpg"> Γραμμή τίτλου Γραμμή μενού Γραμμή εργαλείων Μορφοποίηση Εικόνα Εφέ DHTML Κατασκευή ιστοσελίδων με το FrontPage2003 Παράθυρο εργασιών Όταν ανοίγουμε το FrontPage, ανοίγει αυτόματα μία νέα σελίδα. (Στο FrontPage </p> <a href="/50083940-Kataskeyi-istoselidon-me-to-frontpage2003.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="/33359887-Kefalaio-11-eisagogi-stin-html-efarmoges-pliroforikis-kef-11-karamaoynas-polykarpos.html">Κεφάλαιο 11: Εισαγωγή στην HTML. Εφαρμογές Πληροφορικής Κεφ. 11 Καραμαούνας Πολύκαρπος</a> </h3> <p> <img alt="Κεφάλαιο 11: Εισαγωγή στην HTML. Εφαρμογές Πληροφορικής Κεφ. 11 Καραμαούνας Πολύκαρπος" title="Κεφάλαιο 11: Εισαγωγή στην HTML. Εφαρμογές Πληροφορικής Κεφ. 11 Καραμαούνας Πολύκαρπος" class="news-block-img pull-right" src="/thumbs/54/33359887.jpg"> Κεφάλαιο 11: Εισαγωγή στην HTML 1 11.1 Γενική εισαγωγή στην HTML Τι είναι η HTML HyperText Markup Language - Γλώσσα Χαρακτηρισμού Υπερ-Κειμένου είναι η βασική γλώσσα με την οποία πραγματοποιείται η δόμηση </p> <a href="/33359887-Kefalaio-11-eisagogi-stin-html-efarmoges-pliroforikis-kef-11-karamaoynas-polykarpos.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="/34692790-Ypiresies-diadiktoy-explorer-outlook-2013.html">ΥΠΗΡΕΣΙΕΣ ΔΙΑΔΙΚΤΟΥ Explorer & Outlook 2013</a> </h3> <p> <img alt="ΥΠΗΡΕΣΙΕΣ ΔΙΑΔΙΚΤΟΥ Explorer & Outlook 2013" title="ΥΠΗΡΕΣΙΕΣ ΔΙΑΔΙΚΤΟΥ Explorer & Outlook 2013" class="news-block-img pull-right" src="/thumbs/54/34692790.jpg"> ΥΠΗΡΕΣΙΕΣ ΔΙΑΔΙΚΤΟΥ Explorer & Outlook 2013 1. Δίκτυα Υπολογιστών και Διαδίκτυο... 3 1.1. Όροι Και Έννοιες... 3 1.2. Ασφάλεια Στο Διαδίκτυο... 5 2. Περιήγηση στον Παγκόσμιο Ιστό 7 Το Περιβάλλον Ενός Φυλλομετρητή... </p> <a href="/34692790-Ypiresies-diadiktoy-explorer-outlook-2013.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="/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="/49786887-Eisagogi-sto-programma-microsoft-word-2003.html">Εισαγωγή στο πρόγραμμα Microsoft word 2003</a> </h3> <p> <img alt="Εισαγωγή στο πρόγραμμα Microsoft word 2003" title="Εισαγωγή στο πρόγραμμα Microsoft word 2003" class="news-block-img pull-right" src="/thumbs/63/49786887.jpg"> Εισαγωγή στο πρόγραμμα Microsoft word 2003 Έναρξη 1. Εκκίνηση του προγράμματος Για να ξεκινήσουμε το Word, πατάμε στο κουμπί Εναρξη και από το μενού που εμφανίζεται επιλέγουμε Προγράμματα και Microsoft </p> <a href="/49786887-Eisagogi-sto-programma-microsoft-word-2003.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/47829851-Poies-einai-oi-kyries-etiketes-poy-hrisimopoiei-i-html-gia-tin-perigrafi-tis-synolikis-domis-mias-istoselidas.html">Ποιες είναι οι κύριες ετικέτες που χρησιμοποιεί η HTML για την περιγραφή της συνολικής δομής μιας ιστοσελίδας;</a> </h3> <p> <img alt="Ποιες είναι οι κύριες ετικέτες που χρησιμοποιεί η HTML για την περιγραφή της συνολικής δομής μιας ιστοσελίδας;" title="Ποιες είναι οι κύριες ετικέτες που χρησιμοποιεί η HTML για την περιγραφή της συνολικής δομής μιας ιστοσελίδας;" class="news-block-img pull-right" src="/thumbs/62/47829851.jpg"> Τι είναι η HTML; Η HTML είναι το ακρωνύμιο των λέξεων HyperText Markup Language, δηλαδή Γλώσσα Χαρακτηρισμού Υπερ Κειμένου και βασίζεται στη γλώσσα SGML, Standard Generalized Markup Language, που είναι </p> <a href="/47829851-Poies-einai-oi-kyries-etiketes-poy-hrisimopoiei-i-html-gia-tin-perigrafi-tis-synolikis-domis-mias-istoselidas.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/41897722-7-a-1-paroysiaseis-7-a-2-perigrafi-periehomenon-tis-efarmogis.html">7.Α.1 Παρουσιάσεις. 7.Α.2 Περιγραφή περιεχομένων της εφαρμογής</a> </h3> <p> <img alt="7.Α.1 Παρουσιάσεις. 7.Α.2 Περιγραφή περιεχομένων της εφαρμογής" title="7.Α.1 Παρουσιάσεις. 7.Α.2 Περιγραφή περιεχομένων της εφαρμογής" class="news-block-img pull-right" src="/thumbs/58/41897722.jpg"> Μάθημα 7ο Πολυμέσα 7.Α.1 Παρουσιάσεις Οι παρουσιάσεις είναι μια εφαρμογή που χρησιμεύει στην παρουσίαση των εργασιών μας. Αποτελούν μια συνοπτική μορφή των εργασιών μας. Μέσω δημιουργίας διαφανειών, μορφοποιήσεων </p> <a href="/41897722-7-a-1-paroysiaseis-7-a-2-perigrafi-periehomenon-tis-efarmogis.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/47189975-Epl-003-epistimi-tis-pliroforikis-kai-pliroforika-systimata.html">ΕΠΛ 003: ΕΠΙΣΤΗΜΗ ΤΗΣ ΠΛΗΡΟΦΟΡΙΚΗΣ ΚΑΙ ΠΛΗΡΟΦΟΡΙΚΑ ΣΥΣΤΗΜΑΤΑ</a> </h3> <p> <img alt="ΕΠΛ 003: ΕΠΙΣΤΗΜΗ ΤΗΣ ΠΛΗΡΟΦΟΡΙΚΗΣ ΚΑΙ ΠΛΗΡΟΦΟΡΙΚΑ ΣΥΣΤΗΜΑΤΑ" title="ΕΠΛ 003: ΕΠΙΣΤΗΜΗ ΤΗΣ ΠΛΗΡΟΦΟΡΙΚΗΣ ΚΑΙ ΠΛΗΡΟΦΟΡΙΚΑ ΣΥΣΤΗΜΑΤΑ" class="news-block-img pull-right" src="/thumbs/62/47189975.jpg"> ΕΠΛ 003: ΕΠΙΣΤΗΜΗ ΤΗΣ ΠΛΗΡΟΦΟΡΙΚΗΣ ΚΑΙ ΠΛΗΡΟΦΟΡΙΚΑ ΣΥΣΤΗΜΑΤΑ Δρ. Κουζαπάς Δημήτριος Πανεπιστήμιο Κύπρου - Τμήμα Πληροφορικής Παγκόσμιος Ιστός Στόχοι 1 Να εξηγήσουμε τι είναι ο Παγκόσμιος Ιστός και πώς </p> <a href="/47189975-Epl-003-epistimi-tis-pliroforikis-kai-pliroforika-systimata.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="/30983231-Simeioseis-gia-to-ergastiriako-mathima-ekpaideytiki-tehnologia-polymesa.html">Σημειώσεις για το εργαστηριακό μάθημα «Εκπαιδευτική Τεχνολογία Πολυμέσα»</a> </h3> <p> <img alt="Σημειώσεις για το εργαστηριακό μάθημα «Εκπαιδευτική Τεχνολογία Πολυμέσα»" title="Σημειώσεις για το εργαστηριακό μάθημα «Εκπαιδευτική Τεχνολογία Πολυμέσα»" class="news-block-img pull-right" src="/thumbs/53/30983231.jpg"> ΑΝΩΤΑΤΗ ΣΧΟΛΗ ΠΑΙΔΑΓΩΓΙΚΗΣ ΚΑΙ ΤΕΧΝΟΛΟΓΙΚΗΣ ΕΚΠΑΙΔΕΥΣΗΣ ΓΕΝΙΚΟ ΤΜΗΜΑ ΠΑΙΔΑΓΩΓΙΚΩΝ ΜΑΘΗΜΑΤΩΝ Δημιουργία web site με το Σημειώσεις για το εργαστηριακό μάθημα «Εκπαιδευτική Τεχνολογία Πολυμέσα» Μαρία Μουντρίδου </p> <a href="/30983231-Simeioseis-gia-to-ergastiriako-mathima-ekpaideytiki-tehnologia-polymesa.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/33527076-Wordpress-eikona-1-patontas-sti-syndesi-grapste-to-username-onoma-hristi-kai-to-password-synthimatiko-eikona-2-poy-sas-edose-o-diaheiristis.html">WORDPRESS. Εικόνα 1. Πατώντας στη «Σύνδεση» γράψτε το Username (όνομα χρήστη) και το Password (συνθηματικό) (εικόνα 2) που σας έδωσε ο διαχειριστής</a> </h3> <p> <img alt="WORDPRESS. Εικόνα 1. Πατώντας στη «Σύνδεση» γράψτε το Username (όνομα χρήστη) και το Password (συνθηματικό) (εικόνα 2) που σας έδωσε ο διαχειριστής" title="WORDPRESS. Εικόνα 1. Πατώντας στη «Σύνδεση» γράψτε το Username (όνομα χρήστη) και το Password (συνθηματικό) (εικόνα 2) που σας έδωσε ο διαχειριστής" class="news-block-img pull-right" src="/thumbs/54/33527076.jpg"> WORDPRESS Το παρόν εγχειρίδιο είναι μία προσπάθεια για τους συναδέλφους εκπαιδευτικούς αλλά και μαθητές για την δημοσίευση άρθρων. Για παραλήψεις, λάθη ή κάτι το δυσνόητο παρακαλώ ενημερώστε με ώστε να </p> <a href="/33527076-Wordpress-eikona-1-patontas-sti-syndesi-grapste-to-username-onoma-hristi-kai-to-password-synthimatiko-eikona-2-poy-sas-edose-o-diaheiristis.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/43502673-Shediazontas-efarmoges-gia-to-diadiktyo.html">Σχεδιάζοντας Εφαρμογές για το Διαδίκτυο</a> </h3> <p> <img alt="Σχεδιάζοντας Εφαρμογές για το Διαδίκτυο" title="Σχεδιάζοντας Εφαρμογές για το Διαδίκτυο" class="news-block-img pull-right" src="/thumbs/59/43502673.jpg"> FrontPage 2003 Πρακτικός Οδηγός Χρήσης Το FrontPage είναι ένα πρόγραμμα δημιουργίας ιστοσελίδων και δικτυακών τόπων που επιτρέπει το σχεδιασμό ιστοσελίδων μέσα από γραφικό περιβάλλον αλλά και την ταυτόχρονη </p> <a href="/43502673-Shediazontas-efarmoges-gia-to-diadiktyo.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/47062418-Diadikasia-metaforas-ylikoy-mathimatos-apo-blackboard-vista-se-open-eclass.html">ΔΙΑΔΙΚΑΣΙA ΜΕΤΑΦΟΡΑΣ ΥΛΙΚΟΥ ΜΑΘΗΜΑΤΟΣ ΑΠΟ BLACKBOARD VISTA ΣΕ OPEN ECLASS</a> </h3> <p> <img alt="ΔΙΑΔΙΚΑΣΙA ΜΕΤΑΦΟΡΑΣ ΥΛΙΚΟΥ ΜΑΘΗΜΑΤΟΣ ΑΠΟ BLACKBOARD VISTA ΣΕ OPEN ECLASS" title="ΔΙΑΔΙΚΑΣΙA ΜΕΤΑΦΟΡΑΣ ΥΛΙΚΟΥ ΜΑΘΗΜΑΤΟΣ ΑΠΟ BLACKBOARD VISTA ΣΕ OPEN ECLASS" class="news-block-img pull-right" src="/thumbs/62/47062418.jpg"> ΔΙΑΔΙΚΑΣΙA ΜΕΤΑΦΟΡΑΣ ΥΛΙΚΟΥ ΜΑΘΗΜΑΤΟΣ ΑΠΟ BLACKBOARD VISTA ΣΕ OPEN ECLASS Η διαδικασία μεταφοράς του υλικού ενός μαθήματος από την πλατφόρμα Blackboard Vista στην πλατφόρμα Open eclass σε βήματα είναι </p> <a href="/47062418-Diadikasia-metaforas-ylikoy-mathimatos-apo-blackboard-vista-se-open-eclass.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/2510580-Movie-maker-dimioyrgia-vinteo.html">Movie Maker (Δημιουργία βίντεο)</a> </h3> <p> <img alt="Movie Maker (Δημιουργία βίντεο)" title="Movie Maker (Δημιουργία βίντεο)" class="news-block-img pull-right" src="/thumbs/24/2510580.jpg"> Movie Maker (Δημιουργία βίντεο) - Με πόσους τρόπους μπορούμε να διηγηθούμε μια ιστορία; - Μπορούμε να την πούμε ο ένας στον άλλο. - Μπορούμε να την γράψουμε. - Μπορούμε να τη ζωγραφίσουμε κομμάτι-κομμάτι. </p> <a href="/2510580-Movie-maker-dimioyrgia-vinteo.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/34692357-Ref-slws-1-5copyright-2005-the-european-computer-driving-licence-foundation-ltd-selida-1-apo-7.html">Ref.: SLWS 1 5Copyright 2005 The European Computer Driving Licence Foundation Ltd Σελίδα 1 από 7</a> </h3> <p> <img alt="Ref.: SLWS 1 5Copyright 2005 The European Computer Driving Licence Foundation Ltd Σελίδα 1 από 7" title="Ref.: SLWS 1 5Copyright 2005 The European Computer Driving Licence Foundation Ltd Σελίδα 1 από 7" class="news-block-img pull-right" src="/thumbs/54/34692357.jpg"> The European Computer Driving Licence Foundation Ltd Σελίδα 1 από 7 ΣΤΟΧΟΙ ΕΞΕΤΑΣΗΣ Η ενότητα ECDL WebStarter απαιτεί από τον Υποψήφιο να κατανοεί τις κύριες έννοιες της σχεδίασης και δημοσίευσης δικτυακών </p> <a href="/34692357-Ref-slws-1-5copyright-2005-the-european-computer-driving-licence-foundation-ltd-selida-1-apo-7.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/33920243-Tec410-anaptyxi-diktyakon-topon-d-examino.html">TEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο)</a> </h3> <p> <img alt="TEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο)" title="TEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο)" class="news-block-img pull-right" src="/thumbs/54/33920243.jpg"> TEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο) Διδάσκων: Ανδρέας Γιαννακουλόπουλος Επιστημονικός συνεργάτης Εργαστηρίου: Στέλλα Λάμπουρα Εαρινό εξάμηνο Χρηματοδότηση Το παρόν εκπαιδευτικό υλικό έχει αναπτυχθεί </p> <a href="/33920243-Tec410-anaptyxi-diktyakon-topon-d-examino.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/40542359-Ypersyndeseis-hyperlinks.html">Υπερσυνδέσεις (hyperlinks)</a> </h3> <p> <img alt="Υπερσυνδέσεις (hyperlinks)" title="Υπερσυνδέσεις (hyperlinks)" class="news-block-img pull-right" src="/thumbs/57/40542359.jpg"> Υπερσυνδέσεις (hyperlinks) Οι υπερσυνδέσεις αποτελούν το δυναμικό στοιχείο σε ένα έγγραφο html. Με τις υπερσυνδέσεις είναι δυνατή, εύκολη και γρήγορη η μετάβαση ή η παραπομπή από ένα αρχείο html (πηγή) </p> <a href="/40542359-Ypersyndeseis-hyperlinks.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/30203942-Ti-einai-i-html-ti-einai-oi-etiketes-tags-pos-einai-mia-etiketa-tag.html">Τι είναι η HTML; Τί είναι οι ετικέτες (tags); Πώς είναι μια ετικέτα (tag);</a> </h3> <p> <img alt="Τι είναι η HTML; Τί είναι οι ετικέτες (tags); Πώς είναι μια ετικέτα (tag);" title="Τι είναι η HTML; Τί είναι οι ετικέτες (tags); Πώς είναι μια ετικέτα (tag);" class="news-block-img pull-right" src="/thumbs/52/30203942.jpg"> Τι είναι η HTML; Η HTML είναι το ακρώνυμο από το Hyper Text Markup Language που σημαίνει γλώσσα χαρακτηρισμού υπερκειμένου. Η χρήση μιας γλώσσας χαρακτηρισμού σημαίνει ότι γράφεται πρώτα το κείμενο και </p> <a href="/30203942-Ti-einai-i-html-ti-einai-oi-etiketes-tags-pos-einai-mia-etiketa-tag.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/51084709-Dimioyrgia-istologioy-blog-7-5-2015-hrysanthi-giomeloy-kdvm-nikaias.html">Δημιουργία. Ιστολογίου (blog) 7/5/2015. Χρυσάνθη Γιομέλου ΚΔΒΜ ΝΙΚΑΙΑΣ</a> </h3> <p> <img alt="Δημιουργία. Ιστολογίου (blog) 7/5/2015. Χρυσάνθη Γιομέλου ΚΔΒΜ ΝΙΚΑΙΑΣ" title="Δημιουργία. Ιστολογίου (blog) 7/5/2015. Χρυσάνθη Γιομέλου ΚΔΒΜ ΝΙΚΑΙΑΣ" class="news-block-img pull-right" src="/thumbs/64/51084709.jpg"> Δημιουργία 7/5/2015 Ιστολογίου (blog) www.blogger.com Χρυσάνθη Γιομέλου ΚΔΒΜ ΝΙΚΑΙΑΣ ΠΕΡΙΕΧΟΜΕΝΑ TI EINAI TO ΙΣΤΟΛΟΓΙΟ... 2 ΓΙΑΤΙ ΙΣΤΟΛΟΓΙΟ;... 2 ΠΛΕΟΝΕΚΤΗΜΑΤΑ ΤΗΣ ΧΡΗΣΗΣ ΙΣΤΟΛΟΓΙΟΥ... 2 ΔΗΜΙΟΥΡΓΙΑ ΛΟΓΑΡΙΑΣΜΟΥ </p> <a href="/51084709-Dimioyrgia-istologioy-blog-7-5-2015-hrysanthi-giomeloy-kdvm-nikaias.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/33201719-Periehomena-kefalaio-1-gnorimia-me-to-excel-9.html">Περιεχόμενα. Κεφάλαιο 1 Γνωριμία με το Excel...9</a> </h3> <p> <img alt="Περιεχόμενα. Κεφάλαιο 1 Γνωριμία με το Excel...9" title="Περιεχόμενα. Κεφάλαιο 1 Γνωριμία με το Excel...9" class="news-block-img pull-right" src="/thumbs/54/33201719.jpg"> Περιεχόμενα Κεφάλαιο 1 Γνωριμία με το Excel...9 Τα στοιχεία του παραθύρου του Excel... 10 Κελιά και διευθύνσεις... 13 Σε ποιο κελί θα τοποθετηθούν τα δεδομένα;... 14 Καταχώριση δεδομένων... 15 Τι καταλαβαίνει </p> <a href="/33201719-Periehomena-kefalaio-1-gnorimia-me-to-excel-9.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="/32929239-Aspaite-praktiki-askisi-4a-yperkeimeno-kai-html-imerominia-tmima-onomateponymo.html">ΑΣΠΑΙΤΕ. ΠΡΑΚΤΙΚΗ ΑΣΚΗΣΗ 4α. Υπερκείμενο και HTML. Ημερομηνία :... Τμήμα :... Ονοματεπώνυμο :...</a> </h3> <p> <img alt="ΑΣΠΑΙΤΕ. ΠΡΑΚΤΙΚΗ ΑΣΚΗΣΗ 4α. Υπερκείμενο και HTML. Ημερομηνία :... Τμήμα :... Ονοματεπώνυμο :..." title="ΑΣΠΑΙΤΕ. ΠΡΑΚΤΙΚΗ ΑΣΚΗΣΗ 4α. Υπερκείμενο και HTML. Ημερομηνία :... Τμήμα :... Ονοματεπώνυμο :..." class="news-block-img pull-right" src="/thumbs/53/32929239.jpg"> ΠΡΑΚΤΙΚΗ ΑΣΚΗΣΗ 4α Υπερκείμενο και HTML ΑΣΠΑΙΤΕ Ημερομηνία :... Τμήμα :... Ονοματεπώνυμο :... Η HTML (HyperText Markup Language) είναι η γλώσσα που χρησιμοποιείται για να περιγράψει τη δομή και τη διαμόρφωση </p> <a href="/32929239-Aspaite-praktiki-askisi-4a-yperkeimeno-kai-html-imerominia-tmima-onomateponymo.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/30748661-Se-ayto-to-mathima-tha-asholithoyme-me-ti-veltiosi-tis-emfanisis-enos-istotopoy-alla-kai-ton-eykolo-heirismo-olon-ton-allagon-tis-opoies-epithymoyme-na.html">Σε αυτό το μάθημα θα ασχοληθούμε με τη βελτίωση της εμφάνισης ενός ιστοτόπου, αλλά και τον εύκολο χειρισμό όλων των αλλαγών τις οποίες επιθυμούμε να</a> </h3> <p> <img alt="Σε αυτό το μάθημα θα ασχοληθούμε με τη βελτίωση της εμφάνισης ενός ιστοτόπου, αλλά και τον εύκολο χειρισμό όλων των αλλαγών τις οποίες επιθυμούμε να" title="Σε αυτό το μάθημα θα ασχοληθούμε με τη βελτίωση της εμφάνισης ενός ιστοτόπου, αλλά και τον εύκολο χειρισμό όλων των αλλαγών τις οποίες επιθυμούμε να" class="news-block-img pull-right" src="/thumbs/52/30748661.jpg"> Σε αυτό το μάθημα θα ασχοληθούμε με τη βελτίωση της εμφάνισης ενός ιστοτόπου, αλλά και τον εύκολο χειρισμό όλων των αλλαγών τις οποίες επιθυμούμε να κάνουμε μέσω ενός εξωτερικού αρχείου.το αρχείο αυτό </p> <a href="/30748661-Se-ayto-to-mathima-tha-asholithoyme-me-ti-veltiosi-tis-emfanisis-enos-istotopoy-alla-kai-ton-eykolo-heirismo-olon-ton-allagon-tis-opoies-epithymoyme-na.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/43741018-Periehomena-kefalaio-1-gnorimia-me-to-excel-9.html">Περιεχόμενα. Κεφάλαιο 1 Γνωριμία με το Excel... 9</a> </h3> <p> <img alt="Περιεχόμενα. Κεφάλαιο 1 Γνωριμία με το Excel... 9" title="Περιεχόμενα. Κεφάλαιο 1 Γνωριμία με το Excel... 9" class="news-block-img pull-right" src="/thumbs/59/43741018.jpg"> Περιεχόμενα Κεφάλαιο 1 Γνωριμία με το Excel... 9 Τα στοιχεία του παραθύρου του Excel... 10 Κελιά και διευθύνσεις... 13 Σε ποιο κελί θα τοποθετηθούν τα δεδομένα;... 14 Καταχώριση δεδομένων... 15 Τι καταλαβαίνει </p> <a href="/43741018-Periehomena-kefalaio-1-gnorimia-me-to-excel-9.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="/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="/39098561-Kefalaio-1-hrisi-protypoy-2-kefalaio-2-tropopoiisi-mias-paroysiasis-9-kefalaio-4-prosthiki-antikeimenon-26-kefalaio-5-eidika-efe-35.html">Κεφάλαιο 1 Χρήση προτύπου 2. Κεφάλαιο 2 Τροποποίηση μιας παρουσίασης 9. Κεφάλαιο 4 Προσθήκη αντικειμένων 26. Κεφάλαιο 5 Ειδικά εφέ 35</a> </h3> <p> <img alt="Κεφάλαιο 1 Χρήση προτύπου 2. Κεφάλαιο 2 Τροποποίηση μιας παρουσίασης 9. Κεφάλαιο 4 Προσθήκη αντικειμένων 26. Κεφάλαιο 5 Ειδικά εφέ 35" title="Κεφάλαιο 1 Χρήση προτύπου 2. Κεφάλαιο 2 Τροποποίηση μιας παρουσίασης 9. Κεφάλαιο 4 Προσθήκη αντικειμένων 26. Κεφάλαιο 5 Ειδικά εφέ 35" class="news-block-img pull-right" src="/thumbs/56/39098561.jpg"> Περιεχόμενα Κεφάλαιο 1 Χρήση προτύπου 2 Κεφάλαιο 2 Τροποποίηση μιας παρουσίασης 9 Κεφάλαιο 3 Εφαρμογή σχεδίων 19 Κεφάλαιο 4 Προσθήκη αντικειμένων 26 Κεφάλαιο 5 Ειδικά εφέ 35 Κεφάλαιο 6 Κουμπιά ενεργειών </p> <a href="/39098561-Kefalaio-1-hrisi-protypoy-2-kefalaio-2-tropopoiisi-mias-paroysiasis-9-kefalaio-4-prosthiki-antikeimenon-26-kefalaio-5-eidika-efe-35.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/30835861-Hyper-text-markup-language-html-poy-simainei-glossa-simansis-yperkeimenoy.html">Hyper Text Markup Language (HTML) που σημαίνει γλώσσα σήμανσης υπερκειμένου.</a> </h3> <p> <img alt="Hyper Text Markup Language (HTML) που σημαίνει γλώσσα σήμανσης υπερκειμένου." title="Hyper Text Markup Language (HTML) που σημαίνει γλώσσα σήμανσης υπερκειμένου." class="news-block-img pull-right" src="/thumbs/53/30835861.jpg"> Hyper Text Markup Language (HTML) που σημαίνει γλώσσα σήμανσης υπερκειμένου. 1 η ΑΣΚΗΣΗ Οι HTML σελίδες είναι απλές σελίδες κειμένου και μπορούν να δημιουργηθούν από οποιοδήποτε πρόγραμμα επεξεργασίας </p> <a href="/30835861-Hyper-text-markup-language-html-poy-simainei-glossa-simansis-yperkeimenoy.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/31039693-Greeklug-eleythero-logismiko-logismiko-anoiktoy-kodika.html">GreekLUG Ελεύθερο Λογισμικό & Λογισμικό Ανοικτού Κώδικα</a> </h3> <p> <img alt="GreekLUG Ελεύθερο Λογισμικό & Λογισμικό Ανοικτού Κώδικα" title="GreekLUG Ελεύθερο Λογισμικό & Λογισμικό Ανοικτού Κώδικα" class="news-block-img pull-right" src="/thumbs/53/31039693.jpg"> GreekLUG Ελεύθερο Λογισμικό & Λογισμικό Ανοικτού Κώδικα Μάθημα 6ο Σουίτα Γραφείου LibreOffice 2 Ύλη Μαθημάτων V Μαθ. 5/6 : Σουίτα Γραφείου LibreOffice LibreOffice Γενικά, Κειμενογράφος - LibreOffice Writer, </p> <a href="/31039693-Greeklug-eleythero-logismiko-logismiko-anoiktoy-kodika.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/41126373-Tec410-anaptyxi-diktyakon-topon-d-examino.html">TEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο)</a> </h3> <p> <img alt="TEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο)" title="TEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο)" class="news-block-img pull-right" src="/thumbs/57/41126373.jpg"> TEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο) Διδάσκων: Ανδρέας Γιαννακουλόπουλος Επιστημονικός συνεργάτης Εργαστηρίου: Στέλλα Λάμπουρα Εαρινό εξάμηνο Χρηματοδότηση Το παρόν εκπαιδευτικό υλικό έχει αναπτυχθεί </p> <a href="/41126373-Tec410-anaptyxi-diktyakon-topon-d-examino.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="/31364596-Diadikasia-metaforas-ylikoy-mathimatos-apo-blackboard-vista-se-moodle.html">ΔΙΑΔΙΚΑΣΙA ΜΕΤΑΦΟΡΑΣ ΥΛΙΚΟΥ ΜΑΘΗΜΑΤΟΣ ΑΠΟ BLACKBOARD VISTA ΣΕ MOODLE</a> </h3> <p> <img alt="ΔΙΑΔΙΚΑΣΙA ΜΕΤΑΦΟΡΑΣ ΥΛΙΚΟΥ ΜΑΘΗΜΑΤΟΣ ΑΠΟ BLACKBOARD VISTA ΣΕ MOODLE" title="ΔΙΑΔΙΚΑΣΙA ΜΕΤΑΦΟΡΑΣ ΥΛΙΚΟΥ ΜΑΘΗΜΑΤΟΣ ΑΠΟ BLACKBOARD VISTA ΣΕ MOODLE" class="news-block-img pull-right" src="/thumbs/53/31364596.jpg"> ΔΙΑΔΙΚΑΣΙA ΜΕΤΑΦΟΡΑΣ ΥΛΙΚΟΥ ΜΑΘΗΜΑΤΟΣ ΑΠΟ BLACKBOARD VISTA ΣΕ MOODLE Η διαδικασία μεταφοράς του υλικού ενός μαθήματος από την πλατφόρμα Blackboard Vista στην πλατφόρμα Moodle σε βήματα είναι η ακόλουθη: </p> <a href="/31364596-Diadikasia-metaforas-ylikoy-mathimatos-apo-blackboard-vista-se-moodle.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="/43686050-Kefalaio-4-hypertext-markup-language-html-programmatistika-ergaleia-gia-to-diadiktyo-filippos-koytsakas-polygyros-2013.html">Κεφάλαιο 4 HyperText Markup Language - HTML. Προγραμματιστικά εργαλεία για το διαδίκτυο Φίλιππος Κουτσάκας, Πολύγυρος 2013</a> </h3> <p> <img alt="Κεφάλαιο 4 HyperText Markup Language - HTML. Προγραμματιστικά εργαλεία για το διαδίκτυο Φίλιππος Κουτσάκας, Πολύγυρος 2013" title="Κεφάλαιο 4 HyperText Markup Language - HTML. Προγραμματιστικά εργαλεία για το διαδίκτυο Φίλιππος Κουτσάκας, Πολύγυρος 2013" class="news-block-img pull-right" src="/thumbs/59/43686050.jpg"> Κεφάλαιο 4 HyperText Markup Language - HTML Προγραμματιστικά εργαλεία για το διαδίκτυο Φίλιππος Κουτσάκας, Πολύγυρος 2013 Τι είναι η HTML; Ένας τρόπος για να πεις στον σελιδομετρητή πώς να αναπαραστήσει </p> <a href="/43686050-Kefalaio-4-hypertext-markup-language-html-programmatistika-ergaleia-gia-to-diadiktyo-filippos-koytsakas-polygyros-2013.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/46450765-Dimioyrgia-paroysiaseon-me-to-powerpoint.html">Δημιουργία παρουσιάσεων με το PowerPoint</a> </h3> <p> <img alt="Δημιουργία παρουσιάσεων με το PowerPoint" title="Δημιουργία παρουσιάσεων με το PowerPoint" class="news-block-img pull-right" src="/thumbs/62/46450765.jpg"> Δημιουργία παρουσιάσεων με το PowerPoint Οι νέες Τεχνολογίες αλλάζουν ριζικά το τοπίο της εκπαίδευσης. Αλλάζουν τον τρόπο διδασκαλίας και μάθησης, τον τρόπο μελέτης αλλά και τον τρόπο έρευνας και αξιολόγησης, </p> <a href="/46450765-Dimioyrgia-paroysiaseon-me-to-powerpoint.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/40710394-Ergastirio-tehnologies-pliroforias-kai-epikoinonias-ston-toyrismo-4o-ergastirio-eikones-stin-html.html">ΕΡΓΑΣΤΗΡΙΟ: ΤΕΧΝΟΛΟΓΙΕΣ ΠΛΗΡΟΦΟΡΙΑΣ ΚΑΙ ΕΠΙΚΟΙΝΩΝΙΑΣ ΣΤΟΝ ΤΟΥΡΙΣΜΟ. 4o ΕΡΓΑΣΤΗΡΙΟ ΕΙΚΟΝΕΣ ΣΤΗΝ HTML</a> </h3> <p> <img alt="ΕΡΓΑΣΤΗΡΙΟ: ΤΕΧΝΟΛΟΓΙΕΣ ΠΛΗΡΟΦΟΡΙΑΣ ΚΑΙ ΕΠΙΚΟΙΝΩΝΙΑΣ ΣΤΟΝ ΤΟΥΡΙΣΜΟ. 4o ΕΡΓΑΣΤΗΡΙΟ ΕΙΚΟΝΕΣ ΣΤΗΝ HTML" title="ΕΡΓΑΣΤΗΡΙΟ: ΤΕΧΝΟΛΟΓΙΕΣ ΠΛΗΡΟΦΟΡΙΑΣ ΚΑΙ ΕΠΙΚΟΙΝΩΝΙΑΣ ΣΤΟΝ ΤΟΥΡΙΣΜΟ. 4o ΕΡΓΑΣΤΗΡΙΟ ΕΙΚΟΝΕΣ ΣΤΗΝ HTML" class="news-block-img pull-right" src="/thumbs/57/40710394.jpg"> ΕΡΓΑΣΤΗΡΙΟ: ΤΕΧΝΟΛΟΓΙΕΣ ΠΛΗΡΟΦΟΡΙΑΣ ΚΑΙ ΕΠΙΚΟΙΝΩΝΙΑΣ ΣΤΟΝ ΤΟΥΡΙΣΜΟ ΠΕΡΙΕΧΟΜΕΝΟ ΜΑΘΗΜΑΤΟΣ 1. Εικόνες 2. Ασκήσεις 4o ΕΡΓΑΣΤΗΡΙΟ ΕΙΚΟΝΕΣ ΣΤΗΝ HTML 1. Εικόνες 1. Οι μορφές (format) των εικόνων που μπορείτε </p> <a href="/40710394-Ergastirio-tehnologies-pliroforias-kai-epikoinonias-ston-toyrismo-4o-ergastirio-eikones-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="/34670596-Tec410-anaptyxi-diktyakon-topon-d-examino.html">TEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο)</a> </h3> <p> <img alt="TEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο)" title="TEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο)" class="news-block-img pull-right" src="/thumbs/54/34670596.jpg"> TEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο) Διδάσκων: Ανδρέας Γιαννακουλόπουλος Επιστημονικός συνεργάτης Εργαστηρίου: Στέλλα Λάμπουρα Εαρινό εξάμηνο Χρηματοδότηση Το παρόν εκπαιδευτικό υλικό έχει αναπτυχθεί </p> <a href="/34670596-Tec410-anaptyxi-diktyakon-topon-d-examino.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/47735185-Diaheirisi-pliroforion-sto-diadiktyo-ergastirio-1.html">Διαχείριση Πληροφοριών στο Διαδίκτυο. Εργαστήριο 1</a> </h3> <p> <img alt="Διαχείριση Πληροφοριών στο Διαδίκτυο. Εργαστήριο 1" title="Διαχείριση Πληροφοριών στο Διαδίκτυο. Εργαστήριο 1" class="news-block-img pull-right" src="/thumbs/62/47735185.jpg"> Διαχείριση Πληροφοριών στο Διαδίκτυο Εργαστήριο 1 Τεχνολογικό Εκπαιδευτικό Ίδρυμα Καβάλας Σχολή Διοίκησης & Οικονομίας Τμήμα Διαχείρισης Πληροφοριών Διδάσκων Μαρδύρης Βασίλειος, Διπλ. Ηλ. Μηχανικός & Μηχ. </p> <a href="/47735185-Diaheirisi-pliroforion-sto-diadiktyo-ergastirio-1.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="/34779105-Odigies-gia-to-paihnidi.html">ΟΔΗΓΙΕΣ ΓΙΑ ΤΟ ΠΑΙΧΝΙΔΙ.</a> </h3> <p> <img alt="ΟΔΗΓΙΕΣ ΓΙΑ ΤΟ ΠΑΙΧΝΙΔΙ." title="ΟΔΗΓΙΕΣ ΓΙΑ ΤΟ ΠΑΙΧΝΙΔΙ." class="news-block-img pull-right" src="/thumbs/54/34779105.jpg"> ΟΔΗΓΙΕΣ ΓΙΑ ΤΟ ΠΑΙΧΝΙΔΙ. Το πρώτο πράγμα που βλέπουμε μόλις ξεκινάμε το παιχνίδι είναι μια λίστα με όλα τα διαθέσιμα βίντεο με τα οποία μπορούμε να εξασκηθούμε. Σε αυτή περιλαμβάνονται επίσης πληροφορίες </p> <a href="/34779105-Odigies-gia-to-paihnidi.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="/42677538-Shediazontas-efarmoges-gia-to-diadiktyo.html">Σχεδιάζοντας Εφαρμογές για το Διαδίκτυο</a> </h3> <p> <img alt="Σχεδιάζοντας Εφαρμογές για το Διαδίκτυο" title="Σχεδιάζοντας Εφαρμογές για το Διαδίκτυο" class="news-block-img pull-right" src="/thumbs/59/42677538.jpg"> Το περιβάλλον εργασίας Ανοίγοντας την Ελληνική Έκδοση του FrontPage, για πρώτη φορά, η εικόνα που θα συναντήσουμε είναι αυτή της Εικόνας 1 με τα Μενού Εντολών και τη Γραμμή Εργαλείων, στο πάνω μέρος της </p> <a href="/42677538-Shediazontas-efarmoges-gia-to-diadiktyo.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="/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="/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="/35273768-Eisagogi-sto-microsoft-powerpoint.html">ΕΙΣΑΓΩΓΗ ΣΤΟ MICROSOFT POWERPOINT</a> </h3> <p> <img alt="ΕΙΣΑΓΩΓΗ ΣΤΟ MICROSOFT POWERPOINT" title="ΕΙΣΑΓΩΓΗ ΣΤΟ MICROSOFT POWERPOINT" class="news-block-img pull-right" src="/thumbs/54/35273768.jpg"> ΕΙΣΑΓΩΓΗ ΣΤΟ MICROSOFT POWERPOINT 1 Εισαγωγή Το PowerPoint είναι µια ισχυρή εφαρµογή για τη δηµιουργία παρουσιάσεων και µπορεί να χρησιµεύσει στη δηµιουργία διαφανειών, καθώς και συνοδευτικών σηµειώσεων </p> <a href="/35273768-Eisagogi-sto-microsoft-powerpoint.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/31856519-Gavalas-auianos.html">Γαβαλάς αµιανός</a> </h3> <p> <img alt="Γαβαλάς αµιανός" title="Γαβαλάς αµιανός" class="news-block-img pull-right" src="/thumbs/53/31856519.jpg"> Πανεπιστήµιο Αιγαίου Σχολή Κοινωνικών Επιστηµών Τµήµα Πολιτισµικής Τεχνολογίας Και Επικοινωνίας ικτυακά Πολυµέσα Ι (Β Έτος, 3ο εξ) Εργαστήριο #1ο: Εισαγωγή στην HTML Γαβαλάς αµιανός dgavalas@aegean.gr </p> <a href="/31856519-Gavalas-auianos.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/33278549-Apo-ton-katalogo-web-epilegoyme-to-page-opote-sto-kyrios-meros-tis-othonis-emfanizontai-oi-selides-tis-opoies-ehoyme-dikaioma-na-enimerosoyme.html">Από τον κατάλογο Web επιλέγουμε το Page, οπότε στο κυρίως μέρος της οθόνης εμφανίζονται οι σελίδες τις οποίες έχουμε δικαίωμα να ενημερώσουμε.</a> </h3> <p> <img alt="Από τον κατάλογο Web επιλέγουμε το Page, οπότε στο κυρίως μέρος της οθόνης εμφανίζονται οι σελίδες τις οποίες έχουμε δικαίωμα να ενημερώσουμε." title="Από τον κατάλογο Web επιλέγουμε το Page, οπότε στο κυρίως μέρος της οθόνης εμφανίζονται οι σελίδες τις οποίες έχουμε δικαίωμα να ενημερώσουμε." class="news-block-img pull-right" src="/thumbs/54/33278549.jpg"> 1. Διαδικασία Login Για να κάνουμε login ανοίγουμε ένα πρόγραμμα πλοήγησης (Internet Explorer, Mozilla Firefox κτλ) και πηγαίνουμε στην εξής διεύθυνση: https://www.tuc.gr/typo3 Στο πεδίο Username εισάγουμε </p> <a href="/33278549-Apo-ton-katalogo-web-epilegoyme-to-page-opote-sto-kyrios-meros-tis-othonis-emfanizontai-oi-selides-tis-opoies-ehoyme-dikaioma-na-enimerosoyme.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/45088804-To-microsoft-frontpage-2002.html">ΤΟ MICROSOFT FRONTPAGE 2002</a> </h3> <p> <img alt="ΤΟ MICROSOFT FRONTPAGE 2002" title="ΤΟ MICROSOFT FRONTPAGE 2002" class="news-block-img pull-right" src="/thumbs/60/45088804.jpg"> Πώςς ξξεεκκι ιννάάςς ττο ππρόγγρααμμαα ααυυττό ΤΟ MICROSOFT FRONTPAGE 2002 Το Microsoft FrontPage είναι ένα πρόγραμμα που χρησιμοποιείται κυρίως για κατασκευή ιστοσελίδων. Μπορείς όμως να φτιάξεις την </p> <a href="/45088804-To-microsoft-frontpage-2002.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/51473488-Georgakis-aristeidis-pe20.html">Γεωργάκης Αριστείδης ΠΕ20</a> </h3> <p> <img alt="Γεωργάκης Αριστείδης ΠΕ20" title="Γεωργάκης Αριστείδης ΠΕ20" class="news-block-img pull-right" src="/thumbs/64/51473488.jpg"> 1 Εκκίνηση για πρώτη φορά Όπως συμβαίνει και με τις υπόλοιπες εφαρμογές του OpenOffice, έτσι και το Impress μπορούμε να το εκκινήσουμε μέσω της συντόμευσης που εγκαθίσταται αυτόματα στην επιφάνεια εργασίας </p> <a href="/51473488-Georgakis-aristeidis-pe20.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/31007132-Ergastirio-tehnologies-pliroforias-kai-epikoinonias-ston-toyrismo-2o-ergastirio-morfopoiisi-stin-html.html">ΕΡΓΑΣΤΗΡΙΟ: ΤΕΧΝΟΛΟΓΙΕΣ ΠΛΗΡΟΦΟΡΙΑΣ ΚΑΙ ΕΠΙΚΟΙΝΩΝΙΑΣ ΣΤΟΝ ΤΟΥΡΙΣΜΟ. 2o ΕΡΓΑΣΤΗΡΙΟ ΜΟΡΦΟΠΟΙΗΣΗ ΣΤΗΝ HTML</a> </h3> <p> <img alt="ΕΡΓΑΣΤΗΡΙΟ: ΤΕΧΝΟΛΟΓΙΕΣ ΠΛΗΡΟΦΟΡΙΑΣ ΚΑΙ ΕΠΙΚΟΙΝΩΝΙΑΣ ΣΤΟΝ ΤΟΥΡΙΣΜΟ. 2o ΕΡΓΑΣΤΗΡΙΟ ΜΟΡΦΟΠΟΙΗΣΗ ΣΤΗΝ HTML" title="ΕΡΓΑΣΤΗΡΙΟ: ΤΕΧΝΟΛΟΓΙΕΣ ΠΛΗΡΟΦΟΡΙΑΣ ΚΑΙ ΕΠΙΚΟΙΝΩΝΙΑΣ ΣΤΟΝ ΤΟΥΡΙΣΜΟ. 2o ΕΡΓΑΣΤΗΡΙΟ ΜΟΡΦΟΠΟΙΗΣΗ ΣΤΗΝ HTML" class="news-block-img pull-right" src="/thumbs/53/31007132.jpg"> ΕΡΓΑΣΤΗΡΙΟ: ΤΕΧΝΟΛΟΓΙΕΣ ΠΛΗΡΟΦΟΡΙΑΣ ΚΑΙ ΕΠΙΚΟΙΝΩΝΙΑΣ ΣΤΟΝ ΤΟΥΡΙΣΜΟ ΠΕΡΙΕΧΟΜΕΝΟ ΜΑΘΗΜΑΤΟΣ 2o ΕΡΓΑΣΤΗΡΙΟ ΜΟΡΦΟΠΟΙΗΣΗ ΣΤΗΝ HTML 1. Μορφοποίηση κειμένου Ετικέτες στυλ 2. Ιδιότητες ετικετών 3. Λίστες 4. Υπερσυνδέσεις </p> <a href="/31007132-Ergastirio-tehnologies-pliroforias-kai-epikoinonias-ston-toyrismo-2o-ergastirio-morfopoiisi-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="/10818316-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/10818316.jpg"> Vodafone Business Connect Vodafone Business WebHosting Αναλυτικός Οδηγός Χρήσης Advanced Template Manager Αναλυτικός οδηγός χρήσης: Advanced template Manager Vodafone Business Connect - Υπηρεσίες φιλοξενίας </p> <a href="/10818316-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="/36494840-Periehomena-liga-logia-apo-to-syggrafea-7-kefalaio-1-windows-xp-kefalaio-2-epifaneia-ergasias-desktop-15.html">Περιεχόμενα. Λίγα λόγια από το συγγραφέα... 7 Κεφάλαιο 1: Windows XP Κεφάλαιο 2: Επιφάνεια εργασίας (desktop)... 15</a> </h3> <p> <img alt="Περιεχόμενα. Λίγα λόγια από το συγγραφέα... 7 Κεφάλαιο 1: Windows XP Κεφάλαιο 2: Επιφάνεια εργασίας (desktop)... 15" title="Περιεχόμενα. Λίγα λόγια από το συγγραφέα... 7 Κεφάλαιο 1: Windows XP Κεφάλαιο 2: Επιφάνεια εργασίας (desktop)... 15" class="news-block-img pull-right" src="/thumbs/55/36494840.jpg"> Περιεχόμενα Λίγα λόγια από το συγγραφέα... 7 Κεφάλαιο 1: Windows XP... 9 Κεφάλαιο 2: Επιφάνεια εργασίας (desktop)... 15 Κεφάλαιο 3: Γραμμή εργασιών (taskbar)... 26 Κεφάλαιο 4: Χειρισμός παραθύρων... 44 </p> <a href="/36494840-Periehomena-liga-logia-apo-to-syggrafea-7-kefalaio-1-windows-xp-kefalaio-2-epifaneia-ergasias-desktop-15.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/39035250-Apantisi-o-tonos-vrisketai-dexia-apo-to-gramma-l-apantisi-kratame-patimeno-to-pliktro-shift-kai-patame-to-pliktro-8.html">( Απάντηση: Ο τόνος βρίσκεται δεξιά από το γράμμα Λ. ) ( Απάντηση: Κρατάμε πατημένο το πλήκτρο Shift και πατάμε το πλήκτρο 8. )</a> </h3> <p> <img alt="( Απάντηση: Ο τόνος βρίσκεται δεξιά από το γράμμα Λ. ) ( Απάντηση: Κρατάμε πατημένο το πλήκτρο Shift και πατάμε το πλήκτρο 8. )" title="( Απάντηση: Ο τόνος βρίσκεται δεξιά από το γράμμα Λ. ) ( Απάντηση: Κρατάμε πατημένο το πλήκτρο Shift και πατάμε το πλήκτρο 8. )" class="news-block-img pull-right" src="/thumbs/56/39035250.jpg"> 1 Επεξεργασία Κειμένου OpenOffice writer Απόσπασμα Μάθημα: Γλώσσα, Τάξη: Δ Ενότητα 2: «Ρώτα το νερό τι τρέχει» Θυμόμαστε: Ποιο πλήκτρο είναι ο τόνος; ( Απάντηση: Ο τόνος βρίσκεται δεξιά από το γράμμα Λ. </p> <a href="/39035250-Apantisi-o-tonos-vrisketai-dexia-apo-to-gramma-l-apantisi-kratame-patimeno-to-pliktro-shift-kai-patame-to-pliktro-8.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/31153293-Ergasia-3-paroysiasi-ergasias-omada-a-proetoimasia-anaforas.html">Εργασία-3: Παρουσίαση Εργασίας. Ομάδα Α. Προετοιμασία Αναφοράς</a> </h3> <p> <img alt="Εργασία-3: Παρουσίαση Εργασίας. Ομάδα Α. Προετοιμασία Αναφοράς" title="Εργασία-3: Παρουσίαση Εργασίας. Ομάδα Α. Προετοιμασία Αναφοράς" class="news-block-img pull-right" src="/thumbs/53/31153293.jpg"> Εργασία-3: Παρουσίαση Εργασίας Ομάδα Α. Προετοιμασία Αναφοράς Αρκετοί πιστεύουν πως η επιτυχία μιας παρουσίασης είναι δεδομένη εάν ο παρουσιαστής κατέχει το θέμα που πρόκειται να παρουσιάσει και είναι </p> <a href="/31153293-Ergasia-3-paroysiasi-ergasias-omada-a-proetoimasia-anaforas.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/8300183-Koini-hrisi-poron-me-ta-windows-xp.html">Κοινή χρήση πόρων με τα Windows XP</a> </h3> <p> <img alt="Κοινή χρήση πόρων με τα Windows XP" title="Κοινή χρήση πόρων με τα Windows XP" class="news-block-img pull-right" src="/thumbs/26/8300183.jpg"> Κοινή χρήση πόρων με τα Windows XP Α. Κοινή χρήση αρχείων και φακέλων Θα μάθετε: Να θέτετε σε κοινή χρήση ένα αρχείο ή ένα φάκελο του υπολογιστή με τα Windows XP. Να θέτετε σε κοινή χρήση στο δίκτυο μουσική, </p> <a href="/8300183-Koini-hrisi-poron-me-ta-windows-xp.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/35042169-Ergastiriaki-askisi-4-morfopoiisi-keimenoy-meso-toy.html">Εργαστηριακή Άσκηση 4 Μορφοποίηση Κειμένου μέσω του</a> </h3> <p> <img alt="Εργαστηριακή Άσκηση 4 Μορφοποίηση Κειμένου μέσω του" title="Εργαστηριακή Άσκηση 4 Μορφοποίηση Κειμένου μέσω του" class="news-block-img pull-right" src="/thumbs/54/35042169.jpg"> Μορφοποίηση χαρακτήρων Όταν ανοίγουμε το Word η γραμματοσειρά που υπάρχει είναι προκαθορισμένη. Το πλαίσιο διαλόγου Γραμματοσειρά μας επιτρέπει να κάνουμε περισσότερες μορφοποιήσεις. Επιλέγουμε Μορφή Απόσταση </p> <a href="/35042169-Ergastiriaki-askisi-4-morfopoiisi-keimenoy-meso-toy.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="/30436401-Drastiriotita-9-dimioyrgia-kai-diaheirisi-blog-meso-toy-blogger-dimioyrgia-istologioy.html">Δραστηριότητα 9 Δημιουργία και διαχείριση blog μέσω του Blogger. Δημιουργία ιστολογίου</a> </h3> <p> <img alt="Δραστηριότητα 9 Δημιουργία και διαχείριση blog μέσω του Blogger. Δημιουργία ιστολογίου" title="Δραστηριότητα 9 Δημιουργία και διαχείριση blog μέσω του Blogger. Δημιουργία ιστολογίου" class="news-block-img pull-right" src="/thumbs/52/30436401.jpg"> Δραστηριότητα 9 Δημιουργία και διαχείριση blog μέσω του Blogger Δημιουργία ιστολογίου 1. Ανοίξτε το φυλλομετρητή Google Chrome, πληκτρολογήστε στη γραμμή διευθύνσεων τη διεύθυνση www.blogger.com και πατήστε </p> <a href="/30436401-Drastiriotita-9-dimioyrgia-kai-diaheirisi-blog-meso-toy-blogger-dimioyrgia-istologioy.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="/37623446-Egheiridio-foititi-course-management-platform-eisagogi-for-universities-omada-asyghronis-tilekpaideysis-pan-makedonias-septemvrios-2004.html">Εγχειρίδιο Φοιτητή. Course Management Platform. Εισαγωγή. for Universities Ομάδα Ασύγχρονης Τηλεκπαίδευσης Παν. Μακεδονίας Σεπτέμβριος 2004</a> </h3> <p> <img alt="Εγχειρίδιο Φοιτητή. Course Management Platform. Εισαγωγή. for Universities Ομάδα Ασύγχρονης Τηλεκπαίδευσης Παν. Μακεδονίας Σεπτέμβριος 2004" title="Εγχειρίδιο Φοιτητή. Course Management Platform. Εισαγωγή. for Universities Ομάδα Ασύγχρονης Τηλεκπαίδευσης Παν. Μακεδονίας Σεπτέμβριος 2004" class="news-block-img pull-right" src="/thumbs/55/37623446.jpg"> Εγχειρίδιο Φοιτητή Εισαγωγή Η ηλεκτρονική πλατφόρμα, αποτελεί ένα ολοκληρωμένο σύστημα Ασύγχρονης Τηλεκπαίδευσης. Στόχος της είναι η παροχή υποδομών εκπαίδευσης και κατάρτισης ανεξάρτητα από τους περιοριστικούς </p> <a href="/37623446-Egheiridio-foititi-course-management-platform-eisagogi-for-universities-omada-asyghronis-tilekpaideysis-pan-makedonias-septemvrios-2004.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="/41987025-Vima-1o-syndetheite-sto-systima-diaheirisis-toy-joomla-istohoroy-sas-i-dieythynsi-tha-einai.html">Βήμα 1ο. Συνδεθείτε στο σύστημα διαχείρισης του Joomla ιστοχώρου σας. Η διεύθυνση θα είναι:</a> </h3> <p> <img alt="Βήμα 1ο. Συνδεθείτε στο σύστημα διαχείρισης του Joomla ιστοχώρου σας. Η διεύθυνση θα είναι:" title="Βήμα 1ο. Συνδεθείτε στο σύστημα διαχείρισης του Joomla ιστοχώρου σας. Η διεύθυνση θα είναι:" class="news-block-img pull-right" src="/thumbs/58/41987025.jpg"> Βήμα 1ο Συνδεθείτε στο σύστημα διαχείρισης του Joomla ιστοχώρου σας. Η διεύθυνση θα είναι: http://www.onoma_site.gr/administrator και δώστε το όνομα χρήστη και τον κωδικό σας για τη διαχείριση. Βήμα 2ο </p> <a href="/41987025-Vima-1o-syndetheite-sto-systima-diaheirisis-toy-joomla-istohoroy-sas-i-dieythynsi-tha-einai.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/33593406-Shedon-oles-oi-istoselides-vasizontai-se-megalo-vathmo-se-pinakes-gia-na-eisagoyme-enan-pinaka-epilegoyme-apo-to-menoy-insert-table.html">Σχεδόν όλες οι ιστοσελίδες βασίζονται σε μεγάλο βαθμό σε πίνακες. Για να εισάγουμε έναν πίνακα επιλέγουμε από το μενού Insert->Table.</a> </h3> <p> <img alt="Σχεδόν όλες οι ιστοσελίδες βασίζονται σε μεγάλο βαθμό σε πίνακες. Για να εισάγουμε έναν πίνακα επιλέγουμε από το μενού Insert->Table." title="Σχεδόν όλες οι ιστοσελίδες βασίζονται σε μεγάλο βαθμό σε πίνακες. Για να εισάγουμε έναν πίνακα επιλέγουμε από το μενού Insert->Table." class="news-block-img pull-right" src="/thumbs/54/33593406.jpg"> DreamWeaver - Άσκηση 4η Πίνακες Παρακάτω θα δούμε πως μπορούμε να δημιουργούμε και να επεξεργαζόμαστε πίνακες, μια πολύ βασική δομή. Θα δούμε πως γίνεται εισαγωγή πίνακα, ένωση κελιών του πίνακα, προσθήκη </p> <a href="/33593406-Shedon-oles-oi-istoselides-vasizontai-se-megalo-vathmo-se-pinakes-gia-na-eisagoyme-enan-pinaka-epilegoyme-apo-to-menoy-insert-table.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="/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="/11714092-Geniko-tmima-paidagogikon-mathimaton.html">Γενικό Τμήμα Παιδαγωγικών Μαθημάτων</a> </h3> <p> <img alt="Γενικό Τμήμα Παιδαγωγικών Μαθημάτων" title="Γενικό Τμήμα Παιδαγωγικών Μαθημάτων" class="news-block-img pull-right" src="/thumbs/27/11714092.jpg"> Α.Σ.ΠΑΙ.Τ.Ε. ΑΝΩΤΑΤΗ ΣΧΟΛΗ ΠΑΙΔΑΓΩΓΙΚΗΣ ΚΑΙ ΤΕΧΝΟΛΟΓΙΚΗΣ ΕΚΠΑΙΔΕΥΣΗΣ Γενικό Τμήμα Παιδαγωγικών Μαθημάτων ΜΑΘΗΜΑ: ΕΚΠΑΙΔΕΥΤΙΚΗ ΤΕΧΝΟΛΟΓΙΑ ΠΟΛΥΜΕΣΑ (ΕΡΓΑΣΤΗΡΙΟ) Συνοπτικός οδηγός αξιοποίησης βασικών δυνατοτήτων </p> <a href="/11714092-Geniko-tmima-paidagogikon-mathimaton.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="/33823699-Diadiktyo-istoria-domi-ypiresies.html">Διαδίκτυο: Ιστορία, Δομή, Υπηρεσίες</a> </h3> <p> <img alt="Διαδίκτυο: Ιστορία, Δομή, Υπηρεσίες" title="Διαδίκτυο: Ιστορία, Δομή, Υπηρεσίες" class="news-block-img pull-right" src="/thumbs/54/33823699.jpg"> Διαδίκτυο: Ιστορία, Δομή, Υπηρεσίες 1 η Ερώτηση (Ορισμός): Τι είναι το Διαδίκτυο; Διαδίκτυο είναι το παγκόσμιο δίκτυο όλων των επιμέρους δικτύων που έχουν συμφωνήσει σε κοινούς κανόνες επικοινωνίας και </p> <a href="/33823699-Diadiktyo-istoria-domi-ypiresies.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="/46031069-Mathima-anoigma-tis-efarmogis-epexergasias-keimenoy-2-kyria-othoni-tis-efarmogis-keimenoy-stohoi.html">ΜΑΘΗΜΑ Άνοιγμα Της Εφαρμογής Επεξεργασίας Κειμένου. 2. Κύρια Οθόνη Της Εφαρμογής Κειμένου ΣΤΟΧΟΙ:</a> </h3> <p> <img alt="ΜΑΘΗΜΑ Άνοιγμα Της Εφαρμογής Επεξεργασίας Κειμένου. 2. Κύρια Οθόνη Της Εφαρμογής Κειμένου ΣΤΟΧΟΙ:" title="ΜΑΘΗΜΑ Άνοιγμα Της Εφαρμογής Επεξεργασίας Κειμένου. 2. Κύρια Οθόνη Της Εφαρμογής Κειμένου ΣΤΟΧΟΙ:" class="news-block-img pull-right" src="/thumbs/61/46031069.jpg"> ΜΑΘΗΜΑ 1 ΣΤΟΧΟΙ: 1. Άνοιγμα Της Εφαρμογής Επεξεργασίας Κειμένου (Microsoft Word) 2. Κύρια Οθόνη Της Εφαρμογής Κειμένου 3. Δημιουργία Νέου Εγγράφου 4. Δημιουργία Εγγράφου Βασισμένο Σε Πρότυπο 5. Κλείσιμο </p> <a href="/46031069-Mathima-anoigma-tis-efarmogis-epexergasias-keimenoy-2-kyria-othoni-tis-efarmogis-keimenoy-stohoi.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="/29911348-Egkatastasi-tis-unity.html">Εγκατάσταση της Unity</a> </h3> <p> <img alt="Εγκατάσταση της Unity" title="Εγκατάσταση της Unity" class="news-block-img pull-right" src="/thumbs/52/29911348.jpg"> Εγκατάσταση της Unity Όπως έχουμε πει, θα χρησιμοποιήσουμε την Unity για να φτιάξουμε τα παιχνίδια μας. Η Unity είναι μια μηχανή παιχνιδιών (game engine). Τι σημαίνει όμως αυτό; Σημαίνει απλά ότι είναι </p> <a href="/29911348-Egkatastasi-tis-unity.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/34673007-Kefalides-kai-yposelida.html">Κεφαλίδες και υποσέλιδα</a> </h3> <p> <img alt="Κεφαλίδες και υποσέλιδα" title="Κεφαλίδες και υποσέλιδα" class="news-block-img pull-right" src="/thumbs/54/34673007.jpg"> Κεφαλίδες και υποσέλιδα Διασκεδάστε με τις επιλογές κεφαλίδων και υποσέλιδων δοκιμάζοντας τις ασκήσεις που ακολουθούν. Άσκηση 1: Εισαγωγή υποσέλιδων σε διαφάνειες Η παρουσίαση αποτελείται από πέντε διαφάνειες. </p> <a href="/34673007-Kefalides-kai-yposelida.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/7950945-Odigies-hrisis-classweb-eisagogi-vathmologion-apo-didaskontes-meso-diadiktyoy.html">ΟΔΗΓΙΕΣ ΧΡΗΣΗΣ CLASSWEB Εισαγωγή βαθμολογιών από διδάσκοντες μέσω Διαδικτύου</a> </h3> <p> <img alt="ΟΔΗΓΙΕΣ ΧΡΗΣΗΣ CLASSWEB Εισαγωγή βαθμολογιών από διδάσκοντες μέσω Διαδικτύου" title="ΟΔΗΓΙΕΣ ΧΡΗΣΗΣ CLASSWEB Εισαγωγή βαθμολογιών από διδάσκοντες μέσω Διαδικτύου" class="news-block-img pull-right" src="/thumbs/26/7950945.jpg"> ΠΑΝΕΠΙΣΤΗΜΙΟ ΙΩΑΝΝΙΝΩΝ ΔΙΕΥΘΥΝΣΗ ΜΗΧΑΝΟΡΓΑΝΩΣΗΣ ΟΔΗΓΙΕΣ ΧΡΗΣΗΣ CLASSWEB Εισαγωγή βαθμολογιών από διδάσκοντες μέσω Διαδικτύου Συντάκτες: Παναγιώτα Μπούγια Θεοδώρα Νάνου Ιανουάριος 2015 Περιεχόμενα 1. Εισαγωγή... </p> <a href="/7950945-Odigies-hrisis-classweb-eisagogi-vathmologion-apo-didaskontes-meso-diadiktyoy.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/47142778-Epl-003-eisagogi-stin-epistimi-tis-pliroforikis-pagkosmios-istos.html">ΕΠΛ 003: ΕΙΣΑΓΩΓΗ ΣΤΗΝ ΕΠΙΣΤΗΜΗ ΤΗΣ ΠΛΗΡΟΦΟΡΙΚΗΣ. Παγκόσμιος Ιστός</a> </h3> <p> <img alt="ΕΠΛ 003: ΕΙΣΑΓΩΓΗ ΣΤΗΝ ΕΠΙΣΤΗΜΗ ΤΗΣ ΠΛΗΡΟΦΟΡΙΚΗΣ. Παγκόσμιος Ιστός" title="ΕΠΛ 003: ΕΙΣΑΓΩΓΗ ΣΤΗΝ ΕΠΙΣΤΗΜΗ ΤΗΣ ΠΛΗΡΟΦΟΡΙΚΗΣ. Παγκόσμιος Ιστός" class="news-block-img pull-right" src="/thumbs/62/47142778.jpg"> ΕΠΛ 003: ΕΙΣΑΓΩΓΗ ΣΤΗΝ ΕΠΙΣΤΗΜΗ ΤΗΣ ΠΛΗΡΟΦΟΡΙΚΗΣ Παγκόσμιος Ιστός Στόχοι 1 Να εξηγήσουμε τι είναι ο Παγκόσμιος Ιστός και πώς μπορεί να μας διευκολύνει στις δραστηριότητές μας. Να περιγράψουμε σύντομα την </p> <a href="/47142778-Epl-003-eisagogi-stin-epistimi-tis-pliroforikis-pagkosmios-istos.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/1361536-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/22/1361536.jpg"> Copyright 2009-2012 -SYSTEM- All rights reserved 2/159 ΠΕΡΙΕΧΟΜΕΝΑ Μάθημα 1: New - Save Μάθημα 2: Εισαγωγή στη CSS Μάθημα 3: Τρόπος Σύνταξης Μάθημα 4: Σχόλια Μάθημα 5: ID Μάθημα 6: Class Μάθημα 7: Background </p> <a href="/1361536-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="/46271382-Shediasmos-istoselidas-me-ti-hrisi-protypoy-istoselidas-template-sto-programma-microsoft-office-sharepoint-designer-2007.html">ΣΧΕΔΙΑΣΜΟΣ ΙΣΤΟΣΕΛΙΔΑΣ ΜΕ ΤΗ ΧΡΗΣΗ "ΠΡΟΤΥΠΟΥ ΙΣΤΟΣΕΛΙΔΑΣ" (TEMPLATE) ΣΤΟ ΠΡΟΓΡΑΜΜΑ MICROSOFT OFFICE SHAREPOINT DESIGNER 2007</a> </h3> <p> <img alt="ΣΧΕΔΙΑΣΜΟΣ ΙΣΤΟΣΕΛΙΔΑΣ ΜΕ ΤΗ ΧΡΗΣΗ ΠΡΟΤΥΠΟΥ ΙΣΤΟΣΕΛΙΔΑΣ (TEMPLATE) ΣΤΟ ΠΡΟΓΡΑΜΜΑ MICROSOFT OFFICE SHAREPOINT DESIGNER 2007" title="ΣΧΕΔΙΑΣΜΟΣ ΙΣΤΟΣΕΛΙΔΑΣ ΜΕ ΤΗ ΧΡΗΣΗ ΠΡΟΤΥΠΟΥ ΙΣΤΟΣΕΛΙΔΑΣ (TEMPLATE) ΣΤΟ ΠΡΟΓΡΑΜΜΑ MICROSOFT OFFICE SHAREPOINT DESIGNER 2007" class="news-block-img pull-right" src="/thumbs/61/46271382.jpg"> ΣΧΕΔΙΑΣΜΟΣ ΙΣΤΟΣΕΛΙΔΑΣ ΜΕ ΤΗ ΧΡΗΣΗ "ΠΡΟΤΥΠΟΥ ΙΣΤΟΣΕΛΙΔΑΣ" (TEMPLATE) ΣΤΟ ΠΡΟΓΡΑΜΜΑ MICROSOFT OFFICE SHAREPOINT DESIGNER 2007 Ο σχεδιασμός ιστοσελίδας με τη χρήση του προγράμματος Microsoft Office SharePoint </p> <a href="/46271382-Shediasmos-istoselidas-me-ti-hrisi-protypoy-istoselidas-template-sto-programma-microsoft-office-sharepoint-designer-2007.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/41267110-Liga-logia-apo-to-syggrafea-kefalaio-1-microsoft-excel-kefalaio-2-i-domi-enos-fylloy-ergasias-26.html">Λίγα λόγια από το συγγραφέα Κεφάλαιο 1: Microsoft Excel Κεφάλαιο 2: Η δομή ενός φύλλου εργασίας... 26</a> </h3> <p> <img alt="Λίγα λόγια από το συγγραφέα Κεφάλαιο 1: Microsoft Excel Κεφάλαιο 2: Η δομή ενός φύλλου εργασίας... 26" title="Λίγα λόγια από το συγγραφέα Κεφάλαιο 1: Microsoft Excel Κεφάλαιο 2: Η δομή ενός φύλλου εργασίας... 26" class="news-block-img pull-right" src="/thumbs/58/41267110.jpg"> Περιεχόμενα Λίγα λόγια από το συγγραφέα... 7 Κεφάλαιο 1: Microsoft Excel 2002... 9 Κεφάλαιο 2: Η δομή ενός φύλλου εργασίας... 26 Κεφάλαιο 3: Δημιουργία νέου βιβλίου εργασίας και καταχώριση δεδομένων... </p> <a href="/41267110-Liga-logia-apo-to-syggrafea-kefalaio-1-microsoft-excel-kefalaio-2-i-domi-enos-fylloy-ergasias-26.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/41255672-Mathima-4o-programmata.html">Μάθημα 4ο. Προγράμματα</a> </h3> <p> <img alt="Μάθημα 4ο. Προγράμματα" title="Μάθημα 4ο. Προγράμματα" class="news-block-img pull-right" src="/thumbs/58/41255672.jpg"> Μάθημα 4ο Προγράμματα Σελίδα 47 από 106 4.1 Εγκατάσταση προγραμμάτων Όπως έχουμε πει στο πρώτο μάθημα (Σημειώσεις 1ου Μαθήματος 1.3.3.Β σελ. 12) τα προγράμματα ή αλλιώς εφαρμογές αποτελούν μέρος του λογισμικού </p> <a href="/41255672-Mathima-4o-programmata.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/31008100-Vasikes-leitoyrgies-toy-word.html">Βασικές Λειτουργίες του Word</a> </h3> <p> <img alt="Βασικές Λειτουργίες του Word" title="Βασικές Λειτουργίες του Word" class="news-block-img pull-right" src="/thumbs/53/31008100.jpg"> Βασικές Λειτουργίες του Word 2 ΚΥΡΙΑ ΣΗΜΕΙΑ ΤΟΥ ΚΕΦΑΛΑΙΟΥ Πληκτρολόγηση κειμένου Αποθήκευση, κλείσιμο, άνοιγμα εγγράφου Μη αυτόματη αλλαγή γραμμών/σελίδων Περιήγηση σε ένα έγγραφο Δημιουργία νέου εγγράφου </p> <a href="/31008100-Vasikes-leitoyrgies-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="/33628577-Wordpress-eisagogi-eikonas-eisagogi-vinteo-eisagogi-syndesmoy.html">WORDPRESS ΕΙΣΑΓΩΓΗ ΕΙΚΟΝΑΣ ΕΙΣΑΓΩΓΗ ΒΙΝΤΕΟ ΕΙΣΑΓΩΓΗ ΣΥΝΔΕΣΜΟΥ</a> </h3> <p> <img alt="WORDPRESS ΕΙΣΑΓΩΓΗ ΕΙΚΟΝΑΣ ΕΙΣΑΓΩΓΗ ΒΙΝΤΕΟ ΕΙΣΑΓΩΓΗ ΣΥΝΔΕΣΜΟΥ" title="WORDPRESS ΕΙΣΑΓΩΓΗ ΕΙΚΟΝΑΣ ΕΙΣΑΓΩΓΗ ΒΙΝΤΕΟ ΕΙΣΑΓΩΓΗ ΣΥΝΔΕΣΜΟΥ" class="news-block-img pull-right" src="/thumbs/54/33628577.jpg"> WORDPRESS ΕΙΣΑΓΩΓΗ ΕΙΚΟΝΑΣ ΕΙΣΑΓΩΓΗ ΒΙΝΤΕΟ ΕΙΣΑΓΩΓΗ ΣΥΝΔΕΣΜΟΥ Το Wordpress σας δίνει την δυνατότητα να εμπλουτίσετε τα άρθρα σας με εικόνες. Τις εικόνες αυτές είτε τις δημιουργήσει είτε τις έχετε προμηθευτεί </p> <a href="/33628577-Wordpress-eisagogi-eikonas-eisagogi-vinteo-eisagogi-syndesmoy.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/34476036-Efarmosmeni-pliroforiki-ii-e-to-olokliromeno-perivallon-anaptyxis-integrated-development-environment-ide-netbeans-8.html">Εφαρμοσμένη Πληροφορική ΙΙ (Ε) To Ολοκληρωμένο Περιβάλλον Ανάπτυξης (Integrated Development Environment-IDE) Netbeans 8</a> </h3> <p> <img alt="Εφαρμοσμένη Πληροφορική ΙΙ (Ε) To Ολοκληρωμένο Περιβάλλον Ανάπτυξης (Integrated Development Environment-IDE) Netbeans 8" title="Εφαρμοσμένη Πληροφορική ΙΙ (Ε) To Ολοκληρωμένο Περιβάλλον Ανάπτυξης (Integrated Development Environment-IDE) Netbeans 8" class="news-block-img pull-right" src="/thumbs/54/34476036.jpg"> Εφαρμοσμένη Πληροφορική ΙΙ (Ε) To Ολοκληρωμένο Περιβάλλον Ανάπτυξης (Integrated Development Environment-IDE) Netbeans 8 Περιεχόμενα Κατέβασμα και εγκατάσταση Netbeans 8 Δημιουργία project εφαρμογής HTML(5)/CSS/Javascript </p> <a href="/34476036-Efarmosmeni-pliroforiki-ii-e-to-olokliromeno-perivallon-anaptyxis-integrated-development-environment-ide-netbeans-8.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/31011416-1-anoigma-kai-kleisimo-tis-efarmogis-fyllometriti-istoy-internet-explorer.html">1. Άνοιγμα Και Κλείσιμο Της Εφαρμογής Φυλλομετρητή Ιστού (Internet Explorer)</a> </h3> <p> <img alt="1. Άνοιγμα Και Κλείσιμο Της Εφαρμογής Φυλλομετρητή Ιστού (Internet Explorer)" title="1. Άνοιγμα Και Κλείσιμο Της Εφαρμογής Φυλλομετρητή Ιστού (Internet Explorer)" class="news-block-img pull-right" src="/thumbs/53/31011416.jpg"> ΔΙΑΔΙΚΤΥΟ (INTERNET) ΣΤΟΧΟΙ: 1. Άνοιγμα Και Κλείσιμο Μιας Εφαρμογής Φυλλομετρητή Ιστού (Internet Explorer) 2. Παρουσίαση Μιας Ιστοσελίδας 3. Διακοπή Και Ανανέωση Μιας Ιστοσελίδας (Stop and Refresh) 4. </p> <a href="/31011416-1-anoigma-kai-kleisimo-tis-efarmogis-fyllometriti-istoy-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="/30035761-Dimioyrgontas-grafika-sto-perivallon-3ds-max-hrisimopoiontas-vasika-ergaleia.html">Δημιουργώντας γραφικά στο περιβάλλον 3Ds Max χρησιμοποιώντας βασικά εργαλεία</a> </h3> <p> <img alt="Δημιουργώντας γραφικά στο περιβάλλον 3Ds Max χρησιμοποιώντας βασικά εργαλεία" title="Δημιουργώντας γραφικά στο περιβάλλον 3Ds Max χρησιμοποιώντας βασικά εργαλεία" class="news-block-img pull-right" src="/thumbs/52/30035761.jpg"> Δημιουργώντας γραφικά στο περιβάλλον 3Ds Max χρησιμοποιώντας βασικά εργαλεία Στην άσκηση αυτή θα μάθετε πώς να χρησιμοποιήσετε βασικά εργαλεία στο περιβάλλον 3Ds Max για να δημιουργήσετε ένα τρισδιάστατο </p> <a href="/30035761-Dimioyrgontas-grafika-sto-perivallon-3ds-max-hrisimopoiontas-vasika-ergaleia.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/30239218-Eisagogi-stin-efarmogi-vasiki-selida-activity-anazitisi-pelati-6-provoli-pelati-7-epexergasia-pelati-10.html">Εισαγωγή στην εφαρμογή Βασική Σελίδα (Activity) Αναζήτηση Πελάτη... 6 Προβολή Πελάτη... 7 Επεξεργασία Πελάτη... 10</a> </h3> <p> <img alt="Εισαγωγή στην εφαρμογή Βασική Σελίδα (Activity) Αναζήτηση Πελάτη... 6 Προβολή Πελάτη... 7 Επεξεργασία Πελάτη... 10" title="Εισαγωγή στην εφαρμογή Βασική Σελίδα (Activity) Αναζήτηση Πελάτη... 6 Προβολή Πελάτη... 7 Επεξεργασία Πελάτη... 10" class="news-block-img pull-right" src="/thumbs/52/30239218.jpg"> Περιεχόμενα Εισαγωγή στην εφαρμογή... 2 Βασική Σελίδα (Activity)... 3 Ρυθμίσεις... 3 Πελάτες... 6 Αναζήτηση Πελάτη... 6 Προβολή Πελάτη... 7 Επεξεργασία Πελάτη... 10 Αποθήκη... 11 Αναζήτηση προϊόντος... </p> <a href="/30239218-Eisagogi-stin-efarmogi-vasiki-selida-activity-anazitisi-pelati-6-provoli-pelati-7-epexergasia-pelati-10.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"> 2017 © 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/363f5/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>