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

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

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

Transcript

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

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

3 Εισαγωγικές έννοιες Ψηφιακές - Ευφυείς Πόλεις - Εισαγωγή σε HTML και CSS 3

4 Τι είναι HTML (HyperText Markup Language) Xρησιμοποιείται για να περιγράψει (δομήσει) το περιεχόμενο σε μια ιστοσελίδα CSS (Cascading StyleSheets) Xρησιμοποιούνται για τη μορφοποίηση του δομημένου περιεχομένου της ιστοσελίδας Ψηφιακές - Ευφυείς Πόλεις - Εισαγωγή σε HTML και CSS 4

5 HTML vs CSS HTML Δομή και σημασία Επικεφαλίδες Κείμενο Εικόνες Συνδέσεις Βίντεο CSS Στυλ και εμφάνιση Μέγεθος, χρώμα, γραμματοσειρά κειμένου Χρώμα φόντου Περιγράμματα Περιθώρια Έντονα, πλαγιαστά, υπογραμμισμένα γράμματα Ψηφιακές - Ευφυείς Πόλεις - Εισαγωγή σε HTML και CSS 5

6 Ίδιο περιεχόμενο, διαφορετική εμφάνιση Βιβλίο Web Ψηφιακές - Ευφυείς Πόλεις - Εισαγωγή σε HTML και CSS 6

7 Ίδια εμφάνιση, διαφορετικό περιεχόμενο Web Βιβλίο Ψηφιακές - Ευφυείς Πόλεις - Εισαγωγή σε HTML και CSS 7

8 Πλεονεκτήματα από τον διαχωρισμό HTML & CSS Δυνατότητα για τον ταυτόχρονο έλεγχο της διάταξης (layout) πολλών εγγράφων από ένα μόνο αρχείο css, με συνέπεια: Ταχύτερη ανάπτυξη καθώς developers και designers δουλεύουν ταυτόχρονα Ευκολία στην αναβάθμιση του κώδικα Φορητότητα καθώς είναι δυνατή η εφαρμογή διαφορετικής διάταξης σε διαφορετικές εξόδους (οθόνη, εκτυπωτής) ή συσκευές (Η/Υ, tablet, κινητό). Προσβασιμότητα με χρήση css του χρήστη Ψηφιακές - Ευφυείς Πόλεις - Εισαγωγή σε HTML και CSS 8

9 Ορολογία και σύνταξη Ψηφιακές - Ευφυείς Πόλεις - Εισαγωγή σε HTML και CSS 9

10 Δημιουργία αρχείων HTML Χρησιμοποιούμε έναν απλό κειμενογράφο (Notepad, Notepad++, κλπ.) Ο κώδικας έχει τη μορφή απλού κειμένου Τα αρχεία έχουν κατάληξη.html Για να δούμε το αποτέλεσμα χρειαζόμαστε ένα browser (π.χ. Firefox, Chrome, Internet Explorer, Safari, κλπ.) Ο κώδικας τρέχει και τοπικά Ψηφιακές - Ευφυείς Πόλεις - Εισαγωγή σε HTML και CSS 10

11 Η πιο απλή σελίδα HTML Ένα αρχείο με κατάληξη.html (όχι.html.txt) που περιέχει σκέτο κείμενο Ψηφιακές - Ευφυείς Πόλεις - Εισαγωγή σε HTML και CSS 11

12 Βασικοί όροι της HTML Ένα ΗΤΜL έγγραφο περιέχει elements Τα elements περιέχουν: Πληροφορίες κείμενο, εικόνες, βίντεο, κλπ. Συνδέσεις σε άλλα έγγραφα, εικόνες, βίντεο κλπ. Άλλα elements Κάθε element, γενικά, αποτελείται από: Ετικέτες, περιεχόμενο και παραμέτρους Έχουμε δύο ειδών elements: Non empty Empty Ψηφιακές - Ευφυείς Πόλεις - Εισαγωγή σε HTML και CSS 12

13 Tags (Ετικέτες) Η HTML χρησιμοποιεί ένα αριθμό από ετικέτες (tags) για την μορφοποίηση κειμένου, τη δημιουργία συνδέσμων (links) μετάβασης ανάμεσα στις ιστοσελίδες, την εισαγωγή εικόνων, ήχου κ.α. Όταν ένας browser ανοίγει ένα αρχείο HTML οι ετικέτες μεταφράζονται σε κατάλληλα χαρακτηριστικά με αποτελέσματα στην εμφάνιση και στην λειτουργικότητα της συγκεκριμένης σελίδας. Ψηφιακές - Ευφυείς Πόλεις - Εισαγωγή σε HTML και CSS 13

