Σχεδιασμός και ανάπτυξη ενός Web Site. Αθ. Ανδρούτσος

Save this PDF as:
 WORD  PNG  TXT  JPG

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

Download "Σχεδιασμός και ανάπτυξη ενός Web Site. Αθ. Ανδρούτσος"

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.

Σχεδόν όλες οι ιστοσελίδες βασίζονται σε μεγάλο βαθμό σε πίνακες. Για να εισάγουμε έναν πίνακα επιλέγουμε από το μενού Insert->Table. DreamWeaver - Άσκηση 4η Πίνακες Παρακάτω θα δούμε πως μπορούμε να δημιουργούμε και να επεξεργαζόμαστε πίνακες, μια πολύ βασική δομή. Θα δούμε πως γίνεται εισαγωγή πίνακα, ένωση κελιών του πίνακα, προσθήκη

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

Εισαγωγή στη δημιουργία wikis για την Εκπαίδευση. Αθ. Ανδρούτσος

Εισαγωγή στη δημιουργία wikis για την Εκπαίδευση. Αθ. Ανδρούτσος Εισαγωγή στη δημιουργία wikis για την Εκπαίδευση Αθ. Ανδρούτσος 1. Wikis Ένα Wiki είναι μία Web Σελίδα που δίνει τη δυνατότητα συνεργασίας μεταξύ των μελών μιας ομάδας. Παράδειγμα αποτελεί η σελίδα Wikipedia.com

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

Σε αυτό το μάθημα θα ασχοληθούμε με τη βελτίωση της εμφάνισης ενός ιστοτόπου, αλλά και τον εύκολο χειρισμό όλων των αλλαγών τις οποίες επιθυμούμε να

Σε αυτό το μάθημα θα ασχοληθούμε με τη βελτίωση της εμφάνισης ενός ιστοτόπου, αλλά και τον εύκολο χειρισμό όλων των αλλαγών τις οποίες επιθυμούμε να Σε αυτό το μάθημα θα ασχοληθούμε με τη βελτίωση της εμφάνισης ενός ιστοτόπου, αλλά και τον εύκολο χειρισμό όλων των αλλαγών τις οποίες επιθυμούμε να κάνουμε μέσω ενός εξωτερικού αρχείου.το αρχείο αυτό

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

ΤΕΙ ΚΑΒΑΛΑΣ. Πτυχιακή εργασία ΕΙΣΑΓΩΓΗ. Μιλτιάδης Κακλαμάνης

ΤΕΙ ΚΑΒΑΛΑΣ. Πτυχιακή εργασία ΕΙΣΑΓΩΓΗ. Μιλτιάδης Κακλαμάνης Σελίδα 1από ΤΕΙ ΚΑΒΑΛΑΣ Πτυχιακή εργασία Δικτυακή Εφαρμογή διαχείρισης ηλεκτρονικών εγγράφων υπηρεσίας. ΕΙΣΑΓΩΓΗ Μιλτιάδης Κακλαμάνης Σελίδα 2από Κατάλογος περιεχομένων ΕΙΣΑΓΩΓΗ...1 Σχετιζόμενα πρόσωπα...3

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

Οδηγίες για προσθήκη 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 δεν περιλαμβάνουν στο μενού τη δυνατότητα δημιουργίας πολλαπλών

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

ΔΗ Μ Ι Ο ΥΡ Γ Ι Α 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 / ΔΗ Μ Ι Ο ΥΡ Γ Ι Α W I K I με τ η χρήση τ η ς υπ ηρεσίας h t t p : /www.wik id ot.com / 1. Τι είναι το wikidot Το wikidot είναι ένας δικτυακός τόπος στον οποίο κάθε χρήστης έχει το δικαίωμα να δημιουργήσει

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

XAMPP Apache MySQL PHP javascript xampp

XAMPP Apache MySQL PHP javascript xampp XAMPP Το xampp είναι ένα δωρεάν πρόγραμμα με το οποίο μπορούμε να κάνουμε εγκατάσταση τον Apache, τη MySQL και την PHP. Apache. Ο Apache είναι ένας Web Server. Είναι δηλαδή πρόγραμμα το οποίο τρέχει μόνιμα

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

Εργαστήριο του Μαθήματος: ΕΠΛ001

Εργαστήριο του Μαθήματος: ΕΠΛ001 www.epl001lab.weebly.com Εργαστήριο του Μαθήματος: ΕΠΛ001 Ενότητα 3 Εισαγωγή στο Microsoft Word Πως αρχίζουμε το Microsoft Word Για να αρχίσουμε το Word, πρέπει να κάνουμε double click στο εικονίδιο του

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

Κεφάλαιο 11: Εισαγωγή στην HTML. Εφαρμογές Πληροφορικής Κεφ. 11 Καραμαούνας Πολύκαρπος

Κεφάλαιο 11: Εισαγωγή στην HTML. Εφαρμογές Πληροφορικής Κεφ. 11 Καραμαούνας Πολύκαρπος Κεφάλαιο 11: Εισαγωγή στην HTML 1 11.1 Γενική εισαγωγή στην HTML Τι είναι η HTML HyperText Markup Language - Γλώσσα Χαρακτηρισμού Υπερ-Κειμένου είναι η βασική γλώσσα με την οποία πραγματοποιείται η δόμηση

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

ΕΠΕΞΕΡΓΑΣΙΑ ΚΕΙΜΕΝΟΥ. Κειμενογράφος WORD

ΕΠΕΞΕΡΓΑΣΙΑ ΚΕΙΜΕΝΟΥ. Κειμενογράφος WORD ΕΠΕΞΕΡΓΑΣΙΑ ΚΕΙΜΕΝΟΥ Κειμενογράφος WORD ΣΚΟΠΟΣ Η ανάπτυξη δεξιοτήτων επεξεργασίας κειμένου ΠΡΟΤΑΣΕΙΣ ΚΑΙ ΡΥΘΜΙΣΕΙΣ Άνω περιθώριο (top margin) : 2.49cm Κάτω περιθώριο (bottom margin) :5.99cm Αριστερό περιθώριο

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

Μενού Προβολή. Προβολές εγγράφου

Μενού Προβολή. Προβολές εγγράφου Μενού Προβολή Προβολές εγγράφου Το Word παρέχει πέντε διαφορετικού είδους προβολές στον χρήστη, οι οποίες και βρίσκονται στο μενού Προβολή (View). Εναλλακτικά μπορούμε να επιλέξουμε το είδος προβολής που

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

5 ο ΚΕΦΑΛΑΙΟ: ΠΡΑΚΤΙΚΟ ΚΟΜΜΑΤΙ

5 ο ΚΕΦΑΛΑΙΟ: ΠΡΑΚΤΙΚΟ ΚΟΜΜΑΤΙ 5 ο ΚΕΦΑΛΑΙΟ: ΠΡΑΚΤΙΚΟ ΚΟΜΜΑΤΙ 5.1 Εισαγωγή Το πρακτικό κομμάτι της πτυχιακής μας εργασίας αφορά την δημιουργία μιας λειτουργικής ιστοσελίδας με την χρήση της πλατφόρμας του Weebly, που αποτελεί μια σύγχρονη

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

ΕΡΩΤΗΣΕΙΣ WORD 2007. 2. Πώς αλλάζουμε το διάστιχο μίας παραγράφου; [Πηγαίνουμε στην παράγραφο και στην κεντρική καρτέλα πατάμε το εικονίδιο Διάστιχο]

ΕΡΩΤΗΣΕΙΣ WORD 2007. 2. Πώς αλλάζουμε το διάστιχο μίας παραγράφου; [Πηγαίνουμε στην παράγραφο και στην κεντρική καρτέλα πατάμε το εικονίδιο Διάστιχο] ΕΡΩΤΗΣΕΙΣ WORD 2007 1. Πώς βάζουμε διπλή υπογράμμιση και χρώμα υπογράμμισης; [Επιλέγουμε το κείμενο και στην κεντρική καρτέλα πατάμε στο βελάκι δίπλα στο εικονίδιο της υπογράμμισης] 2. Πώς αλλάζουμε το

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

