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

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

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

Transcript

1

2 Copyright SYSTEM- All rights reserved 2/159

3 ΠΕΡΙΕΧΟΜΕΝΑ Μάθημα 1: New - Save Μάθημα 2: Εισαγωγή στη CSS Μάθημα 3: Τρόπος Σύνταξης Μάθημα 4: Σχόλια Μάθημα 5: ID Μάθημα 6: Class Μάθημα 7: Background Color Μάθημα 8: Background Image Μάθημα 9: Background Image Repeat Μάθημα 10: Background Image Position Μάθημα 11: Background Image Attachment Μάθημα 12: Text Color Μάθημα 13: Text Align Μάθημα 14: Text Decoration Μάθημα 15: Text Transform Μάθημα 16: Text Direction Μάθημα 17: Text Indent Μάθημα 18: Text Font Family Μάθημα 19: Text Font Style Μάθημα 20: Text Font Size Μάθημα 21: Style Hyperlinks Μάθημα 22: Style Hyperlinks background Color Μάθημα 23: Style Hyperlinks Text Decoration Μάθημα 24: List Style Type Μάθημα 25: List Style Type Circle & Square Μάθημα 26: Photoshop Save for Web Copyright SYSTEM- All rights reserved 3/159

4 Μάθημα 27: List Style Image Μάθημα 28: List Style Position Μάθημα 29: Table Boarder Μάθημα 30: Table Boarder Collapse Μάθημα 31: Table Width Μάθημα 32: Table Align Μάθημα 33: Table Background Color Μάθημα 34: Table Padding Table Μάθημα 35: CSS Model Box Μάθημα 36: Model Box Μάθημα 37: Width Height Element Paragraph Μάθημα 38: DocType Μάθημα 39: Boarder Style Μάθημα 40: Boarder Width Color Μάθημα 41: Navigation Bars & List Oflinks Μάθημα 42: Navigation Bar List Style Type - None Μάθημα 43: Navigation Bar List Background Color Block Μάθημα 44: Navigation Bar Display Inline Μάθημα 45: Navigation Bar Float Μάθημα 46: Navigation Bar - Interactive Bar Μάθημα 47: Μάθημα 48: Image Gallery Μάθημα 49: Image Opacity Μάθημα 50: Image Box - Transbox Μάθημα 51: Grouping Selector Copyright SYSTEM- All rights reserved 4/159

5 ΚΕΦΑΛΑΙΟ 1-2 NEW/ SAVE ΕΙΣΑΓΩΓΗ ΣΤΗ CSS Η CSS (Cascading Style Sheets-Διαδοχικά Φύλλα Στυλ) ή ( αλληλουχία φύλλων στύλ ) είναι μια γλώσσα υπολογιστή που ανήκει στην κατηγορία των γλωσσών φύλλων στυλ που χρησιμοποιείται για τον έλεγχο της εμφάνισης ενός εγγράφου που έχει γραφτεί με μια γλώσσα σήμανσης. Χρησιμοποιείται δηλαδή για τον έλεγχο της εμφάνισης ενός εγγράφου που γράφτηκε στις γλώσσες HTML και XHTML, δηλαδή για τον έλεγχο της εμφάνισης μιας ιστοσελίδας και γενικότερα ενός ιστοτόπου. Η CSS είναι μια γλώσσα υπολογιστή προορισμένη να αναπτύσσει στυλιστικά μια ιστοσελίδα δηλαδή να διαμορφώνει περισσότερα χαρακτηριστικά, χρώμματα, στοίχιση και δίνει περισσότερες δυνατότητες σε σχέση με την html. Για μια όμορφη και καλοσχεδιασμένη ιστοσελίδα η χρήση της CSS κρίνεται ως απαραίτητη. ΚΕΦΑΛΑΙΟ 1 ο NEW - SAVE ΑΣΚΗΣΕΙΣ ΑΠΑΝΤΗΣΕΙΣ 1 ον Ανοίξτε το πρόγραμμα Sublime Text. ΑΠΑΝΤΗΣΗ. Δείξτε Έναρξη/ Προγράμματα/ Sublime Text. 2 ον Ανοίξτε το αρχείο M_01A μέσα από το πρόγραμμα Sublime Text. Στη συνέχεια, αποθηκεύστε το με όνομα Μ_01Α και τύπο CSS μέσα στο δικό σας USB. ΑΠΑΝΤΗΣΗ. Διπλοπατήστε στο εικονίδιο του Sublime Text και δείξτε στο μενού File/ Open/ εντοπίστε το φάκελο Φάκελοι Προγραμμάτων της επιφάνειας/ CSS / M_01Α / επιλέξτε το αρχείο M_01Α.html/ Άνοιγμα. Στη συνέχεια, δείξτε στο μενού File/ Save as/ εντοπίστε το USB/ δώστε το όνομα/στο πεδίο τύπος από το πτυσσόμενο μενού επιλέξτε τον τύπο CSS/Αποθήκευση. 3 ον Ανοίξτε το αρχείο M_01Β μέσα από το πρόγραμμα Sublime Text. Στη συνέχεια, αποθηκεύστε το με όνομα Μ_01Β και τύπο CSS μέσα στο δικό σας USB. ΑΠΑΝΤΗΣΗ. Διπλοπατήστε στο εικονίδιο του Sublime Text και δείξτε στο μενού File/ Open/ εντοπίστε το φάκελο Φάκελοι Προγραμμάτων της επιφάνειας/ CSS / M_01Β / επιλέξτε το αρχείο M_01Β.html/ Άνοιγμα. Στη συνέχεια, δείξτε στο μενού File/ Save as/ εντοπίστε το USB/ δώστε το όνομα/ στο πεδίο τύπος από το πτυσσόμενο μενού επιλέξτε τον τύπο CSS/Αποθήκευση. Copyright SYSTEM- All rights reserved 5/159

6 ΚΕΦΑΛΑΙΟ 2 ο ΕΙΣΑΓΩΓΗ ΣΤΗ CSS ΑΣΚΗΣΕΙΣ ΑΠΑΝΤΗΣΕΙΣ 1 ον Από ποια αρχικά λέξεων έχουμε το CSS; Α. Cascading Style Sleep. Β. Casting Style Sheets. Γ. Cascading Stolen Sheets. Δ. Cascading Style Sheets. ΑΠΑΝΤΗΣΗ. Η σωστή απάντηση είναι Δ. Cascading Style Sheets 2 ον Τι ορίζει τα στυλ; Α. Τον τρόπο εμφάνισης των στοιχείων που βρίσκονται στον κώδικά HTML. Β. Τον τρόπο αποθήκευσης των στοιχείων που βρίσκονται στον κώδικά HTML. Γ. Τον τρόπο επεξεργασίας των στοιχείων μιας σελίδας. Δ. Τίποτε από τα παραπάνω. ΑΠΑΝΤΗΣΗ. Η σωστή απάντηση είναι Α. Τον τρόπο εμφάνισης των στοιχείων που βρίσκονται στον κώδικά HTML. 3 ον Για ποιο λόγο προστέθηκαν τα CSS αρχεία; Α. Για να λύνουν μαθηματικά προβλήματα. Β. Για να λύνουν αποθηκευτικά προβλήματα στην HTML4. Γ. Για να λύνουν αυτοματοποιημένα προβλήματα στην HTML 4 μορφοποίησης. Δ. Κανένα από τα παραπάνω. ΑΠΑΝΤΗΣΗ. Η σωστή απάντηση είναι Γ. Για να λύνουν αυτοματοποιημένα προβλήματα στην HTML 4 μορφοποίησης. Copyright SYSTEM- All rights reserved 6/159

7 ΚΕΦΑΛΑΙΟ 3 ΤΡΟΠΟΣ ΣΥΝΤΑΞΗΣ CSS Ένας κανόνας CSS έχει δύο κύρια μέρη: έναν επιλογέα, και μία ή περισσότερες δηλώσεις. Ο επιλογέας είναι συνήθως το στοιχείο που θέλετε να έχει στυλ. Κάθε δήλωση αποτελείται από μία αγκύλη και μια τιμή. Μια δήλωση CSS τελειώνει πάντα με ένα ερωτηματικό, και οι ομάδες δήλωση περιβάλλονται από αγκύλες. Παράδειγμα CSS Μια δήλωση CSS τελειώνει πάντα με ένα ερωτηματικό, και οι ομάδες δήλωση περιβάλλονται από αγκύλες: p color:blue;font-size:12; Καλό είναι για το CSS κάθε δήλωση να είναι σε μια ξεχωριστεί γραμμή. p color:blue; font-size:12; ΑΣΚΗΣΕΙΣ ΑΠΑΝΤΗΣΕΙΣ 1 ον Από πόσα μέρη αποτελείται ένας κανόνας CSS; Α. Από ένα μέρος. Β. Από δύο μέρη. Γ. Από τρία μέρη. Δ. Από κανένα. ΑΠΑΝΤΗΣΗ. Η σωστή απάντηση είναι Β. Από δύο μέρη. 2 ον Τι είναι ο επιλογέας (selector); Α. Είναι συνήθως το στοιχείου που θέλουμε να έχει στυλ. Β. Είναι οι αγκύλες που πληκτρολογούμε μέσα τις ετικέτες. Γ. Είναι η αξία του κάθε στοιχείου Δ. Κανένα από τα παραπάνω ΑΠΑΝΤΗΣΗ. Η σωστή απάντηση είναι Α. Είναι το στοιχείο που θέλουμε να έχει στυλ. 3 ον Με ποιο χαρακτήρα διαχωρίζεται η κάθε ενέργεια; Α. Με κόμμα. Β. Με κενό. Γ. Με αγκύλες. Copyright SYSTEM- All rights reserved 7/159

8 Δ. Με ελληνικό ερωτηματικό. ΑΠΑΝΤΗΣΗ. Η σωστή απάντηση είναι Δ. Με ελληνικό ερωτηματικό. 4 ον Πόσους τρόπους γραφής έχουμε στο CSS; Α. Δύο Β. Έναν Γ. Τρείς ΑΠΑΝΤΗΣΗ. Η σωστή απάντηση είναι Α. Δύο. ΚΕΦΑΛΑΙΟ 4 CSS ΣΧΟΛΙΑ Σχόλια χρησιμοποιούνται για να σας βοηθήσουν κατά την επεξεργασία του πηγαίου κώδικα σε κάποια άλλη στιγμή. Επισημαίνουμε ότι τα Σχόλια αγνοούνται από τους browsers. Ένα σχόλιο CSS ξεκινάει με "/ *", και τελειώνει με "* /". /*ΔΗΜΙΟΥΡΓΙΑΣ 2012-FACETOFACE.GR*/ p color:blue; font-size:12; ΑΣΚΗΣΕΙΣ ΑΠΑΝΤΗΣΕΙΣ 1 ον Για ποιο λόγο χρησιμοποιούνται τα σχόλια; Α. Για επεξήγηση. Β. Για Βοήθεια. Γ. Και για τα δύο. Δ. Για κανένα από τα παραπάνω ΑΠΑΝΤΗΣΗ. Η σωστή απάντηση είναι Γ. Και για τα δύο. 2 ον Συμπληρώστε τη σωστή πρόταση. Τα σχόλια Α. Εμφανίζονται στους Browsers. Β. Δεν υποστηρίζονται από Browsers. Γ. Ενδιαφέρουν τους επισκέπτες. Δ. Αγνοούνται από τους Browsers. Copyright SYSTEM- All rights reserved 8/159

9 ΑΠΑΝΤΗΣΗ. Η σωστή απάντηση είναι Δ. Αγνοούνται από τους browsers. 3 ον Με τι χρώμα εμφανίζονται τα σχόλια; Α. Άσπρο. Β. Κίτρινο. Γ. Κόκκινο. Δ. Γκρι. ΑΠΑΝΤΗΣΗ. Η σωστή απάντηση είναι Δ. Γκρι. 4 ον Ποιος από τους παρακάτω είναι ο σωστός τρόπος πληκτρολόγησης ενός σχολίου; Α. /* Ημερομηνία Δημιουργίας/. Β. * Ημερομηνία Δημιουργίας*. Γ. /*Ημερομηνία Δημιουργίας*/. Δ. /Ημερομηνία Δημιουργίας/. ΑΠΑΝΤΗΣΗ. Η σωστή απάντηση είναι Γ. /*Ημερομηνία Δημιουργίας*/. Copyright SYSTEM- All rights reserved 9/159

10 ΚΕΦΑΛΑΙΟ 5 ID Εκτός από τον καθορισμό ενός στυλ για ένα HTML στοιχείο, το CSS σας επιτρέπει να ορίσετε τη δική σας επιλογή που ονομάζεται "id" και "κατηγορία". Ο επιλογέας id χρησιμοποιείται για να καθορίσετε ένα στυλ για ένα ενιαίο, μοναδικό στοιχείο. Ο κωδικός επιλογής χρησιμοποιεί το χαρακτηριστικό id του στοιχείου HTML, και ορίζεται με "#". Μεταφέρεστε στο αρχείο HTML πχ. Πληκτρολογείτε <p id= css1 Ο κανόνας στυλ που ακολουθεί θα πρέπει να εφαρμόζονται στο στοιχείο με id = "css1p": #css1p color:blue; font-size:12; Σας επισημαίνουμε ότι δεν πρέπει να ξεκινήσετε ένα όνομα με ένα αναγνωριστικό αριθμό! Διότι δεν θα λειτουργήσει σε Mozilla / Firefox. ΑΣΚΗΣΕΙΣ ΑΠΑΝΤΗΣΕΙΣ 1 ον Τι ορίζει η ετικέτα ID; Α. Καθορίζει ένα στυλ για τις παραγράφους. Β. Καθορίζει ένα στυλ για ένα μοναδικό στοιχείο. Γ. Και τα δύο Δ. Κανένας από τα παραπάνω ΑΠΑΝΤΗΣΗ. Η σωστή απάντηση είναι Β. Καθορίζει ένα στυλ για ένα μοναδικό στοιχείο. 2 ον Ανοίξτε το αρχείο M_05 μέσα από το πρόγραμμα Sublime Text. Στη συνέχεια, δημιουργήστε ένα νέο αρχείο στο Sublime Text με όνομα Μ_05 και τύπο CSS και αποθηκεύστε μέσα στο δικό σας USB. ΑΠΑΝΤΗΣΗ. Διπλοπατήστε στο εικονίδιο του Sublime Text και δείξτε στο μενού File/ Open/ εντοπίστε το φάκελο Φάκελοι Προγραμμάτων της επιφάνειας/ CSS / M_05 / επιλέξτε το αρχείο M_05.html/ Άνοιγμα. Στη συνέχεια, δείξτε στο μενού File/New/ Save as/ εντοπίστε το USB/ δώστε το όνομα/στο πεδίο τύπος από το πτυσσόμενο μενού επιλέξτε τον τύπο CSS/Αποθήκευση. Copyright SYSTEM- All rights reserved 10/159

