Σχεδιασμός και ανάπτυξη ενός Web Site. Αθ. Ανδρούτσος
|
|
- Άκανθα Πολίτης
- 7 χρόνια πριν
- Προβολές:
Transcript
1 Σχεδιασμός και ανάπτυξη ενός Web Site Αθ. Ανδρούτσος 1. Εισαγωγή Με τον όρο Web-based εφαρμογή εννοούμε ένα σύνολο τεχνολογιών με κοινό χαρακτηριστικό την δυνατότητα επικοινωνίας μέσω του πρωτοκόλλου http (HyperText Transfer Protocol σ.σ. Υπηρεσία World Wide Web (WWW)). Μία ολοκληρωμένη εφαρμογή περιλαμβάνει τρία (3) βασικά μέρη: 1. Βάση Δεδομένων 2. Λογική 3. Γραφικό Περιβάλλον Graphical User Interface (GUI) Βάση Δεδομένων Λογική GUI MySQL Oracle MS-SQL Java Php Python HTML Javascript Flash Η ΒΔ κι η λογική προσδίδουν σε ένα Web Site ένα δυναμικό χαρακτήρα, δηλ. δυνατότητες εισαγωγής/αναζήτησης/ενημέρωσης/διαγραφής περιεχομένου καθώς και εκτέλεσης λογικών εντολών. Ωστόσο, απλές εφαρμογές μπορεί να μην περιλαμβάνουν ΒΔ και Λογική, παρά μόνο ένα στατικό GUI, δηλαδή, ένα σύνολο από στατικές σελίδες. Η βασική τεχνολογία δημιουργίας Web σελίδων είναι η γλώσσα HTML. Όπως έχουμε αναφέρει και αλλού η γλώσσα HTML δίνει τη δυνατότητα εισαγωγής κειμένου/εικόνωνβίντεο/ήχου καθώς και συνδέσμων προς άλλες σελίδες ή αρχεία. Επειδή η γλώσσα HTML δεν παρέχει αλληλεπίδραση και κίνηση, έχουν υιοθετηθεί άλλες τεχνολογίες, όπως η Javascript και Flash για αλληλεπίδραση και κίνηση. Άλλες συμπληρωματικές τεχνολογίες αφορούν την επεξεργασία εικόνων προς χρήση στο Web Site. 1
2 Ο σχεδιασμός διεπαφών για τον χρήστη (GUI) απαιτεί όχι μόνο τεχνικές δεξιότητες αλλά και γνώσεις γνωστικής ψυχολογίας ώστε οι διεπαφές να είναι λειτουργικές και να συμβάλλουν στην αύξηση της συμμετοχής και παραγωγικότητας των χρηστών. Ωστόσο σε ένα αρχικό στάδιο σχεδιασμού σελίδων, στο οποίο θα περιοριστούμε, αρκούν μερικές απλές γνώσεις τεχνικών και εργαλείων ώστε να δημιουργήσουμε απλά και λειτουργικά Web Sites. 2. GUI Σχεδιασμός Διεπαφής Ένα Web Site αποτελείται από ένα σύνολο διασυνδεδεμένων σελίδων. Ξεκινώντας τη διαδικασία ανάπτυξης της διεπαφής ενός απλού στατικού Web Site θα πρέπει να σχεδιάσουμε τη δομή του, δηλαδή ποιες σελίδες θα περιλαμβάνει και πως θα συνδέονται μεταξύ τους. Ο σχεδιασμός είναι συνήθως top-down, δηλ. ξεκινάμε από την αρχική σελίδα και κατεβαίνουμε προς τα επόμενα επίπεδα συνδεδεμένων σελίδων. Κάθε σελίδα έχει ένα τίτλο καθώς και ένα όνομα αρχείου. Ο τίτλος είναι το κείμενο που εμφανίζεται πάνω-αριστερά στο παράθυρο του browser, ενώ το όνομα αρχείου είναι το όνομα αποθήκευσης στο δίσκο. Η αρχική σελίδα έχει ένα προκαθορισμένο όνομα αρχείου: index.html. Οι υπόλοιπες σελίδες μπορούν να έχουν άλλα ονόματα αρχείου (με κατάληξη.html). Με βάση τα παραπάνω, στο πλαίσιο της δημιουργία ενός e-portofolio για την εκπαίδευση - δηλαδή ενός Web Site με τα χαρακτηριστικά που έχουμε αναφέρει σε προηγούμενο μάθημαο σχεδιασμός θα μπορούσε να είναι ο παρακάτω: Αρχική Σελίδα Βιογραφικό Μάθημα 1 Μάθημα 2 Μάθημα 3 Μάθημα 4 Μάθημα 5 Project 1 Project 2.. Project 1 Project 2 Project 1 Η ονομασία της αρχικής σελίδας, όπως αναφέραμε, είναι index.html, της σελίδας βιογραφικού μπορεί να είναι cv.html, του μαθήματος 1 ped1.html, κλπ. Αφού σχεδιάσουμε τη διεπαφή, στη συνέχεια μπορούμε να οργανώσουμε το υλικό μας. Μπορούμε δηλαδή να φτιάξουμε μια δομή φακέλων που να αντανακλά τη δομή του Site μας. Ξεκινάμε δημιουργώντας ένα βασικό φάκελο με όνομα για παράδειγμα eportofolio_website και ως υποφακέλους μπορούμε να δημιουργήσουμε μία δομή που να αντανακλά τη δομή του Site μας. Για παράδειγμα, μπορούμε να έχουμε έναν υποφάκελο classes για τις σελίδες των μαθημάτων, projects για τις σελίδες των εργασιών, images για τις εικόνες, videos για τα video ή να έχουμε υποφακέλους ανά μάθημα ή όπως αλλιώς νομίζουμε ότι μπορούμε να οργανώσουμε καλύτερα το υλικό μας ώστε να αντανακλά χονδρικά τη δομή του Site μας 2
3 χωρίς αυτό να σημαίνει ότι θα πρέπει να υπάρχει ένα-προς-ένα αντιστοίχιση σελίδων και φακέλων. Στη συνέχεια θα πρέπει να την υλοποιήσουμε τον Ιστότοπό μας. Για την υλοποίηση, μπορούμε να χρησιμοποιήσουμε ένα πρόγραμμα συγγραφής σελίδων. Τα προγράμματα που εξυπηρετούν καλύτερα τον σκοπό μας που είναι η δημιουργία γραφικής διεπαφής- είναι προγράμματα τύπου WYSIWYG (what you see is what you get) δηλαδή προγράμματα που μας δίνουν τη δυνατότητα να επεξεργαζόμαστε περιεχόμενο (κείμενο/εικόνες/κλπ.) με γραφικό τρόπο ώστε να υπάρχει αντιστοιχία επεξεργασίας και τελικής μορφής. Επομένως, σε αυτού του τύπου τα προγράμματα για Web σελίδες, εμείς μπορούμε να εισάγουμε/τροποποιούμε/διαγράφουμε κλπ. περιεχόμενο όπως σε ένα συντάκτη κειμένου (π.χ. Word). Ο κώδικας HTML παράγεται αυτόματα αλλά ο δημιουργός θα ήταν χρήσιμο να έχει γνώσεις HTML ώστε να μπορεί να παρεμβαίνει όταν χρειάζεται. Ένα τέτοιο πρόγραμμα είναι ο KompoZer, που είναι ένας open source WYSIWYG συντάκτης Web σελίδων, ιδιαίτερα καλός για αρχάριο επίπεδο χρηστών. Για επαγγελματικό σχεδιασμό και υλοποίηση υπάρχουν μη-δωρεάν προγράμματα όπως ο Adobe Dreamweaver. Ωστόσο η λογική που διέπει όλα αυτού του είδους τα προγράμματα είναι παρόμοια και για αυτό το λόγο και για εκπαιδευτικούς λόγους θα χρησιμοποιήσουμε τον kompozer για την επίδειξη μέσω παραδείγματος της ανάπτυξης ενός Web Site στο πλαίσιο του e-portofolio. 3. KompoZer ( ) Αφού δημιουργήσουμε τουλάχιστον τον βασικό φάκελο που αναφέραμε παραπάνω με το όνομα που επιθυμούμε (στο παράδειγμα εδώ έχει δημιουργηθεί ο φάκελος eportofolio_website) ανοίγουμε τον kompozer (εικ. 1). Εικ. 1: Η αρχική οθόνη του kompozer 3
4 Παρατηρήστε τα τρία βασικά μέρη του παραπάνω παραθύρου: 1) στο επάνω μέρος, το μενού και οι εργαλειοθήκες, 2) αριστερά, ο site manager, που εμφανίζει τα αρχεία του φακέλου που θα συνδέσουμε, και 3) κάτω-δεξιά, ο χώρος επεξεργασίας της σελίδας, που στην αρχή ονομάζεται untitled. Αρχικά πατάμε το κουμπί Edit site list (μέσα στον κόκκινο κύκλο, εικ. 1) για να συνδέσουμε τον site manager με τον βασικό μας φάκελο και δίνουμε τα εξής στοιχεία (εικ. 2): i) ως Site Name, το όνομα του Site μας όπως εμείς θέλουμε να εμφανίζεται στον kompozer (π.χ. eportofolio) και ii) ως Site Folder, πατάμε Select Directory και επιλέγουμε τον βασικό μας φάκελο. Πατάμε ok. Εικ. 2: Σύνδεση με το βασικό μας φάκελο Μόλις πατήσουμε οκ, εμφανίζεται στον Site Manager το Site Name. Αν πατήσουμε τον σταυρό στα αριστερά του ονόματος (σύμβολο ανάπτυξης δομής φακέλων/υποφακέλων) εμφανίζονται οι υποφάκελοι και τα αρχεία του βασικού μας φακέλου. Στο παράδειγμα έχουν δημιουργηθεί δύο υποφάκελοι (cv, images) ενώ υπάρχει και ένα σύνολο αρχείων εικόνων, κλπ. (εικ. 3). Εικ. 3: Εμφάνιση στον Site Manager του υλικού του βασικού φακέλου 4
5 Η διαδικασία που θα ακολουθήσουμε στη συνέχεια θα είναι να δημιουργήσουμε ένα αρχικό template σελίδας με βάση την οποία θα δημιουργήσουμε όλες τις άλλες σελίδες του site μας. Ο λόγος που όλες οι σελίδες θα βασίζονται στο template είναι για λόγους ομοιομορφίας και λειτουργικότητας. Το template θα αποτελείται από 5 μέρη (εικ. 4): 1) Header, 2) Footer, 3) Left Nav(igation) Menu, 4) Global Nav Menu, 5) Section, και θα έχει πλάτος 1024 pixels. Το αριστερό μενού μπορεί να έχει πλάτος 200 και επομένως το section 824 pixels. Το ύψος μπορεί να ρυθμιστεί αναλόγως με βασική αρχή να ταιριάζει στο μέγεθος των περιεχομένων. Header Left Nav Menu Section Header Global Nav Menu Footer Εικ. 4: Βασικό template Web Σελίδας Το κάθε μέρος του παραπάνω σχήματος περιλαμβάνει τα παρακάτω: Η επικεφαλίδα (Header) μπορεί να περιλαμβάνει το λογότυπο (στο παράδειγμά μας θα εισάγουμε το λογότυπο που έχουμε σχεδιάσει με το GIMP) Το αριστερό μενού πλοήγησης (Left Nav Menu) θα περιλαμβάνει συνδέσμους προς τις σελίδες του Site σύμφωνα με τη δομή που έχουμε καθορίσει στον πίνακα 4. Το καθολικό μενού πλοήγησης (Global Nav Menu) θα περιλαμβάνει συνδέσμους προς άλλες βασικές σελίδες του Site, όπως για παράδειγμα Συμμετοχή σε Δράσεις, Πρακτική Άσκηση, Εθελοντική Εργασία, κλπ. και δεν θα αλλάζει. Το υποσέλιδο (Footer) θα περιέχει πληροφορίες για το site και συνδέσμους προς τα κοινωνικά μέσα δικτύωσης, όπου έχουμε παρουσία. Το Section θα είναι ο χώρος που θα εισάγουμε το περιεχόμενο. Ο σχεδιασμός του template όπως φαίνεται στον σχεδιασμό της εικ. 4, θα βασίζεται σε πίνακα, ώστε να έχουμε αποτελεσματικό έλεγχο της δομής του. Επομένως, το πρώτο πράγμα που θα εισάγουμε (στην ακόμα untitled) σελίδα του kompozer είναι ένας πίνακας 4 γραμμών και 2 στηλών (εικ. 5). Πατάμε Table/Insert από το μενού ή το κουμπί table της εργαλειοθήκης, πατάμε την καρτέλα Precisely και δίνουμε 4 γραμμές/2 στήλες/1024 πλάτος/1 pixel περίμετρος (δηλ. μια λεπτή γραμμή περιμέτρου του πίνακα, αν αφήναμε 0 θα ήταν χωρίς γραμμή περιμέτρου). Το αποτέλεσμα φαίνεται στην εικ. 6. 5
6 . Εικ. 5 & 6: Εισαγωγή βασικού πίνακα και αποτέλεσμα. Για να επεξεργαστούμε περαιτέρω τον πίνακα επιλέγουμε τον πίνακα (κλικ κάπου μέσα στο χώρο του πίνακα) και πατάμε από το μενού Table/Table Properties (εικ. 7). Μπορώ να αλλάξω το spacing σε 0 (δηλ. μεταξύ των κελιών να μην υπάρχει απόσταση), το padding μπορώ να το αφήσω 2 ή να το κάνω 1 ή 0 (δηλ. 2/1/0 pixels απόσταση μεταξύ κελιών και κειμένου/εικόνας, αν δεν το κάνω 0 θα υπάρχει ένα μικρό κενό μεταξύ του λογότυπου και του περιγράμματος, που μπορεί να μην το θέλω), το border 1 όπως το είχα ρυθμίζει αρχικά (ή 0 αν δεν θέλω καθόλου περίγραμμα πίνακα), και επιπλέον αλλάζω το Alignment (στοίχιση) σε Center. Πατάω οκ (εικ. 8). Παρατηρήστε στην εικ. 8 την κόκκινη κουκίδα αριστερά από το Untitled. Σημαίνει ότι το αρχείο μου δεν έχει αποθηκευτεί ακόμα. Στη συνέχεια θα επιλέξω File/Save As (εικ. 9). 6
7 Εικ. 7 & 8: Επεξεργασία πίνακα και αποτέλεσμα. Η κόκκινη κουκίδα σημαίνει ότι οι αλλαγές στο αρχείο δεν έχουν αποθηκευτεί Πατώντας Save As θα πρέπει καταρχάς να δώσω δύο πράγματα: Τον τίτλο της σελίδας (που θα εμφανίζεται στο πάνω μέρος του παραθύρου του browser κατά το άνοιγμα της σελίδας) και το όνομα του αρχείου (με κατάληξη.html). Τον τίτλο τον ονομάζω Template (εικ. 9) και ονομάζω template.html το όνομα του αρχείου (εικ. 10). 7
8 Εικ. 9 & 10: Τίτλος και όνομα αρχείου σελίδας Θα συνεχίσω και θα συγχωνεύσω τις γραμμές 1, 3 και 4 ώστε να δημιουργήσω σταδιακά τη δομή του πίνακα 4 (εικ. 4). Συγχώνευση κάνω επιλέγοντας τα δύο κελιά κάθε γραμμής, στη συνέχεια δεξί κλικ και Join Selected Cells (εικ. 11). Κάνω το ίδιο τρεις φορές για κάθε μία από τις γραμμές 1/3/4. Εικ. 11: Συγχώνευση κελιών Στη συνέχεια θα πρέπει να ορίσω το πλάτος της πρώτης στήλης της δεύτερης γραμμής σε 200 pixels (όπως έχουμε σχεδιάσει παραπάνω στον πίνακα 4), ενώ δίνω και ένα αρχικό ύψος 400 pixels που μπορεί στη συνέχεια να αλλάξει (εικ. 12). Το αποτέλεσμα φαίνεται στην εικόνα 13. Πατάω File/Save. 8
9 Εικ. 12 & 13: Ρύθμιση πλάτους/ύψους κελιού και αποτέλεσμα Στη συνέχεια εισάγω με drag & drop από το Site Manager στο Header το λογότυπό μου (εικ. 14). Εικ. 14: Εισαγωγή λογότυπου με το ποντίκι (drag & drop) 9
10 Στη συνέχεια δίνω τα στοιχεία περιεχομένου των μενού και του υποσέλιδου (εικ. 15). Εισάγω δηλαδή όλους τους συνδέσμους προς τις σελίδες που έχω σχεδιάσει στη δομή μου. Εικ. 15: Στοιχεία περιεχομένου των μενού και του υποσέλιδου. Το αριστερό μενού είναι αναλυτικό και περιέχει συνδέσμους μέχρι και δύο επίπεδα ώστε να μην χρειάζεται δύο κλικ όταν κάποιος θέλει να επιλέξει ένα project. Τα εικονίδια των social media στο υποσέλιδο έχουν αναζητηθεί και βρεθεί στο web, έχουν αποθηκευτεί στο φάκελο του site και έχουν μπει με drag & drop σαν εικόνες. Παρότι δεν έχω δημιουργήσει τις σελίδες, θα πρέπει να ορίσω από τώρα τα ονόματά τους ώστε να δημιουργήσω τους συνδέσμους του template. Για παράδειγμα θα πρέπει να ορίσω από πριν: Αρχική Σελίδα index.html Βιογραφικό cv.html Τα Μάθημα 1 θα πρέπει να αντικατασταθεί από το πραγματικό όνομα του μαθήματος, για παράδειγμα Παιδ. Εφαρμογές και όνομα αρχείου για παράδειγμα pedapps.html. Το μάθημα 2 επίσης θα αντικατασταθεί με το πραγματικό όνομα και το ίδιο θα γίνει και στα υπόλοιπα μαθήματα. Οι εργασίες μπορούν να μείνουν Εργ. 1, Εργ. 2, Εργ. 3 κλπ. στο αριστερό μενού με ονόματα αρχείων που θα καθοριστούν από τώρα, για παράδειγμα στο Μάθημα 1 μπορώ να έχω c1proj1.html για την Εργ. 1, c1proj2.html για την Εργ. 2, στο Μάθημα 2 μπορώ να έχω c2proj1.html για την Εργ. 1, c2proj2.html για την Εργ. 2, και ούτω καθ εξής για τα υπόλοιπα Μαθήματα και Εργασίες. Σε κάθε περίπτωση θα πρέπει να δοθούν από τώρα ονόματα αρχείων (.html) για κάθε σελίδα της δομής μας, ώστε να δημιουργήσω τα links στο template. Για να δημιουργήσω links στο template επιλέγω κάθε λέξη ή λέξεις των μενού, επιλέγω link από την εργαλειοθήκη και δίνω το όνομα του αρχείου της σελίδας που θα συνδεθεί (εικ. 16). Σε περίπτωση που το αρχείο μου (cv.html) το τοποθετήσω σε άλλο φάκελο, π.χ. στον φάκελο cv, δίνω στο link τη διαδρομή cv/cv.html, κλείνω το παράθυρο, ξανανοίγω το link και ξετικάρω το URL is relative to page location. Έτσι δημιουργώ σταδιακά και τους υπόλοιπους συνδέσμους (εικ. 17). 10
11 Εικ. 16: Δημιουργία συνδέσμου για την Αρχική Σελίδα Εικ. 17: Δημιουργία και άλλων συνδέσμων Αφού εισάγουμε τους συνδέσμους και ολοκληρώσουμε το περιεχόμενο του αριστερού μενού, του καθολικού μενού και της επικεφαλίδας/υποσέλιδου, θα πρέπει να μορφοποιήσουμε την template σελίδα μας. Η μορφοποίηση μπορεί να γίνει με τα κουμπιά μορφοποίησης της εργαλειοθήκης ή με CSS. Για να χρησιμοποιήσω CSS επιλέγω το κουμπί CSS από την εργαλειοθήκη και δημιουργώ Style rule/style applied to all element of a class (εικ. 18). Πρώτα θα δημιουργήσω για το αριστερό μενού. Δίνω το όνομα (π.χ. leftnav) μετά την τελεία και πατάω Create Style rule. 11
12 Εικ. 18: Δημιουργία CSS για το αριστερό μενού Εικ. 19 & 20: Δημιουργία CSS για το αριστερό μενού 12
13 Εικ. 21: Δημιουργία CSS για το αριστερό μενού Εικ. 22: Επιπλέον μορφοποιήσεις από την εργαλειοθήκη Επιπλέον μπορούμε να κάνουμε μορφοποιήσεις και από την εργαλειοθήκη. Για παράδειγμα για μορφοποιήσω περαιτέρω τα links (χρώμα/bold) επιλέγω το link και από την εργαλειοθήκη επιλέγω χρώμα/bold και μέγεθος αν θέλω για το 2 ο επίπεδο συνδέσμων που είναι οι εργασίες και μειώνω λίγο το μέγεθος γραμματοσειράς (εικ. 22). Στην πραγματικότητα δημιουργείται internal style: <a style="font-weight: bold; color: rgb(255, 102, 0);" href="index.html"> Αρχική Σελίδα</a> 13
14 Αυτό μπορώ να το δω αν επιλέξω το κείμενο Αρχική Σελίδα για παράδειγμα και επιλέξω Split (εικ. 23). Εικ. 23: Επιπλέον μορφοποιήσεις από την εργαλειοθήκη Συνεχίζω με το επόμενο CSS για το footer (υποσέλιδο) (εικ. 24). Εικ. 24: CSS για το υποσέλιδο 14
15 Ρυθμίζω Text και Background, όπως φαίνεται στο General (εικ. 25). Εικ. 25: CSS για το υποσέλιδο Πατάω το κουμπί Save και αμέσως μετά το κουμπί Browse ώστε να δω στον browser την μέχρι στιγμής εικόνα της σελίδας μου (εικ. 26). Εικ. 26: Η σελίδα μου (template) στον browser 15
16 Από το Format/Page Colors and Background μπορώ να ρυθμίσω το χρώμα του παρασκηνίου όλης της σελίδας, ενώ από το Table/Table Properties/Cells ρυθμίζω το χρώμα του section cell αφού το επιλέξω (ένα κλικ μέσα στο κελί) (εικ. 27). Εικ. 27: Ρύθμιση του Page Background και Cell Background Αφού ολοκληρώσω τους συνδέσμους και την μορφοποίηση του template, πατάω Format/Page Title and Properties και εισάγω τον τίτλο της σελίδας (τον έχω ήδη εισάγει) το Character Set (UTF-8 που περιλαμβάνει και ελληνικά) καθώς και πληροφορίες τεκμηρίωσης όπως Author & Description (δεν εμφανίζονται πουθενά) (εικ. 28). Στη συνέχεια πατάω Save. Εικ. 28: Ρύθμιση του Page Properties 16
17 Αφού λοιπόν ολοκληρώσω το σχεδιασμό της template σελίδας μου θα την αποθηκεύσω (Save As) τόσες φόρες όσες και οι σελίδες μου και κάθε φορά θα δίνω ένα όνομα σελίδας. Έτσι, αν έχω 30 σελίδες θα πατήσω 30 φορές Save As στο template κάθε φορά θα δίνω το όνομα αρχείου (.html) της σελίδας που θέλω να δημιουργήσω. Για παράδειγμα θα πατήσω Save As και θα δημιουργήσω την Αρχική Σελίδα δίνοντας όνομα αρχείου index.html και αποθηκεύοντας στον βασικό φάκελο (εικ. 29). Για την σελίδα του βιογραφικού κάνω την ίδια διαδικασία και Αποθηκεύω Ως cv.html στον φάκελο cv (εικ. 30) Εικ. 29: Save As του template για την Αρχική Σελίδα Εικ. 30: Save As του template για τη σελίδα Βιογραφικού 17
18 Με δεξί κλικ στον Site Manager και refresh (η το εικονίδιο Refresh αριστερά στον Site Manager) ανανεώνω τη λίστα αρχείων και φακέλων και εμφανίζονται οι σελίδες που έχω δημιουργήσει (εικ. 31). Εικ. 31: Ανανέωση (refresh) περιεχομένων του Site Manager Αφού δημιουργήσω μία-μία όλες τις σελίδες, θα πρέπει πάλι να τις ανοίξω μία-μία (διπλό κλικ στο όνομα της σελίδας στον Site Manager) ώστε να τις επεξεργαστώ περαιτέρω μιας και το μόνο που υπάρχει είναι η ίδια σελίδα του template. Θα πρέπει λοιπόν σε κάθε σελίδα να εισάγω περιεχόμενο στο χώρο του section, να δώσω ένα τίτλο σελίδας στο Format/page Properties της κάθε σελίδας και να την αποθηκεύσω. Ας δούμε, για παράδειγμα, την Αρχική Σελίδα που ήδη έχω αποθηκεύσει ως index.html. Την ανοίγω στον kompozer (εικ. 32). Είναι πανομοιότυπη με το template. Εικ. 32: Αρχική Σελίδα 18
19 Ξεκινάω τις αλλαγές. Καταρχάς Format/Page Title and Properties και δίνω Τίτλο: e- Portofolio - Θ. Ανδρ. - Αρχική Σελίδα (εικ. 33) ή ότι τίτλο επιθυμώ για την αρχική μου σελίδα. Εικ. 33: Αρχική Σελίδα Τίτλος Στο χώρο του Section μπορώ να βάλω κείμενο είτε με το χέρι ή copy/paste από απλό συντάκτη κειμένου (π.χ. Σημειωματάριο, όχι μορφοποιημένο από Word, κλπ), εικόνες με drag & drop αφού τις έχω αποθηκεύσει στο βασικό μου φάκελο ή στον υποφάκελο images καθώς και βίντεο, συνδέσμους, κλπ. Το παραπάνω περιεχόμενο μπορώ να το βάλω απευθείας ή να δημιουργήσω πίνακα μέσα στο χώρο του section ώστε να υπάρχει πιο σαφής δομή. Στο παράδειγμα δημιουργώ ένα πίνακα με 2x2 γραμμέςxστήλες, 0/0/0 border/spacing/padding αντίστοιχα, και διαστάσεις πλάτος/ύψος 406x241 για κάθε κελί, ώστε να καταλάβει όλο το χώρο του section (812x482) και εισάγω background color και περιεχόμενο με μορφοποίηση Heading 1 (εικ. 34). Εικ. 34: Περιεχόμενο Αρχικής Σελίδας 19
20 Για να εισάγω στο πάνω-δεξιά κελί ένα βίντεο από το YouTube (με copy/paste τον iframe κώδικα) κάνω κλικ στο κελί (και γενικότερα κλικ στο σημείο που θέλω να εμφανίζεται το βίντεο) και στη συνέχεια επιλέγω Insert/HTML από το μενού, όπου κάνω paste τον iframe κώδικα αλλάζοντας το πλάτος/ύψος του iframe, ώστε να ταιριάζει στις διαστάσεις του κελιού (εικ. 35/36). Εικ. 35 & 36: Insert HTML και το αποτέλεσμα σε browser 20
Σχεδόν όλες οι ιστοσελίδες βασίζονται σε μεγάλο βαθμό σε πίνακες. Για να εισάγουμε έναν πίνακα επιλέγουμε από το μενού Insert->Table.
DreamWeaver - Άσκηση 4η Πίνακες Παρακάτω θα δούμε πως μπορούμε να δημιουργούμε και να επεξεργαζόμαστε πίνακες, μια πολύ βασική δομή. Θα δούμε πως γίνεται εισαγωγή πίνακα, ένωση κελιών του πίνακα, προσθήκη
Διαβάστε περισσότεραΕισαγωγή στη δημιουργία wikis για την Εκπαίδευση. Αθ. Ανδρούτσος
Εισαγωγή στη δημιουργία wikis για την Εκπαίδευση Αθ. Ανδρούτσος 1. Wikis Ένα Wiki είναι μία Web Σελίδα που δίνει τη δυνατότητα συνεργασίας μεταξύ των μελών μιας ομάδας. Παράδειγμα αποτελεί η σελίδα Wikipedia.com
Διαβάστε περισσότεραΣε αυτό το μάθημα θα ασχοληθούμε με τη βελτίωση της εμφάνισης ενός ιστοτόπου, αλλά και τον εύκολο χειρισμό όλων των αλλαγών τις οποίες επιθυμούμε να
Σε αυτό το μάθημα θα ασχοληθούμε με τη βελτίωση της εμφάνισης ενός ιστοτόπου, αλλά και τον εύκολο χειρισμό όλων των αλλαγών τις οποίες επιθυμούμε να κάνουμε μέσω ενός εξωτερικού αρχείου.το αρχείο αυτό
Διαβάστε περισσότεραΟδηγίες κατασκευής Ιστοσελίδων µε το πρόγραµµα FRONTPAGE 2003
Οδηγίες κατασκευής Ιστοσελίδων µε το πρόγραµµα FRONTPAGE 2003 Μάθετε σε 10 βήµατα να φτιάχνετε τις δικές σας ιστοσελίδες Βήµα 1ο ΕΕππιιµµέέλλεειιαα:: ΣΣάάββββααςς ΟΟββααδδίίααςς Σε αυτό το βήµα θα χρησιµοποιήσετε
Διαβάστε περισσότεραΟδηγίες για προσθήκη Web Frames Tools to the Quick Access Bar σε μεταγενέστερη έκδοση του Word
Οδηγίες για προσθήκη Web Frames Tools to the Quick Access Bar σε μεταγενέστερη έκδοση του Word Επειδή οι μεταγενέστερες εκδόσεις του Word δεν περιλαμβάνουν στο μενού τη δυνατότητα δημιουργίας πολλαπλών
Διαβάστε περισσότεραΔΗ Μ Ι Ο ΥΡ Γ Ι Α W I K I με τ η χρήση τ η ς υπ ηρεσίας h t t p : /www.wik id ot.com /
ΔΗ Μ Ι Ο ΥΡ Γ Ι Α W I K I με τ η χρήση τ η ς υπ ηρεσίας h t t p : /www.wik id ot.com / 1. Τι είναι το wikidot Το wikidot είναι ένας δικτυακός τόπος στον οποίο κάθε χρήστης έχει το δικαίωμα να δημιουργήσει
Διαβάστε περισσότεραΕισαγωγή στην Επιστήμη της Πληροφορικής Εργαστήριο. Microsoft Word Μέρος 2
Πανεπιστήμιο Κύπρου Τμήμα Πληροφορικής Εισαγωγή στην Επιστήμη της Πληροφορικής και Πληροφοριακά Συστήματα Εργαστήριο - ΕΠΛ003 Εισαγωγή στην Επιστήμη της Πληροφορικής Εργαστήριο Microsoft Word Μέρος 2 Παναγιώτης
Διαβάστε περισσότεραΤΕΙ ΚΑΒΑΛΑΣ. Πτυχιακή εργασία ΕΙΣΑΓΩΓΗ. Μιλτιάδης Κακλαμάνης
Σελίδα 1από ΤΕΙ ΚΑΒΑΛΑΣ Πτυχιακή εργασία Δικτυακή Εφαρμογή διαχείρισης ηλεκτρονικών εγγράφων υπηρεσίας. ΕΙΣΑΓΩΓΗ Μιλτιάδης Κακλαμάνης Σελίδα 2από Κατάλογος περιεχομένων ΕΙΣΑΓΩΓΗ...1 Σχετιζόμενα πρόσωπα...3
Διαβάστε περισσότερα<a href="http://www.somepage.com/somepage.html">μετάβαση στο κείμενο</a>.
HTML Τα αρχεία της HTML έχουν ετικέτες (tags) που ορίζουν τη δομή και τη μορφοποίηση των ιστοσελίδων. Οι περισσότερες HTML ετικέτες τις συναντούμε ως ζεύγη τα οποία ενεργούν στα περιεχόμενα μεταξύ των
Διαβάστε περισσότεραXAMPP Apache MySQL PHP javascript xampp
XAMPP Το xampp είναι ένα δωρεάν πρόγραμμα με το οποίο μπορούμε να κάνουμε εγκατάσταση τον Apache, τη MySQL και την PHP. Apache. Ο Apache είναι ένας Web Server. Είναι δηλαδή πρόγραμμα το οποίο τρέχει μόνιμα
Διαβάστε περισσότεραΕΠΕΞΕΡΓΑΣΙΑ ΚΕΙΜΕΝΟΥ. Κειμενογράφος WORD
ΕΠΕΞΕΡΓΑΣΙΑ ΚΕΙΜΕΝΟΥ Κειμενογράφος WORD ΣΚΟΠΟΣ Η ανάπτυξη δεξιοτήτων επεξεργασίας κειμένου ΠΡΟΤΑΣΕΙΣ ΚΑΙ ΡΥΘΜΙΣΕΙΣ Άνω περιθώριο (top margin) : 2.49cm Κάτω περιθώριο (bottom margin) :5.99cm Αριστερό περιθώριο
Διαβάστε περισσότεραΠρακτικές οδηγίες για την Επεξεργασία Κειμένου
11 Εργαλεία έκφρασης και δημιουργίας Επεξεργασία Κειμένου Α Γυμνασίου Πρακτικές οδηγίες για την Επεξεργασία Κειμένου Ένα πρόγραμμα επεξεργασίας κειμένου μας προσφέρει τη δυνατότητα να: προσθέτουμε, να
Διαβάστε περισσότεραΑ ΛΥΚΕΙΟΥ - ΕΦΑΡΜΟΓΕΣ ΠΛΗΡΟΦΟΡΙΚΗΣ ΜΑΪΟΣ 2019 ΕΝΔΕΙΚΤΙΚΕΣ ΕΡΩΤΗΣΕΙΣ ΚΑΤΑΝΟΗΣΗΣ
Το υλικό αυτό δίνεται στους μαθητές για τη σωστή μελέτη της διδαχθείσας ύλης του μέρους Β. Πρόκειται για ένα συμπαγή κορμό ερωτήσεων και ασκήσεων οι οποίες καλύφθηκαν κατά τη διάρκεια της έως τώρα σχολικής
Διαβάστε περισσότεραΒρίσκοντας το block εισόδου χρήστη στο τέλος της αριστερής στήλης του site:
User Manual TEI Είσοδος στο Διαχειριστικό (Admin - Back office Panel) Για την είσοδο στο διαχειριστικό έχουν προβλεφθεί διάφοροι τρόποι οι οποίοι φαίνονται παρακάτω: Είσοδος μέσω των link που εμφανίζονται
Διαβάστε περισσότεραΚεφάλαιο 11: Εισαγωγή στην HTML. Εφαρμογές Πληροφορικής Κεφ. 11 Καραμαούνας Πολύκαρπος
Κεφάλαιο 11: Εισαγωγή στην HTML 1 11.1 Γενική εισαγωγή στην HTML Τι είναι η HTML HyperText Markup Language - Γλώσσα Χαρακτηρισμού Υπερ-Κειμένου είναι η βασική γλώσσα με την οποία πραγματοποιείται η δόμηση
Διαβάστε περισσότερα5 ο ΚΕΦΑΛΑΙΟ: ΠΡΑΚΤΙΚΟ ΚΟΜΜΑΤΙ
5 ο ΚΕΦΑΛΑΙΟ: ΠΡΑΚΤΙΚΟ ΚΟΜΜΑΤΙ 5.1 Εισαγωγή Το πρακτικό κομμάτι της πτυχιακής μας εργασίας αφορά την δημιουργία μιας λειτουργικής ιστοσελίδας με την χρήση της πλατφόρμας του Weebly, που αποτελεί μια σύγχρονη
Διαβάστε περισσότεραΜπορείτε τα δείτε βιντεάκι με τη διαδικασία εδώ: http://www.greektuts.net/greek-in-joomla/
1) Εμφάνιση ιστοσελίδας Ανοίγουμε το πρόγραμμα πλοήγησης (Firefox, Chrome, Internet Explorer κτλ) και στη γραμμή διευθύνσεων πληκτρολογούμε τη διεύθυνση http://localhost ή http://127.0.0.1. Αν δεν βλέπουμε
Διαβάστε περισσότεραΕΡΩΤΗΣΕΙΣ WORD 2007. 2. Πώς αλλάζουμε το διάστιχο μίας παραγράφου; [Πηγαίνουμε στην παράγραφο και στην κεντρική καρτέλα πατάμε το εικονίδιο Διάστιχο]
ΕΡΩΤΗΣΕΙΣ WORD 2007 1. Πώς βάζουμε διπλή υπογράμμιση και χρώμα υπογράμμισης; [Επιλέγουμε το κείμενο και στην κεντρική καρτέλα πατάμε στο βελάκι δίπλα στο εικονίδιο της υπογράμμισης] 2. Πώς αλλάζουμε το
Διαβάστε περισσότεραΕργαστήριο του Μαθήματος: ΕΠΛ003. Ενότητα 3 Εισαγωγή στο Microsoft Word
Εργαστήριο του Μαθήματος: ΕΠΛ003 Ενότητα 3 Εισαγωγή στο Microsoft Word 1 Πως αρχίζουμε το Microsoft Word Για να αρχίσουμε το Word, πρέπει να κάνουμε double click στο εικονίδιο του Word που βρίσκεται στον
Διαβάστε περισσότεραΕργαστήριο του Μαθήματος: ΕΠΛ001
www.epl001lab.weebly.com Εργαστήριο του Μαθήματος: ΕΠΛ001 Ενότητα 3 Εισαγωγή στο Microsoft Word Πως αρχίζουμε το Microsoft Word Για να αρχίσουμε το Word, πρέπει να κάνουμε double click στο εικονίδιο του
Διαβάστε περισσότεραΣημειώσεις για τις Ιστοσελίδες του Google
Σημειώσεις για τις Ιστοσελίδες του Google 1 Βήμα 1 ο Μπαίνουμε στην σελίδα της Google για τις ιστοσελίδες (http://sites.google.com). 2 Εναλλακτικά, μπαίνουμε στο http://www.google.com, επιλέγουμε περισσότερα
Διαβάστε περισσότερα1. Κλικ στην καρτέλα Insert 2. Tables 3. Κλικ Table 4. Σύρουμε το δείκτη του ποντικιού και επιλέγουμε τον επιθυμητό αριθμό γραμμών και στηλών
ΜΑΘΗΜΑ 6 ΣΤΟΧΟΙ: 1. Δημιουργία Ενός Πίνακα 2. Εισαγωγή Και Μετακίνηση Δεδομένων 3. Επιλογή Κελιού, Στήλης, Γραμμής, Πίνακα 4. Εισαγωγή Στήλης Και Γραμμής 5. Διαγραφή Κελιού, Στήλης, Γραμμής Και Πίνακα
Διαβάστε περισσότεραΆσκηση 8 - Δημιουργία ιστοσελίδας μουσείο και προβολή εκθεμάτων.
Άσκηση 8 - Δημιουργία ιστοσελίδας μουσείο και προβολή εκθεμάτων. Στην παρούσα άσκηση πρόκειται να δημιουργήσετε έναν ιστότοπο, ο οποίος θα αποτελείται από πολλές ιστοσελίδες που θα προβάλουν τα εκθέματα
Διαβάστε περισσότεραΜΑΘΗΜΑ Άνοιγμα Της Εφαρμογής Επεξεργασίας Κειμένου. 2. Κύρια Οθόνη Της Εφαρμογής Κειμένου ΣΤΟΧΟΙ:
ΜΑΘΗΜΑ 1 ΣΤΟΧΟΙ: 1. Άνοιγμα Της Εφαρμογής Επεξεργασίας Κειμένου (Microsoft Word) 2. Κύρια Οθόνη Της Εφαρμογής Κειμένου 3. Δημιουργία Νέου Εγγράφου 4. Δημιουργία Εγγράφου Βασισμένο Σε Πρότυπο 5. Κλείσιμο
Διαβάστε περισσότεραΠρακτικές συμβουλές κατά την πληκτρολόγηση ., ; :! ( ) " " Άνοιγμα και αποθήκευση εγγράφου Αρχείο, Άνοιγμα. Αρχείο / Αποθήκευση
Επεξεργαστής κειμένου Word 2003 Πρακτικές συμβουλές κατά την πληκτρολόγηση Για να αλλάξουμε παράγραφο πατάμε Enter. Για να αφήσουμε μία κενή γραμμή, πατάμε μία φορά το Enter. Για να γράψουμε την επόμενη
Διαβάστε περισσότεραΜενού Προβολή. Προβολές εγγράφου
Μενού Προβολή Προβολές εγγράφου Το Word παρέχει πέντε διαφορετικού είδους προβολές στον χρήστη, οι οποίες και βρίσκονται στο μενού Προβολή (View). Εναλλακτικά μπορούμε να επιλέξουμε το είδος προβολής που
Διαβάστε περισσότεραΜΑΘΗΜΑ Άνοιγμα Της Εφαρμογής Υπολογιστικών Φύλλων. 2. Κύρια Οθόνη Της Εφαρμογής Υπολογιστικών Φύλλων ΣΤΟΧΟΙ:
ΜΑΘΗΜΑ 1 ΣΤΟΧΟΙ: 1. Άνοιγμα Της Εφαρμογής Υπολογιστικών Φύλλων (Microsoft Excel) 2. Κύρια Οθόνη Της Εφαρμογής Υπολογιστικών Φύλλων 3. Δημιουργία Νέου Υπολογιστικού Φύλλου 4. Δημιουργία Υπολογιστικού Φύλλου
Διαβάστε περισσότεραRef.: SLWS 1 5Copyright 2005 The European Computer Driving Licence Foundation Ltd Σελίδα 1 από 7
The European Computer Driving Licence Foundation Ltd Σελίδα 1 από 7 ΣΤΟΧΟΙ ΕΞΕΤΑΣΗΣ Η ενότητα ECDL WebStarter απαιτεί από τον Υποψήφιο να κατανοεί τις κύριες έννοιες της σχεδίασης και δημοσίευσης δικτυακών
Διαβάστε περισσότεραΕΙΔΙΚΟΤΗΤΑ: ΤΕΧΝΙΚΟΣ ΕΦΑΡΜΟΓΩΝ ΠΛΗΡΟΦΟΡΙΚΗΣ ΜΑΘΗΜΑ: ΕΙΣΑΓΩΓΗ ΣΤΗΝ ΠΛΗΡΟΦΟΡΙΚΗ
ΕΙΔΙΚΟΤΗΤΑ: ΤΕΧΝΙΚΟΣ ΕΦΑΡΜΟΓΩΝ ΠΛΗΡΟΦΟΡΙΚΗΣ ΜΑΘΗΜΑ: ΕΙΣΑΓΩΓΗ ΣΤΗΝ ΠΛΗΡΟΦΟΡΙΚΗ (Σημειώσεις Word) ΕΚΠΑΙΔΕΥΤΕΣ: ΒΑΡΕΛΑΣ ΙΩΑΝΝΗΣ, ΠΟΖΟΥΚΙΔΗΣ ΚΩΝΣΤΑΝΤΙΝΟΣ MICROSOFT WORD (ΕΚΠΑΙΔΕΥΤΙΚΕΣ ΣΗΜΕΙΩΣΕΙΣ) ΠΕΡΙΕΧΟΜΕΝΑ
Διαβάστε περισσότεραΠοιες είναι οι κύριες ετικέτες που χρησιμοποιεί η HTML για την περιγραφή της συνολικής δομής μιας ιστοσελίδας;
Τι είναι η HTML; Η HTML είναι το ακρωνύμιο των λέξεων HyperText Markup Language, δηλαδή Γλώσσα Χαρακτηρισμού Υπερ Κειμένου και βασίζεται στη γλώσσα SGML, Standard Generalized Markup Language, που είναι
Διαβάστε περισσότερα1. O FrontPage Explorer
1. O FrontPage Explorer Στο παρελθόν, ο δηµιουργός µιας θέσης Ιστού έπρεπε να παρακολουθεί µόνος του τον τρόπο σύνδεσης των σελίδων του. Με το FrontPage Explorer µπορείτε να δηµιουργείτε ιστούς και να
Διαβάστε περισσότεραΕνότητα 17 Εκτύπωση Φύλλων Εργασίας και Γραφικών Παραστάσεων
Ενότητα 17 Εκτύπωση Φύλλων Εργασίας και Γραφικών Παραστάσεων 17.1 Το παράθυρο Print Preview Θέλουμε να τυπώσουμε το φύλλο εργασίας μας. Πρέπει όμως να σιγουρευτούμε ότι οι σωστές γραμμές και στήλες θα
Διαβάστε περισσότεραΕισαγωγή στο πρόγραμμα Microsoft word 2003
Εισαγωγή στο πρόγραμμα Microsoft word 2003 Έναρξη 1. Εκκίνηση του προγράμματος Για να ξεκινήσουμε το Word, πατάμε στο κουμπί Εναρξη και από το μενού που εμφανίζεται επιλέγουμε Προγράμματα και Microsoft
Διαβάστε περισσότεραTEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο)
TEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο) Διδάσκων: Ανδρέας Γιαννακουλόπουλος Επιστημονικός συνεργάτης Εργαστηρίου: Στέλλα Λάμπουρα Εαρινό εξάμηνο Χρηματοδότηση Το παρόν εκπαιδευτικό υλικό έχει αναπτυχθεί
Διαβάστε περισσότεραΒάσεις δεδομένων (Access)
Βάσεις δεδομένων (Access) Όταν εκκινούμε την Access εμφανίζεται το παρακάτω παράθυρο: Για να φτιάξουμε μια νέα ΒΔ κάνουμε κλικ στην επιλογή «Κενή βάση δεδομένων» στο Παράθυρο Εργασιών. Θα εμφανιστεί το
Διαβάστε περισσότεραΔΕ10: Πληροφοριακά Συστήματα Διοίκησης IΙ Εργαστήριο # 2
ΔΕ10: Πληροφοριακά Συστήματα Διοίκησης IΙ Εργαστήριο # 2 Dreamweaver 1/7 Εισαγωγή Το Dreamweaver είναι ένας HTML editor που αναπτύχθηκε από την Macromedia. Είναι WYSIWYG (What You See Is What You Get),
Διαβάστε περισσότεραΣυνοπτικό εγχειρίδιο χρήσης του Microsoft Visual Studio 2010
Τμήμα Πληροφορικής & Επικοινωνιών Τομέας Υπολογιστικών Τεχνικών & Συστημάτων Συνοπτικό εγχειρίδιο χρήσης του Microsoft Visual Studio 2010 Ιωάννης Γεωργουδάκης - Πάρις Μαστοροκώστας Σεπτέμβριος 2011 ΠΕΡΙΕΧΟΜΕΝΑ
Διαβάστε περισσότεραΚατασκευή ιστοσελίδων με το FrontPage2003
Γραμμή τίτλου Γραμμή μενού Γραμμή εργαλείων Μορφοποίηση Εικόνα Εφέ DHTML Κατασκευή ιστοσελίδων με το FrontPage2003 Παράθυρο εργασιών Όταν ανοίγουμε το FrontPage, ανοίγει αυτόματα μία νέα σελίδα. (Στο FrontPage
Διαβάστε περισσότεραΕργασία-3: Παρουσίαση Εργασίας. Ομάδα Α. Προετοιμασία Αναφοράς
Εργασία-3: Παρουσίαση Εργασίας Ομάδα Α. Προετοιμασία Αναφοράς Αρκετοί πιστεύουν πως η επιτυχία μιας παρουσίασης είναι δεδομένη εάν ο παρουσιαστής κατέχει το θέμα που πρόκειται να παρουσιάσει και είναι
Διαβάστε περισσότεραΟδηγίες Χρήσης της MySQL
ΠΑΝΕΠΙΣΤΗΜΙΟ ΠΕΙΡΑΙΩΣ ΤΜΗΜΑ ΠΛΗΡΟΦΟΡΙΚΗΣ ΣΗΜΕΙΩΣΕΙΣ ΣΕ ΒΑΣΕΙΣ ΔΕΔΟΜΕΝΩΝ Οδηγίες Χρήσης της MySQL Διδάσκων: Γιάννης Θεοδωρίδης Συντάκτης Κειμένου: Βαγγέλης Κατσικάρος Νοέμβριος 2007 1 Περιεχόμενα Εισαγωγή...2
Διαβάστε περισσότεραΤΟ MICROSOFT WORD XP. Ας ξεκινήσουμε λοιπόν!
XP ΚΑΡΤΕΛΑ ΕΡΓΑΣΙΑΣ 1 Το Microsoft Word είναι ένα πρόγραμμα στον υπολογιστή που σας βοηθά να γράφετε όμορφα κείμενα στα οποία μπορείτε να προσθέσετε εικόνες, γραφικά ακόμα και ήχους. Aφού γράψετε ένα κείμενο,
Διαβάστε περισσότεραΕργαστηριακή Άσκηση 4 Μορφοποίηση Κειμένου μέσω του
Μορφοποίηση χαρακτήρων Όταν ανοίγουμε το Word η γραμματοσειρά που υπάρχει είναι προκαθορισμένη. Το πλαίσιο διαλόγου Γραμματοσειρά μας επιτρέπει να κάνουμε περισσότερες μορφοποιήσεις. Επιλέγουμε Μορφή Απόσταση
Διαβάστε περισσότεραPowerPoint Ένα εργαλείο παρουσίασης
Εργασία 7η 2 Αρκετοί πιστεύουν πως η επιτυχία μιας παρουσίασης είναι δεδομένη εάν ο παρουσιαστής κατέχει το θέμα που πρόκειται να παρουσιάσει και είναι σε θέση να χειρίζεται ί ά άνετα έ ένα πρόγραμμα ό
Διαβάστε περισσότεραΔημιουργία και επεξεργασία διανυσματικών επιπέδων στο QGIS
Δημιουργία και επεξεργασία διανυσματικών επιπέδων στο QGIS Δημιουργία επιπέδου σχεδίασης 1. Από το Menu Layer Create Layer New Shapefile Layer δημιουργούμε νέο επίπεδο. Στο παράθυρο που ανοίγει (Εικ. 1)
Διαβάστε περισσότεραJoomla! with K2 - User Guide
Joomla! with K2 - User Guide τελευταία ανανέωση: 27/03/2014 από την ICAP WEB Solutions 1 Η κατασκευή της δυναμικής σας ιστοσελίδας έχει ολοκληρωθεί και μπορείτε πλέον να προχωρήσετε σε αλλαγές ή προσθήκες
Διαβάστε περισσότεραΕΣΔ 232: ΟΡΓΑΝΩΣΗ ΔΕΔΟΜΕΝΩΝ ΣΤΗ ΚΟΙΝΩΝΙΑ ΤΗΣ ΠΛΗΡΟΦΟΡΙΑΣ. Ακαδημαϊκό Έτος , Εαρινό Εξάμηνο. Εργαστηριακή Άσκηση 1 17/01/2012
ΤΕΧΝΟΛΟΓΙΚΟ ΠΑΝΕΠΙΣΤΗΜΙΟ ΚΥΠΡΟΥ, ΤΜΗΜΑ ΕΠΙΚΟΙΝΩΝΙΑΣ & ΣΠΟΥΔΩΝ ΔΙΑΔΙΚΤΥΟΥ ΕΣΔ 232: ΟΡΓΑΝΩΣΗ ΔΕΔΟΜΕΝΩΝ ΣΤΗ ΚΟΙΝΩΝΙΑ ΤΗΣ ΠΛΗΡΟΦΟΡΙΑΣ Ακαδημαϊκό Έτος 2011 2012, Εαρινό Εξάμηνο Εργαστηριακή Άσκηση 1 17/01/2012
Διαβάστε περισσότεραΕισαγωγη στην html. Η δομή μιας ιστοσελίδας (αρχείο html) Η βασική δομή ενός αρχείου html είναι η εξής: <html> <head>
Εισαγωγη στην html Ο παγκόσμιος ιστός (αγγ.: World Wide Web ή www) είναι η πιο δημοφιλής υπηρεσία που μας παρέχει το Διαδίκτυο (Internet) και είναι ένα σύστημα διασυνδεδεμένων πληροφοριών (κειμένου, εικόνας,
Διαβάστε περισσότερα1.Puzzle. ΕΠΙΜΕΛΕΙΑ: ΓΕΩΡΓΙΑ ΚΛΩΣΤΡΑΚΗ Σελίδα 1
1.Puzzle Μόλις ανοίξω το πρόγραμμα επιλέγω την εντολή Browse. Στη συνέχεια αναζητώ την εικόνα που έχω αποθηκεύσει σε ένα φάκελο (στην επιφάνεια εργασίας ή στα έγγραφά μου ή στο σκληρό μου δίσκο). Αφού
Διαβάστε περισσότεραΔιαχείριση εγγράφων MICROSOFT OFFICE WORD
Διαχείριση εγγράφων MICROSOFT OFFICE WORD ΣΚΟΠΟΣ ΤΗΣ ΕΝΟΤΗΤΑΣ ΕΠΕΞΕΡΓΑΣΙΑΣ ΚΕΙΜΕΝΟΥ Να χειρίζονται οι σπουδαστές θέματα επεξεργασίας κειμένου όπως είναι: Εξοικείωση με το βασικό μενού ενός αρχείου και
Διαβάστε περισσότεραCascading Style Sheets (CSS)
Cascading Style Sheets (CSS) Τα Cascading Style Sheets προσφέρουν έναν εύκολο τρόπο για να ορίσουμε τη μορφοποίηση που επιθυμούμε να έχουν οι σελίδες μία τοποθεσίας του Παγκόσμιου Ιστού που δημιουργούμε.
Διαβάστε περισσότεραΛίγα λόγια από το συγγραφέα Microsoft Word Δημιουργία νέου εγγράφου Το σύστημα Βοήθειας του Word...
ΕΝΟΤΗΤΑ 3 Περιεχόμενα Λίγα λόγια από το συγγραφέα... 7 91 Microsoft Word 2007... 9 92 Δημιουργία νέου εγγράφου... 20 93 Το σύστημα Βοήθειας του Word... 38 94 Μετακίνηση σε έγγραφο και προβολές εγγράφου...
Διαβάστε περισσότεραΣημειώσεις για το εργαστηριακό μάθημα «Εκπαιδευτική Τεχνολογία Πολυμέσα»
ΑΝΩΤΑΤΗ ΣΧΟΛΗ ΠΑΙΔΑΓΩΓΙΚΗΣ ΚΑΙ ΤΕΧΝΟΛΟΓΙΚΗΣ ΕΚΠΑΙΔΕΥΣΗΣ ΓΕΝΙΚΟ ΤΜΗΜΑ ΠΑΙΔΑΓΩΓΙΚΩΝ ΜΑΘΗΜΑΤΩΝ Δημιουργία web site με το Σημειώσεις για το εργαστηριακό μάθημα «Εκπαιδευτική Τεχνολογία Πολυμέσα» Μαρία Μουντρίδου
Διαβάστε περισσότεραΣΧΕΔΙΑΣΜΟΣ ΙΣΤΟΣΕΛΙΔΑΣ ΜΕ ΤΗ ΧΡΗΣΗ ΠΡΟΤΥΠΟΥ ΙΣΤΟΣΕΛΙΔΑΣ (TEMPLATE) ΣΤΟ ΠΡΟΓΡΑΜΜΑ MICROSOFT OFFICE SHAREPOINT DESIGNER 2007
ΣΧΕΔΙΑΣΜΟΣ ΙΣΤΟΣΕΛΙΔΑΣ ΜΕ ΤΗ ΧΡΗΣΗ ΠΡΟΤΥΠΟΥ ΙΣΤΟΣΕΛΙΔΑΣ (TEMPLATE) ΣΤΟ ΠΡΟΓΡΑΜΜΑ MICROSOFT OFFICE SHAREPOINT DESIGNER 2007 Ο σχεδιασμός ιστοσελίδας με τη χρήση του προγράμματος Microsoft Office SharePoint
Διαβάστε περισσότεραΟδηγίες Εικόνα 1 Εικόνα 2
Οδηγίες Σκοπός αυτού του εγγράφου είναι να σας καθοδηγήσει στην δημιουργία νέων λημμάτων στο Wiki των Ελληνικών Υπηρεσιών Πληροφόρησης που θέλουμε να δημιουργήσουμε. Τα λήμματα που θα δημιουργήσουν όλες
Διαβάστε περισσότεραΗ επιλογή γλώσσας (π.χ. ελληνικά) διεπαφής του συστήματος, βρίσκεται στο υποσέλιδο του ιστότοπου
Wordpress.com Περιεχόμενα Wordpress... 1 Ρύθμιση γλώσσας... 1 Δημιουργία λογαριασμού και σύνδεση... 2 Δημιουργία νέου ιστότοπου... 2 Πλατφόρμα διαχείρισης... 5 Αναγνώστης... 5 Πλατφόρμα ιστοτόπου... 5
Διαβάστε περισσότεραΑλλαγή της εμφάνισης κειμένου: μέγεθος γραμματοσειράς, είδος γραμματοσειράς
3.3.1.1 Αλλαγή της εμφάνισης κειμένου: μέγεθος γραμματοσειράς, είδος γραμματοσειράς Γραμματοσειρές Η λέξη γραμματοσειρά αναφέρεται στο στυλ που εμφανίζονται τα γράμματα. Παρακάτω ακολουθούν κάποια παραδείγματα,
Διαβάστε περισσότεραΕφαρμοσμένη Πληροφορική ΙΙ (Ε) To Ολοκληρωμένο Περιβάλλον Ανάπτυξης (Integrated Development Environment-IDE) Netbeans 8
Εφαρμοσμένη Πληροφορική ΙΙ (Ε) To Ολοκληρωμένο Περιβάλλον Ανάπτυξης (Integrated Development Environment-IDE) Netbeans 8 Περιεχόμενα Κατέβασμα και εγκατάσταση Netbeans 8 Δημιουργία project εφαρμογής HTML(5)/CSS/Javascript
Διαβάστε περισσότεραΣυνοπτικό εγχειρίδιο χρήσης του Microsoft Visual Studio 2010
Τμήμα Πληροφορικής & Τηλ/νιών Τομέας Προγ/σμού & Τεχνολογίας Λογισμικού Συνοπτικό εγχειρίδιο χρήσης του Microsoft Visual Studio 2010 Δρ. Νικόλαος Θ. Λιόλιος Καθηγητής Φεβρουάριος 2012 1. Εισαγωγή Το Visual
Διαβάστε περισσότεραΟδηγίες Χρήσης της MySQL
ΠΑΝΕΠΙΣΤΗΜΙΟ ΠΕΙΡΑΙΩΣ ΤΜΗΜΑ ΠΛΗΡΟΦΟΡΙΚΗΣ ΣΗΜΕΙΩΣΕΙΣ ΣΕ ΒΑΣΕΙΣ ΔΕΔΟΜΕΝΩΝ Οδηγίες Χρήσης της MySQL Διδάσκων: Γιάννης Θεοδωρίδης Συντάκτης Κειμένου: Βαγγέλης Κατσικάρος Απρίλιος 2007 1 Περιεχόμενα Εισαγωγή...2
Διαβάστε περισσότεραΠΕΡΙΓΡΑΦΗ KAI ΣΥΝΤΟΜΟΣ ΟΔΗΓΟΣ ΤΟΥ ΛΟΓΙΣΜΙΚΟΥ HOT POTATOES
Ο οδηγός για το πρόγραμμα Hot Potatoes έχει παρθεί από την ιστοσελίδα http://users.thess.sch.gr/salnk/didaskalia/hotpotatoes.htm. Τα παραδείγματα με τη χρήση του προγράμματος έχουν αναπτυχθεί από το Σύμβουλο
Διαβάστε περισσότεραHyper Text Markup Language (HTML) που σημαίνει γλώσσα σήμανσης υπερκειμένου.
Hyper Text Markup Language (HTML) που σημαίνει γλώσσα σήμανσης υπερκειμένου. 1 η ΑΣΚΗΣΗ Οι HTML σελίδες είναι απλές σελίδες κειμένου και μπορούν να δημιουργηθούν από οποιοδήποτε πρόγραμμα επεξεργασίας
Διαβάστε περισσότεραΟΔΗΓΙΕΣ ΚΕΙΜΕΝΟΓΡΑΦΟΥ 2007
1. ΓΡΑΜΜΗ ΜΕΝΟΥ ΟΔΗΓΙΕΣ ΚΕΙΜΕΝΟΓΡΑΦΟΥ 2007 2. ΓΡΑΜΜΗ ΕΡΓΑΛΕΙΩΝ Κάθε μενού έχει τις δικές της δυνατότητες, όπως για παράδειγμα μόλις πατήσετε το κουμπί κεντρική βγαίνουν τα εικονίδια των δυνατοτήτων που
Διαβάστε περισσότεραΟδηγός χρήσης Joomla 3.0
Οδηγός χρήσης Joomla 3.0 Περιεχόμενα 1. Γενικές λειτουργίες άρθρων 2. Δημιουργία νέου/επεξεργασία άρθρου 3. Δημιουργία κουμπιού 2013 1. Γενικές λειτουργίες άρθρων Συνδεόμαστε στο περιβάλλον διαχείρισης
Διαβάστε περισσότεραDREAMWEAVER MX. 7. Με ποιον τρόπο μορφοποιούμε κάποιους χαρακτήρες της σελίδας μας; Στο παράθυρο Properties υπάρχει η πιο κάτω γραμμή εργαλείων:
1 Πώς δημιουργούμε ένα νέο Site; Πατάμε Site/ Manage Sites και μετά στο παράθυρο που εμφανίζεται πατάμε το κουμπάκι New και επιλέγουμε Site Στη συνέχεια θα πρέπει να δώσουμε: Α το όνομα που θέλουμε να
Διαβάστε περισσότεραMicrosoft Excel Κεφάλαιο 1. Εισαγωγή. Βιβλίο εργασίας
Περιεχόμενα Κεφάλαιο 1 Microsoft Excel 2010... 7 Κεφάλαιο 2 Η δομή ενός φύλλου εργασίας... 19 Κεφάλαιο 3 ημιουργία νέου βιβλίου εργασίας και καταχώριση δεδομένων... 24 Κεφάλαιο 4 Συμβουλές για την καταχώριση
Διαβάστε περισσότεραΣΧΕΔΙΑΣΜΟΣ ΙΣΤΟΣΕΛΙΔΑΣ ΜΕ ΤΗ ΧΡΗΣΗ "ΠΡΟΤΥΠΟΥ ΙΣΤΟΣΕΛΙΔΑΣ" (TEMPLATE) ΣΤΟ ΠΡΟΓΡΑΜΜΑ MICROSOFT OFFICE SHAREPOINT DESIGNER 2007
ΣΧΕΔΙΑΣΜΟΣ ΙΣΤΟΣΕΛΙΔΑΣ ΜΕ ΤΗ ΧΡΗΣΗ "ΠΡΟΤΥΠΟΥ ΙΣΤΟΣΕΛΙΔΑΣ" (TEMPLATE) ΣΤΟ ΠΡΟΓΡΑΜΜΑ MICROSOFT OFFICE SHAREPOINT DESIGNER 2007 Ο σχεδιασμός ιστοσελίδας με τη χρήση του προγράμματος Microsoft Office SharePoint
Διαβάστε περισσότεραΠληροφορική Τμήμα Σχεδιασμού & Τεχνολογίας Ξύλου & Επίπλου Αντώνιος Καραγεώργος Ευανθία Τσιλιχρήστου. Μάθημα 5 ο Τεχνολογίες Διαδικτύου: HTML I
Πληροφορική Τμήμα Σχεδιασμού & Τεχνολογίας Ξύλου & Επίπλου Αντώνιος Καραγεώργος Ευανθία Τσιλιχρήστου Μάθημα 5 ο Τεχνολογίες Διαδικτύου: HTML I Διαδικτυακή Εφαρμογή (1/2) Ως διαδικτυακή εφαρμογή μπορούμε
Διαβάστε περισσότεραInteractive Power Point
Interactive Power Point Οι περισσότεροι χρήστες γνωρίζουν τη χρήση του Microsoft Power Point για τη δημιουργία παρουσιάσεων. Αυτό όμως που λίγοι γνωρίζουν, είναι ότι το πρόγραμμα αυτό, έχει δυνατότητες
Διαβάστε περισσότερα[συνέχεια του εγγράφου Word 2]
[συνέχεια του εγγράφου Word 2] Συνεχίζουμε την πρακτική μας άσκηση πάνω στο έγγραφο που δημιουργήσαμε την προηγούμενη εβδομάδα και το οποίο αποθηκεύσαμε στον φάκελο με το όνομά μας, με το όνομα: Word 2x.
Διαβάστε περισσότεραΔΗΜΙΟΥΡΓΙΑ ΣΧΗΜΑΤΩΝ. 1) Προβολή Γραμμές εργαλείων Σχεδίαση. ΜΑΘΗΜΑ 5 ο : ΣΧΗΜΑΤΑ-ΕΙΚΟΝΕΣ-ΕΞΙΣΩΣΕΙΣ 1
ΣΧΗΜΑΤΑ-ΕΙΚΟΝΕΣ-ΕΞΙΣΩΣΕΙΣ ΔΗΜΙΟΥΡΓΙΑ ΣΧΗΜΑΤΩΝ Για τη δημιουργία σχημάτων στο WORD χρησιμοποιείται η γραμμή εργαλείων της σχεδίασης. Τα βήματα που μπορεί να ακολουθήσετε για να εμφανίσετε τη γραμμή εργαλείων
Διαβάστε περισσότεραΟδηγίες για τη Χρήση του Google Drive
Οδηγίες για τη Χρήση του Google Drive Χαρπαντίδου Ζαχαρούλα Επιμορφώτρια Β επιπέδου ΠΕ 19-20 Υπεύθυνη ΚΕ.ΠΛΗ.ΝΕ.Τ. Δράμας 2013 Περιεχόμενα Δημιουργία λογαριασμού στο Google Drive. 3 Διαχείριση του GoogleDrive..
Διαβάστε περισσότεραΧρήση html editor. Περιεχόμενα. 1. Εισαγωγή/διαμόρφωση κειμένου.
Περιεχόμενα Χρήση html editor Χρήση html editor...1 1. Εισαγωγή/διαμόρφωση κειμένου...1 2. Προσθήκη υπερσυνδέσμου στο κείμενο...2 3. Εισαγωγή/διαμόρφωση εικόνας...3 4. Προσθήκη υπερσυνδέσμου σε εικόνα....7
Διαβάστε περισσότεραΕΙΣΑΓΩΓΗ ΣΤΟ MICROSOFT POWERPOINT
ΕΙΣΑΓΩΓΗ ΣΤΟ MICROSOFT POWERPOINT 1 Εισαγωγή Το PowerPoint είναι µια ισχυρή εφαρµογή για τη δηµιουργία παρουσιάσεων και µπορεί να χρησιµεύσει στη δηµιουργία διαφανειών, καθώς και συνοδευτικών σηµειώσεων
Διαβάστε περισσότεραΟδηγός γρήγορης εκκίνησης
Οδηγός γρήγορης εκκίνησης Το Microsoft Word 2013 έχει διαφορετική εμφάνιση από προηγούμενες εκδόσεις. Γι αυτό το λόγο, δημιουργήσαμε αυτόν τον οδηγό για να ελαχιστοποιήσουμε την καμπύλη εκμάθησης. Γραμμή
Διαβάστε περισσότεραΕπεξεργαστής Κειμένου: (Microsoft Word)
Επεξεργαστής Κειμένου: (Microsoft Word) Στο περιβάλλον εργασίας του επεξεργαστή κειμένου Microsoft Word εκτελούμε τις παρακάτω λειτουργίες: 1) Δημιουργία Νέου Εγγράφου: Η Δημιουργία ενός Νέου Εγγράφου
Διαβάστε περισσότεραΕΡΓΑΣΤΗΡΙΟ FRONT PAGE 2
ΕΡΓΑΣΤΗΡΙΟ FRONT PAGE 2 Μάθαµε στο προηγούµενο µάθηµα πώς να δίνουµε ονόµατα στις ιστοσελίδες µας, να βάζουµε χρώµα και γραφικά, ή ακόµα να δηµιουργούµε υπερσυνδέσµους σε κείµενο και εικόνες. Σήµερα µεταξύ
Διαβάστε περισσότεραΔημιουργία. Ιστολογίου (blog) 7/5/2015. Χρυσάνθη Γιομέλου ΚΔΒΜ ΝΙΚΑΙΑΣ
Δημιουργία 7/5/2015 Ιστολογίου (blog) www.blogger.com Χρυσάνθη Γιομέλου ΚΔΒΜ ΝΙΚΑΙΑΣ ΠΕΡΙΕΧΟΜΕΝΑ TI EINAI TO ΙΣΤΟΛΟΓΙΟ... 2 ΓΙΑΤΙ ΙΣΤΟΛΟΓΙΟ;... 2 ΠΛΕΟΝΕΚΤΗΜΑΤΑ ΤΗΣ ΧΡΗΣΗΣ ΙΣΤΟΛΟΓΙΟΥ... 2 ΔΗΜΙΟΥΡΓΙΑ ΛΟΓΑΡΙΑΣΜΟΥ
Διαβάστε περισσότεραA3.3 Γραφικά Περιβάλλοντα Επικοινωνίας και Διαχείριση Παραθύρων
A3.3 Γραφικά Περιβάλλοντα Επικοινωνίας και Διαχείριση Παραθύρων Τι θα μάθουμε σήμερα: Να αναφέρουμε τα κύρια χαρακτηριστικά ενός Γραφικού Περιβάλλοντος Επικοινωνίας Να εξηγούμε τη χρήση των κουμπιών του
Διαβάστε περισσότεραΕγκατάσταση Joomla 1. Στο Π.Σ.Δ. (www.sch.gr) 2. Τοπικά 3. Σε δωρεάν Server
Γεώργιος Χρ. Μακρής Εγκατάσταση Joomla 1. Στο Π.Σ.Δ. (www.sch.gr) 2. Τοπικά 3. Σε δωρεάν Server 2012 Γ ε ώ ρ γ ι ο ς Χ ρ. Μ α κ ρ ή ς ( h t t p : / / u s e r s. s c h. g r / g m a k r i s ) Περιεχόμενα
Διαβάστε περισσότεραΠλοήγηση www / Με τον Internet Explorer
Πλοήγηση www / Με τον Internet Explorer Περιεχόμενα 1.Eισαγωγή 2.Το περιβάλλον του Internet Explorer 3.Οδηγίες πλοήγησης 4.Αποθήκευση αρχείων 5.Αγαπημένα 6.Ασφαλής σύνδεση 7.Διακομιστής μεσολάβησης 1.Εισαγωγή
Διαβάστε περισσότεραΔημιουργία μιας εφαρμογής Java με το NetBeans
Δημιουργία μιας εφαρμογής Java με το NetBeans Για να δημιουργήσετε μια εφαρμογή Java πρέπει να ακολουθήσετε τα εξής βήματα : Αρχικά πρέπει να δημιουργηθεί ένα project το οποίο θα περιέχει όλα τα αρχεία
Διαβάστε περισσότεραΚ.Α.ΕΛ.Ε. Σημειώσεις επάνω στοn επεξεργαστή κειμένου Microsoft Word. Εισηγητής: Χαριτωνίδης Γεώργιος. Βόλος, Νοέμβριος 2008
Κ.Α.ΕΛ.Ε. Σημειώσεις επάνω στοn επεξεργαστή κειμένου Microsoft Word Βόλος, Νοέμβριος 2008 To Microsoft Word (έκδοση 2003) είναι ένας εξελιγμένος επεξεργαστής κειμένου, με τον οποίο μπορούμε να δημιουργήσουμε
Διαβάστε περισσότεραwikispaces Επεξεργασία και συγγραφή Πατρώνας Γεώργιος
Wikispaces Επεξεργασία και συγγραφή Πατρώνας Γεώργιος Η επίσημη ηλεκτρονική διεύθυνση του wikispaces είναι: http://www.wikispaces.com/ Το εργαλείο wikispaces είναι ένας ιστότοπος που αποτελείται από ένα
Διαβάστε περισσότεραΕργαστήριο Εφαρμοσμένης Πληροφορικής
Τμήμα Φυσικής - Αριστοτέλειο Πανεπιστήμιο Θεσσαλονίκης Εργαστήριο Εφαρμοσμένης Πληροφορικής Ομάδα Α. Προετοιμασία Αναφοράς Εργασία-2: Σύνθεση αναφοράς Σύνθεση Αναφοράς http://eep.physics.auth.gr Τι περιέχει
Διαβάστε περισσότεραΔΙΑΔΙΚΑΣΙA ΜΕΤΑΦΟΡΑΣ ΥΛΙΚΟΥ ΜΑΘΗΜΑΤΟΣ ΑΠΟ BLACKBOARD VISTA ΣΕ MOODLE
ΔΙΑΔΙΚΑΣΙA ΜΕΤΑΦΟΡΑΣ ΥΛΙΚΟΥ ΜΑΘΗΜΑΤΟΣ ΑΠΟ BLACKBOARD VISTA ΣΕ MOODLE Η διαδικασία μεταφοράς του υλικού ενός μαθήματος από την πλατφόρμα Blackboard Vista στην πλατφόρμα Moodle σε βήματα είναι η ακόλουθη:
Διαβάστε περισσότεραΕΡΩΤΗΣΕΙΣ στην επεξεργασία κειμένου (Word)
1. Πώς δημιουργούμε ένα νέο έγγραφο; 2. Πώς αποθηκεύουμε ένα έγγραφο στη δισκέτα μας; 3. Μπορείτε να περιγράψετε τη βασική οθόνη του Word;. 4. Τι ακριβώς κάνει το εργαλείο ζουμ; 5. Ποιους κανόνες ακολουθεί
Διαβάστε περισσότεραSITEBUILDER ΠΛΑΤΦΟΡΜΑ ΑΥΤΟΝΟΜΗΣ ΚΑΤΑΣΚΕΥΗΣ & ΔΙΑΧΕΙΡΙΣΗΣ ΔΙΚΤΥΑΚΩΝ ΤΟΠΩΝ (WEBSITE) ΕΓΧΕΙΡΙΔΙΟ ΧΡΗΣΗΣ. Version 2.0
SITEBUILDER ΠΛΑΤΦΟΡΜΑ ΑΥΤΟΝΟΜΗΣ ΚΑΤΑΣΚΕΥΗΣ & ΔΙΑΧΕΙΡΙΣΗΣ ΔΙΚΤΥΑΚΩΝ ΤΟΠΩΝ (WEBSITE) ΕΓΧΕΙΡΙΔΙΟ ΧΡΗΣΗΣ Version 2.0 Περιεχόμενα 1. Οδηγίες πρόσβασης... 3 2. Οδηγίες Σχεδιασμού Website... 4 2.1. Έναρξη...
Διαβάστε περισσότεραΓεωργάκης Αριστείδης ΠΕ20
1 Εκκίνηση για πρώτη φορά Όπως συμβαίνει και με τις υπόλοιπες εφαρμογές του OpenOffice, έτσι και το Impress μπορούμε να το εκκινήσουμε μέσω της συντόμευσης που εγκαθίσταται αυτόματα στην επιφάνεια εργασίας
Διαβάστε περισσότεραΣημειώσεις στο PowerPoint
Σημειώσεις στο PowerPoint Τι είναι το PowerPoint; Το PowerPoint 2010 είναι μια οπτική και γραφική εφαρμογή που χρησιμοποιείται κυρίως για τη δημιουργία παρουσιάσεων. Με το PowerPoint, μπορείτε να δημιουργήσετε
Διαβάστε περισσότεραΑθήνα, Απρίλιος 2018 ΕΛΛΗΝΙΚΗ ΔΗΜΟΚΡΑΤΙΑ ΥΠΟΥΡΓΕΙΟ ΟΙΚΟΝΟΜΙΚΩΝ
ΕΛΛΗΝΙΚΗ ΔΗΜΟΚΡΑΤΙΑ ΥΠΟΥΡΓΕΙΟ ΟΙΚΟΝΟΜΙΚΩΝ Αθήνα, Απρίλιος 2018 ΓΕΝΙΚΗ ΓΡΑΜΜΑΤΕΙΑ ΔΗΜΟΣΙΑΣ ΠΕΡΙΟΥΣΙΑΣ ΓΕΝΙΚΗ ΔΙΕΥΘΥΝΣΗ ΔΗΜΟΣΙΑΣ ΠΕΡΙΟΥΣΙΑΣ ΚΑΙ ΚΟΙΝΩΦΕΛΩΝ ΠΕΡΙΟΥΣΙΩΝ Διεύθυνση Τεχνικών Υπηρεσιών Τμήμα Α
Διαβάστε περισσότεραWORDPRESS. Εικόνα 1. Πατώντας στη «Σύνδεση» γράψτε το Username (όνομα χρήστη) και το Password (συνθηματικό) (εικόνα 2) που σας έδωσε ο διαχειριστής
WORDPRESS Το παρόν εγχειρίδιο είναι μία προσπάθεια για τους συναδέλφους εκπαιδευτικούς αλλά και μαθητές για την δημοσίευση άρθρων. Για παραλήψεις, λάθη ή κάτι το δυσνόητο παρακαλώ ενημερώστε με ώστε να
Διαβάστε περισσότεραMicrosoft PowerPoint 2007
Information Technology Services and Solutions Σύμβουλοι Μηχανογράφησης και Εκπαίδευσης Στεφ. Σκουλούδη 27, Καλλίπολη, Πειραιάς 210 45 38 177 http://www.itss.gr/ Microsoft PowerPoint 2007 Κωνσταντίνος Κωβαίος
Διαβάστε περισσότεραΟΔΗΓΟΣ ΣΥΜΠΛΗΡΩΣΗΣ / ΑΝΑΝΕΩΣΗΣ ΙΣΤΟΣΕΛΙΔΑΣ ΠΡΟΣΩΠΙΚΟΥ ΠΡΟΦΙΛ. (Για χρήση από το προσωπικό του Πανεπιστήμιο Κύπρου)
ΟΔΗΓΟΣ ΣΥΜΠΛΗΡΩΣΗΣ / ΑΝΑΝΕΩΣΗΣ ΙΣΤΟΣΕΛΙΔΑΣ ΠΡΟΣΩΠΙΚΟΥ ΠΡΟΦΙΛ (Για χρήση από το προσωπικό του Πανεπιστήμιο Κύπρου) Περιεχόμενα Είσοδος στο Σύστημα... 2 Προσθήκη/αλλαγή φωτογραφίας... 3 Ενημέρωση των στοιχείων
Διαβάστε περισσότεραΕΓΧΕΙΡΙΔΙΟ ΜΑΘΗΤΗ. της Πλατφόρμας Τηλεκατάρτισης
ΕΓΧΕΙΡΙΔΙΟ ΜΑΘΗΤΗ της Πλατφόρμας Τηλεκατάρτισης ΠΕΡΙΕΧΟΜΕΝΑ 1. Εισαγωγή...2 2. Αρχική σελίδα, Εισαγωγή & Περιβάλλον Συστήματος...3 2.1. Αρχική σελίδα εισαγωγής...3 2.2. Εισαγωγή στην Πλατφόρμα Τηλε-κατάρτισης...4
Διαβάστε περισσότερα7.Α.1 Παρουσιάσεις. 7.Α.2 Περιγραφή περιεχομένων της εφαρμογής
Μάθημα 7ο Πολυμέσα 7.Α.1 Παρουσιάσεις Οι παρουσιάσεις είναι μια εφαρμογή που χρησιμεύει στην παρουσίαση των εργασιών μας. Αποτελούν μια συνοπτική μορφή των εργασιών μας. Μέσω δημιουργίας διαφανειών, μορφοποιήσεων
Διαβάστε περισσότεραΧρήσιμες οδηγίες για την πορεία δημιουργίας ιστοσελίδων
Χρήσιμες οδηγίες για την πορεία δημιουργίας ιστοσελίδων Η δημιουργία ιστοσελίδων και η φιλοξενία τους στο διαδίκτυο αποτελεί σήμερα ένα άμεσο και εύκολο τρόπο επικοινωνίας, ενημέρωσης, προβολής και προώθησης
Διαβάστε περισσότεραΣχεδιαζόμενη Απόδειξη Πληρωμής
Σχεδιαζόμενη Απόδειξη Πληρωμής Το συγκεκριμένο εγχειρίδιο δημιουργήθηκε για να βοηθήσει την κατανόηση της Διαδικασίας Σχεδιαζόμενης Απόδειξης Πληρωμής. Παρακάτω προτείνεται μια αλληλουχία ενεργειών την
Διαβάστε περισσότεραΛογισμικό κατασκευής εννοιολογικών χαρτών. Α. Αθανασόπουλος
Λογισμικό κατασκευής εννοιολογικών χαρτών Πολλά κεράσια Οι αίθουσες σεμιναρίων έχουν γεμίσει με παρουσιάσεις για τις δυνατότητες και τα πλεονεκτήματα των λογισμικών εννοιολογικών χαρτών Εισηγήσεις για
Διαβάστε περισσότεραΔημιουργία η-μαθήματος με τη. 3 ο Μέρος Εισαγωγή πληροφοριών: δημιουργία ιστοσελίδας
Δημιουργία η-μαθήματος με τη χρήση του Moodle 3 ο Μέρος Εισαγωγή πληροφοριών: δημιουργία ιστοσελίδας Δημιουργία η-μαθήματος με τη χρήση του Moodle 3 ο Μέρος Εισαγωγή πληροφοριών: δημιουργία ιστοσελίδας
Διαβάστε περισσότερανα ακολουθήσουμε Έναρξη Όλα τα Προγράμματα και να ενεργοποιήσουμε την επιλογή Microsoft Word.
ΕΠΕΞΕΡΓΑΣΙΑ ΚΕΙΜΕΝΟΥ ΜΕ ΤΟ WORD Περιεχόμενα Εκκίνηση του Microsoft Word... 3 Το παράθυρο του Word... 3 Η Κορδέλα με τις καρτέλες... 4 Κεντρική... 4 Εισαγωγή... 4 Διάταξη Σελίδας... 5 Αναφορές... 5 Στοιχεία
Διαβάστε περισσότερα