Άσκηση 8 - Δημιουργία ιστοσελίδας μουσείο και προβολή εκθεμάτων.

Άσκηση 8 - Δημιουργία ιστοσελίδας μουσείο και προβολή εκθεμάτων. Άσκηση 8 - Δημιουργία ιστοσελίδας μουσείο και προβολή εκθεμάτων. Στην παρούσα άσκηση πρόκειται να δημιουργήσετε έναν ιστότοπο, ο οποίος θα αποτελείται από πολλές ιστοσελίδες που θα προβάλουν τα εκθέματα

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

Ref.: SLWS 1 5Copyright 2005 The European Computer Driving Licence Foundation Ltd Σελίδα 1 από 7

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 απαιτεί από τον Υποψήφιο να κατανοεί τις κύριες έννοιες της σχεδίασης και δημοσίευσης δικτυακών

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

Μπορείτε τα δείτε βιντεάκι με τη διαδικασία εδώ: http://www.greektuts.net/greek-in-joomla/

Μπορείτε τα δείτε βιντεάκι με τη διαδικασία εδώ: http://www.greektuts.net/greek-in-joomla/ 1) Εμφάνιση ιστοσελίδας Ανοίγουμε το πρόγραμμα πλοήγησης (Firefox, Chrome, Internet Explorer κτλ) και στη γραμμή διευθύνσεων πληκτρολογούμε τη διεύθυνση http://localhost ή http://127.0.0.1. Αν δεν βλέπουμε

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

Σημειώσεις για τις Ιστοσελίδες του Google

Σημειώσεις για τις Ιστοσελίδες του Google Σημειώσεις για τις Ιστοσελίδες του Google 1 Βήμα 1 ο Μπαίνουμε στην σελίδα της Google για τις ιστοσελίδες (http://sites.google.com). 2 Εναλλακτικά, μπαίνουμε στο http://www.google.com, επιλέγουμε περισσότερα

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

ΔΕ10: Πληροφοριακά Συστήματα Διοίκησης IΙ Εργαστήριο # 2

ΔΕ10: Πληροφοριακά Συστήματα Διοίκησης IΙ Εργαστήριο # 2 ΔΕ10: Πληροφοριακά Συστήματα Διοίκησης IΙ Εργαστήριο # 2 Dreamweaver 1/7 Εισαγωγή Το Dreamweaver είναι ένας HTML editor που αναπτύχθηκε από την Macromedia. Είναι WYSIWYG (What You See Is What You Get),

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

ΕΣΔ 232: ΟΡΓΑΝΩΣΗ ΔΕΔΟΜΕΝΩΝ ΣΤΗ ΚΟΙΝΩΝΙΑ ΤΗΣ ΠΛΗΡΟΦΟΡΙΑΣ. Ακαδημαϊκό Έτος , Εαρινό Εξάμηνο. Εργαστηριακή Άσκηση 1 17/01/2012

ΕΣΔ 232: ΟΡΓΑΝΩΣΗ ΔΕΔΟΜΕΝΩΝ ΣΤΗ ΚΟΙΝΩΝΙΑ ΤΗΣ ΠΛΗΡΟΦΟΡΙΑΣ. Ακαδημαϊκό Έτος , Εαρινό Εξάμηνο. Εργαστηριακή Άσκηση 1 17/01/2012 ΤΕΧΝΟΛΟΓΙΚΟ ΠΑΝΕΠΙΣΤΗΜΙΟ ΚΥΠΡΟΥ, ΤΜΗΜΑ ΕΠΙΚΟΙΝΩΝΙΑΣ & ΣΠΟΥΔΩΝ ΔΙΑΔΙΚΤΥΟΥ ΕΣΔ 232: ΟΡΓΑΝΩΣΗ ΔΕΔΟΜΕΝΩΝ ΣΤΗ ΚΟΙΝΩΝΙΑ ΤΗΣ ΠΛΗΡΟΦΟΡΙΑΣ Ακαδημαϊκό Έτος 2011 2012, Εαρινό Εξάμηνο Εργαστηριακή Άσκηση 1 17/01/2012

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

Βάσεις δεδομένων (Access)

Βάσεις δεδομένων (Access) Βάσεις δεδομένων (Access) Όταν εκκινούμε την Access εμφανίζεται το παρακάτω παράθυρο: Για να φτιάξουμε μια νέα ΒΔ κάνουμε κλικ στην επιλογή «Κενή βάση δεδομένων» στο Παράθυρο Εργασιών. Θα εμφανιστεί το

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

DREAMWEAVER MX. 7. Με ποιον τρόπο μορφοποιούμε κάποιους χαρακτήρες της σελίδας μας; Στο παράθυρο Properties υπάρχει η πιο κάτω γραμμή εργαλείων:

DREAMWEAVER MX. 7. Με ποιον τρόπο μορφοποιούμε κάποιους χαρακτήρες της σελίδας μας; Στο παράθυρο Properties υπάρχει η πιο κάτω γραμμή εργαλείων: 1 Πώς δημιουργούμε ένα νέο Site; Πατάμε Site/ Manage Sites και μετά στο παράθυρο που εμφανίζεται πατάμε το κουμπάκι New και επιλέγουμε Site Στη συνέχεια θα πρέπει να δώσουμε: Α το όνομα που θέλουμε να

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

TEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο)

TEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο) TEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο) Διδάσκων: Ανδρέας Γιαννακουλόπουλος Επιστημονικός συνεργάτης Εργαστηρίου: Στέλλα Λάμπουρα Εαρινό εξάμηνο Χρηματοδότηση Το παρόν εκπαιδευτικό υλικό έχει αναπτυχθεί

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

Εργασία-3: Παρουσίαση Εργασίας. Ομάδα Α. Προετοιμασία Αναφοράς

Εργασία-3: Παρουσίαση Εργασίας. Ομάδα Α. Προετοιμασία Αναφοράς Εργασία-3: Παρουσίαση Εργασίας Ομάδα Α. Προετοιμασία Αναφοράς Αρκετοί πιστεύουν πως η επιτυχία μιας παρουσίασης είναι δεδομένη εάν ο παρουσιαστής κατέχει το θέμα που πρόκειται να παρουσιάσει και είναι

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

Οδηγίες Εικόνα 1 Εικόνα 2

Οδηγίες Εικόνα 1 Εικόνα 2 Οδηγίες Σκοπός αυτού του εγγράφου είναι να σας καθοδηγήσει στην δημιουργία νέων λημμάτων στο Wiki των Ελληνικών Υπηρεσιών Πληροφόρησης που θέλουμε να δημιουργήσουμε. Τα λήμματα που θα δημιουργήσουν όλες

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

Εργαστηριακή Άσκηση 4 Μορφοποίηση Κειμένου μέσω του

Εργαστηριακή Άσκηση 4 Μορφοποίηση Κειμένου μέσω του Μορφοποίηση χαρακτήρων Όταν ανοίγουμε το Word η γραμματοσειρά που υπάρχει είναι προκαθορισμένη. Το πλαίσιο διαλόγου Γραμματοσειρά μας επιτρέπει να κάνουμε περισσότερες μορφοποιήσεις. Επιλέγουμε Μορφή Απόσταση

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

Joomla! with K2 - User Guide

Joomla! with K2 - User Guide Joomla! with K2 - User Guide τελευταία ανανέωση: 27/03/2014 από την ICAP WEB Solutions 1 Η κατασκευή της δυναμικής σας ιστοσελίδας έχει ολοκληρωθεί και μπορείτε πλέον να προχωρήσετε σε αλλαγές ή προσθήκες

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