11 3 ον Στο αρχείο M_05.html, στη γραμμή 5 προσθέστε την ετικέτα: <link rel="stylesheet" type="css" href="m_05.css">. ΑΠΑΝΤΗΣΗ. Με επιλεγμένο το αρχείο Μ_05.html, μεταβείτε στη γραμμή 5 και πληκτρολογήστε την ετικέτα: <link rel="stylesheet" type="css" href="m_05.css">. 4 ον Αλλάξτε το χρώμα της 1 ης παραγράφου σε μπλε. ΑΠΑΝΤΗΣΗ. Με επιλεγμένο το αρχείο Μ_05.CSS, πληκτρολογήστε: body p color:blue; 5 ον Αποθηκεύστε στο δικό σας USB με όνομα Μ_05.html, στη συνέχεια, αποθηκεύστε και τις αλλαγές στο αρχείο Μ_05.CSS και κάντε προεπισκόπηση μέσα από τον Google Chrome το αρχείο Μ_05.html. ΑΠΑΝΤΗΣΗ. Δείξτε στο μενού File/ Save as/ εντοπίστε το USB/ δώστε το όνομα/ Αποθήκευση. Μεταβείτε στο αρχείο Μ-05.CSS και δείξτε File/ Save. Τέλος, εντοπίστε το μέσα από το USB/ δεξί πάτημα/ Άνοιγμα με./ Google Chrome. Copyright SYSTEM- All rights reserved 11/159

12 ΚΕΦΑΛΑΙΟ 6 CLASS Ο επιλογέας κλάση χρησιμοποιείται για να καθορίσετε ένα στυλ για μια ομάδα στοιχείων. Σε αντίθεση με το id επιλογέα, που προσδιορίζει ένα στοιχείο. Αυτό σας επιτρέπει να ορίσετε ένα συγκεκριμένο στυλ ταυτόχρονα για πολλά στοιχεία της HTML με την ίδια κατηγορία. Η Class κλάση επιλογή χρησιμοποιεί το χαρακτηριστικό HTML Class, και ορίζεται με μία τελεία "." Σας επισημαίνουμε ότι δεν πρέπει,να ξεκινήσετε ένα όνομα κατηγορίας με μια σειρά! Διότι αυτό υποστηρίζεται μόνο στον Internet Explorer..title1 text-align:center; Μπορείτε επίσης να καθορίσετε ότι μόνο συγκεκριμένα στοιχεία HTML θα πρέπει να επηρεαστεί από μια κλάση. Στο παρακάτω παράδειγμα, όλα τα στοιχεία p με class = "center" θα είναι στοιχισμένο στο κέντρο: ΑΣΚΗΣΕΙΣ ΑΠΑΝΤΗΣΕΙΣ 1 ον Τι ορίζει η ετικέτα Class; Α. Καθορίζει ένα όνομα για το αρχείο. Β. Καθορίζει ένα όνομα για μια ομάδα στοιχείων. Γ. Καθορίζει τη μορφοποίηση μιας ομάδας στοιχείων. Δ. Κανένας από τα παραπάνω. ΑΠΑΝΤΗΣΗ. Η σωστή απάντηση είναι Γ. Καθορίζει τη μορφοποίηση μιας ομάδας στοιχείων. 2 ον Ανοίξτε το αρχείο M_06 μέσα από το πρόγραμμα Sublime Text. Στη συνέχεια, δημιουργήστε ένα νέο αρχείο στο Sublime Text με όνομα Μ_06 και τύπο CSS και αποθηκεύστε μέσα στο δικό σας USB. ΑΠΑΝΤΗΣΗ. Διπλοπατήστε στο εικονίδιο του Sublime Text και δείξτε στο μενού File/ Open/ εντοπίστε το φάκελο Φάκελοι Προγραμμάτων της επιφάνειας/ CSS / M_06 / επιλέξτε το αρχείο M_06.html/ Άνοιγμα. Στη συνέχεια, δείξτε στο μενού File/New/ Save as/ εντοπίστε το USB/ δώστε το όνομα/στο πεδίο τύπος από το πτυσσόμενο μενού επιλέξτε τον τύπο CSS/Αποθήκευση. Copyright SYSTEM- All rights reserved 12/159

13 3 ον Στο αρχείο M_06.html, στη γραμμή 5 προσθέστε την ετικέτα: <link rel="stylesheet" type="css" href="m_06.css">. Στη συνέχεια, αλλάξτε το χρώμα της 1 ης παραγράφου σε μπλε και αλλάξτε και τη ΑΠΑΝΤΗΣΗ. Με επιλεγμένο το αρχείο Μ_06.html, μεταβείτε στη γραμμή 5 και πληκτρολογήστε την ετικέτα: <link rel="stylesheet" type="css" href="m_06.css">. Με επιλεγμένο το αρχείο Μ_06.CSS, πληκτρολογήστε: body p color:blue; 4 ον Ορίστε στο αρχείο Μ_06.html, ο τίτλος με στυλ επικεφαλίδας Η1 να έχει στοίχιση κέντρο. ΑΠΑΝΤΗΣΗ. Με επιλεγμένο το αρχείο Μ_06.html, μεταβείτε στη γραμμή 10 και πληκτρολογήστε την ετικέτα: <h1 class="title12">χρώματα Ίριδας</h1>. Στη συνέχεια, επιλέξτε το αρχείο Μ_06.CSS και στη γραμμή 6 πληκτρολογήστε:.title1 text-align:center; 5 ον Αποθηκεύστε στο δικό σας USB με όνομα Μ_06.html, στη συνέχεια, αποθηκεύστε και τις αλλαγές στο αρχείο Μ_06.CSS και κάντε προεπισκόπηση μέσα από τον Google Chrome το αρχείο Μ_06.html. ΑΠΑΝΤΗΣΗ. Δείξτε στο μενού File/ Save as/ εντοπίστε το USB/ δώστε το όνομα/ Αποθήκευση. Μεταβείτε στο αρχείο Μ-06.CSS και δείξτε File/ Save. Τέλος, εντοπίστε το μέσα από το USB/ δεξί πάτημα/ Άνοιγμα με./ Google Chrome. Copyright SYSTEM- All rights reserved 13/159

14 Copyright SYSTEM- All rights reserved 14/159

15 ΚΕΦΑΛΑΙΟ 7 BACKGROUND COLOR Το χρώμα φόντου, καθορίζει το χρώμα του φόντου ενός στοιχείου. Το χρώμα του φόντου μιας σελίδας καθορίζεται από τον επιλογέα του σώματος: body background-color:#fb2dbe; ΑΣΚΗΣΕΙΣ ΑΠΑΝΤΗΣΕΙΣ 1 ον Ποια από τις παρακάτω διευθύνσεις μπορείτε να χρησιμοποιήσετε για την επιλογή χρώματος; Α. Β. Γ. Δ. Καμία από τις παραπάνω ΑΠΑΝΤΗΣΗ. Η σωστή απάντηση είναι Γ. 2 ον Ανοίξτε το αρχείο M_07 μέσα από το πρόγραμμα Sublime Text. Στη συνέχεια, δημιουργήστε ένα νέο αρχείο στο Sublime Text με όνομα Μ_07 και τύπο CSS και αποθηκεύστε μέσα στο δικό σας USB. ΑΠΑΝΤΗΣΗ. Διπλοπατήστε στο εικονίδιο του Sublime Text και δείξτε στο μενού File/ Open/ εντοπίστε το φάκελο Φάκελοι Προγραμμάτων της επιφάνειας/ CSS / M_07 / επιλέξτε το αρχείο M_07.html/ Άνοιγμα. Στη συνέχεια, δείξτε στο μενού File/New/ Save as/ εντοπίστε το USB/ δώστε το όνομα/στο πεδίο τύπος από το πτυσσόμενο μενού επιλέξτε τον τύπο CSS/Αποθήκευση. 3 ον Μέσω του φυλλομετρητή, μεταβείτε στη διεύθυνση ΑΠΑΝΤΗΣΗ. Διπλό πάτημα επάνω στο φυλλομετρητή/ στη γραμμή διευθύνσεων πληκτρολογήστε τη διεύθυνση και πατήστε enter. 4 ον Αλλάξτε το χρώμα του φόντου σε #D9A9F5. ΑΠΑΝΤΗΣΗ. Στη σελίδα του colorpicker εντοπίστε το χρώμα #D9AF5 και αντιγράψτε τον κωδικό του ονόματός. Με επιλεγμένο το αρχείο M_07.CSS, πληκτρολογήστε την ετικέτα: body Copyright SYSTEM- All rights reserved 15/159

Css. FACEtoFACE 32 Χρόνια Εμπειρίας. Εκπαιδευτικός & Εξεταστικός όμιλος Authorized Training & Certification Centers. Επικοινωνία

Css. FACEtoFACE 32 Χρόνια Εμπειρίας. Εκπαιδευτικός & Εξεταστικός όμιλος Authorized Training & Certification Centers. Επικοινωνία FACEtoFACE 32 Χρόνια Εμπειρίας. Εκπαιδευτικός & Εξεταστικός όμιλος Authorized Training & Certification Centers Css Επικοινωνία Εξεταστικό & Εκπαιδευτικό Κέντρο Αθήνας Authorized Training & Certification

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

Εργαλεία Ανάπτυξης Εφαρμογών Internet. Δ.Ι.Ε.Κ. Γλυφάδας Τεχνικός Εφαρμογών Πληροφορικής

Εργαλεία Ανάπτυξης Εφαρμογών Internet. Δ.Ι.Ε.Κ. Γλυφάδας Τεχνικός Εφαρμογών Πληροφορικής Εργαλεία Ανάπτυξης Εφαρμογών Internet Δ.Ι.Ε.Κ. Γλυφάδας Τεχνικός Εφαρμογών Πληροφορικής Το πρότυπο CSS Α Μέρος 2 CSS (Cascading Style Sheets)(1) Ορίζουν την εμφάνιση των στοιχείων σε ένα έγγραφο HTML.

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

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

Σε αυτό το µάθηµα θα ασχοληθούµε µε τη βελτίωση της εµφάνισης ενός ιστοτόπου, αλλά και τον εύκολο χειρισµό όλων των αλλαγών στην εµφάνιση της σελίδας Σε αυτό το µάθηµα θα ασχοληθούµε µε τη βελτίωση της εµφάνισης ενός ιστοτόπου, αλλά και τον εύκολο χειρισµό όλων των αλλαγών στην εµφάνιση της σελίδας µέσω της τεχνολογίας των ιαδοχικών Φύλλων Στυλ (cascading

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

Σχεδιασμός και Ανάπτυξη Ιστότοπων

Σχεδιασμός και Ανάπτυξη Ιστότοπων Βελώνης Γεώργιος Καθηγητής Σχεδιασμός και Ανάπτυξη Ιστότοπων Εισαγωγή στα CSS (Cascading Style Sheets) Παρουσίαση 13 η 1 Βελώνης Γεώργιος Καθηγητής Περιεχόμενα Εισαγωγή Πλεονεκτήματα χρήσης των CSS Βασικοί

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

Βασικά στοιχεία του CSS

Βασικά στοιχεία του CSS Βασικά στοιχεία του CSS Περιεχόμενα Τι είναι CSS Πλεονεκτήματα CSS μορφοποίησης Συντακτικό του CSS Ιδιότητες CSS Εφαρμογή CSS κανόνων Επικάλυψη CSS κανόνων 2 Μορφοποίηση με HTML Η HTML είναι σχεδιασμένη

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

CSS. Εισαγωγή & Βασικές έννοιες. Cascading Style Sheets. Επικαλυπτόμενα φύλλα στυλ

CSS. Εισαγωγή & Βασικές έννοιες. Cascading Style Sheets. Επικαλυπτόμενα φύλλα στυλ CSS Εισαγωγή & Βασικές έννοιες Cascading Style Sheets Επικαλυπτόμενα φύλλα στυλ Περιεχόμενα Τι είναι CSS Πλεονεκτήματα CSS μορφοποίησης Συντακτικό του CSS Ιδιότητες CSS Εφαρμογή CSS κανόνων Επικάλυψη CSS

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

Εισαγωγή στην HTML. Κεφ. HTML + CSS

Εισαγωγή στην HTML. Κεφ. HTML + CSS Εισαγωγή στην HTML Κεφ. HTML + CSS Συστατικά καλής Ιστοσελίδας α) HTML για το Περιεχόμενο β) CSS για τη μορφοποίηση γ) Javascript για διαδραστικότητα Παράδειγμα Ολυμπιακός Πανιώνιος ΠΑΟΚ Παναθηναϊκός Ξάνθη

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

Cascading Style Sheets (CSS)

Cascading Style Sheets (CSS) Cascading Style Sheets (CSS) Τα Cascading Style Sheets προσφέρουν έναν εύκολο τρόπο για να ορίσουμε τη μορφοποίηση που επιθυμούμε να έχουν οι σελίδες μία τοποθεσίας του Παγκόσμιου Ιστού που δημιουργούμε.

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

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

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

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

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

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

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

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

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

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

Ποιες είναι οι κύριες ετικέτες που χρησιμοποιεί η HTML για την περιγραφή της συνολικής δομής μιας ιστοσελίδας;

Ποιες είναι οι κύριες ετικέτες που χρησιμοποιεί η HTML για την περιγραφή της συνολικής δομής μιας ιστοσελίδας; Τι είναι η HTML; Η HTML είναι το ακρωνύμιο των λέξεων HyperText Markup Language, δηλαδή Γλώσσα Χαρακτηρισμού Υπερ Κειμένου και βασίζεται στη γλώσσα SGML, Standard Generalized Markup Language, που είναι

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

Η ΓΛΩΣΣΑ ΕΠΙΚΑΛΥΠΤΩΜΕΝΩΝ ΜΟΡΦΟΠΟΙΗΣΕΩΝ CSS

Η ΓΛΩΣΣΑ ΕΠΙΚΑΛΥΠΤΩΜΕΝΩΝ ΜΟΡΦΟΠΟΙΗΣΕΩΝ CSS Η ΓΛΩΣΣΑ ΕΠΙΚΑΛΥΠΤΩΜΕΝΩΝ ΜΟΡΦΟΠΟΙΗΣΕΩΝ CSS Πίνακες Ιδιοτήτων Μορφοποίησης CSS Ιδιότητες Διαστασιολόγησης Στοιχείων height Ορίζει το ύψος ενός στοιχείου auto lenght (px) line-height Ορίζει το ύφος μιας

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

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

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

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

3. ΕΙΣΑΓΩΓΗ ΣΤΟ CSS ΓΙΩΡΓΟΣ ΓΙΑΝΝΑΚΑΚΗΣ, ΜΑΝΩΛΗΣ ΤΣΙΚΝΑΚΗΣ

3. ΕΙΣΑΓΩΓΗ ΣΤΟ CSS ΓΙΩΡΓΟΣ ΓΙΑΝΝΑΚΑΚΗΣ, ΜΑΝΩΛΗΣ ΤΣΙΚΝΑΚΗΣ 2014 3. ΕΙΣΑΓΩΓΗ ΣΤΟ CSS ΓΙΩΡΓΟΣ ΓΙΑΝΝΑΚΑΚΗΣ, ΜΑΝΩΛΗΣ ΤΣΙΚΝΑΚΗΣ Εισαγωγή Το CSS (Cascading Style Sheets) είναι αρχεία με κατάληξη.css τα οποία καθορίζουν την μορφοποίηση των ιστοσελίδων. Μέσω αυτών επιτυγχάνεται

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

Νέες Τεχνολογίες στην Εκπαίδευση

Νέες Τεχνολογίες στην Εκπαίδευση Σχολή Εφαρμοσμένων Μαθηματικών και Φυσικών Επιστημών Εθνικό Μετσόβιο Πολυτεχνείο Νέες Τεχνολογίες στην Εκπαίδευση Επάλληλα φύλλα στυλ (CSS): Μια εισαγωγή Στεφανέας Πέτρος Ζαμαρίας Βασίλης Άδεια Χρήσης

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

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

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

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

