ΣΧΕΔΙΑΣΜΟΣ ΠΡΟΣΑΡΜΟ- ΣΤΙΚΩΝ ΙΣΤΟ- ΤΟΠΩΝ

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

Download "ΣΧΕΔΙΑΣΜΟΣ ΠΡΟΣΑΡΜΟ- ΣΤΙΚΩΝ ΙΣΤΟ- ΤΟΠΩΝ"

Transcript

1 ΣΧΕΔΙΑΣΜΟΣ ΠΡΟΣΑΡΜΟ- ΣΤΙΚΩΝ ΙΣΤΟ- ΤΟΠΩΝ 4.1. Εισαγωγή Το παρόν κεφάλαιο πραγματεύεται τις αρχές του προσαρμοστικού σχεδιασμού στον ιστό. Εξηγεί την ανάγκη που οδήγησε στην επινόηση του προσαρμοστικού σχεδιασμού και αναλύει τα βασικά συστατικά του στοιχεία, παρουσιάζοντας σειρά παραδειγμάτων. Εν συνεχεία προτείνει τεχνικές για τη βελτιστοποίηση της απόδοσης ιστοτόπων που σχεδιάζονται με βάση τις αρχές του προσαρμοστικού σχεδιασμού και ανακεφαλαιώνει τα συγκριτικά πλεονεκτήματα και μειονεκτήματα του προσαρμοστικού σχεδιασμού έναντι της προσέγγισης της σχεδίασης ιστοτόπων ειδικά για κινητές συσκευές. Τέλος, καλύπτονται θέματα που αφορούν στη χρήση CSS πλαισίων (frameworks) τα οποία μπορούν να διευκολύνουν και να επιταχύνουν τη διαδικασία ανάπτυξης προσαρμοστικών ιστοτόπων Προσαρμοστικός Σχεδιασμός στον Ιστό Οι τεχνικές και οι τεχνολογίες σχεδίασης ιστοτόπων έχει εξελιχθεί δραματικά τα τελευταία 20 χρόνια. Η δεκαετία του 1990 κυριαρχήθηκε από ιστοσελίδες που σχεδιάζονταν με χρήση HTML πινάκων (αξιοποιώντας το γεγονός ότι οι πίνακες όριζαν ένα πλέγμα που εξυπηρετούσε την κατάτμηση της οθόνης σε ορθογώνιες περιοχές). Παρόλο που η τεχνολογία των φύλλων στυλ (CSS) προτυποποιήθηκε το 1996, η δημοτικότητα των CSS παρέμεινε σε χαμηλά επίπεδα μέχρι το 2003, περίπου. Τότε η κοινότητα των σχεδιαστών και προγραμματιστών ιστού στόχευε,

2 86 Κινητές Τεχνολογίες συνήθως, σε οθόνες με ανάλυση 1024 x 768 (ώστε να απευθύνονται στο ευρύτερο δυνατό κοινό), με τις μεγαλύτερες οθόνες να προσθέτουν λευκό χώρο γύρω από τις άκρες του ιστότοπου και τις μικρότερες οθόνες να απαιτούν οριζόντια κύλιση. Με το λανσάρισμα, ωστόσο, του iphone το 2007, η πλήρη εμπειρία της περιήγησης στο διαδίκτυο ήταν διαθέσιμη πλέον οπουδήποτε. Αφήνοντας πίσω τους δύσχρηστους κινητούς περιηγητές του παρελθόντος, οι χρήστες ξαφνικά βρέθηκαν με πλήρη προγράμματα περιήγησης (εφάμιλλων, σχεδόν, δυνατοτήτων με επιτραπέζιους Η/Υ) στις τσέπες τους. Η πρώτη αντίδραση των εταιριών στη διάδοση του κινητού ιστού ήταν να αναπτύξουν έναν ξεχωριστό βελτιστοποιημένο για κινητά ιστότοπο (βλ. προηγούμενο κεφάλαιο), στη βάση του επιχειρήματος ότι προσφέρει μια στοχευμένη εμπειρία χρήστη και μετην προσδοκία της αύξησης των πωλήσεων. Τις περισσότερες φορές, αυτοί οι ιστότοποι δεν ήταν παρά περιεκτικές εκδοχές των αντίστοιχων πλήρων ιστοτόπων και, συχνά, αποτύγχαναν να προσφέρουν στους επισκέπτες το περιεχόμενο που αναζητούσαν, με αποτέλεσμα εκείνοι να εγκαταλείπουν τον ιστότοπο ή να μεταβαίνουν στον πλήρη ιστότοπο. Το 2010, τα «ερωτήματα μέσων» των CSS3 (βλ. επόμενη ενότητα στο παρόν κεφάλαιο) υποστηρίχθηκαν από κινητούς περιηγητές (αρχικά από το Android 2.1 και εν συνεχεία από το ios 3.2). Η έλευση των ερωτημάτων μέσων προσέφερε τη δυνατότητα εφαρμογής διαφορετικών στυλ σε διαφορετικές αναλύσεις οθόνης. Αυτό αποτελεί και το βασικό υπόστρωμα μιας νέας προσέγγισης στον σχεδιασμό ιστού που αργότερα ονομάστηκε προσαρμοστικός σχεδιασμός και που σύντομα αποτέλεσε τη σημαντικότερη νέα τάση στη σχεδίαση και ανάπτυξη ιστοτόπων. Το παρόν κεφάλαιο στοχεύει ακριβώς στο να παρουσιάσει τα κύρια συστατικά του αποτελεσματικού προσαρμοστικού σχεδιασμού. Ορισμός Ο όρος «Προσαρμοστικός Σχεδιασμός στον Ιστό» (Responsive Web Design, RWD) προέρχεται από τον τρόπο με τον οποίο ο περιηγητής προσαρμόζεται στο εκάστοτε περιβάλλον. Ο προσαρμοστικός σχεδιασμός αφορά σε μια προσέγγιση ανάπτυξης ιστοτόπων που στοχεύει στο να παρέχει στους χρήστες ικανοποιητική εμπειρία χρήσης, ανεξάρτητα από τον περιηγητή, συσκευή ή μέγεθος/προσανατολισμό της οθόνης που χρησιμοποιείται.