ΤΟ MICROSOFT WORD XP. Ας ξεκινήσουμε λοιπόν!

ΤΟ MICROSOFT WORD XP. Ας ξεκινήσουμε λοιπόν! XP ΚΑΡΤΕΛΑ ΕΡΓΑΣΙΑΣ 1 Το Microsoft Word είναι ένα πρόγραμμα στον υπολογιστή που σας βοηθά να γράφετε όμορφα κείμενα στα οποία μπορείτε να προσθέσετε εικόνες, γραφικά ακόμα και ήχους. Aφού γράψετε ένα κείμενο,

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

Οδηγίες Χρήσης της MySQL

Οδηγίες Χρήσης της MySQL ΠΑΝΕΠΙΣΤΗΜΙΟ ΠΕΙΡΑΙΩΣ ΤΜΗΜΑ ΠΛΗΡΟΦΟΡΙΚΗΣ ΣΗΜΕΙΩΣΕΙΣ ΣΕ ΒΑΣΕΙΣ ΔΕΔΟΜΕΝΩΝ Οδηγίες Χρήσης της MySQL Διδάσκων: Γιάννης Θεοδωρίδης Συντάκτης Κειμένου: Βαγγέλης Κατσικάρος Νοέμβριος 2007 1 Περιεχόμενα Εισαγωγή...2

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

Σημειώσεις για το εργαστηριακό μάθημα «Εκπαιδευτική Τεχνολογία Πολυμέσα»

Σημειώσεις για το εργαστηριακό μάθημα «Εκπαιδευτική Τεχνολογία Πολυμέσα» ΑΝΩΤΑΤΗ ΣΧΟΛΗ ΠΑΙΔΑΓΩΓΙΚΗΣ ΚΑΙ ΤΕΧΝΟΛΟΓΙΚΗΣ ΕΚΠΑΙΔΕΥΣΗΣ ΓΕΝΙΚΟ ΤΜΗΜΑ ΠΑΙΔΑΓΩΓΙΚΩΝ ΜΑΘΗΜΑΤΩΝ Δημιουργία web site με το Σημειώσεις για το εργαστηριακό μάθημα «Εκπαιδευτική Τεχνολογία Πολυμέσα» Μαρία Μουντρίδου

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

Συνοπτικό εγχειρίδιο χρήσης του Microsoft Visual Studio 2010

Συνοπτικό εγχειρίδιο χρήσης του Microsoft Visual Studio 2010 Τμήμα Πληροφορικής & Επικοινωνιών Τομέας Υπολογιστικών Τεχνικών & Συστημάτων Συνοπτικό εγχειρίδιο χρήσης του Microsoft Visual Studio 2010 Ιωάννης Γεωργουδάκης - Πάρις Μαστοροκώστας Σεπτέμβριος 2011 ΠΕΡΙΕΧΟΜΕΝΑ

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

Επεξεργαστής Κειμένου: (Microsoft Word)

Επεξεργαστής Κειμένου: (Microsoft Word) Επεξεργαστής Κειμένου: (Microsoft Word) Στο περιβάλλον εργασίας του επεξεργαστή κειμένου Microsoft Word εκτελούμε τις παρακάτω λειτουργίες: 1) Δημιουργία Νέου Εγγράφου: Η Δημιουργία ενός Νέου Εγγράφου

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

Interactive Power Point

Interactive Power Point Interactive Power Point Οι περισσότεροι χρήστες γνωρίζουν τη χρήση του Microsoft Power Point για τη δημιουργία παρουσιάσεων. Αυτό όμως που λίγοι γνωρίζουν, είναι ότι το πρόγραμμα αυτό, έχει δυνατότητες

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

1.Puzzle. ΕΠΙΜΕΛΕΙΑ: ΓΕΩΡΓΙΑ ΚΛΩΣΤΡΑΚΗ Σελίδα 1

1.Puzzle. ΕΠΙΜΕΛΕΙΑ: ΓΕΩΡΓΙΑ ΚΛΩΣΤΡΑΚΗ Σελίδα 1 1.Puzzle Μόλις ανοίξω το πρόγραμμα επιλέγω την εντολή Browse. Στη συνέχεια αναζητώ την εικόνα που έχω αποθηκεύσει σε ένα φάκελο (στην επιφάνεια εργασίας ή στα έγγραφά μου ή στο σκληρό μου δίσκο). Αφού

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

Εφαρμοσμένη Πληροφορική ΙΙ (Ε) To Ολοκληρωμένο Περιβάλλον Ανάπτυξης (Integrated Development Environment-IDE) Netbeans 8

Εφαρμοσμένη Πληροφορική ΙΙ (Ε) 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 Τμήμα Πληροφορικής & Τηλ/νιών Τομέας Προγ/σμού & Τεχνολογίας Λογισμικού Συνοπτικό εγχειρίδιο χρήσης του Microsoft Visual Studio 2010 Δρ. Νικόλαος Θ. Λιόλιος Καθηγητής Φεβρουάριος 2012 1. Εισαγωγή Το Visual

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

Hyper Text Markup Language (HTML) που σημαίνει γλώσσα σήμανσης υπερκειμένου.

Hyper Text Markup Language (HTML) που σημαίνει γλώσσα σήμανσης υπερκειμένου. Hyper Text Markup Language (HTML) που σημαίνει γλώσσα σήμανσης υπερκειμένου. 1 η ΑΣΚΗΣΗ Οι HTML σελίδες είναι απλές σελίδες κειμένου και μπορούν να δημιουργηθούν από οποιοδήποτε πρόγραμμα επεξεργασίας

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

Οδηγός χρήσης Joomla 3.0

Οδηγός χρήσης Joomla 3.0 Οδηγός χρήσης Joomla 3.0 Περιεχόμενα 1. Γενικές λειτουργίες άρθρων 2. Δημιουργία νέου/επεξεργασία άρθρου 3. Δημιουργία κουμπιού 2013 1. Γενικές λειτουργίες άρθρων Συνδεόμαστε στο περιβάλλον διαχείρισης

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

wikispaces Επεξεργασία και συγγραφή Πατρώνας Γεώργιος

wikispaces Επεξεργασία και συγγραφή Πατρώνας Γεώργιος Wikispaces Επεξεργασία και συγγραφή Πατρώνας Γεώργιος Η επίσημη ηλεκτρονική διεύθυνση του wikispaces είναι: http://www.wikispaces.com/ Το εργαλείο wikispaces είναι ένας ιστότοπος που αποτελείται από ένα

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

Χρήση html editor. Περιεχόμενα. 1. Εισαγωγή/διαμόρφωση κειμένου.

Χρήση html editor. Περιεχόμενα. 1. Εισαγωγή/διαμόρφωση κειμένου. Περιεχόμενα Χρήση html editor Χρήση html editor...1 1. Εισαγωγή/διαμόρφωση κειμένου...1 2. Προσθήκη υπερσυνδέσμου στο κείμενο...2 3. Εισαγωγή/διαμόρφωση εικόνας...3 4. Προσθήκη υπερσυνδέσμου σε εικόνα....7

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

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

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

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

ΕΡΓΑΣΤΗΡΙΟ FRONT PAGE 2

ΕΡΓΑΣΤΗΡΙΟ FRONT PAGE 2 ΕΡΓΑΣΤΗΡΙΟ FRONT PAGE 2 Μάθαµε στο προηγούµενο µάθηµα πώς να δίνουµε ονόµατα στις ιστοσελίδες µας, να βάζουµε χρώµα και γραφικά, ή ακόµα να δηµιουργούµε υπερσυνδέσµους σε κείµενο και εικόνες. Σήµερα µεταξύ

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

ΠΕΡΙΓΡΑΦΗ KAI ΣΥΝΤΟΜΟΣ ΟΔΗΓΟΣ ΤΟΥ ΛΟΓΙΣΜΙΚΟΥ HOT POTATOES

