Σχεδιασµός και Ανάπτυξη Web-Site για Επιχειρήσεις

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

Download "Σχεδιασµός και Ανάπτυξη Web-Site για Επιχειρήσεις"

Transcript

1 Α.Τ.Ε.Ι. ΠΑΤΡΑΣ ΠΑΡΑΡΤΗΜΑ ΑΜΑΛΙΑ ΑΣ ΤΜΗΜΑ ΕΦΑΡΜΟΓΩΝ ΠΛΗΡΟΦΟΡΙΚΗΣ ΣΤΗ ΙΟΙΚΗΣΗ ΚΑΙ ΟΙΚΟΝΟΜΙΑ Σηµειώσεις Εργαστηρίου Σχεδιασµός και Ανάπτυξη Web-Site για Επιχειρήσεις ρ. Χριστοδούλου Σωτήριος

2 2

3 ΠΕΡΙΕΧΟΜΕΝΑ 1 Εισαγωγή Αρχές, προβλήµατα, αποφάσεις κατά την σχεδίαση Web Browsers Οθόνη χρηστών Χρήση ή µη εφαρµογών σχεδίασης Γραφικά Έλεγχος του αποτελέσµατος HTML Εισαγωγή στην HTML Tags Βασικά HTML tags Πληροφορία που αγνοούν οι Browsers Ειδικοί Χαρακτήρες και Χαρακτήρες µε Ειδικές Λειτουργίες Ειδικοί χαρακτήρες Χαρακτήρες µε Ειδικές Λειτουργίες Χρώµατα Ανάλυση της δοµής Μορφοποιήσεις κειµένου To tag <FONT> Επικεφαλίδες (Headings) Λίστες Στοίχιση Παραποµπές (Links) Άνοιγµα νέου παραθύρου Προσθέτοντας εικόνες Εικόνες και γραµµή κειµένου Απόσταση του κειµένου από µια εικόνα Η παράµετρος ALT Η παράµετρος BORDER Χρήση εικόνας ως παραποµπή Οι παράµετροι HEIGHT & WIDTH Εισαγωγή µιας εικόνας σαν φόντο της σελίδας Οριζόντιες Γραµµές <HR> Πίνακες Παράµετρος BORDER Τίτλος του πίνακα Η στοίχιση του περιεχοµένου των κελιών Περίπλοκοι πίνακες Σελιδοποίηση µε πίνακες Φόρµες επικοινωνίας Πλαίσια (frames) Πιο Περίπλοκοι Συνδυασµοί Πλαισίων Κίνηση Μεταξύ Πλαισίων iframe Image maps ιαδικασία Κατασκευής image map Animated gifs Multimedia Ηχος Βίντεο Flash Shockwave

4 4.5 Java applets Javascript Pop-Up Windows Cascading Stylesheets Κατασκευή µιας απλής σελίδας µε style sheets Τι είναι οι κανόνες (rules): Τρόποι ορισµού των style sheets Ισχύς των κανόνων Άλλα Θέµατα Ρυθµίσεις γλώσσας Meta Tags Βιβλιογραφία

5 1 Εισαγωγή Μια Web σελίδα είναι ένα αρχείο κειµένου, σε ASCII µορφή, κατασκευασµένο µε τέτοιο τρόπο που να µπορεί να παρουσιάζεται ολοκληρωµένο και στην επιθυµητή για τον δηµιουργό του µορφή, µε µία µόνο κλήση από τον χειριστή του κατάλληλου λογισµικού. Υπεύθυνος για την λήψη και παρουσίαση Web σελίδων είναι ο Web Browser (φυλλοµετρητής:internet Explorer, Netscape Communicator, Opera, Mozilla Firefox κα.). Για την εµφάνιση µιας Web σελίδας χρησιµοποιείται η διαδικτυακή διεύθυνση URL (Uniform Resource Locator). Ένα URL αποτελείται από 3 τµήµατα: α) Το πρωτόκολλο που πρέπει να χρησιµοποιήσουµε για να αποκτήσουµε αυτό το αρχείο. (http://www.culture.gr/anakoinoseis/press_gr.html) β) To web site στο οποίο είναι τοποθετηµένο το αρχείο. (http://www.culture.gr/anakoinoseis/press_gr.html) γ) Ο κατάλογος που βρίσκεται το αρχείο και το όνοµα του αρχείου. (http://www.culture.gr/anakoinoseis/press_gr.html) To Web site είναι ένα σύνολο web σελίδων (ή ενοτήτων αυτών) που είναι αποθηκευµένες σε έναν (ή περισσότερους) Web Server. Ο Web Server είναι ένας υπολογιστής ο οποίος µε την χρήση ειδικού λογισµικού εξυπηρετεί τις αιτήσεις των χρηστών. Ο υπολογιστής του χρήστη συνδέεται µε τον Web Server και µεταφέρει τα αναγκαία δεδοµένα για την εµφάνιση της Web σελίδας. Τα δεδοµένα αυτά είναι κυρίως η περιγραφή της δοµής της σελίδας, κείµενα και εικόνες. Όµως µπορεί να είναι ήχος, βίντεο και πολλά είδη πολυµεσικών εφαρµογών που παρουσιάζονται µέσω του Web browser του χρήστη και ειδικού λογισµικού. H πιο διαδεδοµένη γλώσσα περιγραφής της δοµής µιας ιστοσελίδας είναι η HTML (HyperText Markup Language). Η HTML δεν είναι γλώσσα προγραµµατισµού αλλά µια περιγραφική γλώσσα, ένας ειδικός τρόπος γραφής κειµένου και κλήσης άλλων αρχείων ή εφαρµογών βασισµένος σε οδηγίες (tags). Με την χρήση νεώτερων τεχνολογιών και γλωσσών δόθηκε η δυνατότητα στην δηµιουργία web σελίδων µε διαδραστικότητα και δυναµική εµφάνιση (Javascipt, Vbscript, DHTML) αλλά και στην δηµιουργία δυναµικού περιεχοµένου και στην υλοποίηση σύνθετων διαδικτυακών εφαρµογών (ASP, PHP κ.α). Σχήµα 1: ηµιουργία δυναµικού Web περιεχοµένου προερχόµενο από Βάση εδοµένων 5

6 2 Αρχές, προβλήµατα, αποφάσεις κατά την σχεδίαση Κατά την σχεδίαση Web σελίδων ενός Web site θα πρέπει να ληφθούν σοβαρά υπόψη τα χαρακτηριστικά των χρηστών στους οποίους απευθύνεται όπως επίσης και τα χαρακτηριστικά των υπολογιστών τους. 2.1 Web Browsers Οι χρήστες του Web πλοηγούνται µέσω των Browsers διαφόρων εταιριών αλλά και διαφόρων εκδόσεων του λογισµικού τους. Χαρακτηριστικά και τεχνολογίες (Java, Javascript, DHTML, StyleSheets, Flash) που υποστηρίζονται από κάποιον browser µπορεί να µην υποστηρίζονται από κάποιον άλλον αλλά και από µια παλιότερη έκδοση αυτού. Υπάρχουν πολλές προσεγγίσεις που απαντούν στο παραπάνω δίληµµα για την χρήση ή µη των Web τεχνολογιών µε επικρατέστερες τις παρακάτω χρησιµοποίηση των τεχνολογιών µε τέτοιο τρόπο ώστε οι σελίδες να είναι πλήρως λειτουργικές σε παλιότερες εκδόσεις των browsers βελτιώνοντας µόνο την παρουσίαση τους σε νέες εκδόσεις. σχεδίαση πολλών εκδόσεων ενός web site ώστε να καλύπτει πλήθος εκδόσεων των browsers ανάλογα µε τα χαρακτηριστικά τους. Η πλοήγηση του χρήστη σε διαφορετικές εκδόσεις συνήθως γίνεται αυτόµατα µε την χρήση εντολών Javascript. συνδυασµός των παραπάνω Ανεξάρτητα από την επιλογή των browsers και των εκδόσεων τους κλειδί για την επιτυχία είναι να γράφουµε σωστή HTML. Στο Internet υπάρχουν sites που ελέγχουν και εξακριβώνουν την ορθότητα του κώδικα HTML και την συµβατότητα του µε εκδόσεις των Browsers (π.χ. World Wide Web Consortium s HTML Validator - Επίσης κάποιες επαγγελµατικές εφαρµογές συγγραφής HTML διαθέτουν την δυνατότητα δοκιµής και ελέγχου της συµβατότητας του κώδικα HTML µε τους Browsers (Macromedia Dreamweaver, Adobe GoLive κ.α.). 2.2 Οθόνη χρηστών Το µέγεθος και η ανάλυση της οθόνης των χρηστών, το πλήθος και η πιστή αναπαραγωγή των χρωµάτων αλλά και η ποικιλία συσκευών (PC, TV, PDA, Mobile Phones) αποτελούν αντικείµενο προβληµατισµού πριν την έναρξη της σχεδίασης των σελίδων. Οι διαφορετικές αναλύσεις των οθονών των χρηστών αποτελούν σοβαρό θέµα συζήτησης όλων των επαγγελµατιών σχεδιαστών σελίδων. Το περιεχόµενο των σελίδων θα πρέπει να «χωρέσει» στην οθόνη των χρηστών (οριζόντια) αλλά και να µην αφήνει µεγάλα κενά στην οθόνη. Οι πιο κοινές (ως προς την χρήση) αναλύσεις δίνονται στον παρακάτω πίνακα PC Macintosh 640 x x x 600 (συνήθης στα laptops) 640 x x x 600 (συνήθης στα PowerBooks) 1280 x x x x x x x x

7 Επίσης ανάλογα µε το µέγεθος των οθονών ( κτλ) το κείµενο και τα γραφικά µιας σελίδας φαίνονται διαφορετικά (µικρά-µεγάλα) εξαιτίας της διαφορετικής αντιστοιχίας των pixels ανά ίντσα οθόνης. Πάντως σήµερα θεωρείται ως ελάχιστα αποδεκτή, η ανάλυση οθόνης 800x600. Οι σχεδιαστές χρησιµοποιούν δύο βασικές τεχνικές. Την σχεδίαση µε χρήση σταθερού πλάτους και τη σχεδίαση µεταβλητού πλάτους. Η σχεδίαση σελίδων σταθερού πλάτους προσφέρει καλύτερο έλεγχο και ευκολία κατά την σχεδίαση τους όµως το αποτέλεσµα δεν θα είναι επιθυµητό σε πολλά είδη οθονών. Η σχεδίαση µεταβλητού πλάτους είναι αναµφισβήτητα πιο κατάλληλη όµως είναι δύσκολο να προκαθοριστεί το αποτέλεσµα στην οθόνη του χρήστη (παράδειγµα σε οθόνες υψηλής ανάλυσης το κείµενο καλύπτει όλο το πλάτος της οθόνης, πράγµα που είναι ενοχλητικό κατά την ανάγνωση). Μερικές φορές χρησιµοποιείται και συνδυασµός των παραπάνω τεχνικών µε την σχεδίαση άλλοτε σελίδων ή µέρους αυτών σταθερού πλάτους και τη χρήση σελίδων µεταβλητού πλάτους. Η δυνατότητα αυτή είναι δυνατή µε την χρήση πινάκων και πλαισίων τα οποία θα αναλυθούν παρακάτω. Ένα άλλο πρόβληµα είναι ότι η ανάλυση της οθόνης είναι διαφορετική από το πραγµατικό µέγεθος που διαθέτει ο browser για την εµφάνιση της σελίδας. Το λειτουργικό σύστηµα, το παράθυρο του browser και το µενού του, µειώνουν το πραγµατικό διαθέσιµο χώρο. Θα πρέπει λοιπόν να ληφθούν υπόψη τα πραγµατικά µεγέθη του διαθέσιµου χώρου. Οι οθόνες προβάλλουν την πληροφορία µε 32- bit, 24-bit (17 εκ.), 16-bit (64,000) ή 8-bit (256) χρώµατα. Ο σχεδιαστής θα πρέπει να προκαθορίσει την ελάχιστη ποσότητα χρωµάτων που θα πρέπει να αναπαριστά η οθόνη του χρήστη µέσω της κάρτας γραφικών. Επειδή κάτι τέτοιο είναι δύσκολο, ο σχεδιαστής µπορεί να χρησιµοποιήσει µια παλέτα 216 χρωµάτων τα οποία ονοµάζονται web safe και έχουν την ιδιότητα να εµφανίζονται το ίδιο πιστά σε Windows και Mac συστήµατα. Άλλα θέµατα που αφορούν τη σχεδίαση είναι: η συµβατότητα µε συσκευές WebTV, PDA και συσκευές κινητής τηλεφωνίας η προσπέλαση της πληροφορίας από άτοµα µε κάποιο είδος αναπηρίας η απεικόνιση ελληνικών χαρακτήρων σε υπολογιστές που δεν διαθέτουν τις γραµµατοσειρές που ο σχεδιαστής χρησιµοποιεί. 7

8 2.3 Χρήση ή µη εφαρµογών σχεδίασης Είναι δεδοµένο ότι η χρήση λογισµικού σχεδίασης σελίδων (WYSIWYG - What You See Is What You Get) µειώνει τον χρόνο υλοποίησης, παρέχει πλήθος ευκολιών και αυτοµατισµών και βοηθά έναν αρχάριο να σχεδιάσει σε µικρό χρονικό διάστηµα τις πρώτες του σελίδες. Για επαγγελµατική χρήση όµως ο δύσκολος τρόπος δηλαδή η χρήση κώδικα HTML (µε την βοήθεια λογισµικού σύνταξης HTML) είναι επιβεβληµένη γιατί: Παρέχει µεγαλύτερη αξιοπιστία και καλύτερο έλεγχο ως προς το τελικό αποτέλεσµα. Το τελικό αποτέλεσµα µε τη χρήση λογισµικού δεν είναι πάντοτε αυτό που σχεδιάζουµε και δεν προσαρµόζεται προσαρµόζονται αυτόµατα στις ιδιαιτερότητες της οθόνης κάθε χρήστη. Το µέγεθος των σελίδων είναι µικρότερο µε συνέπεια την γρηγορότερη εµφάνιση του στην οθόνη του χρήστη. Τα προβλήµατα επιλύονται ευκολότερα επειδή κατανοούµε τα χαρακτηριστικά της σελίδας που δηµιουργούµε(π.χ. ασυµβατότητα µε κάποιους browsers) 2.4 Γραφικά Τα γραφικά και οι εικόνες αποτελούν σήµερα αναπόσπαστο κοµµάτι των web σελίδων. Τα δύο πιο διαδεδοµένα format είναι τα GIF (Graphic Interchange Format) και τα JPEG (Joint Photographic Experts Group). Τα GIF αρχεία περιέχουν το µέγιστο 256 χρώµατα ανά pixel (8- bit) και το κύριο χαρακτηριστικό τους είναι η συµπίεση της χρωµατικής πληροφορίας ανά γραµµή εικόνας. Γι αυτό επιλέγονται για την παρουσίαση γραφικών που διαθέτουν περιοχές µε ίδιο χρώµα. Τα αρχεία JPEG περιέχουν 24-bit πληροφορία χρωµάτων σε αντίθεση µε την 8-bit πληροφορία των αρχείων GIF. H συµπίεση που προκαλείται στα αρχεία είναι απωλεστική (lossy), δηλαδή κάποια πληροφορία χάνεται. Η πληροφορία αυτή πάντως είναι µηδαµινή σε σχέση µε την συµπίεση που προσφέρει. Επιπλέον ο σχεδιαστής έχει την δυνατότητα να ρυθµίσει την συµπίεση σε σχέση µε το µέγεθος του αρχείου και το επιθυµητό αποτέλεσµα. Το JPEG format χρησιµοποιείται σε φωτογραφικές εικόνες και σε εικόνες µε πολύπλοκες µεταβολές του χρώµατος. 2.5 Έλεγχος του αποτελέσµατος Πριν την διάθεση των web σελίδων στο κοινό θα πρέπει να γίνουν όσο το δυνατόν περισσότεροι έλεγχοι µε την προβολή των σελίδων σε διάφορους browsers και µε πλήθος αναλύσεων και χρωµάτων της οθόνης. Επίσης θα πρέπει να δοκιµασθεί η ταχύτητα παρουσίασης των σελίδων σε υπολογιστές που διαθέτουν χαµηλή ταχύτητα σύνδεσης µε το Internet. 8

9 3 HTML 3.1 Εισαγωγή στην HTML Τι είναι ένα αρχείο HTML; Η λέξη HTML σηµαίνει Hyper Text Mark-up Language Ένα αρχείο HTML είναι ένα αρχείο κειµένου, το οποίο περιλαµβάνει mark-up tags Τα mark-up tags καθορίζουν τον τρόπο µε τον οποίο θα εµφανιστεί η σελίδα στον Web browser Ένα αρχείο HTML πρέπει να έχει κατάληξη htm ή html Ένα αρχείο HTML µπορεί να δηµιουργηθεί χρησιµοποιώντας έναν απλό επεξεργαστή κειµένου 3.2 Tags Τα tags χρησιµοποιούνται από την HTML για να σηµατοδοτήσουν (mark-up) τα στοιχεία (elements) της σελίδας. Τα tags αποτελούνται από ένα όνοµα ακολουθούµενο προαιρετικά από παραµέτρους, µεταξύ των συµβόλων < και >. Οτιδήποτε υπάρχει µεταξύ των συµβόλων < και > δεν εµφανίζεται από τον browser. Τα περισσότερα tags αποτελούνται από το tag αρχής και το tag τέλους. Το tag τέλους περιέχει το σύµβολο / ακολουθούµενο από το όνοµα του tag αρχής και καµιά άλλη πληροφορία. Ότι περιλαµβάνεται µεταξύ του tag αρχής και του tag τέλους είναι το περιεχόµενο του στοιχείου, το οποίο και θα παρουσιαστεί από τον browser µε τον τρόπο µε τον οποίο καθορίζει το tag. Π.χ. η οδηγία για να εµφανίζεται στον browser ένα κείµενο µε έντονα γράµµατα (bold) είναι: Κανονικό κείµενο - <b>έντονο κείµενο</b> Που θα παρουσιασθεί ως: Κανονικό κείµενο - Έντονο κείµενο Σε µερικά tags το tag τέλους είναι προαιρετικό (όπως το tag παραγράφου <p>), όµως για καλύτερη κατανόηση του κώδικα HTML θα πρέπει να τοποθετείται. Κάποια tags δεν έχουν tag τέλους γιατί χρησιµοποιούνται για να τοποθετήσουν κάποιο στοιχείο στο περιεχόµενο όπως το tag αλλαγής γραµµής (<br>) ή το tag εικόνας (<img>). Επίσης τα HTML tags δεν είναι case-sensitive. Παράµετροι των tags Τα tags µπορούν να έχουν παραµέτρους. Οι παράµετροι µπορούν να παρέχουν επιπρόσθετη πληροφορία σχετικά µε τα HTML στοιχεία στην σελίδα µας. Οι παράµετροι ενός tag ακολουθούν το όνοµα του tag. Αν η παράµετρος δέχεται τιµές τότε το όνοµα της ιδιότητας ακολουθείται µε το σύµβολο = και την τιµή της παραµέτρου. Για παράδειγµα, εάν στο tag <body> προσθέσουµε την παράµετρο bgcolor=blue (δηλ. <body bgcolor=blue>). Οι τιµές των παραµέτρων είτε περικλείονται από εισαγωγικά (µονά ή διπλά) είτε γράφονται αυτούσιες. Όταν η τιµή αποτελείται από γράµµατα (a-z), αριθµούς (0-9) και τα σύµβολα (ειδικούς χαρακτήρες) τελεία (.) και αφαίρεση ( ) τότε δεν χρειάζονται εισαγωγικά. Αντιθέτως όταν οι τιµές περιλαµβάνουν τα σύµβολα κόµµα (,), κενό ή άλλους ειδικούς χαρακτήρες τότε θα πρέπει να περικλείονται από εισαγωγικά. Tα URLs για παράδειγµα θα πρέπει να περικλείονται από εισαγωγικά γιατί περιέχουν τους χαρακτήρες ://. Αν τοποθετούνται εισαγωγικά παντού δεν είναι λάθος και συνίσταται στην περίπτωση που δεν θυµόµαστε αν απαιτούνται ή όχι. Το όνοµα των tags και των παραµέτρων τους δεν επηρεάζεται από το αν έχει γραφτεί µε πεζά (µικρά) ή κεφαλαία (case insensitive). ηλαδή οι οδηγίες <body bgcolor=white> και <BODY 9

10 BGCOLOR=white> είναι ισοδύναµες. Τις περισσότερες περιπτώσεις ισχύει το ίδιο µε τις τιµές των παραµέτρων αλλά όχι πάντα ιδίως όταν αναφερόµαστε σε URLs και ονόµατα αρχείων. Τα παρακάτω είναι παράδειγµα χρήσης των tags µε παραµέτρους <IMG SRC="images/pixie.gif" ALIGN=right WIDTH=45 HEIGHT=60> <BODY BGCOLOR="#00ff00"> <FONT FACE="Trebuchet MS, Arial, Helvetica" SIZE=2> Tags µπορεί να περικλείουν άλλα tags σε κάποιο στοιχείο ώστε να του δώσουν πολλαπλές ιδιότητες. Τα tags τα οποία περιλαµβάνονται σε άλλα tags ονοµάζονται εµφωλευµένα (nested). Π.χ. Ο καιρός είναι <B><I>υπέροχος</I></B>σήµερα. Θα έχει ως αποτέλεσµα την εµφάνιση: Ο καιρός είναι υπέροχος σήµερα. Σύνηθες λάθος είναι η υπερπήδηση των tags (το tag τέλους </Β> προηγείται του tag τέλους </I>) Ο καιρός είναι <B><I>υπέροχος</B></I> σήµερα. Οι browsers συνήθως διορθώνουν το λάθος κατά την εµφάνιση όµως αυτό δεν ισχύει στο σύνολο των browsers και των tags Βασικά HTML tags Επικεφαλίδες Οι επικεφαλίδες δηλώνονται στην HTML µε τα tags από <h1> έως <h6>. Το <h1> δηλώνει την µεγαλύτερη επικεφαλίδα, ενώ το <h6> δηλώνει τη µικρότερη. <h1>this is a heading</h1> <h2>this is a heading</h2> <h3>this is a heading</h3> <h4>this is a heading</h4> <h5>this is a heading</h5> <h6>this is a heading</h6> Η HTML εισάγει αυτόµατα µία κενή γραµµή έπειτα από κάθε tag επικεφαλίδας. Παράγραφοι Οι παράγραφοι δηλώνονται µε το tag <p>. <p>this is a paragraph</p> Αλλαγή γραµµής (Line Break) Για να αλλάξουµε γραµµή, χωρίς να αλλάξουµε παράγραφο τοποθετούµε το tag <br>. Το <br> tag είναι ένα άδειο tag το οποίο δεν χρειάζεται κλείσιµο (</br>). <p>this <br> is a para<br>graph with line breaks</p> Σχόλια στην HTML Για να τοποθετήσετε σχόλια σε ένα αρχείο HTML µπορείτε να χρησιµοποιήσετε το tag σχολίων, το οποίο ανοίγει <!-- και κλείνει -->. Ότι υπάρχει µεταξύ αυτών των tags αγνοείται από τον Web Browser. 10

11 3.2.2 Πληροφορία που αγνοούν οι Browsers Συγκεκριµένη πληροφορία αλλά και ορισµένα tags που περιλαµβάνονται στο έγγραφο HTML αγνοούνται από τον browser. 1) Αλλαγή γραµµής. Το κείµενο και άλλα στοιχεία θα καλύψουν την γραµµή µέχρι να γεµίσει ο διαθέσιµος χώρος ή να περιληφθεί το tag <p> (αλλαγή παραγράφου) και <br> (αλλαγής γραµµής). 2) ιάστιχα και πολλαπλά κενά. Τα διάστιχα (tab) απεικονίζονται ως ένας κενός χαρακτήρας (space) ενώ πολλαπλά κενά απεικονίζονται ένα κενό. Π.χ. το κείµενο πολύ, πολύ µακριά θα εµφανιστεί: πολύ, πολύ µακριά 3) Για την εισαγωγή κενών χαρακτήρων χρησιµοποιείται η οντότητα (nonbreaking space). 4) Πολλαπλά tags παραγράφου (<p>) εµφανίζονται ως ένα tag 5) Το κείµενο που περικλείεται µεταξύ της ακολουθίας <!-- και --> δεν λαµβάνεται υπόψη και χρησιµοποιείται για να εισάγουµε σηµειώσεις στο HTML έγγραφο, π.χ. <!-- Οι σηµειώσεις µου --> 6) Άγνωστα tags: Tags τα οποία είναι άγνωστα ή έχουν ορισθεί µε λανθασµένο τρόπο αγνοούνται από τον browser. Μερικές φορές ανάλογα µε τον Browser και το tag µπορεί αυτό να εµφανισθεί αυτούσιο. 3.3 Ειδικοί Χαρακτήρες και Χαρακτήρες µε Ειδικές Λειτουργίες Ειδικοί χαρακτήρες Υπάρχουν ειδικοί χαρακτήρες που δεν µπορούν να απεικονισθούν µε απλές πληκτρολογήσεις (πατώντας ένα πλήκτρο ή το Shift και ένα πλήκτρο) αλλά µόνο µε πιο περίπλοκους τρόπους (π.χ. πατώντας το Alt και έναν αριθµό). Πρόκειται για χαρακτήρες που δεν ανήκουν στο κλασικό 7-bit ASCII character set αλλά στο επεκταµένο 8-bit ASCII. Οι περισσότεροι browsers αναγνωρίζουν αυτούς τους ISO-Latin-1 (ISO ) χαρακτήρες αλλά µε ειδικό τρόπο. Για να αναγνωρίσουν τους χαρακτήρες αυτούς οι browsers όσων βλέπουν τις σελίδες µας θα πρέπει να γραφούν µε ειδικό τρόπο (µε έναν κωδικό που αρχίζει µε το & και τελειώνει µε το ;). Π.χ. το copyright είναι ενώ το γράφεται σαν Χαρακτήρες µε Ειδικές Λειτουργίες Για να εµφανίσουµε ειδικούς χαρακτήρες οι οποίοι περιλαµβάνονται στον ορισµό των tags θα πρέπει να χρησιµοποιήσουµε ειδικούς συµβολισµούς. Πχ. την εντολή <B>15<7</B> κάποιοι Browsers την αναγνωρίζουν κανονικά ενώ κάποιοι την προσπερνούν γιατί αδυνατούν να την ερµηνεύσουν). Για τον λόγο αυτό οι ειδικοί χαρακτήρες που περιέχονται στις οδηγίες (tags) όταν θέλουµε να τα δούµε µέσα σε µια σελίδα σαν απλοί χαρακτήρες, πρέπει να απεικονιστούν ως εξής: Χαρακτήρας Συµβολισµός < < > > & & " " Το ίδιο ισχύει και µε την απεικόνιση ειδικών χαρακτήρων όπως το σύµβολο (Copyright). Για τους χαρακτήρες αυτούς η απεικόνιση τους γίνεται µε την χρήση ειδικού ονόµατος ή αριθµού που ακολουθούν το σύµβολο & και ακολουθούνται από ερωτηµατικό. Παράδειγµα το σύµβολο αναγράφεται ως ή 11

