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

Save this PDF as:
 WORD  PNG  TXT  JPG

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

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

Transcript

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

2 Βασικά μέρη ενός HTML πίνακα (table) Λεζάντα ή τίτλος (caption) Επικεφαλίδες (headers) των στηλών (θα μπορούσαν να τοποθετηθούν και στην πρώτη στήλη) γραμμές (rows) Στήλες (columns) κελιά (cells) με τα δεδομένα του πίνακα HTML πίνακες (tables) Πίνακας με περίγραμμα πάχους = 1 <TABLE BORDER=1> <CAPTION>Στατιστικά στοιχεία</caption> <TR> <TH>Όνομα</TH> <TH>Ύψος (m)</th> <TH>Βάρος (kg)</th> <TH>Χρώμα ματιών</th> </TR> <TR> <TD>Μαρία</TD> <TD>1,70</TD> <TD>55</TD> <TD>Γαλάζιο</TD> </TR> Εισαγωγή νέας γραμμής (table row) Εισαγωγή νέου κελιού επικεφαλίδας (table header), μορφοποιείται ως bold Εισαγωγή νέου κελιού δεδομένων (table data) Λεζάντα πίνακα <TR> <TD>Θωμάς</TD> <TD>1,82</TD> <TD>87</TD> <TD>Πράσινο</TD> </TR> <TR> <TD>Ελένη</TD> <TD>1,65</TD> <TD>65</TD> <TD>Καστανό</TD> </TR> </TABLE> 2

3 Ορισμός του πλάτους του πίνακα <TABLE BORDER=1 width = 100%>... </ΤΑΒLE> Ορίζει το πλάτος του πίνακα σε ποσοστό % επί το τρέχον πλάτος της οθόνης. Αυξομειώνοντας το πλάτος της οθόνης, προσαρμόζουμε και το πλάτος του πίνακα. Ορίσματα cellpadding & cellspacing <table border=3 cellpadding=4 cellspacing=8> cellpadding: ορίζει την απόσταση που έχουν τα περιεχόμενα των κελιών απο τα περιθώρια - μεγάλες τιμές για το Υ κάνουν τα κελιά μεγαλύτερα cellspacing: καθορίζει (σε pixels) το πάχος ανάμεσα <table στις border=10 εσωτερικές cellspacing=20> γραμμές που χωρίζουν τα κελιά <table border=1 cellpadding=10> 3

4 Ορίσματα για συνένωση κελιών & χρωματισμό κελιών/γραμμών και στοίχιση <table border=1> <tr bgcolor = green> <td>row 1 col 1</td> <td align=center colspan=2> Row 1 col 2-3</td> </tr> <tr> Συνένωση 2ου και 3ου κελιού της 2ης <td>row 2 col 1</td> στήλης και στοίχιση στο πάνω μέρος <td rowspan=2 valign=top >Row 2 col 2</td> <td>row 2 col 3</td> </tr> <tr> <td>row 3 col 1</td> <td bgcolor = red>row 3 col 3</td> </tr> </table> Χρώμα παρασκηνίου κελιού (3,3) Χρώμα παρασκηνίου 1ης γραμμής Συνένωση 2ου και 3ου κελιού της 1ης γραμμής και οριζόντια στοίχιση Δημιουργία σύνθετων πινάκων και χρωματισμός περιγράμματος <TABLE BORDER="5" BGCOLOR="orange" BORDERCOLOR="green" CELLSPACING="0" CELLPADDING="5"> 4

5 HTML πίνακες για τη διάταξη (layout) web σελίδων Οι ΗΤΜL πίνακες χωρίζουν το χώρο που καταλαμβάνουν σε ορθογώνια τμήματα. Με κατάλληλη χρήση των ορισμάτων cellspan και rowspan μπορούμε να σχεδιάσουμε πίνακες όπως ακριβώς τους θέλουμε Χρησιμοποιώντας HTML πίνακες, μπορούμε να δομήσουμε το περιεχόμενο της σελίδας μας σε περισσότερες από μία στήλες (όπως οι στήλες των εφημερίδων) χωρίς να φαίνεται ότι υπάρχει πίνακας από πίσω Πως;;; <table border=0> Δεν υπάρχει περιορισμός στο περιεχόμενο που θα τοποθετήσουμε στα κελιά (κείμενο ή γραφικά) HTML πίνακες για τη διάταξη web σελίδων (παραδείγματα) Παράδειγμα 5

6 Πλαίσια ( Frames) Τι είναι τα πλαίσια (frames) Τεχνολογία που παρέχει τη δυνατότητα εμφάνισης περιεχομένου που διαφορετικά θα απαιτούσε πολλές οθόνες Οι πληροφορίες εμφανίζονται σε ανεξάρτητες περιοχές (πλαίσια) Τα περιεχόμενα κάθε περιοχής ενημερώνονται χωρίς να επηρεάζονται τα περιεχόμενα των υπολοίπων π.χ. κάνοντας κλικ σε μια από τις συνδέσεις του κάτωαριστερού πλαισίου, θα ενημερωθούν τα περιεχόμενα του μεγάλου πλαισίου στα δεξιά, όχι όμως και εκείνου πάνωαριστερά Πρόβλημα: Τα frames δεν υποστηρίζονται από όλους τους browsers (εκδόσεις της HTML) 6