3 Κεφ.4: Σχεδιασμός Προσαρμοστικών Ιστοτόπων 87 Εικόνα 4.1: Προσαρμογή του ιδίου περιεχομένου ώστε να εμφανίζει ικανοποιητική εμπειρία χρήσης σε διαφορετικές συσκευές ιστού (πηγή: Ο προσαρμοστικός σχεδιασμός απομακρύνει τη λογική της σχεδίασης από τη χρήση σταθερών μονάδων (όπως τα pixels) προς σχετικές μονάδες, όπως τα ποσοστά. Αυτό σημαίνει ότι τα πλάτη των διαφόρων τμημάτων ενός ιστοτόπου σχεδιάζονται ώστε να καταλάβουν ένα ποσοστό του παραθύρου θέασης (viewport). Η Εικόνα 4.1 δείχνει πως το ίδιο περιεχόμενο μπορεί να αποδοθεί σε διαφορετικές συσκευές ιστού, ακολουθώντας τις αρχές του προσαρμοστικού σχεδιασμού. Ο άνθρωπος που επινόησε τον όρο προσαρμοστικός σχεδιασμός ήταν ο Ethan Marcotte (το 2010) σε άρθρο του που δημοσίευσε στον ιστότοπο A List Apart, στo οποίo συγκρίνει τον ιστό με την αρχιτεκτονική. Σε αυτό το άρθρο θεμελίωσε μια νέα προσέγγιση σχετικά με το πώς θα πρέπει να αντιμετωπίζουμε τον αυξανόμενο αριθμό των συσκευών που προσπελάζουν τον ιστό ως διαφορετικές όψεις της ίδιας εμπειρίας: Αντί της προσαρμογής αποσυνδεδεμένων σχεδιασμών για κάθε μία από τις συνεχώς αυξανόμενες συσκευές ιστού, μπορούμε να τις αντιμετωπίσουμε όλες ως όψεις της ιδίας εμπειρίας. Μπορούμε να σχεδιάσουμε για βέλτιστη εμπειρία θέασης, ωστόσο, ενσωματώνοντας τεχνολογίες βασισμένες σε πρότυπα ώστε ο σχεδιασμός να γίνει όχι απλώς πιο ευέλικτος, αλλά και πιο προσαρμοστικός στα μέσα που τον αποδίδουν (rendering media). Εν ολίγοις, πρέπει να υιοθετήσουμε τις αρχές του προσαρμοστικού σχεδιασμού.

4 88 Κινητές Τεχνολογίες Εικόνα 4.2: Ο ιστότοπος όπως εμφανίζεται στις οθόνες ενός laptop, tablet και έξυπνου τηλεφώνου. Αυτό που προτείνει ο Marcotte εδώ είναι πως όλες οι συσκευές πρέπει να λάβουν το ίδιο περιεχόμενο. Ωστόσο, το περιεχόμενο πρέπει να δημιουργηθεί ώστε να είναι ευέλικτο και να αποδίδεται σωστά στην οθόνη. Ο ιστότοπος θα πρέπει να προσαρμοστεί κατά τρόπο που να βελτιστοποιεί την εμπειρία χρήσης σε κάθε τύπο συσκευής.

5 Κεφ.4: Σχεδιασμός Προσαρμοστικών Ιστοτόπων 89 Η Εικόνα 4.2 εμφανίζει έναν από τους γνωστότερους ιστοτόπους που υιοθετεί τις αρχές της προσαρμοστικής σχεδίασης. ΠΡΟΤΑΣΗ ΠΕΡΑΙΤΕΡΩ ΜΕΛΕΤΗΣ Μελετήστε το περίφημο άρθρο του Ethan Marcotte που επινόησε και θεμελίωσε τον όρο Responsive Web Design : web design 4.3. Βασικά Συστατικά Αποτελεσματικού Προσαρμοστικού Σχεδιασμού Ένας ιστότοπος που σχεδιάζεται με βάση την προσέγγιση του προσαρμοστικού σχεδιασμού επιτυγχάνει την προσαρμογή στο οπτικό περιβάλλον του χρήστη χρησιμοποιώντας τεχνικές που βασίζονται στα παρακάτω τρία συστατικά, τα ο ποία και θα αναλυθούν στις υποενότητες που ακολουθούν: Ρευστή διάταξη (fluid layout) Ευέλικτες εικόνες (flexible images) Ερωτήματα μέσων (media queries) Ρευστή διάταξη Μια βασική παράμετρος του σχεδιασμού στον ιστό είναι η διάταξη, δηλαδή η διευθέτηση των διαφόρων οπτικών στοιχείων (τμημάτων περιεχομένου) σε μια ιστοσελίδα. Οι συνήθεις επιλογές των σχεδιαστών είναι μεταξύ των καθορισμένων διατάξεων (fixed layouts) και των ρευστών διατάξεων (fluid ή liquid layouts). Στις καθορισμένες διατάξεις το συνολικό πλάτος της ιστοσελίδας είναι συνδεδεμένο με έναν ορισμένο αριθμό εικονοστοιχείων (pixels) 1. Το ίδιο ισχύει και για τμήματα περιεχομένου που καταλαμβάνουν ένα μέρος της ιστοσελίδας. Η ακαμψία αυτού του τρόπου διάταξης παρέχει στους σχεδιαστές σταθερότητα και α πόλυτο έλεγχο πάνω στο αποτέλεσμα (π.χ. επιτρέπει τη δημιουργία γραφικών βελτιστοποιημένων για το πλάτος που προβλέπεται να καταλάβουν). Ωστόσο, το αποτέλεσμα δεν είναι ικανοποιητικό όταν η ιστοσελίδα εμφανίζεται σε μεγαλύ 1 Το συνηθέστερα επιλεγμένο μέτρο είναι τα 960 pixels, το οποίο έχει αποδειχθεί βέλτιστο για διατάξεις πλέγματος (grid layouts), καθώς ο αριθμός αυτός διαιρείται εύκολα με τα 3, 4, 5, 6, 8, 10, 12 και 15.

6 90 Κινητές Τεχνολογίες τερες ή μικρότερες οθόνες. Για παράδειγμα, όταν μία σελίδα πλάτους 960 pixels εμφανιστεί σε οθόνη έξυπνου τηλεφώνου 480 x 800 pixels, ένα μέρος της θα μείνει εκτός παραθύρου προβολής και θα εμφανιστεί μια μη ελκυστική οριζόντια μπάρα κύλισης. Αντίθετα, σε οθόνες με πλάτος πολύ μεγαλύτερο των 960 pixels η διάταξη θα περιβληθεί από πολύ κενό (λευκό) χώρο, κάτι που είναι συνήθως ανεπιθύμητο. Η λογική του ρευστού σχεδιασμού επιτρέπει τον ορισμό μιας διάταξης, της ο ποίας το μέγεθος αντί να δηλώνεται σε απόλυτο αριθμό pixels ορίζεται σε ποσοστιαίες μονάδες ως προς το συνολικό πλάτος της οθόνης στην οποία θα προβληθεί. Με αυτό τον τρόπο, όταν η διάταξη θα συμπιέζεται στη μικρή οθόνη μιας φορητής συσκευής ή θα εκτείνεται σε μία μεγάλη οθόνη ενός επιτραπέζιου υπολογιστή, όλα τα στοιχεία που περιλαμβάνει θα προσαρμόζουν το μέγεθός τους αναλογικά με το πλάτος του διαθέσιμου παραθύρου προβολής. Η Εικόνα 4.3 παρουσιάζει τον HTML5 και CSS κώδικα που υλοποιεί μια ρευστή διάταξη δύο στηλών με την αριστερή και δεξιά στήλη να καταλαμβάνουν 30% και 64% αντίστοιχα και τα κενά διαστήματα (gutters) στα αριστερά τους 3%. <!doctype html> <html> <head> <meta charset="utf 8"> <title> 3 col fluid layout</title> <link href="fluid.css" rel="stylesheet" type="text/css"> </head> <body> <div id="wrapper"> <header id="header"> <h1>επικεφαλίδα</h1> </header> <section id="main_row"> <aside id="navigation" class="col"> <h2>τίτλος 1ης στήλης</h2> <p>lorem ipsum..</p> </aside> <section id="content" class="col"> <h2>τίτλος 2ης στήλης</h2> <p>lorem "utf 8"; #header { height: 50px; margin bottom: 10px; background color: #666;.col { float: left; margin left: 3%; background color: #bbb; margin bottom: 10px; #navigation { width: 30%; #content { width: 64%; #footer { clear: both; height: 50px;

7 Κεφ.4: Σχεδιασμός Προσαρμοστικών Ιστοτόπων 91 </section> </section> <footer id="footer"> <h1>υποσέλιδο</h1> </footer> </div> </body> </html> h1 { h2 { h2, p { background color: #666; margin: 0; padding: 5px; margin top: 0; padding top: 7px; margin left: 7px; margin right: 7px; Εικόνα 4.3: Παράδειγμα HTML/CSS κώδικα που δημιουργεί μια ρευστή διάταξη δύο στηλών και η εμφάνιση του αποτελέσματος στην οθόνη ενός περιηγητή επιτραπέζιου Η/Υ. Εάν μετατρέπαμε μια καθορισμένη διάταξη ενός ιστοτόπου με πλάτος κυρίου πλαισίου 960 pixels και πλάτος πλαισίου κυρίως περιεχομένου 640 pixels, σε ρευστή διάταξη, διατηρώντας τις ίδιες αναλογίες, τότε πλάτος του πλαισίου περιεχομένου θα υπολογίζονταν σε 640/960 x 100% = 66,66% (βλ. Εικόνα 4.4, αρι

8 92 Κινητές Τεχνολογίες στερά). Σε κάθε περίπτωση, μια ρευστή διάταξη από μόνη της δεν μπορεί να δώσει ικανοποιητικές λύσεις για κάθε μέγεθος οθόνης. Για παράδειγμα, μια ρευστή διάταξη 3 στηλών που εμφανίζεται ικανοποιητικά σε οθόνη πλάτους 1024 pixels πιθανότατα δεν θα δείχνει καθόλου ελκυστική με τις 3 στήλες της να έχουν συμπιεστεί ώστε να χωρέσουν σε οθόνη πλάτους 320 pixels. Σε μια τέτοια μικρή οθόνη θα είχε μάλλον νόημα μια ριζική αναπροσαρμογή της διάταξης με μείωση των στηλών σε μία (βλ. Εικόνα 4.4, δεξιά). Μια τέτοια προσαρμογή καθίσταται δυνατή με τη χρήση των ερωτημάτων μέσων που συζητούνται σε επόμενη υποενότητα. ΠΡΟΤΑΣΗ ΠΕΡΑΙΤΕΡΩ ΜΕΛΕΤΗΣ ΜΕ ΠΑΡΑΛΛΗΛΑ ΚΕΙΜΕΝΑ Μελετήστε ένα βοηθητικό tutorial για τη δημιουργία ρευστών διατάξεων με HTML5 και CSS3: fluid layouts html5 and css pixels (100%) Header 320 pixels Header Navigation bar Navigation bar 640 pixels (66,6%) Content Content Footer Footer Εικόνα 4.4: Αριστερά: Αντιστοιχία απόλυτων και σχετικών τιμών πλάτους σε καθορισμένες και ρευστές διατάξεις, αντίστοιχα. Δεξιά: Προσαρμογή της διάταξης σε μικρή οθόνη. Μία περίπτωση ρευστής διάταξης, που τίθεται συχνά σε εφαρμογή σε σύγχρονα έργα σχεδιασμού ιστοτόπων είναι η διάταξη ρευστού πλέγματος (fluid grid layout). Όπως υποδηλώνει το όνομά της, αφορά σε διάταξη στην οποία ο χώρος διαμοιράζεται σε γραμμές και στήλες βάσει ενός πλέγματος. Η έννοια του πλέγ

9 Κεφ.4: Σχεδιασμός Προσαρμοστικών Ιστοτόπων 93 ματος χρησιμοποιείται από πολλούς σχεδιαστές, τόσο σε έντυπα μέσα όσο και στον ιστό. Μια βασική ιδιότητα του πλέγματος είναι το σταθερό πλάτος των στηλών και των κενών διαστημάτων μεταξύ των στηλών. Το πλάτος ρυθμίζεται από CSS κανόνες με χρήση ποσοστιαίων μονάδων (ώστε να διασφαλίζεται η ρευστότητα). Τυπικά, ο αριθμός των στηλών ποικίλλει από 1 έως και 12. Μάλιστα, ο α ριθμός των στηλών μπορεί να διαφέρει ανά γραμμή, ενώ τμήματα περιεχομένου που εμφανίζονται σε μια γραμμή ενδέχεται να καταλαμβάνουν διαφορετικό α ριθμό στηλών (βλ. Εικόνα 4.5). Εικόνα 4.5: Παράδειγμα διάταξης ρευστού πλέγματος με 12 στήλες (πηγή: Η Εικόνα 4.6 παρουσιάζει την προσαρμογή μιας διάταξης πλέγματος, όπου η διάταξη προσαρμόζεται ανάλογα με το πλάτος οθόνης της συσκευής του χρήστη.

10 94 Κινητές Τεχνολογίες Εικόνα 4.6: Παράδειγμα προσαρμοστικής διάταξης ρευστού πλέγματος (πηγή: Επισήμανση Σήμερα διατίθενται ελεύθερα μια σειρά από CSS πλαίσια (CSS frameworks) που βελτιώνουν την αποδοτικότητα σχεδιασμού ιστοτόπων βάσει διάταξης ρευστού πλέγματος. Τα CSS πλαίσια διευκολύνουν το συμβατό με τα πρότυπα ιστού σχεδιασμό ιστοσελίδων χρησιμοποιώντας την τεχνολογία CSS. Τα περισσότερα από αυτά επιτρέπουν το σχεδιασμό με διάταξη ρευστού πλέγματος. Κάποια μάλιστα ενσωματώνουν περισσότερες λειτουργίες (συνήθως JavaScript βιβλιοθήκες), οι οποίες είναι ως επί το πλείστον προσανατολισμένες στο σχεδιασμό (αυτό το στοιχείο τα διαφοροποιεί από τα αμιγώς

11 Κεφ.4: Σχεδιασμός Προσαρμοστικών Ιστοτόπων 95 Javascript πλαίσια). Ένα δημοφιλές CSS πλαίσιο, το Bootstrap, θα παρουσιασθεί στη συνέχεια αυτού του κεφαλαίου Ευέλικτες εικόνες Οι ρευστές διατάξεις προσφέρουν ικανοποιητική λύση για την προσαρμογή κειμένου μέσα σε ευέλικτα «δοχεία 2» (containers). Το κείμενο των ιστοσελίδων είναι εξ ορισμού ρευστό: όσο το παράθυρο του περιηγητή στενεύει, το κείμενο ρέει διαφορετικά, δηλαδή προσαρμόζεται καταλαμβάνοντας το διαθέσιμο χώρο. Οι εικόνες, απεναντίας, δεν είναι εκ φύσεως ρευστές: το μέγεθος και ο προσανατολισμός τους παραμένουν σταθερά ανεξαρτήτως διαμόρφωσης του παραθύρου προβολής. Έτσι «κόβονται» όταν γίνουν πολύ μεγάλες ώστε να χωρέσουν στο δοχείο τους. Αυτό δημιουργεί ένα γρίφο σχετικά με την εμφάνιση εικόνων σε έναν κινητό περιηγητή: επειδή διατηρούνται στις αρχικές τους διαστάσεις, οι εικόνες είτε θα αποκοπούν είτε θα εμφανιστούν εκτός κλίμακας σε σύγκριση με το περιβάλλον κείμενο του οποίου το μέγεθος προσαρμόζεται καθώς το παράθυρο του περιηγητή στενεύει. Η απλούστερη λύση σε αυτό το πρόβλημα είναι να οριστούν οι μέγιστες διαστάσεις που μπορεί να έχει η εικόνα: img { max width: 100%; height: auto; Η ρύθμιση της ιδιότητας max width σε 100% θα κάνει την εικόνα να αλλάξει κλίμακα ώστε το πλάτος της να ταυτιστεί με εκείνο του δοχείου της, μόνο όταν το πλάτος του τελευταίου γίνει μικρότερο από το πλάτος της εικόνας (όσο το πλάτος του δοχείου είναι μεγαλύτερο από το πλάτος της εικόνας, το τελευταίο θα παραμείνει στη φυσική του τιμή). Όποτε το πλάτος της εικόνας κλιμακώσει (μειωθεί) ώστε να χωρέσει στο πλάτος του δοχείου, τότε το ύψος της θα ρυθμιστεί αυτόματα (auto) ώστε η αναλογία πλάτος:ύψος να παραμείνει αμετάβλητη. 2 Ως δοχείο ενός html στοιχείου νοείται το περιβάλλον στοιχείο στο οποίο ενσωματώνεται. Για παράδειγμα, στον κώδικα <body><div id="mycontainer"><p>bla bla</p></div></body>, το δοχείο της παραγράφου (<p>) είναι το <div> με αναγνωριστικό "mycontainer", ενώ στον κώδικα <body> <p>bla bla</p> </body>, το δοχείο της παραγράφου (<p>) είναι το <body>.

12 96 Κινητές Τεχνολογίες Οι παραπάνω ρυθμίσεις θέτουν μέγιστο αλλά όχι και ελάχιστο όριο στις διαστάσεις της εικόνας. Αυτό σημαίνει ότι εφόσον το δοχείο μικρύνει πολύ, αντίστοιχα θα μικρύνει και η εικόνα με αποτέλεσμα να καταστεί δυσανάγνωστη και να απαιτεί από το χρήστη να μεγεθύνει/σμικρύνει. Το πρόβλημα αυτό αντιμετωπίζεται με τη συνδυαστική χρήση της ιδιότητας min width η οποία προσδιορίζει το ελάχιστο πλάτος μιας εικόνας στο οποίο θεωρείται αναγνώσιμη. Όταν το δοχείο μικρύνει πέραν του ορίου αυτού, οι διαστάσεις της εικόνας δεν θα μειωθούν περαιτέρω και η εικόνα θα εμφανιστεί με οριζόντια κύλιση. img { width:auto; max width: 100%; min width:350px; height: auto; Εικόνα 4.7: Αποτέλεσμα της εφαρμογής της ιδιότητας max width (μεσαία εικόνα) και συνδυασμού max width και min width (δεξιά εικόνα) σε μια εικόνα με φυσικές διαστάσεις 600x463.

13 Κεφ.4: Σχεδιασμός Προσαρμοστικών Ιστοτόπων 97 Οι οθόνες που παρουσιάζονται στην Εικόνα 4.7 δείχνουν διαδοχικά την εμφάνιση μιας εικόνας χωρίς τη χρήση των ιδιοτήτων max width ή min width, με χρήση μόνο της max width και με χρήση αμφότερων των max width και min width, α ντίστοιχα. Επισήμανση Η υποστήριξη της CSS ιδιότητας min width είναι προβληματική σε μια σειρά από περιηγητές, όπως ο Internet Explorer και ο Opera Mobile Ερωτήματα μέσων Τα ερωτήματα μέσων (media queries) αποτελούν μέρος των προδιαγραφών των CSS3 και επιτρέπουν στην απόδοση περιεχομένου να προσαρμόζεται στις εκάστοτε συνθήκες, π.χ. στην ανάλυση οθόνης της συσκευής. Πρακτικά, αποτελεί συνιστώμενο πρότυπο (recommended standard) του W3C από τον Ιούνιο του 2012 και θεωρείται ο ακρογωνιαίος λίθος του προσαρμοστικού σχεδιασμού. Τα ερωτήματα μέσων επιτρέπουν τη συλλογή πληροφοριών για τη συσκευή και τον περιηγητή του χρήστη. Οι πληροφορίες αυτές μπορούν στη συνέχεια να χρησιμοποιηθούν υπό συνθήκες (conditionally) για την εφαρμογή διαφορετικών στυλ (CSS). Για παράδειγμα, ανάλογα με την ανάλυση της οθόνης του χρήστη θα επιλέγεται και το κατάλληλο εξωτερικό CSS αρχείο που θα διασφαλίζει μία βέλτιστη διάταξη των στοιχείων της ιστοσελίδας. Ήδη από τις ημέρες των CSS 2.1, δίνονταν η δυνατότητα κάποιου βαθμού επίγνωσης του τύπου του μέσου (media type) και εφαρμογής των κατάλληλων CSS κανόνων για κάθε τύπο. Για παράδειγμα, ένα έγγραφο θα εφάρμοζε διαφορετικά φύλλα στυλ ανάλογα με το αν προορίζονταν για προβολή σε οθόνη ή εκτύπωση. Στην HTML4, αυτό θα γραφόταν ως εξής: <link rel="stylesheet" type="text/css" media="screen" href="sans serif.css"> <link rel="stylesheet" type="text/css" media="print" href="serif.css"> Τα ερωτήματα μέσων βελτιώνουν κατά πολύ την παραπάνω δυνατότητα επιτρέποντας τη στόχευση όχι μόνο ορισμένων κατηγοριών μέσων, αλλά στην πραγματικότητα την εξέταση των φυσικών χαρακτηριστικών της συσκευής που αποδίδει μια ιστοσελίδα. Για παράδειγμα, ένα κατάλληλα διατυπωμένο ερώτημα μέσου θα επέτρεπε την παροχή ενός προσαρμοσμένου φύλλου στυλ σε iphone και Android τηλέφωνα (και όμοιά τους), ως εξής: <link rel="stylesheet" type="text/css" media="screen and (max device width: 480px)" href="smartphone.css" />

14 98 Κινητές Τεχνολογίες Το παραπάνω ερώτημα περιλαμβάνει δύο μέρη: Ένα τύπο μέσου (screen), και Το ερώτημα καθεαυτό, το οποίο περικλείεται σε παρένθεση, και περιέχει ένα ιδιαίτερο χαρακτηριστικό του μέσου (max device width) που ελέγχεται, ακολουθούμενο από την τιμή στόχο (480px). Ουσιαστικά ρωτάμε τη συσκευή κατά πόσο η οριζόντια ανάλυσή της (max devicewidth) είναι ίση ή μικρότερη των 480px. Εφόσον ο έλεγχος αυτός περάσει (πρέπει να επισημανθεί ότι ο έλεγχος γίνεται στην πλευρά του πελάτη, από τον περιηγητή), εφόσον δηλαδή ο χρήστης εμφανίζει τη σελίδα σε μικρή οθόνη τότε η συσκευή θα εφαρμόσει στην ιστοσελίδα το smartphone.css. Διαφορετικά, η <link> ετικέτα θα αγνοηθεί εντελώς. Επιπλέον, μπορούμε να ελέγξουμε πολλαπλές τιμές ιδιοτήτων values με ένα μόνο ερώτημα συνδέοντας τους επιμέρους ελέγχους με τη λέξη κλειδί and : <link rel="stylesheet" type="text/css" media="screen and (max device width: 480px) and (resolution: 200dpi)" href="smartphone.css" /> Τα ερωτήματα μέσων δεν διατυπώνονται μόνο σε <link> ετικέτες, αλλά μπορούν να περιλαμβάνονται και σε CSS με χρήση screen and (orientation: portrait) {.column { width:50%; Το παρακάτω παράδειγμα αφορά σε μια σελίδα η οποία προσαρμόζεται όταν αποδοθεί σε συσκευή που περνάει το ερώτημα μέσων (έχει πλάτος μικρότερο από 480px). Το αποτέλεσμα φαίνεται στις οθόνες που ακολουθούν (βλ. Εικόνα 4.8). <!doctype html> <html> <head> <meta charset="utf 8"> <title>media query "utf 8"; /* CSS Document */ body { background color: pink;

15 Κεφ.4: Σχεδιασμός Προσαρμοστικών Ιστοτόπων 99 <link href="media_1.css" rel="stylesheet" type="text/css"> <meta name="viewport" cotent="width=device width, initialscale=1.0, maximum scale=10.0, user scalable=yes" /> </head> <body> <p>αυτή η παράγραφος προσαρμόζεται όταν η ιστοσελίδα φορτώνεται σε οθόνη με πλάτος < 320px. το χρώμα υπόβαθρου αλλάζει σε πορτοκαλί και το μέγεθος της γραμματοσειράς μειώνεται στο μισό.</p> </body> </html> font screen and (max width: 480px) { body { background color: orange; font size:1.5em; Εικόνα 4.8: Απόδοση της ιστοσελίδας σε οθόνες 800x480 και 480x800.

Εργαστήριο #9 Τι πρέπει να έχετε ολοκληρώσει από το προηγούμενο εργαστήριο. βεβαιωθείτε ότι έχετε ολοκληρώσει τις προηγούμενες ασκήσεις Οδηγίες

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

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

Στην τεχνολογία των CSS, οι κανόνες στυλ (style

Στην τεχνολογία των CSS, οι κανόνες στυλ (style Δικτυακά Πολυμέσα ΙΙ Εργαστήριο #4 0 : CSS: Βασικές και προχωρημένες τεχνικές επιλογής, τα στοιχεία και , ψευδο κλάσεις και ψευδο επιλογείς Γαβαλάς Δαμιανός dgavalas@aegean.gr CSS κανόνες στυλ

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

ΠΡΟΛΟΓΟΣ. Σε ποιους απευθύνεται αυτό το βιβλίο... vi Διάρθρωση του βιβλίου... vi

ΠΡΟΛΟΓΟΣ. Σε ποιους απευθύνεται αυτό το βιβλίο... vi Διάρθρωση του βιβλίου... vi Πίνακας Περιεχομένων ΠΡΟΛΟΓΟΣ V Σε ποιους απευθύνεται αυτό το βιβλίο... vi Διάρθρωση του βιβλίου... vi 1η Ενότητα: Κινητός ιστός... vii 2η Ενότητα: Κινητές εφαρμογές στην πλατφόρμα Android... vii 3η Ενότητα:

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

Σενάρια ανάκτησης πληροφορίας στο «παραδοσιακό» Internet

Σενάρια ανάκτησης πληροφορίας στο «παραδοσιακό» Internet Δικτυακά Πολυμέσα ΙΙ Διάλεξη #10 η : Σχεδιασμός web sites για κινητές συσκευές Γαβαλάς Δαμιανός dgavalas@aegean.gr Σενάρια ανάκτησης πληροφορίας στο «παραδοσιακό» Internet 1o επίπεδο (1-tier) HTTP αίτηση

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

Γαβαλάς Δαμιανός dgavalas@aegean.gr. Δικτυακά Πολυμέσα ΙΙ Εργαστήριο #3 0 : Εισαγωγή στacascading Style Sheets (CSS)

Γαβαλάς Δαμιανός dgavalas@aegean.gr. Δικτυακά Πολυμέσα ΙΙ Εργαστήριο #3 0 : Εισαγωγή στacascading Style Sheets (CSS) Δικτυακά Πολυμέσα ΙΙ Εργαστήριο #3 0 : Εισαγωγή στacascading Style Sheets (CSS) Γαβαλάς Δαμιανός dgavalas@aegean.gr Επικαλυπτόμενα Φύλλα Στυλ (Cascading Style Sheets, CSS) Η (X)HTML προσδιορίζει τη βασική

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

Σχολή Κοινωνικών Επιστημών Τμήμα Πολιτισμικής Τεχνολογίας Και Επικοινωνίας

Σχολή Κοινωνικών Επιστημών Τμήμα Πολιτισμικής Τεχνολογίας Και Επικοινωνίας Πανεπιστήμιο Αιγαίου Σχολή Κοινωνικών Επιστημών Τμήμα Πολιτισμικής Τεχνολογίας Και Επικοινωνίας Δικτυακά Πολυμέσα Ι (Β Έτος, 3ο εξ) Διάλεξη #5η: HTML: πίνακες (tables), πλαίσια (frames) Γαβαλάς Δαμιανός

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

Εμφάνιση και κρύψιμο στοιχείων

Εμφάνιση και κρύψιμο στοιχείων Δικτυακά Πολυμέσα ΙΙ Εργαστήριο #8 0 : Δυναμικά εφέ με χρήση CSS Γαβαλάς Δαμιανός dgavalas@aegean.gr Εμφάνιση και κρύψιμο στοιχείων Χρήση της ιδιότητας display με επιτρεπτές τιμές: none: κρύψιμο του στοιχείου

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

Σπουδές 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

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

Ermis Digital. Θα χρησιµοποιηθεί, σε περίπτωση βράβευσης, για την παρουσίαση της συµµετοχής στην τελετή απονοµής και στα έντυπα της διοργάνωσης.

Ermis Digital. Θα χρησιµοποιηθεί, σε περίπτωση βράβευσης, για την παρουσίαση της συµµετοχής στην τελετή απονοµής και στα έντυπα της διοργάνωσης. Ermis Digital Η έκθεση δεν θα πρέπει να ξεπερνάει συνολικά τις 10 σελίδες (µαζί µε τις οδηγίες συµπλήρωσης των πεδίων). Για τις απαντήσεις θα πρέπει να χρησιµοποιηθεί µέγεθος γραµµατοσειράς 10 ή και µεγαλύτερο.

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

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

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

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

ΠΑΝΕΠΙΣΤΗΜΙΟ ΚΡΗΤΗΣ. 2 ο ΣΧΟΛΕΙΟ ΚΩΔΙΚΑ «Ανάπτυξη Δυναμικών Διαδικτυακών Εφαρμογών» Μέρος 1 ο HTML CSS Bootstrap v3.

ΠΑΝΕΠΙΣΤΗΜΙΟ ΚΡΗΤΗΣ. 2 ο ΣΧΟΛΕΙΟ ΚΩΔΙΚΑ «Ανάπτυξη Δυναμικών Διαδικτυακών Εφαρμογών» Μέρος 1 ο HTML CSS Bootstrap v3. ΠΑΝΕΠΙΣΤΗΜΙΟ ΚΡΗΤΗΣ 2 ο ΣΧΟΛΕΙΟ ΚΩΔΙΚΑ «Ανάπτυξη Δυναμικών Διαδικτυακών Εφαρμογών» Μέρος 1 ο HTML CSS Bootstrap v3 Σταύρος Καουκάκης 1 Λίγα Λόγια για το Σχολείο Το 2 ο από συνολικά τρία σχολεία κώδικα

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

ΒΑΣΙΚΕΣ ΑΡΧΕΣ ΣΧΕΔΙΑΣΜΟΥ ΕΦΑΡΜΟΓΩΝ

ΒΑΣΙΚΕΣ ΑΡΧΕΣ ΣΧΕΔΙΑΣΜΟΥ ΕΦΑΡΜΟΓΩΝ ΒΑΣΙΚΕΣ ΑΡΧΕΣ ΣΧΕΔΙΑΣΜΟΥ ΕΦΑΡΜΟΓΩΝ Βαγγελιώ Καβακλή Τμήμα Πολιτισμικής Τεχνολογίας & Επικοινωνίας 8 Μαρτίου 2001 Hypertext Markup Language (HTML)! Σε μια ιστοσελίδα μπορούν να εμφανίζονται διαφορετικά

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

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

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

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

Δημιουργία και συντήρηση ιστοτόπου με χρήση WordPress

Δημιουργία και συντήρηση ιστοτόπου με χρήση WordPress Δημιουργία και συντήρηση ιστοτόπου με χρήση WordPress Διήμερο σεμινάριο για δημιουργία ιστοσελίδων με WordPress στο περιβάλλον του ΠΣΔ για τους εκπαιδευτικούς ΠΕ19/20 Βερύκιος Α., ΚΕΠΛΗΝΕΤ Λευκάδας Διήμερο

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

Γραπτή εξέταση. Γαβαλάς Δαμιανός dgavalas@aegean.gr. Δικτυακά Πολυμέσα ΙΙ Διάλεξη #12 η : Επανάληψη, προετοιμασία για τις γραπτές εξετάσεις

Γραπτή εξέταση. Γαβαλάς Δαμιανός dgavalas@aegean.gr. Δικτυακά Πολυμέσα ΙΙ Διάλεξη #12 η : Επανάληψη, προετοιμασία για τις γραπτές εξετάσεις Δικτυακά Πολυμέσα ΙΙ Διάλεξη #12 η : Επανάληψη, προετοιμασία για τις γραπτές εξετάσεις Γαβαλάς Δαμιανός dgavalas@aegean.gr Γραπτή εξέταση H διάρκεια της εξέτασης θα είναι 2 ώρες και 15 Θα απαντήσετε σε

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

Εισαγωγή σε HTML και CSS. Παναγιώτης Τσαρχόπουλος

Εισαγωγή σε HTML και CSS. Παναγιώτης Τσαρχόπουλος Εισαγωγή σε HTML και CSS Παναγιώτης Τσαρχόπουλος Περιεχόμενα Εισαγωγικές έννοιες Ορολογία και σύνταξη Κείμενο σε HTML έγγραφα Σύνδεσμοι Ψηφιακές - Ευφυείς Πόλεις - Εισαγωγή σε HTML και CSS 2 Εισαγωγικές

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

Τεχνολογίες Διαδικτύου (Εξασκηθείτε στην HTML)

Τεχνολογίες Διαδικτύου (Εξασκηθείτε στην HTML) Τεχνολογίες Διαδικτύου (Εξασκηθείτε στην HTML) 1. Δημιουργία μιας απλής σελίδας HTML Ανοίξτε το Notepad ακολουθώντας τη διαδρομή Start All Programs Accessories Notepad Πληκτρολογήστε το ακόλουθο κείμενο:

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

Δημιουργώντας μια εφαρμογή ζωγραφικής. 2 η Εργασία

Δημιουργώντας μια εφαρμογή ζωγραφικής. 2 η Εργασία Δημιουργώντας μια εφαρμογή ζωγραφικής 2 η Εργασία Απαιτήσεις 1. Σύνδεση στο Διαδίκτυο (διότι οι εφαρμογές δημιουργούνται online) 2. Εγκατεστημένος ο Browser Google Chrome 3. Υπαρκτός λογαριασμός Gmail

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

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

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

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

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

Οδηγός γρήγορης εκκίνησης του PowerSuite Το PowerSuite είναι η ολοκληρωμένη λύση απόδοσης για τον υπολογιστή σας. Ενσωματώνοντας το RegistryBooster, το DriverScanner και το SpeedUpMyPC σε ένα ενιαίο περιβάλλον εργασίας σάρωσης, το PowerSuite

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

Σταύρος Καουκάκης Ευτύχιος Βαβουράκης

Σταύρος Καουκάκης Ευτύχιος Βαβουράκης ΠΑΝΕΠΙΣΤΗΜΙΟ ΚΡΗΤΗΣ 1 ο ΣΧΟΛΕΙΟ ΚΩΔΙΚΑ «Βασικά Θέματα Προγραμματισμού στην Ανάπτυξη Δυναμικών Διαδικτυακών Εφαρμογών» (Part 1) Σταύρος Καουκάκης Ευτύχιος Βαβουράκης 1 Λίγα Λόγια για το Σχολείο Μονάδες

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

ICOP - ΥΠΗΡΕΣΙΕΣ INTERNET-WEBSOLUTIONS ΠΡΟΤΑΣΗ-ΑΝΑΘΕΣΗ ΕΡΓΟΥ

ICOP - ΥΠΗΡΕΣΙΕΣ INTERNET-WEBSOLUTIONS ΠΡΟΤΑΣΗ-ΑΝΑΘΕΣΗ ΕΡΓΟΥ Θρασυμάχου 14, Αθήνα - 6ος όροφος Τηλέφωνο: 210 2139880 Fax: 210 2139916 E-mail: sales@icop.gr www.icop.gr ICOP - ΥΠΗΡΕΣΙΕΣ INTERNET-WEBSOLUTIONS ΠΡΟΤΑΣΗ-ΑΝΑΘΕΣΗ ΕΡΓΟΥ Ημερομηνία: E-mail:.. Εταιρεία:..

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

9. Τοπογραφική σχεδίαση

9. Τοπογραφική σχεδίαση 9. Τοπογραφική σχεδίαση 9.1 Εισαγωγή Το κεφάλαιο αυτό εξετάζει τις παραμέτρους, μεθόδους και τεχνικές της τοπογραφικής σχεδίασης. Η προσέγγιση του κεφαλαίου γίνεται τόσο για την περίπτωση της συμβατικής

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

ZTrade One version 1.1

ZTrade One version 1.1 ZTrade One version 1.1 Περιεχόμενα 1. Πλοήγηση 2. Κατάσταση Εφαρμογής 3. Λίστα Μετοχών 4. Χαρτοφυλάκια 5. Ξένοι Δείκτες 6. Τεχνική Ανάλυση 7. Ειδοποιήσεις 8. Ρυθμίσεις 1. Πλοήγηση Η εφαρμογή οργανώνεται

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

<BODY></a> </h3> <p> <img alt="<HTML> <HEAD> <TITLE> <BODY>" title="<HTML> <HEAD> <TITLE> <BODY>" class="news-block-img pull-right" src="/thumbs/26/2082816.jpg"> ΑΣΚΗΣΗ 1 1. Ανοίξτε τον επεξεργαστή ιστοσελίδων 2. Αποθηκεύστε στο X:/mathimata/html/askiseis/ με όνομα askisi1b.html 3. Θα φτιάξουμε μια νέα ιστοσελίδα, χρησιμοποιώντας τις βασικές ετικέτες </p> <a href="/2082816-Html-head-title-body.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/7982264-Gavalas-damianos-dgavalas-aegean-gr.html">Γαβαλάς Δαμιανός dgavalas@aegean.gr</a> </h3> <p> <img alt="Γαβαλάς Δαμιανός dgavalas@aegean.gr" title="Γαβαλάς Δαμιανός dgavalas@aegean.gr" class="news-block-img pull-right" src="/thumbs/26/7982264.jpg"> Δικτυακά Πολυμέσα ΙΙ Διάλεξη #1 η : Οργάνωση & στόχοι μαθήματος, καλές αρχές σχεδιασμού στο web, τα μεγαλύτερα λάθη στον web σχεδιασμό Γαβαλάς Δαμιανός dgavalas@aegean.gr 1 Στόχοι μαθήματος Κατανόηση της </p> <a href="/7982264-Gavalas-damianos-dgavalas-aegean-gr.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/4280953-Dimioyrgia-kai-paragogi-diafimisis.html">ΔΗΜΙΟΥΡΓΙΑ ΚΑΙ ΠΑΡΑΓΩΓΗ ΔΙΑΦΗΜΙΣΗΣ</a> </h3> <p> <img alt="ΔΗΜΙΟΥΡΓΙΑ ΚΑΙ ΠΑΡΑΓΩΓΗ ΔΙΑΦΗΜΙΣΗΣ" title="ΔΗΜΙΟΥΡΓΙΑ ΚΑΙ ΠΑΡΑΓΩΓΗ ΔΙΑΦΗΜΙΣΗΣ" class="news-block-img pull-right" src="/thumbs/24/4280953.jpg"> ΔΗΜΙΟΥΡΓΙΑ ΚΑΙ ΠΑΡΑΓΩΓΗ ΔΙΑΦΗΜΙΣΗΣ Η διαφήμιση με μία μόνο λέξη χαρακτηρίζεται και ως «υπόσχεση», καθώς δίνει μια υπόσχεση στον υποψήφιο αγοραστή, για το προϊόν που διαφημίζει και αναφέρεται στην επίδραση </p> <a href="/4280953-Dimioyrgia-kai-paragogi-diafimisis.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/12864797-Hrisi-i-y-kai-diaheirisi-arheion.html">ΧΡΗΣΗ Η/Υ ΚΑΙ ΔΙΑΧΕΙΡΙΣΗ ΑΡΧΕΙΩΝ</a> </h3> <p> <img alt="ΧΡΗΣΗ Η/Υ ΚΑΙ ΔΙΑΧΕΙΡΙΣΗ ΑΡΧΕΙΩΝ" title="ΧΡΗΣΗ Η/Υ ΚΑΙ ΔΙΑΧΕΙΡΙΣΗ ΑΡΧΕΙΩΝ" class="news-block-img pull-right" src="/thumbs/28/12864797.jpg"> ΧΡΗΣΗ Η/Υ ΚΑΙ ΔΙΑΧΕΙΡΙΣΗ ΑΡΧΕΙΩΝ 1. ΠΕΡΙΒΑΛΛΟΝ ΗΛΕΚΤΡΟΝΙΚΟΥ ΥΠΟΛΟΓΙΣΤΗ 1.1. Βασικές Λειτουργίες και Ρυθµίσεις 1.1.1 Εκκίνηση, Τερµατισµός, Επανεκκίνηση του Η/Υ ακολουθώντας τις κατάλληλες διαδικασίες 1.1.2 </p> <a href="/12864797-Hrisi-i-y-kai-diaheirisi-arheion.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/10124625-Pinakides-paroysiasis.html">ΠΙΝΑΚΙΔΕΣ ΠΑΡΟΥΣΙΑΣΗΣ</a> </h3> <p> <img alt="ΠΙΝΑΚΙΔΕΣ ΠΑΡΟΥΣΙΑΣΗΣ" title="ΠΙΝΑΚΙΔΕΣ ΠΑΡΟΥΣΙΑΣΗΣ" class="news-block-img pull-right" src="/thumbs/27/10124625.jpg"> ΠΙΝΑΚΙΔΕΣ ΠΑΡΟΥΣΙΑΣΗΣ ΥΠΑΡΧΟΝΤΟΣ ΚΤΗΡΙΟΥ Ή ΣΧΕΔΙΑΣΜΟΥ ΝΕΟΥ ΚΤΗΡΙΟΥ Ένα από τα πιο κρίσιμα σημεία της διαδικασίας σχεδιασμού είναι η παρουσίαση της ανάλυσης της ιδέας σας 1. Έχετε εργαστεί στη διαδικασία </p> <a href="/10124625-Pinakides-paroysiasis.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/5216426-Politiki-gia-ta-cookie.html">Πολιτική για τα cookie</a> </h3> <p> <img alt="Πολιτική για τα cookie" title="Πολιτική για τα cookie" class="news-block-img pull-right" src="/thumbs/25/5216426.jpg"> Πολιτική για τα cookie Η BSEU χρησιµοποιεί cookie για να βελτιώνει συνεχώς την εµπειρία των επισκεπτών της διαδικτυακής τοποθεσίας της. Πρώτα από όλα, τα cookie µπορούν να βελτιώσουν άµεσα αυτή την εµπειρία, </p> <a href="/5216426-Politiki-gia-ta-cookie.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/6938298-Periehomena-perivallon-ilektronikoy-ypologisti-9-epifaneia-ergasias-12-diaheirisi-arheion-15-ioi-i-y-21-diaheirisi-ektyposeon.html">Περιεχόμενα. Περιβάλλον ηλεκτρονικού υπολογιστή...9 Επιφάνεια εργασίας...12 Διαχείριση αρχείων...15 Ιοί Η/Υ...21 Διαχείριση εκτυπώσεων...</a> </h3> <p> <img alt="Περιεχόμενα. Περιβάλλον ηλεκτρονικού υπολογιστή...9 Επιφάνεια εργασίας...12 Διαχείριση αρχείων...15 Ιοί Η/Υ...21 Διαχείριση εκτυπώσεων..." title="Περιεχόμενα. Περιβάλλον ηλεκτρονικού υπολογιστή...9 Επιφάνεια εργασίας...12 Διαχείριση αρχείων...15 Ιοί Η/Υ...21 Διαχείριση εκτυπώσεων..." class="news-block-img pull-right" src="/thumbs/25/6938298.jpg"> Περιεχόμενα Περιβάλλον ηλεκτρονικού υπολογιστή...9 Επιφάνεια εργασίας...12 Διαχείριση αρχείων...15 Ιοί Η/Υ...21 Διαχείριση εκτυπώσεων...22 Περιβάλλον ηλεκτρονικού υπολογιστή...23 Επιφάνεια εργασίας...26 </p> <a href="/6938298-Periehomena-perivallon-ilektronikoy-ypologisti-9-epifaneia-ergasias-12-diaheirisi-arheion-15-ioi-i-y-21-diaheirisi-ektyposeon.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/10949159-2-epilexte-tin-sosti-etiketa-html-poy-prosferei-to-megalytero-fonto-keimenoy-head-heading-h6-h1.html">2. Επιλέξτε την σωστή ετικέτα HTML που προσφέρει το μεγαλύτερο φόντο κειμένου. <head> <heading> <h6> <h1></a> </h3> <p> <img alt="2. Επιλέξτε την σωστή ετικέτα HTML που προσφέρει το μεγαλύτερο φόντο κειμένου. <head> <heading> <h6> <h1>" title="2. Επιλέξτε την σωστή ετικέτα HTML που προσφέρει το μεγαλύτερο φόντο κειμένου. <head> <heading> <h6> <h1>" class="news-block-img pull-right" src="/thumbs/27/10949159.jpg"> ΤΜΗΜΑ ΗΛΕΚΤΡΟΝΙΚΗΣ Τομέας Υπολογιστικών Συστημάτων και Ελέγχου Τεχνολογίες Πολυμέσων - Εφαρμογές Δρ. Β. ΒΑΛΑΜΟΝΤΕΣ Ε-mail: vala@teiath.gr Να απαντήσετε στις παρακάτω ερωτήσεις. 1. Τι σημαίνουν τα αρχικά </p> <a href="/10949159-2-epilexte-tin-sosti-etiketa-html-poy-prosferei-to-megalytero-fonto-keimenoy-head-heading-h6-h1.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/10475980-Grafikes-parastaseis-me-excel.html">ΓΡΑΦΙΚΕΣ ΠΑΡΑΣΤΑΣΕΙΣ ΜΕ ΕXCEL</a> </h3> <p> <img alt="ΓΡΑΦΙΚΕΣ ΠΑΡΑΣΤΑΣΕΙΣ ΜΕ ΕXCEL" title="ΓΡΑΦΙΚΕΣ ΠΑΡΑΣΤΑΣΕΙΣ ΜΕ ΕXCEL" class="news-block-img pull-right" src="/thumbs/27/10475980.jpg"> ΓΡΑΦΙΚΕΣ ΠΑΡΑΣΤΑΣΕΙΣ ΜΕ ΕXCEL 1. Εισαγωγή δεδομένων σε φύλλο εργασίας του Microsoft Excel Για να τοποθετήσουμε τις μετρήσεις μας σε ένα φύλλο Excel, κάνουμε κλικ στο κελί στο οποίο θέλουμε να τοποθετήσουμε </p> <a href="/10475980-Grafikes-parastaseis-me-excel.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/10624985-Ta-kyria-haraktiristika-poy-kathistoyn-ton-diktyako-kouvo-kali-praktiki-se-shesi-ue-tis-epileguenes-periohes-einai.html">Τα κύρια χαρακτηριστικά που καθιστούν τον δικτυακό κόµβο «καλή πρακτική», σε σχέση µε τις επιλεγµένες περιοχές είναι:</a> </h3> <p> <img alt="Τα κύρια χαρακτηριστικά που καθιστούν τον δικτυακό κόµβο «καλή πρακτική», σε σχέση µε τις επιλεγµένες περιοχές είναι:" title="Τα κύρια χαρακτηριστικά που καθιστούν τον δικτυακό κόµβο «καλή πρακτική», σε σχέση µε τις επιλεγµένες περιοχές είναι:" class="news-block-img pull-right" src="/thumbs/27/10624985.jpg"> Εθνικό Μουσείο Σύγχρονης Τέχνης Όνοµα κόµβου URL Τοµέας Στοιχεία επικοινωνίας Εθνικό Μουσείο Σύγχρονης Τέχνης http://www.emst.gr/ Μουσείο protocol@emst.culture.gr Τα κύρια χαρακτηριστικά που καθιστούν </p> <a href="/10624985-Ta-kyria-haraktiristika-poy-kathistoyn-ton-diktyako-kouvo-kali-praktiki-se-shesi-ue-tis-epileguenes-periohes-einai.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/8647421-Peiraias-s-2-e-lab-ioynios-2012-eisigitis-d-n-kallergis-msc-erg-synergatis.html">Πειραιάς S 2 Ε Lab Ιούνιος 2012. Εισηγητής: Δ. Ν. Καλλέργης, MSc. Εργ. Συνεργάτης</a> </h3> <p> <img alt="Πειραιάς S 2 Ε Lab Ιούνιος 2012. Εισηγητής: Δ. Ν. Καλλέργης, MSc. Εργ. Συνεργάτης" title="Πειραιάς S 2 Ε Lab Ιούνιος 2012. Εισηγητής: Δ. Ν. Καλλέργης, MSc. Εργ. Συνεργάτης" class="news-block-img pull-right" src="/thumbs/26/8647421.jpg"> Πειραιάς S 2 Ε Lab Ιούνιος 2012 Εισηγητής: Δ. Ν. Καλλέργης, MSc. Εργ. Συνεργάτης Πνευµατικά δικαιώµατα Τα πνευµατικά δικαιώµατα χρησιµοποίησης του µη πρωτότυπου υλικού της εργασίας ανήκουν στο/στη φοιτητή/-τρια </p> <a href="/8647421-Peiraias-s-2-e-lab-ioynios-2012-eisigitis-d-n-kallergis-msc-erg-synergatis.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/704908-Oikonomiki-prosfora-kataskeyi-istoselidas.html">Οικονομική Προσφορά Κατασκευή Ιστοσελίδας</a> </h3> <p> <img alt="Οικονομική Προσφορά Κατασκευή Ιστοσελίδας" title="Οικονομική Προσφορά Κατασκευή Ιστοσελίδας" class="news-block-img pull-right" src="/thumbs/18/704908.jpg"> Οικονομική Προσφορά Κατασκευή Ιστοσελίδας 2015 Η εταιρία μας Η Moving up είναι μια εταιρία που δραστηριοποιείται στον τομέα των ολοκληρωμένων μορφών επικοινωνίας και διαφήμισης.όποιο και αν είναι το διαφημιστικό </p> <a href="/704908-Oikonomiki-prosfora-kataskeyi-istoselidas.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/2082644-Ergastirio-front-page-2.html">ΕΡΓΑΣΤΗΡΙΟ FRONT PAGE 2</a> </h3> <p> <img alt="ΕΡΓΑΣΤΗΡΙΟ FRONT PAGE 2" title="ΕΡΓΑΣΤΗΡΙΟ FRONT PAGE 2" class="news-block-img pull-right" src="/thumbs/26/2082644.jpg"> ΕΡΓΑΣΤΗΡΙΟ FRONT PAGE 2 Μάθαµε στο προηγούµενο µάθηµα πώς να δίνουµε ονόµατα στις ιστοσελίδες µας, να βάζουµε χρώµα και γραφικά, ή ακόµα να δηµιουργούµε υπερσυνδέσµους σε κείµενο και εικόνες. Σήµερα µεταξύ </p> <a href="/2082644-Ergastirio-front-page-2.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/11051329-Odigies-diamorfosis-keimenoy-gia-to-1o-ekpaideytiko-synedrio-entaxi-kai-hrisi-ton-tpe-stin-ekpaideytiki-diadikasia.html">Οδηγίες Διαμόρφωσης Κειμένου για το 1ο Εκπαιδευτικό Συνέδριο Ένταξη και Χρήση των ΤΠΕ στην Εκπαιδευτική Διαδικασία</a> </h3> <p> <img alt="Οδηγίες Διαμόρφωσης Κειμένου για το 1ο Εκπαιδευτικό Συνέδριο Ένταξη και Χρήση των ΤΠΕ στην Εκπαιδευτική Διαδικασία" title="Οδηγίες Διαμόρφωσης Κειμένου για το 1ο Εκπαιδευτικό Συνέδριο Ένταξη και Χρήση των ΤΠΕ στην Εκπαιδευτική Διαδικασία" class="news-block-img pull-right" src="/thumbs/27/11051329.jpg"> Οδηγίες Διαμόρφωσης Κειμένου για το 1ο Εκπαιδευτικό Συνέδριο Ένταξη και Χρήση των ΤΠΕ στην Εκπαιδευτική Διαδικασία Α. Διαμαντής 1, Δ. Λιόβας 2 1 Εκπαιδευτικός Δευτεροβάθμιας Εκπαίδευσης Ν. Μαγνησίας adiamantis@sch.gr </p> <a href="/11051329-Odigies-diamorfosis-keimenoy-gia-to-1o-ekpaideytiko-synedrio-entaxi-kai-hrisi-ton-tpe-stin-ekpaideytiki-diadikasia.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/9854486-Manager-side-bar-mia-alli-leitoyrgia-einai-to-xypnitiri-mporeite-na-orisete-ton-hrono-ypenthymisis-meta-tin-lixi-toy-hronoy-tha-eidopoiitheite-ihitika.html">MANAGER SIDE BAR. Μία άλλη λειτουργία είναι το ξυπνητήρι. Μπορείτε να ορίσετε τον χρόνο υπενθύμισης. Μετά την λήξη του χρόνου θα ειδοποιηθείτε ηχητικά</a> </h3> <p> <img alt="MANAGER SIDE BAR. Μία άλλη λειτουργία είναι το ξυπνητήρι. Μπορείτε να ορίσετε τον χρόνο υπενθύμισης. Μετά την λήξη του χρόνου θα ειδοποιηθείτε ηχητικά" title="MANAGER SIDE BAR. Μία άλλη λειτουργία είναι το ξυπνητήρι. Μπορείτε να ορίσετε τον χρόνο υπενθύμισης. Μετά την λήξη του χρόνου θα ειδοποιηθείτε ηχητικά" class="news-block-img pull-right" src="/thumbs/27/9854486.jpg"> MANAGER SIDE BAR Η Manager side bar είναι μία εφαρμογή σχεδιασμένη να προσφέρει μια σειρά από λειτουργίες και ευκολίες σε κάθε χρήστη Η/Υ προχωρημένο ή αρχάριο. Βασική λειτουργία της εφαρμογής είναι ότι </p> <a href="/9854486-Manager-side-bar-mia-alli-leitoyrgia-einai-to-xypnitiri-mporeite-na-orisete-ton-hrono-ypenthymisis-meta-tin-lixi-toy-hronoy-tha-eidopoiitheite-ihitika.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/249424-Odigos-hrisis-manual-diaheiristi-hristi.html">ΟΔΗΓΟΣ ΧΡΗΣΗΣ(ΜΑΝUΑL) ΔΙΑΧΕΙΡΙΣΤΗ-ΧΡΗΣΤΗ.</a> </h3> <p> <img alt="ΟΔΗΓΟΣ ΧΡΗΣΗΣ(ΜΑΝUΑL) ΔΙΑΧΕΙΡΙΣΤΗ-ΧΡΗΣΤΗ." title="ΟΔΗΓΟΣ ΧΡΗΣΗΣ(ΜΑΝUΑL) ΔΙΑΧΕΙΡΙΣΤΗ-ΧΡΗΣΤΗ." class="news-block-img pull-right" src="/thumbs/19/249424.jpg"> ΟΔΗΓΟΣ ΧΡΗΣΗΣ(ΜΑΝUΑL) ΔΙΑΧΕΙΡΙΣΤΗ-ΧΡΗΣΤΗ. Οδηγός Διαχειριστή Το m-learning Toolkit είναι μια ολοκληρωμένη πλατφόρμα εξ αποστάσεως εκπαίδευσης που έχει σχεδιαστεί για να υπάρχει η δυνατότητα της πρόσβασης </p> <a href="/249424-Odigos-hrisis-manual-diaheiristi-hristi.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/843052-Sitebuilder-platforma-aytonomis-kataskeyis-diaheirisis-diktyakon-topon-website-egheiridio-hrisis-version-2-0.html">SITEBUILDER ΠΛΑΤΦΟΡΜΑ ΑΥΤΟΝΟΜΗΣ ΚΑΤΑΣΚΕΥΗΣ & ΔΙΑΧΕΙΡΙΣΗΣ ΔΙΚΤΥΑΚΩΝ ΤΟΠΩΝ (WEBSITE) ΕΓΧΕΙΡΙΔΙΟ ΧΡΗΣΗΣ. Version 2.0</a> </h3> <p> <img alt="SITEBUILDER ΠΛΑΤΦΟΡΜΑ ΑΥΤΟΝΟΜΗΣ ΚΑΤΑΣΚΕΥΗΣ & ΔΙΑΧΕΙΡΙΣΗΣ ΔΙΚΤΥΑΚΩΝ ΤΟΠΩΝ (WEBSITE) ΕΓΧΕΙΡΙΔΙΟ ΧΡΗΣΗΣ. Version 2.0" title="SITEBUILDER ΠΛΑΤΦΟΡΜΑ ΑΥΤΟΝΟΜΗΣ ΚΑΤΑΣΚΕΥΗΣ & ΔΙΑΧΕΙΡΙΣΗΣ ΔΙΚΤΥΑΚΩΝ ΤΟΠΩΝ (WEBSITE) ΕΓΧΕΙΡΙΔΙΟ ΧΡΗΣΗΣ. Version 2.0" class="news-block-img pull-right" src="/thumbs/18/843052.jpg"> SITEBUILDER ΠΛΑΤΦΟΡΜΑ ΑΥΤΟΝΟΜΗΣ ΚΑΤΑΣΚΕΥΗΣ & ΔΙΑΧΕΙΡΙΣΗΣ ΔΙΚΤΥΑΚΩΝ ΤΟΠΩΝ (WEBSITE) ΕΓΧΕΙΡΙΔΙΟ ΧΡΗΣΗΣ Version 2.0 Περιεχόμενα 1. Οδηγίες πρόσβασης... 3 2. Οδηγίες Σχεδιασμού Website... 4 2.1. Έναρξη... </p> <a href="/843052-Sitebuilder-platforma-aytonomis-kataskeyis-diaheirisis-diktyakon-topon-website-egheiridio-hrisis-version-2-0.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/5608855-Diepafes-hristi-gia-forites-syskeyes-gia-hrisi-se-olokliromena-ekpaideytika-perivallonta.html">Διεπαφές χρήστη για φορητές συσκευές για χρήση σε ολοκληρωμένα εκπαιδευτικά περιβάλλοντα</a> </h3> <p> <img alt="Διεπαφές χρήστη για φορητές συσκευές για χρήση σε ολοκληρωμένα εκπαιδευτικά περιβάλλοντα" title="Διεπαφές χρήστη για φορητές συσκευές για χρήση σε ολοκληρωμένα εκπαιδευτικά περιβάλλοντα" class="news-block-img pull-right" src="/thumbs/25/5608855.jpg"> ΑΡΙΣΤΟΤΕΛΕΙΟ ΠΑΝΕΠΙΣΤΗΜΙΟ ΘΕΣΣΑΛΟΝΙΚΗΣ ΣΧΟΛΗ ΘΕΤΙΚΩΝ ΕΠΙΣΤΗΜΩΝ - ΤΜΗΜΑ ΠΛΗΡΟΦΟΡΙΚΗΣ Διεπαφές χρήστη για φορητές συσκευές για χρήση σε ολοκληρωμένα εκπαιδευτικά περιβάλλοντα Πτυχιακή Εργασία του Μαντά Άγγελου </p> <a href="/5608855-Diepafes-hristi-gia-forites-syskeyes-gia-hrisi-se-olokliromena-ekpaideytika-perivallonta.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/897407-Analytikos-odigos-tis-enimerosis-ton-windows-8-1.html">Αναλυτικός οδηγός της ενημέρωσης των Windows 8.1</a> </h3> <p> <img alt="Αναλυτικός οδηγός της ενημέρωσης των Windows 8.1" title="Αναλυτικός οδηγός της ενημέρωσης των Windows 8.1" class="news-block-img pull-right" src="/thumbs/18/897407.jpg"> Αναλυτικός οδηγός της ενημέρωσης των Windows 8.1 Εγκατάσταση και ενημέρωση των Windows 8.1 Ενημερώστε το BIOS, εφαρμογές, προγράμματα οδήγησης και εκτελέστε το Windows Update Επιλέξτε τον τύπο εγκατάστασης </p> <a href="/897407-Analytikos-odigos-tis-enimerosis-ton-windows-8-1.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/7880585-Epl-012-eisagogi-sto-pagkosmio-plegma-pliroforion.html">ΕΠΛ 012 Εισαγωγή στο Παγκόσμιο Πλέγμα Πληροφοριών</a> </h3> <p> <img alt="ΕΠΛ 012 Εισαγωγή στο Παγκόσμιο Πλέγμα Πληροφοριών" title="ΕΠΛ 012 Εισαγωγή στο Παγκόσμιο Πλέγμα Πληροφοριών" class="news-block-img pull-right" src="/thumbs/26/7880585.jpg"> ΕΠΛ 012 Εισαγωγή στο Παγκόσμιο Πλέγμα Πληροφοριών World Wide Web (WWW) Θέματα Επεξεργασία δεδομένων στο Web Δημιουργία απλών σελίδων HTML Περιγραφή κάποιων XHTML στοιχείων (tags) Εξέλιξης του WWW Το WWW </p> <a href="/7880585-Epl-012-eisagogi-sto-pagkosmio-plegma-pliroforion.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/12454042-Icop-ypiresies-internet-websolutions-protasi-anathesi-ergoy-760-etaireia-pros-til-politis.html">ICOP - ΥΠΗΡΕΣΙΕΣ INTERNET-WEBSOLUTIONS ΠΡΟΤΑΣΗ-ΑΝΑΘΕΣΗ ΕΡΓΟΥ(760) Εταιρεία:.. Προς:. Tηλ.:.. Πωλητής:</a> </h3> <p> <img alt="ICOP - ΥΠΗΡΕΣΙΕΣ INTERNET-WEBSOLUTIONS ΠΡΟΤΑΣΗ-ΑΝΑΘΕΣΗ ΕΡΓΟΥ(760) Εταιρεία:.. Προς:. Tηλ.:.. Πωλητής:" title="ICOP - ΥΠΗΡΕΣΙΕΣ INTERNET-WEBSOLUTIONS ΠΡΟΤΑΣΗ-ΑΝΑΘΕΣΗ ΕΡΓΟΥ(760) Εταιρεία:.. Προς:. Tηλ.:.. Πωλητής:" class="news-block-img pull-right" src="/thumbs/27/12454042.jpg"> Θρασυμάχου 14, Αθήνα - 6ος όροφος Τηλέφωνο: 210 2139880 Fax: 210 2139916 E-mail: sales@icop.gr www.icop.gr ICOP - ΥΠΗΡΕΣΙΕΣ INTERNET-WEBSOLUTIONS ΠΡΟΤΑΣΗ-ΑΝΑΘΕΣΗ ΕΡΓΟΥ(760) Ημερομηνία:.. E-mail: Εταιρεία:.. </p> <a href="/12454042-Icop-ypiresies-internet-websolutions-protasi-anathesi-ergoy-760-etaireia-pros-til-politis.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/2302403-Logismiki-efarmogi-diaheirisis-erotimatologion-odigos-hrisis-system-symvoyleytiki-a-e.html">Λογισμική Εφαρμογή Διαχείρισης Ερωτηματολογίων ΟΔΗΓΟΣ ΧΡΗΣΗΣ System Συμβουλευτική Α.Ε</a> </h3> <p> <img alt="Λογισμική Εφαρμογή Διαχείρισης Ερωτηματολογίων ΟΔΗΓΟΣ ΧΡΗΣΗΣ System Συμβουλευτική Α.Ε" title="Λογισμική Εφαρμογή Διαχείρισης Ερωτηματολογίων ΟΔΗΓΟΣ ΧΡΗΣΗΣ System Συμβουλευτική Α.Ε" class="news-block-img pull-right" src="/thumbs/24/2302403.jpg"> σχετικά με τον έλεγχο της καπνιστικής συνήθειας 1 22 Λογισμικές εφαρμογές καταγραφής και αξιοποίησης πληροφοριών σχετικά με τον έλεγχο της καπνιστικής συνήθειας Λογισμική Εφαρμογή Διαχείρισης Ερωτηματολογίων </p> <a href="/2302403-Logismiki-efarmogi-diaheirisis-erotimatologion-odigos-hrisis-system-symvoyleytiki-a-e.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/10115284-Vodafone-business-connect.html">Vodafone Business Connect</a> </h3> <p> <img alt="Vodafone Business Connect" title="Vodafone Business Connect" class="news-block-img pull-right" src="/thumbs/27/10115284.jpg"> Vodafone Business Connect Vodafone Business WebHosting Αναλυτικός Οδηγός Χρήσης Photo Album Αναλυτικός οδηγός χρήσης: Photo Album Vodafone Business Connect - Υπηρεσίες φιλοξενίας εταιρικού e-mail & web </p> <a href="/10115284-Vodafone-business-connect.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/4916933-Menoy-provoli-provoles-eggrafoy.html">Μενού Προβολή. Προβολές εγγράφου</a> </h3> <p> <img alt="Μενού Προβολή. Προβολές εγγράφου" title="Μενού Προβολή. Προβολές εγγράφου" class="news-block-img pull-right" src="/thumbs/25/4916933.jpg"> Μενού Προβολή Προβολές εγγράφου Το Word παρέχει πέντε διαφορετικού είδους προβολές στον χρήστη, οι οποίες και βρίσκονται στο μενού Προβολή (View). Εναλλακτικά μπορούμε να επιλέξουμε το είδος προβολής που </p> <a href="/4916933-Menoy-provoli-provoles-eggrafoy.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/3616362-Efaruogi-systiua-iaheirisis-iadiktyakoy-peripteroy-istoselidas-ston-diadiktyako-topo-kalliergea-gr.html">Εφαρµογή: Σύστηµα ιαχείρισης ιαδικτυακού Περίπτερου / Ιστοσελίδας στον διαδικτυακό τόπο kalliergea.gr</a> </h3> <p> <img alt="Εφαρµογή: Σύστηµα ιαχείρισης ιαδικτυακού Περίπτερου / Ιστοσελίδας στον διαδικτυακό τόπο kalliergea.gr" title="Εφαρµογή: Σύστηµα ιαχείρισης ιαδικτυακού Περίπτερου / Ιστοσελίδας στον διαδικτυακό τόπο kalliergea.gr" class="news-block-img pull-right" src="/thumbs/24/3616362.jpg"> ..χτίζουµε την ιστοσελίδα σας στο Internet www.kalliergea.gr Λάουρα Π. Καζακράντε «Καλλιεργαία» Πληροφορική - Internet - ιαφήµιση - Μεταφράσεις Τηλ.: 211 0104925, 695 6118589 Email: info@kalliergea.gr </p> <a href="/3616362-Efaruogi-systiua-iaheirisis-iadiktyakoy-peripteroy-istoselidas-ston-diadiktyako-topo-kalliergea-gr.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/4242603-Ermis-digital-syntoui-perigrafi-tis-syuuetohis-uegisto-100-lexeis.html">Ermis Digital. Σύντοµη Περιγραφή της Συµµετοχής. (µέγιστο 100 λέξεις)</a> </h3> <p> <img alt="Ermis Digital. Σύντοµη Περιγραφή της Συµµετοχής. (µέγιστο 100 λέξεις)" title="Ermis Digital. Σύντοµη Περιγραφή της Συµµετοχής. (µέγιστο 100 λέξεις)" class="news-block-img pull-right" src="/thumbs/24/4242603.jpg"> Ermis Digital Η έκθεση δεν θα πρέπει να ξεπερνάει συνολικά τις 10 σελίδες (µαζί µε τις οδηγίες συµπλήρωσης των πεδίων). Για τις απαντήσεις θα πρέπει να χρησιµοποιηθεί µέγεθος γραµµατοσειράς 10 ή και µεγαλύτερο. </p> <a href="/4242603-Ermis-digital-syntoui-perigrafi-tis-syuuetohis-uegisto-100-lexeis.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/12212498-Anoikta-akadimaika-mathimata-sto-oikonomiko-panepistimio-athinon-prosvasimotita.html">Ανοικτά Ακαδημαϊκά Μαθήματα στο Οικονομικό Πανεπιστήμιο Αθηνών Προσβασιμότητα</a> </h3> <p> <img alt="Ανοικτά Ακαδημαϊκά Μαθήματα στο Οικονομικό Πανεπιστήμιο Αθηνών Προσβασιμότητα" title="Ανοικτά Ακαδημαϊκά Μαθήματα στο Οικονομικό Πανεπιστήμιο Αθηνών Προσβασιμότητα" class="news-block-img pull-right" src="/thumbs/27/12212498.jpg"> Ανοικτά Ακαδημαϊκά Μαθήματα στο Οικονομικό Πανεπιστήμιο Αθηνών Άννα Κεφάλα 1 Χρηματοδότηση Το έργο υλοποιείται στο πλαίσιο του Επιχειρησιακού Προγράμματος «Εκπαίδευση και Δια Βίου Μάθηση» και συγχρηματοδοτείται </p> <a href="/12212498-Anoikta-akadimaika-mathimata-sto-oikonomiko-panepistimio-athinon-prosvasimotita.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/2510181-Egheiridio-hrisis-yposystimatos-agroperivallontikon-enishyseon-drasi-1-1-drasi-1-2-drasi-2-1-drasi-1-4-drasi-2-3-drasi-4-1-drasi-4.html">ΕΓΧΕΙΡΙΔΙΟ ΧΡΗΣΗΣ ΥΠΟΣΥΣΤΗΜΑΤΟΣ ΑΓΡΟΠΕΡΙΒΑΛΛΟΝΤΙΚΩΝ ΕΝΙΣΧΥΣΕΩΝ. Δράση 1.1, Δράση 1.2, Δράση 2.1, Δράση 1.4, Δράση 2.3, Δράση 4.1, Δράση 4.</a> </h3> <p> <img alt="ΕΓΧΕΙΡΙΔΙΟ ΧΡΗΣΗΣ ΥΠΟΣΥΣΤΗΜΑΤΟΣ ΑΓΡΟΠΕΡΙΒΑΛΛΟΝΤΙΚΩΝ ΕΝΙΣΧΥΣΕΩΝ. Δράση 1.1, Δράση 1.2, Δράση 2.1, Δράση 1.4, Δράση 2.3, Δράση 4.1, Δράση 4." title="ΕΓΧΕΙΡΙΔΙΟ ΧΡΗΣΗΣ ΥΠΟΣΥΣΤΗΜΑΤΟΣ ΑΓΡΟΠΕΡΙΒΑΛΛΟΝΤΙΚΩΝ ΕΝΙΣΧΥΣΕΩΝ. Δράση 1.1, Δράση 1.2, Δράση 2.1, Δράση 1.4, Δράση 2.3, Δράση 4.1, Δράση 4." class="news-block-img pull-right" src="/thumbs/24/2510181.jpg"> Δράση 1.1, Δράση 1.2, Δράση 2.1, Δράση 1.4, Δράση 2.3, Δράση 4.1, Δράση 4.2 Δεκέμβριος 2013 ΠΙΝΑΚΑΣ ΠΕΡΙΕΧΟΜΕΝΩΝ 1 ΓΕΝΙΚΕΣ ΛΕΙΤΟΥΡΓΙΕΣ... 5 1.1 Υποχρεωτικά Πεδία... 5 1.2 Βοηθητική Λίστα Τιμών (drop down </p> <a href="/2510181-Egheiridio-hrisis-yposystimatos-agroperivallontikon-enishyseon-drasi-1-1-drasi-1-2-drasi-2-1-drasi-1-4-drasi-2-3-drasi-4-1-drasi-4.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/11948663-Meta-tin-ekkinisi-tis-efarmogis-kai-prin-xekinisei-opoiodipote-ergo-emfanizetai-mia-othoni-i-opoia-horizetai-se-meri.html">Μετά την εκκίνηση της εφαρμογής και πριν ξεκινήσει οποιοδήποτε έργο, εμφανίζεται μια οθόνη η οποία χωρίζεται σε μέρη.</a> </h3> <p> <img alt="Μετά την εκκίνηση της εφαρμογής και πριν ξεκινήσει οποιοδήποτε έργο, εμφανίζεται μια οθόνη η οποία χωρίζεται σε μέρη." title="Μετά την εκκίνηση της εφαρμογής και πριν ξεκινήσει οποιοδήποτε έργο, εμφανίζεται μια οθόνη η οποία χωρίζεται σε μέρη." class="news-block-img pull-right" src="/thumbs/27/11948663.jpg"> Web: http://www.loulakis.gr email: info@loulakis.gr Web:http://www.cadseminars.gr mail: info@cadseminars.gr 39 Περιβάλλον Εργασίας Το περιβάλλον εργασίας του Revit Architecture διαφοροποιήθηκε σημαντικά </p> <a href="/11948663-Meta-tin-ekkinisi-tis-efarmogis-kai-prin-xekinisei-opoiodipote-ergo-emfanizetai-mia-othoni-i-opoia-horizetai-se-meri.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/11034216-Www-costaschatzinikolas-gr.html">www.costaschatzinikolas.gr</a> </h3> <p> <img alt="www.costaschatzinikolas.gr" title="www.costaschatzinikolas.gr" class="news-block-img pull-right" src="/thumbs/27/11034216.jpg"> ECDL CORE ΕΝΟΤΗΤΑ 5 Χρήση Βάσεων Δεδομένων Microsoft Access Επαναληπτικές Ερωτήσεις Εξετάσεων ECDL CORE ΕΝΟΤΗΤΑ 5 Χρήση Βάσεων Δεδομένων Microsoft Access Επαναληπτικές Ερωτήσεις Εξετάσεων Δημιουργία - </p> <a href="/11034216-Www-costaschatzinikolas-gr.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/7660958-2-kante-klik-sto-parathyro-opsis-top-gia-na-to-energopoiisete-oste-na-shediasete-to-patoua-toy-douatioy.html">2. Κάντε κλικ στο παράθυρο όψης Top για να το ενεργοποιήσετε, ώστε να σχεδιάσετε το πάτωµα του δωµατίου.</a> </h3> <p> <img alt="2. Κάντε κλικ στο παράθυρο όψης Top για να το ενεργοποιήσετε, ώστε να σχεδιάσετε το πάτωµα του δωµατίου." title="2. Κάντε κλικ στο παράθυρο όψης Top για να το ενεργοποιήσετε, ώστε να σχεδιάσετε το πάτωµα του δωµατίου." class="news-block-img pull-right" src="/thumbs/26/7660958.jpg"> Άσκηση 7 Σύνθετα Αντικείµενα Στόχος της άσκησης Στόχος της παρούσας άσκησης είναι η εξοικείωση µε τη δηµιουργία σύνθετων αντικειµένων που δηµιουργούνται από τον συνδυασµό δύο ή περισσότερων τρισδιάστατων </p> <a href="/7660958-2-kante-klik-sto-parathyro-opsis-top-gia-na-to-energopoiisete-oste-na-shediasete-to-patoua-toy-douatioy.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/4789097-Sga-diaheirisi-protokolloy.html">SGA Διαχείριση Πρωτόκολλου</a> </h3> <p> <img alt="SGA Διαχείριση Πρωτόκολλου" title="SGA Διαχείριση Πρωτόκολλου" class="news-block-img pull-right" src="/thumbs/25/4789097.jpg"> SGA Διαχείριση Πρωτόκολλου SGA Διαχείριση Πρωτόκολλου 1. SGA Διαχείριση Πρωτοκόλλου... 2 1.1. Καινοτομία του προσφερόμενου προϊόντος... 2 1.2. Γενικές αρχές του προσφερόμενου συστήματος... 2 1.3. Ευκολία </p> <a href="/4789097-Sga-diaheirisi-protokolloy.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/9931864-6-eisagogi-sto-wordpress-3-x.html">6 Εισαγωγή στο Wordpress 3.x</a> </h3> <p> <img alt="6 Εισαγωγή στο Wordpress 3.x" title="6 Εισαγωγή στο Wordpress 3.x" class="news-block-img pull-right" src="/thumbs/27/9931864.jpg"> Περιεχόμενα 1 Εγκατάσταση του WordPress... 11 Ελάχιστες απαιτήσεις... 11 Easy PHP... 12 Εγκατάσταση Easy PHP... 12 Βήματα εγκατάστασης EasyPHP με εικόνες... 13 Το EasyPHP στα Ελληνικά... 17 Κατέβασμα και </p> <a href="/9931864-6-eisagogi-sto-wordpress-3-x.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/652634-Singular-report-generator-sh-1-iuioyrgia-katastaseon-srg.html">Singular Report Generator. Σχ 1 ηµιουργία Καταστάσεων SRG</a> </h3> <p> <img alt="Singular Report Generator. Σχ 1 ηµιουργία Καταστάσεων SRG" title="Singular Report Generator. Σχ 1 ηµιουργία Καταστάσεων SRG" class="news-block-img pull-right" src="/thumbs/20/652634.jpg"> Μια από τις πιο σηµαντικές ανάγκες που αντιµετωπίζει µια επιχείρηση κατά την εγκατάσταση ενός λογισµικού «πακέτου» (Οικονοµικής & Εµπορικής ιαχείρισης), είναι ο τρόπος µε τον οποίο πρέπει να ανταποκριθεί </p> <a href="/652634-Singular-report-generator-sh-1-iuioyrgia-katastaseon-srg.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/1231760-Ethniki-sholi-dimosias-ygeias-ygeionomiki-sholi-athinon-1929-1994-esdy-asyrmato-diktyo-odigos-syndesis-www-esdy-edu-gr.html">Εθνική Σχολή Δημόσιας Υγείας Υγειονομική Σχολή Αθηνών 1929-1994 ESDY. ασύρματο δίκτυο. Οδηγός Σύνδεσης. www.esdy.edu.gr</a> </h3> <p> <img alt="Εθνική Σχολή Δημόσιας Υγείας Υγειονομική Σχολή Αθηνών 1929-1994 ESDY. ασύρματο δίκτυο. Οδηγός Σύνδεσης. www.esdy.edu.gr" title="Εθνική Σχολή Δημόσιας Υγείας Υγειονομική Σχολή Αθηνών 1929-1994 ESDY. ασύρματο δίκτυο. Οδηγός Σύνδεσης. www.esdy.edu.gr" class="news-block-img pull-right" src="/thumbs/21/1231760.jpg"> Εθνική Σχολή Δημόσιας Υγείας Υγειονομική Σχολή Αθηνών 99-99 ασύρματο δίκτυο Οδηγός Σύνδεσης www.esdy.edu.gr Οδηγός Σύνδεσης στο Ασύρματο Δίκτυο της ΕΣΔΥ Η Εθνική Σχολή Δημόσιας Υγείας παρέχει δωρεάν στους </p> <a href="/1231760-Ethniki-sholi-dimosias-ygeias-ygeionomiki-sholi-athinon-1929-1994-esdy-asyrmato-diktyo-odigos-syndesis-www-esdy-edu-gr.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/4306221-T-e-i-dytikis-elladas-tmima-dioikisis-epiheiriseon-mesologgi-7-i-dialexi-mathima-tehnologies-diadiktyoy.html">Τ.Ε.Ι. Δυτικής Ελλάδας Τμήμα Διοίκησης Επιχειρήσεων Μεσολόγγι. 7 η Διάλεξη. Μάθημα: Τεχνολογίες Διαδικτύου</a> </h3> <p> <img alt="Τ.Ε.Ι. Δυτικής Ελλάδας Τμήμα Διοίκησης Επιχειρήσεων Μεσολόγγι. 7 η Διάλεξη. Μάθημα: Τεχνολογίες Διαδικτύου" title="Τ.Ε.Ι. Δυτικής Ελλάδας Τμήμα Διοίκησης Επιχειρήσεων Μεσολόγγι. 7 η Διάλεξη. Μάθημα: Τεχνολογίες Διαδικτύου" class="news-block-img pull-right" src="/thumbs/24/4306221.jpg"> Τ.Ε.Ι. Δυτικής Ελλάδας Τμήμα Διοίκησης Επιχειρήσεων Μεσολόγγι 7 η Διάλεξη Μάθημα: Τεχνολογίες Διαδικτύου Περιεχόμενα 7 η διάλεξη Δικτυακή ουδετερότητα (net neutrality) Κινητός παγκόσμιος ιστός (mobile </p> <a href="/4306221-T-e-i-dytikis-elladas-tmima-dioikisis-epiheiriseon-mesologgi-7-i-dialexi-mathima-tehnologies-diadiktyoy.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/2288325-Periehomena-tehniko-egheiridio-hrisis-ibnewsletter.html">Περιεχόμενα. Τεχνικό εγχειρίδιο χρήσης IBNEWSLETTER</a> </h3> <p> <img alt="Περιεχόμενα. Τεχνικό εγχειρίδιο χρήσης IBNEWSLETTER" title="Περιεχόμενα. Τεχνικό εγχειρίδιο χρήσης IBNEWSLETTER" class="news-block-img pull-right" src="/thumbs/24/2288325.jpg"> Περιεχόμενα ΣΤΟΙΧΕΙΑ ΕΠΙΚΟΙΝΩΝΙΑΣ... 2 Τμήμα Υποστήριξης (Help Desk and Client Support)... 2 ΕΙΣΑΓΩΓΗ... 3 Εισαγωγή Email marketing... 3 Σχετικά με το IBNEWSLETTER... 3 Μεθοδολογία... 4 Χαρακτηριστικά... </p> <a href="/2288325-Periehomena-tehniko-egheiridio-hrisis-ibnewsletter.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/12277769-Get-sdi-portal-v1-odigos-voitheias.html">GET SDI PORTAL v1. Οδηγός Βοήθειας</a> </h3> <p> <img alt="GET SDI PORTAL v1. Οδηγός Βοήθειας" title="GET SDI PORTAL v1. Οδηγός Βοήθειας" class="news-block-img pull-right" src="/thumbs/27/12277769.jpg"> GET SDI PORTAL v1 Οδηγός Βοήθειας Μεταδεδομένα εγγράφου Στοιχείο/Element Τιμή/value Ημερομηνία/Date 2011-06-16 Τίτλος/Title GETSDIPortal_v1_Help_v1.0 Θέμα/Subject Οδηγός Βοήθειας Έκδοση/Version 1.0 Σελίδα </p> <a href="/12277769-Get-sdi-portal-v1-odigos-voitheias.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/201307-Morfopoiisi-eikonon-eisagogi-stohos-kefalaioy.html">Μορφοποίηση εικόνων. Εισαγωγή. Στόχος κεφαλαίου</a> </h3> <p> <img alt="Μορφοποίηση εικόνων. Εισαγωγή. Στόχος κεφαλαίου" title="Μορφοποίηση εικόνων. Εισαγωγή. Στόχος κεφαλαίου" class="news-block-img pull-right" src="/thumbs/18/201307.jpg"> Περιεχόμενα Κεφάλαιο 1: Προετοιμασία παρουσίασης...1 Κεφάλαιο 2: Διαχείριση διαφανειών...18 Κεφάλαιο 3: Διαχείριση γραφικών...31 Κεφάλαιο 4: Επεξεργασία εικόνων με το Adobe Photoshop...56 Κεφάλαιο 5: Μορφοποίηση </p> <a href="/201307-Morfopoiisi-eikonon-eisagogi-stohos-kefalaioy.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/1907923-Grafistiki-pliroforias-se-3d.html">Γραφιστική Πληροφορίας σε 3D</a> </h3> <p> <img alt="Γραφιστική Πληροφορίας σε 3D" title="Γραφιστική Πληροφορίας σε 3D" class="news-block-img pull-right" src="/thumbs/23/1907923.jpg"> Γραφιστική Πληροφορίας σε 3D Κωνσταντίνος Σεβεντεκίδης Καθηγητής Πληροφορικής ΠΕ-19, Msc Email: kseventekidis@sch.gr Τμήμα Πληροφορικής και ΜΜΕ ΤΕΙ ΠΥΡΓΟΥ (παράρτημα ΤΕΙ ΠΑΤΡΑΣ) Γραφιστική Πληροφορίας </p> <a href="/1907923-Grafistiki-pliroforias-se-3d.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/6937673-Pinakes-perigrauuata-kai-skiasi.html">Πίνακες, περιγράµµατα και σκίαση</a> </h3> <p> <img alt="Πίνακες, περιγράµµατα και σκίαση" title="Πίνακες, περιγράµµατα και σκίαση" class="news-block-img pull-right" src="/thumbs/25/6937673.jpg"> Πίνακες, περιγράµµατα και σκίαση Οι πίνακες Οι πίνακες είναι ορθογώνια πλαίσια που χωρίζονται σε γραµµές και στήλες. Η τοµή µιας γραµµής µε µια στήλη προσδιορίζει ένα κελί. Τα στοιχεία, που παρουσιάζουµε, </p> <a href="/6937673-Pinakes-perigrauuata-kai-skiasi.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/9345353-Exetastea-uli-syllabus-ekdosi-1-5.html">Εξεταστέα Ύλη (Syllabus) Έκδοση 1.5</a> </h3> <p> <img alt="Εξεταστέα Ύλη (Syllabus) Έκδοση 1.5" title="Εξεταστέα Ύλη (Syllabus) Έκδοση 1.5" class="news-block-img pull-right" src="/thumbs/26/9345353.jpg"> Εξεταστέα Ύλη (Syllabus) Έκδοση 1.5 Πνευματικά Δικαιώματα 2005 Ίδρυμα ECDL (ECDL Foundation www.ecdl.com) Όλα τα δικαιώματα είναι κατοχυρωμένα. Κανένα μέρος αυτού του εγγράφου δεν μπορεί να αναπαραχθεί </p> <a href="/9345353-Exetastea-uli-syllabus-ekdosi-1-5.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/7781799-Olokliromenes-draseis-provolis-dimosiotitas-gia-to-dimo-arhanon-asteroysion-egheiridio-hrisis-paroysiasi.html">Ολοκληρωμένες Δράσεις προβολής δημοσιότητας για το Δήμο Αρχανών Αστερουσίων Εγχειρίδιο Χρήσης - Παρουσίαση</a> </h3> <p> <img alt="Ολοκληρωμένες Δράσεις προβολής δημοσιότητας για το Δήμο Αρχανών Αστερουσίων Εγχειρίδιο Χρήσης - Παρουσίαση" title="Ολοκληρωμένες Δράσεις προβολής δημοσιότητας για το Δήμο Αρχανών Αστερουσίων Εγχειρίδιο Χρήσης - Παρουσίαση" class="news-block-img pull-right" src="/thumbs/26/7781799.jpg"> Novel Tech «Μέλος του Επιστημονικού & Τεχνολογικού Πάρκου Κρήτης» http://www.noveltech.gr info@noveltech.gr Ολοκληρωμένες Δράσεις προβολής δημοσιότητας για το Δήμο Αρχανών Αστερουσίων Εγχειρίδιο Χρήσης </p> <a href="/7781799-Olokliromenes-draseis-provolis-dimosiotitas-gia-to-dimo-arhanon-asteroysion-egheiridio-hrisis-paroysiasi.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/430421-Odigies-hrisis-dvr-ktec.html">ΟΔΗΓΙΕΣ ΧΡΗΣΗΣ DVR KTEC</a> </h3> <p> <img alt="ΟΔΗΓΙΕΣ ΧΡΗΣΗΣ DVR KTEC" title="ΟΔΗΓΙΕΣ ΧΡΗΣΗΣ DVR KTEC" class="news-block-img pull-right" src="/thumbs/20/430421.jpg"> ΟΔΗΓΙΕΣ ΧΡΗΣΗΣ DVR KTEC 1) Πατάμε δεξί κλικ Μενού 2) Όνομα Χρήστη βάζουμε «admin» 3) Κωδικός Πρόσβασης το αφήνουμε «κενό» 4) Πατάμε OK και μπαίνουμε στο Μενού Είσοδος στο μενού Στην πρώτη εκκίνηση μετά </p> <a href="/430421-Odigies-hrisis-dvr-ktec.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/1958831-Dynamikes-istoselides-eisagogi-stin-javascript-gia-programmatismo-stin-pleyra-toy-client.html">Δυναμικές Ιστοσελίδες Εισαγωγή στην Javascript για προγραμματισμό στην πλευρά του client</a> </h3> <p> <img alt="Δυναμικές Ιστοσελίδες Εισαγωγή στην Javascript για προγραμματισμό στην πλευρά του client" title="Δυναμικές Ιστοσελίδες Εισαγωγή στην Javascript για προγραμματισμό στην πλευρά του client" class="news-block-img pull-right" src="/thumbs/23/1958831.jpg"> ΕΣΔ 516 Τεχνολογίες Διαδικτύου Δυναμικές Ιστοσελίδες Εισαγωγή στην Javascript για προγραμματισμό στην πλευρά του client Περιεχόμενα Περιεχόμενα Javascript και HTML Βασική σύνταξη Μεταβλητές Τελεστές Συναρτήσεις </p> <a href="/1958831-Dynamikes-istoselides-eisagogi-stin-javascript-gia-programmatismo-stin-pleyra-toy-client.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/4303051-Eisagogi-sto-libre-office-paroysiaseis-me-to-impress-baios-kolofotias-epistimonikos-synergatis-sweng-lab-a-p-th.html">Εισαγωγή στο Libre Office Παρουσιάσεις με το Impress. Bάιος Κολοφωτιάς Επιστημονικός Συνεργάτης Sweng Lab A.Π.Θ</a> </h3> <p> <img alt="Εισαγωγή στο Libre Office Παρουσιάσεις με το Impress. Bάιος Κολοφωτιάς Επιστημονικός Συνεργάτης Sweng Lab A.Π.Θ" title="Εισαγωγή στο Libre Office Παρουσιάσεις με το Impress. Bάιος Κολοφωτιάς Επιστημονικός Συνεργάτης Sweng Lab A.Π.Θ" class="news-block-img pull-right" src="/thumbs/24/4303051.jpg"> Εισαγωγή στο Libre Office Παρουσιάσεις με το Impress Bάιος Κολοφωτιάς Επιστημονικός Συνεργάτης Sweng Lab A.Π.Θ Εισαγωγικά Οι παρουσιάσεις είναι μια εφαρμογή που χρησιμεύει στην παρουσίαση των εργασιών </p> <a href="/4303051-Eisagogi-sto-libre-office-paroysiaseis-me-to-impress-baios-kolofotias-epistimonikos-synergatis-sweng-lab-a-p-th.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/705061-Imerominia-paradosis-4-4-2013.html">Ημερομηνία Παράδοσης: 4/4/2013</a> </h3> <p> <img alt="Ημερομηνία Παράδοσης: 4/4/2013" title="Ημερομηνία Παράδοσης: 4/4/2013" class="news-block-img pull-right" src="/thumbs/18/705061.jpg"> Δράση 9.14 / Υπηρεσία εντοπισμού λογοκλοπής Κυρίως Παραδοτέο / Σχεδιασμός και ανάπτυξη λογισμικού (λογοκλοπής) και βάσης δεδομένων (αποθετηρίου) Επιμέρους Παραδοτέο 9.14.1.4 / Πληροφοριακό σύστημα υπηρεσίας </p> <a href="/705061-Imerominia-paradosis-4-4-2013.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/7950452-P-e-r-i-e-h-o-m-e-n-a.html">Π Ε Ρ Ι Ε Χ Ο Μ Ε Ν Α</a> </h3> <p> <img alt="Π Ε Ρ Ι Ε Χ Ο Μ Ε Ν Α" title="Π Ε Ρ Ι Ε Χ Ο Μ Ε Ν Α" class="news-block-img pull-right" src="/thumbs/26/7950452.jpg"> Π Ε Ρ Ι Ε Χ Ο Μ Ε Ν Α 1 Windows 8.1 1.1 Βασικές Έννοιες Πληροφορικής και Επικοινωνιών Εισαγωγή 19 Τι είναι ο Ηλεκτρονικός Υπολογιστής 20 Κατηγορίες Υπολογιστών 21 Κύρια μέρη ενός Προσωπικού Υπολογιστή </p> <a href="/7950452-P-e-r-i-e-h-o-m-e-n-a.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/3603084-Diadiktyaki-pyli-web-portal-odigos-hrisis-system-symvoyleytiki-a-e.html">Διαδικτυακή Πύλη (web portal) ΟΔΗΓΟΣ ΧΡΗΣΗΣ System Συμβουλευτική Α.Ε</a> </h3> <p> <img alt="Διαδικτυακή Πύλη (web portal) ΟΔΗΓΟΣ ΧΡΗΣΗΣ System Συμβουλευτική Α.Ε" title="Διαδικτυακή Πύλη (web portal) ΟΔΗΓΟΣ ΧΡΗΣΗΣ System Συμβουλευτική Α.Ε" class="news-block-img pull-right" src="/thumbs/24/3603084.jpg"> σχετικά με τον έλεγχο της καπνιστικής συνήθειας 1 21 Λογισμικές εφαρμογές καταγραφής και αξιοποίησης πληροφοριών σχετικά με τον έλεγχο της καπνιστικής συνήθειας Διαδικτυακή Πύλη (web portal) ΟΔΗΓΟΣ ΧΡΗΣΗΣ </p> <a href="/3603084-Diadiktyaki-pyli-web-portal-odigos-hrisis-system-symvoyleytiki-a-e.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/540806-Eisagogi-sto-libre-office-baios-kolofotias-epistimonikos-synergatis-sweng-lab-a-p-th.html">Εισαγωγή στο Libre Office. Bάιος Κολοφωτιάς Επιστημονικός Συνεργάτης Sweng Lab A.Π.Θ</a> </h3> <p> <img alt="Εισαγωγή στο Libre Office. Bάιος Κολοφωτιάς Επιστημονικός Συνεργάτης Sweng Lab A.Π.Θ" title="Εισαγωγή στο Libre Office. Bάιος Κολοφωτιάς Επιστημονικός Συνεργάτης Sweng Lab A.Π.Θ" class="news-block-img pull-right" src="/thumbs/20/540806.jpg"> Εισαγωγή στο Libre Office Bάιος Κολοφωτιάς Επιστημονικός Συνεργάτης Sweng Lab A.Π.Θ Εισαγωγή στο Libre Ofiice To LibreOffice είναι η ελεύθερη, πολυδύναμη (power-packed), σουΐτα προσωπικής παραγωγικότητας </p> <a href="/540806-Eisagogi-sto-libre-office-baios-kolofotias-epistimonikos-synergatis-sweng-lab-a-p-th.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/7781750-Microsoft-powerpoint-2007.html">Microsoft PowerPoint 2007</a> </h3> <p> <img alt="Microsoft PowerPoint 2007" title="Microsoft PowerPoint 2007" class="news-block-img pull-right" src="/thumbs/26/7781750.jpg"> Information Technology Services and Solutions Σύμβουλοι Μηχανογράφησης και Εκπαίδευσης Στεφ. Σκουλούδη 27, Καλλίπολη, Πειραιάς 210 45 38 177 http://www.itss.gr/ Microsoft PowerPoint 2007 Κωνσταντίνος Κωβαίος </p> <a href="/7781750-Microsoft-powerpoint-2007.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/3961941-O-odigos-grigoris-ekkinisis.html">Ο Οδηγός γρήγορης εκκίνησης</a> </h3> <p> <img alt="Ο Οδηγός γρήγορης εκκίνησης" title="Ο Οδηγός γρήγορης εκκίνησης" class="news-block-img pull-right" src="/thumbs/24/3961941.jpg"> Ο Οδηγός γρήγορης εκκίνησης του Microsoft OneNote 2013 έχει διαφορετική εμφάνιση από προηγούμενες εκδόσεις. Γι αυτό το λόγο, δημιουργήσαμε αυτόν τον οδηγό για να ελαχιστοποιήσουμε την καμπύλη εκμάθησης. </p> <a href="/3961941-O-odigos-grigoris-ekkinisis.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/681977-Odigies-gia-egkatastasi-kai-hrisi-toy-google-earth-ploigisi-kai-ektyposi-aerofotografion.html">ΟΔΗΓΙΕΣ ΓΙΑ ΕΓΚΑΤΑΣΤΑΣΗ ΚΑΙ ΧΡΗΣΗ ΤΟΥ GOOGLE EARTH [ΠΛΟΗΓΗΣΗ ΚΑΙ ΕΚΤΥΠΩΣΗ ΑΕΡΟΦΩΤΟΓΡΑΦΙΩΝ]</a> </h3> <p> <img alt="ΟΔΗΓΙΕΣ ΓΙΑ ΕΓΚΑΤΑΣΤΑΣΗ ΚΑΙ ΧΡΗΣΗ ΤΟΥ GOOGLE EARTH [ΠΛΟΗΓΗΣΗ ΚΑΙ ΕΚΤΥΠΩΣΗ ΑΕΡΟΦΩΤΟΓΡΑΦΙΩΝ]" title="ΟΔΗΓΙΕΣ ΓΙΑ ΕΓΚΑΤΑΣΤΑΣΗ ΚΑΙ ΧΡΗΣΗ ΤΟΥ GOOGLE EARTH [ΠΛΟΗΓΗΣΗ ΚΑΙ ΕΚΤΥΠΩΣΗ ΑΕΡΟΦΩΤΟΓΡΑΦΙΩΝ]" class="news-block-img pull-right" src="/thumbs/18/681977.jpg"> ΟΔΗΓΙΕΣ ΓΙΑ ΕΓΚΑΤΑΣΤΑΣΗ ΚΑΙ ΧΡΗΣΗ ΤΟΥ GOOGLE EARTH [ΠΛΟΗΓΗΣΗ ΚΑΙ ΕΚΤΥΠΩΣΗ ΑΕΡΟΦΩΤΟΓΡΑΦΙΩΝ] Τι είναι το Google Earth Το Google Earth είναι λογισμικό-εργαλείο γραφικής απεικόνισης, χαρτογράφησης και εξερεύνησης </p> <a href="/681977-Odigies-gia-egkatastasi-kai-hrisi-toy-google-earth-ploigisi-kai-ektyposi-aerofotografion.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/1387695-Afoy-dosoyme-onoma-hrisi-kai-password-mporoyme-na-epilexoyme-imerominia-eisodoy-sto-systima-etairia-kai-ypokatastima.html">Αφού δώσουμε όνομα χρήση και password μπορούμε να επιλέξουμε ημερομηνία εισόδου στο σύστημα, εταιρία και υποκατάστημα</a> </h3> <p> <img alt="Αφού δώσουμε όνομα χρήση και password μπορούμε να επιλέξουμε ημερομηνία εισόδου στο σύστημα, εταιρία και υποκατάστημα" title="Αφού δώσουμε όνομα χρήση και password μπορούμε να επιλέξουμε ημερομηνία εισόδου στο σύστημα, εταιρία και υποκατάστημα" class="news-block-img pull-right" src="/thumbs/22/1387695.jpg"> Αφού δώσουμε όνομα χρήση και password μπορούμε να επιλέξουμε ημερομηνία εισόδου στο σύστημα, εταιρία και υποκατάστημα Η κεντρική οθόνη του προγράμματος. Ανά χρήστη υπάρχει δυνατότητα σχεδιασμού Menu Αρχείο </p> <a href="/1387695-Afoy-dosoyme-onoma-hrisi-kai-password-mporoyme-na-epilexoyme-imerominia-eisodoy-sto-systima-etairia-kai-ypokatastima.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/2256573-Synoptikos-odigos-hrisis-toy-moodle-gia-ton-kathigiti.html">Συνοπτικός Οδηγός Χρήσης του Moodle για τον Καθηγητή</a> </h3> <p> <img alt="Συνοπτικός Οδηγός Χρήσης του Moodle για τον Καθηγητή" title="Συνοπτικός Οδηγός Χρήσης του Moodle για τον Καθηγητή" class="news-block-img pull-right" src="/thumbs/24/2256573.jpg"> Συνοπτικός Οδηγός Χρήσης του Moodle για τον Καθηγητή 1 Πίνακας Περιεχομένων 1. Εισαγωγή... 4 1.1 Περιβάλλον Moodle...4 1.2 Χρήση ονόματος χρήστη και κωδικού...4 1.3 Δημιουργία νέου μαθήματος...4 1.3.1 </p> <a href="/2256573-Synoptikos-odigos-hrisis-toy-moodle-gia-ton-kathigiti.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/9622422-Simeioseis-toy-seminarioy-dimioyrgia-ekpaideytikoy-istotopoy-me-hrisi-toy-logismikoy-joomla.html">Σημειώσεις του σεμιναρίου: Δημιουργία εκπαιδευτικού ιστότοπου με χρήση του λογισμικού Joomla</a> </h3> <p> <img alt="Σημειώσεις του σεμιναρίου: Δημιουργία εκπαιδευτικού ιστότοπου με χρήση του λογισμικού Joomla" title="Σημειώσεις του σεμιναρίου: Δημιουργία εκπαιδευτικού ιστότοπου με χρήση του λογισμικού Joomla" class="news-block-img pull-right" src="/thumbs/27/9622422.jpg"> Σημειώσεις του σεμιναρίου: Δημιουργία εκπαιδευτικού ιστότοπου με χρήση του λογισμικού Joomla 1 Διδακτική ώρα: 25 η -26 η Στην ενότητα αυτή θα ενσωματώσετε video από το youtube σε ένα άρθρο και επιπλέον </p> <a href="/9622422-Simeioseis-toy-seminarioy-dimioyrgia-ekpaideytikoy-istotopoy-me-hrisi-toy-logismikoy-joomla.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/1860045-Html-1-eisagogi-stin-html-kai-ta-css.html">HTML... 1. Εισαγωγή στην HTML και τα CSS</a> </h3> <p> <img alt="HTML... 1. Εισαγωγή στην HTML και τα CSS" title="HTML... 1. Εισαγωγή στην HTML και τα CSS" class="news-block-img pull-right" src="/thumbs/23/1860045.jpg"> HTML...... 1 Εισαγωγή στην HTML και τα CSS HTML...... 2 HTML. H HTML (HYPERTEXT MARKUP LANGUAGE), είναι µία γλώσσα η οποία «λέει» στον υπολογιστή πως θα πρέπει να εµφανίσει µία ιστοσελίδα. Τα αρχεία στα </p> <a href="/1860045-Html-1-eisagogi-stin-html-kai-ta-css.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/2256537-Kefalaio-ii-openoffice-3-x-calc.html">ΚΕΦΑΛΑΙΟ ΙΙ. OpenOffice 3.x Calc</a> </h3> <p> <img alt="ΚΕΦΑΛΑΙΟ ΙΙ. OpenOffice 3.x Calc" title="ΚΕΦΑΛΑΙΟ ΙΙ. OpenOffice 3.x Calc" class="news-block-img pull-right" src="/thumbs/24/2256537.jpg"> ΚΕΦΑΛΑΙΟ ΙΙ OpenOffice 3.x Calc Στόχοι: Με τη βοήθεια του οδηγού αυτού ο εκπαιδευόμενος θα μπορεί να: χρησιμοποιεί τα βασικά εργαλεία του Calc κατασκευάζει πίνακες δημιουργεί φόρμουλες υπολογισμού κατασκευάζει </p> <a href="/2256537-Kefalaio-ii-openoffice-3-x-calc.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/6560846-Kefalaio-6-zografiki.html">Κεφάλαιο 6: Ζωγραφική</a> </h3> <p> <img alt="Κεφάλαιο 6: Ζωγραφική" title="Κεφάλαιο 6: Ζωγραφική" class="news-block-img pull-right" src="/thumbs/25/6560846.jpg"> Κεφάλαιο 6: Ζωγραφική... Σε αυτό το κεφάλαιο: 6.1 Ζωγραφική 6.2 Απλά ζωγράφισε 6.3 Χρώμα, σκιά και μέγεθος 6.4 Παράδειγμα... «Ζωγραφίζω πράγματα που σκέφτομαι, όχι πράγματα που βλέπω!» (Πικάσο) 6.1 Ζωγραφική </p> <a href="/6560846-Kefalaio-6-zografiki.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/7565321-Diakiryxi-dimoprasias-me-arithmo-dd.html">ΔΙΑΚΗΡΥΞΗ ΔΗΜΟΠΡΑΣΙΑΣ ΜΕ ΑΡΙΘΜΟ ΔΔ-...</a> </h3> <p> <img alt="ΔΙΑΚΗΡΥΞΗ ΔΗΜΟΠΡΑΣΙΑΣ ΜΕ ΑΡΙΘΜΟ ΔΔ-..." title="ΔΙΑΚΗΡΥΞΗ ΔΗΜΟΠΡΑΣΙΑΣ ΜΕ ΑΡΙΘΜΟ ΔΔ-..." class="news-block-img pull-right" src="/thumbs/26/7565321.jpg"> ΙΑΧΕΙΡΙΣΤΗΣ ΕΛΛΗΝΙΚΟΥ ΙΚΤΥΟΥ ΙΑΝΟΜΗΣ ΗΛΕΚΤΡΙΚΗΣ ΕΝΕΡΓΕΙΑΣ Α.Ε. ΔΙΑΚΗΡΥΞΗ ΔΗΜΟΠΡΑΣΙΑΣ ΜΕ ΑΡΙΘΜΟ ΔΔ-... ΕΡΓΟ: «Πιλοτικό Σύστηµα Τηλεµέτρησης και ιαχείρισης της Ζήτησης Παροχών Ηλεκτρικής Ενέργειας Οικιακών </p> <a href="/7565321-Diakiryxi-dimoprasias-me-arithmo-dd.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/67473-Egheiridio-gia-ti-dimioyrgia-newsletter-sto-word.html">Εγχειρίδιο για τη δημιουργία Newsletter στο Word</a> </h3> <p> <img alt="Εγχειρίδιο για τη δημιουργία Newsletter στο Word" title="Εγχειρίδιο για τη δημιουργία Newsletter στο Word" class="news-block-img pull-right" src="/thumbs/17/67473.jpg"> Εγχειρίδιο για τη δημιουργία Newsletter στο Word Παράδειγμα Εικόνας Πρόλογος Αυτό το πρότυπο του Word θα σας δώσει τη δυνατότητα να δημιουργήσετε τα προσωπικά σας Newsletter στο MS Word. Μπορείτε να επιλέξετε </p> <a href="/67473-Egheiridio-gia-ti-dimioyrgia-newsletter-sto-word.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/2456152-5-o-kefalaio-praktiko-kommati.html">5 ο ΚΕΦΑΛΑΙΟ: ΠΡΑΚΤΙΚΟ ΚΟΜΜΑΤΙ</a> </h3> <p> <img alt="5 ο ΚΕΦΑΛΑΙΟ: ΠΡΑΚΤΙΚΟ ΚΟΜΜΑΤΙ" title="5 ο ΚΕΦΑΛΑΙΟ: ΠΡΑΚΤΙΚΟ ΚΟΜΜΑΤΙ" class="news-block-img pull-right" src="/thumbs/24/2456152.jpg"> 5 ο ΚΕΦΑΛΑΙΟ: ΠΡΑΚΤΙΚΟ ΚΟΜΜΑΤΙ 5.1 Εισαγωγή Το πρακτικό κομμάτι της πτυχιακής μας εργασίας αφορά την δημιουργία μιας λειτουργικής ιστοσελίδας με την χρήση της πλατφόρμας του Weebly, που αποτελεί μια σύγχρονη </p> <a href="/2456152-5-o-kefalaio-praktiko-kommati.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/4131180-Internet-business-hellas.html">Internet Business Hellas</a> </h3> <p> <img alt="Internet Business Hellas" title="Internet Business Hellas" class="news-block-img pull-right" src="/thumbs/24/4131180.jpg"> Internet Business Hellas Περιεχόμενα Εισαγωγή email marketing IBNEWSLETTER Χαρακτηριστικά Πλεονεκτήματα Επικοινωνία Εισαγωγή email marketing «Το μάρκετινγκ μέσω ηλεκτρονικού ταχυδρομείου συνίσταται στην </p> <a href="/4131180-Internet-business-hellas.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/10476066-Ergastirio-grafikon-voithitiko-yliko-gia-tin-ekponisi-ton-ergasion-afora-tin-1-i-ergastiriaki-askisi.html">Εργαστήριο Γραφικών. Βοηθητικό Υλικό για την εκπόνηση των εργασιών Αφορά την 1 η Εργαστηριακή Άσκηση</a> </h3> <p> <img alt="Εργαστήριο Γραφικών. Βοηθητικό Υλικό για την εκπόνηση των εργασιών Αφορά την 1 η Εργαστηριακή Άσκηση" title="Εργαστήριο Γραφικών. Βοηθητικό Υλικό για την εκπόνηση των εργασιών Αφορά την 1 η Εργαστηριακή Άσκηση" class="news-block-img pull-right" src="/thumbs/27/10476066.jpg"> 1 Εργαστήριο Γραφικών Βοηθητικό Υλικό για την εκπόνηση των εργασιών Αφορά την 1 η Εργαστηριακή Άσκηση Μέρος B Σπύρος Συρμακέσης Καθηγητής syrma@teimes.gr Εύη Φαλιάγκα Δρ. Μηχανικός Η/Υ efaliaga@teimes.gr </p> <a href="/10476066-Ergastirio-grafikon-voithitiko-yliko-gia-tin-ekponisi-ton-ergasion-afora-tin-1-i-ergastiriaki-askisi.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/2758859-The-38-th-international-physics-olympiad-iran-theory-competition-sunday-15-july-2007.html">The 38 th International Physics Olympiad Iran Theory Competition Sunday, 15 July 2007</a> </h3> <p> <img alt="The 38 th International Physics Olympiad Iran Theory Competition Sunday, 15 July 2007" title="The 38 th International Physics Olympiad Iran Theory Competition Sunday, 15 July 2007" class="news-block-img pull-right" src="/thumbs/24/2758859.jpg"> The 38 th International Physics Olympiad Iran Theory Competition Sunday, 15 July 2007 Παρακαλώ διαβάστε πρώτα τις πιο κάτω οδηγίες: 1. Η εξέταση διαρκεί 5 h (πέντε ώρες). Υπάρχουν τρεις ερωτήσεις και κάθε </p> <a href="/2758859-The-38-th-international-physics-olympiad-iran-theory-competition-sunday-15-july-2007.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/3557327-Case-08-epilogi-diafimistikon-meson-i-senario-1.html">Case 08: Επιλογή Διαφημιστικών Μέσων Ι ΣΕΝΑΡΙΟ (1)</a> </h3> <p> <img alt="Case 08: Επιλογή Διαφημιστικών Μέσων Ι ΣΕΝΑΡΙΟ (1)" title="Case 08: Επιλογή Διαφημιστικών Μέσων Ι ΣΕΝΑΡΙΟ (1)" class="news-block-img pull-right" src="/thumbs/24/3557327.jpg"> Case 08: Επιλογή Διαφημιστικών Μέσων Ι ΣΕΝΑΡΙΟ (1) Το πρόβλημα της επιλογής των μέσων διαφήμισης (??) το αντιμετωπίζουν τόσο οι επιχειρήσεις όσο και οι διαφημιστικές εταιρείες στην προσπάθειά τους ν' αναπτύξουν </p> <a href="/3557327-Case-08-epilogi-diafimistikon-meson-i-senario-1.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/1911354-Eisagogi-6-eisodos-sta-windows-kai-othoni-kleidomatos-11-oi-protes-rythmiseis-ton-windows-8-29-h-epifaneia-ergasias-49.html">Εισαγωγή 6. Είσοδος στα Windows και οθόνη κλειδώματος 11. Οι πρώτες ρυθμίσεις των Windows 8 29. H επιφάνεια εργασίας 49</a> </h3> <p> <img alt="Εισαγωγή 6. Είσοδος στα Windows και οθόνη κλειδώματος 11. Οι πρώτες ρυθμίσεις των Windows 8 29. H επιφάνεια εργασίας 49" title="Εισαγωγή 6. Είσοδος στα Windows και οθόνη κλειδώματος 11. Οι πρώτες ρυθμίσεις των Windows 8 29. H επιφάνεια εργασίας 49" class="news-block-img pull-right" src="/thumbs/23/1911354.jpg"> περιεχόμενα Εισαγωγή 6 Είσοδος στα Windows και οθόνη κλειδώματος 11 Οι πρώτες ρυθμίσεις των Windows 8 29 H επιφάνεια εργασίας 49 Πλοήγηση στο Internet με τον Internet Explorer 65 Επικοινωνία και Κοινωνική </p> <a href="/1911354-Eisagogi-6-eisodos-sta-windows-kai-othoni-kleidomatos-11-oi-protes-rythmiseis-ton-windows-8-29-h-epifaneia-ergasias-49.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/5341110-Salespoint-hovernet-to-tilefono-uas-2392500715-6976689066-i-dieythynsi-uas-25-martioy-44-neoi-epivates-57019-thessaloniki-http-www-hovernet.html">Salespoint. hovernet Το τηλέφωνό µας: 2392500715-6976689066 Η διεύθυνσή µας: 25 Μαρτίου 44, Νέοι Επιβάτες 57019 Θεσσαλονίκη http://www.hovernet.</a> </h3> <p> <img alt="Salespoint. hovernet Το τηλέφωνό µας: 2392500715-6976689066 Η διεύθυνσή µας: 25 Μαρτίου 44, Νέοι Επιβάτες 57019 Θεσσαλονίκη http://www.hovernet." title="Salespoint. hovernet Το τηλέφωνό µας: 2392500715-6976689066 Η διεύθυνσή µας: 25 Μαρτίου 44, Νέοι Επιβάτες 57019 Θεσσαλονίκη http://www.hovernet." class="news-block-img pull-right" src="/thumbs/25/5341110.jpg"> hovernet Το τηλέφωνό µας: 2392500715-6976689066 Η διεύθυνσή µας: 25 Μαρτίου 44, Νέοι Επιβάτες 57019 Θεσσαλονίκη http://www.hovernet.gr Salespoint Στις µέρες µας η ανάπτυξη και η δυναµική του τµήµατος πωλήσεων </p> <a href="/5341110-Salespoint-hovernet-to-tilefono-uas-2392500715-6976689066-i-dieythynsi-uas-25-martioy-44-neoi-epivates-57019-thessaloniki-http-www-hovernet.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/6614044-Enotita-3-ta-dedomena-sto-web-kai-i-simasiologia-toys-semantics.html">Ενότητα 3: Τα δεδομένα στο Web. (και η σημασιολογία τους semantics )</a> </h3> <p> <img alt="Ενότητα 3: Τα δεδομένα στο Web. (και η σημασιολογία τους semantics )" title="Ενότητα 3: Τα δεδομένα στο Web. (και η σημασιολογία τους semantics )" class="news-block-img pull-right" src="/thumbs/25/6614044.jpg"> Ενότητα 3: Τα δεδομένα στο Web (και η σημασιολογία τους semantics ) Σημασιολογία semantics Τι σημαίνουν τα δεδομένα; Ποια η έννοιά τους; Μετάδοση έννοιας και ενσωμάτωση στη γνώση....έχοντας ως αποτέλεσμα </p> <a href="/6614044-Enotita-3-ta-dedomena-sto-web-kai-i-simasiologia-toys-semantics.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/2455951-Blog-sto-wordpress-epimeleia-deggleri-sofia.html">Blog στο Wordpress. Επιμέλεια: Δέγγλερη Σοφία</a> </h3> <p> <img alt="Blog στο Wordpress. Επιμέλεια: Δέγγλερη Σοφία" title="Blog στο Wordpress. Επιμέλεια: Δέγγλερη Σοφία" class="news-block-img pull-right" src="/thumbs/24/2455951.jpg"> Blog στο Wordpress Επιμέλεια: Δέγγλερη Σοφία Περιεχόμενα Μετάβαση στο blog Σύνδεση ως διαχειριστής Πίνακας ελέγχου Εμφάνιση Ρυθμίσεις Άρθρα Σελίδες Πολυμέσα Σύνδεσμοι Widgets Μετάβαση στο blog Πληκτρολογούμε </p> <a href="/2455951-Blog-sto-wordpress-epimeleia-deggleri-sofia.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/734582-Kritiria-epilogis-ypologisti.html">Κριτήρια Επιλογής Υπολογιστή</a> </h3> <p> <img alt="Κριτήρια Επιλογής Υπολογιστή" title="Κριτήρια Επιλογής Υπολογιστή" class="news-block-img pull-right" src="/thumbs/18/734582.jpg"> Κριτήρια Επιλογής Υπολογιστή Η μηχανοργάνωση ενός διατροφικού γραφείου αποτελεί βασικό εργαλείο για την επίτευξη των στόχων του διότι παρέχει την δυνατότητα άμεσης πληροφόρησης, διευκολύνει την διεκπεραίωση </p> <a href="/734582-Kritiria-epilogis-ypologisti.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/3021033-Ermis-digital-1-ti-zitithike-apo-ton-pelati-backround-stohoi-anagkes-tis-markas-megisto-100-lexeis.html">Ermis Digital. 1.Τι ζητήθηκε από τον πελάτη - Backround, Στόχοι, Ανάγκες της μάρκας (μέγιστο 100 λέξεις)</a> </h3> <p> <img alt="Ermis Digital. 1.Τι ζητήθηκε από τον πελάτη - Backround, Στόχοι, Ανάγκες της μάρκας (μέγιστο 100 λέξεις)" title="Ermis Digital. 1.Τι ζητήθηκε από τον πελάτη - Backround, Στόχοι, Ανάγκες της μάρκας (μέγιστο 100 λέξεις)" class="news-block-img pull-right" src="/thumbs/24/3021033.jpg"> Ermis Digital Η έκθεση δεν θα πρέπει να ξεπερνάει συνολικά τις 10 σελίδες (μαζί με τις οδηγίες συμπλήρωσης των πεδίων). Για τις απαντήσεις θα πρέπει να χρησιμοποιηθεί μέγεθος γραμματοσειράς 10 ή και μεγαλύτερο. </p> <a href="/3021033-Ermis-digital-1-ti-zitithike-apo-ton-pelati-backround-stohoi-anagkes-tis-markas-megisto-100-lexeis.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/3573697-Ergastirio-10-e10-1.html">Εργαστήριο #10 (Ε10) 1</a> </h3> <p> <img alt="Εργαστήριο #10 (Ε10) 1" title="Εργαστήριο #10 (Ε10) 1" class="news-block-img pull-right" src="/thumbs/24/3573697.jpg"> Εργαστήριο #10 Από τα προηγούμενα εργαστήρια......θα χρειαστείτε ορισμένες από τις οδηγίες μορφοποίησης CSS (ανατρέξτε στις εκφωνήσεις του 8 ου και 9 ου εργαστηρίου).! Οδηγίες Στη δυναμική δημιουργία ιστοσελίδων </p> <a href="/3573697-Ergastirio-10-e10-1.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/1738306-Odigies-gia-tin-ypiresia-antispamming-sta-windows-xp-periehouena.html">Οδηγίες. για την υπηρεσία. Antispamming. (στα windows XP) Περιεχόµενα</a> </h3> <p> <img alt="Οδηγίες. για την υπηρεσία. Antispamming. (στα windows XP) Περιεχόµενα" title="Οδηγίες. για την υπηρεσία. Antispamming. (στα windows XP) Περιεχόµενα" class="news-block-img pull-right" src="/thumbs/22/1738306.jpg"> Οδηγίες για την υπηρεσία Antispamming (στα windows XP) Περιεχόµενα Ενεργοποίηση της υπηρεσίας (µέσω Internet Explorer)... σελ. 2 ηµιουργία φακέλου για spam στο Outlook Express... σελ. 5 ηµιουργία Κανόνα </p> <a href="/1738306-Odigies-gia-tin-ypiresia-antispamming-sta-windows-xp-periehouena.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/2666271-Web-responsive-media-design.html">Web Responsive Media Design</a> </h3> <p> <img alt="Web Responsive Media Design" title="Web Responsive Media Design" class="news-block-img pull-right" src="/thumbs/24/2666271.jpg"> Web Responsive Media Design Τίτλος Σεμιναρίου: Web Responsive Media Design Ώρες διδασκαλίας: 34+2 (από κοινού αμφιθέατρο) Εισηγητής: Λεωνίδας Κανέλλος (Ux/Ui) ΠΕΡΙΓΡΑΦΗ Τα σεμινάρια έχουν σαν σκοπό να </p> <a href="/2666271-Web-responsive-media-design.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/732368-Gmail-i-proseggisi-tis-google-sto-ilektroniko-tahydromeio.html">Gmail: Η προσέγγιση της Google στο ηλεκτρονικό ταχυδρομείο</a> </h3> <p> <img alt="Gmail: Η προσέγγιση της Google στο ηλεκτρονικό ταχυδρομείο" title="Gmail: Η προσέγγιση της Google στο ηλεκτρονικό ταχυδρομείο" class="news-block-img pull-right" src="/thumbs/18/732368.jpg"> Gmail: Η προσέγγιση της Google στο ηλεκτρονικό ταχυδρομείο (Από την ομάδα εργασίας του Gmail) Το Gmail κάνει το ηλεκτρονικό ταχυδρομείο εύκολο και αποτελεσματικό.. Οι 10 κυριότεροι λόγοι για να χρησιμοποιήσετε </p> <a href="/732368-Gmail-i-proseggisi-tis-google-sto-ilektroniko-tahydromeio.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> </div> <!-- END RIGHT SIDEBAR --> </div> </div> </div> <!-- END CONTENT --> </div> <!-- END SIDEBAR & CONTENT --> </div> </div> <!-- BEGIN FOOTER --> <div class="footer"> <div class="container"> <div class="row"> <!-- BEGIN COPYRIGHT --> <div class="col-md-10 col-sm-10 padding-top-10"> 2016 © DocPlayer.gr <a href="/support/privacy-policy/">Πολιτική Απορρήτου</a> | <a href="/support/terms-of-service/">Όροι Χρήσης</a> | <a href="/support/feedback/">Σχόλια</a> </div> <!-- END COPYRIGHT --> <!-- BEGIN PAYMENTS --> <div class="col-md-6 col-sm-6"> </div> <!-- END PAYMENTS --> </div> </div> </div> <!-- END FOOTER --> <!--[if lt IE 9]> <script src="/static/theme/global/plugins/respond.min.js"></script> <![endif]--> <script src="/static/js/f3b81/total.js" type="text/javascript"></script> <div style="display: none;"> <script> var page_data = {"domain_id":30,"design_id":0,"page_id":0}; (function(){ var img = new Image(); var pixel_image_src = '/pix/'+Math.random()+'/report/pixel.gif?type=pageview&domain_id=30&page_id=0&design_id=0&l='+encodeURIComponent(navigator.language)+'&p='+encodeURIComponent(navigator.platform)+'&url='+encodeURIComponent(document.location); document.write('<img src="'+pixel_image_src+'"> '); }()); </script> </div> </body> </html>