12 3.4 Χρώµατα Αν θέλουµε να ορίσουµε το χρώµα λεκτικά (π.χ.<body BGCOLOR=όνοµα χρώµατος>) τότε θα χρησιµοποιήσουµε το όνοµα του (black, white, green, maroon, olive, navy, purple, gray, red, yellow, blue, teal, lime, aqua, fuchsia, silver). Για µεγαλύτερη ποικιλία σε χρώµατα και αποχρώσεις, χρησιµοποιούµε τον δεκαεξαδικό κωδικό <BODY BGCOLOR="ο κωδικός"> (σε εισαγωγικά ) του κάθε χρώµατος (π.χ. το #934CE8 είναι µια απόχρωση του πράσινου). Ο δεκαεξαδικός κωδικός αποτελείται από τρεις δυάδες χαρακτήρων που αντιστοιχούν στα τρία χρώµατα RGB (Red-Green-Blue) και αποτελείται από τους χαρακτήρες 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F που αντιστοιχούν στους αριθµούς 0 έως 15 του δεκαδικού συστήµατος. Τα χρώµατα στον υπολογιστή έχουν την ιδιαιτερότητα ότι µερικά από αυτά δεν απεικονίζονται ακριβώς το ίδιο σε κάθε browser, ή οθόνη υπολογιστή. Τα χρώµατα που απεικονίζονται ακριβώς το ίδιο ανεξάρτητα του υπολογιστή ή του browser, ονοµάζονται web-safe χρώµατα. Τα web-safe χρώµατα αποτελούνται από συνδυασµό των ακόλουθων δυάδων: 00, 33, 66, 99, CC, FF Για να τη δεκαεξαδική απεικόνιση του κάθε χρώµατος θα πρέπει να διαθέτουµε ένα πρόγραµµα γραφικών. Για παράδειγµα, µε το Paint των Windows επιλέγουµε Colors - Edit Colors - Define Custom Colors. Στο δεξιό µέρος του παραθύρου υπάρχει µια µπάρα και αριστερά της ένα µεγάλο τετράγωνο µε διάφορα χρώµατα. Κάνοντας κλικ µέσα στο µεγάλο τετράγωνο µε τα πολλά χρώµατα και µετακινώντας το δείκτη της µπάρας που βρίσκεται δεξιά από το µεγάλο τετράγωνο ορίζουµε το χρώµα και τη φωτεινότητα αυτού του χρώµατος στο σηµείο που υπάρχει χρώµα της αρεσκείας. Στο κάτω δεξιά µέρος του παραθύρου αναγράφονται οι τιµές R (Red) G (Green) και B (Blue) του χρώµατος που επιλέχθηκε. Στη συνέχεια µετατρέπουµε τον δεκαδικό αριθµό σε δεκαεξαδικό (π.χ. µε την χρήση αριθµοµηχανής των Windows) διότι αυτός πρέπει να οριστεί µέσα στον HTML κώδικα. Οι εφαρµογές συγγραφής web σελίδων µετατρέπουν αυτόµατα την χρωµατική µας επιλογή στον αντίστοιχο δεκαεξαδικό αριθµό. Για παράδειγµα: Το RGB 62,199,41 του παραπάνω παραδείγµατος είναι το 3ec729 σε δεκαεξαδικό κωδικό και το χρώµα που µας δίνει είναι το: <FONT COLOR= #3ec729 >ανοικτό πράσινο</font> 12

13 3.5 Ανάλυση της δοµής Όπως προαναφέρθηκε τα βασικά µέρη µιας σελίδας είναι η κεφαλίδα (head) και το σώµα (body). Η πιο απλή δοµή περιλαµβάνει τον ακόλουθο κώδικα. <HTML> <HEAD> <TITLE>Τίτλος εγγράφου</title> </HEAD> <BODY> Περιεχόµενο εγγράφου </BODY> </HTML> Η κεφαλίδα του εγγράφου καθορίζεται από το tag <HEAD>. Η κεφαλίδα περιλαµβάνει πρωτίστως τον τίτλο του εγγράφου που εµφανίζεται στο πάνω µέρος του browser. O τίτλος καθορίζεται από το tag <TITLE>. Επιπλέον η κεφαλίδα περιλαµβάνει και άλλα χρήσιµα tags (όπως <base> <link> <meta> <script> <style>) τα οποία και θα αναλυθούν σε άλλα κεφάλαια. Το σώµα του εγγράφου καθορίζεται από το tag <BODY> και περιλαµβάνει το περιεχόµενο που θα εµφανισθεί στον browser. Στο tag µπορούν να ορισθούν παράµετροι οι οποίες προσδιορίζουν χαρακτηριστικά όλου του εγγράφου. Για το χρώµα του κειµένου υπάρχουν οι παρακάτω παράµετροι: TEXT LINK VLINK ALINK Καθορίζει το χρώµα του κειµένου Καθορίζει το χρώµα του κειµένου που κρύβει µια παραποµπή που δεν έχουµε ακολουθήσει ακόµη (η default παράµετρος είναι µπλε) Καθορίζει το χρώµα του κειµένου που κρύβει µια παραποµπή που έχει ακολουθηθεί στο παρελθόν (η default παράµετρος είναι κόκκινο) Καθορίζει το χρώµα του κειµένου µιας επιλεγµένης παραποµπής. ηλαδή έχουµε πατήσει τοποθετήσει τον δροµέα επάνω της, έχουµε πατήσει το αντίστοιχο πλήκτρο του ποντικιού, αλλά δεν το έχουµε ακόµη αφήσει (το κρατάµε πατηµένο). Η default παράµετρος είναι συνήθως κόκκινο. Για το χρώµα φόντου του όλου εγγράφου υπάρχει η παράµετρος BGCOLOR. Π.χ. <BODY BGCOLOR=RED TEXT=WHITE LINK=BLUE VLINK=YELLOW ALINK=BLACK> Επίσης ως φόντο µπορεί να χρησιµοποιηθεί κάποια εικόνα η οποία καθορίζεται από την παράµετρο BACKGROUND Π.χ. <BODY BACKGROUND="background.gif"> Τέλος ορίζουµε το περιθώριο του περιεχόµενου (ύψος και πλάτος) από το διαθέσιµο πλαίσιο του browser και στις 4 πλευρές του. Οι παράµετροι είναι leftmargin και rightmargin (αριστερό και δεξιό περιθώριο) και topmargin και bottommargin (άνω και κάτω περιθώριο). Επειδή κάποιοι browsers χρησιµοποιούν τις ονοµασίες marginwidth και marginheight προσδιορίζουµε και τις 4 αυτές παραµέτρους ώστε να είναι κατανοητές από όλους τους browsers. Η µονάδα µέτρησης είναι σε pixels. Π.χ. <BODY MARGINWIDTH=0 MARGINHEIGHT=0 LEFTMARGIN=0 TOPMARGIN=0> 13

14 3.6 Μορφοποιήσεις κειµένου Οι βασικότερες µορφοποιήσεις που χρησιµοποιούνται στο κείµενο είναι οι παρακάτω: <B>...</B> BOLD - Bold κείµενο <I>...</I> ITALIC - Italic κείµενο <U>...</U> UNDERLINE - Υπογραµµισµένο κείµενο Αν θέλουµε να δώσουµε έµφαση σε κάποιο κείµενο το περικλείουµε µε το tag <EM> (συνήθως παρουσιάζεται στον browser σαν µια µορφή italic) <EM>...</EM> ΕΜΦΑΣΗ Αν θέλουµε να δώσουµε έµφαση σε κάποιο κείµενο (µε διαφορετικό όµως τρόπο από την <EM>) το περικλείουµε µε το tag <STRONG> (συνήθως παρουσιάζεται στον browser σαν µια µορφή bold) <STRONG>...</STRONG> ΠΕΡΙΣΣΟΤΕΡΗ ΕΜΦΑΣΗ Με το <CODE>...</CODE> το κείµενο απεικονίζεται µε courier γραµµατοσειρά (όπως οι χαρακτήρες σε ASCII τερµατικό). Χρησιµοποιείται κυρίως για να απεικονιστούν εντολές Η/Υ. <SAMP>...</SAMP>: (Παρόµοια µε την <CODE>) <TT>...<TT/>: Κείµενο γραµµένο µε courier γραµµατοσειρά <BIG>...</BIG>: Κείµενο γραµµένο µε µεγαλύτερα γράµµατα από ότι η γραµµατοσειρά στην οποία είναι γραµµένο το κείµενο που το περιβάλει. <SMALL>...</SMALL>: Αντίθετη της <BIG> <S>...</S> STRIKE THROUGH: Κάθε γράµµα διαπερνάται από µια οριζόντια γραµµή <SUB>...</SUB> SUBSCRIPT: Κείµενο που τοποθετείται ελάχιστα πιο κάτω από το επίπεδο των υπολοίπων γραµµάτων της γραµµής (χρήσιµο για απεικόνιση του παρονοµαστή ενός κλάσµατος). <SUP>...</SUP> SUPERSCRIPT: Κείµενο που τοποθετείται ελάχιστα πιο πάνω από το επίπεδο των υπολοίπων γραµµάτων της γραµµής (χρήσιµο για απεικόνιση του αριθµητή ενός κλάσµατος). <PRE>...</PRE>: Κείµενο που θα παρουσιαστεί όπως είναι µορφοποιηµένο σε ASCII (δεν θα χαθούν τα διαστήµατα µεταξύ των λέξεων). Μερικοί browsers ίσως να έχουν πρόβληµα στην απεικόνιση των Ελληνικών που βρίσκονται µέσα στην <PRE> αν δεν έχουν ρυθµιστεί σωστά τα Ελληνικά στην παράµετρο fixed font των ρυθµίσεων του Browser. <ADDRESS>...</ADDRESS>: Ειδική γραµµατοσειρά (συνήθως italic) που την χρησιµοποιούµε για να γράψουµε µια διεύθυνση (συνήθως πρόκειται για την υπογραφή του δηµιουργού της σελίδας) 14

15 3.6.1 To tag <FONT> Το FONT tag χρησιµοποιείται για τον καθορισµό της γραµµατοσειράς, του χρώµατος και του µεγέθους του κειµένου το οποίο περικλείει. <FONT SIZE=x>...</FONT> Καθορίζει το µέγεθος των γραµµάτων. Σε παλαιότερους browsers, το x µπορεί να πάρει τιµές από 1 (η µικρότερη) µέχρι 7 (η µεγαλύτερη). Default x=3. Η <FONT> µπορεί να πάρει και σχετικές τιµές (από -3 έως +4) που καθορίζουν το µέγεθός της σε σχέση µε την προκαθορισµένη γραµµατοσειρά που έχει οριστεί στον browser. Σε νεότερους browsers, το x µπορεί να πάρει και µεγαλύτερες τιµές. Απόλυτη τιµή Σχετική τιµή <FONT COLOR=x>...</FONT> Καθορίζει το χρώµα γραµµάτων <FONT FACE="x">...</FONT> Καθορίζει την γραµµατοσειρά, δίνοντας τη δυνατότητα χρησιµοποίησης κάποιας άλλης αν δεν υπάρχει στον υπολογιστή η πρώτη επιλογή. Αποτελείται από το όνοµα µιας γραµµατοσειράς ή περισσότερων διαχωρισµένες µε κόµµα (,). Καλό είναι να χρησιµοποιείται µε φειδώ διότι αν η γραµµατοσειρά δεν υπάρχει στον Η/Υ του αναγνώστη των σελίδων µπορεί να υπάρξουν προβλήµατα (π.χ. να µην φαίνονται τα κείµενα µε Ελληνικούς χαρακτήρες). Παράδειγµα: <FONT FACE="Verdana, Arial, sans-serif">κείµενο</font> Καλύτερα να αποφεύγεται η υπερβολική χρήση της <FONT> (ορισµός πολλών γραµµατοσειρών ή/και πολλών χρωµάτων γραµµάτων στο ίδιο κείµενο) διότι δίνει πολύ άσχηµη εικόνα Επικεφαλίδες (Headings) To tag επικεφαλίδας καθορίζει το µέγεθος των γραµµάτων της επικεφαλίδας και ισχύει ανεξάρτητα από την γραµµατοσειρά που χρησιµοποιεί ο browser για να διαβάζει την σελίδα. Η µεγαλύτερη σε µέγεθος επικεφαλίδα είναι η <H1>, ακολουθούµενη από τις <H2>...<H6>. Παραδείγµατα: <H1>Αυτή είναι η µεγαλύτερη επικεφαλίδα</h1> <H2>Αυτή είναι η δεύτερη µεγαλύτερη επικεφαλίδα</h2> Μια επικεφαλίδα αφήνει αυτόµατα την επόµενη γραµµή από αυτήν κενή. Έτσι υπάρχει πάντα µια γραµµή απόσταση µεταξύ της επικεφαλίδας και του κειµένου που την ακολουθεί Λίστες Αριθµηµένες λίστες Αν θέλουµε να δηµιουργήσουµε µια αριθµηµένη λίστα του τύπου 1. ευτέρα 2. Τρίτη 3. Τετάρτη 4. Πέµπτη θα πρέπει να χρησιµοποιήσουµε τα tags <OL>...</OL> και <LI> 15

16 Το tag <OL> (Ordered List) τοποθετείται στην αρχή της λίστας ενώ το tag </OL> στο τέλος της. Κάθε νέα εγγραφή στην λίστα πρέπει να σηµειώνεται µε το tag <LI> (οδηγία </LI> δεν χρησιµοποιούµε για τον ίδιο λόγο που δεν χρησιµοποιούµε το </P>) Έτσι η παραπάνω αριθµηµένη λίστα θα πρέπει να γραφτεί ως εξής: <OL><LI> ευτέρα <LI> Τρίτη <LI> Τετάρτη <LI> Πέµπτη </OL> Η αρίθµηση αφορά τις τιµές 1,2 ως προεπιλογή. Το στυλ αρίθµησης µπορεί να αλλάξει χρησιµοποιώντας την ιδιότητα TYPE η οποία δέχεται τις ακόλουθες τιµές: 1 (αριθµοί), A (κεφαλαία γράµµατα), a (πεζά γράµµατα), I (κεφαλαία λατινικά), and i (πεζά λατινικά). I. ευτέρα II. Τρίτη III. Τετάρτη IV. Πέµπτη <OL TYPE=I> <LI> ευτέρα <LI> Τρίτη <LI> Τετάρτη <LI> Πέµπτη </OL> Επίσης µπορούµε να καθορίσουµε τον εναρκτήριο αριθµό της αρίθµησης µε την παράµετρο START 3. ευτέρα 4. Τρίτη 5. Τετάρτη 6. Πέµπτη <OL START=3> <LI> ευτέρα <LI> Τρίτη <LI> Τετάρτη <LI> Πέµπτη </OL> Λίστες χωρίς αρίθµηση (Unordered Lists) Για να δηµιουργήσουµε µια λίστα µε κουκίδες όπως η παρακάτω θα ακολουθήσουµε την ίδια ακριβώς µεθοδολογία όπως και µε τις αριθµηµένες µε την διαφορά πως αντί για την οδηγία <OL> θα χρησιµοποιήσουµε την <UL>. ευτέρα Τρίτη Τετάρτη Πέµπτη Έτσι η παραπάνω µη αριθµηµένη λίστα θα πρέπει να γραφτεί ως εξής: <UL><LI> ευτέρα <LI> Τρίτη <LI> Τετάρτη <LI> Πέµπτη </UL> Τα ενδεικτικά σηµάδια κάθε µέρους µιας µη αριθµηµένης λίστας µπορούν να οριστούν µε ειδικές παραµέτρους και να πάρουν τις εξής µορφές: ίσκος (UL TYPE=DISC), Κύκλος (UL TYPE=CIRCLE), Τετράγωνο (UL TYPE=SQUARE). 16

17 Λίστες µέσα σε άλλες λίστες εν υπάρχει κανένα πρόβληµα αν θέλετε να συµπεριλάβετε µια λίστα µέσα σε µια άλλη. Για παράδειγµα, η παρακάτω διάταξη: Στερεά Ελλάδα Ιόνιοι Νήσοι o Κέρκυρα o Λευκάδα o Ζάκυνθος o Κεφαλονιά o Ιθάκη Ήπειρος o Άρτα o Ιωάννινα o Πρέβεζα o Ηγουµενίτσα Μακεδονία Θράκη θα πρέπει να έχει καταχωρηθεί µε τον ακόλουθο τρόπο: <UL> <LI> Στερεά Ελλάδα <LI> Ιόνιοι Νήσοι <UL><LI> Κέρκυρα <LI> Λευκάδα <LI> Ζάκυνθος <LI> Κεφαλονιά <LI> Ιθάκη </UL> <LI> Ήπειρος <UL><LI> Άρτα <LI> Ιωάννινα <LI> Πρέβεζα <LI> Ηγουµενίτσα </UL><LI> Μακεδονία <LI> Θράκη </UL> Λίστες ορισµού Η τρίτη κατηγορία λιστών περιλαµβάνει τις λίστες ορισµού (definition lists). Αυτές αποτελούνται από όρους και τον ορισµό τους Παράδειγµα: ΑΕΙ ΤΕΙ ΙΕΚ Ανώτατα Εκπαιδευτικά Ιδρύµατα Τεχνολογικά Εκπαιδευτικά Ιδρύµατα Ινστιτούτα Επαγγελµατικής Κατάρτισης Οι λίστες ορίζονται µε το tag <dl>, οι όροι µε το tag <dt> και οι ορισµοί µε το tag <dd> H παραπάνω λίστα καταχωρείται µε τον ακόλουθο τρόπο: <DL> <DT>ΑΕΙ <DD>Ανώτερα Εκπαιδευτικά Ιδρύµατα. <DT>ΤΕΙ <DD>Τεχνολογικά Εκπαιδευτικά Ιδρύµατα <DT>ΙΕΚ <DD>Ινστιτούτα Επαγγελµατικής Κατάρτισης </DL> 17

18 3.6.4 Στοίχιση Η στοίχιση κειµένου ή φωτογραφιών γίνεται µε την παράµετρο ALIGN. Σηµειώνεται ότι η παράµετρος ALIGN δεν είναι tag αλλά παράµετρος κάποιου tag Για τη στοίχιση κειµένου αριστερά (ALIGN=LEFT), δεξιά (ALIGN=RIGHT), ή στο κέντρο (ALIGN=CENTER) χρησιµοποιείται η ALIGN µέσα σε µια παράγραφο <p>. Για τη στοίχιση κειµένου µιας επικεφαλίδας, χρησιµοποιείται η παράµετρος ALIGN ως εξής: <H1 ALIGN=Χ>κείµενο</H1> Όπου η Χ µπορεί να πάρει τις τιµές LEFT CENTER RIGHT ανάλογα µε την θέση που θέλουµε να βρίσκεται. Το tag <div> µπορεί να περιλαµβάνει µεγάλα κοµµάτια περιεχοµένου (παραγράφους, πίνακες, εικόνες κ.α). Η παράµετρος ALIGN επηρεάζει όλο το περιεχόµενο που περικλείει το tag <div>. Παράδειγµα: <DIV ALIGN=RIGHT><H1>Επικεφαλίδα 1</H1><H3>Επικεφαλίδα 2</H3><P>Παράγραφος µε κείµενο</div> Στοίχιση στο κέντρο Το tag <CENTER>...</CENTER> στοιχίζει στο κέντρο όλα όσα περικλείει (πίνακες, εικόνες, κείµενο κ.λπ.). Αν και θεωρείται πιο σωστό να χρησιµοποιούµε την ALIGN γι' αυτή την εργασία, υπάρχουν πολλές περιπτώσεις που η <CENTER> αποδεικνύεται προτιµότερη. 3.7 Παραποµπές (Links) Οι σύνδεσµοι αποτελούν απαραίτητο στοιχείο των Web σελίδων γιατί συνδέουν τις σελίδες δίνοντας µας την δυνατότητα να µεταβούµε από µια σελίδα σε άλλη και από έναν δικτυακό τόπο σε έναν άλλο. Η γενική σύνταξη µια παραποµπής είναι: <A HREF="URL">κείµενο της παραποµπής</a> Ανάλογα µε το είδος µετάβασης διακρίνονται οι παρακάτω περιπτώσεις: 1) Παραποµπές από µια σελίδα σε µια άλλη που βρίσκεται σε έναν διαφορετικό κόµβο στο Internet Ο κώδικας θα είναι: Το <A HREF="http://www.yahoo.com">Yahoo!</A> είναι το πιο δηµοφιλές εργαλείο αναζήτησης. Αυτό που θα βλέπει ο χρήστης θα είναι: Το Yahoo! είναι το πιο δηµοφιλές εργαλείο αναζήτησης. Με κλικ πάνω στην λέξη Yahoo! ο browser θα καλεί την σελίδα 18

19 2) Παραποµπές από µια σελίδα σε µια άλλη του ίδιου κόµβου που βρίσκεται στον ίδιο φάκελο (directory) Αν η σελίδα στην οποία παραπέµπουµε είναι στο ίδιο directory (folder) µε αυτή η οποία έχει την παραποµπή, ο κώδικας θα είναι: <A HREF="όνοµα αρχείου">κείµενο παραποµπής</a> Για παραποµπή στο αρχείο secondpage.htm ο κώδικας θα είναι: Κάντε κλικ <A HREF="secondpage.htm">εδώ</A> για να πάτε στην άλλη σελίδα. Αυτό που θα βλέπει ο χρήστης θα είναι: Κάντε κλικ εδώ για να πάτε στην άλλη σελίδα. Με κλικ πάνω στην λέξη εδώ ο browser θα καλεί την σελίδα µε όνοµα αρχείου mypage.htm 3) Παραποµπές από µια σελίδα σε µια άλλη του ίδιου κόµβου που βρίσκεται σε κάποιον υποφάκελο υποφάκελο (subdirectory) Η γενική σύνταξη είναι: <a href="υποφάκελος/secondpage.htm"> υπογραµµισµένο κείµενο</a> Παράδειγµα: Υποθέτουµε πως η αρχική µας σελίδα έχει όνοµα firstpage.htm και βρίσκεται στην θέση c:\wwwroot\mypages\dance\tango Μια δεύτερη σελίδα έχει όνοµα secondpage.htm και βρίσκεται στην θέση c:\wwwroot\mypages\dance\tango\argentine Η παραποµπή από την firstpage.htm στην secondpage.htm θα είναι <a href="argentine/secondpage.htm">υπογραµµισµένο κείµενο</a> Αν η firstpage.htm βρίσκεται στην θέση c:\wwwroot\mypages\dance\tango\argentine\evita Η παραποµπή από την firstpage.htm στην secondpage.htm θα είναι <a href="argentine/evita/secondpage.htm">υπογραµµισµένο κείµενο</a> 4) Παραποµπές από µια σελίδα σε µια άλλη του ίδιου κόµβου που βρίσκεται σε ανώτερο φάκελο (directory) Η γενική σύνταξη είναι: <a href="../secondpage.htm">υπογραµµισµένο κείµενο</a> ( εν υπάρχει λόγος να βάλουµε το όνοµα του ανώτερου φακέλου διότι κάθε φάκελος έχει µόνον έναν αµέσως ανώτερο. Γι' αυτό αρκούν οι δύο τελείες). Παράδειγµα: 19

20 Υποθέτουµε πως η αρχική µας σελίδα έχει όνοµα secondpage.htm και βρίσκεται στην θέση c:\wwwroot\mypages\dance\tango\argentine Μια δεύτερη σελίδα έχει όνοµα firstpage.htm και βρίσκεται στην θέση c:\wwwroot\mypages\dance\tango Η παραποµπή από την secondpage.htm στην firstpage.htm θα είναι: <a href="../firstpage.htm">υπογραµµισµένο κείµενο</a> Αν η secondpage.htm βρίσκεται στην θέση c:\wwwroot\mypages\dance\tango\argentine\evita Η παραποµπή από την secondpage.htm στην firstpage.htm θα είναι <a href="../../ firstpage.htm">υπογραµµισµένο κείµενο</a> 5) Παραποµπές από µια σελίδα σε µια άλλη του ίδιου κόµβου που βρίσκεται σε άλλο (γενικά) φάκελο (directory) Η σύνταξη της παραποµπής αυτής είναι ένας συνδυασµός των άλλων βηµάτων 3 και 4. Για παράδειγµα έστω πως έχουµε τις σελίδες: firstpage.htm στην διεύθυνση c:\wwwroot\mypages\dance\tango\argentine\evita secondpage.htm στην διεύθυνση c:\wwwroot\mypages\dance\mambo\cuba\ Η παραποµπή από την firstpage.htm στην secondpage.htm θα είναι: <A HREF="../../mambo/cuba/secondpage.htm"> υπογραµµισµένο κείµενο</a> Η παραποµπή αυτή σηµαίνει: Από τον τρέχοντα φάκελο (evita) ανέβα στον ανώτερο (../ δηλαδή τον argentine). Μετά ανέβα στον αµέσως ανώτερο (../ δηλαδή τον tango). Από εκεί θα πας στον mambo. Από αυτόν θα πας στον cuba όπου θα βρεις το αρχείο firstpage.htm Σηµείωση: Στις περιπτώσεις 2, 3, 4, 5 χρησιµοποιούµε σχετικά (relative) links. ηλαδή οι παραποµπές δεν γίνονται µε το απόλυτο µονοπάτι (path) 1 : από το c:\wwwroot\mypages\dance\tango στο c:\wwwroot\mypages\dance\tango\argentine\evita Γίνονται µε το σχετικό: από τον τρέχοντα φάκελο (που είναι ο tango) στον αµέσως κατώτερό του (που είναι ο argentine). Ο τρόπος αυτός είναι ο ενδεδειγµένος διότι µας επιτρέπει χωρίς πρόβληµα να µεταφέρουµε ολόκληρο το site από µηχάνηµα σε µηχάνηµα (ή από φάκελο σε φάκελο) χωρίς να χρειαστεί καµία απολύτως µεταβολή. 1 Σε περίπτωση που θέλουµε να κάνουµε αναφορά (link) σε ένα αντικείµενο (σελίδα, φωτογραφία κλπ) το οποίο βρίσκεται σε έναν σταθερό ως προς τον αρχικό κατάλογο του κόµβου µας, τότε χρησιµοποιούµε το απόλυτο µονοπάτι στην αναφορά (absolute path) π.χ. /images/image01.gif. 20

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

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

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