Ετικέτες HTML. : Τα σχόλια χρησιμοποιούνται για να γράφουμε σημειώσεις μέσα στον

Ετικέτες HTML. <!-->: Τα σχόλια χρησιμοποιούνται για να γράφουμε σημειώσεις μέσα στον Ετικέτες HTML : Τα σχόλια χρησιμοποιούνται για να γράφουμε σημειώσεις μέσα στον πηγαίο κώδικα για να διευκολύνουμε την επεξεργασία και την συντήρηση του αρχείου. Τα σχόλια δεν εμφανίζονται στην οθόνη

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

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

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

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

Σχεδίαση και Ανάπτυξη Ιστότοπων

Σχεδίαση και Ανάπτυξη Ιστότοπων Σχεδίαση και Ανάπτυξη Ιστότοπων HTML Καθορισμός Χρωμάτων και Γραμματοσειρών σε μια ιστοσελίδα Παρουσίαση 7 η Βελώνης Γεώργιος Καθηγητής 1 Σημασία συμβόλων HTML5 tags. Obsolete tags: Μην αφήνετε αυτές τις

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

<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="/33593406-Shedon-oles-oi-istoselides-vasizontai-se-megalo-vathmo-se-pinakes-gia-na-eisagoyme-enan-pinaka-epilegoyme-apo-to-menoy-insert-table.html">Σχεδόν όλες οι ιστοσελίδες βασίζονται σε μεγάλο βαθμό σε πίνακες. Για να εισάγουμε έναν πίνακα επιλέγουμε από το μενού Insert->Table.</a> </h3> <p> <img alt="Σχεδόν όλες οι ιστοσελίδες βασίζονται σε μεγάλο βαθμό σε πίνακες. Για να εισάγουμε έναν πίνακα επιλέγουμε από το μενού Insert->Table." title="Σχεδόν όλες οι ιστοσελίδες βασίζονται σε μεγάλο βαθμό σε πίνακες. Για να εισάγουμε έναν πίνακα επιλέγουμε από το μενού Insert->Table." class="news-block-img pull-right" src="/thumbs/54/33593406.jpg"> DreamWeaver - Άσκηση 4η Πίνακες Παρακάτω θα δούμε πως μπορούμε να δημιουργούμε και να επεξεργαζόμαστε πίνακες, μια πολύ βασική δομή. Θα δούμε πως γίνεται εισαγωγή πίνακα, ένωση κελιών του πίνακα, προσθήκη </p> <a href="/33593406-Shedon-oles-oi-istoselides-vasizontai-se-megalo-vathmo-se-pinakes-gia-na-eisagoyme-enan-pinaka-epilegoyme-apo-to-menoy-insert-table.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/48840580-Shediasmos-kai-anaptyxi-istotopon.html">Σχεδιασμός και Ανάπτυξη Ιστότοπων</a> </h3> <p> <img alt="Σχεδιασμός και Ανάπτυξη Ιστότοπων" title="Σχεδιασμός και Ανάπτυξη Ιστότοπων" class="news-block-img pull-right" src="/thumbs/63/48840580.jpg"> Σχεδιασμός και Ανάπτυξη Ιστότοπων CSS: Ιδιότητες μορφοποίησης κειμένου Παρουσίαση 14 η 1 Βελώνης Γεώργιος Καθηγητής Browsers δοκιμών Οι δοκιμές έγιναν στους παρακάτω browsers και εκδόσεις τους: Google </p> <a href="/48840580-Shediasmos-kai-anaptyxi-istotopon.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/3962181-Spoydes-cad-pliroforikis-oikonomias-dioikisis-kai-d-t-p-me-systima-didaskalias-facetoface.html">Σπουδές CAD, Πληροφορικής, Οικονομίας, Διοίκησης και D.T.P. με Σύστημα διδασκαλίας facetoface</a> </h3> <p> <img alt="Σπουδές CAD, Πληροφορικής, Οικονομίας, Διοίκησης και D.T.P. με Σύστημα διδασκαλίας facetoface" title="Σπουδές CAD, Πληροφορικής, Οικονομίας, Διοίκησης και D.T.P. με Σύστημα διδασκαλίας facetoface" class="news-block-img pull-right" src="/thumbs/24/3962181.jpg"> Copyright 2012-2015 -SYSTEM- All rights reserved 2/180 ΠΕΡΙΕΧΟΜΕΝΑ Μάθημα 1: Εισαγωγή στο Dreamwever Μάθημα 2: Γραμμές εργαλείων document Μάθημα 3: Προετοιμασία τοποθεσίας ιστού Μάθημα 4: Ορισμός τοπικής </p> <a href="/3962181-Spoydes-cad-pliroforikis-oikonomias-dioikisis-kai-d-t-p-me-systima-didaskalias-facetoface.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/46129518-Epl-003-epistimi-tis-pliroforikis-kai-pliroforiaka-systimata-html.html">ΕΠΛ 003: ΕΠΙΣΤΗΜΗ ΤΗΣ ΠΛΗΡΟΦΟΡΙΚΗΣ ΚΑΙ ΠΛΗΡΟΦΟΡΙΑΚΑ ΣΥΣΤΗΜΑΤΑ HTML</a> </h3> <p> <img alt="ΕΠΛ 003: ΕΠΙΣΤΗΜΗ ΤΗΣ ΠΛΗΡΟΦΟΡΙΚΗΣ ΚΑΙ ΠΛΗΡΟΦΟΡΙΑΚΑ ΣΥΣΤΗΜΑΤΑ HTML" title="ΕΠΛ 003: ΕΠΙΣΤΗΜΗ ΤΗΣ ΠΛΗΡΟΦΟΡΙΚΗΣ ΚΑΙ ΠΛΗΡΟΦΟΡΙΑΚΑ ΣΥΣΤΗΜΑΤΑ HTML" class="news-block-img pull-right" src="/thumbs/61/46129518.jpg"> ΕΠΛ 003: ΕΠΙΣΤΗΜΗ ΤΗΣ ΠΛΗΡΟΦΟΡΙΚΗΣ ΚΑΙ ΠΛΗΡΟΦΟΡΙΑΚΑ ΣΥΣΤΗΜΑΤΑ HTML Στόχοι 1 Να δημιουργήσουμε υπερκείμενα με την Γλώσσα Επισημείωσης Υπερκειμένων (hypertext markup language, HTML). Υπολογιστικά συστήματα: </p> <a href="/46129518-Epl-003-epistimi-tis-pliroforikis-kai-pliroforiaka-systimata-html.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/32577238-Odigies-sto-simerino-ergastirio-tha-arhisete-na-hrisimopoieite-vasikes-odigies-morfopoiisis-tis-istoselidas-sas-kati-poy-ehoyme-apofygei-eos-tora.html">Οδηγίες Στο σημερινό εργαστήριο θα αρχίσετε να χρησιμοποιείτε βασικές οδηγίες μορφοποίησης της ιστοσελίδας σας (κάτι που έχουμε αποφύγει έως τώρα!).</a> </h3> <p> <img alt="Οδηγίες Στο σημερινό εργαστήριο θα αρχίσετε να χρησιμοποιείτε βασικές οδηγίες μορφοποίησης της ιστοσελίδας σας (κάτι που έχουμε αποφύγει έως τώρα!)." title="Οδηγίες Στο σημερινό εργαστήριο θα αρχίσετε να χρησιμοποιείτε βασικές οδηγίες μορφοποίησης της ιστοσελίδας σας (κάτι που έχουμε αποφύγει έως τώρα!)." class="news-block-img pull-right" src="/thumbs/53/32577238.jpg"> Εργαστήριο #8 Τι πρέπει να έχετε ολοκληρώσει από το προηγούμενο εργαστήριο. Το σημερινό εργαστήριο είναι ανεξάρτητο από τα προηγούμενα, επειδή όμως θα ζητηθεί να ανακυκλώσετε υλικό από εκείνα, βεβαιωθείτε </p> <a href="/32577238-Odigies-sto-simerino-ergastirio-tha-arhisete-na-hrisimopoieite-vasikes-odigies-morfopoiisis-tis-istoselidas-sas-kati-poy-ehoyme-apofygei-eos-tora.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/30436401-Drastiriotita-9-dimioyrgia-kai-diaheirisi-blog-meso-toy-blogger-dimioyrgia-istologioy.html">Δραστηριότητα 9 Δημιουργία και διαχείριση blog μέσω του Blogger. Δημιουργία ιστολογίου</a> </h3> <p> <img alt="Δραστηριότητα 9 Δημιουργία και διαχείριση blog μέσω του Blogger. Δημιουργία ιστολογίου" title="Δραστηριότητα 9 Δημιουργία και διαχείριση blog μέσω του Blogger. Δημιουργία ιστολογίου" class="news-block-img pull-right" src="/thumbs/52/30436401.jpg"> Δραστηριότητα 9 Δημιουργία και διαχείριση blog μέσω του Blogger Δημιουργία ιστολογίου 1. Ανοίξτε το φυλλομετρητή Google Chrome, πληκτρολογήστε στη γραμμή διευθύνσεων τη διεύθυνση www.blogger.com και πατήστε </p> <a href="/30436401-Drastiriotita-9-dimioyrgia-kai-diaheirisi-blog-meso-toy-blogger-dimioyrgia-istologioy.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/40710440-Css-1-didaskontes-p-aggelatos-d-zindros-epimeleia-diafaneion-d-zindros-sholi-ilektrologon-mihanikon-kai-mihanikon-ypologiston.html">CSS 1. Διδάσκοντες: Π. Αγγελάτος, Δ. Ζήνδρος Επιμέλεια διαφανειών: Δ. Ζήνδρος Σχολή Ηλεκτρολόγων Μηχανικών και Μηχανικών Υπολογιστών</a> </h3> <p> <img alt="CSS 1. Διδάσκοντες: Π. Αγγελάτος, Δ. Ζήνδρος Επιμέλεια διαφανειών: Δ. Ζήνδρος Σχολή Ηλεκτρολόγων Μηχανικών και Μηχανικών Υπολογιστών" title="CSS 1. Διδάσκοντες: Π. Αγγελάτος, Δ. Ζήνδρος Επιμέλεια διαφανειών: Δ. Ζήνδρος Σχολή Ηλεκτρολόγων Μηχανικών και Μηχανικών Υπολογιστών" class="news-block-img pull-right" src="/thumbs/57/40710440.jpg"> CSS 1 Διδάσκοντες: Π. Αγγελάτος, Δ. Ζήνδρος Επιμέλεια διαφανειών: Δ. Ζήνδρος Σχολή Ηλεκτρολόγων Μηχανικών και Μηχανικών Υπολογιστών Άδεια Χρήσης Το παρόν εκπαιδευτικό υλικό υπόκειται σε άδειες χρήσης Creative </p> <a href="/40710440-Css-1-didaskontes-p-aggelatos-d-zindros-epimeleia-diafaneion-d-zindros-sholi-ilektrologon-mihanikon-kai-mihanikon-ypologiston.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/41065009-Ergastirio-toy-mathimatos-epl001.html">Εργαστήριο του Μαθήματος: ΕΠΛ001</a> </h3> <p> <img alt="Εργαστήριο του Μαθήματος: ΕΠΛ001" title="Εργαστήριο του Μαθήματος: ΕΠΛ001" class="news-block-img pull-right" src="/thumbs/57/41065009.jpg"> www.epl001lab.weebly.com Εργαστήριο του Μαθήματος: ΕΠΛ001 Ενότητα 3 Εισαγωγή στο Microsoft Word Πως αρχίζουμε το Microsoft Word Για να αρχίσουμε το Word, πρέπει να κάνουμε double click στο εικονίδιο του </p> <a href="/41065009-Ergastirio-toy-mathimatos-epl001.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/45011543-I-glossa-css-hrisimopoieitai-gia-ti-morfopoiisi-istoselidon-kai-i-syntaxi-tis-einai-arketa-apli.html">Η γλώσσα CSS χρησιμοποιείται για τη μορφοποίηση ιστοσελίδων και η σύνταξη της είναι αρκετά απλή.</a> </h3> <p> <img alt="Η γλώσσα CSS χρησιμοποιείται για τη μορφοποίηση ιστοσελίδων και η σύνταξη της είναι αρκετά απλή." title="Η γλώσσα CSS χρησιμοποιείται για τη μορφοποίηση ιστοσελίδων και η σύνταξη της είναι αρκετά απλή." class="news-block-img pull-right" src="/thumbs/60/45011543.jpg"> Εισαγωγή στο CSS Η γλώσσα CSS χρησιμοποιείται για τη μορφοποίηση ιστοσελίδων και η σύνταξη της είναι αρκετά απλή. Πλεονεκτήματα CSS έναντι χρήσης μόνο HTML Μεγαλύτερη ευελιξία μορφοποιήσεων. Το CSS κατέστησε </p> <a href="/45011543-I-glossa-css-hrisimopoieitai-gia-ti-morfopoiisi-istoselidon-kai-i-syntaxi-tis-einai-arketa-apli.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="/38423666-Shediasmos-kai-anaptyxi-istoselidon-ii-iek-triandrias-grafistas-entypoy-kai-ilektronikon-meson-css-cascading-style-sheets.html">Σχεδιασμός και Ανάπτυξη Ιστοσελίδων ΙΙ ΙΕΚ ΤΡΙΑΝΔΡΙΑΣ ΓΡΑΦΙΣΤΑΣ ΕΝΤΥΠΟΥ ΚΑΙ ΗΛΕΚΤΡΟΝΙΚΩΝ ΜΕΣΩΝ. CSS - Cascading Style Sheets</a> </h3> <p> <img alt="Σχεδιασμός και Ανάπτυξη Ιστοσελίδων ΙΙ ΙΕΚ ΤΡΙΑΝΔΡΙΑΣ ΓΡΑΦΙΣΤΑΣ ΕΝΤΥΠΟΥ ΚΑΙ ΗΛΕΚΤΡΟΝΙΚΩΝ ΜΕΣΩΝ. CSS - Cascading Style Sheets" title="Σχεδιασμός και Ανάπτυξη Ιστοσελίδων ΙΙ ΙΕΚ ΤΡΙΑΝΔΡΙΑΣ ΓΡΑΦΙΣΤΑΣ ΕΝΤΥΠΟΥ ΚΑΙ ΗΛΕΚΤΡΟΝΙΚΩΝ ΜΕΣΩΝ. CSS - Cascading Style Sheets" class="news-block-img pull-right" src="/thumbs/56/38423666.jpg"> Σχεδιασμός και Ανάπτυξη Ιστοσελίδων ΙΙ ΙΕΚ ΤΡΙΑΝΔΡΙΑΣ ΓΡΑΦΙΣΤΑΣ ΕΝΤΥΠΟΥ ΚΑΙ ΗΛΕΚΤΡΟΝΙΚΩΝ ΜΕΣΩΝ CSS - Cascading Style Sheets Τι είναι τα CSS; Τα CSS (Διαδοχικά Φύλλα Στυλ) αποτελούν ένα πολύ καλό εργαλείο </p> <a href="/38423666-Shediasmos-kai-anaptyxi-istoselidon-ii-iek-triandrias-grafistas-entypoy-kai-ilektronikon-meson-css-cascading-style-sheets.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/42160821-Glossa-perigrafis-odigion-eufanisis-stoiheiothetisis.html">Γλώσσα περιγραφής οδηγιών εµφάνισης-στοιχειοθέτησης</a> </h3> <p> <img alt="Γλώσσα περιγραφής οδηγιών εµφάνισης-στοιχειοθέτησης" title="Γλώσσα περιγραφής οδηγιών εµφάνισης-στοιχειοθέτησης" class="news-block-img pull-right" src="/thumbs/58/42160821.jpg"> CASCADING STYLE-SHEETS CASCADING STYLE-SHEETS Γλώσσα περιγραφής οδηγιών εµφάνισης-στοιχειοθέτησης εφαρµογών HTML. Τα CSS ορίζονται σε δύο συστάσεις του W3C: CSS1, εκ. 1996 περιλαµβάνει περίπου 50 ιδιότητες </p> <a href="/42160821-Glossa-perigrafis-odigion-eufanisis-stoiheiothetisis.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/42026538-I-glossa-html-epimeleia-deggleri-sofia.html">Η γλώσσα HTML. Επιμέλεια: Δέγγλερη Σοφία</a> </h3> <p> <img alt="Η γλώσσα HTML. Επιμέλεια: Δέγγλερη Σοφία" title="Η γλώσσα HTML. Επιμέλεια: Δέγγλερη Σοφία" class="news-block-img pull-right" src="/thumbs/58/42026538.jpg"> Η γλώσσα HTML Επιμέλεια: Δέγγλερη Σοφία Υπερκείμενο Το δομικό χαρακτηριστικό του Παγκόσμιου Ιστού Ένα αρχείο Απλό κείμενο και υπερσύνδεσμοι Υπερσύνδεσμος Μετάβαση σε διάφορα άλλα έγγραφα Αποτελείται από </p> <a href="/42026538-I-glossa-html-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="/35041984-I-vivlos-ton-css-eisagogi-sta-css.html">Η Βίβλος των CSS. Εισαγωγή στα CSS</a> </h3> <p> <img alt="Η Βίβλος των CSS. Εισαγωγή στα CSS" title="Η Βίβλος των CSS. Εισαγωγή στα CSS" class="news-block-img pull-right" src="/thumbs/54/35041984.jpg"> Η Βίβλος των CSS Εισαγωγή στα CSS Τα Διαδοχικά Φύλλα Στυλ (CSS, Cascading Style Sheets) αποτελούν ένα πολύ καλό εργαλείο για να μπορούμε να αλλάζουμε την εμφάνιση και τη διάταξη (layout) των ιστοσελίδων </p> <a href="/35041984-I-vivlos-ton-css-eisagogi-sta-css.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/34148657-Stis-epouenes-diafaneies-tha-doyue-tis-idiotites-toy-css-poy-uporoyue-na-epireasoyue-ueso-toy-dreamweaver.html">Στις επόµενες διαφάνειες θα δούµε τις ιδιότητες του CSS που µπορούµε να επηρεάσουµε µέσω του Dreamweaver.</a> </h3> <p> <img alt="Στις επόµενες διαφάνειες θα δούµε τις ιδιότητες του CSS που µπορούµε να επηρεάσουµε µέσω του Dreamweaver." title="Στις επόµενες διαφάνειες θα δούµε τις ιδιότητες του CSS που µπορούµε να επηρεάσουµε µέσω του Dreamweaver." class="news-block-img pull-right" src="/thumbs/54/34148657.jpg"> Στις επόµενες διαφάνειες θα δούµε τις ιδιότητες του CSS που µπορούµε να επηρεάσουµε µέσω του Dreamweaver. 37 Αφού καθορίσετε τα βασικά στοιχεία του νέου κανόνα css, όπως είδαµε στις προηγούµενες διαφάνειες, </p> <a href="/34148657-Stis-epouenes-diafaneies-tha-doyue-tis-idiotites-toy-css-poy-uporoyue-na-epireasoyue-ueso-toy-dreamweaver.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/34849200-Css-cascading-style-sheets-glosses-kai-tehnologies-istoy-tmima-pliroforikis-atei-thessalonikis.html">CSS. Cascading Style Sheets. Γλώσσες και Τεχνολογίες Ιστού Τμήμα Πληροφορικής - ΑΤΕΙ Θεσσαλονίκης</a> </h3> <p> <img alt="CSS. Cascading Style Sheets. Γλώσσες και Τεχνολογίες Ιστού Τμήμα Πληροφορικής - ΑΤΕΙ Θεσσαλονίκης" title="CSS. Cascading Style Sheets. Γλώσσες και Τεχνολογίες Ιστού Τμήμα Πληροφορικής - ΑΤΕΙ Θεσσαλονίκης" class="news-block-img pull-right" src="/thumbs/54/34849200.jpg"> CSS Cascading Style Sheets CSS Τα Cascading Style Sheets ορίζουν τις ιδιότητες παρουσίασης των στοιχεία της HTML. Αρχικά η HTML δεν περιελάμβανε στοιχεία για την εμφάνιση / παρουσίαση της πληροφορίας αλλά </p> <a href="/34849200-Css-cascading-style-sheets-glosses-kai-tehnologies-istoy-tmima-pliroforikis-atei-thessalonikis.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/49786887-Eisagogi-sto-programma-microsoft-word-2003.html">Εισαγωγή στο πρόγραμμα Microsoft word 2003</a> </h3> <p> <img alt="Εισαγωγή στο πρόγραμμα Microsoft word 2003" title="Εισαγωγή στο πρόγραμμα Microsoft word 2003" class="news-block-img pull-right" src="/thumbs/63/49786887.jpg"> Εισαγωγή στο πρόγραμμα Microsoft word 2003 Έναρξη 1. Εκκίνηση του προγράμματος Για να ξεκινήσουμε το Word, πατάμε στο κουμπί Εναρξη και από το μενού που εμφανίζεται επιλέγουμε Προγράμματα και Microsoft </p> <a href="/49786887-Eisagogi-sto-programma-microsoft-word-2003.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/45011553-Css-3-didaskontes-p-aggelatos-d-zindros-epimeleia-diafaneion-p-aggelatos-sholi-ilektrologon-mihanikon-kai-mihanikon-ypologiston.html">CSS 3. Διδάσκοντες: Π. Αγγελάτος, Δ. Ζήνδρος Επιμέλεια διαφανειών: Π. Αγγελάτος Σχολή Ηλεκτρολόγων Μηχανικών και Μηχανικών Υπολογιστών</a> </h3> <p> <img alt="CSS 3. Διδάσκοντες: Π. Αγγελάτος, Δ. Ζήνδρος Επιμέλεια διαφανειών: Π. Αγγελάτος Σχολή Ηλεκτρολόγων Μηχανικών και Μηχανικών Υπολογιστών" title="CSS 3. Διδάσκοντες: Π. Αγγελάτος, Δ. Ζήνδρος Επιμέλεια διαφανειών: Π. Αγγελάτος Σχολή Ηλεκτρολόγων Μηχανικών και Μηχανικών Υπολογιστών" class="news-block-img pull-right" src="/thumbs/60/45011553.jpg"> CSS 3 Διδάσκοντες: Π. Αγγελάτος, Δ. Ζήνδρος Επιμέλεια διαφανειών: Π. Αγγελάτος Σχολή Ηλεκτρολόγων Μηχανικών και Μηχανικών Υπολογιστών Άδεια Χρήσης Το παρόν εκπαιδευτικό υλικό υπόκειται σε άδειες χρήσης </p> <a href="/45011553-Css-3-didaskontes-p-aggelatos-d-zindros-epimeleia-diafaneion-p-aggelatos-sholi-ilektrologon-mihanikon-kai-mihanikon-ypologiston.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/34476036-Efarmosmeni-pliroforiki-ii-e-to-olokliromeno-perivallon-anaptyxis-integrated-development-environment-ide-netbeans-8.html">Εφαρμοσμένη Πληροφορική ΙΙ (Ε) To Ολοκληρωμένο Περιβάλλον Ανάπτυξης (Integrated Development Environment-IDE) Netbeans 8</a> </h3> <p> <img alt="Εφαρμοσμένη Πληροφορική ΙΙ (Ε) To Ολοκληρωμένο Περιβάλλον Ανάπτυξης (Integrated Development Environment-IDE) Netbeans 8" title="Εφαρμοσμένη Πληροφορική ΙΙ (Ε) To Ολοκληρωμένο Περιβάλλον Ανάπτυξης (Integrated Development Environment-IDE) Netbeans 8" class="news-block-img pull-right" src="/thumbs/54/34476036.jpg"> Εφαρμοσμένη Πληροφορική ΙΙ (Ε) To Ολοκληρωμένο Περιβάλλον Ανάπτυξης (Integrated Development Environment-IDE) Netbeans 8 Περιεχόμενα Κατέβασμα και εγκατάσταση Netbeans 8 Δημιουργία project εφαρμογής HTML(5)/CSS/Javascript </p> <a href="/34476036-Efarmosmeni-pliroforiki-ii-e-to-olokliromeno-perivallon-anaptyxis-integrated-development-environment-ide-netbeans-8.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/256596-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/19/256596.jpg"> Copyright 2012-2015 -SYSTEM- All rights reserved 2/222 ΠΕΡΙΕΧΟΜΕΝΑ FLASH Μάθημα 1: Εισαγωγή στο flash Μάθημα 2: Περιήγηση στο περιβάλλον του flash Μάθημα 3: Πλατό Μάθημα 4: Κανναβος Μάθημα 5: Έλξη Μάθημα </p> <a href="/256596-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="/32094065-Askisi-6-epanaliptiki-askisi-html.html">Άσκηση 6 Επαναληπτική Άσκηση HTML</a> </h3> <p> <img alt="Άσκηση 6 Επαναληπτική Άσκηση HTML" title="Άσκηση 6 Επαναληπτική Άσκηση HTML" class="news-block-img pull-right" src="/thumbs/53/32094065.jpg"> Άσκηση 6 Επαναληπτική Άσκηση HTML ΕΤΙΚΕΤΕΣ HTML ΕΤΙΚΕΤΑ ΠΕΡΙΓΡΑΦΗ ΙΔΙΟΤΗΤΕΣ ΙΔΙΟΤΗΤΑ ΤΙΜΗ ΠΕΡΙΓΡΑΦΗ Βασικές Ορίζει τον τύπο του αρχείου Ορίζει ένα αρχείο HTML Ορίζει ένα τίτλο </p> <a href="/32094065-Askisi-6-epanaliptiki-askisi-html.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/46762791-Css-2-didaskontes-p-aggelatos-d-zindros-epimeleia-diafaneion-p-aggelatos-sholi-ilektrologon-mihanikon-kai-mihanikon-ypologiston.html">CSS 2. Διδάσκοντες: Π. Αγγελάτος, Δ. Ζήνδρος Επιμέλεια διαφανειών: Π. Αγγελάτος. Σχολή Ηλεκτρολόγων Μηχανικών και Μηχανικών Υπολογιστών</a> </h3> <p> <img alt="CSS 2. Διδάσκοντες: Π. Αγγελάτος, Δ. Ζήνδρος Επιμέλεια διαφανειών: Π. Αγγελάτος. Σχολή Ηλεκτρολόγων Μηχανικών και Μηχανικών Υπολογιστών" title="CSS 2. Διδάσκοντες: Π. Αγγελάτος, Δ. Ζήνδρος Επιμέλεια διαφανειών: Π. Αγγελάτος. Σχολή Ηλεκτρολόγων Μηχανικών και Μηχανικών Υπολογιστών" class="news-block-img pull-right" src="/thumbs/62/46762791.jpg"> CSS 2 Διδάσκοντες: Π. Αγγελάτος, Δ. Ζήνδρος Επιμέλεια διαφανειών: Π. Αγγελάτος Σχολή Ηλεκτρολόγων Μηχανικών και Μηχανικών Υπολογιστών Άδεια Χρήσης Το παρόν εκπαιδευτικό υλικό υπόκειται σε άδειες χρήσης </p> <a href="/46762791-Css-2-didaskontes-p-aggelatos-d-zindros-epimeleia-diafaneion-p-aggelatos-sholi-ilektrologon-mihanikon-kai-mihanikon-ypologiston.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/35042104-Periehomena-gavalas-damianos.html">Περιεχόμενα. Γαβαλάς Δαμιανός</a> </h3> <p> <img alt="Περιεχόμενα. Γαβαλάς Δαμιανός" title="Περιεχόμενα. Γαβαλάς Δαμιανός" class="news-block-img pull-right" src="/thumbs/54/35042104.jpg"> Δικτυακά Πολυμέσα ΙΙ Διάλεξη #5 η : Τυπογραφία στο web Γαβαλάς Δαμιανός dgavalas@aegean.gr Περιεχόμενα Κατανόηση αρχών σχεδιασμού με γραμματοσειρές Κατανόηση των μονάδων μέτρησης που χρησιμοποιούνται στα </p> <a href="/35042104-Periehomena-gavalas-damianos.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/41267110-Liga-logia-apo-to-syggrafea-kefalaio-1-microsoft-excel-kefalaio-2-i-domi-enos-fylloy-ergasias-26.html">Λίγα λόγια από το συγγραφέα Κεφάλαιο 1: Microsoft Excel Κεφάλαιο 2: Η δομή ενός φύλλου εργασίας... 26</a> </h3> <p> <img alt="Λίγα λόγια από το συγγραφέα Κεφάλαιο 1: Microsoft Excel Κεφάλαιο 2: Η δομή ενός φύλλου εργασίας... 26" title="Λίγα λόγια από το συγγραφέα Κεφάλαιο 1: Microsoft Excel Κεφάλαιο 2: Η δομή ενός φύλλου εργασίας... 26" class="news-block-img pull-right" src="/thumbs/58/41267110.jpg"> Περιεχόμενα Λίγα λόγια από το συγγραφέα... 7 Κεφάλαιο 1: Microsoft Excel 2002... 9 Κεφάλαιο 2: Η δομή ενός φύλλου εργασίας... 26 Κεφάλαιο 3: Δημιουργία νέου βιβλίου εργασίας και καταχώριση δεδομένων... </p> <a href="/41267110-Liga-logia-apo-to-syggrafea-kefalaio-1-microsoft-excel-kefalaio-2-i-domi-enos-fylloy-ergasias-26.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/9571400-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/27/9571400.jpg"> Copyright 2009-2012 -SYSTEM- All rights reserved 2/133 Μάθημα 1 ο Εισαγωγή ΠΕΡΙΕΧΟΜΕΝΑ Μάθημα 14 ο Συμβουλές Μορφοποιήσεων Μάθημα 2 ο Δημιουργία & Αποθήκευση Μάθημα 3 ο Διατάξεις Μάθημα 4 ο Το εργαλείο </p> <a href="/9571400-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="/51620627-Pos-na-dimioyrgisete-ena-wiki.html">Πώς να δημιουργήσετε ένα Wiki</a> </h3> <p> <img alt="Πώς να δημιουργήσετε ένα Wiki" title="Πώς να δημιουργήσετε ένα Wiki" class="news-block-img pull-right" src="/thumbs/64/51620627.jpg"> Νίκη Καλιακούδα Σουλτάνα Κάργα Δέσποινα Παπαδάκη Ειρήνη Χρήστου Αυτό το έργο διατίθεται με άδεια Creative Commons Αναφορά Δημιουργού 4.0 Διεθνές 20/2/2017 1/6 Πραγματοποιήστε είσοδο στην πλατφόρμα https://elearning.auth.gr </p> <a href="/51620627-Pos-na-dimioyrgisete-ena-wiki.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/30748661-Se-ayto-to-mathima-tha-asholithoyme-me-ti-veltiosi-tis-emfanisis-enos-istotopoy-alla-kai-ton-eykolo-heirismo-olon-ton-allagon-tis-opoies-epithymoyme-na.html">Σε αυτό το μάθημα θα ασχοληθούμε με τη βελτίωση της εμφάνισης ενός ιστοτόπου, αλλά και τον εύκολο χειρισμό όλων των αλλαγών τις οποίες επιθυμούμε να</a> </h3> <p> <img alt="Σε αυτό το μάθημα θα ασχοληθούμε με τη βελτίωση της εμφάνισης ενός ιστοτόπου, αλλά και τον εύκολο χειρισμό όλων των αλλαγών τις οποίες επιθυμούμε να" title="Σε αυτό το μάθημα θα ασχοληθούμε με τη βελτίωση της εμφάνισης ενός ιστοτόπου, αλλά και τον εύκολο χειρισμό όλων των αλλαγών τις οποίες επιθυμούμε να" class="news-block-img pull-right" src="/thumbs/52/30748661.jpg"> Σε αυτό το μάθημα θα ασχοληθούμε με τη βελτίωση της εμφάνισης ενός ιστοτόπου, αλλά και τον εύκολο χειρισμό όλων των αλλαγών τις οποίες επιθυμούμε να κάνουμε μέσω ενός εξωτερικού αρχείου.το αρχείο αυτό </p> <a href="/30748661-Se-ayto-to-mathima-tha-asholithoyme-me-ti-veltiosi-tis-emfanisis-enos-istotopoy-alla-kai-ton-eykolo-heirismo-olon-ton-allagon-tis-opoies-epithymoyme-na.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/33359887-Kefalaio-11-eisagogi-stin-html-efarmoges-pliroforikis-kef-11-karamaoynas-polykarpos.html">Κεφάλαιο 11: Εισαγωγή στην HTML. Εφαρμογές Πληροφορικής Κεφ. 11 Καραμαούνας Πολύκαρπος</a> </h3> <p> <img alt="Κεφάλαιο 11: Εισαγωγή στην HTML. Εφαρμογές Πληροφορικής Κεφ. 11 Καραμαούνας Πολύκαρπος" title="Κεφάλαιο 11: Εισαγωγή στην HTML. Εφαρμογές Πληροφορικής Κεφ. 11 Καραμαούνας Πολύκαρπος" class="news-block-img pull-right" src="/thumbs/54/33359887.jpg"> Κεφάλαιο 11: Εισαγωγή στην HTML 1 11.1 Γενική εισαγωγή στην HTML Τι είναι η HTML HyperText Markup Language - Γλώσσα Χαρακτηρισμού Υπερ-Κειμένου είναι η βασική γλώσσα με την οποία πραγματοποιείται η δόμηση </p> <a href="/33359887-Kefalaio-11-eisagogi-stin-html-efarmoges-pliroforikis-kef-11-karamaoynas-polykarpos.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/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="/38423821-Ekpaideytika-perivallonta-diadiktyoy.html">Εκπαιδευτικά Περιβάλλοντα Διαδικτύου</a> </h3> <p> <img alt="Εκπαιδευτικά Περιβάλλοντα Διαδικτύου" title="Εκπαιδευτικά Περιβάλλοντα Διαδικτύου" class="news-block-img pull-right" src="/thumbs/56/38423821.jpg"> ΑΡΙΣΤΟΤΕΛΕΙΟ ΠΑΝΕΠΙΣΤΗΜΙΟ ΘΕΣΣΑΛΟΝΙΚΗΣ ΑΝΟΙΚΤΑ ΑΚΑΔΗΜΑΪΚΑ ΜΑΘΗΜΑΤΑ Εκπαιδευτικά Περιβάλλοντα Διαδικτύου Ενότητα 6: CSS Θρασύβουλος-Κωνσταντίνος Τσιάτσος Άδειες Χρήσης Το παρόν εκπαιδευτικό υλικό υπόκειται </p> <a href="/38423821-Ekpaideytika-perivallonta-diadiktyoy.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/41126373-Tec410-anaptyxi-diktyakon-topon-d-examino.html">TEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο)</a> </h3> <p> <img alt="TEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο)" title="TEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο)" class="news-block-img pull-right" src="/thumbs/57/41126373.jpg"> TEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο) Διδάσκων: Ανδρέας Γιαννακουλόπουλος Επιστημονικός συνεργάτης Εργαστηρίου: Στέλλα Λάμπουρα Εαρινό εξάμηνο Χρηματοδότηση Το παρόν εκπαιδευτικό υλικό έχει αναπτυχθεί </p> <a href="/41126373-Tec410-anaptyxi-diktyakon-topon-d-examino.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/31364596-Diadikasia-metaforas-ylikoy-mathimatos-apo-blackboard-vista-se-moodle.html">ΔΙΑΔΙΚΑΣΙA ΜΕΤΑΦΟΡΑΣ ΥΛΙΚΟΥ ΜΑΘΗΜΑΤΟΣ ΑΠΟ BLACKBOARD VISTA ΣΕ MOODLE</a> </h3> <p> <img alt="ΔΙΑΔΙΚΑΣΙA ΜΕΤΑΦΟΡΑΣ ΥΛΙΚΟΥ ΜΑΘΗΜΑΤΟΣ ΑΠΟ BLACKBOARD VISTA ΣΕ MOODLE" title="ΔΙΑΔΙΚΑΣΙA ΜΕΤΑΦΟΡΑΣ ΥΛΙΚΟΥ ΜΑΘΗΜΑΤΟΣ ΑΠΟ BLACKBOARD VISTA ΣΕ MOODLE" class="news-block-img pull-right" src="/thumbs/53/31364596.jpg"> ΔΙΑΔΙΚΑΣΙA ΜΕΤΑΦΟΡΑΣ ΥΛΙΚΟΥ ΜΑΘΗΜΑΤΟΣ ΑΠΟ BLACKBOARD VISTA ΣΕ MOODLE Η διαδικασία μεταφοράς του υλικού ενός μαθήματος από την πλατφόρμα Blackboard Vista στην πλατφόρμα Moodle σε βήματα είναι η ακόλουθη: </p> <a href="/31364596-Diadikasia-metaforas-ylikoy-mathimatos-apo-blackboard-vista-se-moodle.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/40710341-I-vivlos-ton-css-meros-3-to-box-model-ta-perithoria-kai-ta-perigrammata.html">Η Βίβλος των CSS - Μέρος 3 Το Box Model, τα Περιθώρια και τα Περιγράμματα</a> </h3> <p> <img alt="Η Βίβλος των CSS - Μέρος 3 Το Box Model, τα Περιθώρια και τα Περιγράμματα" title="Η Βίβλος των CSS - Μέρος 3 Το Box Model, τα Περιθώρια και τα Περιγράμματα" class="news-block-img pull-right" src="/thumbs/57/40710341.jpg"> Η Βίβλος των CSS - Μέρος 3 Το Box Model, τα Περιθώρια και τα Περιγράμματα Το Box Model Το box model στα CSS περιγράφει τα πλαίσια (boxes) που δημιουργούνται για τα στοιχεία (elements) της HTML. Το box </p> <a href="/40710341-I-vivlos-ton-css-meros-3-to-box-model-ta-perithoria-kai-ta-perigrammata.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/47692862-Diaheirisi-pliroforion-sto-diadiktyo-ergastirio-2.html">Διαχείριση Πληροφοριών στο Διαδίκτυο. Εργαστήριο 2</a> </h3> <p> <img alt="Διαχείριση Πληροφοριών στο Διαδίκτυο. Εργαστήριο 2" title="Διαχείριση Πληροφοριών στο Διαδίκτυο. Εργαστήριο 2" class="news-block-img pull-right" src="/thumbs/62/47692862.jpg"> Διαχείριση Πληροφοριών στο Διαδίκτυο Εργαστήριο 2 Τεχνολογικό Εκπαιδευτικό Ίδρυμα Καβάλας Σχολή Διοίκησης & Οικονομίας Τμήμα Διαχείρισης Πληροφοριών Διδάσκων Μαρδύρης Βασίλειος, Διπλ. Ηλ. Μηχανικός & Μηχ. </p> <a href="/47692862-Diaheirisi-pliroforion-sto-diadiktyo-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="/46337371-Shediasmos-kai-anaptyxi-istotopon-epa-l-alimoy-tomeas-pliroforikis-k-floros.html">Σχεδιασμός και Ανάπτυξη Ιστοτόπων. ΕΠΑ.Λ. ΑΛΙΜΟΥ Τομέας Πληροφορικής Κ. Φλώρος</a> </h3> <p> <img alt="Σχεδιασμός και Ανάπτυξη Ιστοτόπων. ΕΠΑ.Λ. ΑΛΙΜΟΥ Τομέας Πληροφορικής Κ. Φλώρος" title="Σχεδιασμός και Ανάπτυξη Ιστοτόπων. ΕΠΑ.Λ. ΑΛΙΜΟΥ Τομέας Πληροφορικής Κ. Φλώρος" class="news-block-img pull-right" src="/thumbs/61/46337371.jpg"> Σχεδιασμός και Ανάπτυξη Ιστοτόπων ΕΠΑ.Λ. ΑΛΙΜΟΥ Τομέας Πληροφορικής Κ. Φλώρος H γλώσσα HTML Άλλες Βιβλιογραφικές πηγές για HTML http://www.w3schools.com/html/ http://www.it.uom.gr/project/html2/lessons.html </p> <a href="/46337371-Shediasmos-kai-anaptyxi-istotopon-epa-l-alimoy-tomeas-pliroforikis-k-floros.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/39035250-Apantisi-o-tonos-vrisketai-dexia-apo-to-gramma-l-apantisi-kratame-patimeno-to-pliktro-shift-kai-patame-to-pliktro-8.html">( Απάντηση: Ο τόνος βρίσκεται δεξιά από το γράμμα Λ. ) ( Απάντηση: Κρατάμε πατημένο το πλήκτρο Shift και πατάμε το πλήκτρο 8. )</a> </h3> <p> <img alt="( Απάντηση: Ο τόνος βρίσκεται δεξιά από το γράμμα Λ. ) ( Απάντηση: Κρατάμε πατημένο το πλήκτρο Shift και πατάμε το πλήκτρο 8. )" title="( Απάντηση: Ο τόνος βρίσκεται δεξιά από το γράμμα Λ. ) ( Απάντηση: Κρατάμε πατημένο το πλήκτρο Shift και πατάμε το πλήκτρο 8. )" class="news-block-img pull-right" src="/thumbs/56/39035250.jpg"> 1 Επεξεργασία Κειμένου OpenOffice writer Απόσπασμα Μάθημα: Γλώσσα, Τάξη: Δ Ενότητα 2: «Ρώτα το νερό τι τρέχει» Θυμόμαστε: Ποιο πλήκτρο είναι ο τόνος; ( Απάντηση: Ο τόνος βρίσκεται δεξιά από το γράμμα Λ. </p> <a href="/39035250-Apantisi-o-tonos-vrisketai-dexia-apo-to-gramma-l-apantisi-kratame-patimeno-to-pliktro-shift-kai-patame-to-pliktro-8.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/30835861-Hyper-text-markup-language-html-poy-simainei-glossa-simansis-yperkeimenoy.html">Hyper Text Markup Language (HTML) που σημαίνει γλώσσα σήμανσης υπερκειμένου.</a> </h3> <p> <img alt="Hyper Text Markup Language (HTML) που σημαίνει γλώσσα σήμανσης υπερκειμένου." title="Hyper Text Markup Language (HTML) που σημαίνει γλώσσα σήμανσης υπερκειμένου." class="news-block-img pull-right" src="/thumbs/53/30835861.jpg"> Hyper Text Markup Language (HTML) που σημαίνει γλώσσα σήμανσης υπερκειμένου. 1 η ΑΣΚΗΣΗ Οι HTML σελίδες είναι απλές σελίδες κειμένου και μπορούν να δημιουργηθούν από οποιοδήποτε πρόγραμμα επεξεργασίας </p> <a href="/30835861-Hyper-text-markup-language-html-poy-simainei-glossa-simansis-yperkeimenoy.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/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="/36659722-Simasiologikos-istos-xml.html">ΣΗΜΑΣΙΟΛΟΓΙΚΟΣ ΙΣΤΟΣ - XML</a> </h3> <p> <img alt="ΣΗΜΑΣΙΟΛΟΓΙΚΟΣ ΙΣΤΟΣ - XML" title="ΣΗΜΑΣΙΟΛΟΓΙΚΟΣ ΙΣΤΟΣ - XML" class="news-block-img pull-right" src="/thumbs/55/36659722.jpg"> ΠΑΝΕΠΙΣΤΗΜΙΟ ΠΕΙΡΑΙΩΣ ΤΜΗΜΑ ΨΗΦΙΑΚΩΝ ΣΥΣΤΗΜΑΤΩΝ ΣΗΜΑΣΙΟΛΟΓΙΚΟΣ ΙΣΤΟΣ - XML Εργαστήριο 4 Στουγιάννου Ελευθερία estoug@unipi.gr Περιεχόμενα Τέταρτου Εργαστηριακού Μαθήματος XML CSS (CASCADING STYLE SHEETS) </p> <a href="/36659722-Simasiologikos-istos-xml.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="/35858216-To-apeikonistiko-montelo-morfopoiisis-ton-css.html">Το απεικονιστικό μοντέλο μορφοποίησης των CSS</a> </h3> <p> <img alt="Το απεικονιστικό μοντέλο μορφοποίησης των CSS" title="Το απεικονιστικό μοντέλο μορφοποίησης των CSS" class="news-block-img pull-right" src="/thumbs/55/35858216.jpg"> Δικτυακά Πολυμέσα ΙΙ Εργαστήριο #6 0 : CSS: Χρήση των ιδιοτήτων του κουτιού (box properties). Διάταξη σελίδων Γαβαλάς Δαμιανός dgavalas@aegean.gr Το απεικονιστικό μοντέλο μορφοποίησης των CSS Περιγράφει </p> <a href="/35858216-To-apeikonistiko-montelo-morfopoiisis-ton-css.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/30203942-Ti-einai-i-html-ti-einai-oi-etiketes-tags-pos-einai-mia-etiketa-tag.html">Τι είναι η HTML; Τί είναι οι ετικέτες (tags); Πώς είναι μια ετικέτα (tag);</a> </h3> <p> <img alt="Τι είναι η HTML; Τί είναι οι ετικέτες (tags); Πώς είναι μια ετικέτα (tag);" title="Τι είναι η HTML; Τί είναι οι ετικέτες (tags); Πώς είναι μια ετικέτα (tag);" class="news-block-img pull-right" src="/thumbs/52/30203942.jpg"> Τι είναι η HTML; Η HTML είναι το ακρώνυμο από το Hyper Text Markup Language που σημαίνει γλώσσα χαρακτηρισμού υπερκειμένου. Η χρήση μιας γλώσσας χαρακτηρισμού σημαίνει ότι γράφεται πρώτα το κείμενο και </p> <a href="/30203942-Ti-einai-i-html-ti-einai-oi-etiketes-tags-pos-einai-mia-etiketa-tag.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/48210065-Eisagogi-stin-epistimi-ypologiston-eisagogi-stin-html-anna-kefala-panagiota-miholia.html">Εισαγωγή στην Επιστήμη Υπολογιστών. Εισαγωγή στην HTML. Άννα Κεφάλα Παναγιώτα Μιχόλια</a> </h3> <p> <img alt="Εισαγωγή στην Επιστήμη Υπολογιστών. Εισαγωγή στην HTML. Άννα Κεφάλα Παναγιώτα Μιχόλια" title="Εισαγωγή στην Επιστήμη Υπολογιστών. Εισαγωγή στην HTML. Άννα Κεφάλα Παναγιώτα Μιχόλια" class="news-block-img pull-right" src="/thumbs/62/48210065.jpg"> Εισαγωγή στην Επιστήμη Υπολογιστών Εισαγωγή στην HTML Άννα Κεφάλα Παναγιώτα Μιχόλια Εργαστηριακές Σημειώσεις ΕΙΣΑΓΩΓΗ ΣΤΗ ΓΛΩΣΣΑ HTML ΜΕΡΟΣ Β': CSS ΚΑΙ FORMS 2 Cascading Style Sheets (CSS) Cascading Style </p> <a href="/48210065-Eisagogi-stin-epistimi-ypologiston-eisagogi-stin-html-anna-kefala-panagiota-miholia.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/50455151-Varvakeio-protypo-gymnasio-ergastiri-pliroforikis-shol-etos-fyllo-ergasias-5.html">Βαρβάκειο Πρότυπο Γυμνάσιο Εργαστήρι Πληροφορικής Σχολ. Έτος Φύλλο Εργασίας 5</a> </h3> <p> <img alt="Βαρβάκειο Πρότυπο Γυμνάσιο Εργαστήρι Πληροφορικής Σχολ. Έτος Φύλλο Εργασίας 5" title="Βαρβάκειο Πρότυπο Γυμνάσιο Εργαστήρι Πληροφορικής Σχολ. Έτος Φύλλο Εργασίας 5" class="news-block-img pull-right" src="/thumbs/63/50455151.jpg"> Φύλλο Εργασίας 5 HTML: Χρήση των Cascading Style Sheets (CSS) για τον έλεγχο της εμφάνισης των στοιχείων της html Με τη χρήση CSS πετυχαίνουμε να ελέγξουμε περισσότερο αποτελεσματικά και κυρίως ταχύτερα </p> <a href="/50455151-Varvakeio-protypo-gymnasio-ergastiri-pliroforikis-shol-etos-fyllo-ergasias-5.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/41408984-Eisagogi-sti-hrisi-i-y-tmima-asoponias-kai-iaheirisis-fysikoy-perivallontos-t-e-i-larisas-parartima-kar-itsas-ergastirio-08-logistika-fylla-meros-1.html">ΕΙΣΑΓΩΓΗ ΣΤΗ ΧΡΗΣΗ Η/Υ ΤΜΗΜΑ ΑΣΟΠΟΝΙΑΣ ΚΑΙ ΙΑΧΕΙΡΙΣΗΣ ΦΥΣΙΚΟΥ ΠΕΡΙΒΑΛΛΟΝΤΟΣ Τ.Ε.Ι. ΛΑΡΙΣΑΣ ΠΑΡΑΡΤΗΜΑ ΚΑΡ ΙΤΣΑΣ ΕΡΓΑΣΤΗΡΙΟ 08 ΛΟΓΙΣΤΙΚΑ ΦΥΛΛΑ (ΜΕΡΟΣ 1)</a> </h3> <p> <img alt="ΕΙΣΑΓΩΓΗ ΣΤΗ ΧΡΗΣΗ Η/Υ ΤΜΗΜΑ ΑΣΟΠΟΝΙΑΣ ΚΑΙ ΙΑΧΕΙΡΙΣΗΣ ΦΥΣΙΚΟΥ ΠΕΡΙΒΑΛΛΟΝΤΟΣ Τ.Ε.Ι. ΛΑΡΙΣΑΣ ΠΑΡΑΡΤΗΜΑ ΚΑΡ ΙΤΣΑΣ ΕΡΓΑΣΤΗΡΙΟ 08 ΛΟΓΙΣΤΙΚΑ ΦΥΛΛΑ (ΜΕΡΟΣ 1)" title="ΕΙΣΑΓΩΓΗ ΣΤΗ ΧΡΗΣΗ Η/Υ ΤΜΗΜΑ ΑΣΟΠΟΝΙΑΣ ΚΑΙ ΙΑΧΕΙΡΙΣΗΣ ΦΥΣΙΚΟΥ ΠΕΡΙΒΑΛΛΟΝΤΟΣ Τ.Ε.Ι. ΛΑΡΙΣΑΣ ΠΑΡΑΡΤΗΜΑ ΚΑΡ ΙΤΣΑΣ ΕΡΓΑΣΤΗΡΙΟ 08 ΛΟΓΙΣΤΙΚΑ ΦΥΛΛΑ (ΜΕΡΟΣ 1)" class="news-block-img pull-right" src="/thumbs/58/41408984.jpg"> ΕΙΣΑΓΩΓΗ ΣΤΗ ΧΡΗΣΗ Η/Υ ΤΜΗΜΑ ΑΣΟΠΟΝΙΑΣ ΚΑΙ ΙΑΧΕΙΡΙΣΗΣ ΦΥΣΙΚΟΥ ΠΕΡΙΒΑΛΛΟΝΤΟΣ Τ.Ε.Ι. ΛΑΡΙΣΑΣ ΠΑΡΑΡΤΗΜΑ ΚΑΡ ΙΤΣΑΣ ΕΡΓΑΣΤΗΡΙΟ 08 ΛΟΓΙΣΤΙΚΑ ΦΥΛΛΑ (ΜΕΡΟΣ 1) ΑΝΤΙΚΕΙΜΕΝΑ ΕΡΓΑΣΤΗΡΙΟΥ Γραµµή τίτλου Πλαίσιο ονοµάτων </p> <a href="/41408984-Eisagogi-sti-hrisi-i-y-tmima-asoponias-kai-iaheirisis-fysikoy-perivallontos-t-e-i-larisas-parartima-kar-itsas-ergastirio-08-logistika-fylla-meros-1.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/38343979-4-patiste-to-koympi-gia-na-metafere-ola-ta-pe-ia-tis-listas-ston-katalogo-selected-fields-epilegmena-pe-ia-patiste-to-koympi-neht.html">4. ΠΑΤΗΣΤΕ ΤΟ ΚΟΥΜΠΙ. >> ΓΙΑ ΝΑ ΜΕΤΑΦΕΡΕ ΟΛΑ ΤΑ ΠΕ ΙΑ ΤΗΣ ΛΙΣΤΑΣ ΣΤΟΝ ΚΑΤΑΛΟΓΟ SELECTED FIELDS (ΕΠΙΛΕΓΜΕΝΑ ΠΕ ΙΑ) ΠΑΤΗΣΤΕ ΤΟ ΚΟΥΜΠΙ ΝΕΧΤ</a> </h3> <p> <img alt="4. ΠΑΤΗΣΤΕ ΤΟ ΚΟΥΜΠΙ. >> ΓΙΑ ΝΑ ΜΕΤΑΦΕΡΕ ΟΛΑ ΤΑ ΠΕ ΙΑ ΤΗΣ ΛΙΣΤΑΣ ΣΤΟΝ ΚΑΤΑΛΟΓΟ SELECTED FIELDS (ΕΠΙΛΕΓΜΕΝΑ ΠΕ ΙΑ) ΠΑΤΗΣΤΕ ΤΟ ΚΟΥΜΠΙ ΝΕΧΤ" title="4. ΠΑΤΗΣΤΕ ΤΟ ΚΟΥΜΠΙ. >> ΓΙΑ ΝΑ ΜΕΤΑΦΕΡΕ ΟΛΑ ΤΑ ΠΕ ΙΑ ΤΗΣ ΛΙΣΤΑΣ ΣΤΟΝ ΚΑΤΑΛΟΓΟ SELECTED FIELDS (ΕΠΙΛΕΓΜΕΝΑ ΠΕ ΙΑ) ΠΑΤΗΣΤΕ ΤΟ ΚΟΥΜΠΙ ΝΕΧΤ" class="news-block-img pull-right" src="/thumbs/56/38343979.jpg"> ΜΑΘΗΜΑ 5 Ο Α. ΗΜΙΟΥΡΓΙΑ ΦΟΡΜΑΣ 1. ΣΤΗ ΓΡΑΜΜΗ ΑΝΤΙΚΕΙΜΕΝΩΝ ΠΑΤΗΣΤΕ ΤΟ ΚΟΥΜΠΙ FORMS 2. ΙΠΛΟΠΑΤΗΣΤΕ CREATE FORM BY USING WIZARD ( ΗΜΙΟΥΡΓΙΑ ΦΟΡΜΑΣ ΜΕ ΤΟΝ Ο ΗΓΟ) 3. ΕΠΙΛΕΓΕΤΕ ΓΙΑ ΠΟΙΟ ΠΙΝΑΚΑ ΘΕΛΕΤΕ ΝΑ ΦΤΙΑΞΕΤΕ </p> <a href="/38343979-4-patiste-to-koympi-gia-na-metafere-ola-ta-pe-ia-tis-listas-ston-katalogo-selected-fields-epilegmena-pe-ia-patiste-to-koympi-neht.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/31862662-Iaheirisi-pliroforion-sto-iadiktyo.html">ιαχείριση Πληροφοριών στο ιαδίκτυο</a> </h3> <p> <img alt="ιαχείριση Πληροφοριών στο ιαδίκτυο" title="ιαχείριση Πληροφοριών στο ιαδίκτυο" class="news-block-img pull-right" src="/thumbs/53/31862662.jpg"> ιαχείριση Πληροφοριών στο ιαδίκτυο Εργαστήριο (Φυλλάδιο 1) ΤΕΙ Καβάλας - Σχολή ιοίκησης & Οικονοµίας Τµήµα ιαχείρισης Πληροφοριών ιδάσκων: Μαρδύρης Βασίλειος, ιπλ. Ηλ. Μηχανικός & Μηχ. Υπολογιστών, MSc </p> <a href="/31862662-Iaheirisi-pliroforion-sto-iadiktyo.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/34306388-Dialexi-6i-css-advanced.html">Διάλεξη 6η CSS Advanced</a> </h3> <p> <img alt="Διάλεξη 6η CSS Advanced" title="Διάλεξη 6η CSS Advanced" class="news-block-img pull-right" src="/thumbs/54/34306388.jpg"> Διάλεξη 6η CSS Advanced Στέλιος Μόσχογλου Θεοδόσης Σουργκούνης Αντώνης Χρυσόπουλος I S S E L D e. c o. d e. (Intelligent Systems & Software Engineering Lab) Στόχος της ώρας Block & Inline elements Advanced </p> <a href="/34306388-Dialexi-6i-css-advanced.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/6576494-Vasikes-arhes-shediasmoy-efarmogon.html">ΒΑΣΙΚΕΣ ΑΡΧΕΣ ΣΧΕΔΙΑΣΜΟΥ ΕΦΑΡΜΟΓΩΝ</a> </h3> <p> <img alt="ΒΑΣΙΚΕΣ ΑΡΧΕΣ ΣΧΕΔΙΑΣΜΟΥ ΕΦΑΡΜΟΓΩΝ" title="ΒΑΣΙΚΕΣ ΑΡΧΕΣ ΣΧΕΔΙΑΣΜΟΥ ΕΦΑΡΜΟΓΩΝ" class="news-block-img pull-right" src="/thumbs/25/6576494.jpg"> ΒΑΣΙΚΕΣ ΑΡΧΕΣ ΣΧΕΔΙΑΣΜΟΥ ΕΦΑΡΜΟΓΩΝ Βαγγελιώ Καβακλή Τμήμα Πολιτισμικής Τεχνολογίας & Επικοινωνίας 8 Μαρτίου 2001 Hypertext Markup Language (HTML)! Σε μια ιστοσελίδα μπορούν να εμφανίζονται διαφορετικά </p> <a href="/6576494-Vasikes-arhes-shediasmoy-efarmogon.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/10227921-4-o-fyllo-ergasias-genikos-skopos.html">4 ο ΦΥΛΛΟ ΕΡΓΑΣΙΑΣ ΓΕΝΙΚΟΣ ΣΚΟΠΟΣ :</a> </h3> <p> <img alt="4 ο ΦΥΛΛΟ ΕΡΓΑΣΙΑΣ ΓΕΝΙΚΟΣ ΣΚΟΠΟΣ :" title="4 ο ΦΥΛΛΟ ΕΡΓΑΣΙΑΣ ΓΕΝΙΚΟΣ ΣΚΟΠΟΣ :" class="news-block-img pull-right" src="/thumbs/27/10227921.jpg"> 4 ο ΦΥΛΛΟ ΕΡΓΑΣΙΑΣ ΓΕΝΙΚΟΣ ΣΚΟΠΟΣ : Σκοπός του συγκεκριμένου φύλλου εργασίας είναι ο μαθητής να εξοικειωθεί με τις συναρτήσεις, τις αριθμητικές πράξεις καθώς και την επισήμανση κελιών υπό όρους με στόχο </p> <a href="/10227921-4-o-fyllo-ergasias-genikos-skopos.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/51084709-Dimioyrgia-istologioy-blog-7-5-2015-hrysanthi-giomeloy-kdvm-nikaias.html">Δημιουργία. Ιστολογίου (blog) 7/5/2015. Χρυσάνθη Γιομέλου ΚΔΒΜ ΝΙΚΑΙΑΣ</a> </h3> <p> <img alt="Δημιουργία. Ιστολογίου (blog) 7/5/2015. Χρυσάνθη Γιομέλου ΚΔΒΜ ΝΙΚΑΙΑΣ" title="Δημιουργία. Ιστολογίου (blog) 7/5/2015. Χρυσάνθη Γιομέλου ΚΔΒΜ ΝΙΚΑΙΑΣ" class="news-block-img pull-right" src="/thumbs/64/51084709.jpg"> Δημιουργία 7/5/2015 Ιστολογίου (blog) www.blogger.com Χρυσάνθη Γιομέλου ΚΔΒΜ ΝΙΚΑΙΑΣ ΠΕΡΙΕΧΟΜΕΝΑ TI EINAI TO ΙΣΤΟΛΟΓΙΟ... 2 ΓΙΑΤΙ ΙΣΤΟΛΟΓΙΟ;... 2 ΠΛΕΟΝΕΚΤΗΜΑΤΑ ΤΗΣ ΧΡΗΣΗΣ ΙΣΤΟΛΟΓΙΟΥ... 2 ΔΗΜΙΟΥΡΓΙΑ ΛΟΓΑΡΙΑΣΜΟΥ </p> <a href="/51084709-Dimioyrgia-istologioy-blog-7-5-2015-hrysanthi-giomeloy-kdvm-nikaias.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/38635392-Pos-na-dimioyrgisete-ena-wiki.html">Πώς να δημιουργήσετε ένα Wiki</a> </h3> <p> <img alt="Πώς να δημιουργήσετε ένα Wiki" title="Πώς να δημιουργήσετε ένα Wiki" class="news-block-img pull-right" src="/thumbs/56/38635392.jpg"> Πώς να δημιουργήσετε ένα Wiki 03/4/2015 Σύνταξη Υπηρεσία Ηλεκτρονικών Μαθημάτων Βιβλιοθήκη και Κέντρο Πληροφόρησης Α.Π.Θ. Μιχάλης Γερόλιμος Σουλτάνα Κάργα Νίκη Καλιακούδα Δέσποινα Παπαδάκη This work is </p> <a href="/38635392-Pos-na-dimioyrgisete-ena-wiki.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/34692357-Ref-slws-1-5copyright-2005-the-european-computer-driving-licence-foundation-ltd-selida-1-apo-7.html">Ref.: SLWS 1 5Copyright 2005 The European Computer Driving Licence Foundation Ltd Σελίδα 1 από 7</a> </h3> <p> <img alt="Ref.: SLWS 1 5Copyright 2005 The European Computer Driving Licence Foundation Ltd Σελίδα 1 από 7" title="Ref.: SLWS 1 5Copyright 2005 The European Computer Driving Licence Foundation Ltd Σελίδα 1 από 7" class="news-block-img pull-right" src="/thumbs/54/34692357.jpg"> The European Computer Driving Licence Foundation Ltd Σελίδα 1 από 7 ΣΤΟΧΟΙ ΕΞΕΤΑΣΗΣ Η ενότητα ECDL WebStarter απαιτεί από τον Υποψήφιο να κατανοεί τις κύριες έννοιες της σχεδίασης και δημοσίευσης δικτυακών </p> <a href="/34692357-Ref-slws-1-5copyright-2005-the-european-computer-driving-licence-foundation-ltd-selida-1-apo-7.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/48089375-Vasileios-kontogiannis-pe19.html">Βασίλειος Κοντογιάννης ΠΕ19</a> </h3> <p> <img alt="Βασίλειος Κοντογιάννης ΠΕ19" title="Βασίλειος Κοντογιάννης ΠΕ19" class="news-block-img pull-right" src="/thumbs/62/48089375.jpg"> Ενότητα3 Επικοινωνία και Διαδίκτυο 11.1 Γενική Εισαγωγή στην HTML Τι είναι η HTML (HyperText Markup Language); Είναι μια γλώσσα σήμανσης (Markup) με την οποία πραγματοποιείται η δόμηση σελίδων του Παγκόσμιου </p> <a href="/48089375-Vasileios-kontogiannis-pe19.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/33582060-Askisi-10-kturtle-an-kyklos.html">Άσκηση 10 KTurtle Αν - Κύκλος</a> </h3> <p> <img alt="Άσκηση 10 KTurtle Αν - Κύκλος" title="Άσκηση 10 KTurtle Αν - Κύκλος" class="news-block-img pull-right" src="/thumbs/54/33582060.jpg"> Άσκηση 10 KTurtle Αν - Κύκλος Έναρξη εφαρμογής Ανοίγουμε την εφαρμογή Kturtle. Πληκτρολόγηση κώδικα Στο πλαίσιο Επεξεργαστής κώδικα εισάγουμε τις παρακάτω εντολές: αρχικοποίησε χρώμακαμβά 0,0,200 χρώμαστυλό </p> <a href="/33582060-Askisi-10-kturtle-an-kyklos.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/35662267-Tec410-anaptyxi-diktyakon-topon-d-examino.html">TEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο)</a> </h3> <p> <img alt="TEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο)" title="TEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο)" class="news-block-img pull-right" src="/thumbs/55/35662267.jpg"> TEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο) Διδάσκων: Ανδρέας Γιαννακουλόπουλος Επιστημονικός συνεργάτης Εργαστηρίου: Στέλλα Λάμπουρα Εαρινό εξάμηνο Χρηματοδότηση Το παρόν εκπαιδευτικό υλικό έχει αναπτυχθεί </p> <a href="/35662267-Tec410-anaptyxi-diktyakon-topon-d-examino.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/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="/29541196-Mathima-stoihisi-paragrafon-2-esohes-paragrafon-stohoi.html">ΜΑΘΗΜΑ Στοίχιση Παραγράφων. 2. Εσοχές Παραγράφων ΣΤΟΧΟΙ:</a> </h3> <p> <img alt="ΜΑΘΗΜΑ Στοίχιση Παραγράφων. 2. Εσοχές Παραγράφων ΣΤΟΧΟΙ:" title="ΜΑΘΗΜΑ Στοίχιση Παραγράφων. 2. Εσοχές Παραγράφων ΣΤΟΧΟΙ:" class="news-block-img pull-right" src="/thumbs/52/29541196.jpg"> ΜΑΘΗΜΑ 4 ΣΤΟΧΟΙ: 1. Στοίχιση Παραγράφων 2. Εσοχές Παραγράφων 3. Διάστημα Μεταξύ Γραμμών (Διάστιχο) 4. Απόσταση Μεταξύ Παραγράφων 5. Καθορισμός Στηλοθετών (Tabs) 6. Μετακίνηση Στηλοθετών 7. Διαγραφή Στηλοθετών </p> <a href="/29541196-Mathima-stoihisi-paragrafon-2-esohes-paragrafon-stohoi.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/47062418-Diadikasia-metaforas-ylikoy-mathimatos-apo-blackboard-vista-se-open-eclass.html">ΔΙΑΔΙΚΑΣΙA ΜΕΤΑΦΟΡΑΣ ΥΛΙΚΟΥ ΜΑΘΗΜΑΤΟΣ ΑΠΟ BLACKBOARD VISTA ΣΕ OPEN ECLASS</a> </h3> <p> <img alt="ΔΙΑΔΙΚΑΣΙA ΜΕΤΑΦΟΡΑΣ ΥΛΙΚΟΥ ΜΑΘΗΜΑΤΟΣ ΑΠΟ BLACKBOARD VISTA ΣΕ OPEN ECLASS" title="ΔΙΑΔΙΚΑΣΙA ΜΕΤΑΦΟΡΑΣ ΥΛΙΚΟΥ ΜΑΘΗΜΑΤΟΣ ΑΠΟ BLACKBOARD VISTA ΣΕ OPEN ECLASS" class="news-block-img pull-right" src="/thumbs/62/47062418.jpg"> ΔΙΑΔΙΚΑΣΙA ΜΕΤΑΦΟΡΑΣ ΥΛΙΚΟΥ ΜΑΘΗΜΑΤΟΣ ΑΠΟ BLACKBOARD VISTA ΣΕ OPEN ECLASS Η διαδικασία μεταφοράς του υλικού ενός μαθήματος από την πλατφόρμα Blackboard Vista στην πλατφόρμα Open eclass σε βήματα είναι </p> <a href="/47062418-Diadikasia-metaforas-ylikoy-mathimatos-apo-blackboard-vista-se-open-eclass.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/37500783-Fyllo-ergasias-sto-word-kokkori-athina.html">ΦΥΛΛΟ ΕΡΓΑΣΙΑΣ ΣΤΟ WORD Κοκκόρη Αθηνά</a> </h3> <p> <img alt="ΦΥΛΛΟ ΕΡΓΑΣΙΑΣ ΣΤΟ WORD Κοκκόρη Αθηνά" title="ΦΥΛΛΟ ΕΡΓΑΣΙΑΣ ΣΤΟ WORD Κοκκόρη Αθηνά" class="news-block-img pull-right" src="/thumbs/55/37500783.jpg"> 1. Πληκτρολογήστε τα παρακάτω: Καλημέρα, Χαϊδάρι, καΐκι. Που θα πας αύριο; Πάρε μαζί σου: ένα μολύβι, μια γόμα, ένα στυλό. Η έκπτωση είναι 30%. Φοβερό!!! Τόνος: Πατάω το πλήκτρο Διαλυτικά: Πατάω shift </p> <a href="/37500783-Fyllo-ergasias-sto-word-kokkori-athina.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="/30448667-Dimioyrgia-shimaton-1-provoli-grammes-ergaleion-shediasi-mathima-5-o-shimata-eikones-exisoseis-1.html">ΔΗΜΙΟΥΡΓΙΑ ΣΧΗΜΑΤΩΝ. 1) Προβολή Γραμμές εργαλείων Σχεδίαση. ΜΑΘΗΜΑ 5 ο : ΣΧΗΜΑΤΑ-ΕΙΚΟΝΕΣ-ΕΞΙΣΩΣΕΙΣ 1</a> </h3> <p> <img alt="ΔΗΜΙΟΥΡΓΙΑ ΣΧΗΜΑΤΩΝ. 1) Προβολή Γραμμές εργαλείων Σχεδίαση. ΜΑΘΗΜΑ 5 ο : ΣΧΗΜΑΤΑ-ΕΙΚΟΝΕΣ-ΕΞΙΣΩΣΕΙΣ 1" title="ΔΗΜΙΟΥΡΓΙΑ ΣΧΗΜΑΤΩΝ. 1) Προβολή Γραμμές εργαλείων Σχεδίαση. ΜΑΘΗΜΑ 5 ο : ΣΧΗΜΑΤΑ-ΕΙΚΟΝΕΣ-ΕΞΙΣΩΣΕΙΣ 1" class="news-block-img pull-right" src="/thumbs/52/30448667.jpg"> ΣΧΗΜΑΤΑ-ΕΙΚΟΝΕΣ-ΕΞΙΣΩΣΕΙΣ ΔΗΜΙΟΥΡΓΙΑ ΣΧΗΜΑΤΩΝ Για τη δημιουργία σχημάτων στο WORD χρησιμοποιείται η γραμμή εργαλείων της σχεδίασης. Τα βήματα που μπορεί να ακολουθήσετε για να εμφανίσετε τη γραμμή εργαλείων </p> <a href="/30448667-Dimioyrgia-shimaton-1-provoli-grammes-ergaleion-shediasi-mathima-5-o-shimata-eikones-exisoseis-1.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/46215691-Varvakeio-protypo-gymnasio.html">Βαρβάκειο Πρότυπο Γυμνάσιο</a> </h3> <p> <img alt="Βαρβάκειο Πρότυπο Γυμνάσιο" title="Βαρβάκειο Πρότυπο Γυμνάσιο" class="news-block-img pull-right" src="/thumbs/61/46215691.jpg"> Παραδόσεις & εργαστηριακές ασκήσεις στην HTML Βαρβάκειο Πρότυπο Γυμνάσιο Σχολ. Χρονιά 2016-2017 Θ. Οτζάκογλου Εργαστήρι Πληροφορικής Σχολ. Έτος 2016 2017 Αν και δεν είναι μία ακόμη «γλώσσα προγραμματισμού», </p> <a href="/46215691-Varvakeio-protypo-gymnasio.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/31045924-Odigies-systimatos-tilekatartisis.html">ΟΔΗΓΙΕΣ ΣΥΣΤΗΜΑΤΟΣ ΤΗΛΕΚΑΤΑΡΤΙΣΗΣ</a> </h3> <p> <img alt="ΟΔΗΓΙΕΣ ΣΥΣΤΗΜΑΤΟΣ ΤΗΛΕΚΑΤΑΡΤΙΣΗΣ" title="ΟΔΗΓΙΕΣ ΣΥΣΤΗΜΑΤΟΣ ΤΗΛΕΚΑΤΑΡΤΙΣΗΣ" class="news-block-img pull-right" src="/thumbs/53/31045924.jpg"> ΟΔΗΓΙΕΣ ΣΥΣΤΗΜΑΤΟΣ ΤΗΛΕΚΑΤΑΡΤΙΣΗΣ www.iclass.com.gr 2016 www.iclass.com.gr Σελίδα 1 Εισαγωγή στην πλατφόρμα Προκειμένου να μπορέσετε να εισέλθετε στην πλατφόρμα θα πρέπει να χρησιμοποιήσετε κάποιον φυλλομετρητή </p> <a href="/31045924-Odigies-systimatos-tilekatartisis.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/46031069-Mathima-anoigma-tis-efarmogis-epexergasias-keimenoy-2-kyria-othoni-tis-efarmogis-keimenoy-stohoi.html">ΜΑΘΗΜΑ Άνοιγμα Της Εφαρμογής Επεξεργασίας Κειμένου. 2. Κύρια Οθόνη Της Εφαρμογής Κειμένου ΣΤΟΧΟΙ:</a> </h3> <p> <img alt="ΜΑΘΗΜΑ Άνοιγμα Της Εφαρμογής Επεξεργασίας Κειμένου. 2. Κύρια Οθόνη Της Εφαρμογής Κειμένου ΣΤΟΧΟΙ:" title="ΜΑΘΗΜΑ Άνοιγμα Της Εφαρμογής Επεξεργασίας Κειμένου. 2. Κύρια Οθόνη Της Εφαρμογής Κειμένου ΣΤΟΧΟΙ:" class="news-block-img pull-right" src="/thumbs/61/46031069.jpg"> ΜΑΘΗΜΑ 1 ΣΤΟΧΟΙ: 1. Άνοιγμα Της Εφαρμογής Επεξεργασίας Κειμένου (Microsoft Word) 2. Κύρια Οθόνη Της Εφαρμογής Κειμένου 3. Δημιουργία Νέου Εγγράφου 4. Δημιουργία Εγγράφου Βασισμένο Σε Πρότυπο 5. Κλείσιμο </p> <a href="/46031069-Mathima-anoigma-tis-efarmogis-epexergasias-keimenoy-2-kyria-othoni-tis-efarmogis-keimenoy-stohoi.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/47204979-Dimosieysi-sto-diadiktyo.html">Δημοσίευση στο Διαδίκτυο</a> </h3> <p> <img alt="Δημοσίευση στο Διαδίκτυο" title="Δημοσίευση στο Διαδίκτυο" class="news-block-img pull-right" src="/thumbs/62/47204979.jpg"> ΕΣΔ200 Δημιουργία Περιεχομένου ΙI Δημοσίευση στο Διαδίκτυο Περιεχόμενα - Βιβλιογραφία Ενότητας Περιεχόμενα Εισαγωγή Δημοσίευση μιας ταινίας στο παγκόσμιο ιστό Βασικά στοιχεία HTML Τεχνικές δημιουργίας </p> <a href="/47204979-Dimosieysi-sto-diadiktyo.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/42234040-1-o-frontpage-explorer.html">1. O FrontPage Explorer</a> </h3> <p> <img alt="1. O FrontPage Explorer" title="1. O FrontPage Explorer" class="news-block-img pull-right" src="/thumbs/58/42234040.jpg"> 1. O FrontPage Explorer Στο παρελθόν, ο δηµιουργός µιας θέσης Ιστού έπρεπε να παρακολουθεί µόνος του τον τρόπο σύνδεσης των σελίδων του. Με το FrontPage Explorer µπορείτε να δηµιουργείτε ιστούς και να </p> <a href="/42234040-1-o-frontpage-explorer.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/37876780-Epanaliptiki-askisi-etiketes-html.html">Επαναληπτική Άσκηση ΕΤΙΚΕΤΕΣ HTML</a> </h3> <p> <img alt="Επαναληπτική Άσκηση ΕΤΙΚΕΤΕΣ HTML" title="Επαναληπτική Άσκηση ΕΤΙΚΕΤΕΣ HTML" class="news-block-img pull-right" src="/thumbs/55/37876780.jpg"> Επαναληπτική Άσκηση ΕΤΙΚΕΤΕΣ HTML ΕΤΙΚΕΤΑ ΠΕΡΙΓΡΑΦΗ ΙΔΙΟΤΗΤΕΣ ΙΔΙΟΤΗΤΑ ΤΙΜΗ ΠΕΡΙΓΡΑΦΗ Βασικές Ορίζει ένα αρχείο HTML Ορίζει ένα τίτλο για το αρχείο Ορίζει το σώµα της background URL </p> <a href="/37876780-Epanaliptiki-askisi-etiketes-html.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/40710394-Ergastirio-tehnologies-pliroforias-kai-epikoinonias-ston-toyrismo-4o-ergastirio-eikones-stin-html.html">ΕΡΓΑΣΤΗΡΙΟ: ΤΕΧΝΟΛΟΓΙΕΣ ΠΛΗΡΟΦΟΡΙΑΣ ΚΑΙ ΕΠΙΚΟΙΝΩΝΙΑΣ ΣΤΟΝ ΤΟΥΡΙΣΜΟ. 4o ΕΡΓΑΣΤΗΡΙΟ ΕΙΚΟΝΕΣ ΣΤΗΝ HTML</a> </h3> <p> <img alt="ΕΡΓΑΣΤΗΡΙΟ: ΤΕΧΝΟΛΟΓΙΕΣ ΠΛΗΡΟΦΟΡΙΑΣ ΚΑΙ ΕΠΙΚΟΙΝΩΝΙΑΣ ΣΤΟΝ ΤΟΥΡΙΣΜΟ. 4o ΕΡΓΑΣΤΗΡΙΟ ΕΙΚΟΝΕΣ ΣΤΗΝ HTML" title="ΕΡΓΑΣΤΗΡΙΟ: ΤΕΧΝΟΛΟΓΙΕΣ ΠΛΗΡΟΦΟΡΙΑΣ ΚΑΙ ΕΠΙΚΟΙΝΩΝΙΑΣ ΣΤΟΝ ΤΟΥΡΙΣΜΟ. 4o ΕΡΓΑΣΤΗΡΙΟ ΕΙΚΟΝΕΣ ΣΤΗΝ HTML" class="news-block-img pull-right" src="/thumbs/57/40710394.jpg"> ΕΡΓΑΣΤΗΡΙΟ: ΤΕΧΝΟΛΟΓΙΕΣ ΠΛΗΡΟΦΟΡΙΑΣ ΚΑΙ ΕΠΙΚΟΙΝΩΝΙΑΣ ΣΤΟΝ ΤΟΥΡΙΣΜΟ ΠΕΡΙΕΧΟΜΕΝΟ ΜΑΘΗΜΑΤΟΣ 1. Εικόνες 2. Ασκήσεις 4o ΕΡΓΑΣΤΗΡΙΟ ΕΙΚΟΝΕΣ ΣΤΗΝ HTML 1. Εικόνες 1. Οι μορφές (format) των εικόνων που μπορείτε </p> <a href="/40710394-Ergastirio-tehnologies-pliroforias-kai-epikoinonias-ston-toyrismo-4o-ergastirio-eikones-stin-html.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/30473576-Programma-pliroforiakis-paideias-ppp.html">Πρόγραμμα Πληροφοριακής Παιδείας (ΠΠΠ)</a> </h3> <p> <img alt="Πρόγραμμα Πληροφοριακής Παιδείας (ΠΠΠ)" title="Πρόγραμμα Πληροφοριακής Παιδείας (ΠΠΠ)" class="news-block-img pull-right" src="/thumbs/52/30473576.jpg"> Πρόγραμμα Πληροφοριακής Παιδείας (ΠΠΠ) Πρότυπα και Εργαλεία συγγραφής εργασίας LIB3: Εργαλείο διαχείρισης βιβλιογραφίας: Zotero 2014 Β.Κ.Π. - Πανεπιστήμιο Μακεδονίας Τμήμα Επιστημονικής Πληροφόρησης και </p> <a href="/30473576-Programma-pliroforiakis-paideias-ppp.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/43686050-Kefalaio-4-hypertext-markup-language-html-programmatistika-ergaleia-gia-to-diadiktyo-filippos-koytsakas-polygyros-2013.html">Κεφάλαιο 4 HyperText Markup Language - HTML. Προγραμματιστικά εργαλεία για το διαδίκτυο Φίλιππος Κουτσάκας, Πολύγυρος 2013</a> </h3> <p> <img alt="Κεφάλαιο 4 HyperText Markup Language - HTML. Προγραμματιστικά εργαλεία για το διαδίκτυο Φίλιππος Κουτσάκας, Πολύγυρος 2013" title="Κεφάλαιο 4 HyperText Markup Language - HTML. Προγραμματιστικά εργαλεία για το διαδίκτυο Φίλιππος Κουτσάκας, Πολύγυρος 2013" class="news-block-img pull-right" src="/thumbs/59/43686050.jpg"> Κεφάλαιο 4 HyperText Markup Language - HTML Προγραμματιστικά εργαλεία για το διαδίκτυο Φίλιππος Κουτσάκας, Πολύγυρος 2013 Τι είναι η HTML; Ένας τρόπος για να πεις στον σελιδομετρητή πώς να αναπαραστήσει </p> <a href="/43686050-Kefalaio-4-hypertext-markup-language-html-programmatistika-ergaleia-gia-to-diadiktyo-filippos-koytsakas-polygyros-2013.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/33823699-Diadiktyo-istoria-domi-ypiresies.html">Διαδίκτυο: Ιστορία, Δομή, Υπηρεσίες</a> </h3> <p> <img alt="Διαδίκτυο: Ιστορία, Δομή, Υπηρεσίες" title="Διαδίκτυο: Ιστορία, Δομή, Υπηρεσίες" class="news-block-img pull-right" src="/thumbs/54/33823699.jpg"> Διαδίκτυο: Ιστορία, Δομή, Υπηρεσίες 1 η Ερώτηση (Ορισμός): Τι είναι το Διαδίκτυο; Διαδίκτυο είναι το παγκόσμιο δίκτυο όλων των επιμέρους δικτύων που έχουν συμφωνήσει σε κοινούς κανόνες επικοινωνίας και </p> <a href="/33823699-Diadiktyo-istoria-domi-ypiresies.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/12277523-Emfanisi-kai-krypsimo-stoiheion.html">Εμφάνιση και κρύψιμο στοιχείων</a> </h3> <p> <img alt="Εμφάνιση και κρύψιμο στοιχείων" title="Εμφάνιση και κρύψιμο στοιχείων" class="news-block-img pull-right" src="/thumbs/27/12277523.jpg"> Δικτυακά Πολυμέσα ΙΙ Εργαστήριο #8 0 : Δυναμικά εφέ με χρήση CSS Γαβαλάς Δαμιανός dgavalas@aegean.gr Εμφάνιση και κρύψιμο στοιχείων Χρήση της ιδιότητας display με επιτρεπτές τιμές: none: κρύψιμο του στοιχείου </p> <a href="/12277523-Emfanisi-kai-krypsimo-stoiheion.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/34834381-Tsaoysakis-stayros-pe70-fyllo-ergasias-3.html">Τσαουσάκης Σταύρος ΠΕ70 ΦΥΛΛΟ ΕΡΓΑΣΙΑΣ 3</a> </h3> <p> <img alt="Τσαουσάκης Σταύρος ΠΕ70 ΦΥΛΛΟ ΕΡΓΑΣΙΑΣ 3" title="Τσαουσάκης Σταύρος ΠΕ70 ΦΥΛΛΟ ΕΡΓΑΣΙΑΣ 3" class="news-block-img pull-right" src="/thumbs/54/34834381.jpg"> Τσαουσάκης Σταύρος ΠΕ70 ΦΥΛΛΟ ΕΡΓΑΣΙΑΣ 3 1. Πηγαίνετε Έναρξη-Προγράµµατα-Microsoft Office-Microsoft Office PowerPoint 2003 και ανοίξτε το πρόγραµµα. 2. Εµφανίζεται η πρώτη διαφάνεια. 3. Κάντε κλικ και </p> <a href="/34834381-Tsaoysakis-stayros-pe70-fyllo-ergasias-3.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/31007132-Ergastirio-tehnologies-pliroforias-kai-epikoinonias-ston-toyrismo-2o-ergastirio-morfopoiisi-stin-html.html">ΕΡΓΑΣΤΗΡΙΟ: ΤΕΧΝΟΛΟΓΙΕΣ ΠΛΗΡΟΦΟΡΙΑΣ ΚΑΙ ΕΠΙΚΟΙΝΩΝΙΑΣ ΣΤΟΝ ΤΟΥΡΙΣΜΟ. 2o ΕΡΓΑΣΤΗΡΙΟ ΜΟΡΦΟΠΟΙΗΣΗ ΣΤΗΝ HTML</a> </h3> <p> <img alt="ΕΡΓΑΣΤΗΡΙΟ: ΤΕΧΝΟΛΟΓΙΕΣ ΠΛΗΡΟΦΟΡΙΑΣ ΚΑΙ ΕΠΙΚΟΙΝΩΝΙΑΣ ΣΤΟΝ ΤΟΥΡΙΣΜΟ. 2o ΕΡΓΑΣΤΗΡΙΟ ΜΟΡΦΟΠΟΙΗΣΗ ΣΤΗΝ HTML" title="ΕΡΓΑΣΤΗΡΙΟ: ΤΕΧΝΟΛΟΓΙΕΣ ΠΛΗΡΟΦΟΡΙΑΣ ΚΑΙ ΕΠΙΚΟΙΝΩΝΙΑΣ ΣΤΟΝ ΤΟΥΡΙΣΜΟ. 2o ΕΡΓΑΣΤΗΡΙΟ ΜΟΡΦΟΠΟΙΗΣΗ ΣΤΗΝ HTML" class="news-block-img pull-right" src="/thumbs/53/31007132.jpg"> ΕΡΓΑΣΤΗΡΙΟ: ΤΕΧΝΟΛΟΓΙΕΣ ΠΛΗΡΟΦΟΡΙΑΣ ΚΑΙ ΕΠΙΚΟΙΝΩΝΙΑΣ ΣΤΟΝ ΤΟΥΡΙΣΜΟ ΠΕΡΙΕΧΟΜΕΝΟ ΜΑΘΗΜΑΤΟΣ 2o ΕΡΓΑΣΤΗΡΙΟ ΜΟΡΦΟΠΟΙΗΣΗ ΣΤΗΝ HTML 1. Μορφοποίηση κειμένου Ετικέτες στυλ 2. Ιδιότητες ετικετών 3. Λίστες 4. Υπερσυνδέσεις </p> <a href="/31007132-Ergastirio-tehnologies-pliroforias-kai-epikoinonias-ston-toyrismo-2o-ergastirio-morfopoiisi-stin-html.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/41987025-Vima-1o-syndetheite-sto-systima-diaheirisis-toy-joomla-istohoroy-sas-i-dieythynsi-tha-einai.html">Βήμα 1ο. Συνδεθείτε στο σύστημα διαχείρισης του Joomla ιστοχώρου σας. Η διεύθυνση θα είναι:</a> </h3> <p> <img alt="Βήμα 1ο. Συνδεθείτε στο σύστημα διαχείρισης του Joomla ιστοχώρου σας. Η διεύθυνση θα είναι:" title="Βήμα 1ο. Συνδεθείτε στο σύστημα διαχείρισης του Joomla ιστοχώρου σας. Η διεύθυνση θα είναι:" class="news-block-img pull-right" src="/thumbs/58/41987025.jpg"> Βήμα 1ο Συνδεθείτε στο σύστημα διαχείρισης του Joomla ιστοχώρου σας. Η διεύθυνση θα είναι: http://www.onoma_site.gr/administrator και δώστε το όνομα χρήστη και τον κωδικό σας για τη διαχείριση. Βήμα 2ο </p> <a href="/41987025-Vima-1o-syndetheite-sto-systima-diaheirisis-toy-joomla-istohoroy-sas-i-dieythynsi-tha-einai.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/7982152-Pneymatika-dikaiomata-2013-idryma-ecdl-ecdl-foundation-www-ecdl-org.html">Πνευματικά Δικαιώματα 2013 Ίδρυμα ECDL (ECDL Foundation - www.ecdl.org)</a> </h3> <p> <img alt="Πνευματικά Δικαιώματα 2013 Ίδρυμα ECDL (ECDL Foundation - www.ecdl.org)" title="Πνευματικά Δικαιώματα 2013 Ίδρυμα ECDL (ECDL Foundation - www.ecdl.org)" class="news-block-img pull-right" src="/thumbs/26/7982152.jpg"> PEOPLECERT Hellas A.E - Φορέας Πιστοποίησης Ανθρώπινου Δυναμικού Κοραή 3, 105 64 Αθήνα, Τηλ.: 210 372 9100, Fax: 210 372 9101, e-mail: info@peoplecert.org, www.peoplecert.org Πνευματικά Δικαιώματα 2013 </p> <a href="/7982152-Pneymatika-dikaiomata-2013-idryma-ecdl-ecdl-foundation-www-ecdl-org.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/48515866-Simeioseis-sto-powerpoint.html">Σημειώσεις στο PowerPoint</a> </h3> <p> <img alt="Σημειώσεις στο PowerPoint" title="Σημειώσεις στο PowerPoint" class="news-block-img pull-right" src="/thumbs/63/48515866.jpg"> Σημειώσεις στο PowerPoint Τι είναι το PowerPoint; Το PowerPoint 2010 είναι μια οπτική και γραφική εφαρμογή που χρησιμοποιείται κυρίως για τη δημιουργία παρουσιάσεων. Με το PowerPoint, μπορείτε να δημιουργήσετε </p> <a href="/48515866-Simeioseis-sto-powerpoint.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/35042169-Ergastiriaki-askisi-4-morfopoiisi-keimenoy-meso-toy.html">Εργαστηριακή Άσκηση 4 Μορφοποίηση Κειμένου μέσω του</a> </h3> <p> <img alt="Εργαστηριακή Άσκηση 4 Μορφοποίηση Κειμένου μέσω του" title="Εργαστηριακή Άσκηση 4 Μορφοποίηση Κειμένου μέσω του" class="news-block-img pull-right" src="/thumbs/54/35042169.jpg"> Μορφοποίηση χαρακτήρων Όταν ανοίγουμε το Word η γραμματοσειρά που υπάρχει είναι προκαθορισμένη. Το πλαίσιο διαλόγου Γραμματοσειρά μας επιτρέπει να κάνουμε περισσότερες μορφοποιήσεις. Επιλέγουμε Μορφή Απόσταση </p> <a href="/35042169-Ergastiriaki-askisi-4-morfopoiisi-keimenoy-meso-toy.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> </div> <!-- END RIGHT SIDEBAR --> </div> </div> </div> <!-- END CONTENT --> </div> <!-- END SIDEBAR & CONTENT --> </div> </div> <!-- BEGIN FOOTER --> <div class="footer"> <div class="container"> <div class="row"> <!-- BEGIN COPYRIGHT --> <div class="col-md-10 col-sm-10 padding-top-10"> 2017 © DocPlayer.gr <a href="/support/privacy-policy/">Πολιτική Απορρήτου</a> | <a href="/support/terms-of-service/">Όροι Χρήσης</a> | <a href="/support/feedback/">Σχόλια</a> </div> <!-- END COPYRIGHT --> <!-- BEGIN PAYMENTS --> <div class="col-md-6 col-sm-6"> </div> <!-- END PAYMENTS --> </div> </div> </div> <!-- END FOOTER --> <!--[if lt IE 9]> <script src="/static/theme/global/plugins/respond.min.js"></script> <![endif]--> <script src="/static/js/611e8/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>