7 Παραδείγματα διάταξης πλαισίων Και πολλές ακόμα διατάξεις Επιλέγοντας παράθυρο (Ι) Οι σύνδεσμοι που γνωρίσαμε ως τώρα, όταν επιλεχθούν, φορτώνουν μια νέα σελίδα, αντικαθιστώντας την παλιά Υπάρχει περίπτωση να θέλετε να ανοίξετε το περιεχόμενο σε ένα δεύτερο παράθυρο, αφήνοντας άθικτο το αρχικό. Μια τέτοια περίπτωση είναι η αρχική σελίδα να περιέχει μια λίστα με πολλούς συνδέσμους, π.χ. 50 διαφορετικές φωτογραφίες ή ορισμούς, όπου θα είναι πιο εύχρηστο η λίστα να παραμείνει διαθέσιμη Υπερβολική χρήση: ανοίγουν πολλά νέα παράθυρα (ενοχλητικό, κατανάλωση πόρων του συστήματος) To μειονέκτημα του ανοίγματος πολλών νέων παραθύρων λύνεται με τη χρήση πλαισίων (π.χ. τοποθετώ τη λίστα συνδέσμων στο αριστερό πλαίσιο που παραμένει πάντα αμετάβλητο και ενημερώνω το δεξί πλαίσιο που καταλαμβάνει το κυρίως μέρος της οθόνης) 7

8 Επιλέγοντας παράθυρο (ΙΙ) Ο κώδικας HTML που χρησιμοποιούμε για να ορίσουμε το παράθυρο που θα εμφανιστεί το περιεχόμενο της σελίδας μοιάζει: <a href="some_url.html" target="window_name"> Η σελίδα some_url.html θα ανοίξει σε νέο παράθυρο με όνομα window_name. Αν υπάρχει ήδη ανοικτό παράθυρο με αυτό το όνομα, το περιεχόμενο του θα αντικατασταθεί από τη σελίδα some_url.html Ειδικές περιπτώσεις: target = _top target = _self> target = _blank target = _parent Επιλέγοντας παράθυρο: Παράδειγμα <HTML> <HEAD> <TITLE>Parent Window - Red</TITLE> </HEAD> <BODY> <H1>Parent Window - Red</H1> <P> <A HREF="yellow.html" TARGET="yellow_page">Open</A> the Yellow Page in a new window. <BR> <A HREF="blue.html" TARGET= _blank">open</a> the Blue Page in a new window. </P> <P> <A HREF="green.html" TARGET="yellow_page">Replace</A> the yellow page with the Green Page.</P> </BODY> Εκτέλεση </HTML> 8

9 Ta βασικά για τα πλαίσια Μια ιστοσελίδα που χρησιμοποιεί πλαίσια αποτελείται από το κύριο αρχείο HTML που καθορίζει τα framesets, ή αλλιώς τη διαμόρφωση και διάταξη των πλαισίων της σελίδας. Αυτό είναι το αρχείο που φορτώνει τη δομή των πλαισίων και που αντιπροσωπεύει τη URL της σελίδας. Πλεονεκτήματα: καλύτερη οργάνωση του περιεχομένου. Πολύ χρήσιμα όταν κάποια πληροφορία πρέπει να παραμένει πάντα διαθέσιμη Μειονεκτήματα: Πληκτρολογούμε μια URL διεύθυνση αλλά «φορτώνουμε» πολλά HTML αρχεία (καθυστέρηση) Σελίδες με πλαίσια δεν υποστηρίζονται από κάποιους (παλαιότερους) browsers left.htm right.htm bottom.htm page.htm (έγγραφο ορισμού πλαισίων) Οργάνωση πλαισίων 9

10 Έγγραφο με πολλά κάθετα πλαίσια <HTML> <HEAD> <TITLE>Three Columns</TITLE> </HEAD> <FRAMESET COLS="100,50%,*"> <FRAME SRC="leftcol.html"> <FRAME SRC="midcol.html"> <FRAME SRC="rightcol.html"> </FRAMESET> <NOFRAMES>.. </NOFRAMES> </HTML> Η ετικέτα frameset περιλαμβάνει τους ορισμούς για τα πλαίσια αυτού του εγγράφου. Προσοχή!!! Η ετικέτα frameset αντικαθιστά την ετικέτα body Τρία κάθετα πλαίσια με πλάτος 100 pixels, 50% του πλάτους της οθόνης και το υπόλοιπο της οθόνης, αντίστοιχα Τα HTML έγγραφα που θα «φορτωθούν» στο αριστερό, μεσαίο και δεξί, αντίστοιχα, πλαίσιο Ο κώδικας που περιλαμβάνεται ανάμεσα στις ετικέτες NOFRAMES εμφανίζεται μόνο στους browsers που δεν υποστηρίζουν frames Έγγραφο με πολλά κάθετα πλαίσια: Παράδειγμα Εκτέλεση 10

11 Έγγραφο με πολλά οριζόντια πλαίσια <HTML> <HEAD> <TITLE>Three Columns</TITLE> </HEAD> <FRAMESET ROWS="50%,50%"> <FRAME SRC="toprow.html"> <FRAME SRC="botrow.html"> </FRAMESET> <NOFRAMES>.. </NOFRAMES> </HTML> Δύο οριζόντια πλαίσια που καταλαμβάνουν το 60% και 40% του πλάτους της οθόνης, αντίστοιχα Τα HTML έγγραφα που θα «φορτωθούν» στο αριστερό, μεσαίο και δεξί, αντίστοιχα, πλαίσιο Έγγραφο με πολλά κάθετα πλαίσια: Παράδειγμα Εκτέλεση 11

12 Δημιουργία πολύπλοκων ομάδων πλαισίων (I) away.htm frameset.htm (έγγραφο ορισμού πλαισίων) choice.htm Εκτέλεση reason1.htm reason2.htm reason3.htm reason4.htm reason5.htm reason6.htm Δημιουργία πολύπλοκων ομάδων πλαισίων (II) <HTML> <BODY> <P>Επιλέξτε ένα λόγο:</p> <HR> <P><a href="reason1.html" target="main">1ος λόγος</a></p> <P><a href="reason2.html" target ="main">2ος λόγος</a></p> <P><a href="reason3.html" target ="main">3ος λόγος</a></p> <P><a href="reason4.html" target ="main">4ος λόγος</a></p> <P><a href="reason5.html" target ="main">5ος λόγος</a></p> <P><a href="reason6.html" target ="main">6ος λόγος</a></p> </BODY> </HTML> 12