ΠΕΡΙΓΡΑΦΗ KAI ΣΥΝΤΟΜΟΣ ΟΔΗΓΟΣ ΤΟΥ ΛΟΓΙΣΜΙΚΟΥ HOT POTATOES Ο οδηγός για το πρόγραμμα Hot Potatoes έχει παρθεί από την ιστοσελίδα http://users.thess.sch.gr/salnk/didaskalia/hotpotatoes.htm. Τα παραδείγματα με τη χρήση του προγράμματος έχουν αναπτυχθεί από το Σύμβουλο

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

Εγκατάσταση Joomla 1. Στο Π.Σ.Δ. (www.sch.gr) 2. Τοπικά 3. Σε δωρεάν Server

Εγκατάσταση 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 ) Περιεχόμενα

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

Αλλαγή της εμφάνισης κειμένου: μέγεθος γραμματοσειράς, είδος γραμματοσειράς

Αλλαγή της εμφάνισης κειμένου: μέγεθος γραμματοσειράς, είδος γραμματοσειράς 3.3.1.1 Αλλαγή της εμφάνισης κειμένου: μέγεθος γραμματοσειράς, είδος γραμματοσειράς Γραμματοσειρές Η λέξη γραμματοσειρά αναφέρεται στο στυλ που εμφανίζονται τα γράμματα. Παρακάτω ακολουθούν κάποια παραδείγματα,

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

ΔΗΜΙΟΥΡΓΙΑ ΣΧΗΜΑΤΩΝ. 1) Προβολή Γραμμές εργαλείων Σχεδίαση. ΜΑΘΗΜΑ 5 ο : ΣΧΗΜΑΤΑ-ΕΙΚΟΝΕΣ-ΕΞΙΣΩΣΕΙΣ 1

ΔΗΜΙΟΥΡΓΙΑ ΣΧΗΜΑΤΩΝ. 1) Προβολή Γραμμές εργαλείων Σχεδίαση. ΜΑΘΗΜΑ 5 ο : ΣΧΗΜΑΤΑ-ΕΙΚΟΝΕΣ-ΕΞΙΣΩΣΕΙΣ 1 ΣΧΗΜΑΤΑ-ΕΙΚΟΝΕΣ-ΕΞΙΣΩΣΕΙΣ ΔΗΜΙΟΥΡΓΙΑ ΣΧΗΜΑΤΩΝ Για τη δημιουργία σχημάτων στο WORD χρησιμοποιείται η γραμμή εργαλείων της σχεδίασης. Τα βήματα που μπορεί να ακολουθήσετε για να εμφανίσετε τη γραμμή εργαλείων

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

Δημιουργία μιας εφαρμογής Java με το NetBeans

Δημιουργία μιας εφαρμογής Java με το NetBeans Δημιουργία μιας εφαρμογής Java με το NetBeans Για να δημιουργήσετε μια εφαρμογή Java πρέπει να ακολουθήσετε τα εξής βήματα : Αρχικά πρέπει να δημιουργηθεί ένα project το οποίο θα περιέχει όλα τα αρχεία

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

ΕΙΣΑΓΩΓΗ ΣΤΟ MICROSOFT POWERPOINT

ΕΙΣΑΓΩΓΗ ΣΤΟ MICROSOFT POWERPOINT ΕΙΣΑΓΩΓΗ ΣΤΟ MICROSOFT POWERPOINT 1 Εισαγωγή Το PowerPoint είναι µια ισχυρή εφαρµογή για τη δηµιουργία παρουσιάσεων και µπορεί να χρησιµεύσει στη δηµιουργία διαφανειών, καθώς και συνοδευτικών σηµειώσεων

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

ΕΠΕΞΕΡΓΑΣΙΑ ΒΙΝΤΕΟ ΜΕ ΤΟ ΠΡΟΓΡΑΜΜΑ VSDC FREE VIDEO EDITOR

ΕΠΕΞΕΡΓΑΣΙΑ ΒΙΝΤΕΟ ΜΕ ΤΟ ΠΡΟΓΡΑΜΜΑ VSDC FREE VIDEO EDITOR ΕΠΕΞΕΡΓΑΣΙΑ ΒΙΝΤΕΟ ΜΕ ΤΟ ΠΡΟΓΡΑΜΜΑ VSDC FREE VIDEO EDITOR ΠΕΡΙΕΧΟΜΕΝΑ Σελίδα Πως ανοίγουμε αρχείο βίντεο ή εικόνα για επεξεργασία 1 Εφαρμογή εφφέ σε βίντεο ή σε εικόνα 2 Πως κόβεται ένα κομμάτι του βίντεο

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

ΟΔΗΓΙΕΣ ΚΕΙΜΕΝΟΓΡΑΦΟΥ 2007

ΟΔΗΓΙΕΣ ΚΕΙΜΕΝΟΓΡΑΦΟΥ 2007 1. ΓΡΑΜΜΗ ΜΕΝΟΥ ΟΔΗΓΙΕΣ ΚΕΙΜΕΝΟΓΡΑΦΟΥ 2007 2. ΓΡΑΜΜΗ ΕΡΓΑΛΕΙΩΝ Κάθε μενού έχει τις δικές της δυνατότητες, όπως για παράδειγμα μόλις πατήσετε το κουμπί κεντρική βγαίνουν τα εικονίδια των δυνατοτήτων που

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

ΔΙΑΔΙΚΑΣΙA ΜΕΤΑΦΟΡΑΣ ΥΛΙΚΟΥ ΜΑΘΗΜΑΤΟΣ ΑΠΟ BLACKBOARD VISTA ΣΕ MOODLE

ΔΙΑΔΙΚΑΣΙA ΜΕΤΑΦΟΡΑΣ ΥΛΙΚΟΥ ΜΑΘΗΜΑΤΟΣ ΑΠΟ BLACKBOARD VISTA ΣΕ MOODLE ΔΙΑΔΙΚΑΣΙA ΜΕΤΑΦΟΡΑΣ ΥΛΙΚΟΥ ΜΑΘΗΜΑΤΟΣ ΑΠΟ BLACKBOARD VISTA ΣΕ MOODLE Η διαδικασία μεταφοράς του υλικού ενός μαθήματος από την πλατφόρμα Blackboard Vista στην πλατφόρμα Moodle σε βήματα είναι η ακόλουθη:

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

ΣΧΕΔΙΑΣΜΟΣ ΙΣΤΟΣΕΛΙΔΑΣ ΜΕ ΤΗ ΧΡΗΣΗ ΠΡΟΤΥΠΟΥ ΙΣΤΟΣΕΛΙΔΑΣ (TEMPLATE) ΣΤΟ ΠΡΟΓΡΑΜΜΑ MICROSOFT OFFICE SHAREPOINT DESIGNER 2007

ΣΧΕΔΙΑΣΜΟΣ ΙΣΤΟΣΕΛΙΔΑΣ ΜΕ ΤΗ ΧΡΗΣΗ ΠΡΟΤΥΠΟΥ ΙΣΤΟΣΕΛΙΔΑΣ (TEMPLATE) ΣΤΟ ΠΡΟΓΡΑΜΜΑ MICROSOFT OFFICE SHAREPOINT DESIGNER 2007 ΣΧΕΔΙΑΣΜΟΣ ΙΣΤΟΣΕΛΙΔΑΣ ΜΕ ΤΗ ΧΡΗΣΗ ΠΡΟΤΥΠΟΥ ΙΣΤΟΣΕΛΙΔΑΣ (TEMPLATE) ΣΤΟ ΠΡΟΓΡΑΜΜΑ MICROSOFT OFFICE SHAREPOINT DESIGNER 2007 Ο σχεδιασμός ιστοσελίδας με τη χρήση του προγράμματος Microsoft Office SharePoint

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

