Η γλώσσα XHTML: διαφορές με HTML, μετατροπή
|
|
- Κῆρες Λιακόπουλος
- 7 χρόνια πριν
- Προβολές:
Transcript
1 Δικτυακά Πολυμέσα ΙΙ Εργαστήριο #2 0 : Εισαγωγή στην XHTML Γαβαλάς Δαμιανός dgavalas@aegean.gr Στόχοι εργαστηρίου Η γλώσσα XHTML: διαφορές με HTML, μετατροπή HTML εγγράφων σε XTML, Έλεγχος εγκυρότητας (validation) XHTML εγγράφων Σχεδιασμός web sites με χρήση CSS Γραμματοσειρές, χρώμα, background γραφικά, μηχανισμοί πλοήγησης, δημιουργία εφέ, σχεδιασμός διάταξης (layout) ιστοσελίδων, σχεδιασμός πινάκων δεδομένων και φορμών Σχεδιασμός web sites προσβάσιμων από άτομα με προβλήματα όρασης Σχεδιασμός web sites για μικρές κινητές συσκευές 1
2 HyperText Markup Language: HTML (Ι) Γλώσσα κειμένου που χρησιμοποιείται για να δημιουργηθούν σελίδες ιστού. HyperText (υπερ κείμενο): δίνει στο χρήστη τη δυνατότητα ανάγνωσης και κίνησης μέσα σε κείμενο και άλλες μορφές οπτικής πληροφορίας με μη γραμμικό τρόπο ακολουθώντας μια σειρά από συνδέσμους Σχεδιάστηκε για να καθορίσει τη λογική οργάνωση ενός αρχείου κειμένου που προορίζεται να «δημοσιευτεί» στον παγκόσμιο ιστό Ουσιαστικά πρόκειται για μια γλώσσα οδηγιών που καθοδηγεί διαφορετικά προγράμματα ανάγνωσης ιστοσελίδων (φυλλομετρητές browsers) να «μεταφράσουν» τις οδηγίες και να σχεδιάσουν τα αποτελέσματα (πληροφορία) στη σελίδα του χρήστη Οι οδηγίες της HTML δίνονται με χρήση των ετικετών (tags). Οι ετικέτες είναι το τμήμα εκείνο του κειμένου που περικλείεται από τα σύμβολα μικρότερο (<) και μεγαλύτερο (>) και την εντολή μέσα στα σύμβολα αυτά που αποτελεί την οδηγία. Οι ετικέτες «ανοίγουν» και «κλείνουν». Π.χ.: <b>this text will be displayed as bold!</b> HyperText Markup Language: HTML (II) Ενα HTML αρχείο είναι ένα απλό αρχείο κειμένου (text file). Έτσι, δεν χρειάζεται ένα ειδικό επεξεργαστή κειμένου. Αρκεί ένας απλός επεξεργαστής κειμένου όπως είναι το NotePad ή το MS Word Υπάρχουν ωστόσο και ειδικά προγράμματα για τη γρήγορη και εύκολη συγγραφή HTML κώδικα (web authoring tools), όπως το MS FrontPage ή το Adobe Dreamweaver (απαιτούν άδεια!) και άλλα τα οποία διατίθενται δωρεάν Η HTML δεν αποτελεί έναν "Παίρνεις Αυτό Που Βλέπεις" (What You See Is What You Get, WYSIWYG) επεξεργαστή κειμένου όπως το MS Word. Δηλαδή, ο HTML κώδικας δεν απεικονίζεται αυτούσιος όταν το HTML αρχείο ανοίγεται από έναν browser 2
3 Βασική δομή ενός HTML εγγράφου Δηλώνει την ύπαρξη HTML κώδικα Τα κυρίως περιεχόμενο που περιλαμβάνει τα στοιχεία που αναλύονται και απεικονίζονται στην οθόνη <HTML> <HEAD> </HEAD> <BODY> Επικεφαλίδα: περιέχει πληροφορίες σχετικά με το υπερκείμενο (τίτλος, λέξειςκλειδιά,...) </BODY> </HTML> Ένα πρώτο αρχείο HTML <html> <head> <title>page il Title</title> i l </head> <body> These are the pages contents </body> </html> Τι αποτέλεσμα θα εμφανίσει στην οθόνη; 3
4 Τι είναι οι ετικέτες (tags) της HTML; Όταν ο web browser εμφανίζει μία σελίδα στην ουσία διαβάζει από ένα αρχείο απλoύ κειμένου και κοιτάει για ειδικούς κώδικες ή αλλιώς "ετικέτες" που περιλαμβάνονται μεταξύ των συμβόλων < και >. Η γενική μορφή μιας HTML ετικέτας είναι: <tag_name>σώμα κειμένου</tag_name> Οι ετικέτες συνιστούν οδηγίες προς τον browser σχετικά με το πως θα μορφοποιήσει και θα εμφανίσει το σώμα κειμένου που βρίσκεται ανάμεσά τους Άσκηση #1 Δημιουργήστε ένα folder lab02 όπου θα αποθηκεύσετε τα αρχεία του σημερινού εργαστηρίου και έναν subfolder images μέσα σε αυτόν Αποθηκεύστε το λογότυπο του Τμήματος Πολιτισμικής Τεχνολογίας & Επικοινωνίας στον images Δημιουργήστε μια html σελίδα όπου να εμφανίζεται το λογότυπο σε διαστάσεις 700x110, το οποίο να λειτουργεί ως link προς τη σελίδα 4
5 Τι πρόβλημα υπάρχει με την HTML; Η HTML έχει ένα συντακτικό (οδηγίες ή σήμανση) κατανοητό από ειδικά προγράμματα που λέγονται φυλλομετρητές (browsers) Όλοι οι διαθέσιμοι browsers σήμερα (π,χ, Internet Explorer, Mozilla Firefox, Chrome, Safari, Opera, Netscape, κλπ) είναι συμβατοί (υποστηρίζουν, κατανοούν) το συντακτικό της HTML 4.x Δυστυχώς, οι HTML σελίδες δεν εμφανίζονται ακριβώς με τον ίδιο τρόπο σε όλους τους browsers Το πρόβλημα μεγεθύνεται στους browsers κινητών τηλεφώνων ή PDAs Βασικός στόχος κάθε πληροφορικού που σχεδιάζει και αναπτύσσει ιστοτόπους (web developer) είναι να εξασφαλίσει ότι το μεγαλύτερο δυνατό ποσοστό επισκεπτών θα «δουν» τις σελίδες του όπως ακριβώς εκείνος επιθυμεί. O πόλεμος των browsers To 1994 η Netscape για να προσελκύσει χρήστες, δημιούργησε ένα σύνολο επεκτάσεων της HTML που δεν προδιαγράφονταν στο πρότυπο (standard) της HTML και υποστηρίζονταν μόνο από τον Netscape browser Οι χρήστες άλλων browsers δεν μπορούσαν να δουν ή έβλεπαν προβληματικές όλες τις σελίδες που ενσωμάτωναν αυτές τις «ιδιωτικές» ετικέτες Με τη σειρά της η Microsoft ανταπέδωσε δημιουργώντας τις δικές της ιδιωτικές ετικέτες που μπορούσε να «δει» μόνο ο Internet Explorer Οι web developers έχαναν το 25% του χρόνου τους δημιουργώντας διαφορετικές εκδόσεις της ίδιας σελίδας!! 5
6 Η ανάγκη για standards Τάξη στο χάος προσπάθησε να βάλει το World Wide Web Consortium (W3C) που διευθύνεται από τον εφευρέτη του web Tim Berners Lee Στο W3C ανήκουν εταιρίες μεγαθήρια του χώρου της πληροφορικής, ανάμεσά τους εταιρίες που έχουν κατασκευάσει τους δημοφιλέστερους browsers Η ιδέα πίσω από το W3C είναι η συμφωνία όλων αυτών των παικτών πάνω σε ένα σύνολο από προδιαγραφές (standards) για την HTML και άλλες τεχνολογίες του διαδικτύου έτσι ώστε τα προϊόντα τους (browsers) να εμφανίζουν τις ιστοσελίδες με πανομοιότυπο τρόπο Έτσι φτάσαμε στο πρότυπο HTML 3.2 HTML 4 και CSS Στην έκδοση 3.2 το περιεχόμενο, η δομή και η μορφοποίηση της ιστοσελίδας περιγράφονται σε ένα html έγγραφο Το W3C ανακοίνωσε τις προδιαγραφές μιας νέας αρχιτεκτονικής που διαχώριζε από τη μια το περιεχόμενο και τη δομή και από την άλλη τη μορφοποίηση Έτσι, στην έκδοση HTML 4, οι περισσότερες ετικέτες που μορφοποιούν περιεχόμενο (π.χ. <b>, <i>, κλπ) επισημάνθηκε ότι πρόκειται να αφαιρεθούν (να μην υποστηρίζονται στο μέλλον: deprecated) και η χρήση τους αποθαρύνθηκε Παράλληλη, δημιουργήθηκε μια νέα τεχνολογία για τη μορφοποίηση HTML εγγράφων, τα CSS (Cascading Style Sheets) Από την έκδοση CSS 2 (1996) αυτή η τεχνολογία μπορούσε να χρησιμοποιηθεί για τη δημιουργία επαγγελματικών διατάξεων (layouts) εκτός από απλή μορφοποίηση 6
7 Η λύση Ωστόσο, οι browsers εξακολουθούν και υποστηρίζουν «ιδιωτικές» επεκτάσεις της HTML με αποτέλεσμα να εμφανίζουν τις ιστοσελίδες με διαφορετικό τρόπο Παράλληλα, στην HTML δεν υπάρχει κάποιο πρότυπο σύστημα για την προσθήκη νέων στοιχείων (λειτουργικότητας) Το W3C αποφάσισε πως την λύση μπορούσε να προσφέρει η XML (extensible Markup Language Επεκτάσιμη Γλώσσα Σήμανσης) XML και XHTML Με μια πρώτη ματιά, η XML μοιάζει με την HTML: διαθέτει ετικέτες, παραμέτρους (attributes) και τιμές Ωστόσο, η XML δεν είναι μια γλώσσα για τη δημιουργία ιστοσελίδων αλλά μια γλώσσα για τη δημιουργία άλλων γλωσσών (μετα γλώσσα) Μπορούμε να χρησιμοποιήσουμε την XML για να δημιουργήσουμε τη δική μας γλώσσα σήμανσης η οποία θα είναι η βάση για μορφοποιήσουμε τα έγγραφά μας Η XML είναι εξαιρετικά ευέλικτη καθώς εμείς αποφασίζουμε ποιες ετικέτες θα χρησιμοποιήσουμε αλλά αυτή η ευελιξία έχει ένα τίμημα: είναι πολύ αυστηρή! Απαιτεί προσοχή στο γράψιμο των ετικετών με πεζούς ή κεφαλαίους χαρακτήρες, στο κλείσιμο των εισαγωγικών και ετικετών, κλπ 7
8 Μετα γλώσσες και γλώσσες σήμανσης Μετα-γλώσσες (metalanguages) που χρησιμοποιούνται για την περιγραφή γλωσσών σήμανσης (markup languages), δηλ για να δημιουργήσουν εξειδικευμένες γλώσσες εφαρμογών (application languages) Εξειδικευμένες γλώσσες εφαρμογών Ένα XML έγγραφο <? xml version= 1.0?> <INVENTORY> <BOOK> <TITLE>Moby Dick</TITLE> <AUTHOR>Herman Melville</AUTHOR> <BINDING>trade paperback</binding> <PAGES>605</PAGES> <PRICE>$30</PRICE> </BOOK> <BOOK> <TITLE>The Scarlet Letter</TITLE> <AUTHOR>Nathaniel Howthorne</AUTHOR> <BINDING>trade paperback</binding> <PAGES>253</PAGES> <PRICE>$4.25</PRICE> </BOOK> </INVENTORY> Επιλογή περιγραφικών ονομάτων για τα στοιχεία 8
9 XML και XHTML Η HTML δεν είναι αυστηρή: ακόμα και αν ξεχάσουμε να κλείσουμε μια ετικέτα, η σελίδα θα εμφανιστεί στον browser, έστω και προβληματικά Επιπλέον, σήμερα υπάρχουν διαθέσιμες στο web δις σελίδες γραμμένες σε HTML To W3C βρήκε μια έξυπνη λύση: ξαναέγραψε την HTML σε XML Αυτή η νέα γλώσσα ονομάστηκε XHTML (extensible HTML) διατήρησε όλα τα στοιχεία της HTML, άρα: είναι συμβατή με τους σημερινούς browsers Όσοι γνωρίζουν HTML χρειάζονται να μάθουν λίγους απλούς συντακτικούς κανόνες Καθώς χρησιμοποιεί XML σύνταξη κερδίζει από τη δύναμη και ευελιξία της και συνεργάζεται πολύ καλά με τα CSS Η XHTML με δυο λόγια Η XHTML είναι σχεδόν πανομοιότυπη με την HTML 4.01 Η XHTML είναι μια αυστηρότερη και καθαρότερη εκδοχή της HTML Η XHTML είναι HTML ορισμένη ως εφαρμογή της XML (ακολουθεί δηλαδή τους κανόνες και προδιαγραφές της XML) Αποτελείται από όλα τα στοιχεία της HTML 4.01 χρησιμοποιώντας τους συντακτικούς κανόνες της XML) Η XHTML είναι ένα πρότυπο του W3C (από το 2000) Όλοι οι μοντέρνοι browsers υποστηρίζουν (είναι συμβατοί με) την XHTML 9
10 Γιατί XHTML;;; Είμαστε σε ένα σημείο όπου πολλές σελίδες στο web είναι γραμμένες σε «κακή»html Ο παρακάτω HTML κώδικας «δουλεύει» σε ένα browser, παρότι δεν ακολουθεί τους κανόνες της HTML: <html> <head> <title>this is bad HTML</title> <body> <h1>bad HTML </body> Γιατί XHTML;;; Οι XML γλώσσες (οι γλώσσες σήμανσης που ακολουθούν τις προδιαγραφές της HTML) οφείλουν να έχουν σωστή σύνταξη Το αποτέλεσμα πρέπει να είναι «σωστά διατυπωμένα» ("well formed ) έγγραφα Η XML σχεδιάστηκε για να περιγράφει δεδομένα ενώ η HTML σχεδιάστηκε για να εμφανίζει δεδομένα Η αγορά σήμερα εμπεριέχει πολλές διαφορετικές τεχνολογίες browsers, κάποιοι τρέχουν σε Η/Υ και κάποιοι σε κινητά τηλέφωνα ή άλλες μικρές συσκευές. Οι τελευταίοι δεν μπορούν να ερμηνεύσουν σελίδες γραμμένες σε «κακή» ή HTML Άρα, συνδυάζοντας τις HTML και XML, με τις δυνατές του πλευρές, προκύπτει μια γλώσσα σήμανσης που είναι χρήσιμη τώρα και στο μέλλον, η XHTML 10
11 Διαφορές μεταξύ XHTML και HTML Η XHTML δεν είναι πολύ διαφορετική από το πρότυπο HTML 4.01 Άρα κάνοντας το έγγραφό μας συμβατό με το πρότυπο είναι μια πολύ καλή αρχή Επιπλέον, οι ετικέτες πρέπει να γράφονται με πεζά γράμματα και ποτέ να μην παραλείπονται οι ετικέτες λήξης (π.χ. </p>) Οι βασικότερες διαφορές: Τα XHTML στοιχεία (ετικέτες) πρέπει να είναι κατάλληλα φωλιασμένα (nested) ή ενσωματωμένα το ένα μέσα στο άλλο Τα XHTML στοιχεία πρέπει πάντοτε να κλείνονται Τα XHTML στοιχεία γράφονται πάντοτε με πεζούς χαρακτήρες Τα XHTML έγγραφα πρέπει να έχουν ένα ριζικό στοιχείο (root element) Τα XHTML στοιχεία πρέπει να είναι κατάλληλα φωλιασμένα Στην HTML, κάποια στοιχεία επιτρέπεται να μην είναι κατάλληλα φωλιασμένα το ένα μέσα στο άλλο, π.χ.: <b><i>this text is bold and italic</b></i> Στην XHTML είναι υποχρεωτικό να είναι κατάλληλα φωλιασμένα, π.χ.: <b><i>this text is bold and italic</i></b> 11
12 Τα XHTML στοιχεία πρέπει πάντοτε να κλείνονται Τα στοιχεία που δεν είναι άδεια (non empty), δηλαδή περιέχουν κάποια δεδομένα, πρέπει να κλείνουν με μια ετικέτα λήξης Αυτό είναι λάθος: <p>this is a paragraph <p>this is another paragraph Αυτό είναι σωστό: <p>this is a paragraph</p> <p>this is another paragraph</p> Τα XHTML στοιχεία γράφονται πάντοτε με πεζούς χαρακτήρες Στις προδιαγραφές (πρότυπο) της XHTML ορίζεται ότι τα ονόματα των ετικετών πρέπει να γράφονται με πεζούς χαρακτήρες: Αυτό είναι λάθος: <BODY> <P>This is a paragraph</p> </BODY> Αυτό είναι σωστό: <body> <p>this is a paragraph</p> </body> 12
13 Τα XHTML έγγραφα πρέπει να έχουν ένα ριζικό στοιχείο Όλα τα XHTML στοιχεία πρέπει να είναι φωλιασμένα με σα σε ένα <html> ριζικό στοιχείο. Όλα τα υπόλοιπα στοιχεία μπορούν να περιλαμβάνουν υπο στοιχεία (στοιχεία παιδιά). Τα υπο στοιχεία πρέπει να γράφονται σε ζευγάρια (δηλ. με ετικέτα λήξης) και να είναι σωστά φωλιασμένα μέσα στο πατρικό τους στοιχείο. Η βασική δομή του εγγράφου είναι: <html> <head>... </head> <body>... </body> </html> Συντακτικοί κανόνες για τις ιδιότητες Τα ονόματα των ιδιοτήτων γράφονται με πεζούς χαρακτήρες. Λάθος: <table WIDTH="100%"> Σωστό: <table width="100%"> Οι τιμές των ιδιοτήτων πρέπει να εσωκλείονται σε διπλά εισαγωγικά. Λάθος: <table width=100%> Σωστό: <table width="100%"> 13
14 Υποχρεωτικά XHTML στοιχεία Όλα τα XHTML έγγραφα πρέπει να έχουν μια DOCTYPE δήλωση. Η DOCTYPE δήλωση δεν είναι ακριβώς μέρος του XHTML εγγράφου, δηλ δεν είναι ένα XHTML στοιχείο και δεν χρειάζεται να έχει ετικέτα λήξης Το παρακάτω είναι ένα ελάχιστο πρότυπο XHTML εγγράφου: <!DOCTYPE Doctype goes here> <html xmlns=" <head> <title>title goes here</title> </head> <body> </body> </html> <!DOCTYPE> Άρα ένα XHTML έγγραφο αποτελείται από 3 κυρίως μέρη: την DOCTYPE δήλωση το <head> τμήμα το <body> τμήμα Η DOCTYPE δήλωση ορίζει τον τύπο του εγγράφου (Document Type Definition, DTD). Το υπόλοιπο έγγραφο μοιάζει με τα HTML έγγραφα. Ένας τύπος εγγράφου XHTML (δηλαδή ένα XHTML DTD) περιγράφει με ακρίβεια την επιτρεπόμενη XHTML σήμανση Υπάρχουν 3 επιτρεπτοί τύποι εγγράφων XHTML (DTDs): STRICT TRANSITIONAL FRAMESET 14
15 XHTML 1.0 Strict Το strict (αυστηρό) DOCTYPE χρησιμοποιείται όταν θέλουμε πραγματικά «καθαρή» σήμανση, χωρίς δηλαδή ετικέτες που καθορίζουν την παρουσίαση του εγγράφου Χρησιμοποιείται σε συνάρτηση με CSS <!DOCTYPE html PUBLIC " //W3C//DTD XHTML 1.0 Strict//EN" " strict.dtd"> XHTML 1.0 Transitional Το transitional (μεταβατικό) DOCTYPE χρησιμοποιείται όταν θέλουμε να διατηρήσουμε τις δυνατότητες μορφοποίησης που παρέχει η HTML <!DOCTYPE html PUBLIC " //W3C//DTD XHTML 1.0 Transitional//EN" " transitional.dtd"> 15
16 XHTML 1.0 Frameset Το frameset DOCTYPE χρησιμοποιείται όταν θέλουμε να χρησιμοποιήσουμε HTML πλαίσια (frames) για να διαχωρίσουμε μια σελίδα σε δύο ή περισσότερα πλαίσια <!DOCTYPE html PUBLIC " //W3C//DTD XHTML 1.0 Frameset//EN" " frameset.dtd"> Έλεγχος εγκυρότητας (validation) ΧΗΤΜL κώδικα Το επίσημο εργαλείο ελέγχου εγκυρότητας της W3C Ελέγχει για μια σελίδα που έχουμε ήδη ανεβάσει σε κάποιον διακομιστή ή που έχουμε αποθηκευμένη στον Η/Υ μας (την κάνουμε upload για να ελεγχθεί) Υπάρχουν εργαλεία που μετατρέπουν τα αρχεία μας από HTML σε (ένα συγκεκριμένο τύπο εγγράφου) XHTML, π.χ.: HTML TIDY, 16
17 Έλεγχος εγκυρότητας (validation) ΧΗΤΜL κώδικα Άσκηση #2 Ανοίξτε από τη σελίδα του εργαστηρίου το αρχείο bad_html.html και βρείτε τα λάθη στον κώδικα προσπαθώντας να το επικυρώσετε με το εργαλείο: Σε περίπτωση που ο validator εντοπίσει λάθος στη χρήση κάποιας ιδιότητας (attribute) που δεν υπάρχει, διορθώστε το λάθος όχι αφαιρώντας την ιδιότητα αλλά αλλάζοντας τον τύπο του εγγράφου (DOCTYPE) 17
18 XHTML Character Sets Για να εμφανίσει σωστά μια (Χ)HTML σελίδα, ο browser πρέπει να γνωρίζει ποιο character set (κωδικοποίηση) να χρησιμοποιήσει Το character set που χρησιμοποιούνταν στις πρώτες ημέρες του web ήταν ο ASCII Ο ASCII υποστηρίζει τους αριθμούς 0 9, τα πεζά και κεφαλαία γράμματα του αγγλικού αλφαβήτου και κάποιους ειδικούς χαρακτήρες Επειδή πολλές γλώσσες χρησιμοποιούν χαρακτήρες που δεν είναι μέρος του ASCII (π.χ. κάποιοι γαλλικοί ή ισπανικοί χαρακτήρες), ) το df default character set των μοντέρνων browsers είναι το ISO Πρακτικά, το ISO συμπεριλαμβάνει όλους τους λατινικούς χαρακτήρες (Βόρεια Αμερική, Δυτική Ευρώπη, Λατινική Αμερική, Αφρική) XHTML Character Sets Άλλα character sets: ISO (Ανατολική Ευρώπη), ISO (νέα ελληνικά), Όταν μια ιστοσελίδα χρησιμοποιεί διαφορετικό character set από το ISO , πρέπει να προσδιορίζεται στο αντίστοιχο <meta> tag (μέσα στο <head> τμήμα) <meta http equiv="content type" content="text/html; charset=utf 8"/> Επειδή τα παραπάνω character sets είναι περιορισμένα σε εύρος και δεν είναι συμβατά με πολυγλωσσικά περιβάλλοντα, αναπτύχθηκε το Unicode standard που καλύπτει όλους τους χαρακτήρες και σύμβολα των γλωσσών του κόσμου. Το πρότυπο Unicode υλοποιείται με διάφορα character sets To πιο κοινό είναι το UTF 8, το οποίο είναι το πλέον κατάλληλο για σελίδες με πολυγλωσσικό (multilingual) περιεχόμενο 18
19 Άσκηση #3 Στο αρχείο της προηγούμενης άσκησης, προσθέστε στον XHTML κώδικα κάποιους ελληνικούς χαρακτήρες και ανοίξτε το σε ένα browser Προσπαθήστε να αντιμετωπίσετε το πρόβλημα που προκύπτει με την εμφάνιση των ελληνικών χαρακτήρων 19
Γαβαλάς αµιανός
Πανεπιστήµιο Αιγαίου Σχολή Κοινωνικών Επιστηµών Τµήµα Πολιτισµικής Τεχνολογίας Και Επικοινωνίας ικτυακά Πολυµέσα Ι (Β Έτος, 3ο εξ) Εργαστήριο #1ο: Εισαγωγή στην HTML Γαβαλάς αµιανός dgavalas@aegean.gr
Διαβάστε περισσότεραΠεριεχόμενα. Γαβαλάς Δαμιανός Τρέχον status της HTML
Δικτυακά Πολυμέσα ΙΙ Διάλεξη #2 η : Βασικές έννοιες σχεδιασμού στο web Γαβαλάς Δαμιανός dgavalas@aegean.gr Περιεχόμενα Τρέχον status της HTML Μετάβαση από την HTML στην XHTML Κλέ Καλές πρακτικές συγγραφής
Διαβάστε περισσότεραΓλώσσες Σήµανσης (Markup Languages) Τεχνολογία ιαδικτύου και Ηλεκτρονικό Εµπόριο
Γλώσσες Σήµανσης (Markup Languages) Τεχνολογία ιαδικτύου και Ηλεκτρονικό Εµπόριο 1 Γλώσσες Σήµανσης Γλώσσες σήµανσης: Αρχικά για τον καθορισµό εµφάνισης σελίδων, γραµµατοσειρών. Στη συνέχεια επεκτάθηκαν
Διαβάστε περισσότεραΕΠΛ 012 Εισαγωγή στο Παγκόσμιο Πλέγμα Πληροφοριών
ΕΠΛ 012 Εισαγωγή στο Παγκόσμιο Πλέγμα Πληροφοριών World Wide Web (WWW) Θέματα Επεξεργασία δεδομένων στο Web Δημιουργία απλών σελίδων HTML Περιγραφή κάποιων XHTML στοιχείων (tags) Εξέλιξης του WWW Το WWW
Διαβάστε περισσότεραΣχεδίαση και Ανάπτυξη Ιστότοπων
Σχεδίαση και Ανάπτυξη Ιστότοπων Η Γλώσσα HTML Παρουσίαση 4 η 1 Βελώνης Γεώργιος Καθηγητής Περιεχόμενα Κανόνες σύνταξης της HTML Δομή σελίδας και βασικές ετικέτες Ιεραρχία (Hierarchy) Κανόνες σύνταξης της
Διαβάστε περισσότεραΕΠΛ 003: ΕΠΙΣΤΗΜΗ ΤΗΣ ΠΛΗΡΟΦΟΡΙΚΗΣ ΚΑΙ ΠΛΗΡΟΦΟΡΙΑΚΑ ΣΥΣΤΗΜΑΤΑ HTML
ΕΠΛ 003: ΕΠΙΣΤΗΜΗ ΤΗΣ ΠΛΗΡΟΦΟΡΙΚΗΣ ΚΑΙ ΠΛΗΡΟΦΟΡΙΑΚΑ ΣΥΣΤΗΜΑΤΑ HTML Στόχοι 1 Να δημιουργήσουμε υπερκείμενα με την Γλώσσα Επισημείωσης Υπερκειμένων (hypertext markup language, HTML). Υπολογιστικά συστήματα:
Διαβάστε περισσότεραTEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο)
TEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο) Διδάσκων: Ανδρέας Γιαννακουλόπουλος Επιστημονικός συνεργάτης Εργαστηρίου: Στέλλα Λάμπουρα Εαρινό εξάμηνο Χρηματοδότηση Το παρόν εκπαιδευτικό υλικό έχει αναπτυχθεί
Διαβάστε περισσότεραΕισαγωγή στον Παγκόσμιο ιστό και στη γλώσσα Html. Χρ. Ηλιούδης
Εισαγωγή στον Παγκόσμιο ιστό και στη γλώσσα Html Χρ. Ηλιούδης Παγκόσμιος Ιστός (WWW) Ο Παγκόσμιος Ιστός (World Wide Web WWW), ή απλώς Ιστός, βασίζεται στην ιδέα των κατανεμημένων πληροφοριών. Αντί όλες
Διαβάστε περισσότεραΣχεδιασμός και Ανάπτυξη Ιστοτόπων. ΕΠΑ.Λ. ΑΛΙΜΟΥ Τομέας Πληροφορικής Κ. Φλώρος
Σχεδιασμός και Ανάπτυξη Ιστοτόπων ΕΠΑ.Λ. ΑΛΙΜΟΥ Τομέας Πληροφορικής Κ. Φλώρος H γλώσσα HTML Άλλες Βιβλιογραφικές πηγές για HTML http://www.w3schools.com/html/ http://www.it.uom.gr/project/html2/lessons.html
Διαβάστε περισσότεραΠληροφορική Τμήμα Σχεδιασμού & Τεχνολογίας Ξύλου & Επίπλου Αντώνιος Καραγεώργος Ευανθία Τσιλιχρήστου. Μάθημα 5 ο Τεχνολογίες Διαδικτύου: HTML I
Πληροφορική Τμήμα Σχεδιασμού & Τεχνολογίας Ξύλου & Επίπλου Αντώνιος Καραγεώργος Ευανθία Τσιλιχρήστου Μάθημα 5 ο Τεχνολογίες Διαδικτύου: HTML I Διαδικτυακή Εφαρμογή (1/2) Ως διαδικτυακή εφαρμογή μπορούμε
Διαβάστε περισσότεραΚείμενο ASCII Unicode - HTML. Κωδικοποίηση ASCII / Unicode HTML
Κείμενο ASCII Unicode - HTML Κωδικοποίηση ASCII / Unicode HTML Κείμενο και Τυπογραφία Αναπαράσταση κειμένου Αρχικά οι ανάγκες των προγραμμάτων απαιτούσαν ένα περιορισμένο σύνολο κωδικοποιημένων χαρακτήρων
Διαβάστε περισσότεραTEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο)
TEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο) Διδάσκων: Ανδρέας Γιαννακουλόπουλος Επιστημονικός συνεργάτης Εργαστηρίου: Στέλλα Λάμπουρα Εαρινό εξάμηνο Χρηματοδότηση Το παρόν εκπαιδευτικό υλικό έχει αναπτυχθεί
Διαβάστε περισσότεραΠανεπιστήμιο Αιγαίου. Χειμερινό εξάμηνο. Σχολή Κοινωνικών Επιστημών Τμήμα Πολιτισμικής Τεχνολογίας Και Επικοινωνίας
Πανεπιστήμιο Αιγαίου Σχολή Κοινωνικών Επιστημών Τμήμα Πολιτισμικής Τεχνολογίας Και Επικοινωνίας ικτυακά Πολυμέσα Ι (Β Έτος, 3ο εξ) ιάλεξη #3η: Εισαγωγή στην HTML Χειμερινό εξάμηνο HyperText Markup Language:
Διαβάστε περισσότερα7-22 Οκτωβρίου Μία γιορτή δημιουργίας με κώδικα. Europe Code Week
7-22 Οκτωβρίου 2017 Μία γιορτή δημιουργίας με κώδικα @ #codeeu codeeu 7-22 October 2017 Europe Code Week Εισαγωγή στο Web Development HTML Λίγα λόγια... Η HTML είναι η βασική γλώσσα γραφής των ιστοσελίδων!
Διαβάστε περισσότεραΑλεξιάδης Γεώργιος (ΠΕ86) -
11.1 Γενική Εισαγωγή στην HTML Τι είναι η HTML; HyperText Markup Language (Γλώσσα Χαρακτηρισμού Υπερ-Κειμένου) Βασίζεται στην SGML (Standard Generalized Markup Language) που είναι ένα πολύ μεγαλύτερο σύστημα
Διαβάστε περισσότεραΕισαγωγη στην html. Η δομή μιας ιστοσελίδας (αρχείο html) Η βασική δομή ενός αρχείου html είναι η εξής: <html> <head>
Εισαγωγη στην html Ο παγκόσμιος ιστός (αγγ.: World Wide Web ή www) είναι η πιο δημοφιλής υπηρεσία που μας παρέχει το Διαδίκτυο (Internet) και είναι ένα σύστημα διασυνδεδεμένων πληροφοριών (κειμένου, εικόνας,
Διαβάστε περισσότεραΓαβαλάς Δαμιανός dgavalas@aegean.gr
Δικτυακά Πολυμέσα ΙΙ Διάλεξη #1 η : Οργάνωση & στόχοι μαθήματος, καλές αρχές σχεδιασμού στο web, τα μεγαλύτερα λάθη στον web σχεδιασμό Γαβαλάς Δαμιανός dgavalas@aegean.gr 1 Στόχοι μαθήματος Κατανόηση της
Διαβάστε περισσότεραΒασίλειος Κοντογιάννης ΠΕ19
Ενότητα3 Επικοινωνία και Διαδίκτυο 11.1 Γενική Εισαγωγή στην HTML Τι είναι η HTML (HyperText Markup Language); Είναι μια γλώσσα σήμανσης (Markup) με την οποία πραγματοποιείται η δόμηση σελίδων του Παγκόσμιου
Διαβάστε περισσότεραΣπουδές CAD, Πληροφορικής, Οικονομίας, Διοίκησης και D.T.P. με Σύστημα διδασκαλίας facetoface
Copyright 2009-2012 -SYSTEM- All rights reserved 2/200 ΠΕΡΙΕΧΟΜΕΝΑ Μάθημα 1: Εισαγωγή Μάθημα 2: Κειμενογράφοι Text Editors Μάθημα 3: Εγκατάσταση Text Editor Μάθημα 4: Ιστορική Αναδρομή HTML Μάθημα 5: Σύνολο
Διαβάστε περισσότεραΠεριεχόμενα. Λίγα λόγια από το συγγραφέα... 7
Περιεχόμενα Λίγα λόγια από το συγγραφέα... 7 Μέρος 1 1 Βασικοί όροι... 11 2 Βασική δομή κώδικα HTML... 25 3 Μορφοποίηση κειμένου... 39 4 Μορφοποίηση παραγράφων... 51 5 Εισαγωγή εικόνας... 63 6 Λίστες με
Διαβάστε περισσότεραΚεφάλαιο 11: Εισαγωγή στην HTML. Εφαρμογές Πληροφορικής Κεφ. 11 Καραμαούνας Πολύκαρπος
Κεφάλαιο 11: Εισαγωγή στην HTML 1 11.1 Γενική εισαγωγή στην HTML Τι είναι η HTML HyperText Markup Language - Γλώσσα Χαρακτηρισμού Υπερ-Κειμένου είναι η βασική γλώσσα με την οποία πραγματοποιείται η δόμηση
Διαβάστε περισσότεραΓαβαλάς αµιανός
Πανεπιστήµιο Αιγαίου Σχολή Κοινωνικών Επιστηµών Τµήµα Πολιτισµικής Τεχνολογίας Και Επικοινωνίας ικτυακά Πολυµέσα Ι (Β Έτος, 3ο εξ) ιάλεξη #3η: Εισαγωγή στην HTML Γαβαλάς αµιανός dgavalas@aegean.gr Χειµερινό
Διαβάστε περισσότεραΠεριεχόμενα. Γαβαλάς Δαμιανός
Δικτυακά Πολυμέσα ΙΙ Διάλεξη #5 η : Τυπογραφία στο web Γαβαλάς Δαμιανός dgavalas@aegean.gr Περιεχόμενα Κατανόηση αρχών σχεδιασμού με γραμματοσειρές Κατανόηση των μονάδων μέτρησης που χρησιμοποιούνται στα
Διαβάστε περισσότεραΔΕ10: Πληροφοριακά Συστήματα Διοίκησης IΙ Εργαστήριο # 2
ΔΕ10: Πληροφοριακά Συστήματα Διοίκησης IΙ Εργαστήριο # 2 Dreamweaver 1/7 Εισαγωγή Το Dreamweaver είναι ένας HTML editor που αναπτύχθηκε από την Macromedia. Είναι WYSIWYG (What You See Is What You Get),
Διαβάστε περισσότεραΌταν αποθηκεύετε μία παρουσίαση, την ονομάζετε και καθορίζετε πού θα την αποθηκεύσετε
Αποθήκευση μίας παρουσίασης σε μία τοποθεσία σε έναν οδηγό Όταν εργάζεστε με το, η φόρμα εργασίας καταχωρείται στη μνήμη RAM. Πρόκειται για μία προσωρινή μνήμη που χρησιμοποιείται για τις τρέχουσες δραστηριότητες
Διαβάστε περισσότεραΠρογραμματισμός Διαδικτύου
Πανεπιστήμιο Δυτικής Μακεδονίας Τμήμα Μηχανικών Πληροφορικής & Τηλεπικοινωνιών Προγραμματισμός Διαδικτύου Δρ. Μηνάς Δασυγένης mdasygenis@uowm.gr Τμήμα της παρουσίασης δημιουργήθηκε από τον κ. Παναγιώτη
Διαβάστε περισσότεραΣταύρος Καουκάκης Ευτύχιος Βαβουράκης
ΠΑΝΕΠΙΣΤΗΜΙΟ ΚΡΗΤΗΣ 1 ο ΣΧΟΛΕΙΟ ΚΩΔΙΚΑ «Βασικά Θέματα Προγραμματισμού στην Ανάπτυξη Δυναμικών Διαδικτυακών Εφαρμογών» (Part 1) Σταύρος Καουκάκης Ευτύχιος Βαβουράκης 1 Λίγα Λόγια για το Σχολείο Μονάδες
Διαβάστε περισσότεραΣύγκριση FLASH και HTML 5 HTML 5 σχετικά με την υποστήριξη πολυμέσων
ΓΤΠ61 καθηγητής-σύμβουλος Δημήτριος Ζευγώλης Εργασία του Κ. Μακρόπουλου Σύγκριση FLASH και HTML 5 HTML 5 σχετικά με την υποστήριξη πολυμέσων 1 Εισαγωγή Το έτος 2009 υπολογίζεται ότι περισσότεροι από 1,5
Διαβάστε περισσότεραΕΙΣΑΓΩΓΗ ΣΤΗΝ HTML ΣΧΟΛΙΚΟ ΒΙΒΛΙΟ ΚΕΦΑΛΑΙΟ 11 Ευάγγελος Χ. Ζιούλας (Καθηγητής Πληροφορικής)
http://www.zioulas.gr ΕΙΣΑΓΩΓΗ ΣΤΗΝ HTML ΣΧΟΛΙΚΟ ΒΙΒΛΙΟ ΚΕΦΑΛΑΙΟ 11 Ευάγγελος Χ. Ζιούλας (Καθηγητής Πληροφορικής) WEB SERVER Είναι μια εφαρμογή software που αναλαμβάνει την αποστολή μιας ιστοσελίδας σε
Διαβάστε περισσότεραΠΡΟΓΡΑΜΜΑΤΙΣΤΙΚΑ ΕΡΓΑΛΕΙΑ ΓΙΑ ΤΟ ΔΙΑΔΙΚΤΥΟ
ΠΡΟΓΡΑΜΜΑΤΙΣΤΙΚΑ ΕΡΓΑΛΕΙΑ ΓΙΑ ΤΟ ΔΙΑΔΙΚΤΥΟ Κεφάλαιο 2. Το περιβάλλον του παγκόσμιου Ιστού Επιμέλεια: Καραγιάννης Σπύρος Καθηγητής ΠΕ19 Πλεονεκτήματα παγκόσμιου Ιστού Εξυπηρετητής Ιστού & Ιστοσελίδες Κύριες
Διαβάστε περισσότεραΤΕΙ ΚΑΒΑΛΑΣ. Πτυχιακή εργασία ΕΙΣΑΓΩΓΗ. Μιλτιάδης Κακλαμάνης
Σελίδα 1από ΤΕΙ ΚΑΒΑΛΑΣ Πτυχιακή εργασία Δικτυακή Εφαρμογή διαχείρισης ηλεκτρονικών εγγράφων υπηρεσίας. ΕΙΣΑΓΩΓΗ Μιλτιάδης Κακλαμάνης Σελίδα 2από Κατάλογος περιεχομένων ΕΙΣΑΓΩΓΗ...1 Σχετιζόμενα πρόσωπα...3
Διαβάστε περισσότεραΒασικά στοιχεία του CSS
Βασικά στοιχεία του CSS Περιεχόμενα Τι είναι CSS Πλεονεκτήματα CSS μορφοποίησης Συντακτικό του CSS Ιδιότητες CSS Εφαρμογή CSS κανόνων Επικάλυψη CSS κανόνων 2 Μορφοποίηση με HTML Η HTML είναι σχεδιασμένη
Διαβάστε περισσότεραΤΕΧΝΟΛΟΓΙΕΣ ΣΧΕΔΙΑΣΗΣ ΔΙΑΔΙΚΤΥΑΚΟΥ ΤΟΠΟΥ (Web Site Design Technologies)
ΕΠΛ 012 ΤΕΧΝΟΛΟΓΙΕΣ ΣΧΕΔΙΑΣΗΣ ΔΙΑΔΙΚΤΥΑΚΟΥ ΤΟΠΟΥ (Web Site Design Technologies) Διδάσκων Καθηγητής: Δημήτριος Τσουμάκος Εαρινό Εξάμηνο 2010 Βασικές Πληροφορίες Πότε: Δευτέρα & Πέμπτη 10:30-12μμ Πού: ΧΩΔ01
Διαβάστε περισσότεραΣημασιολογικός Ιστός (Semantic Web) - XML
Πανεπιστήμιο Πειραιώς Τμήμα Ψηφιακών Συστημάτων Σημασιολογικός Ιστός (Semantic Web) - XML 1/11/2016 Δρ. Ανδριάνα Πρέντζα Αναπληρώτρια Καθηγήτρια aprentza@unipi.gr Πανεπιστήμιο Πειραιά Τμήμα Ψηφιακών Συστημάτων
Διαβάστε περισσότεραΣπουδές 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
Διαβάστε περισσότεραHTML 1. Στόχος της ώρας 11/3/2014. Εισαγωγή της γλώσσας HTML σε αρχάριο επίπεδο:
HTML 1 Στόχος της ώρας Τι είναι HTML και CSS; ιαχωρισμός περιεχομένου/μορφοποίησης Πότε χρησιμοποιούμε το ένα και πότε το άλλο; Εισαγωγή της γλώσσας HTML σε αρχάριο επίπεδο: Βασική σύνταξη, ετικέτες Τίτλοι,
Διαβάστε περισσότερα1. <body> 2. <header> 3. <h1> My Page </h1> 4. </header> 5. <section>
Ενδεικτικές ερωτήσεις 1. Τι σημαίνουν τα αρχικά CSS 2. Τι σημαίνουν τα αρχικά HTML 3. Ποια η διαφορά μεταξύ Internet και Web; a. Είναι το ίδιο b. Το Web είναι μια υπηρεσία του διαδικτύου 4. Ποια η διαφορά
Διαβάστε περισσότεραΣήμανση και Μορφοποίηση: HTML και CSS
Κεφάλαιο 4 ο Σήμανση και Μορφοποίηση: HTML και CSS Για την παρουσίαση της πληροφορίας στον Παγκόσμιο Ιστό (World Wide Web) α- παιτείται μία γλώσσα που να είναι κατανοητή από όλους, ένα είδος δημόσιας μητρικής
Διαβάστε περισσότεραΣημασιολογικός Ιστός (Semantic Web) - XML
Πανεπιστήμιο Πειραιώς Τμήμα Ψηφιακών Συστημάτων Σημασιολογικός Ιστός (Semantic Web) - XML 4/10/2016 Δρ. Ανδριάνα Πρέντζα Αναπληρώτρια Καθηγήτρια aprentza@unipi.gr Πανεπιστήμιο Πειραιά Τμήμα Ψηφιακών Συστημάτων
Διαβάστε περισσότερα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 απαιτεί από τον Υποψήφιο να κατανοεί τις κύριες έννοιες της σχεδίασης και δημοσίευσης δικτυακών
Διαβάστε περισσότεραΣχεδίαση και Ανάπτυξη Ιστότοπων
Σχεδίαση και Ανάπτυξη Ιστότοπων Κατασκευή Ιστοσελίδων Παρουσίαση 3 η 1 Βελώνης Γεώργιος Καθηγητής Περιεχόμενα Οργάνωση Ιστοσελίδων Αρχές σχεδιασμού για τη δημιουργία ιστοσελίδων Χαρακτηριστικά της HTML
Διαβάστε περισσότεραΜαθηματικά Λογισμικά και Γλώσσες Αναπαράστασης Γνώσης
Μαθηματικά Λογισμικά και Γλώσσες Γεώργιος Χρ. Μακρής 20 Απριλίου 2015 Γλώσσες Σήμανσης (Annotation ή Markup Languages) Για την αποθήκευση δομημένης πληροφορίας χρησιμοποιούνται γλώσσες σήμανσης. Η δομημένη
Διαβάστε περισσότεραCSS Εργαστήριο 1. Εισαγωγή - Σύνταξη - Εφαρμογή στην HTML
CSS Εργαστήριο 1. Εισαγωγή - Σύνταξη - Εφαρμογή στην HTML Εισαγωγή Το CSS (Cascading Style Sheets ή Επικαλυπτόμενα Φύλλα Στυλ) μας επιτρέπει να αλλάξουμε τον τρόπο με τον οποίο παρουσιάζονται τα στοιχεία
Διαβάστε περισσότεραΥπερκείμενο / Υπερμέσα
Υπερκείμενο / Υπερμέσα Γιώργος Τζιρίτας Τμήμα Επιστήμης Υπολογιστών http://www.csd.uoc.gr/~tziritas Άνοιξη 2016 1 Υπερκείμενο Πλούσιο κείμενο με δυναμική οργάνωση των πληροφοριών Οργάνωση της γνώσης με
Διαβάστε περισσότεραΕΡΓΑΣΤΗΡΙΟ: ΤΕΧΝΟΛΟΓΙΕΣ ΠΛΗΡΟΦΟΡΙΑΣ ΚΑΙ ΕΠΙΚΟΙΝΩΝΙΑΣ ΣΤΟΝ ΤΟΥΡΙΣΜΟ. 1o ΕΡΓΑΣΤΗΡΙΟ ΕΙΣΑΓΩΓΗ ΣΤΗΝ HTML
ΕΡΓΑΣΤΗΡΙΟ: ΤΕΧΝΟΛΟΓΙΕΣ ΠΛΗΡΟΦΟΡΙΑΣ ΚΑΙ ΕΠΙΚΟΙΝΩΝΙΑΣ ΣΤΟΝ ΤΟΥΡΙΣΜΟ ΠΕΡΙΕΧΟΜΕΝΟ ΜΑΘΗΜΑΤΟΣ 1. Ετικέτες (tags) 1o ΕΡΓΑΣΤΗΡΙΟ ΕΙΣΑΓΩΓΗ ΣΤΗΝ HTML 2. Δομή εγγράφου (αρχείου html) 3. Δημιουργία αρχείου html 4.
Διαβάστε περισσότεραΓιώργος Χρ. Μακρής. Σύγχρονες Γλώσσες Σήμανσης του Διαδικτύου. Αναπαράσταση Μαθηματικών κειμένων στο διαδίκτυο. Η Γλώσσα MathML
Σύγχρονες Γλώσσες Σήμανσης του Διαδικτύου. Αναπαράσταση Μαθηματικών κειμένων στο διαδίκτυο. Η Γλώσσα MathML Γιώργος Χρ. Μακρής Θεσσαλονίκη, Μάρτιος 2012 Αναπαράσταση Μαθηματικών Κειμένων στο διαδίκτυο
Διαβάστε περισσότεραΤι είναι η HTML; Τί είναι οι ετικέτες (tags); Πώς είναι μια ετικέτα (tag);
Τι είναι η HTML; Η HTML είναι το ακρώνυμο από το Hyper Text Markup Language που σημαίνει γλώσσα χαρακτηρισμού υπερκειμένου. Η χρήση μιας γλώσσας χαρακτηρισμού σημαίνει ότι γράφεται πρώτα το κείμενο και
Διαβάστε περισσότεραΒΑΣΙΚΕΣ ΑΡΧΕΣ ΣΧΕΔΙΑΣΜΟΥ ΕΦΑΡΜΟΓΩΝ
ΒΑΣΙΚΕΣ ΑΡΧΕΣ ΣΧΕΔΙΑΣΜΟΥ ΕΦΑΡΜΟΓΩΝ Βαγγελιώ Καβακλή Τμήμα Πολιτισμικής Τεχνολογίας & Επικοινωνίας 8 Μαρτίου 2001 Hypertext Markup Language (HTML)! Σε μια ιστοσελίδα μπορούν να εμφανίζονται διαφορετικά
Διαβάστε περισσότεραTEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο)
TEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο) Διδάσκων: Ανδρέας Γιαννακουλόπουλος Επιστημονικός συνεργάτης Εργαστηρίου: Στέλλα Λάμπουρα Εαρινό εξάμηνο Χρηματοδότηση Το παρόν εκπαιδευτικό υλικό έχει αναπτυχθεί
Διαβάστε περισσότεραΥΠΗΡΕΣΙΑ «TAXISNET» - ΗΛΕΚΤΡΟΝΙΚΗ ΥΠΟΒΟΛΗ ΤΩΝ ΦΟΡΟΛΟΓΙΚΩΝ ΔΗΛΩΣΕΩΝ ΓΙΑ ΤΟ ΤΜΗΜΑ ΕΣΩΤΕΡΙΚΩΝ ΠΡΟΣΟΔΩΝ ΚΑΙ ΤΗΝ ΥΠΗΡΕΣΙΑ ΦΟΡΟΥ ΠΡΟΣΤΙΘΕΜΕΝΗΣ ΑΞΙΑΣ ΤΟΥ
ΥΠΗΡΕΣΙΑ «TAXISNET» - ΗΛΕΚΤΡΟΝΙΚΗ ΥΠΟΒΟΛΗ ΤΩΝ ΦΟΡΟΛΟΓΙΚΩΝ ΔΗΛΩΣΕΩΝ ΓΙΑ ΤΟ ΤΜΗΜΑ ΕΣΩΤΕΡΙΚΩΝ ΠΡΟΣΟΔΩΝ ΚΑΙ ΤΗΝ ΥΠΗΡΕΣΙΑ ΦΟΡΟΥ ΠΡΟΣΤΙΘΕΜΕΝΗΣ ΑΞΙΑΣ ΤΟΥ ΥΠΟΥΡΓΕΙΟΥ ΟΙΚΟΝΟΜΙΚΩΝ ΤΗΣ ΚΥΠΡΙΑΚΗΣ ΔΗΜΟΚΡΑΤΙΑΣ Οδηγίες
Διαβάστε περισσότεραΠοιες είναι οι κύριες ετικέτες που χρησιμοποιεί η HTML για την περιγραφή της συνολικής δομής μιας ιστοσελίδας;
Τι είναι η HTML; Η HTML είναι το ακρωνύμιο των λέξεων HyperText Markup Language, δηλαδή Γλώσσα Χαρακτηρισμού Υπερ Κειμένου και βασίζεται στη γλώσσα SGML, Standard Generalized Markup Language, που είναι
Διαβάστε περισσότεραΕΞΕΤΑΣΤΕΑ ΥΛΗ (SYLLABUS) ADVANCED σχεδιασμός ιστοσελίδας ΕΚΔΟΣΗ 1.0. Σόλωνος 108,Τηλ Φαξ
ΕΞΕΤΑΣΤΕΑ ΥΛΗ (SYLLABUS) ADVANCED σχεδιασμός ιστοσελίδας ΕΚΔΟΣΗ 1.0 ΤΙ ΕΙΝΑΙ ΤΟ ADVANCED Οι Advanced θεματικές ενότητες είναι είναι κατάλληλες για άτομα που επιθυμούν να συνεχίσουν σπουδές στο χώρο της
Διαβάστε περισσότεραΣχεδιάζοντας Εφαρμογές για το Διαδίκτυο
FrontPage 2003 Πρακτικός Οδηγός Χρήσης Το FrontPage είναι ένα πρόγραμμα δημιουργίας ιστοσελίδων και δικτυακών τόπων που επιτρέπει το σχεδιασμό ιστοσελίδων μέσα από γραφικό περιβάλλον αλλά και την ταυτόχρονη
Διαβάστε περισσότεραΣε αυτό το μάθημα θα ασχοληθούμε με τη βελτίωση της εμφάνισης ενός ιστοτόπου, αλλά και τον εύκολο χειρισμό όλων των αλλαγών τις οποίες επιθυμούμε να
Σε αυτό το μάθημα θα ασχοληθούμε με τη βελτίωση της εμφάνισης ενός ιστοτόπου, αλλά και τον εύκολο χειρισμό όλων των αλλαγών τις οποίες επιθυμούμε να κάνουμε μέσω ενός εξωτερικού αρχείου.το αρχείο αυτό
Διαβάστε περισσότεραΑνάπτυξη Υπηρεσίας Καταλόγου LDAP με τα στοιχεία του προσωπικού του TEI Πειραιά. Νίκος Πασσαράς. Εισηγητής: Πρεζεράκος Γεώργιος
ΑΝΩΤΑΤΟ ΤΕΧΝΟΛΟΓΙΚΟ ΙΔΡΥΜΑ ΠΕΙΡΑΙΑ ΣΧΟΛΗ ΤΕΧΝΟΛΟΓΙΚΩΝ ΕΦΑΡΜΟΓΩΝ ΤΜΗΜΑ ΗΛΕΚΤΡΟΝΙΚΩΝ ΥΠΟΛΟΓΙΣΤΙΚΩΝ ΣΥΣΤΗΜΑΤΩΝ Ανάπτυξη Υπηρεσίας Καταλόγου LDAP με τα στοιχεία του προσωπικού του TEI Πειραιά Νίκος Πασσαράς
Διαβάστε περισσότεραΓαβαλάς Δαμιανός dgavalas@aegean.gr. Δικτυακά Πολυμέσα ΙΙ Εργαστήριο #3 0 : Εισαγωγή στacascading Style Sheets (CSS)
Δικτυακά Πολυμέσα ΙΙ Εργαστήριο #3 0 : Εισαγωγή στacascading Style Sheets (CSS) Γαβαλάς Δαμιανός dgavalas@aegean.gr Επικαλυπτόμενα Φύλλα Στυλ (Cascading Style Sheets, CSS) Η (X)HTML προσδιορίζει τη βασική
Διαβάστε περισσότεραΒαρβάκειο Πρότυπο Γυμνάσιο
Παραδόσεις & εργαστηριακές ασκήσεις στην HTML Βαρβάκειο Πρότυπο Γυμνάσιο Σχολ. Χρονιά 2016-2017 Θ. Οτζάκογλου Εργαστήρι Πληροφορικής Σχολ. Έτος 2016 2017 Αν και δεν είναι μία ακόμη «γλώσσα προγραμματισμού»,
Διαβάστε περισσότεραΔημοσίευση στο Διαδίκτυο
ΕΣΔ200 Δημιουργία Περιεχομένου ΙI Δημοσίευση στο Διαδίκτυο Περιεχόμενα - Βιβλιογραφία Ενότητας Περιεχόμενα Εισαγωγή Δημοσίευση μιας ταινίας στο παγκόσμιο ιστό Βασικά στοιχεία HTML Τεχνικές δημιουργίας
Διαβάστε περισσότεραΑ ΛΥΚΕΙΟΥ - ΕΦΑΡΜΟΓΕΣ ΠΛΗΡΟΦΟΡΙΚΗΣ ΜΑΪΟΣ 2019 ΕΝΔΕΙΚΤΙΚΕΣ ΕΡΩΤΗΣΕΙΣ ΚΑΤΑΝΟΗΣΗΣ
Το υλικό αυτό δίνεται στους μαθητές για τη σωστή μελέτη της διδαχθείσας ύλης του μέρους Β. Πρόκειται για ένα συμπαγή κορμό ερωτήσεων και ασκήσεων οι οποίες καλύφθηκαν κατά τη διάρκεια της έως τώρα σχολικής
Διαβάστε περισσότεραΒασίλειος Κοντογιάννης ΠΕ19
Ενότητα3 Επικοινωνία και Διαδίκτυο 11.1 Γενική Εισαγωγή στην HTML Τι είναι η HTML (HyperText Markup Language); Είναι μια γλώσσα σήμανσης (Markup) με την οποία πραγματοποιείται η δόμηση σελίδων του Παγκόσμιου
Διαβάστε περισσότεραΣχεδιασμός και Ανάπτυξη Ιστότοπων
Βελώνης Γεώργιος Καθηγητής Σχεδιασμός και Ανάπτυξη Ιστότοπων Εισαγωγή στα CSS (Cascading Style Sheets) Παρουσίαση 13 η 1 Βελώνης Γεώργιος Καθηγητής Περιεχόμενα Εισαγωγή Πλεονεκτήματα χρήσης των CSS Βασικοί
Διαβάστε περισσότερα1. Απαιτήσεις εργασίας
ctxxxxx.html 1 η ΕΡΓΑΣΙΑ: ΑΝΑΠΤΥΞΗ ΔΙΑΔΙΚΤΥΑΚΟΥ ΤΟΠΟΥ (WEB SITE) Ημερομηνία Παράδοσης: Τρίτη 1 Δεκέμβρη 2009 (Η εργασία είναι ατομική!!) 1. Απαιτήσεις εργασίας Θα πρέπει να δημιουργήσετε το web site μιας
Διαβάστε περισσότεραΔυναμικές Ιστοσελίδες στο Πανελλήνιο Σχολικό Δίκτυο
Δυναμικές Ιστοσελίδες στο Πανελλήνιο Σχολικό Δίκτυο Δρ. Χρήστος Όροβας Τεχνικός Υπεύθυνος 1 Διαδικασία «Φόρτωσης» μιας Ιστοσελίδας Internet Explorer, Mozilla, Chrome, κτλ HTTP Server ΠΣΔ Αίτημα για επικοινωνία
Διαβάστε περισσότεραΔιαχείριση Πληροφοριών στο Διαδίκτυο. Εργαστήριο 2
Διαχείριση Πληροφοριών στο Διαδίκτυο Εργαστήριο 2 Τεχνολογικό Εκπαιδευτικό Ίδρυμα Καβάλας Σχολή Διοίκησης & Οικονομίας Τμήμα Διαχείρισης Πληροφοριών Διδάσκων Μαρδύρης Βασίλειος, Διπλ. Ηλ. Μηχανικός & Μηχ.
Διαβάστε περισσότεραΤεχνολογίες Παγκόσμιου Ιστού. 1η διάλεξη
Τεχνολογίες Παγκόσμιου Ιστού 1η διάλεξη Χαρακτηριστικά Μαθήματος Μάθημα προγραμματισμού (και όχι μόνον) Μπορεί να εξελιχθεί σε εφιάλτη αν δεν έχετε καλή γνώση και αρκετή εμπειρία προγραμματισμού (Java)
Διαβάστε περισσότεραΗ Βίβλος των CSS - Μέρος 4 Positioning, Layers και Web Standards
Η Βίβλος των CSS - Μέρος 4 Positioning, Layers και Web Standards Τα Επιπλέοντα Στοιχεία Ένα στοιχείο μπορεί να τοποθετηθεί στα δεξιά (right) ή στα αριστερά (left) με χρήση της ιδιότητας float. Αυτό πρακτικά
Διαβάστε περισσότεραΣημασιολογικός Ιστός (Semantic Web) - XML
Πανεπιστήμιο Πειραιώς Τμήμα Ψηφιακών Συστημάτων Σημασιολογικός Ιστός (Semantic Web) - XML 11/10/2016 Δρ. Ανδριάνα Πρέντζα Αναπληρώτρια Καθηγήτρια aprentza@unipi.gr Πανεπιστήμιο Πειραιά Τμήμα Ψηφιακών Συστημάτων
Διαβάστε περισσότεραΔιάλεξη 2η Εισαγωγή στο CSS
Διάλεξη 2η Εισαγωγή στο CSS Στέλιος Μόσχογλου Θεοδόσης Σουργκούνης Αντώνης Χρυσόπουλος I S S E L D e c o d e (Intelligent Systems & Software Engineering Lab) Στόχος της ώρας Τι είναι το CSS? Γιατί να χρησιμοποιήσω
Διαβάστε περισσότερα<address>αδριανείου 2, Νέο Ψυχικό, 11525, Αθήνα</adderss> <address>
ΥΠΗΡΕΣΙΑ «TAXISNET» - ΗΛΕΚΤΡΟΝΙΚΗ ΥΠΟΒΟΛΗ ΤΩΝ ΦΟΡΟΛΟΓΙΚΩΝ ΗΛΩΣΕΩΝ ΓΙΑ ΤΟ ΤΜΗΜΑ ΕΣΩΤΕΡΙΚΩΝ ΠΡΟΣΟ ΩΝ ΚΑΙ ΤΗΝ ΥΠΗΡΕΣΙΑ ΦΟΡΟΥ ΠΡΟΣΤΙΘΕΜΕΝΗΣ ΑΞΙΑΣ ΤΟΥ ΥΠΟΥΡΓΕΙΟΥ ΟΙΚΟΝΟΜΙΚΩΝ ΤΗΣ ΚΥΠΡΙΑΚΗΣ ΗΜΟΚΡΑΤΙΑΣ Οδηγίες
Διαβάστε περισσότεραΕισαγωγή στις ΤΠΕ ΙΙ Γιάννης Βρέλλης ΠΤΔΕ-Πανεπιστήμιο Ιωαννίνων. World Wide Web. Παγκόσμιος Ιστός
Εισαγωγή στις ΤΠΕ ΙΙ Γιάννης Βρέλλης ΠΤΔΕ-Πανεπιστήμιο Ιωαννίνων World Wide Web Παγκόσμιος Ιστός Internet - WWW Internet: παγκόσμιο δίκτυο υπολογιστών που βασίζεται στο πρωτόκολο επικοινωνίας TCP/IP και
Διαβάστε περισσότεραΤεχνολογίες Διαδικτύου - Εργαστήριο 1 ο
Τεχνολογίες Διαδικτύου - Εργαστήριο 1 ο 1. Δημιουργία μιας απλής σελίδας HTML Στον προσωπικό σας κατάλογο δημιουργήστε ένα φάκελο με όνομα HTML. Ανοίξτε το Notepad ακολουθώντας τη διαδρομή (Start All Programs
Διαβάστε περισσότεραΣχεδιασμός και Ανάπτυξη Ιστοσελίδων ΙΙ ΙΕΚ ΤΡΙΑΝΔΡΙΑΣ ΓΡΑΦΙΣΤΑΣ ΕΝΤΥΠΟΥ ΚΑΙ ΗΛΕΚΤΡΟΝΙΚΩΝ ΜΕΣΩΝ. CSS - Cascading Style Sheets
Σχεδιασμός και Ανάπτυξη Ιστοσελίδων ΙΙ ΙΕΚ ΤΡΙΑΝΔΡΙΑΣ ΓΡΑΦΙΣΤΑΣ ΕΝΤΥΠΟΥ ΚΑΙ ΗΛΕΚΤΡΟΝΙΚΩΝ ΜΕΣΩΝ CSS - Cascading Style Sheets Τι είναι τα CSS; Τα CSS (Διαδοχικά Φύλλα Στυλ) αποτελούν ένα πολύ καλό εργαλείο
Διαβάστε περισσότεραTEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο) Διδάσκων: Ανδρέας Γιαννακουλόπουλος Επιστημονικός συνεργάτης Εργαστηρίου: Στέλλα Λάμπουρα
TEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο) Διδάσκων: Ανδρέας Γιαννακουλόπουλος Επιστημονικός συνεργάτης Εργαστηρίου: Στέλλα Λάμπουρα Εαρινό εξάμηνο 2014-2015 Χρηματοδότηση Το παρόν εκπαιδευτικό υλικό
Διαβάστε περισσότεραΕΙΣΑΓΩΓΗ ΣΤΗΝ HTML. Decode, ISSEL. Θεοδόσης Σουργκούνης Αντώνης Χρυσόπουλος Στέλιος Μόσχογλου
ΕΙΣΑΓΩΓΗ ΣΤΗΝ HTML Θεοδόσης Σουργκούνης Αντώνης Χρυσόπουλος Στέλιος Μόσχογλου Decode, ISSEL Τμήμα Ηλεκτρολόγων Μηχανικών και Μηχανικών Υπολογιστών, Αριστοτέλειο Πανεπιστήμιο Θεσσαλονίκης Στόχος της ώρας
Διαβάστε περισσότεραΣΧΕΔΙΑΣΜΟΣ ΚΑΙ ΑΝΑΠΤΥΞΗ ΙΣΤΟΤΟΠΩΝ
ΣΧΕΔΙΑΣΜΟΣ ΚΑΙ ΑΝΑΠΤΥΞΗ ΙΣΤΟΤΟΠΩΝ 1Τι είναι ο Παγκόσµιος Ιστός; Λόγω της µεγάλης απήχησης του Παγκόσµιου Ιστού πολλές φορές ταυτίζουµε τον Παγκόσµιο Ιστό µε το Διαδίκτυο. Στην πραγµατικότητα αυτή η αντίληψη
Διαβάστε περισσότερα1. O FrontPage Explorer
1. O FrontPage Explorer Στο παρελθόν, ο δηµιουργός µιας θέσης Ιστού έπρεπε να παρακολουθεί µόνος του τον τρόπο σύνδεσης των σελίδων του. Με το FrontPage Explorer µπορείτε να δηµιουργείτε ιστούς και να
Διαβάστε περισσότεραΣτην τεχνολογία των CSS, οι κανόνες στυλ (style
Δικτυακά Πολυμέσα ΙΙ Εργαστήριο #4 0 : CSS: Βασικές και προχωρημένες τεχνικές επιλογής, τα στοιχεία και , ψευδο κλάσεις και ψευδο επιλογείς Γαβαλάς Δαμιανός dgavalas@aegean.gr CSS κανόνες στυλ
Διαβάστε περισσότεραΕισαγωγή στην HTML (1)
Εισαγωγή στην HTML (1) Πανεπιστήμιο Πελοποννήσου Τμήμα Επιστήμης & Τεχνολογίας Τηλεπικοινωνιών Ευάγγελος Α. Κοσμάτος HTML HyperText Mark-up Language Καθορίζει τον τρόπο που ο browser εμφανίζει τα διάφορα
Διαβάστε περισσότεραΠολυμέσα. Ιστορική Αναδρομή Υπερκείμενο
Πολυμέσα Πολυμέσα είναι κλάδος της πληροφορικής ο οποίος ασχολείται με το συνδυασμό ψηφιακών δεδομένων πολλαπλών μορφών. Τα δομικά στοιχεία των πολυμέσων είναι τα εξής : Κείμενο Εικόνα Ήχος Κινούμενη εικόνα
Διαβάστε περισσότεραΣτοιχεία ορισμού θέσης (Positioning Elements)
Δικτυακά Πολυμέσα ΙΙ Εργαστήριο #7 0 : Ορισμός θέσης σε διατάξεις (positioned layouts). Γαβαλάς Δαμιανός dgavalas@aegean.gr Στοιχεία ορισμού θέσης (Positioning Elements) Οι ιδιότητες τοποθέτησης των CSS
Διαβάστε περισσότεραΕξεταστέα Ύλη (Syllabus) Έκδοση 1.5
Εξεταστέα Ύλη (Syllabus) Έκδοση 1.5 Πνευματικά Δικαιώματα 2005 Ίδρυμα ECDL (ECDL Foundation www.ecdl.com) Όλα τα δικαιώματα είναι κατοχυρωμένα. Κανένα μέρος αυτού του εγγράφου δεν μπορεί να αναπαραχθεί
Διαβάστε περισσότεραΣταύρος Καουκάκης Ευτύχιος Βαβουράκης
ΠΑΝΕΠΙΣΤΗΜΙΟ ΚΡΗΤΗΣ 1 ο ΣΧΟΛΕΙΟ ΚΩΔΙΚΑ «Βασικά Θέματα Προγραμματισμού στην Ανάπτυξη Δυναμικών Διαδικτυακών Εφαρμογών» (Part 1) Σταύρος Καουκάκης Ευτύχιος Βαβουράκης 1 Λίγα Λόγια για το Σχολείο Μονάδες
Διαβάστε περισσότεραΕΙΔΙΚΟΙ ΧΑΡΑΚΤΗΡΕΣ ΧΑΡΑΚΤΗΡΕΣ ΜΕ ΕΙΔΙΚΕΣ ΛΕΙΤΟΥΡΓΙΕΣ. ΠΙΝΑΚΑΣ ΚΩΔΙΚΩΝ ΔΙΑΦΥΓΗΣ Χαρακτήρας Κωδικός διαφυγής Ερμηνεία Συμβόλου & nbsp;
ΕΙΔΙΚΟΙ ΧΑΡΑΚΤΗΡΕΣ Υπάρχουν ειδικοί χαρακτήρες που δεν μπορούν να απεικονισθούν με απλές πληκτρολογήσεις (πατώντας ένα πλήκτρο ή ένα πλήκτρο και το Shift) αλλά μόνο με πιο περίπλοκους τρόπους (π.χ. πατώντας
Διαβάστε περισσότεραΣε αυτό το µάθηµα θα ασχοληθούµε µε τη βελτίωση της εµφάνισης ενός ιστοτόπου, αλλά και τον εύκολο χειρισµό όλων των αλλαγών στην εµφάνιση της σελίδας
Σε αυτό το µάθηµα θα ασχοληθούµε µε τη βελτίωση της εµφάνισης ενός ιστοτόπου, αλλά και τον εύκολο χειρισµό όλων των αλλαγών στην εµφάνιση της σελίδας µέσω της τεχνολογίας των ιαδοχικών Φύλλων Στυλ (cascading
Διαβάστε περισσότεραΑπαντήστε στις παρακάτω ερωτήσεις πολλαπλής επιλογής (μόνο μία ερώτηση είναι σωστή):
Απαντήστε στις παρακάτω ερωτήσεις πολλαπλής επιλογής (μόνο μία ερώτηση είναι σωστή): 1. Ο Παγκόσμιος Ιστός (world wide web): a. Ταυτίζεται με το Internet b. Είναι υπηρεσία διαχείρισης και πρόσβασης σε
Διαβάστε περισσότεραΤ.Ε.Ι. Δυτικής Ελλάδας Τμήμα Διοίκησης Επιχειρήσεων Μεσολόγγι. 6 η Διάλεξη. Μάθημα: Τεχνολογίες Διαδικτύου
Τ.Ε.Ι. Δυτικής Ελλάδας Τμήμα Διοίκησης Επιχειρήσεων Μεσολόγγι 6 η Διάλεξη Μάθημα: Τεχνολογίες Διαδικτύου Περιεχόμενα 6 η διάλεξη Browsers Θέματα σχεδιασμού web σελίδων Browsers Οι δημοφιλέστεροι Internet
Διαβάστε περισσότεραΤι είναι ένα σύστημα διαχείρισης περιεχομένου; δυναμικό περιεχόμενο
Τι είναι ένα σύστημα διαχείρισης περιεχομένου; Παρά την μεγάλη εξάπλωση του διαδικτύου και τον ολοένα αυξανόμενο αριθμό ιστοσελίδων, πολλές εταιρείες ή χρήστες δεν είναι εξοικειωμένοι με την τεχνολογία
Διαβάστε περισσότερα<a href="http://www.somepage.com/somepage.html">μετάβαση στο κείμενο</a>.
HTML Τα αρχεία της HTML έχουν ετικέτες (tags) που ορίζουν τη δομή και τη μορφοποίηση των ιστοσελίδων. Οι περισσότερες HTML ετικέτες τις συναντούμε ως ζεύγη τα οποία ενεργούν στα περιεχόμενα μεταξύ των
Διαβάστε περισσότεραΔιαδίκτυο: Ιστορία, Δομή, Υπηρεσίες
Διαδίκτυο: Ιστορία, Δομή, Υπηρεσίες 1 η Ερώτηση (Ορισμός): Τι είναι το Διαδίκτυο; Διαδίκτυο είναι το παγκόσμιο δίκτυο όλων των επιμέρους δικτύων που έχουν συμφωνήσει σε κοινούς κανόνες επικοινωνίας και
Διαβάστε περισσότεραΤ.Ε.Ι. Δυτικής Ελλάδας Τμήμα Διοίκησης Επιχειρήσεων Μεσολόγγι. 6 η Διάλεξη. Μάθημα: Τεχνολογίες Διαδικτύου
Τ.Ε.Ι. Δυτικής Ελλάδας Τμήμα Διοίκησης Επιχειρήσεων Μεσολόγγι 6 η Διάλεξη Μάθημα: Τεχνολογίες Διαδικτύου Περιεχόμενα 6 η διάλεξη Browsers Θέματα σχεδιασμού web σελίδων Browsers Οι δημοφιλέστεροι Internet
Διαβάστε περισσότεραΤεχνικός Εφαρμογών Πληροφορικής
Τεχνικός Εφαρμογών Πληροφορικής ΓΛΩΣΣΑ ΠΡΟΓΡΑΜΜΑΤΙΣΜΟΥ ΕΙΣΑΓΩΓΗ Εξάμηνο: 2014Β Διδάσκουσα: Ηλεκτρονική Τάξη: Κανελλοπούλου Χριστίνα_ΠΕ19 Πληροφορικής Περιεχόμενα 1.Τι είναι η Php; 2.Πως γίνετε η γραφή
Διαβάστε περισσότεραHTML HTML5...CSS
CSS3 HTML5 7... CSS3 HTML5 :... HTML5...... HTML5... CSS3...CSS3...HTML5 HTML5 :...The HTML5 Herald... HTML5...HTML5......The HTML5 Herald HTML5 :......... HTML5...HTML HTML5 ... HTML5 :...HTML... HTML5...
Διαβάστε περισσότεραΙΔΡΥΜΑΤΙΚΟ ΑΠΟΘΕΤΗΡΙΟ ΤΕΙ ΔΥΤΙΚΗΣ ΜΑΚΕΔΟΝΙΑΣ
ΙΔΡΥΜΑΤΙΚΟ ΑΠΟΘΕΤΗΡΙΟ ΤΕΙ ΔΥΤΙΚΗΣ ΜΑΚΕΔΟΝΙΑΣ EPrints Γενικές οδηγίες ΤΕΙ Δυτικής Μακεδονίας Είσοδος στο σύστημα 1. Ανοίγουμε ένα γνωστό φυλλομετρητή (browser) όπως Mozilla Firefox, Chrome, Internet Explorer,
Διαβάστε περισσότερα10. Εισαγωγή στην HTML
10. Εισαγωγή στην HTML Σκοπός του Εργαστηρίου: Σκοπός της παρούσας εργαστηριακής άσκησης είναι η εισαγωγή στη γλώσσα HTML και η ανάδειξη του γεγονότος ότι πρόκειται για μία πολύ απλή τεχνολογία. Θα χρησιμοποιήσετε
Διαβάστε περισσότεραΕΠΛ 003: ΕΠΙΣΤΗΜΗ ΤΗΣ ΠΛΗΡΟΦΟΡΙΚΗΣ ΚΑΙ ΠΛΗΡΟΦΟΡΙΚΑ ΣΥΣΤΗΜΑΤΑ
ΕΠΛ 003: ΕΠΙΣΤΗΜΗ ΤΗΣ ΠΛΗΡΟΦΟΡΙΚΗΣ ΚΑΙ ΠΛΗΡΟΦΟΡΙΚΑ ΣΥΣΤΗΜΑΤΑ Δρ. Κουζαπάς Δημήτριος Πανεπιστήμιο Κύπρου - Τμήμα Πληροφορικής Παγκόσμιος Ιστός Στόχοι 1 Να εξηγήσουμε τι είναι ο Παγκόσμιος Ιστός και πώς
Διαβάστε περισσότεραΠεριεχόμενα. Πρόλογος... xiii
Περιεχόμενα Πρόλογος... xiii Κεφάλαιο 1 ο Εισαγωγή στις τεχνολογίες Διαδικτύου... 1 1.1 Σύντομη ιστορία του Διαδικτύου... 3 1.2 Σύνδεση στο Διαδίκτυο μέσω Παρόχου (ISP)... 6 1.3 Μοντέλα Επικοινωνίας...
Διαβάστε περισσότεραΚΕΡΑΜΟΠΟΥΛΟΣ ΕΥΚΛΕΙΔΗΣ
ΚΕΡΑΜΟΠΟΥΛΟΣ ΕΥΚΛΕΙΔΗΣ H HTML είναι το ακρωνύμιο των λέξεων HyperText Markup Language (γλώσσα μορφοποίησης υπερκειμένου) και είναι η βασική γλώσσα δόμησης σελίδων του World Wide Web. 2 Βασικά χαρακτηριστικά
Διαβάστε περισσότεραAnimation με χρήση HTML 5. Στέλιος Σκουρλής
Animation με χρήση HTML 5 Στέλιος Σκουρλής Τι είναι η HTML???? Με απλά λόγια, μία ιστοσελίδα (HTML αρχείο) ) είναι ένα αρχείο κειμένου που δημιουργήθηκε χρησιμοποιώντας Hypertext Markup Language (HTML)
Διαβάστε περισσότεραΥΠΗΡΕΣΙΕΣ ΔΙΑΔΙΚΤΟΥ Explorer & Outlook 2013
ΥΠΗΡΕΣΙΕΣ ΔΙΑΔΙΚΤΟΥ Explorer & Outlook 2013 1. Δίκτυα Υπολογιστών και Διαδίκτυο... 3 1.1. Όροι Και Έννοιες... 3 1.2. Ασφάλεια Στο Διαδίκτυο... 5 2. Περιήγηση στον Παγκόσμιο Ιστό 7 Το Περιβάλλον Ενός Φυλλομετρητή...
Διαβάστε περισσότεραΗ βασική εργαλειοθήκη του διαδικτύου
Η βασική εργαλειοθήκη του διαδικτύου Ματθαίος Πατρινόπουλος 1 2 HTML Hyper Text Markup Language Σήμερα στην έκδοση 5 --> HTML5 Δεν είναι γλώσσα προγραμματισμού αλλά γλώσσα που καθορίζει η δομή και τις
Διαβάστε περισσότερα