ΣΗΜΑΣΙΟΛΟΓΙΚΟΣ ΙΣΤΟΣ - XML

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

Download "ΣΗΜΑΣΙΟΛΟΓΙΚΟΣ ΙΣΤΟΣ - XML"

Transcript

1 ΠΑΝΕΠΙΣΤΗΜΙΟ ΠΕΙΡΑΙΩΣ ΤΜΗΜΑ ΨΗΦΙΑΚΩΝ ΣΥΣΤΗΜΑΤΩΝ ΣΗΜΑΣΙΟΛΟΓΙΚΟΣ ΙΣΤΟΣ - XML Εργαστήρια 5-6 Στουγιάννου Ελευθερία estoug@unipi.gr

2 Περιεχόμενα Πέμπτου - Έκτου Εργαστηριακού Μαθήματος XML XSLT XPath Ασκήσεις Ερωτήσεις

3 extensible Stylesheet Language - XSL Η XSL είναι μια γλώσσα που «λέει» σε έναν browser πώς να επεξεργαστεί ένα XML αρχείο και να εμφανίσει τα δεδομένα XML. Συγκεκριμένα, η XSL επιτρέπει (α) την επιλογή των δεδομένων της XML που θέλουμε να εμφανισθούν, (β) την παρουσίασή τους με οποιαδήποτε σειρά ή διάταξη, (γ) την τροποποίησή τους και (δ) την προσθήκη πληροφοριών. Αποτελεί μέθοδο πολύ πιο ισχυρή και ευέλικτη από τη χρήση CSS. Ενώ το φύλλο στυλ CSS επιτρέπει απλώς τη μορφοποίηση κάθε στοιχείου XML, το φύλλο στυλ XSL δίνει τη δυνατότητα πλήρους ελέγχου του αποτελέσματος. Κομμάτι της XML αποτελεί η XSLT (XSL Transform) που χρησιμοποιείται για να μετατρέψει ένα XML έγγραφο σε ένα άλλο XML έγγραφο που μπορεί να αναγνωριστεί από έναν browser, όπως ένα HTML ή ένα (X)HTML έγγραφο. Η XSL είναι κάτι περισσότερο από μια Style Sheet γλώσσα. Αποτελείται από τρία μέλη: Την XSLT που είναι μια γλώσσα για την μετατροπή των XML εγγράφων Την XPath που είναι μια γλώσσα για την πλοήγηση στα XML έγγραφα Την XSL-FO που είναι μια γλώσσα για την μορφοποίηση των XML εγγράφων Η XSLT χρησιμοποιεί την XPath για να βρει πληροφορία σε ένα XML έγγραφο. Η XPath χρησιμοποιείται για την πλοήγηση στα elements και τα attributes των XML εγγράφων.

4 Μια γενική άποψη της XSLT Μετατροπή XML documents σε άλλες μορφές αρχείων: (X)HTML (Saxon) PDF ZIP TEXT - XML

5 Extensible HyperText Markup Language (XHTML) Η Extensible HyperText Markup Language (XHTML) είναι σχεδόν ταυτόσημη με την HTML 4.01, αλλά επίσης είναι σύμφωνη και με την αυστηρή σύνταξη της XML. Αυτή η συμμόρφωση κάνει την XHTML μία αυστηρά δομημένη γλώσσα σήμανσης (markup language). Ένα έγγραφο γραμμένο σε XHTML θα πρέπει να είναι καλά διατυπωμένο ( well-formed ) και συνεπώς, θα πρέπει να ερμηνεύεται και να εμφανίζεται στους φυλλομετρητές με τον τρόπο με τον οποίο οι συγγραφείς του επιθυμούν. Μερικές από τις πιο σημαντικές απαιτήσεις της XHTML είναι: Τα στοιχεία πρέπει να είναι κατάλληλα εμφωλευμένα. Τα στοιχεία θε πρέπει πάντα να κλείνουν. Τα στοιχεία και οι ιδιότητες θα πρέπει να είναι γραμμένα με μικρά γράμματα. Οι τιμές των ιδιοτήτων θα πρέπει να είναι σε εισαγωγικά. Τα έγγραφα θα πρέπει να έχουν τρία κύρια μέρη: ορισμός DOCTYPE, Τμήμα κεφαλής (head section), και τμήμα σώματος (body section)

6 Κάποια βασικά βήματα σύνδεσης XML- XSL αρχείων (1/3) Ας υποθέσουμε ότι έχουμε το people.xml με τα στοιχεία ορισμένων ανθρώπων όπως φαίνεται παρακάτω και θέλουμε να παρουσιάσουμε τα δεδομένα αυτά σε ένα πίνακα στο browser δημιουργώντας κατάλληλα το people.xsl και ενώνοντας τα δύο αρχεία. Σύνδεση του XML doc με το XSLT file

7 Κάποια βασικά βήματα σύνδεσης XML- XSL αρχείων (2/3) Για να φτιάξουμε το people.xsl πρέπει πρώτα να προσθέσουμε το Namespace (μέρος του xsl φαίνεται παρακάτω). Πρόσθεσε το Namespace Το Namespace prefix xsl: χρησιμοποιείται για να αναγνωριστούν τα xsl statements Που θα γίνουν processed. Αν ένα statement δεν έχει το xsl:, τότε αντιγράφεται στην έξοδο χωρίς να γίνει processed. Προσοχή: το XSLT πρέπει να είναι valid (stop tag </xsl:stylesheet>)

8 Κάποια βασικά βήματα σύνδεσης XML- XSL αρχείων (3/3) Έπειτα στο people.xsl πρέπει να ακολουθήσουμε τα παρακάτω βήματα (μέρος του xsl φαίνεται παρακάτω), κ.ο.κ Επέλεξε όλα τα elements από το root: template match= / Επέλεξε όλα τα Person tags: <xsl:for-each select= people/person > Επέλεξε την τιμή του ΝΑΜΕ element: <xsl:value-of select= name />

9 XSLT XPath - Δενδροειδής Δομή Η XPath είναι ένα συστατικό της XSLT. Μία γλώσσα για να αναγνωρίζουμε τα elements/attributes σε ένα XML document.

10 XPath Expressions (1/6) /library /library/book Fourth Civilization"] /library/book[1] //book[2] <library> <book name="c++ How to Program" /> <book name="the Fourth Civilization" /> </library>

11 XPath Expressions (2/6) /library /library/book Fourth Civilization"] /library/book[1] //book[2] <library> <book name="c++ How to Program" /> <book name="the Fourth Civilization" /> </library>

12 XPath Expressions (3/6) /library /library/book Fourth Civilization"] /library/book[1] //book[2] <library> <book name="c++ How to Program" /> <book name="the Fourth Civilization" /> </library> Σημείωση: Ένας browser μπορεί να χρησιμοποιήσει και να εμφανίζει τιμές των attributes σε ένα XSL αρχείο. Η σύνταξη

13 XPath Expressions (4/6) /library /library/book Fourth Civilization"] /library/book[1] //book[2] <library> <book name="c++ How to Program" /> <book name="the Fourth Civilization" /> </library>

14 XPath Expressions (5/6) /library /library/book Fourth Civilization"] /library/book[1] //book[2] <library> <book name="c++ How to Program" /> <book name="the Fourth Civilization" /> </library>

15 XPath Expressions (6/6) /library /library/book Fourth Civilization"] /library/book[1] //book[2] <library> <book name="c++ How to Program" /> <book name="the Fourth Civilization" /> </library>