Σπουδές CAD, Πληροφορικής, Οικονομίας, Διοίκησης και D.T.P. με Σύστημα διδασκαλίας facetoface

Σπουδές CAD, Πληροφορικής, Οικονομίας, Διοίκησης και D.T.P. με Σύστημα διδασκαλίας facetoface Copyright 2012-2015 -SYSTEM- All rights reserved 2/180 ΠΕΡΙΕΧΟΜΕΝΑ Μάθημα 1: Εισαγωγή στο Dreamwever Μάθημα 2: Γραμμές εργαλείων document Μάθημα 3: Προετοιμασία τοποθεσίας ιστού Μάθημα 4: Ορισμός τοπικής

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

Κ.Α.ΕΛ.Ε. Σημειώσεις επάνω στοn επεξεργαστή κειμένου Microsoft Word. Εισηγητής: Χαριτωνίδης Γεώργιος. Βόλος, Νοέμβριος 2008

Κ.Α.ΕΛ.Ε. Σημειώσεις επάνω στοn επεξεργαστή κειμένου Microsoft Word. Εισηγητής: Χαριτωνίδης Γεώργιος. Βόλος, Νοέμβριος 2008 Κ.Α.ΕΛ.Ε. Σημειώσεις επάνω στοn επεξεργαστή κειμένου Microsoft Word Βόλος, Νοέμβριος 2008 To Microsoft Word (έκδοση 2003) είναι ένας εξελιγμένος επεξεργαστής κειμένου, με τον οποίο μπορούμε να δημιουργήσουμε

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

SITEBUILDER ΠΛΑΤΦΟΡΜΑ ΑΥΤΟΝΟΜΗΣ ΚΑΤΑΣΚΕΥΗΣ & ΔΙΑΧΕΙΡΙΣΗΣ ΔΙΚΤΥΑΚΩΝ ΤΟΠΩΝ (WEBSITE) ΕΓΧΕΙΡΙΔΙΟ ΧΡΗΣΗΣ. Version 2.0

SITEBUILDER ΠΛΑΤΦΟΡΜΑ ΑΥΤΟΝΟΜΗΣ ΚΑΤΑΣΚΕΥΗΣ & ΔΙΑΧΕΙΡΙΣΗΣ ΔΙΚΤΥΑΚΩΝ ΤΟΠΩΝ (WEBSITE) ΕΓΧΕΙΡΙΔΙΟ ΧΡΗΣΗΣ. Version 2.0 SITEBUILDER ΠΛΑΤΦΟΡΜΑ ΑΥΤΟΝΟΜΗΣ ΚΑΤΑΣΚΕΥΗΣ & ΔΙΑΧΕΙΡΙΣΗΣ ΔΙΚΤΥΑΚΩΝ ΤΟΠΩΝ (WEBSITE) ΕΓΧΕΙΡΙΔΙΟ ΧΡΗΣΗΣ Version 2.0 Περιεχόμενα 1. Οδηγίες πρόσβασης... 3 2. Οδηγίες Σχεδιασμού Website... 4 2.1. Έναρξη...

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

ΠΕΡΙΕΧΟΜΕΝΑ. Κεφάλαιο 3: Προσθήκη πλαισίων...65 Τρόπος λειτουργίας των πλαισίων Δημιουργία πλαισιοσυνόλου Χρήση του πάνελ Frames...

ΠΕΡΙΕΧΟΜΕΝΑ. Κεφάλαιο 3: Προσθήκη πλαισίων...65 Τρόπος λειτουργίας των πλαισίων Δημιουργία πλαισιοσυνόλου Χρήση του πάνελ Frames... ΠΕΡΙΕΧΟΜΕΝΑ Εισαγωγή...11 Κεφάλαιο 1: Προσθήκη πινάκων...15 Δημιουργία διάταξης χωρίς πίνακες... 16 Δημιουργία πίνακα... 18 Επιλογή στοιχείων πίνακα... 23 Χρήση κατάστασης Διευρυμένων πινάκων για επιλογή...

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

Οδηγίες για τη Χρήση του Google Drive

Οδηγίες για τη Χρήση του Google Drive Οδηγίες για τη Χρήση του Google Drive Χαρπαντίδου Ζαχαρούλα Επιμορφώτρια Β επιπέδου ΠΕ 19-20 Υπεύθυνη ΚΕ.ΠΛΗ.ΝΕ.Τ. Δράμας 2013 Περιεχόμενα Δημιουργία λογαριασμού στο Google Drive. 3 Διαχείριση του GoogleDrive..

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

Οδηγός γρήγορης εκκίνησης

Οδηγός γρήγορης εκκίνησης Οδηγός γρήγορης εκκίνησης Το Microsoft Word 2013 έχει διαφορετική εμφάνιση από προηγούμενες εκδόσεις. Γι αυτό το λόγο, δημιουργήσαμε αυτόν τον οδηγό για να ελαχιστοποιήσουμε την καμπύλη εκμάθησης. Γραμμή

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

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

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

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

1. Κλικ στην καρτέλα Insert 2. Tables 3. Κλικ Table 4. Σύρουμε το δείκτη του ποντικιού και επιλέγουμε τον επιθυμητό αριθμό γραμμών και στηλών

1. Κλικ στην καρτέλα Insert 2. Tables 3. Κλικ Table 4. Σύρουμε το δείκτη του ποντικιού και επιλέγουμε τον επιθυμητό αριθμό γραμμών και στηλών ΜΑΘΗΜΑ 4 ΣΤΟΧΟΙ: 1. Προσθήκη Πίνακα (Table) 2. Εισαγωγή Και Μετακίνηση Κειμένου Σε Πίνακα 3. Εισαγωγή Στηλών Και Γραμμών Σε Πίνακα 4. Διαγραφή Στηλών Και Γραμμών Σε Πίνακα 5. Αλλαγή Πλάτους Στηλών Και

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

Πρόγραμμα Ενδοσχολικής Επιμόρφωσης

Πρόγραμμα Ενδοσχολικής Επιμόρφωσης Πρόγραμμα Ενδοσχολικής Επιμόρφωσης 17 ου Δημοτικού Σχολείου Ρόδου Διαχείριση και Ενημέρωση Σχολικού Ιστότοπου Α Κύκλος Φθινόπωρο 2011 2 Οδηγός για την εισαγωγή άρθρων και πληροφοριών στον ιστότοπο του

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

WORDPRESS. Εικόνα 1. Πατώντας στη «Σύνδεση» γράψτε το Username (όνομα χρήστη) και το Password (συνθηματικό) (εικόνα 2) που σας έδωσε ο διαχειριστής

WORDPRESS. Εικόνα 1. Πατώντας στη «Σύνδεση» γράψτε το Username (όνομα χρήστη) και το Password (συνθηματικό) (εικόνα 2) που σας έδωσε ο διαχειριστής WORDPRESS Το παρόν εγχειρίδιο είναι μία προσπάθεια για τους συναδέλφους εκπαιδευτικούς αλλά και μαθητές για την δημοσίευση άρθρων. Για παραλήψεις, λάθη ή κάτι το δυσνόητο παρακαλώ ενημερώστε με ώστε να

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

Special edition of the Technical Chamber of Greece on Video Conference Services on the Internet, MICROSOFT CHAT v2.0

Special edition of the Technical Chamber of Greece on Video Conference Services on the Internet, MICROSOFT CHAT v2.0 MICROSOFT CHAT v2.0 A.S. DRIGAS Applied Technologies Department NCSR DEMOKRITOS Ag. Paraskevi GREECE dr@imm.demokritos.gr http://imm.demokritos.gr Το Microsoft Chat είναι το µόνο πρόγραµµα επικοινωνίας

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

ΔΗΜΙΟΥΡΓΙΑ ΜΟΝΤΕΛΟΥ (1 ος ΤΡΟΠΟΣ)