13 Δημιουργία πολύπλοκων ομάδων πλαισίων (III) Χωρίζει τη σελίδα σε δύο κάθετα πλαίσια <FRAMESET COLS="125,*"> <FRAME SRC="choice.html" NAME="left"> Χωρίζει το δεξί πλαίσιο σε <FRAMESET ROWS="25,*"> δύο οριζόντια πλαίσια Ορίζει το πάνω <FRAME SRC="away.html" NAME="top"> πλαίσιο <FRAME SRC="reason1.html" NAME="main"> </FRAMESET> </FRAMESET> Ορίζει ποιο είναι το αριστερό πλαίσιο Το όνομα του κάτω δεξιά παραθύρου είναι ίδιο με το όνομα που δόθηκε στην ιδιότητα target των συνδέσμων του αριστερού πλαισίου. Έτσι, η επιλογή των συνδέσμων θα προκαλεί αντικατάσταση των περιεχομένων αυτού του πλαισίου. Δημιουργία ένθετων πλαισίων (inline frames) page.htm (περιλαμβάνει τον ορισμό του αρχείου που θα φορτωθεί στο ένθετο πλαίσιο) reason1.htm reason2.htm reason3.htm reason4.htm reason5.htm reason6.htm Εκτέλεση 13

14 Δημιουργία ένθετων πλαισίων (inline frames) <BODY BGCOLOR="#FFCC99"> <H2>Λείπω από το γραφείο μου επειδή...</h2> <P ALIGN="center"> <A HREF="reason1.html" TARGET="reason">1ος Λόγος</A> <A HREF="reason2.html" TARGET="reason">2ος Λόγος</A> <A HREF="reason3.html" TARGET="reason">3ος Λόγος</A> <A HREF="reason4.html" TARGET="reason">4ος Λόγος</A> <A HREF="reason5.html" TARGET="reason">5ος Λόγος</A> <A HREF="reason6.html" TARGET="reason">6ος Λόγος</A> </P> <DIV ALIGN="center"> <IFRAME NAME="reason" SRC="reason1.html" WIDTH="450" HEIGHT="315"> </DIV> Στα inline frames επανέρχεται η ετικέτα body Το ένθετο πλαίσιο θα εμφανιστεί στο κέντρο της σελίδας Ορισμός του ένθετου πλαισίου με διαστάσεις 450x315 pixels στο οποίο θα «φορτωθεί» αρχικά το αρχείο reason1.html. Το όνομα του πλαισίου είναι ίδιο με το όνομα που δόθηκε στην ιδιότητα target των συνδέσμων στη σελίδα που το περιλαμβάνει. Εργασία Διάταξη web σελίδων με ένθετα πλαίσια (inline frames) Εκτέλεση 14

15 Θέμα 1ης εργασίας Ημερομηνία παράδοσης: Τρίτη 1/12/2009 Εκφώνηση Οδηγίες: από τη σελίδα «Ανακοινώσεις» του μαθήματος: Διάταξη web σελίδων με πίνακες Εκτέλεση 15

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

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

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

Άσκηση 6 Επαναληπτική Άσκηση HTML

Άσκηση 6 Επαναληπτική Άσκηση HTML Άσκηση 6 Επαναληπτική Άσκηση HTML ΕΤΙΚΕΤΕΣ HTML ΕΤΙΚΕΤΑ ΠΕΡΙΓΡΑΦΗ ΙΔΙΟΤΗΤΕΣ ΙΔΙΟΤΗΤΑ ΤΙΜΗ ΠΕΡΙΓΡΑΦΗ Βασικές Ορίζει τον τύπο του αρχείου Ορίζει ένα αρχείο HTML Ορίζει ένα τίτλο

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

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

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

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

Επαναληπτική Άσκηση ΕΤΙΚΕΤΕΣ HTML

Επαναληπτική Άσκηση ΕΤΙΚΕΤΕΣ HTML Επαναληπτική Άσκηση ΕΤΙΚΕΤΕΣ HTML ΕΤΙΚΕΤΑ ΠΕΡΙΓΡΑΦΗ ΙΔΙΟΤΗΤΕΣ ΙΔΙΟΤΗΤΑ ΤΙΜΗ ΠΕΡΙΓΡΑΦΗ Βασικές Ορίζει ένα αρχείο HTML Ορίζει ένα τίτλο για το αρχείο Ορίζει το σώµα της background URL

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

Η λίστα <ol> (ordered list)

Η λίστα <ol> (ordered list) Λίστες (lists) Σε πολλά έγγραφα απαιτείται η παρουσίαση ή η καταγραφή στοιχείων σε μορφή λίστας. Για παράδειγμα, μια λίστα από ονόματα ή μια λίστα από προϊόντα. Τα στοιχεία μιας λίστας μπορεί να είναι

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

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

ΠΡΟΓΡΑΜΜΑΤΙΣΤΙΚΑ ΕΡΓΑΛΕΙΑ ΓΙΑ ΤΟ ΔΙΑΔΙΚΤΥΟ ΠΡΟΓΡΑΜΜΑΤΙΣΤΙΚΑ ΕΡΓΑΛΕΙΑ ΓΙΑ ΤΟ ΔΙΑΔΙΚΤΥΟ Κεφάλαιο 4. Η γλώσσα HTML Επιμέλεια: Καραγιάννης Σπύρος Καθηγητής ΠΕ19 Βασικοί κανόνες σύνταξης HTML ομή σελίδας HTML Μορφοποίηση κειμένου Κατάλογοι Εισαγωγή

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

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

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

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

ΑΣΠΑΙΤΕ. ΠΡΑΚΤΙΚΗ ΑΣΚΗΣΗ 4α. Υπερκείμενο και HTML. Ημερομηνία :... Τμήμα :... Ονοματεπώνυμο :...