16 XPath Node Selectors (1/4) /library/* /library/book[1]/text() /library/node()[1]. <library> <!-- comment --> <book>the Principles of Computer Hardware</book> <book name="the Fourth Civilization" /> </library>

17 XPath Node Selectors (2/4) /library/* /library/book[1]/text() /library/node()[1]. <library> <!-- comment --> <book>the Principles of Computer Hardware</book> <book name="the Fourth Civilization" /> </library>

18 XPath Node Selectors (3/4) /library/* /library/book[1]/text() /library/node()[1]. <library> <!-- comment --> <book>the Principles of Computer Hardware</book> <book name="the Fourth Civilization" /> </library>

19 XPath Node Selectors (3/4) /library/* /library/book[1]/text() /library/node()[1]. <library> <!-- comment --> <book>the Principles of Computer Hardware</book> <book name="the Fourth Civilization" /> </library> Σημείωση: Μπορείτε να χρησιμοποιήσετε το Plugin του Notepad++, XML Tools για να ελέγξετε αρχικά την εγκυρότητα ενός xml αρχείου και έπειτα να δείτε τα XPaths που υπάρχουν στο αρχείο αυτό.

20 Άσκηση 1 σε XPath (1/3) Δίνεται το παρακάτω XML document. <?xml version="1.0" encoding="iso "?> <bookstore> <book isbn="111111" cat="fiction"> <title lang="chn">harry Potter</title> <price unit="usd">79.99</price> </book> <book isbn="222222" cat="textbook"> <title lang="eng">learning XML</title> <price unit="usd">69.95</price> </book> <book isbn="333333" cat="textbook"> <title lang="eng">intro. to Databases</title> <price unit="usd">39.00</price> </book> </bookstore>

21 Άσκηση 1 σε XPath (2/3) Συμπληρώστε την XPath Expression χρησιμοποιώντας Node Selectors. Description Selects the document root node. Selects the bookstore element node. Selects all book element nodes. Selects all price element nodes. Selects all lang attribute nodes. Selects text nodes of all price element nodes. Select all child nodes of book element nodes. Select all attribute nodes. XPath Expression

22 Άσκηση 1 σε XPath Λύση (3/3) Description Selects the document root node. / /. Selects the bookstore element node. Selects all book element nodes. Selects all price element nodes. Selects all lang attribute nodes. Selects text nodes of all price element nodes. Select all child nodes of book element nodes. Select all attribute nodes. XPath Expression /bookstore./bookstore /bookstore/book //book bookstore/book/price //price //@lang //price/text() /bookstore/book/* //book/* //@*

23 XSL - Παράδειγμα <?xml-stylesheet type="text/xsl" href="class.xsl"?>

24 Βασικοί Κανόνες Δομής XSL Η πρώτη γραμμή του XSL αρχείου δείχνει ότι το XSL είναι γραμμένο στην XML. Η γραμμή: <?xml version= 1.0?> <xsl:stylesheet xmlns:xsl= > «λέει» στον browser ότι αυτό το αρχείο είναι XSL stylesheet. Εναλλακτικά, μπορούμε να χρησιμοποιήσουμε μια από τις παρακάτω συνώνυμες εντολές: <xsl:stylesheet version="1.0" xmlns:xsl=" <xsl:transform version="1.0" xmlns:xsl=" Συνδέουμε ένα XML αρχείο με το XSL αρχείο με την εντολή: <?xml-stylesheet type="text/xsl" href="class.xsl"?>

25 XSL Κανόνες: XSL Template & Value-of Το XSL Style Sheet αποτελείται από ένα ή περισσότερα σύνολα κανόνων που ονομάζονται templates. Το <xsl:template> element δημιουργεί templates. Η match attribute χρησιμοποιείται για να συνδέσει ένα template με ένα XML element κι έχει τιμή μια XPath έκφραση (είναι σαν να πλοηγούμαστε σε ένα σύστημα φακέλων, όπου υπάρχει / πηγαίνουμε σε υποφακέλους). Όταν αυτή έχει τιμή /, προσδιορίζει όλο το XML έγγραφο. Κάθε template περιέχει κανόνες που πρόκειται να εφαρμοστούν όταν ένα element ταιριάζει με το path που παίρνει σαν τιμή το attribute match. Επομένως, το παρακάτω template, σημαίνει ότι οι κανόνες που βρίσκονται ανάμεσα στο tag αρχής και τέλους πρέπει να εφαρμοστούν στο root element (σε όλο το XML έγγραφο). <xsl:template match= / > XPath </xsl:template> Το <xsl:value-of> element χρησιμοποιείται για να εξάγει την τιμή ενός XML element και να την προσθέσει στην έξοδο, ενώ έχει τιμή μια XPath έκφραση. <xsl:value-of select= class/title > <xsl:value-of select= class/students/student/name/first > Π.Χ. <xsl:value-of select= class/students/student/major/@decided >

26 XSL Άσκηση 1 (1/3) Δίνεται το XML αρχείο note.xml: <?xml version="1.0"?> <note> <from>john</from> <to>merry</to> <message title="reminder" >Do nοt forget me</message> </note> Αντιγράψτε το και ανοίξτε το με έναν browser της επιλογής σας.

27 XSL Άσκηση 1 (2/3) Ζητείται να γράψετε ένα XSL stylesheet για το note, το οποίο να εμφανίζει το παρακάτω μήνυμα: There was a message from John to Merry with title Reminder. Διευκρινήσεις: Το όνομα John είναι γραμμένο με bold και το όνομα Merry με italic. Ονομάστε το stylesheet με όνομα note.xsl Προσθέστε στο note.xml την γραμμή που καθοδηγεί τον browser στο note.xsl. <?xml-stylesheet type = "text/xsl" href="note.xsl"?> Τέλος, ανοίξτε εκ νέου το note.xml με έναν browser της επιλογής σας.

28 XSL Άσκηση 1 (3/3) note.xsl

29 XSL Άσκηση 2 (1/2) Χρησιμοποιήστε το note.xml της άσκησης 1: <?xml version="1.0"?> <note> <from>john</from> <to>merry</to> <message title="reminder" >Do nοt forget me</message> </note> Ζητείται να γράψετε ένα XSL stylesheet (note2.xsl), το οποίο να εμφανίζει το note.xml στην παρακάτω μορφή (HTML table): Διευκρινήσεις: 1. Οι τίτλοι στον πίνακα είναι bold. 2. Ο πίνακας έχει border=5 και cellpadding=5. 3. Ονομάστε το νέο αρχείο note2.xsl.

30 XSL Άσκηση 2 Λύση (2/2) note2.xsl

31 XSL Κανόνες: XSL for-each & if Το <xsl:for-each> element χρησιμοποιείται για να κάνει επανάληψη (looping), και έχει τιμή μια XPath έκφραση. Επίσης, δίνει τη δυνατότητα να φιλτράρουμε την επιλογή μας, πχ.: <xsl:for-each select="library/book[price='14']"> που σημαίνει ότι, μας βγάζει τα δεδομένα για τα βιβλία που έχουν τιμή 14. Το <xsl:if> element βάζει μια συνθήκη. Με άλλα λόγια, επιτρέπει να ανακτήσουμε υπό συνθήκη την τιμή των των elements ή attributes, πχ.: <xsl:if test= PRICE > 15"> που σημαίνει ότι, εμφανίζει εκείνα τα δεδομένα που έχουν τιμή μεγαλύτερη από 15.

32 XSL Άσκηση 3 (1/3) Κατεβάστε το αρχείο class.xml και το αρχείο class.xsl. Ανοίξτε το αρχείο class.xml με έναν browser της επιλογής σας. Το αποτέλεσμα που θα δείτε είναι το παρακάτω:

33 XSL Άσκηση 3 (2/3) Ζητείται να τροποποιήσετε το αρχείο class.xsl έτσι ώστε, από όλους τους students που έχουν major (decided = "y") να εμφανίσετε σε unordered list το κείμενο των στοιχείων <majorname>. Υπενθύμιση: Το HTML συντακτικό για την unordered list: <UL> <LI> </LI> <LI> </LI> </UL> Το αποτέλεσμα θα πρέπει να είναι το παρακάτω (class2.xsl):

34 XSL Άσκηση 3 Λύση (3/3) class2.xsl

35 XSL Άσκηση 4 (1/5) Κατεβάστε το αρχείο student-major.xml και το αρχείο student-major.xsl. Ανοίξτε το αρχείο student-major.xml με έναν browser της επιλογής σας. Το αποτέλεσμα που θα δείτε είναι το παρακάτω:

36 XSL Άσκηση 4 (2/5) Ζητείται να τροποποιήσετε το αρχείο student-major.xsl έτσι ώστε, να παρουσιάσετε το αρχείο student-major.xml σαν έναν πίνακα με μια στήλη για τα student names και μια άλλη για τα major. Αν ο student δεν έχει καθόλου major, τότε να εμφανίζεται η φράση Ν/Α στην στήλη των major. Υπενθύμιση: Το HTML συντακτικό για τον πίνακα είναι: <TABLE BORDER = n > <TR> <TH> header </TH> </TR> <TR> <TD> data</td> </TR> </TABLE> Θα χρησιμοποιήσετε <xsl:for-each> και δύο <xsl:if> μέσα σε αυτό.

37 XSL Άσκηση 4 (3/5) Το αποτέλεσμα θα πρέπει να είναι το παρακάτω (student-major2.xsl):

38 XSL Άσκηση 4 Λύση (4/5) student-major2.xsl Α ΤΡΟΠΟΣ

39 XSL Άσκηση 4 Λύση (5/5) student-major2.xsl Β ΤΡΟΠΟΣ

40 XSL Κανόνες: XSL sort & choose Το <xsl:sort> element ταξινομεί την έξοδο, και το προσθέτουμε ανάμεσα στο <xsl:for-each> element και στο <xsl:template> element. Η τιμή της select attribute δείχνει βάσει ποιου element θα γίνει η ταξινόμηση, πχ.: <xsl:sort select= PRICE"/> που σημαίνει ότι ταξινομεί τα δεδομένα βάσει της τιμής. Το element <xsl:choose> χρησιμοποιείται σε συνδυασμό με τα <xsl:when>, <xsl:otherwise> για να δηλώσει πολλές συνθήκες και συντάσσεται ως εξής: <xsl:choose> <xsl:when test="expression">... some output... </xsl:when> <xsl:otherwise>... some output... </xsl:otherwise> </xsl:choose>

41 XSL Κανόνες: XSL apply-templates Το element <xsl:apply-templates> δημιουργεί ένα template για το τρέχον element ή για τα child nodes του τρέχοντος element. Προσθέτοντας μία select attribute στο <xsl:apply-templates> element, προωθούμε μόνο το child element, στο οποίο ταιριάζει η τιμή της attribute. Μπορούμε να χρησιμοποιήσουμε την select attribute για να προσδιορίσουμε τη σειρά, με την οποία τα child nodes προωθούνται. Μπορεί να χρησιμοποιηθεί ως εναλλακτική του <xsl:for-each>.

42 XSL Άσκηση 5 (1/4) Δίνεται το παρακάτω XML αρχείο, lunch_menu.xml:

43 XSL Άσκηση 5 (2/4) Ζητείται να φτιαχτεί ο παρακάτω πίνακας, ώστε να πληρούνται τα παρακάτω κριτήρια: Η επικεφαλίδα Lunch Menu είναι h2. Ο πίνακας έχει border=1. Το χρώμα της πρώτης γραμμής του πίνακα είναι lightblue. Οι γραμμές του πίνακα είναι ταξινομημένες με βάση το όνομα (name).

44 XSL Άσκηση 5 Λύση (3/4) lunch_menu.xsl:

45 XSL Άσκηση 5 Λύση (4/4) Δεν ξεχνάμε να προσθέσουμε την παρακάτω εντολή στο lunch_menu.xml, ώστε να γίνει η σύνδεσή του με το lunch_menu.xml: <?xml-stylesheet type="text/xsl" href="lunch_menu.xsl"?>

46 XSL Άσκηση 6 (1/2) Τροποποιείστε το αρχείο της άσκησης 5, lunch_menu.xsl, έτσι ώστε να επιλέξετε όλα τα food με name Cheese Burger και να έχετε το παρακάτω αποτέλεσμα:

47 XSL Άσκηση 6 Λύση (2/2) lunch_menu2.xsl:

48 Μέρος του depcourses.xml (ένα δείγμα, όχι ολόκληρο το αρχείο) XSL Άσκηση 7 (1/6) Δίνεται ένα σύνολο δεδομένων XML (κατεβάστε το depcourses.xml από τον Εύδοξο) που αποτυπώνει έναν κατάλογο μαθημάτων. Από τα δεδομένα πληροφορούμαστε ότι υπάρχουν πολλά τμήματα, κάθε ένα έχει το δικό του πρόεδρο, κάποια μαθήματα και καθηγητές ή/και λέκτορες που τους έχουν ανατεθεί να διδάσκουν τα μαθήματα.

49 XSL Άσκηση 7 (2/6) 1 ο Ζητούμενο: Γράψτε ένα XSLT Query, το οποίο θα επιστρέφει μία λίστα με τους τίτλους των Τμημάτων (department titles). Η λύση σας θα πρέπει να ακολουθεί το παρακάτω stylesheet: <?xml version="1.0" encoding="iso "?> <xsl:stylesheet version="2.0" xmlns:xsl=" <xsl:template match=...>... template body... </xsl:template>... more templates as needed... </xsl:stylesheet> ΛΥΣΗ: <?xml version="1.0" encoding="iso "?> <xsl:stylesheet version="2.0" xmlns:xsl=" <xsl:template match="department"> <Title><xsl:value-of select="title" /></Title> </xsl:template> </xsl:stylesheet>

50 XSL Άσκηση 7 (3/6) 2ο Ζητούμενο: Γράψτε ένα XSLT Query, το οποίο θα επιστρέφει μία λίστα με στοιχεία των Τμημάτων (department elements) με κανένα attribute και δύο υποστοιχεία (subelements): τον τίτλο του Τμήματος (department title) και ολόκληρη τη δομή υποστοιχείων για τον Πρόεδρο (Chair). Η λύση σας θα πρέπει να ακολουθεί το παρακάτω stylesheet: <?xml version="1.0" encoding="iso "?> <xsl:stylesheet version="2.0" xmlns:xsl=" <xsl:template match=...>... template body... </xsl:template>... more templates as needed... </xsl:stylesheet> Το <xsl:copy-of> element δημιουργεί ένα αντίγραφο του τρέχοντος κόμβου. Κόμβοι Namespace, παιδιά-κόμβοι, και attributes του τρέχοντος κόμβου αυτομάτως αντιγράφονται όλα. ΛΥΣΗ: <?xml version="1.0" encoding="iso "?> <xsl:stylesheet version="2.0" xmlns:xsl=" <xsl:template match="department"> <Department> <Title><xsl:value-of select="title" /></Title> <xsl:copy-of select="chair" /> </Department> </xsl:template> </xsl:stylesheet>

51 XSL Άσκηση 7 (4/6) 3ο Ζητούμενο: Γράψτε το XPATH, έτσι ώστε να επιστρέφονται όλα τα elements Title (και για τα Τμήματαdepartments- και για τα μαθήματα-courses-). Σημείωση: Η λύση σας θα πρέπει να κάνει και αναφορά στο xml αρχείο doc ("depcourses.xml ") που θα έχει πρόσβαση στα δεδομένα. Απάντηση: doc("depcourses.xml")//title 4ο Ζητούμενο: Γράψτε το XPATH, έτσι ώστε να επιστρέφονται τα επίθετα (last names) όλων των Προέδρων των Τμημάτων. Σημείωση: Η λύση σας θα πρέπει να κάνει και αναφορά στο xml αρχείο doc ("depcourses.xml ") που θα έχει πρόσβαση στα δεδομένα. Απάντηση: doc("depcourses.xml")//chair/professor/last_name

52 XSL Άσκηση 7 (5/6) 5ο Ζητούμενο: Γράψτε το XPATH, έτσι ώστε να επιστρέφονται οι τίτλοι των μαθημάτων με συμμετοχή (enrollement) μεγαλύτερη από 500. Σημείωση: Η λύση σας θα πρέπει να κάνει και αναφορά στο xml αρχείο doc ("depcourses.xml ") που θα έχει πρόσβαση στα δεδομένα. Απάντηση: doc("depcourses.xml")//course[@enrollment > 500]/Title 6ο Ζητούμενο: Γράψτε το XPATH, έτσι ώστε να επιστρέφονται οι τίτλοι των Τμημάτων που έχουν κάποιο μάθημα που έχει ως προαπαιτούμενο το "CS106B". Σημείωση: Η λύση σας θα πρέπει να κάνει και αναφορά στο xml αρχείο doc ("depcourses.xml ") που θα έχει πρόσβαση στα δεδομένα. Απάντηση: doc("depcourses.xml")//department[course/prerequisites/prereq = "CS106B"]/Title

53 XSL Άσκηση 7 (6/6) 7ο Ζητούμενο: Γράψτε το XPATH, έτσι ώστε να επιστρέφονται τα επίθετα των Καθηγητών/Λεκτόρων που χρησιμοποιούν το μεσαίο αρχικό γράμμα ονόματος (middle initial). Αγνοήστε τις διπλές τιμές αν υπάρχουν. Σημείωση: Η λύση σας θα πρέπει να κάνει και αναφορά στο xml αρχείο doc ("depcourses.xml ") που θα έχει πρόσβαση στα δεδομένα. Απάντηση: doc("depcourses.xml")//(lecturer Professor)[Middle_Initial]/Last_Name 8ο Ζητούμενο: Γράψτε το XPATH, έτσι ώστε να επιστρέφεται το σύνολο (ο αριθμός) των μαθημάτων που έχουν ένα cross-listed μάθημα (π.χ. που έχουν το "Cross-listed" στην περιγραφή τους). Σημείωση: Η λύση σας θα πρέπει να κάνει και αναφορά στο xml αρχείο doc ("depcourses.xml ") που θα έχει πρόσβαση στα δεδομένα. Απάντηση: count(doc("depcourses.xml")//course[contains(description, "Cross-listed")]/Title)

54 CSS και XSL Παράδειγμα (1/2) 1. Δημιουργήστε ένα XML file με το ακόλουθο περιεχόμενο και σώστε το (tutorials.xml).

55 CSS και XSL Παράδειγμα (2/2) 2. Δημιουργήστε ένα αρχείο με το ακόλουθο περιεχόμενο και σώστε το με το όνομα tutorials.xsl στο ίδιο directory με το XML file και ανοίξτε το xml αρχείο στο browser.

56 Ερώτηση 1 σε XSL (1/3) Επιλέξτε ποιο από τις παρακάτω τέσσερεις επιλογές αποτελεί σωστό XSLT stylesheet για να εξάγει Transformation Results ταξινομημένα με την τιμή του attribute «Password» για το παρακάτω XML Έγγραφο. XML Document : <?xml version="1.0" encoding="utf-8"?> <UserList> <UserID Password="xxxxxx" Delete="1">User01</UserID> <UserID Password="zzzzzz" Delete="0">User02</UserID> <UserID Password="xyzxyz" Delete="0">User03</UserID> <UserID Password="yyyyyy" Delete="0">User04</UserID> </UserList> Transformation Results : User01/User03/User04/User02/

57 Ερώτηση 1 σε XSL (2/3) a. <?xml version="1.0" encoding="utf-8"?> <xsl:stylesheet version="1.0" xmlns:xsl=" <xsl:output method="text" /> <xsl:template match="/"> <xsl:sort select="@password" data-type="text" /> <xsl:apply-templates select="userlist/userid" /> </xsl:template> <xsl:template match="userid"> <xsl:value-of select="." /><xsl:text>/</xsl:text> </xsl:template> </xsl:stylesheet> b. <?xml version="1.0" encoding="utf-8"?> <xsl:stylesheet version="1.0" xmlns:xsl=" <xsl:output method="text" /> <xsl:template match="/"> <xsl:apply-templates select="userlist/userid" /> <xsl:sort select="@password" data-type="text" /> </xsl:template> <xsl:template match="userid"> <xsl:value-of select="." /><xsl:text>/</xsl:text> </xsl:template> </xsl:stylesheet>

58 Ερώτηση 1 σε XSL (3/3) c. <?xml version="1.0" encoding="utf-8"?> <xsl:stylesheet version="1.0" xmlns:xsl=" <xsl:output method="text" /> <xsl:template match="/"> <xsl:apply-templates select="userlist/userid"> <xsl:sort select="@password" data-type="text" /> </xsl:apply-templates> </xsl:template> <xsl:template match="userid"> <xsl:value-of select="." /><xsl:text>/</xsl:text> </xsl:template> </xsl:stylesheet> d. <?xml version="1.0" encoding="utf-8"?> <xsl:stylesheet version="1.0" xmlns:xsl=" <xsl:output method="text" /> <xsl:template match="/"> <xsl:apply-templates select="userlist/userid" /> </xsl:template> <xsl:template match="userid"> <xsl:sort select="@password" data-type="text"> <xsl:value-of select="." /><xsl:text>/</xsl:text> </xsl:sort> </xsl:template> </xsl:stylesheet> Σωστή Απάντηση: c

59 Ερώτηση 2 σε XSL (1/2) Επιλέξτε ποιο από τις παρακάτω τέσσερεις επιλογές αποτελεί σωστό αποτέλεσμα μετάφρασης (transformation result) όταν εφαρμοστεί το παρακάτω XSLT Stylesheet στο παρακάτω XML Έγγραφο. XML Document : <?xml version="1.0" encoding="utf-8"?> <UserList> <UserID Password="xxxxxx" authority="administrator">user01</userid> <UserID Password="zzzzzz" authority="general">user02</userid> <UserID Password="xyzxyz" authority="system">user03</userid> <UserID Password="yyyyyy" authority="general">user04</userid> </UserList> XSLT Stylesheet : <?xml version="1.0" encoding="utf-8"?> <xsl:stylesheet version="1.0" xmlns:xsl=" <xsl:template match="/"> <SystemUserList> <xsl:apply-templates select="userlist/userid" /> </SystemUserList> </xsl:template> <xsl:template match="userid"> <xsl:if test="@authority='system'"> <UserID><xsl:value-of select="text()" /></UserID> <xsl:element name="authority"><xsl:value-of select="@authority" /></xsl:element> </xsl:if> </xsl:template> </xsl:stylesheet>

60 Ερώτηση 2 σε XSL (2/2) a. <?xml version="1.0" encoding="utf-8"?> <UserID>User03</UserID> <authority>system</authority> b. <?xml version="1.0" encoding="utf-8"?> <SystemUserList> <UserID>User03</UserID> </SystemUserList> c. <?xml version="1.0" encoding="utf-8"?> <SystemUserList> <authority>system</authority> <UserID>User03</UserID> </SystemUserList> d. <?xml version="1.0" encoding="utf-8"?> <SystemUserList> <UserID>User03</UserID> <authority>system</authority> </SystemUserList> Σωστή Απάντηση: d

61 Ερωτήσεις??

Σημασιολογικός Ιστός (Semantic Web) - XML

Σημασιολογικός Ιστός (Semantic Web) - XML Πανεπιστήμιο Πειραιώς Τμήμα Ψηφιακών Συστημάτων Σημασιολογικός Ιστός (Semantic Web) - XML 22/11/2016 Δρ. Ανδριάνα Πρέντζα Αναπληρώτρια Καθηγήτρια aprentza@unipi.gr Πανεπιστήμιο Πειραιά Τμήμα Ψηφιακών Συστημάτων

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

Σημασιολογικός Ιστός (Semantic Web) - XML

Σημασιολογικός Ιστός (Semantic Web) - XML Πανεπιστήμιο Πειραιώς Τμήμα Ψηφιακών Συστημάτων Σημασιολογικός Ιστός (Semantic Web) - XML 29/11/2016 Δρ. Ανδριάνα Πρέντζα Αναπληρώτρια Καθηγήτρια aprentza@unipi.gr Πανεπιστήμιο Πειραιά Τμήμα Ψηφιακών Συστημάτων

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

Μια εισαγωγή στην XSL

Μια εισαγωγή στην XSL Μια εισαγωγή στην XSL Daemon τεύχος 2 Γιώργος Γεωργοβασίλης georgeg@di.uoa.gr Τι θα δούμε Τι είναι η XSL; Ανασκόπηση Γενικά περί XML και XPath Γενικά περί XSL και εφαρμογών Παραδείγματα, σύνταξη κειμένων,

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

Προγραμματισμός και Συστήματα στον Παγκόσμιο Ιστό Ενότητα 6: XSL. Καθ. Ιωάννης Γαροφαλάκης Πολυτεχνική Σχολή Μηχανικών Η/Υ & Πληροφορικής

Προγραμματισμός και Συστήματα στον Παγκόσμιο Ιστό Ενότητα 6: XSL. Καθ. Ιωάννης Γαροφαλάκης Πολυτεχνική Σχολή Μηχανικών Η/Υ & Πληροφορικής Προγραμματισμός και Συστήματα στον Παγκόσμιο Ιστό Ενότητα 6: XSL Καθ. Ιωάννης Γαροφαλάκης Πολυτεχνική Σχολή Μηχανικών Η/Υ & Πληροφορικής Σκοποί ενότητας Σκοπός της παρούσας ενότητας είναι να εξοικειωθούν

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

BibConvert μετατροπές LOM

BibConvert μετατροπές LOM BibConvert μετατροπές LOM Δημοσθένης Νικούδης Μονάδα Αριστείας ΕΛ/ΛΑΚ ΤΕΙ Αθήνας BibConvert 2 Μετατρέπει μεταδεδομένα από άλλες μορφές σε MARC21 (ή πιο σωστά MARCXML) Command-line tool Δεν έχει web interface

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

Δικησοκενηρικά Πληροθοριακά Σσζηήμαηα

Δικησοκενηρικά Πληροθοριακά Σσζηήμαηα Δικησοκενηρικά Πληροθοριακά Σσζηήμαηα Εργαζηήριο 4: XSLT Μαρίνος Θεμιζηοκλέοσς Αλδξνύηζνπ 150 Γξαθείν 206 Τει. 210 414 2723 Email: mthemist@unipi.gr Ώξεο Γξαθείνπ: Δεπηέξα 11-12 AM Extensible Stylesheet

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

Γλώσσες Σήµανσης (Markup Languages) Τεχνολογία ιαδικτύου και Ηλεκτρονικό Εµπόριο

Γλώσσες Σήµανσης (Markup Languages) Τεχνολογία ιαδικτύου και Ηλεκτρονικό Εµπόριο Γλώσσες Σήµανσης (Markup Languages) Τεχνολογία ιαδικτύου και Ηλεκτρονικό Εµπόριο 1 Γλώσσες Σήµανσης Γλώσσες σήµανσης: Αρχικά για τον καθορισµό εµφάνισης σελίδων, γραµµατοσειρών. Στη συνέχεια επεκτάθηκαν

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

ΑΝΑΠΑΡΑΣΤΑΣΗ ΓΝΩΣΗΣ ΣΤΟΝ ΠΑΓΚΟΣΜΙΟ ΙΣΤΟ

ΑΝΑΠΑΡΑΣΤΑΣΗ ΓΝΩΣΗΣ ΣΤΟΝ ΠΑΓΚΟΣΜΙΟ ΙΣΤΟ ΑΝΑΠΑΡΑΣΤΑΣΗ ΓΝΩΣΗΣ ΣΤΟΝ ΠΑΓΚΟΣΜΙΟ ΙΣΤΟ XML-XSLT Ι. Χατζηλυγερούδης Διαμόρφωση Εγγράφων XML XSL (EXtensible Stylesheet Language): Είναι μια γλώσσα φύλλων στυλ για έγγραφα XML XSLT (XSL Transformations):

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

ΕΠΛ 012 Εισαγωγή στο Παγκόσμιο Πλέγμα Πληροφοριών

ΕΠΛ 012 Εισαγωγή στο Παγκόσμιο Πλέγμα Πληροφοριών ΕΠΛ 012 Εισαγωγή στο Παγκόσμιο Πλέγμα Πληροφοριών World Wide Web (WWW) Θέματα Επεξεργασία δεδομένων στο Web Δημιουργία απλών σελίδων HTML Περιγραφή κάποιων XHTML στοιχείων (tags) Εξέλιξης του WWW Το WWW

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

Σημασιολογικός Ιστός (Semantic Web) - XML

Σημασιολογικός Ιστός (Semantic Web) - XML Πανεπιστήμιο Πειραιώς Τμήμα Ψηφιακών Συστημάτων Σημασιολογικός Ιστός (Semantic Web) - XML 22/11/2016 Δρ. Ανδριάνα Πρέντζα Αναπληρώτρια Καθηγήτρια aprentza@unipi.gr Πανεπιστήμιο Πειραιά Τμήμα Ψηφιακών Συστημάτων

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

3. Επερώτηση XML Εγγράφων: Η Γλώσσα XPath

3. Επερώτηση XML Εγγράφων: Η Γλώσσα XPath Πανεπιστήμιο Πειραιώς Σχολή Τεχνολογιών Πληροφορικής και Επικοινωνιών Τμήμα Ψηφιακών Συστημάτων 3. Επερώτηση XML Εγγράφων: Η Γλώσσα XPath ιαχείριση εδομένων στον Παγκόσμιο Ιστό Χρήστος ουλκερίδης Τμήμα

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

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

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

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

Διαδίκτυο και Εφαρμογές 2η Άσκηση Μετασχηματισμοί XML και XSL. Γιαννέλος Γιάννης ΑΜ: Μαρινέλλης Γιώργος ΑΜ:

Διαδίκτυο και Εφαρμογές 2η Άσκηση Μετασχηματισμοί XML και XSL. Γιαννέλος Γιάννης ΑΜ: Μαρινέλλης Γιώργος ΑΜ: Διαδίκτυο και Εφαρμογές 2η Άσκηση Μετασχηματισμοί XML και XSL Γιαννέλος Γιάννης ΑΜ:03108088 Μαρινέλλης Γιώργος ΑΜ:03108680 18 Μαΐου 2012 Εισαγωγή Το αντικείμενο της άσκησης είναι η χρήση της τεχνολογίας

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

ΑΝΑΠΑΡΑΣΤΑΣΗ ΓΝΩΣΗΣ ΣΤΟΝ ΠΑΓΚΟΣΜΙΟ ΙΣΤΟ

ΑΝΑΠΑΡΑΣΤΑΣΗ ΓΝΩΣΗΣ ΣΤΟΝ ΠΑΓΚΟΣΜΙΟ ΙΣΤΟ ΑΝΑΠΑΡΑΣΤΑΣΗ ΓΝΩΣΗΣ ΣΤΟΝ ΠΑΓΚΟΣΜΙΟ ΙΣΤΟ XML-XPath Ι. Χατζηλυγερούδης Ερωτήματα σε έγγραφα XML Αντίστοιχα των ερωτημάτων (queries) σε βάσεις δεδομένων Γλώσσες ερωτημάτων (αντίστοιχες της SQL) XQL (XML Query

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

Προγραμματισμός και Συστήματα στον Παγκόσμιο Ιστό Ενότητα 5: XML. Καθ. Ιωάννης Γαροφαλάκης Πολυτεχνική Σχολή Μηχανικών Η/Υ & Πληροφορικής

Προγραμματισμός και Συστήματα στον Παγκόσμιο Ιστό Ενότητα 5: XML. Καθ. Ιωάννης Γαροφαλάκης Πολυτεχνική Σχολή Μηχανικών Η/Υ & Πληροφορικής Προγραμματισμός και Συστήματα στον Παγκόσμιο Ιστό Ενότητα 5: XML Καθ. Ιωάννης Γαροφαλάκης Πολυτεχνική Σχολή Μηχανικών Η/Υ & Πληροφορικής Σκοποί ενότητας Σκοπός της παρούσας ενότητας είναι να εξοικειωθούν

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

ΣΗΜΑΣΙΟΛΟΓΙΚΟΣ ΙΣΤΟΣ - XML

ΣΗΜΑΣΙΟΛΟΓΙΚΟΣ ΙΣΤΟΣ - XML ΠΑΝΕΠΙΣΤΗΜΙΟ ΠΕΙΡΑΙΩΣ ΤΜΗΜΑ ΨΗΦΙΑΚΩΝ ΣΥΣΤΗΜΑΤΩΝ ΣΗΜΑΣΙΟΛΟΓΙΚΟΣ ΙΣΤΟΣ - XML Εργαστήριο 1 Στουγιάννου Ελευθερία estoug@gmail.com Περιεχόμενα Εργαστηριακού Μαθήματος Τι είναι η XML Κανόνες της γλώσσας, βασικές

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

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

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

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

Περιεχόμενα. Λίγα λόγια από το συγγραφέα... 7

Περιεχόμενα. Λίγα λόγια από το συγγραφέα... 7 Περιεχόμενα Λίγα λόγια από το συγγραφέα... 7 Μέρος 1 1 Βασικοί όροι... 11 2 Βασική δομή κώδικα HTML... 25 3 Μορφοποίηση κειμένου... 39 4 Μορφοποίηση παραγράφων... 51 5 Εισαγωγή εικόνας... 63 6 Λίστες με

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

Σημασιολογικός Ιστός (Semantic Web) - XML

Σημασιολογικός Ιστός (Semantic Web) - XML Πανεπιστήμιο Πειραιώς Τμήμα Ψηφιακών Συστημάτων Σημασιολογικός Ιστός (Semantic Web) - XML 4/10/2016 Δρ. Ανδριάνα Πρέντζα Αναπληρώτρια Καθηγήτρια aprentza@unipi.gr Πανεπιστήμιο Πειραιά Τμήμα Ψηφιακών Συστημάτων

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

Δομημένη Αναπαράσταση Πληροφοριών

Δομημένη Αναπαράσταση Πληροφοριών Πανεπιστήμιο Πειραιώς Τμήμα Ψηφιακών Συστημάτων Δομημένη Αναπαράσταση Πληροφοριών 27/3/2018 Δρ. Ανδριάνα Πρέντζα Αναπληρώτρια Καθηγήτρια aprentza@unipi.gr Πανεπιστήμιο Πειραιά Τμήμα Ψηφιακών Συστημάτων

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

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

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

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

Τεχνολογίες Διαδικτύου - Εργαστήριο 1 ο

Τεχνολογίες Διαδικτύου - Εργαστήριο 1 ο Τεχνολογίες Διαδικτύου - Εργαστήριο 1 ο 1. Δημιουργία μιας απλής σελίδας HTML Στον προσωπικό σας κατάλογο δημιουργήστε ένα φάκελο με όνομα HTML. Ανοίξτε το Notepad ακολουθώντας τη διαδρομή (Start All Programs

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

Πληροφορική Τμήμα Σχεδιασμού & Τεχνολογίας Ξύλου & Επίπλου Αντώνιος Καραγεώργος Ευανθία Τσιλιχρήστου. Μάθημα 5 ο Τεχνολογίες Διαδικτύου: HTML I

Πληροφορική Τμήμα Σχεδιασμού & Τεχνολογίας Ξύλου & Επίπλου Αντώνιος Καραγεώργος Ευανθία Τσιλιχρήστου. Μάθημα 5 ο Τεχνολογίες Διαδικτύου: HTML I Πληροφορική Τμήμα Σχεδιασμού & Τεχνολογίας Ξύλου & Επίπλου Αντώνιος Καραγεώργος Ευανθία Τσιλιχρήστου Μάθημα 5 ο Τεχνολογίες Διαδικτύου: HTML I Διαδικτυακή Εφαρμογή (1/2) Ως διαδικτυακή εφαρμογή μπορούμε

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

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

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

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

Εισαγωγή XML: Extensible Markup Language Ορίστηκε από το WWW Consortium (W3C) ως συµπλήρωµα της HTML. εν σχεδιάστηκε για βάσεις δεδοµένων αλλά για δια

Εισαγωγή XML: Extensible Markup Language Ορίστηκε από το WWW Consortium (W3C) ως συµπλήρωµα της HTML. εν σχεδιάστηκε για βάσεις δεδοµένων αλλά για δια Ηµιδοµηµένες Β - XML Εισαγωγή Η δοµή των XML δεδοµένων Οργάνωση / διαχείριση XML δεδοµένων Ερωτήσεις σε XML δεδοµένα Αποθήκευση XML δεδοµένων σε Σχεσιακές Β Βασικήπηγήδιαφανειών: Silberschatz et al., Database

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

Σημασιολογικός Ιστός (Semantic Web) - XML

Σημασιολογικός Ιστός (Semantic Web) - XML Πανεπιστήμιο Πειραιώς Τμήμα Ψηφιακών Συστημάτων Σημασιολογικός Ιστός (Semantic Web) - XML 11/10/2016 Δρ. Ανδριάνα Πρέντζα Αναπληρώτρια Καθηγήτρια aprentza@unipi.gr Πανεπιστήμιο Πειραιά Τμήμα Ψηφιακών Συστημάτων

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

Πτυχιακή Εργασία. Σχεδιασμός & ανάπτυξη δικτυακής εφαρμογής οργάνωσης και διαχείρισης αεροδρομίου με χρήση λογισμικού ανοιχτού κώδικα

Πτυχιακή Εργασία. Σχεδιασμός & ανάπτυξη δικτυακής εφαρμογής οργάνωσης και διαχείρισης αεροδρομίου με χρήση λογισμικού ανοιχτού κώδικα Πτυχιακή Εργασία Σχεδιασμός & ανάπτυξη δικτυακής εφαρμογής οργάνωσης και διαχείρισης αεροδρομίου με χρήση λογισμικού ανοιχτού κώδικα Επίθετο: Όνομα: Ζαπάντη Καλλιρόη Α.Μ.: 8073 ΤΜΗΜΑ: ΕΠΔΟ 1. Εισαγωγή...3

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

ΝΤUA. Τεχνολογία Πολυμέσων

ΝΤUA. Τεχνολογία Πολυμέσων ΝΤUA Τεχνολογία Πολυμέσων 5. Διάλεξη 5: XML XML Μεταγλώσσα για την κωδικοποίηση δεδομένων Πρόβλημα που επιζητά λύσεις: Kοινή γλώσσα επικοινωνίας των εφαρμογών Σημαίνει extensible Markup Language Σχεδιάστηκε

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

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

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

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

Άσκηση 1. Απάντηση Άσκησης 1

Άσκηση 1. Απάντηση Άσκησης 1 Άσκηση 1 Δίνεται το παρακάτω DTD (Document Type Definition) αρχείο X.dtd :

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

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

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

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

ΑΝΑΠΑΡΑΣΤΑΣΗ ΓΝΩΣΗΣ ΣΤΟΝ ΠΑΓΚΟΣΜΙΟ ΙΣΤΟ

ΑΝΑΠΑΡΑΣΤΑΣΗ ΓΝΩΣΗΣ ΣΤΟΝ ΠΑΓΚΟΣΜΙΟ ΙΣΤΟ ΑΝΑΠΑΡΑΣΤΑΣΗ ΓΝΩΣΗΣ ΣΤΟΝ ΠΑΓΚΟΣΜΙΟ ΙΣΤΟ XML (extended Markup Language) Ι. Χατζηλυγερούδης ΕΙΣΑΓΩΓΗ SGML (Standard Generalized Markup Language) Διεθνές πρότυπο ορισμού μεθόδων αναπαράστασης πληροφοριών

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

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

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

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

Α ΛΥΚΕΙΟΥ - ΕΦΑΡΜΟΓΕΣ ΠΛΗΡΟΦΟΡΙΚΗΣ ΜΑΪΟΣ 2019 ΕΝΔΕΙΚΤΙΚΕΣ ΕΡΩΤΗΣΕΙΣ ΚΑΤΑΝΟΗΣΗΣ

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

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

ΣΗΜΑΣΙΟΛΟΓΙΚΟΣ ΙΣΤΟΣ - XML

ΣΗΜΑΣΙΟΛΟΓΙΚΟΣ ΙΣΤΟΣ - XML ΠΑΝΕΠΙΣΤΗΜΙΟ ΠΕΙΡΑΙΩΣ ΤΜΗΜΑ ΨΗΦΙΑΚΩΝ ΣΥΣΤΗΜΑΤΩΝ ΣΗΜΑΣΙΟΛΟΓΙΚΟΣ ΙΣΤΟΣ - XML Εργαστήριο 4 Στουγιάννου Ελευθερία estoug@unipi.gr Περιεχόμενα Τέταρτου Εργαστηριακού Μαθήματος XML CSS (CASCADING STYLE SHEETS)

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

Σχεδίαση Εφαρμογών και Υπηρεσιών Διαδικτύου 9η Διάλεξη: Η γλώσσα XML

Σχεδίαση Εφαρμογών και Υπηρεσιών Διαδικτύου 9η Διάλεξη: Η γλώσσα XML Σχεδίαση Εφαρμογών και Υπηρεσιών Διαδικτύου 9η Διάλεξη: Η γλώσσα XML Δρ. Απόστολος Γκάμας Λέκτορας (407/80) gkamas@uop.gr Σχεδίαση Εφαρμογών και Υπηρεσιών Διαδικτύου Διαφάνεια 1 Γιατί άλλη μία γλώσσα?

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

Προγραμματισμός Διαδικτύου Ασκήσεις Εργαστηρίου

Προγραμματισμός Διαδικτύου Ασκήσεις Εργαστηρίου Προγραμματισμός Διαδικτύου Ασκήσεις Εργαστηρίου Ενότητα: ΕΡΓΑΣΤΗΡΙΑΚΗ ΑΣΚΗΣΗ Νο 01 Δρ. Μηνάς Δασυγένης mdasyg@ieee.org Τμήμα Μηχανικών Πληροφορικής και Τηλεπικοινωνιών Εργαστήριο Ψηφιακών Συστημάτων και

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

<a href="http://www.somepage.com/somepage.html">μετάβαση στο κείμενο</a>.

<a href=http://www.somepage.com/somepage.html>μετάβαση στο κείμενο</a>. HTML Τα αρχεία της HTML έχουν ετικέτες (tags) που ορίζουν τη δομή και τη μορφοποίηση των ιστοσελίδων. Οι περισσότερες HTML ετικέτες τις συναντούμε ως ζεύγη τα οποία ενεργούν στα περιεχόμενα μεταξύ των

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

ΔΟΜΗΜΕΝΗ ΑΝΑΠΑΡΑΣΤΑΣΗ ΠΛΗΡΟΦΟΡΙΩΝ

ΔΟΜΗΜΕΝΗ ΑΝΑΠΑΡΑΣΤΑΣΗ ΠΛΗΡΟΦΟΡΙΩΝ ΠΑΝΕΠΙΣΤΗΜΙΟ ΠΕΙΡΑΙΩΣ ΤΜΗΜΑ ΨΗΦΙΑΚΩΝ ΣΥΣΤΗΜΑΤΩΝ ΔΟΜΗΜΕΝΗ ΑΝΑΠΑΡΑΣΤΑΣΗ ΠΛΗΡΟΦΟΡΙΩΝ Εργαστήριο 1 Στουγιάννου Ελευθερία estoug@unipi.gr Περιεχόμενα Εργαστηριακού Μαθήματος ΥΛΗ ΕΡΓΑΣΤΗΡΙΟΥ: Τι είναι η Δομημένη

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

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

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

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

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

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

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

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

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

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

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

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

ΕΙΣΑΓΩΓΗ ΣΤΗΝ HTML ΣΧΟΛΙΚΟ ΒΙΒΛΙΟ ΚΕΦΑΛΑΙΟ 11 Ευάγγελος Χ. Ζιούλας (Καθηγητής Πληροφορικής)

ΕΙΣΑΓΩΓΗ ΣΤΗΝ HTML ΣΧΟΛΙΚΟ ΒΙΒΛΙΟ ΚΕΦΑΛΑΙΟ 11 Ευάγγελος Χ. Ζιούλας (Καθηγητής Πληροφορικής) http://www.zioulas.gr ΕΙΣΑΓΩΓΗ ΣΤΗΝ HTML ΣΧΟΛΙΚΟ ΒΙΒΛΙΟ ΚΕΦΑΛΑΙΟ 11 Ευάγγελος Χ. Ζιούλας (Καθηγητής Πληροφορικής) WEB SERVER Είναι μια εφαρμογή software που αναλαμβάνει την αποστολή μιας ιστοσελίδας σε

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

Επιλέγουμε την καρτέλα Εισαγωγή (Insert), και από την περιοχή της κορδέλας Σελίδες (Pages) επιλέγουμε την εντολή Εξώφυλλο (Cover Page) όπως

Επιλέγουμε την καρτέλα Εισαγωγή (Insert), και από την περιοχή της κορδέλας Σελίδες (Pages) επιλέγουμε την εντολή Εξώφυλλο (Cover Page) όπως Κοινή Φάση «Έγγραφο», κάθε έγγραφο, τμήμα εγγράφου, πληροφορία ή δεδομένο που εκδίδεται ή έχει ανατεθεί προς διαχείριση στους φορείς του δημόσιου τομέα, στο πλαίσιο των αρμοδιοτήτων τους, και ιδίως μελέτες,

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

2. Επιλέξτε την σωστή ετικέτα HTML που προσφέρει το μεγαλύτερο φόντο κειμένου. <head> <heading> <h6> <h1>

2. Επιλέξτε την σωστή ετικέτα HTML που προσφέρει το μεγαλύτερο φόντο κειμένου. <head> <heading> <h6> <h1> ΤΜΗΜΑ ΗΛΕΚΤΡΟΝΙΚΗΣ Τομέας Υπολογιστικών Συστημάτων και Ελέγχου Τεχνολογίες Πολυμέσων - Εφαρμογές Δρ. Β. ΒΑΛΑΜΟΝΤΕΣ Ε-mail: vala@teiath.gr Να απαντήσετε στις παρακάτω ερωτήσεις. 1. Τι σημαίνουν τα αρχικά

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

ΕΠΛ 003: ΕΠΙΣΤΗΜΗ ΤΗΣ ΠΛΗΡΟΦΟΡΙΚΗΣ ΚΑΙ ΠΛΗΡΟΦΟΡΙΑΚΑ ΣΥΣΤΗΜΑΤΑ HTML

ΕΠΛ 003: ΕΠΙΣΤΗΜΗ ΤΗΣ ΠΛΗΡΟΦΟΡΙΚΗΣ ΚΑΙ ΠΛΗΡΟΦΟΡΙΑΚΑ ΣΥΣΤΗΜΑΤΑ HTML ΕΠΛ 003: ΕΠΙΣΤΗΜΗ ΤΗΣ ΠΛΗΡΟΦΟΡΙΚΗΣ ΚΑΙ ΠΛΗΡΟΦΟΡΙΑΚΑ ΣΥΣΤΗΜΑΤΑ HTML Στόχοι 1 Να δημιουργήσουμε υπερκείμενα με την Γλώσσα Επισημείωσης Υπερκειμένων (hypertext markup language, HTML). Υπολογιστικά συστήματα:

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

Μαθηματικά Λογισμικά και Γλώσσες Αναπαράστασης Γνώσης

Μαθηματικά Λογισμικά και Γλώσσες Αναπαράστασης Γνώσης Μαθηματικά Λογισμικά και Γλώσσες Γεώργιος Χρ. Μακρής 20 Απριλίου 2015 Γλώσσες Σήμανσης (Annotation ή Markup Languages) Για την αποθήκευση δομημένης πληροφορίας χρησιμοποιούνται γλώσσες σήμανσης. Η δομημένη

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

Βαρβάκειο Πρότυπο Γυμνάσιο

Βαρβάκειο Πρότυπο Γυμνάσιο Παραδόσεις & εργαστηριακές ασκήσεις στην HTML Βαρβάκειο Πρότυπο Γυμνάσιο Σχολ. Χρονιά 2016-2017 Θ. Οτζάκογλου Εργαστήρι Πληροφορικής Σχολ. Έτος 2016 2017 Αν και δεν είναι μία ακόμη «γλώσσα προγραμματισμού»,

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

Η γλώσσα XHTML: διαφορές με HTML, μετατροπή

Η γλώσσα XHTML: διαφορές με HTML, μετατροπή Δικτυακά Πολυμέσα ΙΙ Εργαστήριο #2 0 : Εισαγωγή στην XHTML Γαβαλάς Δαμιανός dgavalas@aegean.gr Στόχοι εργαστηρίου Η γλώσσα XHTML: διαφορές με HTML, μετατροπή HTML εγγράφων σε XTML, Έλεγχος εγκυρότητας

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

5. Επερώτηση XML Εγγράφων: Εισαγωγή στη Γλώσσα XQuery

5. Επερώτηση XML Εγγράφων: Εισαγωγή στη Γλώσσα XQuery Πανεπιστήμιο Πειραιώς Σχολή Τεχνολογιών Πληροφορικής και Επικοινωνιών Τμήμα Ψηφιακών Συστημάτων 5. Επερώτηση XML Εγγράφων: Εισαγωγή στη Γλώσσα XQuery ιαχείριση εδομένων στον Παγκόσμιο Ιστό Χρήστος ουλκερίδης

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

ΝΤUA. Τεχνολογία Πολυμέσων

ΝΤUA. Τεχνολογία Πολυμέσων ΝΤUA Τεχνολογία Πολυμέσων Contents 2. Lesson 5: XML Τα αρχικά XML Extensible Markup Language Μεταγλώσσα προγραμματισμού για την κωδικοποίηση δεδομένων Έστω ότι θέλουμε να παρουσιάσουμε ένα κείμενο, μια

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

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

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

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

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

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

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

ΣΗΜΑΣΙΟΛΟΓΙΚΟΣ ΙΣΤΟΣ - XML

ΣΗΜΑΣΙΟΛΟΓΙΚΟΣ ΙΣΤΟΣ - XML ΠΑΝΕΠΙΣΤΗΜΙΟ ΠΕΙΡΑΙΩΣ ΤΜΗΜΑ ΨΗΦΙΑΚΩΝ ΣΥΣΤΗΜΑΤΩΝ ΣΗΜΑΣΙΟΛΟΓΙΚΟΣ ΙΣΤΟΣ - XML Εργαστήριο 3 Στουγιάννου Ελευθερία estoug@unipi.gr Περιεχόμενα Τρίτου Εργαστηριακού Μαθήματος Ορίζοντας διαλέκτους DTDs (συνέχεια)

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

1. <body> 2. <header> 3. <h1> My Page </h1> 4. </header> 5. <section>

1. <body> 2. <header> 3. <h1> My Page </h1> 4. </header> 5. <section> Ενδεικτικές ερωτήσεις 1. Τι σημαίνουν τα αρχικά CSS 2. Τι σημαίνουν τα αρχικά HTML 3. Ποια η διαφορά μεταξύ Internet και Web; a. Είναι το ίδιο b. Το Web είναι μια υπηρεσία του διαδικτύου 4. Ποια η διαφορά

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

Cascading Style Sheets

Cascading Style Sheets Cascading Style Sheets CSS είναι το ακρωνύµιο του Cascading Style Sheets (Επικαλυπτόµενα φύλλα στυλ). CSS είναι µια γλώσσα style δηλ. µια γλώσσα η οποία καθορίζει τη εµφάνιση HTML εγγράφων. Για παράδειγµα,

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

ΔΗ Μ Ι Ο ΥΡ Γ Ι Α 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 είναι ένας δικτυακός τόπος στον οποίο κάθε χρήστης έχει το δικαίωμα να δημιουργήσει

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

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

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

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

Διαδίκτυο: Ιστορία, Δομή, Υπηρεσίες

Διαδίκτυο: Ιστορία, Δομή, Υπηρεσίες Διαδίκτυο: Ιστορία, Δομή, Υπηρεσίες 1 η Ερώτηση (Ορισμός): Τι είναι το Διαδίκτυο; Διαδίκτυο είναι το παγκόσμιο δίκτυο όλων των επιμέρους δικτύων που έχουν συμφωνήσει σε κοινούς κανόνες επικοινωνίας και

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

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

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

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

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

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

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

7-22 Οκτωβρίου Μία γιορτή δημιουργίας με κώδικα. Europe Code Week

7-22 Οκτωβρίου Μία γιορτή δημιουργίας με κώδικα. Europe Code Week 7-22 Οκτωβρίου 2017 Μία γιορτή δημιουργίας με κώδικα @ #codeeu codeeu 7-22 October 2017 Europe Code Week Εισαγωγή στο Web Development HTML Λίγα λόγια... Η HTML είναι η βασική γλώσσα γραφής των ιστοσελίδων!

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

Εφαρμοσμένη Πληροφορική ΙΙ (Ε) To Ολοκληρωμένο Περιβάλλον Ανάπτυξης (Integrated Development Environment-IDE) Netbeans 8

Εφαρμοσμένη Πληροφορική ΙΙ (Ε) To Ολοκληρωμένο Περιβάλλον Ανάπτυξης (Integrated Development Environment-IDE) Netbeans 8 Εφαρμοσμένη Πληροφορική ΙΙ (Ε) To Ολοκληρωμένο Περιβάλλον Ανάπτυξης (Integrated Development Environment-IDE) Netbeans 8 Περιεχόμενα Κατέβασμα και εγκατάσταση Netbeans 8 Δημιουργία project εφαρμογής HTML(5)/CSS/Javascript

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

Βάσεις Δεδομένων ΙΙ. Διάλεξη 5 η XML και ΒΔ στο Διαδίκτυο

Βάσεις Δεδομένων ΙΙ. Διάλεξη 5 η XML και ΒΔ στο Διαδίκτυο Βάσεις Δεδομένων ΙΙ Διάλεξη 5 η XML και ΒΔ στο Διαδίκτυο Δ. Χριστοδουλάκης - Α. Φωκά Τμήμα Μηχανικών Η/Υ & Πληροφορικής - Εαρινό Εξάμηνο 2007 Εισαγωγή Πολλές εφαρμογές διαδικτύου υποστηρίζουν web διεπαφές

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

κεφάλαιο 3 Η ΓΛΩΣΣΑ XML Εισαγωγή

κεφάλαιο 3 Η ΓΛΩΣΣΑ XML Εισαγωγή ... το μαγικό βοτάνι. κεφάλαιο 3 Η ΓΛΩΣΣΑ XML Εισαγωγή Η γλώσσα XML (extensible Markup Language) αποτελεί σήμερα ένα ευρέως διαδεδομένο πρότυπο για την περιγραφή και ανταλλαγή δεδομένων. Η XML έχει αναπτυχθεί

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

ΤΕΙ ΘΕΣΣΑΛΟΝΙΚΗΣ ΤΜΗΜΑ ΠΛΗΡΟΦΟΡΙΚΗΣ. Ψηφιακή τυπογραφία με δυναμική διαχείριση δεδομένων και χρήση CSS

ΤΕΙ ΘΕΣΣΑΛΟΝΙΚΗΣ ΤΜΗΜΑ ΠΛΗΡΟΦΟΡΙΚΗΣ. Ψηφιακή τυπογραφία με δυναμική διαχείριση δεδομένων και χρήση CSS ΤΕΙ ΘΕΣΣΑΛΟΝΙΚΗΣ ΤΜΗΜΑ ΠΛΗΡΟΦΟΡΙΚΗΣ Ψηφιακή τυπογραφία με δυναμική διαχείριση δεδομένων και χρήση CSS Πτυχιακή Εργασία Σωτηρία Σταμοπούλου Εισηγητής Καθηγητής Μιχαήλ Σαλαμπάσης Θεσσαλονίκη, Ιούνιος 2015

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

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

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

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

Διάλεξη 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

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

DOM. Διδάσκοντες: Π. Αγγελάτος, Δ. Ζήνδρος Επιμέλεια διαφανειών: Π. Αγγελάτος Σχολή Ηλεκτρολόγων Μηχανικών και Μηχανικών Υπολογιστών

DOM. Διδάσκοντες: Π. Αγγελάτος, Δ. Ζήνδρος Επιμέλεια διαφανειών: Π. Αγγελάτος Σχολή Ηλεκτρολόγων Μηχανικών και Μηχανικών Υπολογιστών DOM Διδάσκοντες: Π. Αγγελάτος, Δ. Ζήνδρος Επιμέλεια διαφανειών: Π. Αγγελάτος Σχολή Ηλεκτρολόγων Μηχανικών και Μηχανικών Υπολογιστών Άδεια Χρήσης Το παρόν εκπαιδευτικό υλικό υπόκειται σε άδειες χρήσης Creative

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

Σχεδιασμός και Ανάπτυξη Ιστοσελίδων ΙΙ ΙΕΚ ΤΡΙΑΝΔΡΙΑΣ ΓΡΑΦΙΣΤΑΣ ΕΝΤΥΠΟΥ ΚΑΙ ΗΛΕΚΤΡΟΝΙΚΩΝ ΜΕΣΩΝ. CSS - Cascading Style Sheets

Σχεδιασμός και Ανάπτυξη Ιστοσελίδων ΙΙ ΙΕΚ ΤΡΙΑΝΔΡΙΑΣ ΓΡΑΦΙΣΤΑΣ ΕΝΤΥΠΟΥ ΚΑΙ ΗΛΕΚΤΡΟΝΙΚΩΝ ΜΕΣΩΝ. CSS - Cascading Style Sheets Σχεδιασμός και Ανάπτυξη Ιστοσελίδων ΙΙ ΙΕΚ ΤΡΙΑΝΔΡΙΑΣ ΓΡΑΦΙΣΤΑΣ ΕΝΤΥΠΟΥ ΚΑΙ ΗΛΕΚΤΡΟΝΙΚΩΝ ΜΕΣΩΝ CSS - Cascading Style Sheets Τι είναι τα CSS; Τα CSS (Διαδοχικά Φύλλα Στυλ) αποτελούν ένα πολύ καλό εργαλείο

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

Οδηγίες για την εγκατάσταση του πακέτου Cygwin

Οδηγίες για την εγκατάσταση του πακέτου Cygwin Οδηγίες για την εγκατάσταση του πακέτου Cygwin Ακολουθήστε τις οδηγίες που περιγράφονται σε αυτό το file μόνο αν έχετε κάποιο laptop ή desktop PC που τρέχουν κάποιο version των Microsoft Windows. 1) Copy

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

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

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

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

Γιώργος Χρ. Μακρής. Σύγχρονες Γλώσσες Σήμανσης του Διαδικτύου. Αναπαράσταση Μαθηματικών κειμένων στο διαδίκτυο. Η Γλώσσα MathML

Γιώργος Χρ. Μακρής. Σύγχρονες Γλώσσες Σήμανσης του Διαδικτύου. Αναπαράσταση Μαθηματικών κειμένων στο διαδίκτυο. Η Γλώσσα MathML Σύγχρονες Γλώσσες Σήμανσης του Διαδικτύου. Αναπαράσταση Μαθηματικών κειμένων στο διαδίκτυο. Η Γλώσσα MathML Γιώργος Χρ. Μακρής Θεσσαλονίκη, Μάρτιος 2012 Αναπαράσταση Μαθηματικών Κειμένων στο διαδίκτυο

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

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

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

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

Searching and Downloading OpenStreetMap Data

Searching and Downloading OpenStreetMap Data Searching and Downloading OpenStreetMap Data QGIS Tutorials and Tips Author Ujaval Gandhi http://google.com/+ujavalgandhi Translations by Christina Dimitriadou Paliogiannis Konstantinos Tom Karagkounis

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

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

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

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

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

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

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

ΣΗΜΑΣΙΟΛΟΓΙΚΟΣ ΙΣΤΟΣ - XML

ΣΗΜΑΣΙΟΛΟΓΙΚΟΣ ΙΣΤΟΣ - XML ΠΑΝΕΠΙΣΤΗΜΙΟ ΠΕΙΡΑΙΩΣ ΤΜΗΜΑ ΨΗΦΙΑΚΩΝ ΣΥΣΤΗΜΑΤΩΝ ΣΗΜΑΣΙΟΛΟΓΙΚΟΣ ΙΣΤΟΣ - XML Εργαστήρια 2-3 Στουγιάννου Ελευθερία estoug@unipi.gr Περιεχόμενα Δεύτερου & Τρίτου Εργαστηριακού Μαθήματος Ορίζοντας διαλέκτους

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

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

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

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

Προγραμματισμός Διαδικτύου Ασκήσεις Εργαστηρίου

Προγραμματισμός Διαδικτύου Ασκήσεις Εργαστηρίου Προγραμματισμός Διαδικτύου Ασκήσεις Εργαστηρίου Ενότητα: ΕΡΓΑΣΤΗΡΙΑΚΗ ΑΣΚΗΣΗ Νο 11 Δρ. Μηνάς Δασυγένης mdasyg@ieee.org Τμήμα Μηχανικών Πληροφορικής και Τηλεπικοινωνιών Εργαστήριο Ψηφιακών Συστημάτων και

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

Java & Java EE 3o Μέρος: Διασφάλιση ασφάλειας σε εφαρμογές Java Enterprise Edition. Κακαρόντζας Γεώργιος

Java & Java EE 3o Μέρος: Διασφάλιση ασφάλειας σε εφαρμογές Java Enterprise Edition. Κακαρόντζας Γεώργιος Java & Java EE 3o Μέρος: Διασφάλιση ασφάλειας σε εφαρμογές Java Enterprise Edition Κακαρόντζας Γεώργιος Μεθοδολογία Θα υλοποιήσουμε την λεγόμενη πιστοποίηση μέσω φόρμας στοιχείων εισόδου (form-based authentication)

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

Η γλώσσα HTML. Επιμέλεια: Δέγγλερη Σοφία

Η γλώσσα HTML. Επιμέλεια: Δέγγλερη Σοφία Η γλώσσα HTML Επιμέλεια: Δέγγλερη Σοφία Υπερκείμενο Το δομικό χαρακτηριστικό του Παγκόσμιου Ιστού Ένα αρχείο Απλό κείμενο και υπερσύνδεσμοι Υπερσύνδεσμος Μετάβαση σε διάφορα άλλα έγγραφα Αποτελείται από

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

Η Βίβλος των CSS. Εισαγωγή στα CSS

Η Βίβλος των CSS. Εισαγωγή στα CSS Η Βίβλος των CSS Εισαγωγή στα CSS Τα Διαδοχικά Φύλλα Στυλ (CSS, Cascading Style Sheets) αποτελούν ένα πολύ καλό εργαλείο για να μπορούμε να αλλάζουμε την εμφάνιση και τη διάταξη (layout) των ιστοσελίδων

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

Θέματα Προγραμματισμού Διαδικτύου ~ CSS ~

Θέματα Προγραμματισμού Διαδικτύου ~ CSS ~ Θέματα Προγραμματισμού Διαδικτύου ~ CSS ~ Στελιος Σφακιανάκης Εαρινό 2019 Αυτή η εργασία χορηγείται με άδεια Creative Commons Αναφορά Δημιουργού - Μη Εμπορική Χρήση - Παρόμοια Διανομή 1 Εισαγωγή στο CSS

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

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

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

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

NetBeans και σχετικά προγράμματα. Κακαρόντζας Γεώργιος Κέντρο Αριστείας Ανοιχτού Λογισμικού ΑΠΘ 1ο Θερινό Σχολείο Κώδικα

NetBeans και σχετικά προγράμματα. Κακαρόντζας Γεώργιος Κέντρο Αριστείας Ανοιχτού Λογισμικού ΑΠΘ 1ο Θερινό Σχολείο Κώδικα NetBeans και σχετικά προγράμματα Κακαρόντζας Γεώργιος Κέντρο Αριστείας Ανοιχτού Λογισμικού ΑΠΘ 1ο Θερινό Σχολείο Κώδικα Ατζέντα Εγκατάσταση προγραμμάτων Java NetBeans MySQL Δημιουργία απλής εφαρμογής διαδικτύου

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

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

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

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

ΕΛΛΗΝΙΚΟ ΑΝΟΙΚΤΟ ΠΑΝΕΠΙΣΤΗΜΙΟ

ΕΛΛΗΝΙΚΟ ΑΝΟΙΚΤΟ ΠΑΝΕΠΙΣΤΗΜΙΟ 4 η Γραπτή Εργασία ΠΛΗ 23 Ακαδημαϊκό Έτος 2012-2013 ( Τόμος Β, Κεφάλαια 4 8 και Τόμος Γ ) Ημερομηνία Παράδοσης 08.05.2013 ΕΝΔΕΙΚΤΙΚΕΣ ΑΠΑΝΤΗΣΕΙΣ Άσκηση 1 Επέκταση συστήματος διαχείρισης φιλοδωρημάτων καφετέριας

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

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

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

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

Εισαγωγή στην XML (μέρος 1 ο ) Χρήστος Ηλιούδης

Εισαγωγή στην XML (μέρος 1 ο ) Χρήστος Ηλιούδης Εισαγωγή στην XML (μέρος 1 ο ) Χρήστος Ηλιούδης Δικτυακοί τόποι για XML http://www.w3schools.com: site με tutorials για XML, XSL κλπ. http://www.w3c.com: όλα τα (official) specifications και recommendations

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

Δημοσίευση στο Διαδίκτυο

Δημοσίευση στο Διαδίκτυο ΕΣΔ200 Δημιουργία Περιεχομένου ΙI Δημοσίευση στο Διαδίκτυο Περιεχόμενα - Βιβλιογραφία Ενότητας Περιεχόμενα Εισαγωγή Δημοσίευση μιας ταινίας στο παγκόσμιο ιστό Βασικά στοιχεία HTML Τεχνικές δημιουργίας

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

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

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

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

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

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

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

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

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

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

Βάσεις ιαδικτύου. Θέματα. Εισαγωγή στην XML. Ευρετήρια για την Ανάκτηση Κειμένων. Ο αλγόριθμος HITS. είναι η XML. Παράδειγμα XML

Βάσεις ιαδικτύου. Θέματα. Εισαγωγή στην XML. Ευρετήρια για την Ανάκτηση Κειμένων. Ο αλγόριθμος HITS. είναι η XML. Παράδειγμα XML Θέματα Βάσεις ιαδικτύου Ο αλγόριθμος HITS Βάσεις Δεδομένων ΙΙ 2004-2005 Ευαγγελία Πιτουρά 1 Βάσεις Δεδομένων ΙΙ 2004-2005 Ευαγγελία Πιτουρά 2 Τι είναι η XML XML Mark-up Γλώσσες (Γλώσσες Σημειοθέτησης)

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

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

Εισαγωγή στην HTML (1) Εισαγωγή στην HTML (1) Πανεπιστήμιο Πελοποννήσου Τμήμα Επιστήμης & Τεχνολογίας Τηλεπικοινωνιών Ευάγγελος Α. Κοσμάτος HTML HyperText Mark-up Language Καθορίζει τον τρόπο που ο browser εμφανίζει τα διάφορα

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

JOOMLA CMS ΒΑΣΙΚΗ ΠΑΡΑΜΕΤΡΟΠΟΙΗΣΗ (PART I)

JOOMLA CMS ΒΑΣΙΚΗ ΠΑΡΑΜΕΤΡΟΠΟΙΗΣΗ (PART I) JOOMLA CMS ΒΑΣΙΚΗ ΠΑΡΑΜΕΤΡΟΠΟΙΗΣΗ (PART I) Δημήτρης Μακρής Advanced Topics in Telecoms 1 Ο ΒΗΜΑ: ΞΕΚΙΝΩΝΤΑΣ ΤΟ JOOMLA 1 Ο ΒΗΜΑ: ΞΕΚΙΝΩΝΤΑΣ ΤΟ JOOMLA 1 Ο ΒΗΜΑ: ΞΕΚΙΝΩΝΤΑΣ ΤΟ JOOMLA 2 Ο ΒΗΜΑ: ΔΙΑΧΕΙΡΙΖΟΝΤΑΣ

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

Java & Java EE 1o Μέρος: Servlets και Java Server Pages. Κακαρόντζας Γεώργιος

Java & Java EE 1o Μέρος: Servlets και Java Server Pages. Κακαρόντζας Γεώργιος Java & Java EE 1o Μέρος: Servlets και Java Server Pages Κακαρόντζας Γεώργιος Διάκριση μεταξύ Web και πλήρους προφίλ Στη Java EE υπάρχει η διάκριση μεταξύ web προφίλ και πλήρους προφίλ. Το Web προφίλ περιλαμβάνει

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

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

Τι είναι ένα σύστημα διαχείρισης περιεχομένου; Συστήματα Διαχείρισης Περιεχομένου στον Παγκόσμιο Ιστό Διάλεξη #5 η : Εισαγωγή στο web CMS Joomla!. Εγκατάσταση του Joomla! Εισαγωγή στη διαχείριση άρθρων. Γαβαλάς Δαμιανός dgavalas@aegean.gr Τι είναι

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