ΔΗΜΙΟΥΡΓΙΑ ΜΟΝΤΕΛΟΥ (1 ος ΤΡΟΠΟΣ) ΔΗΜΙΟΥΡΓΙΑ ΜΟΝΤΕΛΟΥ (1 ος ΤΡΟΠΟΣ) 1. Θα πρέπει να έχουμε το πορτάκι σε ηλεκτρονική μορφή. Γι αυτόν το λόγο, σκανάρουμε το πορτάκι απο κάποιο έντυπο ή το φωτογραφίζουμε με ψηφιακή μηχανή ή μπορούμε να βρούμε

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

Εισαγωγή στην Επιστήμη της Πληροφορικής Εργαστήριο. Microsoft Word Μέρος 3

Εισαγωγή στην Επιστήμη της Πληροφορικής Εργαστήριο. Microsoft Word Μέρος 3 Πανεπιστήμιο Κύπρου Τμήμα Πληροφορικής Εισαγωγή στην Επιστήμη της Πληροφορικής Εργαστήριο ΕΠΛ001 Εισαγωγή στην Επιστήμη της Πληροφορικής Εργαστήριο Microsoft Word Μέρος 3 Παναγιώτης Χατζηχριστοδούλου ΕΠΛ001

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

1 ο ΓΥΜΝΑΣΙΟ ΘΕΡΜΗΣ ΜΟΡΦΟΠΟΙΗΣΕΙΣ ΜΟΡΦΟΠΟΙΗΣΕΙΣ ΧΑΡΑΚΤΗΡΩΝ. Μάθημα: Πληροφορική Α' Γυμν. Ενότητα: Επεξεργασία κειμένου

1 ο ΓΥΜΝΑΣΙΟ ΘΕΡΜΗΣ ΜΟΡΦΟΠΟΙΗΣΕΙΣ ΜΟΡΦΟΠΟΙΗΣΕΙΣ ΧΑΡΑΚΤΗΡΩΝ. Μάθημα: Πληροφορική Α' Γυμν. Ενότητα: Επεξεργασία κειμένου 1 ο ΓΥΜΝΑΣΙΟ ΘΕΡΜΗΣ Μάθημα: Πληροφορική Α' Γυμν. Ενότητα: Επεξεργασία κειμένου ΜΟΡΦΟΠΟΙΗΣΕΙΣ Τα κυριότερα είδη μορφοποιήσεων είναι: Μορφοποιήσεις Χαρακτήρων Μορφοποιήσεις Παραγράφων Οι Μορφοποιήσεις Χαρακτήρων

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

ΟΔΗΓΟΣ ΣΥΜΠΛΗΡΩΣΗΣ / ΑΝΑΝΕΩΣΗΣ ΙΣΤΟΣΕΛΙΔΑΣ ΠΡΟΣΩΠΙΚΟΥ ΠΡΟΦΙΛ. (Για χρήση από το προσωπικό του Πανεπιστήμιο Κύπρου)

ΟΔΗΓΟΣ ΣΥΜΠΛΗΡΩΣΗΣ / ΑΝΑΝΕΩΣΗΣ ΙΣΤΟΣΕΛΙΔΑΣ ΠΡΟΣΩΠΙΚΟΥ ΠΡΟΦΙΛ. (Για χρήση από το προσωπικό του Πανεπιστήμιο Κύπρου) ΟΔΗΓΟΣ ΣΥΜΠΛΗΡΩΣΗΣ / ΑΝΑΝΕΩΣΗΣ ΙΣΤΟΣΕΛΙΔΑΣ ΠΡΟΣΩΠΙΚΟΥ ΠΡΟΦΙΛ (Για χρήση από το προσωπικό του Πανεπιστήμιο Κύπρου) Περιεχόμενα Είσοδος στο Σύστημα... 2 Προσθήκη/αλλαγή φωτογραφίας... 3 Ενημέρωση των στοιχείων

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

Δημιουργία η-μαθήματος με τη. 3 ο Μέρος Εισαγωγή πληροφοριών: δημιουργία ιστοσελίδας

Δημιουργία η-μαθήματος με τη. 3 ο Μέρος Εισαγωγή πληροφοριών: δημιουργία ιστοσελίδας Δημιουργία η-μαθήματος με τη χρήση του Moodle 3 ο Μέρος Εισαγωγή πληροφοριών: δημιουργία ιστοσελίδας Δημιουργία η-μαθήματος με τη χρήση του Moodle 3 ο Μέρος Εισαγωγή πληροφοριών: δημιουργία ιστοσελίδας

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

Microsoft PowerPoint 2007

Microsoft PowerPoint 2007 Information Technology Services and Solutions Σύμβουλοι Μηχανογράφησης και Εκπαίδευσης Στεφ. Σκουλούδη 27, Καλλίπολη, Πειραιάς 210 45 38 177 http://www.itss.gr/ Microsoft PowerPoint 2007 Κωνσταντίνος Κωβαίος

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

Θέματα 2,3 ης εβδομάδας. Αρχιγράμματα Σύμβολα Κεφαλίδες & Υποσέλιδα Λίστες Περιγράμματα & Σκίαση Ορθογραφικός έλεγχος

Θέματα 2,3 ης εβδομάδας. Αρχιγράμματα Σύμβολα Κεφαλίδες & Υποσέλιδα Λίστες Περιγράμματα & Σκίαση Ορθογραφικός έλεγχος ΠΛΗΡΟΦΟΡΙΚΗ Ι Θέματα 2,3 ης εβδομάδας Αρχιγράμματα Σύμβολα Κεφαλίδες & Υποσέλιδα Λίστες Περιγράμματα & Σκίαση Ορθογραφικός έλεγχος Αρχιγράμματα (1/2) Μπορούμε να βάλουμε αρχιγράμματα στην αρχή παραγράφων

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

Σχεδιαζόμενη Απόδειξη Πληρωμής

Σχεδιαζόμενη Απόδειξη Πληρωμής Σχεδιαζόμενη Απόδειξη Πληρωμής Το συγκεκριμένο εγχειρίδιο δημιουργήθηκε για να βοηθήσει την κατανόηση της Διαδικασίας Σχεδιαζόμενης Απόδειξης Πληρωμής. Παρακάτω προτείνεται μια αλληλουχία ενεργειών την

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

Θέματα 1,2 ης εβδομάδας

Θέματα 1,2 ης εβδομάδας ΠΛΗΡΟΦΟΡΙΚΗ Ι Θέματα 1,2 ης εβδομάδας Περιβάλλον εργασίας Word, Μορφοποίηση Γραμματοσειράς, Μορφοποίηση Παραγράφου Εξάσκηση σε βασικά κείμενα Τι είναι το MS-WORD Είναι ένα πρόγραμμα επεξεργασίας κειμένου,

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

Σπουδές CAD, Πληροφορικής, Οικονομίας, Διοίκησης και D.T.P. με Σύστημα διδασκαλίας facetoface

Σπουδές CAD, Πληροφορικής, Οικονομίας, Διοίκησης και D.T.P. με Σύστημα διδασκαλίας facetoface Copyright 2009-2012 -SYSTEM- All rights reserved 2/159 ΠΕΡΙΕΧΟΜΕΝΑ Μάθημα 1: New - Save Μάθημα 2: Εισαγωγή στη CSS Μάθημα 3: Τρόπος Σύνταξης Μάθημα 4: Σχόλια Μάθημα 5: ID Μάθημα 6: Class Μάθημα 7: Background

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

Επεξεργασία πολλαπλών φύλλων εργασίας - Γραφημάτων Excel