14 Tags (Ετικέτες) <h1> </h1> Κάθε ετικέτα έχει όνομα: h1 Κάθε ετικέτα πρέπει να ανοίγει: <h1> Κάθε ετικέτα πρέπει να κλείνει: </h1> Ανάμεσα στο άνοιγμα και το κλείσιμο βρίσκεται το περιεχόμενο της ετικέτας. Υπάρχουν ετικέτες χωρίς περιεχόμενο (π.χ. <br /> Ψηφιακές - Ευφυείς Πόλεις - Εισαγωγή σε HTML και CSS 14

15 Attributes (Παράμετροι) Με τον όρο Attributes αναφερόμαστε σε παραμέτρους που χρησιμοποιούνται για να δώσουν επιπλέον πληροφορίες στα Elements. Συνήθως οι παράμετροι χρησιμοποιούνται για να ορίσουν ένα id, class, ή title σε ένα element, να καθορίσουν την πηγή (source) για τα media elements, ή να ορίσουν την αναφορά (href) σε μια υπερσύνδεση. Ψηφιακές - Ευφυείς Πόλεις - Εισαγωγή σε HTML και CSS 15

16 Η ανατομία ενός Element Opening tag Closing tag <h1 id= title >Αριστοτέλειο Πανεπιστήμιο</h1> Attribute Content <a href= >Αριστοτέλειο Πανεπιστήμιο</a> <img src= images/logo.png width= 100 height= 80 /> Ψηφιακές - Ευφυείς Πόλεις - Εισαγωγή σε HTML και CSS 16

17 Δομή και σύνταξη μιας σελίδας HTML Όλα τα έγγραφα HTML έχουν μια συγκεκριμένη δομή η οποία περιλαμβάνει: doctype: Τοποθετείται στην αρχή της σελίδας και δηλώνει την έκδοση της html που χρησιμοποιείται html: Δηλώνει την αρχή και το τέλος της σελίδας. head: Περιέχει meta-πληροφορίες (metadata) για τη σελίδα (τίτλος, λέξεις κλειδιά, κλπ.), και ενσωματώνει εξωτερικά αρχεία. Δεν είναι ορατό. body: Περιέχει το περιεχόμενο της σελίδας Ψηφιακές - Ευφυείς Πόλεις - Εισαγωγή σε HTML και CSS 17

18 Δομή και σύνταξη μιας σελίδας HTML <!DOCTYPE html> <html lang= el"> <head> <meta charset="utf-8"> <title>η πρώτη μου σελίδα</title> </head> <body> <h1>η πρώτη μου σελίδα</h1> <p>αυτή είναι η πρώτη μου html σελίδα.</p> </body> </html> Ψηφιακές - Ευφυείς Πόλεις - Εισαγωγή σε HTML και CSS 18

19 Ιεραρχική δομή Ένα tag μπορεί να περιέχει άλλα tags Τα tags δημιουργούν μια ιεραρχική δομή. Ό,τι ανοίγει πρώτο κλείνει τελευταίο <body> <h1>η πρώτη μου σελίδα </h1> <p>αυτή είναι η πρώτη μου html σελίδα.</p> </body> Τα tags h1 και p περιέχονται στο tag body Ψηφιακές - Ευφυείς Πόλεις - Εισαγωγή σε HTML και CSS 19

20 Σχέσεις ανάμεσα στα tags Α πατέρας του Β (parent) Α περιέχει άμεσα το Β Α παιδί του Β (child) Α περιέχεται άμεσα στο Β Α πρόγονος του Β (ancestor) Α περιέχει το Β Α απόγονος του Β (descendant) A περιέχεται στο Β Α αδερφός του Β (sibling) Α έχει κοινό πατέρα με το Β title head <html lang= el"> <head> <title>η σελίδα μου</title> </head> <body> <h1>η πρώτη μου σελίδα</h1> </body> </html> html p body h1 html ancestor of title, p, h1 html parent of head, body head, body children of html title, p, h1, descendant of html body parent of p, h1 p, h1 children of body p sibling with h1 etc. Ψηφιακές - Ευφυείς Πόλεις - Εισαγωγή σε HTML και CSS 20

21 Βασικοί όροι των CSS Selector (Επιλογέας): Καθορίζει σε ποια elements της HTML θα εφαρμοστούν οι κανόνες CSS. Declaration (Δήλωση): Καθορίζει το στυλ που θα εφαρμοστεί. Αποτελείται από το όνομα μιας ιδιότητας (Property) και την τιμή της (Value). selector (επιλογέας) { property (ιδιότητα): value (τιμή); } Ψηφιακές - Ευφυείς Πόλεις - Εισαγωγή σε HTML και CSS 21

22 Δομή και σύνταξη CSS Selector Properties body { font-size: 12px; color: white; background-color: black; } Declarations Values Ψηφιακές - Ευφυείς Πόλεις - Εισαγωγή σε HTML και CSS 22

23 Σχόλια σε αρχεία HTML και CSS Τα σχόλια χρησιμοποιούνται για την επεξήγηση του κώδικα, ώστε αυτός να είναι κατανοητός όχι μόνο από τρίτους αλλά και από τον ίδιο το συγγραφέα στο μέλλον. Δεν είναι εμφανή στον επισκέπτη της σελίδας. Τα σχόλια στην HTML αρχίζουν με <! - και τελειώνουν με --> Τα σχόλια στα CSS αρχίζουν με /* και τελειώνουν με */ Ψηφιακές - Ευφυείς Πόλεις - Εισαγωγή σε HTML και CSS 23

24 Ενσωμάτωση CSS στην HTML Η ενσωμάτωση των CSS γίνεται με 3 τρόπους: <! Σύνδεση εξωτερικού αρχείου --> <link rel="stylesheet" href="file.css"> Ο πιο ορθός τρόπος <! Εσωτερικά στην HTML σελίδα --> <style type="text/css"> p { color: blue; font-size: 16px; } </style> <! Εντός του HTML element --> <p style="color: #red; font-size: 16px;">Lorem ipsum dolor...</p> Ψηφιακές - Ευφυείς Πόλεις - Εισαγωγή σε HTML και CSS 24

25 Διαδοχικότητα (Cascading) στα CSS Μπορούμε σε ένα έγγραφο HTML να ενσωματώσουμε πολλαπλά αρχεία css. Όσο πιο κοντά είναι μια δήλωση σε ένα HTML tag τόσο πιο ισχυρή είναι. Για παράδειγμα στην προηγούμενη διαφάνεια το κείμενο της παραγράφου: <p style="color: #red; font-size: 16px;"> θα είναι κόκκινο ενώ το υπόλοιπο κείμενο του εγγράφου θα είναι μπλε. Αν μια ιδιότητα δεν προσδιορίζεται κληρονομείται από τον πρόγονο που την έχει. Ψηφιακές - Ευφυείς Πόλεις - Εισαγωγή σε HTML και CSS 25

26 Κείμενο σε HTML έγγραφα Ψηφιακές - Ευφυείς Πόλεις - Εισαγωγή σε HTML και CSS 26

27 Επικεφαλίδες 6 επικεφαλίδες, h1 έως h6 <h1> επικεφαλίδα 1 </h1> <h2> επικεφαλίδα 2 </h2> <h6> επικεφαλίδα 6 </h6> Η επικεφαλίδα h1 χρησιμοποιείται μόνο 1 φορά σε κάθε σελίδα Ψηφιακές - Ευφυείς Πόλεις - Εισαγωγή σε HTML και CSS 27

28 <h1> Επικεφαλίδες <h2> <h3> <h3> Ψηφιακές - Ευφυείς Πόλεις - Εισαγωγή σε HTML και CSS 28

29 Παράγραφοι <p>αυτή είναι η πρώτη μου σελίδα.</p> Η HTML αγνοεί τις τόσο τις αλλαγές γραμμών όσο και τα κενά. Τα αντικαθιστά με ένα κενο. Για αλλαγή γραμμής <br /> <p>αυτή είναι η πρώτη μου σελίδα. Είμαι πολύ χαρούμενος!</p> Αυτή είναι η πρώτη μου σελίδα. Είμαι πολύ χαρούμενος! Ψηφιακές - Ευφυείς Πόλεις - Εισαγωγή σε HTML και CSS 29

30 Λίστες Αριθμημένες <ol> <li>...</li> <li>...</li> <li>...</li>... </ol> Μη αριθμημένες <ul> <li>...</li> <li>...</li> <li>...</li>... </ul> Λίστες ορισμών <dl> <dt>...</dt> <dd>...</dd> <dd>...</dd> </dl> Ψηφιακές - Ευφυείς Πόλεις - Εισαγωγή σε HTML και CSS 30

31 Λίστες μέσα σε λίστες (Εμφώλευση) <ol> <li>.</li> <li> <ul> <li>.</li> <li>.</li> </ul> </li> </ol> Ψηφιακές - Ευφυείς Πόλεις - Εισαγωγή σε HTML και CSS 31

32 Άλλα στοιχεία <strong>.</strong> Συνήθως έντονη γραφή <em> </em> Συνήθως πλάγια γραφή <pre>..</pre> Το κείμενο διατηρεί τη μορφοποίησή του <blockquote >...</ blockquote> Το κείμενο ξεχωρίζει από το υπόλοιπο Ψηφιακές - Ευφυείς Πόλεις - Εισαγωγή σε HTML και CSS 32

33 Το χρώμα color: Ορίζει το χρώμα του κειμένου background-color: Ορίζει το χρώμα του φόντου border-color: Ορίζει το χρώμα του περιγράμματος <p>αυτή είναι η πρώτη μου σελίδα.</p> p { } color: white; background-color: gray; border-color: black Αυτή είναι η πρώτη μου σελίδα. Ψηφιακές - Ευφυείς Πόλεις - Εισαγωγή σε HTML και CSS 33

34 Δημιουργία χρώματος Χαρτί Οθόνη Μοντέλο CMYK Μοντέλο RGB Ψηφιακές - Ευφυείς Πόλεις - Εισαγωγή σε HTML και CSS 34

35 Ορισμός χρωμάτων στο Web Ψηφιακές - Ευφυείς Πόλεις - Εισαγωγή σε HTML και CSS 35

36 Δήλωση χρώματος Keyword (red, green, blue, κλπ) Δεκαδική rgb τιμή (rgb(255,0,0), rgb(0,255,0)) Ποσοστό rgb (rgb(100%,0%,0%) rgb(0%,100%,0%) ) Δεκαεξαδική rgb τιμή (#ff0000, #00ff00 ) Ψηφιακές - Ευφυείς Πόλεις - Εισαγωγή σε HTML και CSS 36

37 16 Προκαθορισμένα χρώματα Ψηφιακές - Ευφυείς Πόλεις - Εισαγωγή σε HTML και CSS 37

38 Χρώματα RGB # κόκκινος συντελεστής μπλε συντελεστής πράσινος συντελεστής body { color: ffee66; background-color: #951905; } Αυτή είναι η πρώτη μου σελίδα. Ψηφιακές - Ευφυείς Πόλεις - Εισαγωγή σε HTML και CSS 38

39 Ιδιότητες γραμματοσειράς Οικογένεια font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; Αν δεν υπάρχει εγκατεστημένη στον υπολογιστή του χρήστη η πρώτη ο browser χρησιμοποιεί τη 2 η κ.ο.κ Μέγεθος font-size: 13px; (px, em, pt, %, keyword) px, pt, keyword: απόλυτη τιμή em, %: σχετική με μια προκαθορισμένη τιμή Στυλ font-style: italic; (normal, italic, oblique) Ψηφιακές - Ευφυείς Πόλεις - Εισαγωγή σε HTML και CSS 39

40 Ιδιότητες γραμματοσειράς (συνέχεια) Παραλλαγές font-variant: small-caps; (normal, small-caps) Πάχος font-weight: bold; (normal, bold, bolder, lighter ή 100, 200, 300, 400, 500, 600, 700, 800 και 900) Απόσταση ανάμεσα στις γραμμές: line-height: 150% (px, em, pt, %) Ψηφιακές - Ευφυείς Πόλεις - Εισαγωγή σε HTML και CSS 40

41 Ιδιότητες γραμματοσειράς - Συντομογραφία Οι ιδιότητες της γραμματοσειράς μπορούν να γραφούν πιο σύντομα με τη χρήση της ιδιότητας font ακολουθούμενης από τις τιμές με την παρακάτω σειριά: font-style, font-variant, font-weight, font-size, lineheight, και font-family Δε χρησιμοποιούμε κόμμα παρά μόνο ανάμεσα στα ονόματα των γραμματοσειρών, ενώ χρησιμοποιούμε το / για να χωρίσουμε το font-size με το line-height. Υποχρεωτικές μόνο οι τιμές font-size και font-family. p { } font: italic small-caps bold 13px/20px Arial, Helvetica, sans-serif; Ψηφιακές - Ευφυείς Πόλεις - Εισαγωγή σε HTML και CSS 41

42 Άλλες ιδιότητες του κειμένου Στοίχιση text-align: left; (left, right, center, justify) Διακόσμηση (Decoration) text-decoration: underline; (none, underline, overline, line-through, blink) Εσοχή text-indent: 20px; (px, em, pt, %,) Σκιά text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3); (text-shadow: x y blur color) Ψηφιακές - Ευφυείς Πόλεις - Εισαγωγή σε HTML και CSS 42

43 Άλλες ιδιότητες του κειμένου (συνέχεια) Μετασχηματισμός text-transform: uppercase; (none, capitalize, uppercase, lowercase, and inherit.) Απόσταση μεταξύ των γραμμάτων letter-spacing: -.5em; (px, em, pt, %,) Απόσταση μεταξύ των λέξεων word-spacing:.25em; (px, em, pt, %,) Ψηφιακές - Ευφυείς Πόλεις - Εισαγωγή σε HTML και CSS 43

44 Σύνδεσμοι (Hyperlinks) Ψηφιακές - Ευφυείς Πόλεις - Εισαγωγή σε HTML και CSS 44

45 Σύνδεσμοι (Hyperlinks) <a href="http://www.urenio.org">urenio</a> <a>: ορίζει το σύνδεσμο href: ορίζει τη διεύθυνση Η διεύθυνση μπορεί να είναι απόλυτη ή σχετική Η απόλυτη ξεκινά με το πρωτόκολλο (http://www.auth.gr, https://twitter.com/intelcities) Η σχετική ορίζεται ως προς τη θέση του εγγράφου που την περιέχει (lessons/, lessons/digital-city.html) Ψηφιακές - Ευφυείς Πόλεις - Εισαγωγή σε HTML και CSS 45

46 Σύνδεσμοι (συνέχεια) Συνδέσεις σε περιοχές του εγγράφου <a href="#lesson1">digital Cities</a> <div id="lesson1 ">Awesome Section</div> Συνδέσεις σε διευθύνσεις <a Αποστολή </a> Άνοιγμα σε νέο παράθυρο <a href="http://www.urenio.org/" target="_blank">urenio Website</a> Ψηφιακές - Ευφυείς Πόλεις - Εισαγωγή σε HTML και CSS 46

ΗTML και XHTML Βασικές. Βασική σύνταξη HTML και HTML Ηδομή μιας HTML σελίδας

ΗTML και XHTML Βασικές. Βασική σύνταξη HTML και HTML Ηδομή μιας HTML σελίδας ΗTML και XHTML Βασικές έννοιες Βασική σύνταξη HTML και HTML Ηδομή μιας HTML σελίδας Η γραμματική της ΗΤML Όπως κάθε γλώσσα έχει μια γραμματική

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

ΕΙΣΑΓΩΓΗ ΣΤΗΝ HTML. Decode, ISSEL. Θεοδόσης Σουργκούνης Αντώνης Χρυσόπουλος Στέλιος Μόσχογλου

ΕΙΣΑΓΩΓΗ ΣΤΗΝ HTML. Decode, ISSEL. Θεοδόσης Σουργκούνης Αντώνης Χρυσόπουλος Στέλιος Μόσχογλου ΕΙΣΑΓΩΓΗ ΣΤΗΝ HTML Θεοδόσης Σουργκούνης Αντώνης Χρυσόπουλος Στέλιος Μόσχογλου Decode, ISSEL Τμήμα Ηλεκτρολόγων Μηχανικών και Μηχανικών Υπολογιστών, Αριστοτέλειο Πανεπιστήμιο Θεσσαλονίκης Στόχος της ώρας

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

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

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

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

HTML... 1. Εισαγωγή στην HTML και τα CSS

HTML... 1. Εισαγωγή στην HTML και τα CSS HTML...... 1 Εισαγωγή στην HTML και τα CSS HTML...... 2 HTML. H HTML (HYPERTEXT MARKUP LANGUAGE), είναι µία γλώσσα η οποία «λέει» στον υπολογιστή πως θα πρέπει να εµφανίσει µία ιστοσελίδα. Τα αρχεία στα

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

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

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

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

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

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

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

Εισαγωγή στο CSS Από: Λία Βέρου

Εισαγωγή στο CSS Από: Λία Βέρου Εισαγωγή στο CSS Από: Λία Βέρου Τι είναι το CSS (Cascading Style Sheets); To CSS είναι μια απλή γλώσσα που μας βοηθάει να ορίσουμε με σαφήνεια και ιδιαίτερη ευελιξία τον τρόπο με τον οποίο θα εμφανίζονται

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

Εισαγωγή στο CSS Από: Μιχαήλια Κομβούτη Βέρου

Εισαγωγή στο CSS Από: Μιχαήλια Κομβούτη Βέρου Εισαγωγή στο CSS Από: Μιχαήλια Κομβούτη Βέρου Τι είναι το CSS (Cascading Style Sheets); To CSS είναι μια απλή γλώσσα που μας βοηθάει να ορίσουμε με σαφήνεια και ιδιαίτερη ευελιξία τον τρόπο με τον οποίο

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

Η Γλώσσα Προγραμματισμού του Internet HTML

Η Γλώσσα Προγραμματισμού του Internet HTML Η Γλώσσα Προγραμματισμού του Internet HTML Η HTML και το Internet Κάθε σελίδα που εμφανίζεται στο Internet είναι ένα αρχείο γραμμένο με τη γλώσσα HTML (HyperText Markup Language, Γλώσσα Χαρακτηρισμού Υπερ-Κειμένου),

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

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

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

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

ΠΤΥΧΙΑΚΗ ΕΡΓΑΣΙΑ. Σχεδιασμός και υλοποίηση βάσης δεδομένων οδηγών επαγγελμάτων / ειδικοτήτων ΤΕΙ. Αρ. Μητρώου: 04/2557

ΠΤΥΧΙΑΚΗ ΕΡΓΑΣΙΑ. Σχεδιασμός και υλοποίηση βάσης δεδομένων οδηγών επαγγελμάτων / ειδικοτήτων ΤΕΙ. Αρ. Μητρώου: 04/2557 ΠΤΥΧΙΑΚΗ ΕΡΓΑΣΙΑ Σχεδιασμός και υλοποίηση βάσης δεδομένων οδηγών επαγγελμάτων / ειδικοτήτων ΤΕΙ Της φοιτήτριας Τσαντοπούλου Βαΐα- Αικατερίνη Επιβλέπων καθηγητής Βασίλης Κώστογλου Αρ. Μητρώου: 04/2557 Θεσσαλονίκη

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

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

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

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

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

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

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

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

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

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

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

ΣΧΕΔΙΑΣΜΟΣ ΠΡΟΣΑΡΜΟ- ΣΤΙΚΩΝ ΙΣΤΟ- ΤΟΠΩΝ ΣΧΕΔΙΑΣΜΟΣ ΠΡΟΣΑΡΜΟ- ΣΤΙΚΩΝ ΙΣΤΟ- ΤΟΠΩΝ 4.1. Εισαγωγή Το παρόν κεφάλαιο πραγματεύεται τις αρχές του προσαρμοστικού σχεδιασμού στον ιστό. Εξηγεί την ανάγκη που οδήγησε στην επινόηση του προσαρμοστικού σχεδιασμού

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

ΕΦΑΡΜΟΓΕΣ ΔΙΑΔΙΚΤΥΟΥ ΓΙΑ ΚΟΙΝΩΝΙΚΗ ΚΑΙ ΨΥΧΟΛΟΓΙΚΗ ΥΠΟΣΤΗΡΙΞΗ ΦΟΙΤΗΤΙΚΩΝ ΠΛΗΘΥΣΜΩΝ

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

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

Εισαγωγή στο Word. Κεντρική οθόνη του Word

Εισαγωγή στο Word. Κεντρική οθόνη του Word Εισαγωγή στο Word Το Word είναι το δημοφιλέστερο πρόγραμμα επεξεργασίας κειμένου. Τα κύρια χαρακτηριστικά του είναι η εύκολη και γρήγορη δημιουργία και επεξεργασία εγγράφων. Κεντρική οθόνη του Word Το

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

Telecommunications με τη χρήση του. "Κατασκευή ιστοσελίδας. προγράμματος Adobe Dreamweaver" Τ.Ε.Ι. ΠΕΙΡΑΙΑ ΤΙΤ ΛΟΣ ΠΤΥΧΙΑΚΗΣ ..._

Telecommunications με τη χρήση του. Κατασκευή ιστοσελίδας. προγράμματος Adobe Dreamweaver Τ.Ε.Ι. ΠΕΙΡΑΙΑ ΤΙΤ ΛΟΣ ΠΤΥΧΙΑΚΗΣ ..._ .. Τ.Ε.Ι. ΠΕΙΡΑΙΑ ΤΜΗΜΑ ΗΛΕΚΤΡΟΝΙΚΩΝ ΥΠΟΛΟΓΙΣΤΙΚΩΝ ΣΥΣΤΗΜΑΤΩΝ...._ ΤΙΤ ΛΟΣ ΠΤΥΧΙΑΚΗΣ "Κατασκευή ιστοσελίδας Telecommunications με τη χρήση του προγράμματος Adobe Dreamweaver" ΣΠΟΥΔΑΣΤΗΣ: ΤΣΙΓΚΡΙΜΑΝΗΣ ΒΑΣΙΛΕΙΟΣ

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

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

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

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

Ανοιχτά Ακαδημαϊκά Μαθήματα στο ΠΑΜΑΚ

Ανοιχτά Ακαδημαϊκά Μαθήματα στο ΠΑΜΑΚ ΕΛΛΗΝΙΚΗ ΔΗΜΟΚΡΑΤΙΑ ΠΑΝΕΠΙΣΤΗΜΙΟ ΜΑΚΕΔΟΝΙΑΣ Ανοιχτά Ακαδημαϊκά Μαθήματα στο ΠΑΜΑΚ Σεμινάριο Ενημέρωσης: 26 Σεπτεμβρίου 2013 Επιστημονικός Υπεύθυνος Έργου: Καθηγητής Μάνος Ρουμελιώτης Άδειες Χρήσης Το παρόν

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

ηµιουργία ιστοσελίδων µε το 1 Microsoft FrontPage

ηµιουργία ιστοσελίδων µε το 1 Microsoft FrontPage ηµιουργία ιστοσελίδων µε το 1 Microsoft FrontPage Τι είναι µια ιστοσελίδα (Web page); Μια ιστοσελίδα (web page) είναι ένα αρχείο που εµφανίζεται στην οθόνη του υπολογιστή από ένα πρόγραµµα που λέγεται

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

ΔΙΑΔΥΚΤΙΑΚΗ ΠΑΡΟΥΣΙΑΣΗ ΜΙΑΣ ΞΕΝΟΔΟΧΕΙΑΚΗΣ ΜΟΝΑΔΑΣ

ΔΙΑΔΥΚΤΙΑΚΗ ΠΑΡΟΥΣΙΑΣΗ ΜΙΑΣ ΞΕΝΟΔΟΧΕΙΑΚΗΣ ΜΟΝΑΔΑΣ ΑΝΩΤΑΤΟ ΤΕΧΝΟΛΟΓΙΚΟ ΙΔΡΥΜΑ ΠΕΙΡΑΙΑ ΤΜΗΜΑ ΧΡΗΜΑΤΟΟΙΚΟΝΟΜΙΚΗΣ ΚΑΙ ΛΟΓΙΣΤΙΚΗΣ ΠΤΥΧΙΑΚΗ ΕΡΓΑΣΙΑ ΔΙΑΔΥΚΤΙΑΚΗ ΠΑΡΟΥΣΙΑΣΗ ΜΙΑΣ ΞΕΝΟΔΟΧΕΙΑΚΗΣ ΜΟΝΑΔΑΣ WEB PRESENTATION OF A HOTEL UNIT ΕΠΙΒΛΕΠΩΝ ΚΑΘΗΓΗΤΗΣ:ΚΟΣΣΙΕΡΗ

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

Περιεχόμενα με μια ματιά

Περιεχόμενα με μια ματιά Περιεχόμενα με μια ματιά Ευχαριστίες... 6 Εισαγωγή... 17 Κεφάλαιο 1 Τα δομικά στοιχεία των ιστοσελίδων... 27 Κεφάλαιο 2 Εργασία με αρχεία ιστοσελίδων... 51 Κεφάλαιο 3 Η βασική δομή της HTML... 67 Κεφάλαιο

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

Εισαγωγή 6. Word Οnline 8. Το συνδρομητικό Word 13. Το περιβάλλον εργασίας 20. Κεντρικός έλεγχος από την καρτέλα «Αρχείο» 37

Εισαγωγή 6. Word Οnline 8. Το συνδρομητικό Word 13. Το περιβάλλον εργασίας 20. Κεντρικός έλεγχος από την καρτέλα «Αρχείο» 37 περιεχόμενα Εισαγωγή 6 Word Οnline 8 Το συνδρομητικό Word 13 Το περιβάλλον εργασίας 20 Κεντρικός έλεγχος από την καρτέλα «Αρχείο» 37 Πλοήγηση και αναζητήσεις στο έγγραφο 48 Μορφοποίηση κειμένου 53 Εμπλουτισμός

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

ΕΞΕΤΑΣΤΕΑ ΥΛΗ - SYLLABUS Version 1.0.1

ΕΞΕΤΑΣΤΕΑ ΥΛΗ - SYLLABUS Version 1.0.1 ΕΞΕΤΑΣΤΕΑ ΥΛΗ - SYLLABUS Version 1.0.1 ΓΝΩΣΤΙΚΑ ΑΝΤΙΚΕΙΜΕΝΑ Χρήση Η/Υ και διαχείριση αρχείων Επεξεργασία κειμένων Υπολογιστικά φύλλα Υπηρεσίες διαδικτύου Βάσεις δεδομένων Παρουσιάσεις ΣΥΣΤΗΜΑ ΕΞΕΤΑΣΕΩΝ

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

Οδηγίες για προσθήκη Web Frames Tools to the Quick Access Bar σε μεταγενέστερη έκδοση του Word

Οδηγίες για προσθήκη Web Frames Tools to the Quick Access Bar σε μεταγενέστερη έκδοση του Word Οδηγίες για προσθήκη Web Frames Tools to the Quick Access Bar σε μεταγενέστερη έκδοση του Word Επειδή οι μεταγενέστερες εκδόσεις του Word δεν περιλαμβάνουν στο μενού τη δυνατότητα δημιουργίας πολλαπλών

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

Επιβλέπων Καθηγητής : Τσιαντής Λεωνίδας Φοιτητής : Μακρής Γεώργιος

Επιβλέπων Καθηγητής : Τσιαντής Λεωνίδας Φοιτητής : Μακρής Γεώργιος Επιβλέπων Καθηγητής : Τσιαντής Λεωνίδας Φοιτητής : Μακρής Γεώργιος Δημιουργία Web Site Λογισμικό Ανάπτυξης Dreamweaver MX (Oρισμός του Site(Τα αρχεία του Site να είναι τοποθετημένα σε μια θέση την οποία

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

Γλώσσες'Σήμανσης' 'Markup' Languages

Γλώσσες'Σήμανσης' 'Markup' Languages Ανασκόπηση Γλώσσες Σήμανσης Γλώσσες'Σήμανσης' 'Markup' Languages Εισαγωγή στην HTML Βασικές έννοιες Σύνταξη Στοιχείων HTML Δομή αρχείων HTML Μοντέλο Αντικειμένου Εγγράφων (DOM) Σημασιολογία Καλές Πρακτικές

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

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

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

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

ENTER. Εκπαιδευτικά σημεία: Εκπαιδευτικό Λογισμικό για τις ενότητες του ECDL (2, 3, 4, 5, 6 και 7)

ENTER. Εκπαιδευτικά σημεία: Εκπαιδευτικό Λογισμικό για τις ενότητες του ECDL (2, 3, 4, 5, 6 και 7) ENTER Εκπαιδευτικό Λογισμικό για τις ενότητες του ECDL (2, 3, 4, 5, 6 και 7) Εκπαιδευτικά σημεία: Είναι πιστοποιημένο από την ECDL Καλύπτει θεματικά όλη την εξετεσταέα ύλη του Syllabus 4.0 της ECDL. Στην

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

Επιστηµονική ραστηριότητα ΠΘ1: Τεχνική Υποστήριξη.

Επιστηµονική ραστηριότητα ΠΘ1: Τεχνική Υποστήριξη. Επιστηµονική ραστηριότητα ΠΘ1: Τεχνική Υποστήριξη. Επεξεργασία υπάρχοντος υλικού του Κόµβου ΠΕΡΙΕΧΟΜΕΝΑ 1.Εισαγωγή-Ο υπάρχων κόµβος. 2 2. Σκοπός του προγράµµατος - Προδιαγραφές. 2 3. Τεχνολογία Υλοποίησης

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

Το βασικά χαρακτηριστικά που διαθέτει out-of-the-box (δηλαδή από την αρχική του έκδοση) είναι τα παρακάτω:

Το βασικά χαρακτηριστικά που διαθέτει out-of-the-box (δηλαδή από την αρχική του έκδοση) είναι τα παρακάτω: melissa.cms - το απόλυτο εργαλείο για δηµιουργήσετε την ιστοσελίδα σας To meliisa.cms είναι ένα σύστηµα ανοιχτής αρχιτεκτονικής διαχείρισης περιεχοµένου ιστοσελίδων. Σας επιτρέπει να το χρησιµοποιείται

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

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

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

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

ΜΑΘΗΜΑ: Εργαλεία Ανάπτυξης εφαρμογών internet.

ΜΑΘΗΜΑ: Εργαλεία Ανάπτυξης εφαρμογών internet. ΜΑΘΗΜΑ: Εργαλεία Ανάπτυξης εφαρμογών internet. ΩΡΕΣ ΔΙΔΑΣΚΑΛΙΑΣ: ΕΙΔΟΣ ΜΑΘΗΜΑΤΟΣ: Μικτό Γενικός σκοπός είναι να αποκτήσει ο καταρτιζόμενος τις αναγκαίες γνώσεις σχετικά με εργαλεία και τις τεχνικές για

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

Πτυχιακή Εργασία. Τεχνολογικό Εκπαιδευτικό Ίδρυμα Καβάλας ΣΧΟΛΗ ΔΙΟΙΚΗΣΗΣ ΚΑΙ ΟΙΚΟΝΟΜΙΑΣ ΤΜΗΜΑ ΔΙΑΧΕΙΡΙΣΗΣ ΠΛΗΡΟΦΟΡΙΩΝ. «Ηλεκτρονική Εφαρμογή e-hotel»

Πτυχιακή Εργασία. Τεχνολογικό Εκπαιδευτικό Ίδρυμα Καβάλας ΣΧΟΛΗ ΔΙΟΙΚΗΣΗΣ ΚΑΙ ΟΙΚΟΝΟΜΙΑΣ ΤΜΗΜΑ ΔΙΑΧΕΙΡΙΣΗΣ ΠΛΗΡΟΦΟΡΙΩΝ. «Ηλεκτρονική Εφαρμογή e-hotel» Τεχνολογικό Εκπαιδευτικό Ίδρυμα Καβάλας ΣΧΟΛΗ ΔΙΟΙΚΗΣΗΣ ΚΑΙ ΟΙΚΟΝΟΜΙΑΣ ΤΜΗΜΑ ΔΙΑΧΕΙΡΙΣΗΣ ΠΛΗΡΟΦΟΡΙΩΝ Πτυχιακή Εργασία «Ηλεκτρονική Εφαρμογή e-hotel» Σπουδαστής Μοσχόβης Κωνσταντίνος Επιβλέπων καθηγητής

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

Κατασκευή ιστοσελίδων (FrontPage)

Κατασκευή ιστοσελίδων (FrontPage) Κατασκευή ιστοσελίδων (FrontPage) Γραµµή τίτλου Γραµµή µενού Γραµµή εργαλείων Μορφοποίηση Εικόνα Πίνακες και περιγράµµατα Όταν ανοίγουµε το FrontPage, ανοίγει αυτόµατα µία νέα σελίδα. (Στο FrontPage τα

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

ΤΕΧΝΟΛΟΓΙΕΣ ΣΧΕΔΙΑΣΗΣ ΔΙΑΔΙΚΤΥΑΚΟΥ ΤΟΠΟΥ (Web Site Design Technologies)

ΤΕΧΝΟΛΟΓΙΕΣ ΣΧΕΔΙΑΣΗΣ ΔΙΑΔΙΚΤΥΑΚΟΥ ΤΟΠΟΥ (Web Site Design Technologies) ΕΠΛ 012 ΤΕΧΝΟΛΟΓΙΕΣ ΣΧΕΔΙΑΣΗΣ ΔΙΑΔΙΚΤΥΑΚΟΥ ΤΟΠΟΥ (Web Site Design Technologies) Διδάσκων Καθηγητής: Δημήτριος Τσουμάκος Εαρινό Εξάμηνο 2010 Βασικές Πληροφορίες Πότε: Δευτέρα & Πέμπτη 10:30-12μμ Πού: ΧΩΔ01

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

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

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

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

Εισαγωγή στην ASP.NET 4.0

Εισαγωγή στην ASP.NET 4.0 Εισαγωγή στην ASP.NET 4.0 Σημειώσεις Σεμιναρίου Επιμέλεια: Βασίλης Κόλιας Ενότητα 1 Το Web και η αρχιτεκτονική του HyperText Markup Language Cascading Style Sheets 1.0.0 Πίνακας Περιεχομένων Πίνακας Περιεχομένων...

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

ΧΡΗΣΗ Η/Υ & ΙΑΧΕΙΡΙΣΗ ΑΡΧΕΙΩΝ

ΧΡΗΣΗ Η/Υ & ΙΑΧΕΙΡΙΣΗ ΑΡΧΕΙΩΝ ΧΡΗΣΗ Η/Υ & ΙΑΧΕΙΡΙΣΗ ΑΡΧΕΙΩΝ ΠΕΡΙΒΑΛΛΟΝ ΗΛΕΚΤΡΟΝΙΚΟΥ ΥΠΟΛΟΓΙΣΤΗ Βασικές Λειτουργίες και Ρυθµίσεις 48.1.α.α1 48.1.α.α2 48.1.α.α3 48.1.α.α4 48.1.α.α5 48.1.α.α6 48.1.α.α7 48.1.α.α8 Εκκίνηση, Τερµατισµός,

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

ΥΠΟΥΡΓΕΙΟ ΕΘΝΙΚΗΣ ΠΑΙΔΕΙΑΣ ΚΑΙ ΘΡΗΣΚΕΥΜΑΤΩΝ ΓΕΝΙΚΗ ΓΡΑΜΜΑΤΕΙΑ ΕΚΠΑΙΔΕΥΣΗΣ ΕΝΗΑΙΚΠΝ ΙΝΣΤΙΤΟΥΤΟ ΔΙΑΡΚΟΥΣ ΕΚΠΑΙΔΕΥΣΗΣ ΕΝΗΑΙΚΠΝ

ΥΠΟΥΡΓΕΙΟ ΕΘΝΙΚΗΣ ΠΑΙΔΕΙΑΣ ΚΑΙ ΘΡΗΣΚΕΥΜΑΤΩΝ ΓΕΝΙΚΗ ΓΡΑΜΜΑΤΕΙΑ ΕΚΠΑΙΔΕΥΣΗΣ ΕΝΗΑΙΚΠΝ ΙΝΣΤΙΤΟΥΤΟ ΔΙΑΡΚΟΥΣ ΕΚΠΑΙΔΕΥΣΗΣ ΕΝΗΑΙΚΠΝ ΥΠΟΥΡΓΕΙΟ ΕΘΝΙΚΗΣ ΠΑΙΔΕΙΑΣ ΚΑΙ ΘΡΗΣΚΕΥΜΑΤΩΝ ΓΕΝΙΚΗ ΓΡΑΜΜΑΤΕΙΑ ΕΚΠΑΙΔΕΥΣΗΣ ΕΝΗΑΙΚΠΝ ΙΝΣΤΙΤΟΥΤΟ ΔΙΑΡΚΟΥΣ ΕΚΠΑΙΔΕΥΣΗΣ ΕΝΗΑΙΚΠΝ ΤΕΧΝΟΛΟΓΙΕΣ ΠΛΗΡΟΦΟΡΙΚΗΣ- ΕΠΙΚΟΙΝΩΝΙΩΝ ΠΛΗΡΟΦΟΡΙΚΗ V: ΠΟΛΥΜΕΣΑ ΚΑΙ WEB PUBLISHING

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

Εισαγωγή(στη(γλώσσα(XML(

Εισαγωγή(στη(γλώσσα(XML( Εισαγωγή(στη(γλώσσα(XML( Μανόλης(Γεργατσούλης(( Χρήστος(Παπαθεοδώρου( Ομάδα(Βάσεων(Δεδομένων(και(Πληροφοριακών( Συστημάτων,(Τμήμα(Αρχειονομίας( (Βιβλιοθηκονομίας(( Ιόνιο(Πανεπιστήμιο( HTML(! Απλή(γλώσσα&σημειοθέτησης((markup&language)(!

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

Εργαστήριο #10 (Ε10) 1

Εργαστήριο #10 (Ε10) 1 Εργαστήριο #10 Από τα προηγούμενα εργαστήρια......θα χρειαστείτε ορισμένες από τις οδηγίες μορφοποίησης CSS (ανατρέξτε στις εκφωνήσεις του 8 ου και 9 ου εργαστηρίου).! Οδηγίες Στη δυναμική δημιουργία ιστοσελίδων

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

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

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

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

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

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

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

PowerPoint 2007. Δημιουργία βασικής παρουσίασης στο PowerPoint 2007. Καθορισμός του αριθμού των διαφανειών που χρειάζονται

PowerPoint 2007. Δημιουργία βασικής παρουσίασης στο PowerPoint 2007. Καθορισμός του αριθμού των διαφανειών που χρειάζονται PowerPoint 2007 Δημιουργία παρουσίασης Δημιουργία βασικής παρουσίασης στο PowerPoint 2007 Γνωρίστε το χώρο εργασίας του PowerPoint Ονομασία και αποθήκευση της παρουσίασής σας Προσθήκη, αναδιάταξη και διαγραφή

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

Ανοικτά Ψηφιακά Μαθήματα στο Πανεπιστήμιο Δυτικής Μακεδονίας

Ανοικτά Ψηφιακά Μαθήματα στο Πανεπιστήμιο Δυτικής Μακεδονίας Ανοικτά Ψηφιακά Μαθήματα στο Πανεπιστήμιο Δυτικής Μακεδονίας Σύνδεσμος: http://opencourses.uowm.gr/ «Κεντρικό Μητρώο Ελληνικών Ανοικτών Μαθημάτων» Σύνδεσμος: http://ocw-project.gunet.gr Πίνακας περιεχομένων

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

Επεξεργασία Κειμένου - Microsoft Word

Επεξεργασία Κειμένου - Microsoft Word Επεξεργασία Κειμένου - Microsoft Word 1) Έναρξη 1.1) Εκκίνηση Για να ξεκινήσουμε το Word, πατάμε στο κουμπί Εναρξη και από το μενού που εμφανίζεται επιλέγουμε Προγράμματα και Microsoft Word. Η εφαρμογή

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

Τίτλος Πακέτου Certified Computer User-ACTA

Τίτλος Πακέτου Certified Computer User-ACTA Κωδικός Πακέτου ACTA -CCU - 001 Τίτλος Πακέτου Certified Computer User-ACTA Εκπαιδευτικές Ενότητες Χρήση Η/Υ και Διαχείριση Αρχείων - Windows Περιβάλλον Η/Υ - Βασικές Λειτουργίες και Ρυθμίσεις Επιφάνεια

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

Περιγράφει τα δεδοµένα της ιστοσελίδας και τη δοµή τους στο ίδιο αρχείο

Περιγράφει τα δεδοµένα της ιστοσελίδας και τη δοµή τους στο ίδιο αρχείο Γλώσσα για τη δηµιουργία ιστοσελίδων Μεταφορά µέσω του πρωτοκόλλου HTTP (HyperText Transfer Protocol) Ο πελάτης (client) στέλνει αίτηµα για ιστοσελίδα Ο server στέλνει τη σελίδα Περιγράφει τα δεδοµένα

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

Ηλεκτρονικές Υπηρεσίες

Ηλεκτρονικές Υπηρεσίες ΕΓΧΕΙΡΙ ΙΟ Ο ΗΓΙΩΝ ΔΑΠΥ Ηλεκτρονικές Υπηρεσίες Πίνακας Υποβολών & Υπολοίπων ανά Ασφαλιστικό Ταμείο Πίνακας Περιεχομένων 1. Εισαγωγή... 3 1.1 Συμβατότητα Browser... 3 1.2 Διεύθυνση πρόσβασης... 3 1.3 Login

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

Δημιουργία ιστοσελίδας σε HTML5 για την παραγωγή οπτικοακουστικού ψυχαγωγικού περιεχομένου

Δημιουργία ιστοσελίδας σε HTML5 για την παραγωγή οπτικοακουστικού ψυχαγωγικού περιεχομένου ΤΕΙ ΗΡΑΚΛΕΙΟΥ, ΤΜΗΜΑ ΕΦΑΡΜΟΣΜΕΝΗΣ ΠΛΗΡΟΦΟΡΙΚΗΣ ΚΑΙ ΠΟΛΥΜΕΣΩΝ Δημιουργία ιστοσελίδας σε HTML5 για την παραγωγή οπτικοακουστικού ψυχαγωγικού περιεχομένου Πτυχιακή εργασία Πέτρος Δαλακούρας, Α.Μ. 2629 Εισηγητές:

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

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

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

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

ΕΡΓΑΣΤΗΡΙΟ ΕΙΣΑΓΩΓΗ ΣΤΗΝ HTML - FRONT PAGE

ΕΡΓΑΣΤΗΡΙΟ ΕΙΣΑΓΩΓΗ ΣΤΗΝ HTML - FRONT PAGE ΕΡΓΑΣΤΗΡΙΟ ΕΙΣΑΓΩΓΗ ΣΤΗΝ HTML - FRONT PAGE Το πιο συναρπαστικό κοµµάτι του Internet και αυτό που έχει και τους περισσότερους χρήστες είναι, πέρα από την υπηρεσία του ηλεκτρονικού ταχυδροµείου, η υπηρεσία

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

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

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

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

Εξεταστέα Ύλη (Syllabus) Έκδοση 5.0

Εξεταστέα Ύλη (Syllabus) Έκδοση 5.0 Εξεταστέα Ύλη (Syllabus) Έκδοση 5.0 Πνευματικά Δικαιώματα 2007 Ίδρυμα ECDL (ECDL Foundation www.ecdl.org) Όλα τα δικαιώματα είναι κατοχυρωμένα. Κανένα μέρος αυτού του εγγράφου δεν μπορεί να αναπαραχθεί

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

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

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

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

ΓΝΩΣΤΙΚΑ ΑΝΤΙΚΕΙΜΕΝΑ ΟΕΕΚ ΜΕ ΑΝΑΛΥΤΙΚΗ ΠΡΟΣΘΗΚΗ MICROSOFT OFFICE SPECIALIST

ΓΝΩΣΤΙΚΑ ΑΝΤΙΚΕΙΜΕΝΑ ΟΕΕΚ ΜΕ ΑΝΑΛΥΤΙΚΗ ΠΡΟΣΘΗΚΗ MICROSOFT OFFICE SPECIALIST ΓΝΩΣΤΙΚΑ ΑΝΤΙΚΕΙΜΕΝΑ ΟΕΕΚ ΜΕ ΑΝΑΛΥΤΙΚΗ ΠΡΟΣΘΗΚΗ MICROSOFT OFFICE SPECIALIST ΑΡΘΡΟ 49. ΓΝΩΣΤΙΚΟ ΑΝΤΙΚΕΙΜΕΝΟ: ΕΠΕΞΕΡΓΑΣΙΑ ΚΕΙΜΕΝΟΥ 1. Βασικές Λειτουργίες και Περιβάλλον Εφαρµογής Επεξεργασίας Κειµένου α.

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

ΜΑΘΗΜΑ 1 ΕΙΣΑΓΩΓΗ ΣΤΟ MACROMEDIA DREAMWEAVER MX 2004 18

ΜΑΘΗΜΑ 1 ΕΙΣΑΓΩΓΗ ΣΤΟ MACROMEDIA DREAMWEAVER MX 2004 18 Περιεχόμενα ΕΙΣΑΓΩΓΗ 13 ΜΑΘΗΜΑ 1 ΕΙΣΑΓΩΓΗ ΣΤΟ MACROMEDIA DREAMWEAVER MX 2004 18 Εξερεύνηση του χώρου εργασίας 20 Σελίδα εκκίνησης 20 Προετοιμασία για τη δημιουργία της τοποθεσίας Ιστού σας 22 Ορισμός τοπικής

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

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

ΕΙΣΑΓΩΓΗ ΣΤΗΝ ΠΛΗΡΟΦΟΡΙΚΗ ΕΡΓΑΣΤΗΡΙΟ TEXNOΛΟΓΙΚΟ EΚΠΑΙΔΕΥΤΙΚΟ ΙΔΡΥΜΑ ΣΕΡΡΩΝ ΣΧΟΛΗ ΤΕΧΝΟΛΟΓΙΚΩΝ ΕΦΑΡΜΟΓΩΝ ΤΜΗΜΑ ΠΛΗΡΟΦΟΡΙΚΗΣ & ΕΠΙΚΟΙΝΩΝΙΩΝ ΕΙΣΑΓΩΓΗ ΣΤΗΝ ΠΛΗΡΟΦΟΡΙΚΗ ΕΡΓΑΣΤΗΡΙΟ Σημειώσεις Εργαστηρίου για το Δρ. Ευάγγελος Φιλιππίδης ΣΕΡΡΕΣ,

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

Κεφάλαιο 11 Πολυμέσα. Εφ. Πληροφορικής Κεφ. 11 Καραμαούνας Π. 1

Κεφάλαιο 11 Πολυμέσα. Εφ. Πληροφορικής Κεφ. 11 Καραμαούνας Π. 1 Κεφάλαιο 11 Πολυμέσα Εφ. Πληροφορικής Κεφ. 11 Καραμαούνας Π. 1 Εφαρμογές πολυμέσων: πολλές μορφές πληροφορίας, αποθηκευμένες σε ψηφιακή μορφή, με δυνατότητα αλληλεπίδρασης κατά την παρουσίασή τους 11.1

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

Αναλυτικές οδηγίες για τη δημιουργία προσβάσιμων εγγράφων με το MS-Word 2013

Αναλυτικές οδηγίες για τη δημιουργία προσβάσιμων εγγράφων με το MS-Word 2013 Γεώργιος Κουρουπέτρογλου Αναλυτικές οδηγίες για τη δημιουργία προσβάσιμων εγγράφων με το MS-Word 2013 Έκδοση: 1.0 Αθήνα 2014 Έργο «Κεντρικό Μητρώο Ελληνικών Ανοικτών Μαθημάτων» http://ocw-project.gunet.gr

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

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

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

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

www.costaschatzinikolas.gr

www.costaschatzinikolas.gr ECDL CORE ΕΝΟΤΗΤΑ 3 Επεξεργασία Κειμένου Microsoft Word Επαναληπτικές Ερωτήσεις Εξετάσεων ECDL CORE ΕΝΟΤΗΤΑ 3 Επεξεργασία Κειμένου Microsoft Word Επαναληπτικές Ερωτήσεις Εξετάσεων Δημιουργία - Συγγραφή

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

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

ΕΙΣΑΓΩΓΗ ΣΤΗΝ ΠΛΗΡΟΦΟΡΙΚΗ ΕΡΓΑΣΤΗΡΙΟ TEXNOΛΟΓΙΚΟ EΚΠΑΙΔΕΥΤΙΚΟ ΙΔΡΥΜΑ ΣΕΡΡΩΝ ΣΧΟΛΗ ΤΕΧΝΟΛΟΓΙΚΩΝ ΕΦΑΡΜΟΓΩΝ ΤΜΗΜΑ ΠΛΗΡΟΦΟΡΙΚΗΣ & ΕΠΙΚΟΙΝΩΝΙΩΝ ΕΙΣΑΓΩΓΗ ΣΤΗΝ ΠΛΗΡΟΦΟΡΙΚΗ ΕΡΓΑΣΤΗΡΙΟ Σημειώσεις Εργαστηρίου για το Δρ. Ευάγγελος Φιλιππίδης ΣΕΡΡΕΣ,

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

GoDigital.CMS Content Management System. Πλήρης διαχείριση περιεχομένου ιστοσελίδας

GoDigital.CMS Content Management System. Πλήρης διαχείριση περιεχομένου ιστοσελίδας GoDigital.CMS Content Management System Πλήρης διαχείριση περιεχομένου ιστοσελίδας Γενική περιγραφή Πλήρης λύση ηλεκτρονικής παρουσίας Το GoDigital.CMS είναι μία πλήρη εφαρμογή διαχείρισης ηλεκτρονικής

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

ΔΗ Μ Ι Ο ΥΡ Γ Ι Α W I K I με τ η χρήση τ η ς υπ ηρεσίας h t t p : /www.wik id ot.com /

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

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

Τι είναι ένα σύστημα διαχείρισης περιεχομένου; δυναμικό περιεχόμενο

Τι είναι ένα σύστημα διαχείρισης περιεχομένου; δυναμικό περιεχόμενο Τι είναι ένα σύστημα διαχείρισης περιεχομένου; Παρά την μεγάλη εξάπλωση του διαδικτύου και τον ολοένα αυξανόμενο αριθμό ιστοσελίδων, πολλές εταιρείες ή χρήστες δεν είναι εξοικειωμένοι με την τεχνολογία

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

Google Apps για το Office 365 για επιχειρήσεις

Google Apps για το Office 365 για επιχειρήσεις Google Apps για το Office 365 για επιχειρήσεις Πραγματοποίηση της μετάβασης Το Office 365 για επιχειρήσεις έχει διαφορετική εμφάνιση από το Google Apps. Για το λόγο αυτό, όταν συνδεθείτε, θα δείτε αυτήν

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

Σημασιολογικοί Ιστοχώροι: Γιατί Drupal. 18/3/2014 Μυρτώ Αμοργιανού Μονάδα Σημασιολογικού Ιστού

Σημασιολογικοί Ιστοχώροι: Γιατί Drupal. 18/3/2014 Μυρτώ Αμοργιανού Μονάδα Σημασιολογικού Ιστού Σημασιολογικοί Ιστοχώροι: Γιατί Drupal 18/3/2014 Μυρτώ Αμοργιανού Τι είναι CMS Τα Συστήματα Διαχείρισης Περιεχομένου (ΣΔΠ, Content Management Systems, CMS) είναι διαδικτυακές εφαρμογές που επιτρέπουν την

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

Macromedia DreamWeaver 8.0.2. Παρουσίαση εργαλείου σχεδίασης διεπαφής χρήστη

Macromedia DreamWeaver 8.0.2. Παρουσίαση εργαλείου σχεδίασης διεπαφής χρήστη Macromedia DreamWeaver 8.0.2 Παρουσίαση εργαλείου σχεδίασης διεπαφής χρήστη ο Μέρος 1 : Βασικές Έννοιες Εισαγωγή στην επιφάνεια εργασίας Insert Bar Property Bar Panels 10' Building a Web Page Παράδειγμα

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

ΕΛΛΗΝΙΚΗ ΔΗΜΟΚΡΑΤΙΑ ΠΑΝΕΠΙΣΤΗΜΙΟ ΚΡΗΤΗΣ. Εισαγωγή στην Επιστήμη και Τεχνολογία των Υπηρεσιών

ΕΛΛΗΝΙΚΗ ΔΗΜΟΚΡΑΤΙΑ ΠΑΝΕΠΙΣΤΗΜΙΟ ΚΡΗΤΗΣ. Εισαγωγή στην Επιστήμη και Τεχνολογία των Υπηρεσιών ΕΛΛΗΝΙΚΗ ΔΗΜΟΚΡΑΤΙΑ ΠΑΝΕΠΙΣΤΗΜΙΟ ΚΡΗΤΗΣ Εισαγωγή στην Επιστήμη και Τεχνολογία των Υπηρεσιών Εργαστήριο: XQuery - 2 Όνομα Καθηγητή: Χρήστος Νικολάου Τμήμα Επιστήμης Υπολογιστών Άδειες Χρήσης Το παρόν εκπαιδευτικό

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

Πτυχιακή Εργασία Των φοιτητών : Καρατζένη Ισμήνη Ειρήνη Χαλάστρας Απόστολος

Πτυχιακή Εργασία Των φοιτητών : Καρατζένη Ισμήνη Ειρήνη Χαλάστρας Απόστολος Α.Τ.Ε.Ι. ΗΠΕΙΡΟΥ Τμήμα Τηλεπληροφορικής και Διοίκησης Σχολή Διοίκησης και Οικονομίας Πτυχιακή Εργασία Των φοιτητών : Καρατζένη Ισμήνη Ειρήνη Χαλάστρας Απόστολος Θέμα: Σχεδίαση και Υλοποίηση Δικτυακού Τόπου

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

Εκκαθάριση cache του browser για τα Windows

Εκκαθάριση cache του browser για τα Windows Εκκαθάριση cache του browser για τα Windows Microsoft Internet Explorer 9.0 ανοιχτεί) ή κάντε κλικ στο εικονίδιο Gear στη σωστή γραμμή. 3. Κάντε κλικ στο Επιλογές Internet και επιλέξτε την καρτέλα Γενικά.

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

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

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

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

Εξεταστέα Ύλη (Syllabus) Έκδοση 5.0

Εξεταστέα Ύλη (Syllabus) Έκδοση 5.0 Εξεταστέα Ύλη (Syllabus) Έκδοση 5.0 Πνευματικά Δικαιώματα 2007 Ίδρυμα ECDL (ECDL Foundation www.ecdl.org) Όλα τα δικαιώματα είναι κατοχυρωμένα. Κανένα μέρος αυτού του εγγράφου δεν μπορεί να αναπαραχθεί

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

Οδηγίες & υπόδειγμα μορφοποίησης των εργασιών που θα υποβληθούν για κρίση & συμμετοχή στο Συνέδριο: Η εκπαίδευση στην εποχή των ΤΠΕ.

Οδηγίες & υπόδειγμα μορφοποίησης των εργασιών που θα υποβληθούν για κρίση & συμμετοχή στο Συνέδριο: Η εκπαίδευση στην εποχή των ΤΠΕ. Οδηγίες & υπόδειγμα μορφοποίησης των εργασιών που θα υποβληθούν για κρίση & συμμετοχή στο Συνέδριο: Η εκπαίδευση στην εποχή των ΤΠΕ Περίληψη Το κείμενο αυτό περιγράφει και χρησιμοποιεί τη φόρμα, που θα

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

Ενδεικτικός. Οδηγός. Συγγραφής. Εργασιών. Σεµινάριο Τελειοφοίτων. Τµήµα ιοίκησης. Επιχειρήσεων ΤΕΙ Κρήτης. Version 1.0

Ενδεικτικός. Οδηγός. Συγγραφής. Εργασιών. Σεµινάριο Τελειοφοίτων. Τµήµα ιοίκησης. Επιχειρήσεων ΤΕΙ Κρήτης. Version 1.0 Ενδεικτικός Οδηγός Συγγραφής Εργασιών Σεµινάριο Τελειοφοίτων Τµήµα ιοίκησης Επιχειρήσεων ΤΕΙ Κρήτης Versin 1.0 Νοέµβριος, 2010 ΠΕΡΙΕΧΟΜΕΝΑ ΠΕΡΙΕΧΟΜΕΝΑ... 1 ΕΙΣΑΓΩΓΗ... 2 1. Ο ΗΓΙΕΣ ΕΚΠΟΝΗΣΗΣ ΤΗΣ ΠΤΥΧΙΑΚΗΣ

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

Εγκατάσταση Mozilla Firefox

Εγκατάσταση Mozilla Firefox Εγκατάσταση Mozilla Firefox 1. Ανοίγετε την ιστοσελίδα http://www.mozilla.org/el/firefox. 2. Στην σελίδα αυτή πατήστε το πράσινο κουμπί που λέει Firefox Δωρεάν λήψη 3. Θα εμφανιστεί ένα παράθυρο το οποίο

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

ΑΠΟΚΗΡΥΞΗ. 2003 Ίδρυμα ECDL (The European Computer Driving Licence Foundation Ltd). All rights reserved Σελίδα 1 από 35

ΑΠΟΚΗΡΥΞΗ. 2003 Ίδρυμα ECDL (The European Computer Driving Licence Foundation Ltd). All rights reserved Σελίδα 1 από 35 ΑΠΟΚΗΡΥΞΗ Παρ όλα τα μέτρα που έχουν ληφθεί από το Ίδρυμα ECDL για την προετοιμασία αυτής της έκδοσης, καμία εγγύηση δεν παρέχεται από το Ίδρυμα ECDL, ως εκδότης, για την πληρότητα των πληροφοριών που

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

ΑΝΑΠΤΥΞΗ WEB ΕΦΑΡΜΟΓΗΣ ΚΤΗΜΑΤΟΜΕΣΙΤΙΚΗΣ ΕΠΙΧΕΙΡΗΣΗΣ

ΑΝΑΠΤΥΞΗ WEB ΕΦΑΡΜΟΓΗΣ ΚΤΗΜΑΤΟΜΕΣΙΤΙΚΗΣ ΕΠΙΧΕΙΡΗΣΗΣ ΤΕΙ ΚΑΒΑΛΑΣ ΣΧΟΛΗ ΔΙΟΙΚΗΣΗΣ ΚΑΙ ΟΙΚΟΝΟΜΙΑΣ ΤΜΗΜΑ ΔΙΑΧΕΙΡΙΣΗΣ ΠΛΗΡΟΦΟΡΙΩΝ ΑΝΑΠΤΥΞΗ WEB ΕΦΑΡΜΟΓΗΣ ΚΤΗΜΑΤΟΜΕΣΙΤΙΚΗΣ ΕΠΙΧΕΙΡΗΣΗΣ ΜΑΝΔΑΛΟΥ ΓΕΩΡΓΙΑ ΝΤΟΥΡΛΙΑ ΕΙΡΗΝΗ Σεπτέμβριος 2009 ΕΠΟΠΤΗΣ ΚΑΘΗΓΗΤΗΣ Παππάς Δημοσθένης

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

ΟΔΗΓΙΕΣ ΧΡΗΣΗΣ ΤΟΥ ΣΥΣΤΗΜΑΤΟΣ ΤΗΛΕΚΑΤΑΡΤΙΣΗΣ

ΟΔΗΓΙΕΣ ΧΡΗΣΗΣ ΤΟΥ ΣΥΣΤΗΜΑΤΟΣ ΤΗΛΕΚΑΤΑΡΤΙΣΗΣ ΟΔΗΓΙΕΣ ΧΡΗΣΗΣ ΤΟΥ ΣΥΣΤΗΜΑΤΟΣ ΤΗΛΕΚΑΤΑΡΤΙΣΗΣ 1. Για να χρησιμοποιήσετε το σύστημα τηλεκατάρτισης θα πρέπει να διαθέτετε: ένα Η/Υ με εγκατεστημένο ένα internet browser (λ.χ. Internet Explorer, Mozilla Firefox,

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

a. Κάνουμε κλικ στο Δημιουργία Διαφάνειας c. Ξεκινούμε να γράφουμε την διαφάνεια a. Είναι η πρώτη διαφάνεια της σειράς

a. Κάνουμε κλικ στο Δημιουργία Διαφάνειας c. Ξεκινούμε να γράφουμε την διαφάνεια a. Είναι η πρώτη διαφάνεια της σειράς PowerPoint 1. Εισαγωγή διαφάνειας a. Κάνουμε κλικ στο Δημιουργία Διαφάνειας b. Επιλέγουμε το είδος της διαφάνειας που επιθυμούμε. Η πρώτη διαφάνεια συνήθως είναι η διαφάνεια τίτλου. c. Ξεκινούμε να γράφουμε

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

Η Ώρα της Γης Οδηγίες χρήσης λογοτύπου 2009

Η Ώρα της Γης Οδηγίες χρήσης λογοτύπου 2009 Η Ώρα της Γης Οδηγίες χρήσης λογοτύπου 2009 Δεκέμβριος 2008 Περιεχόμενα 1. Η Ώρα της Γης 2009 Brand Guidelines Γενικές Πληροφορίες 3 2. Λογότυπο Η Ώρα της Γης 4 3. Οδηγίες Χρήσης Λογοτύπου: Φόντο, Χρώματα,

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

Χρήσιµος οδηγός συγγραφής. Εκδόσεις Σάκκουλα Α.Ε. (Αθήνα Θεσσαλονίκη)

Χρήσιµος οδηγός συγγραφής. Εκδόσεις Σάκκουλα Α.Ε. (Αθήνα Θεσσαλονίκη) Εκδοτικές οδηγίες Χρήσιµος οδηγός συγγραφής Εκδόσεις Σάκκουλα Α.Ε. (Αθήνα Θεσσαλονίκη) Αθήνα Ιπποκράτους 23, 106 79 Θεσσαλονίκη Εθνικής Αµύνης 42, 546 21 Φράγκων 1, 546 26 e-mail: info@sakkoulas.gr http://www.sakkoulas.gr

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

BASIC OFFICE syllabus v2.0

BASIC OFFICE syllabus v2.0 BASIC OFFICE syllabus v2.0 ΒΑΣΙΚΕΣ ΕΝΝΟΙΕΣ ΥΠΟΛΟΓΙΣΤΩΝ σελίδα2 1. Υλικό - Hardware 1. Κατηγορίες υπολογιστών 1. Αναγνώριση των παρακάτω τύπων ηλεκτρονικών υπολογιστών 1. Desktop 2. Laptop 3. Netbook 2.

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

Ερωτηματολόγιο Γνώσεων Πληροφορικής

Ερωτηματολόγιο Γνώσεων Πληροφορικής Ερωτηματολόγιο Γνώσεων Πληροφορικής Ονοματεπώνυμο : Θέση : Ημερομηνία : Σχόλια : Παρακαλώ συμπληρώστε τα ακόλουθα με τα στοιχεία που έχετε απορίες ή ελλείψεις και θα θέλατε να επικεντρώσουμε στα σεμινάρια.

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

Κωνσταντίνος Σιασιάκος, ρ Πληροφορικής

Κωνσταντίνος Σιασιάκος, ρ Πληροφορικής Επιστηµονική Ευθύνη Κωνσταντίνος Σιασιάκος, ρ Πληροφορικής Συγγραφή Παντελής Μπαλής Το παρόν εκπαιδευτικό υλικό παράχθηκε στο πλαίσιο του Έργου «Κέντρα Εκπαίδευσης Ενηλίκων ΙΙ», το οποίο εντάσσεται στο

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

ΕΓΧΕΙΡΙ ΙΟ Ο ΗΓΙΩΝ. Ηλεκτρονικές Υπηρεσίες «Πρόγραμμα κατ οίκον φροντίδας συνταξιούχων», αίτηση συμμετοχής υποψηφίου παρόχου στο πρόγραμμα

ΕΓΧΕΙΡΙ ΙΟ Ο ΗΓΙΩΝ. Ηλεκτρονικές Υπηρεσίες «Πρόγραμμα κατ οίκον φροντίδας συνταξιούχων», αίτηση συμμετοχής υποψηφίου παρόχου στο πρόγραμμα ΕΓΧΕΙΡΙ ΙΟ Ο ΗΓΙΩΝ Ηλεκτρονικές Υπηρεσίες «Πρόγραμμα κατ οίκον φροντίδας συνταξιούχων», αίτηση συμμετοχής υποψηφίου παρόχου στο πρόγραμμα Πίνακας Περιεχομένων 1. Εισαγωγή... 3 1.1 Συμβατότητα Browser...

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

Βασικά στοιχεία χρήσης του INTERNET

Βασικά στοιχεία χρήσης του INTERNET Βασικά στοιχεία χρήσης του INTERNET Ελευθέριος Αθ. Παπαθανασίου Καθηγητής Επιχειρηματικής Πληροφορικής. Τμήμα Οργάνωσης και Διοίκησης Επιχειρήσεων Οικονομικό Πανεπιστήμιο Αθηνών ΕΛΛΑΔΑ 2008 ΥΠΟΥΡΓΕΙΟ ΕΘΝΙΚΗ!

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

Περιεχόμενα 1 Εισαγωγή...3 1.1 Γνωριμία με το Ιντερνετ...3 1.2 Το δίκτυο και το TCP/IP...3 1.3 Ο Web server και οι browsers σαν Client...6 1.

Περιεχόμενα 1 Εισαγωγή...3 1.1 Γνωριμία με το Ιντερνετ...3 1.2 Το δίκτυο και το TCP/IP...3 1.3 Ο Web server και οι browsers σαν Client...6 1. Περιεχόμενα 1 Εισαγωγή...3 1.1 Γνωριμία με το Ιντερνετ...3 1.2 Το δίκτυο και το TCP/IP...3 1.3 Ο Web server και οι browsers σαν Client...6 1.4 DNS Servers...6 1.4.1 Πως μεταφράζονται τα domain names σε

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

Αξιολόγηση Ιστοσελίδων. Εργασία. Χαράλαμπος Κουτσουρελάκης

Αξιολόγηση Ιστοσελίδων. Εργασία. Χαράλαμπος Κουτσουρελάκης ΕΠΙΜΟΡΦΩΣΗ ΤΩΝ ΕΚΠΑΙ ΕΥΤΙΚΩΝ ΓΙΑ ΤΗΝ ΑΞΙΟΠΟΙΗΣΗ ΚΑΙ ΕΦΑΡΜΟΓΗ ΤΩΝ ΤΠΕ ΣΤΗ Ι ΑΚΤΙΚΗ ΠΡΑΞΗ- ΠΑΚΕ ΚΡΗΤΗΣ Αξιολόγηση Ιστοσελίδων Εργασία Περιεχόμενα Εισαγωγή... 2 Τρόποι αξιολόγησης μιας ιστοσελίδας... 2 Αξιολόγηση

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

WEB DESIGN Ο σχεδιασμός στο Web Design

WEB DESIGN Ο σχεδιασμός στο Web Design WEB DESIGN Ο σχεδιασμός στο Web Design ΠΑΤΣΙΑΛΟΥ ΚΩΝΣΤΑΝΤΙΝΑ Web Design Είναι ο σχεδιασμός και η δημιουργία δικτυακών τόπων. Περιλαμβάνει : την αρχιτεκτονική πληροφοριών, τη διεπαφή χρήστη και την πλοήγηση.

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

Εισαγωγή στο Libre Office Παρουσιάσεις με το Impress. Bάιος Κολοφωτιάς Επιστημονικός Συνεργάτης Sweng Lab A.Π.Θ

Εισαγωγή στο Libre Office Παρουσιάσεις με το Impress. Bάιος Κολοφωτιάς Επιστημονικός Συνεργάτης Sweng Lab A.Π.Θ Εισαγωγή στο Libre Office Παρουσιάσεις με το Impress Bάιος Κολοφωτιάς Επιστημονικός Συνεργάτης Sweng Lab A.Π.Θ Εισαγωγικά Οι παρουσιάσεις είναι μια εφαρμογή που χρησιμεύει στην παρουσίαση των εργασιών

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

Οδηγός εκκαθάρισης ιστορικού cookies περιηγητή

Οδηγός εκκαθάρισης ιστορικού cookies περιηγητή Οδηγός εκκαθάρισης ιστορικού cookies περιηγητή «Δουλεύω Ηλεκτρονικά, Δουλεύω Γρήγορα και με Ασφάλεια - by e-base.gr» Web : www.e-base.gr E-mail : support@e-base.gr Facebook : Like Παρακάτω μπορείτε να

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

Οικονομική Προσφορά Προώθηση ιστοσελίδας

Οικονομική Προσφορά Προώθηση ιστοσελίδας Οικονομική Προσφορά Προώθηση ιστοσελίδας 2015 Η εταιρία μας Η Moving up είναι μια εταιρία που δραστηριοποιείται στον τομέα των ολοκληρωμένων μορφών επικοινωνίας και διαφήμισης.όποιο και αν είναι το διαφημιστικό

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

Διαδικτυακή Πύλη (web portal) ΟΔΗΓΟΣ ΧΡΗΣΗΣ System Συμβουλευτική Α.Ε

Διαδικτυακή Πύλη (web portal) ΟΔΗΓΟΣ ΧΡΗΣΗΣ System Συμβουλευτική Α.Ε σχετικά με τον έλεγχο της καπνιστικής συνήθειας 1 21 Λογισμικές εφαρμογές καταγραφής και αξιοποίησης πληροφοριών σχετικά με τον έλεγχο της καπνιστικής συνήθειας Διαδικτυακή Πύλη (web portal) ΟΔΗΓΟΣ ΧΡΗΣΗΣ

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

Τμήμα Μηχανικών Πληροφορικής. Πτυχιακή Εργασία ΔΗΜΙΟΥΡΓΙΑ ΔΥΝΑΜΙΚΟΥ WEBSITE ΓΙΑ ΜΙΑ ΚΟΙΝΩΝΙΚΗ ΥΠΗΡΕΣΙΑ ΜΕ ΧΡΗΣΗ HTML5

Τμήμα Μηχανικών Πληροφορικής. Πτυχιακή Εργασία ΔΗΜΙΟΥΡΓΙΑ ΔΥΝΑΜΙΚΟΥ WEBSITE ΓΙΑ ΜΙΑ ΚΟΙΝΩΝΙΚΗ ΥΠΗΡΕΣΙΑ ΜΕ ΧΡΗΣΗ HTML5 Τμήμα Μηχανικών Πληροφορικής Πτυχιακή Εργασία ΔΗΜΙΟΥΡΓΙΑ ΔΥΝΑΜΙΚΟΥ WEBSITE ΓΙΑ ΜΙΑ ΚΟΙΝΩΝΙΚΗ ΥΠΗΡΕΣΙΑ ΜΕ ΧΡΗΣΗ HTML5 Επιβλέπων καθηγητής Δρ. Παπαδάκης Νικόλαος Φοιτήτρια Αφροδίτη Γανέλλη Ηράκλειο Απρίλιος

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

ημιουργία Παρουσιάσεων με τη βοήθεια του PowerPoint

ημιουργία Παρουσιάσεων με τη βοήθεια του PowerPoint TEXNOΛΟΓΙΚΟ EΚΠΑΙΔΕΥΤΙΚΟ ΙΔΡΥΜΑ ΣΕΡΡΩΝ ΣΧΟΛΗ ΤΕΧΝΟΛΟΓΙΚΩΝ ΕΦΑΡΜΟΓΩΝ ΤΜΗΜΑ ΠΛΗΡΟΦΟΡΙΚΗΣ & ΕΠΙΚΟΙΝΩΝΙΩΝ Τομέας Αρχιτεκτονικής Η/Υ & Βιομηχανικών Εφαρμογών Μάθημα: «EIΣΑΓΩΓΗ ΣΤΗΝ ΠΛΗΡΟΦΟΡΙΚΗ - ΕΡΓΑΣΤΗΡΙΟ»

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

ΓΙΑΝΝΕΝΑ & ΣΥΓΧΡΟΝΗ ΔΗΜΙΟΥΡΓΙΑ ΔΙΑΧΕΙΡΙΣΗ ΓΙΑΝΝΕΝΑ & ΣΥΓΧΡΟΝΗ ΔΗΜΙΟΥΡΓΙΑ

ΓΙΑΝΝΕΝΑ & ΣΥΓΧΡΟΝΗ ΔΗΜΙΟΥΡΓΙΑ ΔΙΑΧΕΙΡΙΣΗ ΓΙΑΝΝΕΝΑ & ΣΥΓΧΡΟΝΗ ΔΗΜΙΟΥΡΓΙΑ ΓΙΑΝΝΕΝΑ & ΣΥΓΧΡΟΝΗ ΔΗΜΙΟΥΡΓΙΑ ΔΙΑΧΕΙΡΙΣΗ Περιγραφή και επεξήγηση της χρήσης του χώρου διαχείρισης της ιστοσελίδας για τους καλλιτέχνες 1 Περιεχόμενα Είσοδος στο χώρο διαχείρισης...3 Επεξεργασία της σελίδας

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