ΑΣΠΑΙΤΕ. ΠΡΑΚΤΙΚΗ ΑΣΚΗΣΗ 4α. Υπερκείμενο και HTML. Ημερομηνία :... Τμήμα :... Ονοματεπώνυμο :... ΠΡΑΚΤΙΚΗ ΑΣΚΗΣΗ 4α Υπερκείμενο και HTML ΑΣΠΑΙΤΕ Ημερομηνία :... Τμήμα :... Ονοματεπώνυμο :... Η HTML (HyperText Markup Language) είναι η γλώσσα που χρησιμοποιείται για να περιγράψει τη δομή και τη διαμόρφωση

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

11. Η γλώσσα HTML Πίνακες, Λίστες, Φόρμες

11. Η γλώσσα HTML Πίνακες, Λίστες, Φόρμες 11. Η γλώσσα HTML Πίνακες, Λίστες, Φόρμες Σκοπός του Εργαστηρίου: Σκοπός της παρούσας εργαστηριακής άσκησης είναι η εμβάθυνση σε συχνά χρησιμοποιούμενες ετικέτες HTML, όπως οι πίνακες και οι λίστες, καθώς

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

Υπερσυνδέσεις (hyperlinks)

Υπερσυνδέσεις (hyperlinks) Υπερσυνδέσεις (hyperlinks) Οι υπερσυνδέσεις αποτελούν το δυναμικό στοιχείο σε ένα έγγραφο html. Με τις υπερσυνδέσεις είναι δυνατή, εύκολη και γρήγορη η μετάβαση ή η παραπομπή από ένα αρχείο html (πηγή)

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

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

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

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

Το απεικονιστικό μοντέλο μορφοποίησης των CSS

Το απεικονιστικό μοντέλο μορφοποίησης των CSS Δικτυακά Πολυμέσα ΙΙ Εργαστήριο #6 0 : CSS: Χρήση των ιδιοτήτων του κουτιού (box properties). Διάταξη σελίδων Γαβαλάς Δαμιανός dgavalas@aegean.gr Το απεικονιστικό μοντέλο μορφοποίησης των CSS Περιγράφει

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

ΕΡΓΑΣΤΗΡΙΟ: ΤΕΧΝΟΛΟΓΙΕΣ ΠΛΗΡΟΦΟΡΙΑΣ ΚΑΙ ΕΠΙΚΟΙΝΩΝΙΑΣ ΣΤΟΝ ΤΟΥΡΙΣΜΟ. 4o ΕΡΓΑΣΤΗΡΙΟ ΕΙΚΟΝΕΣ ΣΤΗΝ HTML

ΕΡΓΑΣΤΗΡΙΟ: ΤΕΧΝΟΛΟΓΙΕΣ ΠΛΗΡΟΦΟΡΙΑΣ ΚΑΙ ΕΠΙΚΟΙΝΩΝΙΑΣ ΣΤΟΝ ΤΟΥΡΙΣΜΟ. 4o ΕΡΓΑΣΤΗΡΙΟ ΕΙΚΟΝΕΣ ΣΤΗΝ HTML ΕΡΓΑΣΤΗΡΙΟ: ΤΕΧΝΟΛΟΓΙΕΣ ΠΛΗΡΟΦΟΡΙΑΣ ΚΑΙ ΕΠΙΚΟΙΝΩΝΙΑΣ ΣΤΟΝ ΤΟΥΡΙΣΜΟ ΠΕΡΙΕΧΟΜΕΝΟ ΜΑΘΗΜΑΤΟΣ 1. Εικόνες 2. Ασκήσεις 4o ΕΡΓΑΣΤΗΡΙΟ ΕΙΚΟΝΕΣ ΣΤΗΝ HTML 1. Εικόνες 1. Οι μορφές (format) των εικόνων που μπορείτε

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

Η Βίβλος των CSS - Μέρος 3 Το Box Model, τα Περιθώρια και τα Περιγράμματα

Η Βίβλος των CSS - Μέρος 3 Το Box Model, τα Περιθώρια και τα Περιγράμματα Η Βίβλος των CSS - Μέρος 3 Το Box Model, τα Περιθώρια και τα Περιγράμματα Το Box Model Το box model στα CSS περιγράφει τα πλαίσια (boxes) που δημιουργούνται για τα στοιχεία (elements) της HTML. Το box

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

<HTML> <HEAD> <TITLE> <BODY>

<HTML> <HEAD> <TITLE> <BODY> ΑΣΚΗΣΗ 1 1. Ανοίξτε τον επεξεργαστή ιστοσελίδων 2. Αποθηκεύστε στο X:/mathimata/html/askiseis/ με όνομα askisi1b.html 3. Θα φτιάξουμε μια νέα ιστοσελίδα, χρησιμοποιώντας τις βασικές ετικέτες

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

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

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

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

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

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

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

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 Παράδειγμα

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

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

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

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

Σχεδόν όλες οι ιστοσελίδες βασίζονται σε μεγάλο βαθμό σε πίνακες. Για να εισάγουμε έναν πίνακα επιλέγουμε από το μενού Insert->Table.

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

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

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

Ref.: SLWS 1 5Copyright 2005 The European Computer Driving Licence Foundation Ltd Σελίδα 1 από 7 The European Computer Driving Licence Foundation Ltd Σελίδα 1 από 7 ΣΤΟΧΟΙ ΕΞΕΤΑΣΗΣ Η ενότητα ECDL WebStarter απαιτεί από τον Υποψήφιο να κατανοεί τις κύριες έννοιες της σχεδίασης και δημοσίευσης δικτυακών

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

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

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

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

Κάνουμε κλικ πάνω στην επικεφαλίδα όπου υπάρχει το αντίστοιχο γράμμα της στήλης.