Επεξεργασία πολλαπλών φύλλων εργασίας - Γραφημάτων Excel Επεξεργασία πολλαπλών φύλλων εργασίας - Γραφημάτων Excel 11.1. Πολλαπλά φύλλα εργασίας Στο προηγούμενο κεφάλαιο δημιουργήσαμε ένα φύλλο εργασίας με τον προϋπολογισμό δαπανών του προσωπικού που θα συμμετάσχει

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

Εργαστήριο Εφαρμοσμένης Πληροφορικής

Εργαστήριο Εφαρμοσμένης Πληροφορικής Τμήμα Φυσικής - Αριστοτέλειο Πανεπιστήμιο Θεσσαλονίκης Εργαστήριο Εφαρμοσμένης Πληροφορικής Ομάδα Α. Προετοιμασία Αναφοράς Εργασία-2: Σύνθεση αναφοράς Σύνθεση Αναφοράς http://eep.physics.auth.gr Τι περιέχει

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

Χρήσιμες οδηγίες για την πορεία δημιουργίας ιστοσελίδων

Χρήσιμες οδηγίες για την πορεία δημιουργίας ιστοσελίδων Χρήσιμες οδηγίες για την πορεία δημιουργίας ιστοσελίδων Η δημιουργία ιστοσελίδων και η φιλοξενία τους στο διαδίκτυο αποτελεί σήμερα ένα άμεσο και εύκολο τρόπο επικοινωνίας, ενημέρωσης, προβολής και προώθησης

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

Κατασκευή Ιστολόγιου

Κατασκευή Ιστολόγιου Κατασκευή Ιστολόγιου Τι είναι το ιστολόγιο Τα blog είναι ιστοχώροι ή ιστοσελίδες που ανανεώνονται τακτικά συνήθως σε καθημερινή βάση. Περιέχουν πληροφορίες σχετικές με ένα θέμα και συνήθως χρησιμοποιούνται

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

( Απάντηση: Ο τόνος βρίσκεται δεξιά από το γράμμα Λ. ) ( Απάντηση: Κρατάμε πατημένο το πλήκτρο Shift και πατάμε το πλήκτρο 8. )