Σχεδίαση ιστοσελίδων

Σχεδίαση ιστοσελίδων Τ.Ε.Ι. Δυτικής Ελλάδας Σχολή Διοίκησης και Οικονομίας Τμήμα Διοίκησης Επιχειρήσεων - Πάτρα Σχεδίαση ιστοσελίδων Θεώνη Πιτουρά, Γιάννης Κουτσονίκος Σημειώσεις για το Εργαστήριο «Επιχειρηματικές δικτυακές

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

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

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

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

Κειµενογράφοι ετικετών

Κειµενογράφοι ετικετών ΕΠΛ 012 Γλώσσα Μορφοποίησης HTML Πως κτίζουµε τις Ετικέτες Notepad ή άλλο TEXT editor Πού τα κάνουµε Save? Πώς τα οργανώνουµε Πώς τα βάζουµε δηµόσια online Τα αρχεία να τελειώνουν σε.html ή.htm Πως ξεκινούµε

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

<BODY></a> </h3> <p> <img alt="<HTML> <HEAD> <TITLE> <BODY>" title="<HTML> <HEAD> <TITLE> <BODY>" class="news-block-img pull-right" src="/thumbs/26/2082816.jpg"> ΑΣΚΗΣΗ 1 1. Ανοίξτε τον επεξεργαστή ιστοσελίδων 2. Αποθηκεύστε στο X:/mathimata/html/askiseis/ με όνομα askisi1b.html 3. Θα φτιάξουμε μια νέα ιστοσελίδα, χρησιμοποιώντας τις βασικές ετικέτες </p> <a href="/2082816-Html-head-title-body.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/3858593-Sholi-koinonikon-epistimon-tmima-politismikis-tehnologias-kai-epikoinonias.html">Σχολή Κοινωνικών Επιστημών Τμήμα Πολιτισμικής Τεχνολογίας Και Επικοινωνίας</a> </h3> <p> <img alt="Σχολή Κοινωνικών Επιστημών Τμήμα Πολιτισμικής Τεχνολογίας Και Επικοινωνίας" title="Σχολή Κοινωνικών Επιστημών Τμήμα Πολιτισμικής Τεχνολογίας Και Επικοινωνίας" class="news-block-img pull-right" src="/thumbs/24/3858593.jpg"> Πανεπιστήμιο Αιγαίου Σχολή Κοινωνικών Επιστημών Τμήμα Πολιτισμικής Τεχνολογίας Και Επικοινωνίας Δικτυακά Πολυμέσα Ι (Β Έτος, 3ο εξ) Διάλεξη #5η: HTML: πίνακες (tables), πλαίσια (frames) Γαβαλάς Δαμιανός </p> <a href="/3858593-Sholi-koinonikon-epistimon-tmima-politismikis-tehnologias-kai-epikoinonias.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/10949182-Tehnologies-diadiktyoy-exaskitheite-stin-html.html">Τεχνολογίες Διαδικτύου (Εξασκηθείτε στην HTML)</a> </h3> <p> <img alt="Τεχνολογίες Διαδικτύου (Εξασκηθείτε στην HTML)" title="Τεχνολογίες Διαδικτύου (Εξασκηθείτε στην HTML)" class="news-block-img pull-right" src="/thumbs/27/10949182.jpg"> Τεχνολογίες Διαδικτύου (Εξασκηθείτε στην HTML) 1. Δημιουργία μιας απλής σελίδας HTML Ανοίξτε το Notepad ακολουθώντας τη διαδρομή Start All Programs Accessories Notepad Πληκτρολογήστε το ακόλουθο κείμενο: </p> <a href="/10949182-Tehnologies-diadiktyoy-exaskitheite-stin-html.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/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="/9710600-Ethniko-metsovio-polytehneio-siueioseis-gia-ti-glossa-html-hypertext-markup-language.html">ΕΘΝΙΚΟ ΜΕΤΣΟΒΙΟ ΠΟΛΥΤΕΧΝΕΙΟ. Σηµειώσεις για τη γλώσσα HTML (HyperText Markup Language)</a> </h3> <p> <img alt="ΕΘΝΙΚΟ ΜΕΤΣΟΒΙΟ ΠΟΛΥΤΕΧΝΕΙΟ. Σηµειώσεις για τη γλώσσα HTML (HyperText Markup Language)" title="ΕΘΝΙΚΟ ΜΕΤΣΟΒΙΟ ΠΟΛΥΤΕΧΝΕΙΟ. Σηµειώσεις για τη γλώσσα HTML (HyperText Markup Language)" class="news-block-img pull-right" src="/thumbs/27/9710600.jpg"> ΕΘΝΙΚΟ ΜΕΤΣΟΒΙΟ ΠΟΛΥΤΕΧΝΕΙΟ ΣΧΟΛΗ ΗΛΕΚΤΡΟΛΟΓΩΝ ΜΗΧΑΝΙΚΩΝ ΚΑΙ ΜΗΧΑΝΙΚΩΝ ΥΠΟΛΟΓΙΣΤΩΝ Σηµειώσεις για τη γλώσσα HTML (HyperText Markup Language) ιδάσκων Αν. Καθηγητής Ι.Σ.Βενιέρης Αθήνα, Ιανουάριος 2003 1 </p> <a href="/9710600-Ethniko-metsovio-polytehneio-siueioseis-gia-ti-glossa-html-hypertext-markup-language.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="/2533222-I-glossa-programmatismoy-toy-internet-html.html">Η Γλώσσα Προγραμματισμού του Internet HTML</a> </h3> <p> <img alt="Η Γλώσσα Προγραμματισμού του Internet HTML" title="Η Γλώσσα Προγραμματισμού του Internet HTML" class="news-block-img pull-right" src="/thumbs/24/2533222.jpg"> Η Γλώσσα Προγραμματισμού του Internet HTML Η HTML και το Internet Κάθε σελίδα που εμφανίζεται στο Internet είναι ένα αρχείο γραμμένο με τη γλώσσα HTML (HyperText Markup Language, Γλώσσα Χαρακτηρισμού Υπερ-Κειμένου), </p> <a href="/2533222-I-glossa-programmatismoy-toy-internet-html.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/6937926-Shift-gramma-patame-ton-tono-di-la-sto-l-kai-meta-to-fonien-pos-vazoyme-dialytika-patame-to-shift-tono-kai-meta-to-fonien-i-i-y.html">Shift+γράμμα. Πατάμε τον τόνο (δί[λα στο L) και μετά το φωνήεν. Πως βάζουμε διαλυτικά; Πατάμε το Shift+ τόνο και μετά το φωνήεν (ι ή υ)</a> </h3> <p> <img alt="Shift+γράμμα. Πατάμε τον τόνο (δί[λα στο L) και μετά το φωνήεν. Πως βάζουμε διαλυτικά; Πατάμε το Shift+ τόνο και μετά το φωνήεν (ι ή υ)" title="Shift+γράμμα. Πατάμε τον τόνο (δί[λα στο L) και μετά το φωνήεν. Πως βάζουμε διαλυτικά; Πατάμε το Shift+ τόνο και μετά το φωνήεν (ι ή υ)" class="news-block-img pull-right" src="/thumbs/25/6937926.jpg"> Βασικές λειτουργίες του πληκτρολογίου Αλλαγή μεταξύ Αγγλικών και Ελληνικών Όταν γράφουμε σε πεζά (μικρά) και θέλουμε να γράψουμε ένα γράμμα κεφαλαίο Όταν γράφουμε συνέχεια Κεφαλαία Για να γράψουμε ένα </p> <a href="/6937926-Shift-gramma-patame-ton-tono-di-la-sto-l-kai-meta-to-fonien-pos-vazoyme-dialytika-patame-to-shift-tono-kai-meta-to-fonien-i-i-y.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/9698235-Ergaleia-anaptyxis-efarmogon-internet-i.html">Εργαλεία ανάπτυξης εφαρμογών internet Ι</a> </h3> <p> <img alt="Εργαλεία ανάπτυξης εφαρμογών internet Ι" title="Εργαλεία ανάπτυξης εφαρμογών internet Ι" class="news-block-img pull-right" src="/thumbs/27/9698235.jpg"> IEK ΟΑΕΔ ΚΑΛΑΜΑΤΑΣ ΤΕΧΝΙΚΟΣ ΕΦΑΡΜΟΓΩΝ ΠΛΗΟΦΟΡΙΚΗΣ Εργαλεία ανάπτυξης εφαρμογών internet Ι HTML Διδάσκουσα: Κανελλοπούλου Χριστίνα ΠΕ19 Πληροφορικής HTML (HyperText Markup Language) Η γλώσσα που χρησιμοποιείται </p> <a href="/9698235-Ergaleia-anaptyxis-efarmogon-internet-i.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="/10494144-Stayros-kaoykakis-eytyhios-vavoyrakis.html">Σταύρος Καουκάκης Ευτύχιος Βαβουράκης</a> </h3> <p> <img alt="Σταύρος Καουκάκης Ευτύχιος Βαβουράκης" title="Σταύρος Καουκάκης Ευτύχιος Βαβουράκης" class="news-block-img pull-right" src="/thumbs/27/10494144.jpg"> ΠΑΝΕΠΙΣΤΗΜΙΟ ΚΡΗΤΗΣ 1 ο ΣΧΟΛΕΙΟ ΚΩΔΙΚΑ «Βασικά Θέματα Προγραμματισμού στην Ανάπτυξη Δυναμικών Διαδικτυακών Εφαρμογών» (Part 1) Σταύρος Καουκάκης Ευτύχιος Βαβουράκης 1 Λίγα Λόγια για το Σχολείο Μονάδες </p> <a href="/10494144-Stayros-kaoykakis-eytyhios-vavoyrakis.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="/1360020-Ypiresia-webmail-kypes.html">ΥΠΗΡΕΣΙΑ WEBMAIL ΚΥΠΕΣ</a> </h3> <p> <img alt="ΥΠΗΡΕΣΙΑ WEBMAIL ΚΥΠΕΣ" title="ΥΠΗΡΕΣΙΑ WEBMAIL ΚΥΠΕΣ" class="news-block-img pull-right" src="/thumbs/22/1360020.jpg"> ΥΠΗΡΕΣΙΑ WEBMAIL ΚΥΠΕΣ Η υπηρεσία διαχείρισης αλληλογραφίας µέσω web (webmail) δίνει την δυνατότητα στους χρήστες να διαχειριστούν την αλληλογραφία τους απ οποιοδήποτε σηµείο βρίσκονται εφόσον υπάρχει </p> <a href="/1360020-Ypiresia-webmail-kypes.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/4505801-Epexergasia-keimenoy-keimenografos-word.html">ΕΠΕΞΕΡΓΑΣΙΑ ΚΕΙΜΕΝΟΥ. Κειμενογράφος WORD</a> </h3> <p> <img alt="ΕΠΕΞΕΡΓΑΣΙΑ ΚΕΙΜΕΝΟΥ. Κειμενογράφος WORD" title="ΕΠΕΞΕΡΓΑΣΙΑ ΚΕΙΜΕΝΟΥ. Κειμενογράφος WORD" class="news-block-img pull-right" src="/thumbs/25/4505801.jpg"> ΕΠΕΞΕΡΓΑΣΙΑ ΚΕΙΜΕΝΟΥ Κειμενογράφος WORD ΣΚΟΠΟΣ Η ανάπτυξη δεξιοτήτων επεξεργασίας κειμένου ΠΡΟΤΑΣΕΙΣ ΚΑΙ ΡΥΘΜΙΣΕΙΣ Άνω περιθώριο (top margin) : 2.49cm Κάτω περιθώριο (bottom margin) :5.99cm Αριστερό περιθώριο </p> <a href="/4505801-Epexergasia-keimenoy-keimenografos-word.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/10944453-Eisagogi-stin-html-ta-tags-tis-html-kai-ta-gnorismata-toys.html">Εισαγωγή στην HTML Τα tags της HTML και τα γνωρίσματά τους</a> </h3> <p> <img alt="Εισαγωγή στην HTML Τα tags της HTML και τα γνωρίσματά τους" title="Εισαγωγή στην HTML Τα tags της HTML και τα γνωρίσματά τους" class="news-block-img pull-right" src="/thumbs/27/10944453.jpg"> Εισαγωγή στην HTML Τα tags της HTML και τα γνωρίσματά τους Με την γλώσσα περιγραφής υπερ-κειμένου (HTML) μπορούμε να σχεδιάζουμε ιστοσελίδες. Η HyperText Markup Language βασίζεται στην SGML (Standard Generalized </p> <a href="/10944453-Eisagogi-stin-html-ta-tags-tis-html-kai-ta-gnorismata-toys.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/3987000-Eisagogi-se-html-kai-css-panagiotis-tsarhopoylos.html">Εισαγωγή σε HTML και CSS. Παναγιώτης Τσαρχόπουλος</a> </h3> <p> <img alt="Εισαγωγή σε HTML και CSS. Παναγιώτης Τσαρχόπουλος" title="Εισαγωγή σε HTML και CSS. Παναγιώτης Τσαρχόπουλος" class="news-block-img pull-right" src="/thumbs/24/3987000.jpg"> Εισαγωγή σε HTML και CSS Παναγιώτης Τσαρχόπουλος Περιεχόμενα Εισαγωγικές έννοιες Ορολογία και σύνταξη Κείμενο σε HTML έγγραφα Σύνδεσμοι Ψηφιακές - Ευφυείς Πόλεις - Εισαγωγή σε HTML και CSS 2 Εισαγωγικές </p> <a href="/3987000-Eisagogi-se-html-kai-css-panagiotis-tsarhopoylos.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/13218913-Eisagogi-stin-pliroforiki.html">Εισαγωγή στην πληροφορική</a> </h3> <p> <img alt="Εισαγωγή στην πληροφορική" title="Εισαγωγή στην πληροφορική" class="news-block-img pull-right" src="/thumbs/29/13218913.jpg"> Τμήμα Μηχανικών Πληροφορικής & Τηλεπικοινωνιών Εισαγωγή στην πληροφορική Ενότητα 5: Εισαγωγή στην HTML (Μέρος Α) Αγγελίδης Παντελής Τμήμα Μηχανικών Πληροφορικής και Τηλεπικοινωνιών Άδειες Χρήσης Το παρόν </p> <a href="/13218913-Eisagogi-stin-pliroforiki.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/12564208-Tei-kavalas-ptyhiaki-ergasia-eisagogi-miltiadis-kaklamanis.html">ΤΕΙ ΚΑΒΑΛΑΣ. Πτυχιακή εργασία ΕΙΣΑΓΩΓΗ. Μιλτιάδης Κακλαμάνης</a> </h3> <p> <img alt="ΤΕΙ ΚΑΒΑΛΑΣ. Πτυχιακή εργασία ΕΙΣΑΓΩΓΗ. Μιλτιάδης Κακλαμάνης" title="ΤΕΙ ΚΑΒΑΛΑΣ. Πτυχιακή εργασία ΕΙΣΑΓΩΓΗ. Μιλτιάδης Κακλαμάνης" class="news-block-img pull-right" src="/thumbs/28/12564208.jpg"> Σελίδα 1από ΤΕΙ ΚΑΒΑΛΑΣ Πτυχιακή εργασία Δικτυακή Εφαρμογή διαχείρισης ηλεκτρονικών εγγράφων υπηρεσίας. ΕΙΣΑΓΩΓΗ Μιλτιάδης Κακλαμάνης Σελίδα 2από Κατάλογος περιεχομένων ΕΙΣΑΓΩΓΗ...1 Σχετιζόμενα πρόσωπα...3 </p> <a href="/12564208-Tei-kavalas-ptyhiaki-ergasia-eisagogi-miltiadis-kaklamanis.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/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="/2572359-K-a-el-e-simeioseis-epano-ston-epexergasti-keimenoy-microsoft-word-eisigitis-haritonidis-georgios-volos-noemvrios-2008.html">Κ.Α.ΕΛ.Ε. Σημειώσεις επάνω στοn επεξεργαστή κειμένου Microsoft Word. Εισηγητής: Χαριτωνίδης Γεώργιος. Βόλος, Νοέμβριος 2008</a> </h3> <p> <img alt="Κ.Α.ΕΛ.Ε. Σημειώσεις επάνω στοn επεξεργαστή κειμένου Microsoft Word. Εισηγητής: Χαριτωνίδης Γεώργιος. Βόλος, Νοέμβριος 2008" title="Κ.Α.ΕΛ.Ε. Σημειώσεις επάνω στοn επεξεργαστή κειμένου Microsoft Word. Εισηγητής: Χαριτωνίδης Γεώργιος. Βόλος, Νοέμβριος 2008" class="news-block-img pull-right" src="/thumbs/24/2572359.jpg"> Κ.Α.ΕΛ.Ε. Σημειώσεις επάνω στοn επεξεργαστή κειμένου Microsoft Word Βόλος, Νοέμβριος 2008 To Microsoft Word (έκδοση 2003) είναι ένας εξελιγμένος επεξεργαστής κειμένου, με τον οποίο μπορούμε να δημιουργήσουμε </p> <a href="/2572359-K-a-el-e-simeioseis-epano-ston-epexergasti-keimenoy-microsoft-word-eisigitis-haritonidis-georgios-volos-noemvrios-2008.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/1361536-Spoydes-cad-pliroforikis-oikonomias-dioikisis-kai-d-t-p-me-systima-didaskalias-facetoface.html">Σπουδές CAD, Πληροφορικής, Οικονομίας, Διοίκησης και D.T.P. με Σύστημα διδασκαλίας facetoface</a> </h3> <p> <img alt="Σπουδές CAD, Πληροφορικής, Οικονομίας, Διοίκησης και D.T.P. με Σύστημα διδασκαλίας facetoface" title="Σπουδές CAD, Πληροφορικής, Οικονομίας, Διοίκησης και D.T.P. με Σύστημα διδασκαλίας facetoface" class="news-block-img pull-right" src="/thumbs/22/1361536.jpg"> Copyright 2009-2012 -SYSTEM- All rights reserved 2/159 ΠΕΡΙΕΧΟΜΕΝΑ Μάθημα 1: New - Save Μάθημα 2: Εισαγωγή στη CSS Μάθημα 3: Τρόπος Σύνταξης Μάθημα 4: Σχόλια Μάθημα 5: ID Μάθημα 6: Class Μάθημα 7: Background </p> <a href="/1361536-Spoydes-cad-pliroforikis-oikonomias-dioikisis-kai-d-t-p-me-systima-didaskalias-facetoface.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/1849305-Ploigisi-www-me-ton-internet-explorer.html">Πλοήγηση www / Με τον Internet Explorer</a> </h3> <p> <img alt="Πλοήγηση www / Με τον Internet Explorer" title="Πλοήγηση www / Με τον Internet Explorer" class="news-block-img pull-right" src="/thumbs/23/1849305.jpg"> Πλοήγηση www / Με τον Internet Explorer Περιεχόμενα 1.Eισαγωγή 2.Το περιβάλλον του Internet Explorer 3.Οδηγίες πλοήγησης 4.Αποθήκευση αρχείων 5.Αγαπημένα 6.Ασφαλής σύνδεση 7.Διακομιστής μεσολάβησης 1.Εισαγωγή </p> <a href="/1849305-Ploigisi-www-me-ton-internet-explorer.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/842866-Imioyrgia-istoseli-as-sto-microsoft-word.html">ΗΜΙΟΥΡΓΙΑ ΙΣΤΟΣΕΛΙ ΑΣ ΣΤΟ MICROSOFT WORD</a> </h3> <p> <img alt="ΗΜΙΟΥΡΓΙΑ ΙΣΤΟΣΕΛΙ ΑΣ ΣΤΟ MICROSOFT WORD" title="ΗΜΙΟΥΡΓΙΑ ΙΣΤΟΣΕΛΙ ΑΣ ΣΤΟ MICROSOFT WORD" class="news-block-img pull-right" src="/thumbs/18/842866.jpg"> ΗΜΙΟΥΡΓΙΑ ΙΣΤΟΣΕΛΙ ΑΣ ΣΤΟ MICROSOFT WORD Σε ορισµένες περιπτώσεις είναι ιδιαίτερα χρήσιµη η δηµιουργία ιστοσελίδων ενηµερωτικού περιεχοµένου οι οποίες στη συνέχεια µπορούν να δηµοσιευθούν σε κάποιο τόπο </p> <a href="/842866-Imioyrgia-istoseli-as-sto-microsoft-word.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/4006259-.html"></a> </h3> <p> <img alt="" title="" class="news-block-img pull-right" src="/thumbs/24/4006259.jpg"> ΣΧΕ ΙΑΣΜΟΣ ΕΠΙΦΑΝΕΙΑΣ Με το σχεδιασµό επιφάνειας (Custom επιφάνεια) µπορούµε να σχεδιάσουµε επιφάνειες και αντικείµενα που δεν υπάρχουν στους καταλόγους του 1992. Τι µπορούµε να κάνουµε µε το σχεδιασµό </p> <a href="/4006259-.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/7112705-Gavalas-damianos-dgavalas-aegean-gr-diktyaka-polymesa-ii-ergastirio-3-0-eisagogi-stacascading-style-sheets-css.html">Γαβαλάς Δαμιανός dgavalas@aegean.gr. Δικτυακά Πολυμέσα ΙΙ Εργαστήριο #3 0 : Εισαγωγή στacascading Style Sheets (CSS)</a> </h3> <p> <img alt="Γαβαλάς Δαμιανός dgavalas@aegean.gr. Δικτυακά Πολυμέσα ΙΙ Εργαστήριο #3 0 : Εισαγωγή στacascading Style Sheets (CSS)" title="Γαβαλάς Δαμιανός dgavalas@aegean.gr. Δικτυακά Πολυμέσα ΙΙ Εργαστήριο #3 0 : Εισαγωγή στacascading Style Sheets (CSS)" class="news-block-img pull-right" src="/thumbs/26/7112705.jpg"> Δικτυακά Πολυμέσα ΙΙ Εργαστήριο #3 0 : Εισαγωγή στacascading Style Sheets (CSS) Γαβαλάς Δαμιανός dgavalas@aegean.gr Επικαλυπτόμενα Φύλλα Στυλ (Cascading Style Sheets, CSS) Η (X)HTML προσδιορίζει τη βασική </p> <a href="/7112705-Gavalas-damianos-dgavalas-aegean-gr-diktyaka-polymesa-ii-ergastirio-3-0-eisagogi-stacascading-style-sheets-css.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/10416197-Odigies-keimenografoy-2007.html">ΟΔΗΓΙΕΣ ΚΕΙΜΕΝΟΓΡΑΦΟΥ 2007</a> </h3> <p> <img alt="ΟΔΗΓΙΕΣ ΚΕΙΜΕΝΟΓΡΑΦΟΥ 2007" title="ΟΔΗΓΙΕΣ ΚΕΙΜΕΝΟΓΡΑΦΟΥ 2007" class="news-block-img pull-right" src="/thumbs/27/10416197.jpg"> 1. ΓΡΑΜΜΗ ΜΕΝΟΥ ΟΔΗΓΙΕΣ ΚΕΙΜΕΝΟΓΡΑΦΟΥ 2007 2. ΓΡΑΜΜΗ ΕΡΓΑΛΕΙΩΝ Κάθε μενού έχει τις δικές της δυνατότητες, όπως για παράδειγμα μόλις πατήσετε το κουμπί κεντρική βγαίνουν τα εικονίδια των δυνατοτήτων που </p> <a href="/10416197-Odigies-keimenografoy-2007.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/6093157-Stin-tehnologia-ton-css-oi-kanones-styl-style.html">Στην τεχνολογία των CSS, οι κανόνες στυλ (style</a> </h3> <p> <img alt="Στην τεχνολογία των CSS, οι κανόνες στυλ (style" title="Στην τεχνολογία των CSS, οι κανόνες στυλ (style" class="news-block-img pull-right" src="/thumbs/25/6093157.jpg"> Δικτυακά Πολυμέσα ΙΙ Εργαστήριο #4 0 : CSS: Βασικές και προχωρημένες τεχνικές επιλογής, τα στοιχεία και , ψευδο κλάσεις και ψευδο επιλογείς Γαβαλάς Δαμιανός dgavalas@aegean.gr CSS κανόνες στυλ </p> <a href="/6093157-Stin-tehnologia-ton-css-oi-kanones-styl-style.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="/341861-Powerpoint-2003-einai-to-dimofilestero-programma-paroysiaseon.html">POWERPOINT 2003. Είναι το δημοφιλέστερο πρόγραμμα παρουσιάσεων.</a> </h3> <p> <img alt="POWERPOINT 2003. Είναι το δημοφιλέστερο πρόγραμμα παρουσιάσεων." title="POWERPOINT 2003. Είναι το δημοφιλέστερο πρόγραμμα παρουσιάσεων." class="news-block-img pull-right" src="/thumbs/19/341861.jpg"> POWERPOINT 2003 1. Τι είναι το PowerPoint (ppt)? Είναι το δημοφιλέστερο πρόγραμμα παρουσιάσεων. 2. Τι δυνατότητες έχει? Δημιουργία παρουσίασης. Μορφοποίηση παρουσίασης. Δημιουργία γραφικών. Δημιουργία </p> <a href="/341861-Powerpoint-2003-einai-to-dimofilestero-programma-paroysiaseon.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/8726393-2-o-e-k-f-e-irakleioy-odigies-hrisis-pdfcreator.html">2 Ο Ε.Κ.Φ.Ε. ΗΡΑΚΛΕΙΟΥ. Οδηγίες χρήσης PDFCreator</a> </h3> <p> <img alt="2 Ο Ε.Κ.Φ.Ε. ΗΡΑΚΛΕΙΟΥ. Οδηγίες χρήσης PDFCreator" title="2 Ο Ε.Κ.Φ.Ε. ΗΡΑΚΛΕΙΟΥ. Οδηγίες χρήσης PDFCreator" class="news-block-img pull-right" src="/thumbs/26/8726393.jpg"> 2 Ο Ε.Κ.Φ.Ε. ΗΡΑΚΛΕΙΟΥ Οδηγίες χρήσης PDFCreator Ηράκλειο 2008 Π Ε Ρ Ι Ε Χ Ο Μ Ε Ν Α Σηµείωµα του συντάκτη... 2 Στοιχεία δηµιουργού του υλικού... 3 Εισαγωγή... 3 Τι είναι... 4 Που θα το βρείτε... 4 Τρόπος </p> <a href="/8726393-2-o-e-k-f-e-irakleioy-odigies-hrisis-pdfcreator.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/10603073-Zografizontas-ue-ton-ypologisti.html">ζωγραφίζοντας µε τον υπολογιστή</a> </h3> <p> <img alt="ζωγραφίζοντας µε τον υπολογιστή" title="ζωγραφίζοντας µε τον υπολογιστή" class="news-block-img pull-right" src="/thumbs/27/10603073.jpg"> ζωγραφίζοντας µε τον υπολογιστή Μια από τις εργασίες που µπορούµε να κάνουµε µε τον υπολογιστή είναι και η ζωγραφική. Για να γίνει όµως αυτό πρέπει ο υπολογιστής να είναι εφοδιασµένος µε το κατάλληλο πρόγραµµα. </p> <a href="/10603073-Zografizontas-ue-ton-ypologisti.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/8447288-Odigos-grigoris-ekkinisis.html">Οδηγός γρήγορης εκκίνησης</a> </h3> <p> <img alt="Οδηγός γρήγορης εκκίνησης" title="Οδηγός γρήγορης εκκίνησης" class="news-block-img pull-right" src="/thumbs/26/8447288.jpg"> Οδηγός γρήγορης εκκίνησης Το Microsoft Word 2013 έχει διαφορετική εμφάνιση από προηγούμενες εκδόσεις. Γι αυτό το λόγο, δημιουργήσαμε αυτόν τον οδηγό για να ελαχιστοποιήσουμε την καμπύλη εκμάθησης. Γραμμή </p> <a href="/8447288-Odigos-grigoris-ekkinisis.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/341595-3-siueioseis-access-eisagogi-psifioy-i-kenoy-diastiuatos-epitrepontai-ta-si.html">3. Σηµειώσεις Access. # Εισαγωγή ψηφίου ή κενού διαστήµατος. Επιτρέπονται τα ση-</a> </h3> <p> <img alt="3. Σηµειώσεις Access. # Εισαγωγή ψηφίου ή κενού διαστήµατος. Επιτρέπονται τα ση-" title="3. Σηµειώσεις Access. # Εισαγωγή ψηφίου ή κενού διαστήµατος. Επιτρέπονται τα ση-" class="news-block-img pull-right" src="/thumbs/19/341595.jpg"> Μάθηµα 3 Προχωρηµένες ιδιότητες πεδίων Μάσκες εισαγωγής Οι ιδιότητες Μορφή και Μάσκα εισαγωγής περιγράφονται µαζί γιατί έχουν κοινά χαρακτηριστικά που αφορούν την εµφάνιση. Με την ιδιότητα Μορφή καθορίζουµε </p> <a href="/341595-3-siueioseis-access-eisagogi-psifioy-i-kenoy-diastiuatos-epitrepontai-ta-si.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/653030-Odoraua-mobile-apothiki.html">Οδοραµα mobile ΑΠΟΘΗΚΗ</a> </h3> <p> <img alt="Οδοραµα mobile ΑΠΟΘΗΚΗ" title="Οδοραµα mobile ΑΠΟΘΗΚΗ" class="news-block-img pull-right" src="/thumbs/20/653030.jpg"> Οδοραµα mobile ΑΠΟΘΗΚΗ Όπως βλέπετε, η αρχική οθόνη της εφαρµογής διαθέτει 9 κουµπιά τα οποία σας επιτρέπουν να πλοηγηθείτε σε αυτό. Αρχίζοντας από πάνω αριστερά βλέπετε τα εξής: 1. Τιµολόγηση: Προβολή </p> <a href="/653030-Odoraua-mobile-apothiki.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/844210-Iuioyrgia-istoselidon-ue-to-1-microsoft-frontpage.html">ηµιουργία ιστοσελίδων µε το 1 Microsoft FrontPage</a> </h3> <p> <img alt="ηµιουργία ιστοσελίδων µε το 1 Microsoft FrontPage" title="ηµιουργία ιστοσελίδων µε το 1 Microsoft FrontPage" class="news-block-img pull-right" src="/thumbs/18/844210.jpg"> ηµιουργία ιστοσελίδων µε το 1 Microsoft FrontPage Τι είναι µια ιστοσελίδα (Web page); Μια ιστοσελίδα (web page) είναι ένα αρχείο που εµφανίζεται στην οθόνη του υπολογιστή από ένα πρόγραµµα που λέγεται </p> <a href="/844210-Iuioyrgia-istoselidon-ue-to-1-microsoft-frontpage.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/1344514-Exoikeiosi-me-to-movie-maker.html">EΞΟΙΚΕΙΩΣΗ ΜΕ ΤΟ MOVIE MAKER</a> </h3> <p> <img alt="EΞΟΙΚΕΙΩΣΗ ΜΕ ΤΟ MOVIE MAKER" title="EΞΟΙΚΕΙΩΣΗ ΜΕ ΤΟ MOVIE MAKER" class="news-block-img pull-right" src="/thumbs/22/1344514.jpg"> EΞΟΙΚΕΙΩΣΗ ΜΕ ΤΟ MOVIE MAKER 1. Ανοίξτε από ΟΛΑ ΤΑ ΠΡΟΓΡΑΜΜΑΤΑ, το Windows movie maker 2. Αυτή είναι η βασική επιφάνεια εργασίας του λογισµικού Το movie maker µας δίνει δύο δυνατότητες. Να κάνουµε ένα </p> <a href="/1344514-Exoikeiosi-me-to-movie-maker.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/3933653-Outlook-express-user-instructions-doc-1.html">Outlook Express-User Instructions.doc 1</a> </h3> <p> <img alt="Outlook Express-User Instructions.doc 1" title="Outlook Express-User Instructions.doc 1" class="news-block-img pull-right" src="/thumbs/24/3933653.jpg"> Οδηγίες προς τους υπαλλήλους του ήµου Θεσσαλονίκης για την διαχείριση της ηλεκτρονικής τους αλληλογραφίας µε το Outlook Express (Ver 1.0 22-3-2011) (Για οποιοδήποτε πρόβληµα ή απορία επικοινωνήστε µε τον </p> <a href="/3933653-Outlook-express-user-instructions-doc-1.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/842968-Kataskeyi-istoselidon-frontpage.html">Κατασκευή ιστοσελίδων (FrontPage)</a> </h3> <p> <img alt="Κατασκευή ιστοσελίδων (FrontPage)" title="Κατασκευή ιστοσελίδων (FrontPage)" class="news-block-img pull-right" src="/thumbs/18/842968.jpg"> Κατασκευή ιστοσελίδων (FrontPage) Γραµµή τίτλου Γραµµή µενού Γραµµή εργαλείων Μορφοποίηση Εικόνα Πίνακες και περιγράµµατα Όταν ανοίγουµε το FrontPage, ανοίγει αυτόµατα µία νέα σελίδα. (Στο FrontPage τα </p> <a href="/842968-Kataskeyi-istoselidon-frontpage.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/11664448-C-apo-ti-theoria-stin-efaruogi-2-o-kefalaio.html">C: Από τη Θεωρία στην Εφαρµογή 2 ο Κεφάλαιο</a> </h3> <p> <img alt="C: Από τη Θεωρία στην Εφαρµογή 2 ο Κεφάλαιο" title="C: Από τη Θεωρία στην Εφαρµογή 2 ο Κεφάλαιο" class="news-block-img pull-right" src="/thumbs/27/11664448.jpg"> C: Από τη Θεωρία στην Εφαρµογή Κεφάλαιο 2 ο Τύποι Δεδοµένων Δήλωση Μεταβλητών Έξοδος Δεδοµένων Γ. Σ. Τσελίκης Ν. Δ. Τσελίκας Μνήµη και Μεταβλητές Σχέση Μνήµης Υπολογιστή και Μεταβλητών Η µνήµη (RAM) ενός </p> <a href="/11664448-C-apo-ti-theoria-stin-efaruogi-2-o-kefalaio.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/3548053-Itml-kai-xhtml-vasikes-vasiki-syntaxi-html-kai-html-idomi-mias-html-selidas.html">ΗTML και XHTML Βασικές. Βασική σύνταξη HTML και HTML Ηδομή μιας HTML σελίδας</a> </h3> <p> <img alt="ΗTML και XHTML Βασικές. Βασική σύνταξη HTML και HTML Ηδομή μιας HTML σελίδας" title="ΗTML και XHTML Βασικές. Βασική σύνταξη HTML και HTML Ηδομή μιας HTML σελίδας" class="news-block-img pull-right" src="/thumbs/24/3548053.jpg"> ΗTML και XHTML Βασικές έννοιες Βασική σύνταξη HTML και HTML Ηδομή μιας HTML σελίδας Η γραμματική της ΗΤML Όπως κάθε γλώσσα έχει μια γραμματική </p> <a href="/3548053-Itml-kai-xhtml-vasikes-vasiki-syntaxi-html-kai-html-idomi-mias-html-selidas.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/5144841-Eisagogi-stin-html-decode-issel-theodosis-soyrgkoynis-antonis-hrysopoylos-stelios-moshogloy.html">ΕΙΣΑΓΩΓΗ ΣΤΗΝ HTML. Decode, ISSEL. Θεοδόσης Σουργκούνης Αντώνης Χρυσόπουλος Στέλιος Μόσχογλου</a> </h3> <p> <img alt="ΕΙΣΑΓΩΓΗ ΣΤΗΝ HTML. Decode, ISSEL. Θεοδόσης Σουργκούνης Αντώνης Χρυσόπουλος Στέλιος Μόσχογλου" title="ΕΙΣΑΓΩΓΗ ΣΤΗΝ HTML. Decode, ISSEL. Θεοδόσης Σουργκούνης Αντώνης Χρυσόπουλος Στέλιος Μόσχογλου" class="news-block-img pull-right" src="/thumbs/25/5144841.jpg"> ΕΙΣΑΓΩΓΗ ΣΤΗΝ HTML Θεοδόσης Σουργκούνης Αντώνης Χρυσόπουλος Στέλιος Μόσχογλου Decode, ISSEL Τμήμα Ηλεκτρολόγων Μηχανικών και Μηχανικών Υπολογιστών, Αριστοτέλειο Πανεπιστήμιο Θεσσαλονίκης Στόχος της ώρας </p> <a href="/5144841-Eisagogi-stin-html-decode-issel-theodosis-soyrgkoynis-antonis-hrysopoylos-stelios-moshogloy.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/849269-Grafontas-ue-ton-ypologisti.html">γράφοντας µε τον υπολογιστή</a> </h3> <p> <img alt="γράφοντας µε τον υπολογιστή" title="γράφοντας µε τον υπολογιστή" class="news-block-img pull-right" src="/thumbs/18/849269.jpg"> Γνωριµία µε τους υπολογιστές γράφοντας µε τον υπολογιστή Από τις εργασίες που µπορούµε να κάνουµε µε τον υπολογιστή είναι να δηµιουργούµε έγγραφα τα οποία µπορεί να περιέχουν κείµενα και εικόνες. Για να </p> <a href="/849269-Grafontas-ue-ton-ypologisti.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/1387936-Exetastea-uli-syllabus-ekdosi-5-0.html">Εξεταστέα Ύλη (Syllabus) Έκδοση 5.0</a> </h3> <p> <img alt="Εξεταστέα Ύλη (Syllabus) Έκδοση 5.0" title="Εξεταστέα Ύλη (Syllabus) Έκδοση 5.0" class="news-block-img pull-right" src="/thumbs/22/1387936.jpg"> Εξεταστέα Ύλη (Syllabus) Έκδοση 5.0 Πνευματικά Δικαιώματα 2007 Ίδρυμα ECDL (ECDL Foundation www.ecdl.org) Όλα τα δικαιώματα είναι κατοχυρωμένα. Κανένα μέρος αυτού του εγγράφου δεν μπορεί να αναπαραχθεί </p> <a href="/1387936-Exetastea-uli-syllabus-ekdosi-5-0.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/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="/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="/3602604-Odigies-gia-prosthiki-web-frames-tools-to-the-quick-access-bar-se-metagenesteri-ekdosi-toy-word.html">Οδηγίες για προσθήκη Web Frames Tools to the Quick Access Bar σε μεταγενέστερη έκδοση του Word</a> </h3> <p> <img alt="Οδηγίες για προσθήκη Web Frames Tools to the Quick Access Bar σε μεταγενέστερη έκδοση του Word" title="Οδηγίες για προσθήκη Web Frames Tools to the Quick Access Bar σε μεταγενέστερη έκδοση του Word" class="news-block-img pull-right" src="/thumbs/24/3602604.jpg"> Οδηγίες για προσθήκη Web Frames Tools to the Quick Access Bar σε μεταγενέστερη έκδοση του Word Επειδή οι μεταγενέστερες εκδόσεις του Word δεν περιλαμβάνουν στο μενού τη δυνατότητα δημιουργίας πολλαπλών </p> <a href="/3602604-Odigies-gia-prosthiki-web-frames-tools-to-the-quick-access-bar-se-metagenesteri-ekdosi-toy-word.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/8593020-Meros-2o-syghoneyontas-multimedia-animation.html">Μέρος 2ο (Συγχωνεύοντας Multimedia & Animation)</a> </h3> <p> <img alt="Μέρος 2ο (Συγχωνεύοντας Multimedia & Animation)" title="Μέρος 2ο (Συγχωνεύοντας Multimedia & Animation)" class="news-block-img pull-right" src="/thumbs/26/8593020.jpg"> Μέρος 2ο (Συγχωνεύοντας Multimedia & Animation) Timeline Menu Timeline Behaviors Animated pop-up menu Προσθήκη video στην ιστοσελίδα Media players Embedding Videos Ιδιότητες embeding video Προσθέτοντας </p> <a href="/8593020-Meros-2o-syghoneyontas-multimedia-animation.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/4303012-Iuioyrgia-grafikon-pinakon-sto-word.html">ηµιουργία γραφικών πινάκων στο Word</a> </h3> <p> <img alt="ηµιουργία γραφικών πινάκων στο Word" title="ηµιουργία γραφικών πινάκων στο Word" class="news-block-img pull-right" src="/thumbs/24/4303012.jpg"> ηµιουργία γραφικών πινάκων στο Word 7.1. ηµιουργία γραφικών Θα δηµιουργήσουµε ένα σχεδιάγραµµα για να δείξουµε σχηµατικά πώς θα είναι κατανεµηµένος ο εξοπλισµός της πρότασής µας. Για να δηµιουργήσουµε </p> <a href="/4303012-Iuioyrgia-grafikon-pinakon-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="/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="/1161234-Syntomes-o-igies-hrisis-dvr-1093-16.html">ΣΥΝΤΟΜΕΣ Ο ΗΓΙΕΣ ΧΡΗΣΗΣ DVR 1093/16</a> </h3> <p> <img alt="ΣΥΝΤΟΜΕΣ Ο ΗΓΙΕΣ ΧΡΗΣΗΣ DVR 1093/16" title="ΣΥΝΤΟΜΕΣ Ο ΗΓΙΕΣ ΧΡΗΣΗΣ DVR 1093/16" class="news-block-img pull-right" src="/thumbs/21/1161234.jpg"> ΣΥΝΤΟΜΕΣ Ο ΗΓΙΕΣ ΧΡΗΣΗΣ DVR 1093/16 Πλήκτρα Χειρισµού Συσκευής 1093/016 Θύρα USB για σύνδεση συσκευών αποθήκευσης ΜΟΝΟ. ΠΡΟΣΟΧΗ : Το ποντίκι συνδέεται στην θύρα USB στο πίσω µέρος της συσκευής Πλήκτρα </p> <a href="/1161234-Syntomes-o-igies-hrisis-dvr-1093-16.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/2287935-De10-pliroforiaka-systimata-dioikisis-ii-ergastirio-2.html">ΔΕ10: Πληροφοριακά Συστήματα Διοίκησης IΙ Εργαστήριο # 2</a> </h3> <p> <img alt="ΔΕ10: Πληροφοριακά Συστήματα Διοίκησης IΙ Εργαστήριο # 2" title="ΔΕ10: Πληροφοριακά Συστήματα Διοίκησης IΙ Εργαστήριο # 2" class="news-block-img pull-right" src="/thumbs/24/2287935.jpg"> ΔΕ10: Πληροφοριακά Συστήματα Διοίκησης IΙ Εργαστήριο # 2 Dreamweaver 1/7 Εισαγωγή Το Dreamweaver είναι ένας HTML editor που αναπτύχθηκε από την Macromedia. Είναι WYSIWYG (What You See Is What You Get), </p> <a href="/2287935-De10-pliroforiaka-systimata-dioikisis-ii-ergastirio-2.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/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="/4534962-Ergastirio-efarmosmenis-pliroforikis.html">Εργαστήριο Εφαρμοσμένης Πληροφορικής</a> </h3> <p> <img alt="Εργαστήριο Εφαρμοσμένης Πληροφορικής" title="Εργαστήριο Εφαρμοσμένης Πληροφορικής" class="news-block-img pull-right" src="/thumbs/25/4534962.jpg"> Τμήμα Φυσικής - Αριστοτέλειο Πανεπιστήμιο Θεσσαλονίκης Εργαστήριο Εφαρμοσμένης Πληροφορικής Ομάδα Α. Προετοιμασία Αναφοράς Εργασία-2: Σύνθεση αναφοράς Σύνθεση Αναφοράς http://eep.physics.auth.gr Τι περιέχει </p> <a href="/4534962-Ergastirio-efarmosmenis-pliroforikis.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/3590890-Anoihta-akadimaika-mathimata-sto-pamak.html">Ανοιχτά Ακαδημαϊκά Μαθήματα στο ΠΑΜΑΚ</a> </h3> <p> <img alt="Ανοιχτά Ακαδημαϊκά Μαθήματα στο ΠΑΜΑΚ" title="Ανοιχτά Ακαδημαϊκά Μαθήματα στο ΠΑΜΑΚ" class="news-block-img pull-right" src="/thumbs/24/3590890.jpg"> ΕΛΛΗΝΙΚΗ ΔΗΜΟΚΡΑΤΙΑ ΠΑΝΕΠΙΣΤΗΜΙΟ ΜΑΚΕΔΟΝΙΑΣ Ανοιχτά Ακαδημαϊκά Μαθήματα στο ΠΑΜΑΚ Σεμινάριο Ενημέρωσης: 26 Σεπτεμβρίου 2013 Επιστημονικός Υπεύθυνος Έργου: Καθηγητής Μάνος Ρουμελιώτης Άδειες Χρήσης Το παρόν </p> <a href="/3590890-Anoihta-akadimaika-mathimata-sto-pamak.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/10485575-Eisagogi-sto-word-2007-n-papadopoylos.html">Εισαγωγή στο Word 2007 Ν. Παπαδόπουλος</a> </h3> <p> <img alt="Εισαγωγή στο Word 2007 Ν. Παπαδόπουλος" title="Εισαγωγή στο Word 2007 Ν. Παπαδόπουλος" class="news-block-img pull-right" src="/thumbs/27/10485575.jpg"> Εισαγωγή στο Word 2007 Ν. Παπαδόπουλος Πληκτρολογώ το διπλανό κείµενο. Επειδή το κείµενο αποτελείται από δύο παραγράφους πατάω το Enter µόνο στο τέλος της κάθε παραγράφου και όχι σε κάθε γραµµή 1. δηµιουργία </p> <a href="/10485575-Eisagogi-sto-word-2007-n-papadopoylos.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/5968001-Epexergasia-keimenoy.html">ΕΠΕΞΕΡΓΑΣΙΑ ΚΕΙΜΕΝΟΥ</a> </h3> <p> <img alt="ΕΠΕΞΕΡΓΑΣΙΑ ΚΕΙΜΕΝΟΥ" title="ΕΠΕΞΕΡΓΑΣΙΑ ΚΕΙΜΕΝΟΥ" class="news-block-img pull-right" src="/thumbs/25/5968001.jpg"> ΕΠΕΞΕΡΓΑΣΙΑ ΚΕΙΜΕΝΟΥ 1. ΒΑΣΙΚΕΣ ΛΕΙΤΟΥΡΓΙΕΣ ΚΑΙ ΠΕΡΙΒΑΛΛΟΝ ΕΦΑΡΜΟΓΗΣ ΕΠΕΞΕΡΓΑΣΙΑΣ ΚΕΙΜΕΝΟΥ 1.1. Χειρισµός εγγράφων 1.1.1. ηµιουργία, Άνοιγµα, Κλείσιµο, Αποθήκευση εγγράφου 1.1.2. Αποθήκευση εγγράφου µε </p> <a href="/5968001-Epexergasia-keimenoy.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/11445407-O-and-o-if-o-sumproduct.html">o AND o IF o SUMPRODUCT</a> </h3> <p> <img alt="o AND o IF o SUMPRODUCT" title="o AND o IF o SUMPRODUCT" class="news-block-img pull-right" src="/thumbs/27/11445407.jpg"> Πληροφοριακά Εργαστήριο Management 1 Information Συστήματα Systems Διοίκησης ΤΕΙ Τμήμα Ελεγκτικής Ηπείρου Χρηματοοικονομικής (Παράρτημα Πρέβεζας) και Αντικείµενο: Μοντελοποίηση προβλήµατος Θέµατα που καλύπτονται: </p> <a href="/11445407-O-and-o-if-o-sumproduct.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="/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="/10818316-Vodafone-business-connect.html">Vodafone Business Connect</a> </h3> <p> <img alt="Vodafone Business Connect" title="Vodafone Business Connect" class="news-block-img pull-right" src="/thumbs/27/10818316.jpg"> Vodafone Business Connect Vodafone Business WebHosting Αναλυτικός Οδηγός Χρήσης Advanced Template Manager Αναλυτικός οδηγός χρήσης: Advanced template Manager Vodafone Business Connect - Υπηρεσίες φιλοξενίας </p> <a href="/10818316-Vodafone-business-connect.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/8234793-Atlantis-neo-user-interface.html">Atlantis - Νέο user interface</a> </h3> <p> <img alt="Atlantis - Νέο user interface" title="Atlantis - Νέο user interface" class="news-block-img pull-right" src="/thumbs/26/8234793.jpg"> New Desktop 1 Atlantis - Νέο user interface ATLANTIS - ΝΕΟ USER INTERFACE...2 ΓΕΝΙΚΗ ΠΑΡΟΥΣΙΑΣΗ...3 ΓΡΑΜΜΗ ΣΥΣΤΗΜΑΤΟΣ...4 ΜΠΑΡΑ ΧΡΗΣΤΗ (USER TOOLBAR)...5 ΚΕΝΤΡΙΚΟ ΜΕΝΟΥ ΤΟΥ ΣΥΣΤΗΜΑΤΟΣ...6 Κεντρικό μενού </p> <a href="/8234793-Atlantis-neo-user-interface.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/10620976-O-igies-document-designer.html">Ο ΗΓΙΕΣ DOCUMENT DESIGNER</a> </h3> <p> <img alt="Ο ΗΓΙΕΣ DOCUMENT DESIGNER" title="Ο ΗΓΙΕΣ DOCUMENT DESIGNER" class="news-block-img pull-right" src="/thumbs/27/10620976.jpg"> Ο ΗΓΙΕΣ DOCUMENT DESIGNER ΕΙΣΑΓΩΓΗ Εάν δεν επιθυµείτε να χρησιµοποιείτε τις προσχεδιασµένες φόρµες εντύπων της Singular, η εργασία αυτή σας δίνει τη δυνατότητα να σχεδιάζετε φόρµες µε βάση τις οποίες επιθυµείτε </p> <a href="/10620976-O-igies-document-designer.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/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="/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="/843644-Tehniko-egheiridio-efaruogis-diaheirisis-diadiktyakoy-kouvoy-innet.html">Τεχνικό εγχειρίδιο εφαρµογής διαχείρισης διαδικτυακού κόµβου: INNET</a> </h3> <p> <img alt="Τεχνικό εγχειρίδιο εφαρµογής διαχείρισης διαδικτυακού κόµβου: INNET" title="Τεχνικό εγχειρίδιο εφαρµογής διαχείρισης διαδικτυακού κόµβου: INNET" class="news-block-img pull-right" src="/thumbs/18/843644.jpg"> 1 version v5.4 Εγχειρίδιο ιαχείρισης 2012 Τεχνικό εγχειρίδιο εφαρµογής διαχείρισης διαδικτυακού κόµβου: INNET To παρόν εγχειρίδιο αποτελεί πνευµατική ιδιοκτησία της INVENTICS A.E. Απευθύνεται αποκλειστικά </p> <a href="/843644-Tehniko-egheiridio-efaruogis-diaheirisis-diadiktyakoy-kouvoy-innet.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="/2372637-Giannena-syghroni-dimioyrgia-diaheirisi-giannena-syghroni-dimioyrgia.html">ΓΙΑΝΝΕΝΑ & ΣΥΓΧΡΟΝΗ ΔΗΜΙΟΥΡΓΙΑ ΔΙΑΧΕΙΡΙΣΗ ΓΙΑΝΝΕΝΑ & ΣΥΓΧΡΟΝΗ ΔΗΜΙΟΥΡΓΙΑ</a> </h3> <p> <img alt="ΓΙΑΝΝΕΝΑ & ΣΥΓΧΡΟΝΗ ΔΗΜΙΟΥΡΓΙΑ ΔΙΑΧΕΙΡΙΣΗ ΓΙΑΝΝΕΝΑ & ΣΥΓΧΡΟΝΗ ΔΗΜΙΟΥΡΓΙΑ" title="ΓΙΑΝΝΕΝΑ & ΣΥΓΧΡΟΝΗ ΔΗΜΙΟΥΡΓΙΑ ΔΙΑΧΕΙΡΙΣΗ ΓΙΑΝΝΕΝΑ & ΣΥΓΧΡΟΝΗ ΔΗΜΙΟΥΡΓΙΑ" class="news-block-img pull-right" src="/thumbs/24/2372637.jpg"> ΓΙΑΝΝΕΝΑ & ΣΥΓΧΡΟΝΗ ΔΗΜΙΟΥΡΓΙΑ ΔΙΑΧΕΙΡΙΣΗ Περιγραφή και επεξήγηση της χρήσης του χώρου διαχείρισης της ιστοσελίδας για τους καλλιτέχνες 1 Περιεχόμενα Είσοδος στο χώρο διαχείρισης...3 Επεξεργασία της σελίδας </p> <a href="/2372637-Giannena-syghroni-dimioyrgia-diaheirisi-giannena-syghroni-dimioyrgia.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/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="/2366028-Di-m-i-o-yr-g-i-a-w-i-k-i-me-t-i-hrisi-t-i-s-yp-iresias-h-t-t-p-www-wik-id-ot-com.html">ΔΗ Μ Ι Ο ΥΡ Γ Ι Α W I K I με τ η χρήση τ η ς υπ ηρεσίας h t t p : /www.wik id ot.com /</a> </h3> <p> <img alt="ΔΗ Μ Ι Ο ΥΡ Γ Ι Α W I K I με τ η χρήση τ η ς υπ ηρεσίας h t t p : /www.wik id ot.com /" title="ΔΗ Μ Ι Ο ΥΡ Γ Ι Α W I K I με τ η χρήση τ η ς υπ ηρεσίας h t t p : /www.wik id ot.com /" class="news-block-img pull-right" src="/thumbs/24/2366028.jpg"> ΔΗ Μ Ι Ο ΥΡ Γ Ι Α W I K I με τ η χρήση τ η ς υπ ηρεσίας h t t p : /www.wik id ot.com / 1. Τι είναι το wikidot Το wikidot είναι ένας δικτυακός τόπος στον οποίο κάθε χρήστης έχει το δικαίωμα να δημιουργήσει </p> <a href="/2366028-Di-m-i-o-yr-g-i-a-w-i-k-i-me-t-i-hrisi-t-i-s-yp-iresias-h-t-t-p-www-wik-id-ot-com.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/10609982-Periehomena-eisagogi-sto-word-2003-9-vasikes-morfopoiiseis-keimenon-41-kefalaio-1-kefalaio-2.html">Περιεχόμενα. Εισαγωγή στο Word 2003...9. Βασικές μορφοποιήσεις κειμένων... 41. Κεφάλαιο 1. Κεφάλαιο 2</a> </h3> <p> <img alt="Περιεχόμενα. Εισαγωγή στο Word 2003...9. Βασικές μορφοποιήσεις κειμένων... 41. Κεφάλαιο 1. Κεφάλαιο 2" title="Περιεχόμενα. Εισαγωγή στο Word 2003...9. Βασικές μορφοποιήσεις κειμένων... 41. Κεφάλαιο 1. Κεφάλαιο 2" class="news-block-img pull-right" src="/thumbs/27/10609982.jpg"> Περιεχόμενα Κεφάλαιο 1 Εισαγωγή στο Word 2003...9 Η οθόνη του Word... 9 Δημιουργία νέου εγγράφου... 14 Προσθήκη και διαγραφή κειμένου... 17 Πρώτα επιλογή, μετά εργασία... 18 Εύρεση και αντικατάσταση κειμένου... </p> <a href="/10609982-Periehomena-eisagogi-sto-word-2003-9-vasikes-morfopoiiseis-keimenon-41-kefalaio-1-kefalaio-2.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/2437185-Egheiridio-odigion-hristi-ilektroniki-ypovoli-a-p-d.html">ΕΓΧΕΙΡΙΔΙΟ ΟΔΗΓΙΩΝ ΧΡΗΣΤΗ. Ηλεκτρονική Υποβολή Α.Π.Δ.</a> </h3> <p> <img alt="ΕΓΧΕΙΡΙΔΙΟ ΟΔΗΓΙΩΝ ΧΡΗΣΤΗ. Ηλεκτρονική Υποβολή Α.Π.Δ." title="ΕΓΧΕΙΡΙΔΙΟ ΟΔΗΓΙΩΝ ΧΡΗΣΤΗ. Ηλεκτρονική Υποβολή Α.Π.Δ." class="news-block-img pull-right" src="/thumbs/24/2437185.jpg"> ΕΓΧΕΙΡΙΔΙΟ ΟΔΗΓΙΩΝ ΧΡΗΣΤΗ Ηλεκτρονική Υποβολή Α.Π.Δ. ΠΕΡΙΕΧΟΜΕΝΑ 1) Είσοδος στην εφαρμογή 2) Δημιουργία Περιόδου Υποβολής 2.α) Ακύρωση Περιόδου Υποβολής 3) Μέθοδος Υποβολής: Συμπλήρωση Φόρμας 3.α) Συμπλήρωση </p> <a href="/2437185-Egheiridio-odigion-hristi-ilektroniki-ypovoli-a-p-d.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/9092975-Spoydes-cad-pliroforikis-oikonomias-dioikisis-kai-d-t-p-me-systima-didaskalias-facetoface.html">Σπουδές CAD, Πληροφορικής, Οικονομίας, Διοίκησης και D.T.P. με Σύστημα διδασκαλίας facetoface</a> </h3> <p> <img alt="Σπουδές CAD, Πληροφορικής, Οικονομίας, Διοίκησης και D.T.P. με Σύστημα διδασκαλίας facetoface" title="Σπουδές CAD, Πληροφορικής, Οικονομίας, Διοίκησης και D.T.P. με Σύστημα διδασκαλίας facetoface" class="news-block-img pull-right" src="/thumbs/26/9092975.jpg"> Copyright 2009-2012 -SYSTEM- All rights reserved 2/200 ΠΕΡΙΕΧΟΜΕΝΑ Μάθημα 1: Εισαγωγή Μάθημα 2: Κειμενογράφοι Text Editors Μάθημα 3: Εγκατάσταση Text Editor Μάθημα 4: Ιστορική Αναδρομή HTML Μάθημα 5: Σύνολο </p> <a href="/9092975-Spoydes-cad-pliroforikis-oikonomias-dioikisis-kai-d-t-p-me-systima-didaskalias-facetoface.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/164576-Mathima-ergaleia-anaptyxis-efarmogon-internet.html">ΜΑΘΗΜΑ: Εργαλεία Ανάπτυξης εφαρμογών internet.</a> </h3> <p> <img alt="ΜΑΘΗΜΑ: Εργαλεία Ανάπτυξης εφαρμογών internet." title="ΜΑΘΗΜΑ: Εργαλεία Ανάπτυξης εφαρμογών internet." class="news-block-img pull-right" src="/thumbs/17/164576.jpg"> ΜΑΘΗΜΑ: Εργαλεία Ανάπτυξης εφαρμογών internet. ΩΡΕΣ ΔΙΔΑΣΚΑΛΙΑΣ: ΕΙΔΟΣ ΜΑΘΗΜΑΤΟΣ: Μικτό Γενικός σκοπός είναι να αποκτήσει ο καταρτιζόμενος τις αναγκαίες γνώσεις σχετικά με εργαλεία και τις τεχνικές για </p> <a href="/164576-Mathima-ergaleia-anaptyxis-efarmogon-internet.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/4528047-Antigrafi-arheioy-se-disketa-antigrafi-arheioy-apo-disketa-apo-ton-katalogo-poy-emfanizetai-epilego-apostoli-pros-disketa-3-5.html">ΑΝΤΙΓΡΑΦΗ ΑΡΧΕΙΟΥ ΣΕ ΔΙΣΚΕΤΑ ΑΝΤΙΓΡΑΦΗ ΑΡΧΕΙΟΥ ΑΠΟ ΔΙΣΚΕΤΑ. Από τον κατάλογο που εμφανίζεται επιλέγω: Αποστολή προς Δισκέτα (3,5)</a> </h3> <p> <img alt="ΑΝΤΙΓΡΑΦΗ ΑΡΧΕΙΟΥ ΣΕ ΔΙΣΚΕΤΑ ΑΝΤΙΓΡΑΦΗ ΑΡΧΕΙΟΥ ΑΠΟ ΔΙΣΚΕΤΑ. Από τον κατάλογο που εμφανίζεται επιλέγω: Αποστολή προς Δισκέτα (3,5)" title="ΑΝΤΙΓΡΑΦΗ ΑΡΧΕΙΟΥ ΣΕ ΔΙΣΚΕΤΑ ΑΝΤΙΓΡΑΦΗ ΑΡΧΕΙΟΥ ΑΠΟ ΔΙΣΚΕΤΑ. Από τον κατάλογο που εμφανίζεται επιλέγω: Αποστολή προς Δισκέτα (3,5)" class="news-block-img pull-right" src="/thumbs/25/4528047.jpg"> ΑΝΤΙΓΡΑΦΗ ΑΡΧΕΙΟΥ ΣΕ ΔΙΣΚΕΤΑ ΑΝΤΙΓΡΑΦΗ ΑΡΧΕΙΟΥ ΑΠΟ ΔΙΣΚΕΤΑ Τοποθετώ μια δισκέτα στον οδηγό τη δισκέτας του υπολογιστή. Τοποθετώ τη δισκέτα που έχει το αρχείο μου στον οδηγό τη δισκέτας του υπολογιστή. </p> <a href="/4528047-Antigrafi-arheioy-se-disketa-antigrafi-arheioy-apo-disketa-apo-ton-katalogo-poy-emfanizetai-epilego-apostoli-pros-disketa-3-5.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/7453130-Synergeio-aytokiniton.html">Συνεργείο Αυτοκινήτων</a> </h3> <p> <img alt="Συνεργείο Αυτοκινήτων" title="Συνεργείο Αυτοκινήτων" class="news-block-img pull-right" src="/thumbs/26/7453130.jpg"> Συνεργείο Αυτοκινήτων v2.102, Οκτώβριος 2015 Σύντοµες οδηγίες χρήσης Εισαγωγή Το πρόγραµµα Συνεργείο Αυτοκινήτων έχει σκοπό τη διαχείριση και παρακολούθηση του πελατολογίου, των αυτοκινήτων και των εργασιών </p> <a href="/7453130-Synergeio-aytokiniton.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="/1387623-Periehouena-2-vasikes-leitoyrgies-4-iuioyrgia-kai-apothikeysi-eggrafon-4-metakinisi-uesa-sto-eggrafo-4-epilogi-keiuenoy.html">Περιεχόµενα...2 Βασικές Λειτουργίες...4 ηµιουργία και Αποθήκευση εγγράφων...4 Μετακίνηση µέσα στο έγγραφο...4 Επιλογή κειµένου...</a> </h3> <p> <img alt="Περιεχόµενα...2 Βασικές Λειτουργίες...4 ηµιουργία και Αποθήκευση εγγράφων...4 Μετακίνηση µέσα στο έγγραφο...4 Επιλογή κειµένου..." title="Περιεχόµενα...2 Βασικές Λειτουργίες...4 ηµιουργία και Αποθήκευση εγγράφων...4 Μετακίνηση µέσα στο έγγραφο...4 Επιλογή κειµένου..." class="news-block-img pull-right" src="/thumbs/22/1387623.jpg"> EΝΟΤΗΤΑ 2 Η : ΕΠΕΞΕΡΓΑΣΙΑ ΚΕΙΜΕΝΟΥ WORD 2000 ΠΕΡΙΕΧΟΜΕΝΑ Περιεχόµενα...2 Βασικές Λειτουργίες...4 ηµιουργία και Αποθήκευση εγγράφων...4 Μετακίνηση µέσα στο έγγραφο...4 Επιλογή κειµένου...4 Αναίρεση και </p> <a href="/1387623-Periehouena-2-vasikes-leitoyrgies-4-iuioyrgia-kai-apothikeysi-eggrafon-4-metakinisi-uesa-sto-eggrafo-4-epilogi-keiuenoy.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/10420296-Egheiridio-mathiti-tis-platformas-tilekatartisis.html">ΕΓΧΕΙΡΙΔΙΟ ΜΑΘΗΤΗ. της Πλατφόρμας Τηλεκατάρτισης</a> </h3> <p> <img alt="ΕΓΧΕΙΡΙΔΙΟ ΜΑΘΗΤΗ. της Πλατφόρμας Τηλεκατάρτισης" title="ΕΓΧΕΙΡΙΔΙΟ ΜΑΘΗΤΗ. της Πλατφόρμας Τηλεκατάρτισης" class="news-block-img pull-right" src="/thumbs/27/10420296.jpg"> ΕΓΧΕΙΡΙΔΙΟ ΜΑΘΗΤΗ της Πλατφόρμας Τηλεκατάρτισης ΠΕΡΙΕΧΟΜΕΝΑ 1. Εισαγωγή...2 2. Αρχική σελίδα, Εισαγωγή & Περιβάλλον Συστήματος...3 2.1. Αρχική σελίδα εισαγωγής...3 2.2. Εισαγωγή στην Πλατφόρμα Τηλε-κατάρτισης...4 </p> <a href="/10420296-Egheiridio-mathiti-tis-platformas-tilekatartisis.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/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="/3751613-Dimioyrgontas-mia-efarmogi-zografikis-2-i-ergasia.html">Δημιουργώντας μια εφαρμογή ζωγραφικής. 2 η Εργασία</a> </h3> <p> <img alt="Δημιουργώντας μια εφαρμογή ζωγραφικής. 2 η Εργασία" title="Δημιουργώντας μια εφαρμογή ζωγραφικής. 2 η Εργασία" class="news-block-img pull-right" src="/thumbs/24/3751613.jpg"> Δημιουργώντας μια εφαρμογή ζωγραφικής 2 η Εργασία Απαιτήσεις 1. Σύνδεση στο Διαδίκτυο (διότι οι εφαρμογές δημιουργούνται online) 2. Εγκατεστημένος ο Browser Google Chrome 3. Υπαρκτός λογαριασμός Gmail </p> <a href="/3751613-Dimioyrgontas-mia-efarmogi-zografikis-2-i-ergasia.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/8406590-Microsoft-word-2007-information-technology-services-and-solutions-symvoyloi-mihanografisis-kai-ekpaideysis.html">Microsoft Word 2007. Information Technology Services and Solutions. Σύμβουλοι Μηχανογράφησης και Εκπαίδευσης</a> </h3> <p> <img alt="Microsoft Word 2007. Information Technology Services and Solutions. Σύμβουλοι Μηχανογράφησης και Εκπαίδευσης" title="Microsoft Word 2007. Information Technology Services and Solutions. Σύμβουλοι Μηχανογράφησης και Εκπαίδευσης" class="news-block-img pull-right" src="/thumbs/26/8406590.jpg"> Information Technology Services and Solutions Σύμβουλοι Μηχανογράφησης και Εκπαίδευσης Στεφ. Σκουλούδη 27, Καλλίπολη, Πειραιάς 210 45 38 177 http://www.itss.gr/ Microsoft Word 2007 Κωνσταντίνος Κωβαίος </p> <a href="/8406590-Microsoft-word-2007-information-technology-services-and-solutions-symvoyloi-mihanografisis-kai-ekpaideysis.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/4438152-Panepistimio-ioanninon-tmima-mathimatikon.html">ΠΑΝΕΠΙΣΤΗΜΙΟ ΙΩΑΝΝΙΝΩΝ ΤΜΗΜΑ ΜΑΘΗΜΑΤΙΚΩΝ</a> </h3> <p> <img alt="ΠΑΝΕΠΙΣΤΗΜΙΟ ΙΩΑΝΝΙΝΩΝ ΤΜΗΜΑ ΜΑΘΗΜΑΤΙΚΩΝ" title="ΠΑΝΕΠΙΣΤΗΜΙΟ ΙΩΑΝΝΙΝΩΝ ΤΜΗΜΑ ΜΑΘΗΜΑΤΙΚΩΝ" class="news-block-img pull-right" src="/thumbs/24/4438152.jpg"> ΠΑΝΕΠΙΣΤΗΜΙΟ ΙΩΑΝΝΙΝΩΝ ΤΜΗΜΑ ΜΑΘΗΜΑΤΙΚΩΝ ΕΡΓΑΣΤΗΡΙΟ ΒΑΣΕΩΝ Ε ΟΜΕΝΩΝ ΜΕΡΟΣ ΤΕΤΑΡΤΟ Insert, Update, Delete, Ένωση πινάκων Γιώργος Μαρκοµανώλης Περιεχόµενα Group By... 1 Having...1 Οrder By... 2 Εντολή Insert... </p> <a href="/4438152-Panepistimio-ioanninon-tmima-mathimatikon.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/842964-Epl-012-theoria-shediasuoy-istoselidon.html">ΕΠΛ 012. θεωρία Σχεδιασµού Ιστοσελίδων</a> </h3> <p> <img alt="ΕΠΛ 012. θεωρία Σχεδιασµού Ιστοσελίδων" title="ΕΠΛ 012. θεωρία Σχεδιασµού Ιστοσελίδων" class="news-block-img pull-right" src="/thumbs/18/842964.jpg"> ΕΠΛ 012 θεωρία Σχεδιασµού Ιστοσελίδων Design Principles Web Site Life Cycle Site Definition & Planning Information Architecture Design Prototype Implementation Validation and Testing Operation - Launch </p> <a href="/842964-Epl-012-theoria-shediasuoy-istoselidon.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/8426067-Eisagogi-kai-epexergasia-dedouenon.html">Εισαγωγή και επεξεργασία δεδοµένων</a> </h3> <p> <img alt="Εισαγωγή και επεξεργασία δεδοµένων" title="Εισαγωγή και επεξεργασία δεδοµένων" class="news-block-img pull-right" src="/thumbs/26/8426067.jpg"> Μάθηµα 4 Εισαγωγή και επεξεργασία δεδοµένων Εισαγωγή δεδοµένων σε πίνακα 1. Ανοίγουµε το παράθυρο του πίνακα Υπάλληλοι σε προβολή φύλλου δεδοµένων. 2. Η κενή γραµµή, η οποία υπάρχει πάντα στον πίνακα, </p> <a href="/8426067-Eisagogi-kai-epexergasia-dedouenon.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/6492183-Siuantikes-paratiriseis-shetika-ue-to-backround.html">Σηµαντικές παρατηρήσεις σχετικά µε το backround:</a> </h3> <p> <img alt="Σηµαντικές παρατηρήσεις σχετικά µε το backround:" title="Σηµαντικές παρατηρήσεις σχετικά µε το backround:" class="news-block-img pull-right" src="/thumbs/25/6492183.jpg"> ΠΕΡΙΓΡΑΦΗ ΛΕΙΤΟΥΡΓΙΑΣ SOFTWARE SAE10 Το software της αναγγελίας ορόφων είναι απαραίτητο για τη δηµιουργία των USB flash που θα χρησιµοποιηθούν στην πλακέτα SAE10. Προσφέρει ταχύτητα, ευελιξία και πολλές </p> <a href="/6492183-Siuantikes-paratiriseis-shetika-ue-to-backround.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/3860356-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/24/3860356.jpg"> ECDL CORE ΕΝΟΤΗΤΑ 3 Επεξεργασία Κειμένου Microsoft Word Επαναληπτικές Ερωτήσεις Εξετάσεων ECDL CORE ΕΝΟΤΗΤΑ 3 Επεξεργασία Κειμένου Microsoft Word Επαναληπτικές Ερωτήσεις Εξετάσεων Δημιουργία - Συγγραφή </p> <a href="/3860356-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="/2997974-1-ta-tmimata-tis-epifaneias-ergasias-ton-windows.html">1. Τα τμήματα της επιφάνειας εργασίας των Windows</a> </h3> <p> <img alt="1. Τα τμήματα της επιφάνειας εργασίας των Windows" title="1. Τα τμήματα της επιφάνειας εργασίας των Windows" class="news-block-img pull-right" src="/thumbs/24/2997974.jpg"> 1. Τα τμήματα της επιφάνειας εργασίας των Windows Εικονίδια συντομεύσεων (αρχείου-φακέλου) Εικονίδια Ανενεργά Ενεργό Επιφάνεια (αρχείου-φακέλου) παράθυρα παράθυρο εργασίας Γραμμή μενού Γραμμή εργαλείων </p> <a href="/2997974-1-ta-tmimata-tis-epifaneias-ergasias-ton-windows.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/1387403-Enotita-3-6-iauorfosi-fylloy-ergasias-proepiskopisi-ektyposi-eidikoi-stohoi.html">Ενότητα 3.6. ιαµόρφωση φύλλου εργασίας. Προεπισκόπηση Εκτύπωση. Ειδικοί Στόχοι</a> </h3> <p> <img alt="Ενότητα 3.6. ιαµόρφωση φύλλου εργασίας. Προεπισκόπηση Εκτύπωση. Ειδικοί Στόχοι" title="Ενότητα 3.6. ιαµόρφωση φύλλου εργασίας. Προεπισκόπηση Εκτύπωση. Ειδικοί Στόχοι" class="news-block-img pull-right" src="/thumbs/22/1387403.jpg"> ΚΕΦΑΛΑΙΟ 3 : Υπολογιστικά Φύλλα ιαµόρφωση Φ.Ε. Προεπισκόπηση - Εκτύπωση Ενότητα 3.6 ιαµόρφωση φύλλου εργασίας. Προεπισκόπηση Εκτύπωση Ειδικοί Στόχοι Οι επιµορφούµενοι πρέπει: Να µπορούν να εισάγουν αρίθµηση </p> <a href="/1387403-Enotita-3-6-iauorfosi-fylloy-ergasias-proepiskopisi-ektyposi-eidikoi-stohoi.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/12864674-Systiua-arheion-kai-katalogon.html">Σύστηµα Αρχείων και Καταλόγων</a> </h3> <p> <img alt="Σύστηµα Αρχείων και Καταλόγων" title="Σύστηµα Αρχείων και Καταλόγων" class="news-block-img pull-right" src="/thumbs/28/12864674.jpg"> ΕΠΛ 003 ΕΙΣΑΓΩΓΗ ΣΤΗΝ ΕΠΙΣΤΗΜΗ ΤΗΣ ΠΛΗΡΟΦΟΡΙΚΗΣ & ΠΛΗΡΟΦΟΡΙΑΚΑ ΣΥΣΤΗΜΑΤΑ Σύστηµα Αρχείων και Καταλόγων ιάλεξη 7 (Κεφάλαιο 11 του βιβλίου) Στόχοι Κεφαλαίου Περιγραφή της έννοιας του αρχείου, συστήµατος </p> <a href="/12864674-Systiua-arheion-kai-katalogon.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/12370189-6-to-mikro-vivlio-gia-to-elliniko-word-2010.html">6 Το μικρό βιβλίο για το ελληνικό Word 2010</a> </h3> <p> <img alt="6 Το μικρό βιβλίο για το ελληνικό Word 2010" title="6 Το μικρό βιβλίο για το ελληνικό Word 2010" class="news-block-img pull-right" src="/thumbs/27/12370189.jpg"> Περιεχόμενα Κεφάλαιο 1 Microsoft Word 2010... 7 Κεφάλαιο 2 ημιουργία νέου εγγράφου... 13 Κεφάλαιο 3 Το σύστημα Βοήθειας του Office... 26 Κεφάλαιο 4 Μετακίνηση σε έγγραφο και προβολές εγγράφου... 31 Κεφάλαιο </p> <a href="/12370189-6-to-mikro-vivlio-gia-to-elliniko-word-2010.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/1360676-Http-web-thessaloniki-gr-webmail.html">http://web.thessaloniki.gr/webmail</a> </h3> <p> <img alt="http://web.thessaloniki.gr/webmail" title="http://web.thessaloniki.gr/webmail" class="news-block-img pull-right" src="/thumbs/22/1360676.jpg"> Οδηγίες προς τους υπαλλήλους του ήµου Θεσσαλονίκης για την διαχείριση της ηλεκτρονικής τους αλληλογραφίας µε το Webmail (Ver 1.0 21-3-2011) (Για οποιοδήποτε πρόβληµα ή απορία επικοινωνήστε µε τον Τάσο </p> <a href="/1360676-Http-web-thessaloniki-gr-webmail.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/12411635-Dialexi-3i-html-intermediate.html">Διάλεξη 3η HTML intermediate</a> </h3> <p> <img alt="Διάλεξη 3η HTML intermediate" title="Διάλεξη 3η HTML intermediate" class="news-block-img pull-right" src="/thumbs/27/12411635.jpg"> Διάλεξη 3η HTML intermediate Στέλιος Μόσχογλου Θεοδόσης Σουργκούνης Αντώνης Χρυσόπουλος I S S E L D e. c o. d e (Intelligent Systems & Software Engineering Lab) Στόχος της ώρας Επέκταση γνώσεων στην html </p> <a href="/12411635-Dialexi-3i-html-intermediate.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/7018722-Odigos-hrisis-webmail-tei-kalamatas.html">ΟΔΗΓΟΣ ΧΡΗΣΗΣ WEBMAIL ΤΕΙ ΚΑΛΑΜΑΤΑΣ</a> </h3> <p> <img alt="ΟΔΗΓΟΣ ΧΡΗΣΗΣ WEBMAIL ΤΕΙ ΚΑΛΑΜΑΤΑΣ" title="ΟΔΗΓΟΣ ΧΡΗΣΗΣ WEBMAIL ΤΕΙ ΚΑΛΑΜΑΤΑΣ" class="news-block-img pull-right" src="/thumbs/26/7018722.jpg"> ΟΔΗΓΟΣ ΧΡΗΣΗΣ WEBMAIL ΤΕΙ ΚΑΛΑΜΑΤΑΣ ΠΕΡΙΕΧΟΜΕΝΑ 1. URL Διεύθυνση WebMail... 3 2. Εγκατάσταση Πιστοποιητικού Ασφάλειας... 3 2.1 Εγκατάσταση Πιστοποιητικού στον Internet Explorer... 3 2.2 Εγκατάσταση Πιστοποιητικού </p> <a href="/7018722-Odigos-hrisis-webmail-tei-kalamatas.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/3290010-Visual-basic-glossa-optikoy.html">Visual Basic Γλώσσα οπτικού</a> </h3> <p> <img alt="Visual Basic Γλώσσα οπτικού" title="Visual Basic Γλώσσα οπτικού" class="news-block-img pull-right" src="/thumbs/24/3290010.jpg"> Visual Basi Γλώσσα οπτικού προγραµµατισµού «Η αρχή είναι το ήµισυ του παντός» Κουλλάς Χρίστος www.oullas.om oullas 2 Στόχοι Μαθήµατος Οι µαθητές να µπορούν: να εξηγούν τι είναι η Visual Basi. ναεξηγούνταστάδιαδηµιουργίας </p> <a href="/3290010-Visual-basic-glossa-optikoy.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/248134-Hrisimes-kai-syntomes-odigies-gia-ti-hrisi-toy-word-se-epistimonika-keimena.html">Χρήσιμες και σύντομες οδηγίες για τη χρήση του Word σε επιστημονικά κείμενα</a> </h3> <p> <img alt="Χρήσιμες και σύντομες οδηγίες για τη χρήση του Word σε επιστημονικά κείμενα" title="Χρήσιμες και σύντομες οδηγίες για τη χρήση του Word σε επιστημονικά κείμενα" class="news-block-img pull-right" src="/thumbs/19/248134.jpg"> Χρήσιμες και σύντομες οδηγίες για τη χρήση του Word σε επιστημονικά κείμενα Αν και χρησιμοποιούμε πάνω από είκοσι χρόνια επεξεργαστές κειμένου (ας θυμηθούμε τα πρωτοπόρα Wordstar και WordPerfect) πολλοί </p> <a href="/248134-Hrisimes-kai-syntomes-odigies-gia-ti-hrisi-toy-word-se-epistimonika-keimena.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/2096187-World-wide-web-o-pagkosuios-istos-pliroforion.html">World Wide Web: Ο παγκόσµιος ιστός Πληροφοριών</a> </h3> <p> <img alt="World Wide Web: Ο παγκόσµιος ιστός Πληροφοριών" title="World Wide Web: Ο παγκόσµιος ιστός Πληροφοριών" class="news-block-img pull-right" src="/thumbs/26/2096187.jpg"> Περιεχόµενα World Wide Web: Ο παγκόσµιος ιστός Πληροφοριών Εισαγωγή Ιστορική Αναδροµή Το ιαδίκτυο και το WWW Υπερκείµενο Εντοπισµός πληροφοριών στο WWW Search Engines Portals Unicode Java Plug-Ins 1 2 </p> <a href="/2096187-World-wide-web-o-pagkosuios-istos-pliroforion.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/2fd1/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>