Κάνουμε κλικ πάνω στην επικεφαλίδα όπου υπάρχει το αντίστοιχο γράμμα της στήλης. ΜΑΘΗΜΑ 3 ΣΤΟΧΟΙ: 1. Επιλογή Στηλών 2. Επιλογή Γραμμών 3. Εισαγωγή Στηλών 4. Εισαγωγή Γραμμών 5. Διαγραφή Στήλης 6. Διαγραφή Γραμμής 7. Αλλαγή Πλάτους Στήλης 8. Αλλαγή Ύψους Γραμμής 9. Σταθεροποίηση/Αποσταθεροποίηση

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

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

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

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

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

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

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

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

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

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

Εισαγωγή στην HTML (2)

Εισαγωγή στην HTML (2) Εισαγωγή στην HTML (2) Πανεπιστήμιο Πελοποννήσου Τμήμα Επιστήμης & Τεχνολογίας Τηλεπικοινωνιών Ευάγγελος Α. Κοσμάτος Εικόνες Βασικοί τύποι εικόνων στην HTML gif jpg bmp (μεγάλο μέγεθος αρχείου) tiff (μεγάλο

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

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

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

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

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

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

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

Στοιχεία ορισμού θέσης (Positioning Elements)

Στοιχεία ορισμού θέσης (Positioning Elements) Δικτυακά Πολυμέσα ΙΙ Εργαστήριο #7 0 : Ορισμός θέσης σε διατάξεις (positioned layouts). Γαβαλάς Δαμιανός dgavalas@aegean.gr Στοιχεία ορισμού θέσης (Positioning Elements) Οι ιδιότητες τοποθέτησης των CSS

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

ΕΘΝΙΚΟ ΜΕΤΣΟΒΙΟ ΠΟΛΥΤΕΧΝΕΙΟ. Σηµειώσεις για τη γλώσσα HTML (HyperText Markup Language)

ΕΘΝΙΚΟ ΜΕΤΣΟΒΙΟ ΠΟΛΥΤΕΧΝΕΙΟ. Σηµειώσεις για τη γλώσσα HTML (HyperText Markup Language) ΕΘΝΙΚΟ ΜΕΤΣΟΒΙΟ ΠΟΛΥΤΕΧΝΕΙΟ ΣΧΟΛΗ ΗΛΕΚΤΡΟΛΟΓΩΝ ΜΗΧΑΝΙΚΩΝ ΚΑΙ ΜΗΧΑΝΙΚΩΝ ΥΠΟΛΟΓΙΣΤΩΝ Σηµειώσεις για τη γλώσσα HTML (HyperText Markup Language) ιδάσκων Αν. Καθηγητής Ι.Σ.Βενιέρης Αθήνα, Ιανουάριος 2003 1

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

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

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

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

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

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

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

Περιεχόμενα. Γαβαλάς Δαμιανός

Περιεχόμενα. Γαβαλάς Δαμιανός Δικτυακά Πολυμέσα ΙΙ Διάλεξη #5 η : Τυπογραφία στο web Γαβαλάς Δαμιανός dgavalas@aegean.gr Περιεχόμενα Κατανόηση αρχών σχεδιασμού με γραμματοσειρές Κατανόηση των μονάδων μέτρησης που χρησιμοποιούνται στα

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

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

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

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

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

2. ΕΙΣΑΓΩΓΗ ΣΤΗΝ HTML ΓΙΩΡΓΟΣ ΓΙΑΝΝΑΚΑΚΗΣ, ΜΑΝΩΛΗΣ ΤΣΙΚΝΑΚΗΣ 2014 2. ΕΙΣΑΓΩΓΗ ΣΤΗΝ HTML ΓΙΩΡΓΟΣ ΓΙΑΝΝΑΚΑΚΗΣ, ΜΑΝΩΛΗΣ ΤΣΙΚΝΑΚΗΣ H HTML είναι μία γλώσσα σήμανσης και αποτελεί την κύρια γλώσσα δημιουργίας ιστοσελίδων του διαδικτύου. Είναι το ακρωνύμιο των λέξεων HyperText

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

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

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

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

Άσκηση 3 -Δηµιουργία ιστοσελίδων µε HTML µέρος 3 ο

Άσκηση 3 -Δηµιουργία ιστοσελίδων µε HTML µέρος 3 ο Άσκηση 3 -Δηµιουργία ιστοσελίδων µε HTML µέρος 3 ο Εικόνες στην HTML Oι εικόνες ορίζονται µε την ετικέτα . Η συγκεκριµένη ετικέτα δεν κλείνει (είναι λάθος το: ) ή µπορούµε να πούµε ότι ανοίγει

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

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

ΠΛΗΡΟΦΟΡΙΑΚΑ & ΤΗΛΕΠΙΚΟΙΝΩΝΙΑΚΑ ΣΥΣΤΗΜΑΤΑ Οικονοµικό Πανεπιστήµιο Αθηνών Τµήµα ιοικητικής Επιστήµης & Τεχνολογίας ΠΛΗΡΟΦΟΡΙΑΚΑ & ΤΗΛΕΠΙΚΟΙΝΩΝΙΑΚΑ ΣΥΣΤΗΜΑΤΑ Κεφάλαιο 11 Eισαγωγή στην ανάπτυξη ιστοσελίδων µε HMTL Γιώργος Γιαγλής Περίληψη Κεφαλαίου

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

1. Απαιτήσεις εργασίας

1. Απαιτήσεις εργασίας ctxxxxx.html 1 η ΕΡΓΑΣΙΑ: ΑΝΑΠΤΥΞΗ ΔΙΑΔΙΚΤΥΑΚΟΥ ΤΟΠΟΥ (WEB SITE) Ημερομηνία Παράδοσης: Τρίτη 1 Δεκέμβρη 2009 (Η εργασία είναι ατομική!!) 1. Απαιτήσεις εργασίας Θα πρέπει να δημιουργήσετε το web site μιας

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

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

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

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

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

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

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

Τι είναι η HTML; Τί είναι οι ετικέτες (tags); Πώς είναι μια ετικέτα (tag);

Τι είναι η HTML; Τί είναι οι ετικέτες (tags); Πώς είναι μια ετικέτα (tag); Τι είναι η HTML; Η HTML είναι το ακρώνυμο από το Hyper Text Markup Language που σημαίνει γλώσσα χαρακτηρισμού υπερκειμένου. Η χρήση μιας γλώσσας χαρακτηρισμού σημαίνει ότι γράφεται πρώτα το κείμενο και

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

Μαθήματα HTML. 24/10/2014 HTML - Καραμαούνας Π. 1

Μαθήματα HTML.  24/10/2014 HTML - Καραμαούνας Π. 1 Μαθήματα HTML www.w3schools.com 24/10/2014 HTML - Καραμαούνας Π. 1 World Wide Web Το World Wide Web (WWW) είναι ένα παγκόσμιο δίκτυο ΗΥ Όλοι οι ΗΥ χρησιμοποιούν ένα standard επικοινωνίας, το ΗΤΤP Όλες

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

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

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

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

Γαβαλάς Δαμιανός 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 προσδιορίζει τη βασική

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

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

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

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

Εγχειρίδιο για τη δημιουργία Newsletter στο Word

Εγχειρίδιο για τη δημιουργία Newsletter στο Word Εγχειρίδιο για τη δημιουργία Newsletter στο Word Παράδειγμα Εικόνας Πρόλογος Αυτό το πρότυπο του Word θα σας δώσει τη δυνατότητα να δημιουργήσετε τα προσωπικά σας Newsletter στο MS Word. Μπορείτε να επιλέξετε

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

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

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

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

Δημιουργία ενός κενού πίνακα

Δημιουργία ενός κενού πίνακα 3.4.1.1 Δημιουργία ενός κενού πίνακα Ένας πίνακας αποτελείται από έναν αριθμό γραμμών και στηλών που δημιουργούν ένα πλέγμα. Σε αυτό το πλέγμα είναι πιθανή η ύπαρξη ή μη περιθωρίων. Κάθε κελί του πίνακα

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

1 ο Εργαστήριο Συντεταγμένες, Χρώματα, Σχήματα

1 ο Εργαστήριο Συντεταγμένες, Χρώματα, Σχήματα 1 ο Εργαστήριο Συντεταγμένες, Χρώματα, Σχήματα 1. Σύστημα Συντεταγμένων Το σύστημα συντεταγμένων που έχουμε συνηθίσει από το σχολείο τοποθετούσε το σημείο (0,0) στο σημείο τομής των δυο αξόνων Χ και Υ.

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

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

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

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

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

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

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

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

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

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

Εισαγωγή στην HTML Τα tags της HTML και τα γνωρίσματά τους

Εισαγωγή στην HTML Τα tags της HTML και τα γνωρίσματά τους Εισαγωγή στην HTML Τα tags της HTML και τα γνωρίσματά τους Με την γλώσσα περιγραφής υπερ-κειμένου (HTML) μπορούμε να σχεδιάζουμε ιστοσελίδες. Η HyperText Markup Language βασίζεται στην SGML (Standard Generalized

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

ΕΡΓΑΣΤΗΡΙΟ: ΤΕΧΝΟΛΟΓΙΕΣ ΠΛΗΡΟΦΟΡΙΑΣ ΚΑΙ ΕΠΙΚΟΙΝΩΝΙΑΣ ΣΤΟΝ ΤΟΥΡΙΣΜΟ. 2o ΕΡΓΑΣΤΗΡΙΟ ΜΟΡΦΟΠΟΙΗΣΗ ΣΤΗΝ HTML

ΕΡΓΑΣΤΗΡΙΟ: ΤΕΧΝΟΛΟΓΙΕΣ ΠΛΗΡΟΦΟΡΙΑΣ ΚΑΙ ΕΠΙΚΟΙΝΩΝΙΑΣ ΣΤΟΝ ΤΟΥΡΙΣΜΟ. 2o ΕΡΓΑΣΤΗΡΙΟ ΜΟΡΦΟΠΟΙΗΣΗ ΣΤΗΝ HTML ΕΡΓΑΣΤΗΡΙΟ: ΤΕΧΝΟΛΟΓΙΕΣ ΠΛΗΡΟΦΟΡΙΑΣ ΚΑΙ ΕΠΙΚΟΙΝΩΝΙΑΣ ΣΤΟΝ ΤΟΥΡΙΣΜΟ ΠΕΡΙΕΧΟΜΕΝΟ ΜΑΘΗΜΑΤΟΣ 2o ΕΡΓΑΣΤΗΡΙΟ ΜΟΡΦΟΠΟΙΗΣΗ ΣΤΗΝ HTML 1. Μορφοποίηση κειμένου Ετικέτες στυλ 2. Ιδιότητες ετικετών 3. Λίστες 4. Υπερσυνδέσεις

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Προγραμματισμός ταμειακής ροής για αγορές υλικών

Προγραμματισμός ταμειακής ροής για αγορές υλικών Προγραμματισμός ταμειακής ροής για αγορές υλικών Η βάση δεδομένων του Navision μπορεί να χρησιμοποιηθεί για την άντληση δεδομένων και από άλλα εργαλεία εκτός Navision. Θα δημιουργήσουμε ένα παράδειγμα

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

Προγραμματισμός ταμειακής ροής για αγορές υλικών

Προγραμματισμός ταμειακής ροής για αγορές υλικών Προγραμματισμός ταμειακής ροής για αγορές υλικών Η βάση δεδομένων του Navision μπορεί να χρησιμοποιηθεί για την άντληση δεδομένων και από άλλα εργαλεία εκτός Navision. Θα δημιουργήσουμε ένα παράδειγμα

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

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

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

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

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

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

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

Περιεχόμενα. Γαβαλάς Δαμιανός Τρέχον status της HTML

Περιεχόμενα. Γαβαλάς Δαμιανός Τρέχον status της HTML Δικτυακά Πολυμέσα ΙΙ Διάλεξη #2 η : Βασικές έννοιες σχεδιασμού στο web Γαβαλάς Δαμιανός dgavalas@aegean.gr Περιεχόμενα Τρέχον status της HTML Μετάβαση από την HTML στην XHTML Κλέ Καλές πρακτικές συγγραφής

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

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

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

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

Διάλεξη 3η HTML intermediate

Διάλεξη 3η HTML intermediate Διάλεξη 3η HTML intermediate Στέλιος Μόσχογλου Θεοδόσης Σουργκούνης Αντώνης Χρυσόπουλος I S S E L D e. c o. d e (Intelligent Systems & Software Engineering Lab) Στόχος της ώρας Επέκταση γνώσεων στην html

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

ADOBE DREAMWEAVER CS3 ΒΙΒΛΙΟ ΚΑΘΗΓΗΤΗ

ADOBE DREAMWEAVER CS3 ΒΙΒΛΙΟ ΚΑΘΗΓΗΤΗ ΥΠΟΥΡΓΕΙΟ ΕΘΝΙΚΗΣ ΠΑΙΔΕΙΑΣ ΚΑΙ ΘΡΗΣΚΕΥΜΑΤΩΝ ADOBE CS3 ΒΙΒΛΙΟ ΚΑΘΗΓΗΤΗ ΠΑΡΑΓΩΓΗ Το παρόν εκπονήθηκε στο πλαίσιο του Υποέργου 13 «Προσαρμογή Λογισμικού-Φάση ΙΙΙ» της Πράξης «Επαγγελματικό λογισμικό στην

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

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

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

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

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

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

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

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

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

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

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

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

να ακολουθήσουμε Έναρξη Όλα τα Προγράμματα και να ενεργοποιήσουμε την επιλογή Microsoft Word.

να ακολουθήσουμε Έναρξη Όλα τα Προγράμματα και να ενεργοποιήσουμε την επιλογή Microsoft Word. ΕΠΕΞΕΡΓΑΣΙΑ ΚΕΙΜΕΝΟΥ ΜΕ ΤΟ WORD Περιεχόμενα Εκκίνηση του Microsoft Word... 3 Το παράθυρο του Word... 3 Η Κορδέλα με τις καρτέλες... 4 Κεντρική... 4 Εισαγωγή... 4 Διάταξη Σελίδας... 5 Αναφορές... 5 Στοιχεία

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

WORDPRESS ΕΙΣΑΓΩΓΗ ΕΙΚΟΝΑΣ ΕΙΣΑΓΩΓΗ ΒΙΝΤΕΟ ΕΙΣΑΓΩΓΗ ΣΥΝΔΕΣΜΟΥ

WORDPRESS ΕΙΣΑΓΩΓΗ ΕΙΚΟΝΑΣ ΕΙΣΑΓΩΓΗ ΒΙΝΤΕΟ ΕΙΣΑΓΩΓΗ ΣΥΝΔΕΣΜΟΥ WORDPRESS ΕΙΣΑΓΩΓΗ ΕΙΚΟΝΑΣ ΕΙΣΑΓΩΓΗ ΒΙΝΤΕΟ ΕΙΣΑΓΩΓΗ ΣΥΝΔΕΣΜΟΥ Το Wordpress σας δίνει την δυνατότητα να εμπλουτίσετε τα άρθρα σας με εικόνες. Τις εικόνες αυτές είτε τις δημιουργήσει είτε τις έχετε προμηθευτεί

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

Πίνακες, περιγράµµατα και σκίαση

Πίνακες, περιγράµµατα και σκίαση Πίνακες, περιγράµµατα και σκίαση Οι πίνακες Οι πίνακες είναι ορθογώνια πλαίσια που χωρίζονται σε γραµµές και στήλες. Η τοµή µιας γραµµής µε µια στήλη προσδιορίζει ένα κελί. Τα στοιχεία, που παρουσιάζουµε,

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

ΕΝΟΤΗΤΑ 6: «Microsoft PowerPoint 2007» Κεφάλαιο 6.7: Αναδιάταξη κειμένου και αντικειμένων

ΕΝΟΤΗΤΑ 6: «Microsoft PowerPoint 2007» Κεφάλαιο 6.7: Αναδιάταξη κειμένου και αντικειμένων Πρόγραμμα Πιστοποίησης Γνώσεων και Δεξιοτήτων ΕΝΟΤΗΤΑ 6: «Microsoft PowerPoint 2007» Κεφάλαιο 6.7: Αναδιάταξη κειμένου και αντικειμένων Αντώνης Χατζηνούσκας 2 ΠΕΡΙΕΧΟΜΕΝΑ Α. Σκοπός του Μαθήματος Β. Θεωρία

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

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

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

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

5.1.1 Περιγραφή των συστατικών τμημάτων ενός γραφήματος

5.1.1 Περιγραφή των συστατικών τμημάτων ενός γραφήματος 5. Γραφήματα 5.1 Εισαγωγή 5.1.1 Περιγραφή των συστατικών τμημάτων ενός γραφήματος Το Discoverer παρέχει μεγάλες δυνατότητες στη δημιουργία γραφημάτων, καθιστώντας δυνατή τη διαμόρφωση κάθε συστατικού μέρους

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

HTML 1. Στόχος της ώρας 11/3/2014. Εισαγωγή της γλώσσας HTML σε αρχάριο επίπεδο:

HTML 1. Στόχος της ώρας 11/3/2014. Εισαγωγή της γλώσσας HTML σε αρχάριο επίπεδο: HTML 1 Στόχος της ώρας Τι είναι HTML και CSS; ιαχωρισμός περιεχομένου/μορφοποίησης Πότε χρησιμοποιούμε το ένα και πότε το άλλο; Εισαγωγή της γλώσσας HTML σε αρχάριο επίπεδο: Βασική σύνταξη, ετικέτες Τίτλοι,

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

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

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

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

Από τον κατάλογο Web επιλέγουμε το Page, οπότε στο κυρίως μέρος της οθόνης εμφανίζονται οι σελίδες τις οποίες έχουμε δικαίωμα να ενημερώσουμε.

Από τον κατάλογο Web επιλέγουμε το Page, οπότε στο κυρίως μέρος της οθόνης εμφανίζονται οι σελίδες τις οποίες έχουμε δικαίωμα να ενημερώσουμε. 1. Διαδικασία Login Για να κάνουμε login ανοίγουμε ένα πρόγραμμα πλοήγησης (Internet Explorer, Mozilla Firefox κτλ) και πηγαίνουμε στην εξής διεύθυνση: https://www.tuc.gr/typo3 Στο πεδίο Username εισάγουμε

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

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

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

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

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

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

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

SPSS Statistical Package for the Social Sciences

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

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

ΗΤΜL ΔΗΜΙΟΥΡΓΩΝΤΑΣ ΕΝΑ HTML ΑΡΧΕΙΟ

ΗΤΜL ΔΗΜΙΟΥΡΓΩΝΤΑΣ ΕΝΑ HTML ΑΡΧΕΙΟ ΗΤΜL HTML σημαίνει HyperText Markup Language, είναι δηλαδή μια γλώσσα που μας επιτρέπει να μορφοποιούμε κάποιες πληροφορίες προκειμένου να εμφανιστούν με τον τρόπο που θέλουμε σε έναν φυλλομετρητή. Η HTML

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

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

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

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

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

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

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

Browsers. Λειτουργικότητα και Παραμετροποίηση

Browsers. Λειτουργικότητα και Παραμετροποίηση Browsers Λειτουργικότητα και Παραμετροποίηση 1 Πίνακας περιεχομένων Γενική περιγραφή... 3 Γενικά... 3 Ποιο αναλυτικά τα μέρη ενός browser... 4 Φίλτρα αναζήτησης... 4 Σενάρια αναζήτησης... 4 Όψεις εμφάνισης

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

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

TEC510 Ανάπτυξη Δικτυακών Τόπων (Ε εξάμηνο) Διδάσκων: Ανδρέας Γιαννακουλόπουλος Επιστημονικός συνεργάτης Εργαστηρίου: Γιώργος Μηλιώτης TEC510 Ανάπτυξη Δικτυακών Τόπων (Ε εξάμηνο) Διδάσκων: Ανδρέας Γιαννακουλόπουλος Επιστημονικός συνεργάτης Εργαστηρίου: Γιώργος Μηλιώτης Χειμερινό εξάμηνο 2011-2012 Χρηματοδότηση Το παρόν εκπαιδευτικό υλικό

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

Εγχειρίδιο χρήσης Print2PDF σελ. 1 από 32

Εγχειρίδιο χρήσης Print2PDF σελ. 1 από 32 Πρόγραμμα Print2PDF (Εκτύπωση κειμένου και εικόνων σε αρχεία PDF) Πρόλογος Η εφαρμογή Print2PDF (Print to PDF Εκτύπωση σε αρχεία PDF) σας επιτρέπει να εκτυπώσετε το δικό σας κείμενο πάνω σε ένα έντυπο

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

Οι εφαρμογές Υπολογιστικών Φύλλων είναι προγράμματα που μας παρέχουν πολλές δυνατότητες όπως:

Οι εφαρμογές Υπολογιστικών Φύλλων είναι προγράμματα που μας παρέχουν πολλές δυνατότητες όπως: Εισαγωγή στα Υπολογιστικά Φύλλα Οι εφαρμογές Υπολογιστικών Φύλλων είναι προγράμματα που μας παρέχουν πολλές δυνατότητες όπως: Να καταχωρούμε δεδομένα σε γραμμές και στήλες. Τα δεδομένα μπορεί να είναι

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

ZTrade Quick Start User Manual Version 2.2

ZTrade Quick Start User Manual Version 2.2 ZTrade Quick Start User Manual Version 2.2 1. Εισαγωγή Το κείμενο αυτό περιγράφει τις βασικές λειτουργίες της εφαρμογής ZΤrade για την παρακολούθηση των αγορών και την διαχείριση των χαρτοφυλακίων. Για

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

Με την αλλαγή των μεταβλητών σελιδοποίησης αυτόματα ρυθμίζετε το νέο όριο για τα άρθρα και τα αποτελέσματα αναζήτησης.

Με την αλλαγή των μεταβλητών σελιδοποίησης αυτόματα ρυθμίζετε το νέο όριο για τα άρθρα και τα αποτελέσματα αναζήτησης. Γενικές Ρυθμίσεις Στην ενότητα αυτή θα περιγράψουμε τις λειτουργίες των Γενικών Ρυθμίσεων. Εκεί αποθηκεύονται όλες οι ρυθμίσεις του Guru CMS. Εάν κάνετε κλικ στο σύνδεσμο "Γενικές Ρυθμίσεις" από την κύρια

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

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

Σχεδιασμός και ανάπτυξη ενός Web Site. Αθ. Ανδρούτσος Σχεδιασμός και ανάπτυξη ενός Web Site Αθ. Ανδρούτσος 1. Εισαγωγή Με τον όρο Web-based εφαρμογή εννοούμε ένα σύνολο τεχνολογιών με κοινό χαρακτηριστικό την δυνατότητα επικοινωνίας μέσω του πρωτοκόλλου http

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

www.costaschatzinikolas.gr

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

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

Οδηγίες για εισαγωγή Photo Gallery σε Ιστοσελίδα με το SharePoint Designer 2007

Οδηγίες για εισαγωγή Photo Gallery σε Ιστοσελίδα με το SharePoint Designer 2007 Οδηγίες για εισαγωγή Photo Gallery σε Ιστοσελίδα με το SharePoint Designer 2007 Το πρόγραμμα Share Point Designer 2007 παρέχει την δυνατότητα να εισάγουμε Συλλογή φωτογραφιών, οι οποίες προβάλλονται με

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

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

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

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

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

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

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