( Απάντηση: Ο τόνος βρίσκεται δεξιά από το γράμμα Λ. ) ( Απάντηση: Κρατάμε πατημένο το πλήκτρο Shift και πατάμε το πλήκτρο 8. ) 1 Επεξεργασία Κειμένου OpenOffice writer Απόσπασμα Μάθημα: Γλώσσα, Τάξη: Δ Ενότητα 2: «Ρώτα το νερό τι τρέχει» Θυμόμαστε: Ποιο πλήκτρο είναι ο τόνος; ( Απάντηση: Ο τόνος βρίσκεται δεξιά από το γράμμα Λ.

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

Γαβαλάς αµιανός

Γαβαλάς αµιανός Πανεπιστήµιο Αιγαίου Σχολή Κοινωνικών Επιστηµών Τµήµα Πολιτισµικής Τεχνολογίας Και Επικοινωνίας ικτυακά Πολυµέσα Ι (Β Έτος, 3ο εξ) Εργαστήριο #1ο: Εισαγωγή στην HTML Γαβαλάς αµιανός dgavalas@aegean.gr

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

POWERPOINT 2003. Είναι το δημοφιλέστερο πρόγραμμα παρουσιάσεων.

POWERPOINT 2003. Είναι το δημοφιλέστερο πρόγραμμα παρουσιάσεων. POWERPOINT 2003 1. Τι είναι το PowerPoint (ppt)? Είναι το δημοφιλέστερο πρόγραμμα παρουσιάσεων. 2. Τι δυνατότητες έχει? Δημιουργία παρουσίασης. Μορφοποίηση παρουσίασης. Δημιουργία γραφικών. Δημιουργία

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

Βάσεις δεδομένων (Access)

Βάσεις δεδομένων (Access) Βάσεις δεδομένων (Access) Όταν εκκινούμε την Access εμφανίζεται το παρακάτω παράθυρο: Κουμπί Κενή βάση δεδομένων Κουμπί του Office Για να φτιάξουμε μια νέα ΒΔ κάνουμε κλικ στο κουμπί «Κενή βάση δεδομένων»

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

ΕΓΧΕΙΡΙΔΙΟ ΜΑΘΗΤΗ. της Πλατφόρμας Τηλεκατάρτισης

ΕΓΧΕΙΡΙΔΙΟ ΜΑΘΗΤΗ. της Πλατφόρμας Τηλεκατάρτισης ΕΓΧΕΙΡΙΔΙΟ ΜΑΘΗΤΗ της Πλατφόρμας Τηλεκατάρτισης ΠΕΡΙΕΧΟΜΕΝΑ 1. Εισαγωγή...2 2. Αρχική σελίδα, Εισαγωγή & Περιβάλλον Συστήματος...3 2.1. Αρχική σελίδα εισαγωγής...3 2.2. Εισαγωγή στην Πλατφόρμα Τηλε-κατάρτισης...4

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

Βασίλειος Κοντογιάννης ΠΕ19

Βασίλειος Κοντογιάννης ΠΕ19 Ενότητα3 Επικοινωνία και Διαδίκτυο 11.1 Γενική Εισαγωγή στην HTML Τι είναι η HTML (HyperText Markup Language); Είναι μια γλώσσα σήμανσης (Markup) με την οποία πραγματοποιείται η δόμηση σελίδων του Παγκόσμιου

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

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

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

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

Διαχείριση Γνώσης Ροές Διαδικασιών

Διαχείριση Γνώσης Ροές Διαδικασιών Στα πλαίσια του εργαστηρίου αυτού θα αποτυπωθεί μια επιχειρηματική διαδικασία χρησιμοποιώντας τεχνολογίες οντολογιών (για τον ορισμό των επιχειρηματικών κανόνων) και δικτύων γνώσης (για την απεικόνιση

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

ΣΧΗΜΑΤΑ-ΕΙΚΟΝΕΣ-ΕΞΙΣΩΣΕΙΣ

ΣΧΗΜΑΤΑ-ΕΙΚΟΝΕΣ-ΕΞΙΣΩΣΕΙΣ ΤΕΙ Ηρακλείου Τμήμα Λογιστικής Πληροφορική I 5 η Εργαστηριακή άσκηση (WORD) ΣΧΗΜΑΤΑ-ΕΙΚΟΝΕΣ-ΕΞΙΣΩΣΕΙΣ ΜΑΘΗΜΑ 5 ο : ΣΧΗΜΑΤΑ-ΕΙΚΟΝΕΣ-ΕΞΙΣΩΣΕΙΣ 1 ΔΗΜΙΟΥΡΓΙΑ ΣΧΗΜΑΤΩΝ Για τη δημιουργία σχημάτων στο WORD χρησιμοποιείται

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

Άνοιγμα (και κλείσιμο) της εφαρμογής Εγγράφου Κειμένου

Άνοιγμα (και κλείσιμο) της εφαρμογής Εγγράφου Κειμένου 3.1.1.1 Άνοιγμα (και κλείσιμο) της εφαρμογής Εγγράφου Κειμένου Ως επί το πλείστον δεν υπάρχουν διαφορές στη χρήση του Εγγράφου Κειμένου στα λειτουργικά Windows ή Linux. Η σημαντικότερη διαφορά παρουσιάζεται

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

Μετά την εκκίνηση της εφαρμογής και πριν ξεκινήσει οποιοδήποτε έργο, εμφανίζεται μια οθόνη η οποία χωρίζεται σε μέρη.

Μετά την εκκίνηση της εφαρμογής και πριν ξεκινήσει οποιοδήποτε έργο, εμφανίζεται μια οθόνη η οποία χωρίζεται σε μέρη. Web: http://www.loulakis.gr email: info@loulakis.gr Web:http://www.cadseminars.gr mail: info@cadseminars.gr 39 Περιβάλλον Εργασίας Το περιβάλλον εργασίας του Revit Architecture διαφοροποιήθηκε σημαντικά

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

Δραστηριότητα 9 Δημιουργία και διαχείριση blog μέσω του Blogger. Δημιουργία ιστολογίου

Δραστηριότητα 9 Δημιουργία και διαχείριση blog μέσω του Blogger. Δημιουργία ιστολογίου Δραστηριότητα 9 Δημιουργία και διαχείριση blog μέσω του Blogger Δημιουργία ιστολογίου 1. Ανοίξτε το φυλλομετρητή Google Chrome, πληκτρολογήστε στη γραμμή διευθύνσεων τη διεύθυνση www.blogger.com και πατήστε

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

Διάλεξη 2η Εισαγωγή στο CSS

Διάλεξη 2η Εισαγωγή στο CSS Διάλεξη 2η Εισαγωγή στο CSS Στέλιος Μόσχογλου Θεοδόσης Σουργκούνης Αντώνης Χρυσόπουλος I S S E L D e c o d e (Intelligent Systems & Software Engineering Lab) Στόχος της ώρας Τι είναι το CSS? Γιατί να χρησιμοποιήσω

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

2.9.3 Χρήση λογισμικού παρουσιάσεων για τη δημιουργία απλών παρουσιάσεων ρουτίνας

2.9.3 Χρήση λογισμικού παρουσιάσεων για τη δημιουργία απλών παρουσιάσεων ρουτίνας 2.9 Δεξιότητες Τεχνολογίας Πληροφοριών και Επικοινωνιών 2.9.3 Χρήση λογισμικού παρουσιάσεων για τη δημιουργία απλών παρουσιάσεων ρουτίνας Να επιδεικνύει ικανότητα στη χρήση λογισμικού παρουσιάσεων, ακίνδυνα

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

ΔΡΑΣΤΗΡΙΟΤΗΤΕΣ. Κωδικός Τίτλος Επίπεδο

ΔΡΑΣΤΗΡΙΟΤΗΤΕΣ. Κωδικός Τίτλος Επίπεδο ΔΡΑΣΤΗΡΙΟΤΗΤΕΣ Ενότητα: Υποενότητα: Διαδικτυακές Υπηρεσίες κι Εφαρμογές Υ8 - Δημοτικοί Ιστότοποι / Google Sites Λίστα Δραστηριοτήτων Κωδικός Τίτλος Επίπεδο Υ8.Δ1 Αναζήτηση δημοτικών ιστοτόπων και αξιολόγηση

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

Μάθημα 3ο. Διαχείριση αρχείων

Μάθημα 3ο. Διαχείριση αρχείων Μάθημα 3ο Διαχείριση αρχείων Σελίδα 36 από 106 3.1 Εισαγωγή Συμπληρώνοντας την έννοια της χωρητικότητας, που είδαμε σε προηγούμενη ενότητα, όσο πιο πολύ δουλεύουμε με τον υπολογιστή, τόσο πιο πολλά αρχεία

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

Leaflet Web Maps with qgis2leaf

Leaflet Web Maps with qgis2leaf Leaflet Web Maps with qgis2leaf QGIS Tutorials and Tips Author Ujaval Gandhi http://google.com/+ujavalgandhi Translations by Christina Dimitriadou Paliogiannis Konstantinos Tom Karagkounis Despoina Karfi

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

ΓΡΑΦΙΚΕΣ ΠΑΡΑΣΤΑΣΕΙΣ ΜΕ ΕXCEL

ΓΡΑΦΙΚΕΣ ΠΑΡΑΣΤΑΣΕΙΣ ΜΕ ΕXCEL ΓΡΑΦΙΚΕΣ ΠΑΡΑΣΤΑΣΕΙΣ ΜΕ ΕXCEL 1. Εισαγωγή δεδομένων σε φύλλο εργασίας του Microsoft Excel Για να τοποθετήσουμε τις μετρήσεις μας σε ένα φύλλο Excel, κάνουμε κλικ στο κελί στο οποίο θέλουμε να τοποθετήσουμε

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

SPSS Statistical Package for the Social Sciences

SPSS Statistical Package for the Social Sciences SPSS Statistical Package for the Social Sciences Ξεκινώντας την εφαρμογή Εισαγωγή εδομένων Ορισμός Μεταβλητών Εισαγωγή περίπτωσης και μεταβλητής ιαγραφή περιπτώσεων ή και μεταβλητών ΣΤΑΤΙΣΤΙΚΗ Αθανάσιος

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

ΦΤΙΑΞΕ ΜΟΝΟΣ ΣΟΥ ΤΗ ΔΙΚΗ ΣΟΥ ΙΣΤΟΣΕΛΙΔΑ ΔΩΡΕΑΝ

ΦΤΙΑΞΕ ΜΟΝΟΣ ΣΟΥ ΤΗ ΔΙΚΗ ΣΟΥ ΙΣΤΟΣΕΛΙΔΑ ΔΩΡΕΑΝ ΦΤΙΑΞΕ ΜΟΝΟΣ ΣΟΥ ΤΗ ΔΙΚΗ ΣΟΥ ΙΣΤΟΣΕΛΙΔΑ ΔΩΡΕΑΝ Φτιάξε το Site σου σε 5 βήματα!!! Φτιάξτε τώρα μια σύγχρονη ιστοσελίδα με δυνατότητα να την ανανεώνετε μόνοι σας...με τον πιο γρήγορο και εύκολο τρόπο!!!

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

Δομές Δεδομένων. Σημειώσεις από το εργαστήριο για τον χειρισμό του προγράμματος Eclipse. 5ο εξάμηνο. v1.0

Δομές Δεδομένων. Σημειώσεις από το εργαστήριο για τον χειρισμό του προγράμματος Eclipse. 5ο εξάμηνο. v1.0 Δομές Δεδομένων 5ο εξάμηνο Σημειώσεις από το εργαστήριο για τον χειρισμό του προγράμματος Eclipse v1.0 Τις σημειώσεις κράτησαν και διαμόρφωσαν σε word οι: Κονδύλη Γαλήνη, ΑΜ 5576 Μάλλιου Χριστίνα, ΑΜ 5413

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

Ένας προκαταρκτικός οδηγός για τη δημιουργία μιας ιστοσελίδας wiki. Hfr Φεβρουάριος 08

Ένας προκαταρκτικός οδηγός για τη δημιουργία μιας ιστοσελίδας wiki. Hfr Φεβρουάριος 08 Ένας προκαταρκτικός οδηγός για τη δημιουργία μιας ιστοσελίδας wiki Hfr Φεβρουάριος 08 Δημιουργία λογαριασμού (1) Πηγαίνετε στη διεύθυνση: http://www.wikidot.com/ και πατάτε το κουμπί: create acoount. Έτσι

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

METALIB Σύστημα μετα-αναζήτησης για ηλεκτρονικές πηγές πληροφόρησης

METALIB Σύστημα μετα-αναζήτησης για ηλεκτρονικές πηγές πληροφόρησης METALIB Σύστημα μετα-αναζήτησης για ηλεκτρονικές πηγές πληροφόρησης Βιβλιοθήκη & Κέντρο Πληροφόρησης, Πανεπιστημίου Λευκωσίας E-mail: libithelp@unic.ac.cy Τηλ: 22444772 Έκδοση: Μάρτιος 2013 (ES, GC, KP)

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

Blog στο Wordpress. Επιμέλεια: Δέγγλερη Σοφία

Blog στο Wordpress. Επιμέλεια: Δέγγλερη Σοφία Blog στο Wordpress Επιμέλεια: Δέγγλερη Σοφία Περιεχόμενα Μετάβαση στο blog Σύνδεση ως διαχειριστής Πίνακας ελέγχου Εμφάνιση Ρυθμίσεις Άρθρα Σελίδες Πολυμέσα Σύνδεσμοι Widgets Μετάβαση στο blog Πληκτρολογούμε

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