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

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

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

Transcript

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

2 Παγκόσμιος Ιστός (WWW) Ο Παγκόσμιος Ιστός (World Wide Web WWW), ή απλώς Ιστός, βασίζεται στην ιδέα των κατανεμημένων πληροφοριών. Αντί όλες οι πληροφορίες να φιλοξενούνται σε ένα σημείο, κάθε οντότητα (μεμονωμένο άτομο ή οργανισμός) που διαθέτει πληροφορίες τις οποίες θέλει να μοιραστεί με άλλους, τις αποθηκεύει στο δικό της υπολογιστή και επιτρέπει στους χρήστες του Internet να τις προσπελάζουν. Ο Παγκόσμιος Ιστός αποτελεί μια συλλογή από έγγραφα πολυμέσων. 2

3 Ο Παγκόσμιος ιστός www Είναι μια υπηρεσία του Internet Yπολογιστές σε παγκόσμιο επίπεδο προσφέρουν πληροφορίες για διάφορα θέματα Κάθε υπολογιστής χαρακτηρίζεται από μια μοναδική διεύθυνση π.χ. Αυτό που μένει στο χρήστη είναι να ξέρει σε πoια διεύθυνση θα βρει κάτι που τον ενδιαφέρει.

4 Υπηρεσία www Πελάτης (Client) Διακομιστής (Server)

5 Διακομιστής (Server) www Υπολογιστής που εκτελεί ειδικό λογισμικό (www server) Σταθερή σύνδεση στο δίκτυο Φιλοξενεί το περιεχόμενο (σελίδες) Παρέχει το περιεχόμενο σε πολλούς πελάτες ταυτόχρονα Πελάτες βρίσκονται σε διάφορα σημεία του διαδικτύου Έχει μοναδική διεύθυνση στο διαδίκτυο (DNS όνομα) π.χ.

6 Φυλλομετρητής Για να προσπελάσει κάποιος μια σελίδα στον Παγκόσμιο Ιστό χρειάζεται ένα πρόγραμμα φυλλομέτρησης, ή αλλιώς ένα φυλλομετρητή (browser), ο οποίος συνήθως αποτελείται από τρία μέρη: έναν ελεγκτή, μια μέθοδο, έναν ερμηνευτή 6

7 www Πελάτες Είναι κάθε υπολογιστής που συνδέεται στο διαδίκτυο Χρησιμοποιεί ειδικό πρόγραμμα για την περιήγηση στον παγκόσμιο ιστό H προσπέλαση σε μιά τοποθεσία (server) γίνεται μέσω της διεύθυνσης της τοποθεσίας

8 Πληροφορίες στο www Επιστημονικές Τεχνικές Νομικές Οικονομικές Εμπορικές (Διαφήμιση, Αγορές, Πωλήσεις) Τέχνη Τουρισμός - Ταξίδια - Αξιοθέατα Ανακοινώσεις και πληροφορίες Κρατών - Οργανισμών Διασκέδαση Παιχνίδια

9 Πρωτόκολλο μεταφοράς Υπερκειμένου (HTTP) Το Πρωτόκολλο Μεταφοράς Υπερκειμένου (Hypertext Transfer Protocol, ή HTTP) είναι ένα πρόγραμμα πελάτη-διακομιστή το οποίο χρησιμοποιείται για την προσπέλαση και τη μεταφορά εγγράφων του Παγκόσμιου Ιστού (World Wide Web). 9

10 Ενιαίος Εντοπιστής Πόρων (URL) Το HTTP χρησιμοποιεί έναν ειδικό τύπο διευθυνσιοδότησης που ονομάζεται Ενιαίος Εντοπιστής Πόρων (Uniform Resource Locator, ή URL), ο οποίος αποτελεί τον τυπικό τρόπο στο Internet για τον προσδιορισμό οποιουδήποτε είδους πληροφοριών 10

11 Τύποι Εγγράφων 11

12 Υπερκείμενο Ο Παγκόσμιος Ιστός χρησιμοποιεί την έννοια του υπερκειμένου (hypertext), δηλαδή εγγράφων που περιέχουν ειδικό κείμενο, λέξεις, και φράσεις, οι οποίες συνδέονται με άλλα έγγραφα που περιέχουν κείμενο, ήχο, ή βίντεο. Ένα έγγραφο υπερκειμένου στον Ιστό ονομάζεται σελίδα (page). Η κύρια σελίδα ενός οργανισμού ή ενός μεμονωμένου ατόμου ονομάζεται αρχική σελίδα (home page). 12

13 Τι είναι η HTML HTML: Hyper Text Mark-up Language Hypertext: Υπερκείμενο Γλώσσα προγραμματισμού/«παρουσίασης» για τη δημουργία ιστοσελίδων Mark-up: κωδικοποίηση κειμένου μαζί με πληροφορίες σχετικά με τη δομή και την εμφάνισή του

14 HTML 1989: Ο Tim Berners-Lee επινοεί την HTML στο CERN (European Laboratory for Particle Physics, Geneva, Switzerland) SGML (Standard Generalized Markup Language): περιγραφή κειμένου σύμφωνα με τη δομή του και ανεξάρτητα από την εμφάνισή του HTML CSS

15 Λειτουργία της HTML Ορίζει τη δομή και τη θέση των στοιχείων (elements) που αποτελούν ένα web αρχείο Όλα τα στοιχεία προσδιορίζονται από ετικέτες (tags) που δίνουν στους browsers οδηγίες για το πως θα απεικονίσουν το περιεχόμενο. Οι ίδιες οι ετικέτες δεν εμφανίζονται.

16 Tags and Attributes Tag (ετικέτα) Attribute (απόδοση χαρακτηριστικού στην ετικέτα)

17 Elements- Έννοιες Περιέχουν Αρχή Τέλος Ανοίγουν Κλείνουν Μπορούν να ενσωματωθούν το ένα στο άλλο

18 Elements- Παράδειγμα Κώδικας: Ο καιρός είναι <b><i>καταπληκτικός</i></b>σήμερα Εμφάνιση: Ο καιρός είναι καταπληκτικός σήμερα

19 Attributes Τα attributes αποδίδουν χαρακτηριστικά στις ετικέτες, δηλαδή διαφοροποιούν ή επεκτείνουν την ετικέτα Σύνταξη: <element attribute= value >Διαφοροποιημένο κείμενο</element> Παράδειγμα: <font color= red >Κόκκινη γραμματοσειρά</font>

20 Δομή αρχείου HTML Δύο κύρια τμήματα head: πληροφορίες για το αρχείο (τίτλος, meta πληροφορίες που περιγράφουν τα περιεχόμενα) body: περιεχόμενα του αρχείου- αυτό που εμφανίζεται στον browser

21 Παράδειγμα κώδικα HTML (1) <html> <head> <title> Ο τίτλος της πρώτης HTML σελίδας </title> </head> <body> Η πρώτη HTML σελίδα </body> </html>

22 Αποτέλεσμα (1)

23 Header Ορίζεται από το <head> και περιγράφει το HTML αρχείο <title>: το πιο συχνά χρησιμοποιούμενο και το πλέον απαραίτητο <base>: ορίζει την κύρια τοποθεσία του αρχείου και χρησιμεύει ως αναφορά για όλα τα pathnames και links <link>: ορίζει τη σχέση του παρόντος αρχείου με ένα άλλο αρχείο <meta>: παρέχει πληροφορίες για το αρχείο, όπως λέξειςκλειδιά <script>: προστίθεται αν θέλουμε να χρησιμοποιήσουμε JavaScript, VBScript <style>: για ενσωμάτωση CSS (Cascading Style Sheets)

24 Body Ορίζεται από την ετικέτα <body> και σχεδιάστηκε για να οριοθετεί το κυρίως σώμα του HTML αρχείου. <body bgcolor= color text= color link= color vlink= color alink= color > <body background= background.gif > <body marginwidth=0 marginheight=0 leftmargin=0 topmargin=0>

25 Μορφοποίηση Κειμένου 1 Οι σχετικές με τη μορφοποίηση ετικέτες ορίζουν πως θα εμφανιστεί το κείμενο στον browser Παράγραφοι και επικεφαλίδες Απεικόνιση κειμένου Απόσταση και θέση χαρακτήρων Λίστες

26 Μορφοποίηση Κειμένου 2 <p>, <br>, <h1>, <h2>,.., <h6> <b>, <i>, <u> <font>,<basefont> <big>, <small> <center>, <left>, <right>

27 Lists Tags Χρησιμοποιούνται για να δημιουργήσουμε λίστες Unordered Lists: bullets <ul> Ordered Lists: με κάποιου είδους αρίθμηση<ol> Definition Lists: για ορισμούς<dt><dl>

28 Παράδειγμα κώδικα HTML (2) <html> <head> <title> Ο τίτλος της δεύτερης HTML σελίδας </title> </head> <body> <center> <h2>η δεύτερη HTML σελίδα</h2> <p> </center> <b><i>παράδειγμα unordered list</i></b> <ul> <li>δευτέρα</li> <li>τρίτη</li> <li>τετάρτη</li> <li>πέμπτη</li> <li>παρασκευή</li> </ul> <b><i>παράδειγμα ordered list</i></b> <ol> <li>γνωστική Ψυχολογία </li> <li>ψυχολογία του Κυβερνοχώρου</li> <li>κοινωνιολογία του Κυβερνοχώρου</li> <li>εισαγωγικά Θέματα WWW</li> <li>δυνητική Πραγματικότητα - Βασικές Αρχές</li> </ol> <b><i>παράδειγμα definition list</i></b><p> <dt>html <dd>hypertext Mark-up Language</dd> </dt> </body> </html>

29 Αποτέλεσμα (2)

30 Hyperlink Tags 1 Συνδέουν έναν πόρο με έναν άλλο Δίνουν τη δυνατότητα να δημιουργήσουμε έναν σύνδεσμο (link) προς άλλη σελίδα, προς διαφορετικό μέρος της ίδιας σελίδας, προς ένα αρχείο, προς αποστολή κ.α.

31 Hyperlink Tags 2 HREF= Hypertext Reference <a href= url target= _blank >Απεικόνιση συνδέσμου</a> Εξωτερικά Απόλυτα: Σχετικά:../index.html Εσωτερικά <a name= point >Specific</a> και <h1 id= point >Specific</a> Ε-mail, ftp, telnet, newsgroup addresses, files Imagemaps <map>

32 Table Tags Αρχικά αναπτύχθηκαν για να παρουσιάζουν γραμμές και στήλες για δεδομένα ενός πίνακα. Γρήγορα, όμως, αναπτύχθηκαν ως ένα εργαλείο για να ελεγχθεί η παρουσίαση της σελίδας <table>, <caption>,<tr>,<td> <col>

33 Images Tags Xρησιμοποιούνται για την εισαγωγή εικόνων, οριζόντιων γραμμών (rules) και multimedia αντικειμένων στο αρχείο <img> <hr> <object>

34 Σελίδα HTML (3)

35 Kώδικας σελίδας HTML (3) <html> <head> <title> Ο τίτλος της τρίτης HTML σελίδας </title> </head> <body> <h2>η τρίτη HTML σελίδα</h2> <p> <table border=0> <tr><td>&nbsp</td></tr> <tr><td><img src="/docs/tim.jpg" alt="tim Berners-Lee"></td></tr> <tr><td><font size=4>o Tim Berners-Lee, Εφευρέτης του Web και Διευθυντής του <a href="http://www.w3.org" target="new">world Wide Web Consortium</a></font></td> </tr> </table> </body> </html>

Εισαγωγή στην επιστήμη των υπολογιστών. Υλικό Υπολογιστών Κεφάλαιο 6ο ίκτυα υπολογιστών

Εισαγωγή στην επιστήμη των υπολογιστών. Υλικό Υπολογιστών Κεφάλαιο 6ο ίκτυα υπολογιστών Εισαγωγή στην επιστήμη των υπολογιστών Υλικό Υπολογιστών Κεφάλαιο 6ο ίκτυα υπολογιστών 1 ίκτυα μικρά και μεγάλα Ένα δίκτυο υπολογιστών (computer network) είναι ένας συνδυασμός συστημάτων (δηλαδή, υπολογιστών),

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

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

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

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

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

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

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

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

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

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

Εισαγωγή στις ΤΠΕ ΙΙ Γιάννης Βρέλλης ΠΤΔΕ-Πανεπιστήμιο Ιωαννίνων. World Wide Web. Παγκόσμιος Ιστός

Εισαγωγή στις ΤΠΕ ΙΙ Γιάννης Βρέλλης ΠΤΔΕ-Πανεπιστήμιο Ιωαννίνων. World Wide Web. Παγκόσμιος Ιστός Εισαγωγή στις ΤΠΕ ΙΙ Γιάννης Βρέλλης ΠΤΔΕ-Πανεπιστήμιο Ιωαννίνων World Wide Web Παγκόσμιος Ιστός Internet - WWW Internet: παγκόσμιο δίκτυο υπολογιστών που βασίζεται στο πρωτόκολο επικοινωνίας TCP/IP και

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

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

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

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

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

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

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

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

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

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

Εισαγωγή στην πληροφορική

Εισαγωγή στην πληροφορική Τμήμα Μηχανικών Πληροφορικής & Τηλεπικοινωνιών Εισαγωγή στην πληροφορική Ενότητα 5: Εισαγωγή στην HTML (Μέρος Α) Αγγελίδης Παντελής Τμήμα Μηχανικών Πληροφορικής και Τηλεπικοινωνιών Άδειες Χρήσης Το παρόν

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

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

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

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

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

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

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

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

ΚΕΡΑΜΟΠΟΥΛΟΣ ΕΥΚΛΕΙΔΗΣ ΚΕΡΑΜΟΠΟΥΛΟΣ ΕΥΚΛΕΙΔΗΣ H HTML είναι το ακρωνύμιο των λέξεων HyperText Markup Language (γλώσσα μορφοποίησης υπερκειμένου) και είναι η βασική γλώσσα δόμησης σελίδων του World Wide Web. 2 Βασικά χαρακτηριστικά

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Εργαλεία ανάπτυξης εφαρμογών internet Ι

Εργαλεία ανάπτυξης εφαρμογών internet Ι IEK ΟΑΕΔ ΚΑΛΑΜΑΤΑΣ ΤΕΧΝΙΚΟΣ ΕΦΑΡΜΟΓΩΝ ΠΛΗΟΦΟΡΙΚΗΣ Εργαλεία ανάπτυξης εφαρμογών internet Ι HTML Διδάσκουσα: Κανελλοπούλου Χριστίνα ΠΕ19 Πληροφορικής HTML (HyperText Markup Language) Η γλώσσα που χρησιμοποιείται

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

Τεχνολογίες Παγκόσμιου Ιστού. 1η διάλεξη

Τεχνολογίες Παγκόσμιου Ιστού. 1η διάλεξη Τεχνολογίες Παγκόσμιου Ιστού 1η διάλεξη Χαρακτηριστικά Μαθήματος Μάθημα προγραμματισμού (και όχι μόνον) Μπορεί να εξελιχθεί σε εφιάλτη αν δεν έχετε καλή γνώση και αρκετή εμπειρία προγραμματισμού (Java)

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

Κεφάλαιο 4 HyperText Markup Language - HTML. Προγραμματιστικά εργαλεία για το διαδίκτυο Φίλιππος Κουτσάκας, Πολύγυρος 2013

Κεφάλαιο 4 HyperText Markup Language - HTML. Προγραμματιστικά εργαλεία για το διαδίκτυο Φίλιππος Κουτσάκας, Πολύγυρος 2013 Κεφάλαιο 4 HyperText Markup Language - HTML Προγραμματιστικά εργαλεία για το διαδίκτυο Φίλιππος Κουτσάκας, Πολύγυρος 2013 Τι είναι η HTML; Ένας τρόπος για να πεις στον σελιδομετρητή πώς να αναπαραστήσει

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Πνευματικά Δικαιώματα 2013 Ίδρυμα ECDL (ECDL Foundation - www.ecdl.org)

Πνευματικά Δικαιώματα 2013 Ίδρυμα ECDL (ECDL Foundation - www.ecdl.org) PEOPLECERT Hellas A.E - Φορέας Πιστοποίησης Ανθρώπινου Δυναμικού Κοραή 3, 105 64 Αθήνα, Τηλ.: 210 372 9100, Fax: 210 372 9101, e-mail: info@peoplecert.org, www.peoplecert.org Πνευματικά Δικαιώματα 2013

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Κεφάλαιο 9: Διαδίκτυο, Web 2.0 και Web X.0. Εφαρμογές Πληροφορικής Κεφ. 9 Καραμαούνας Πολύκαρπος 1

Κεφάλαιο 9: Διαδίκτυο, Web 2.0 και Web X.0. Εφαρμογές Πληροφορικής Κεφ. 9 Καραμαούνας Πολύκαρπος 1 Κεφάλαιο 9: Διαδίκτυο, Web 2.0 και Web X.0 Καραμαούνας Πολύκαρπος 1 9.1 Ιστορικά Στοιχεία Ξεκίνησε ως ένα μικρό κλειστό στρατιωτικό δίκτυο και ήταν απόρροια του Ψυχρού Πολέμου μεταξύ ΗΠΑ και ΕΣΣΔ. Το 1966

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

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

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

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

Σχεδιασμός και Ανάπτυξη Ιστοτόπων. ΕΠΑ.Λ. ΑΛΙΜΟΥ Τομέας Πληροφορικής Κ. Φλώρος

Σχεδιασμός και Ανάπτυξη Ιστοτόπων. ΕΠΑ.Λ. ΑΛΙΜΟΥ Τομέας Πληροφορικής Κ. Φλώρος Σχεδιασμός και Ανάπτυξη Ιστοτόπων ΕΠΑ.Λ. ΑΛΙΜΟΥ Τομέας Πληροφορικής Κ. Φλώρος H γλώσσα HTML Άλλες Βιβλιογραφικές πηγές για HTML http://www.w3schools.com/html/ http://www.it.uom.gr/project/html2/lessons.html

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

Πρωτόκολλα Επικοινωνίας και Τείχος Προστασίας

Πρωτόκολλα Επικοινωνίας και Τείχος Προστασίας Β5.1.2 Πρωτόκολλα Επικοινωνίας και Τείχος Προστασίας Τι θα μάθουμε σήμερα: Να ορίζουμε τι είναι πρωτόκολλο επικοινωνίας Να εξηγούμε τη χρησιμότητα των πρωτοκόλλων επικοινωνίας Να ονομάζουμε τα σημαντικότερα

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

ίκτυα - Internet Υπηρεσίες Internet O Παγκόσµιος Ιστός (World Wide Web) Ηλεκτρονική Αλληλογραφία (E-mail) Υπηρεσία FTP (File Transfer Protocol)

ίκτυα - Internet Υπηρεσίες Internet O Παγκόσµιος Ιστός (World Wide Web) Ηλεκτρονική Αλληλογραφία (E-mail) Υπηρεσία FTP (File Transfer Protocol) Ιόνιο Πανεπιστήµιο Τµήµα Αρχειονοµίας-Βιβλιοθηκονοµίας Κέρκυρα ίκτυα - Internet 2 Υπηρεσίες Internet O Παγκόσµιος Ιστός (World Wide Web) ΜηχανέςΑναζήτησηςστοWeb Ηλεκτρονική Αλληλογραφία (E-mail) Υπηρεσία

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

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

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

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

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

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

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

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

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

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

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

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

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

2.9 Διαδίκτυο 2.9.4 Χρήση του διαδικτύου για την εκτέλεση απλών εργασιών

2.9 Διαδίκτυο 2.9.4 Χρήση του διαδικτύου για την εκτέλεση απλών εργασιών 2.9 Διαδίκτυο 2.9.4 Χρήση του διαδικτύου για την εκτέλεση απλών εργασιών Προετοιμασία σημειώσεων: EdITC Curriculum Team Έκδοση: EdITC LTD, 2009 Πνευματική Ιδιοκτησία: EdITC Ltd Το υλικό που περιλαμβάνεται

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

ΗΜΥ 100 Εισαγωγή στην Τεχνολογία ιάλεξη 7

ΗΜΥ 100 Εισαγωγή στην Τεχνολογία ιάλεξη 7 ΗΜΥ 100 Εισαγωγή στην Τεχνολογία ιάλεξη 7 26 Σεπτεµβρίου, 2005 Ηλίας Κυριακίδης Λέκτορας ΤΜΗΜΑ ΗΛΕΚΤΡΟΛΟΓΩΝ ΜΗΧΑΝΙΚΩΝ ΚΑΙ ΜΗΧΑΝΙΚΩΝ ΥΠΟΛΟΓΙΣΤΩΝ ΠΟΛΥΤΕΧΝΙΚΗ ΣΧΟΛΗ ΠΑΝΕΠΙΣΤΗΜΙΟ ΚΥΠΡΟΥ 2005Ηλίας Κυριακίδης,

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

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

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

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

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

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

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

Η εφεύρεση του Παγκόσμιου Ιστού: ένα παράδειγμα συνδυαστικής γνώσης

Η εφεύρεση του Παγκόσμιου Ιστού: ένα παράδειγμα συνδυαστικής γνώσης Η εφεύρεση του Παγκόσμιου Ιστού: ένα παράδειγμα συνδυαστικής γνώσης Αντρέας Γιαννακουλόπουλος, Ιόνιο Πανεπιστήμιο Ιωάννης Δεληγιάννης, Ιόνιο Πανεπιστήμιο Ρουμπίνη Οικονομίδου, University College of London

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

<BODY></a> </h3> <p> <img alt="<HTML> <HEAD> <TITLE> <BODY>" title="<HTML> <HEAD> <TITLE> <BODY>" class="news-block-img pull-right" src="/thumbs/26/2082816.jpg"> ΑΣΚΗΣΗ 1 1. Ανοίξτε τον επεξεργαστή ιστοσελίδων 2. Αποθηκεύστε στο X:/mathimata/html/askiseis/ με όνομα askisi1b.html 3. Θα φτιάξουμε μια νέα ιστοσελίδα, χρησιμοποιώντας τις βασικές ετικέτες </p> <a href="/2082816-Html-head-title-body.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/31856519-Gavalas-auianos.html">Γαβαλάς αµιανός</a> </h3> <p> <img alt="Γαβαλάς αµιανός" title="Γαβαλάς αµιανός" class="news-block-img pull-right" src="/thumbs/53/31856519.jpg"> Πανεπιστήµιο Αιγαίου Σχολή Κοινωνικών Επιστηµών Τµήµα Πολιτισµικής Τεχνολογίας Και Επικοινωνίας ικτυακά Πολυµέσα Ι (Β Έτος, 3ο εξ) Εργαστήριο #1ο: Εισαγωγή στην HTML Γαβαλάς αµιανός dgavalas@aegean.gr </p> <a href="/31856519-Gavalas-auianos.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/1134819-Internet-topiko-diktyo-lan-diktyo-eyreias-periohis-wan-diadiktyo-programma-ploigisis-fyllometritis-parohoi-ypiresion-internet-url-html-links.html">Internet Τοπικό δίκτυο LAN Δίκτυο Ευρείας Περιοχής WAN Διαδίκτυο Πρόγραμμα Πλοήγησης φυλλομετρητής Πάροχοι Υπηρεσιών Internet URL HTML links</a> </h3> <p> <img alt="Internet Τοπικό δίκτυο LAN Δίκτυο Ευρείας Περιοχής WAN Διαδίκτυο Πρόγραμμα Πλοήγησης φυλλομετρητής Πάροχοι Υπηρεσιών Internet URL HTML links" title="Internet Τοπικό δίκτυο LAN Δίκτυο Ευρείας Περιοχής WAN Διαδίκτυο Πρόγραμμα Πλοήγησης φυλλομετρητής Πάροχοι Υπηρεσιών Internet URL HTML links" class="news-block-img pull-right" src="/thumbs/21/1134819.jpg"> Internet Τοπικό δίκτυο (LAN Local Area Network): Δίκτυο όπου οι υπολογιστές βρίσκονται κοντά μεταξύ τους (μία εταιρία ή στην ίδια αίθουσα). Δίκτυο Ευρείας Περιοχής (WAN Wide Area Network) Δίκτυο όπου οι </p> <a href="/1134819-Internet-topiko-diktyo-lan-diktyo-eyreias-periohis-wan-diadiktyo-programma-ploigisis-fyllometritis-parohoi-ypiresion-internet-url-html-links.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/10944453-Eisagogi-stin-html-ta-tags-tis-html-kai-ta-gnorismata-toys.html">Εισαγωγή στην HTML Τα tags της HTML και τα γνωρίσματά τους</a> </h3> <p> <img alt="Εισαγωγή στην HTML Τα tags της HTML και τα γνωρίσματά τους" title="Εισαγωγή στην HTML Τα tags της HTML και τα γνωρίσματά τους" class="news-block-img pull-right" src="/thumbs/27/10944453.jpg"> Εισαγωγή στην HTML Τα tags της HTML και τα γνωρίσματά τους Με την γλώσσα περιγραφής υπερ-κειμένου (HTML) μπορούμε να σχεδιάζουμε ιστοσελίδες. Η HyperText Markup Language βασίζεται στην SGML (Standard Generalized </p> <a href="/10944453-Eisagogi-stin-html-ta-tags-tis-html-kai-ta-gnorismata-toys.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/6038967-Kinites-tehnologies.html">Κινητές τεχνολογίες;</a> </h3> <p> <img alt="Κινητές τεχνολογίες;" title="Κινητές τεχνολογίες;" class="news-block-img pull-right" src="/thumbs/25/6038967.jpg"> Κινητές τεχνολογίες Κινητές τεχνολογίες; Ασύρματη δικτύωση Κινητές επικοινωνίες Τεχνολογίες Πληροφορικής Σύγχρονες κινητές συσκευές Πρόσβαση στο Internet Αισθητήρες Δέκτης GPS Ηλεκτρονική πυξίδα Επιταχυνσιόμετρο </p> <a href="/6038967-Kinites-tehnologies.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/1860045-Html-1-eisagogi-stin-html-kai-ta-css.html">HTML... 1. Εισαγωγή στην HTML και τα CSS</a> </h3> <p> <img alt="HTML... 1. Εισαγωγή στην HTML και τα CSS" title="HTML... 1. Εισαγωγή στην HTML και τα CSS" class="news-block-img pull-right" src="/thumbs/23/1860045.jpg"> HTML...... 1 Εισαγωγή στην HTML και τα CSS HTML...... 2 HTML. H HTML (HYPERTEXT MARKUP LANGUAGE), είναι µία γλώσσα η οποία «λέει» στον υπολογιστή πως θα πρέπει να εµφανίσει µία ιστοσελίδα. Τα αρχεία στα </p> <a href="/1860045-Html-1-eisagogi-stin-html-kai-ta-css.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/34477127-Se-ayto-to-uathiua-tha-asholithoyue-ue-ti-veltiosi-tis-eufanisis-enos-istotopoy-alla-kai-ton-eykolo-heirisuo-olon-ton-allagon-stin-eufanisi-tis-selidas.html">Σε αυτό το µάθηµα θα ασχοληθούµε µε τη βελτίωση της εµφάνισης ενός ιστοτόπου, αλλά και τον εύκολο χειρισµό όλων των αλλαγών στην εµφάνιση της σελίδας</a> </h3> <p> <img alt="Σε αυτό το µάθηµα θα ασχοληθούµε µε τη βελτίωση της εµφάνισης ενός ιστοτόπου, αλλά και τον εύκολο χειρισµό όλων των αλλαγών στην εµφάνιση της σελίδας" title="Σε αυτό το µάθηµα θα ασχοληθούµε µε τη βελτίωση της εµφάνισης ενός ιστοτόπου, αλλά και τον εύκολο χειρισµό όλων των αλλαγών στην εµφάνιση της σελίδας" class="news-block-img pull-right" src="/thumbs/54/34477127.jpg"> Σε αυτό το µάθηµα θα ασχοληθούµε µε τη βελτίωση της εµφάνισης ενός ιστοτόπου, αλλά και τον εύκολο χειρισµό όλων των αλλαγών στην εµφάνιση της σελίδας µέσω της τεχνολογίας των ιαδοχικών Φύλλων Στυλ (cascading </p> <a href="/34477127-Se-ayto-to-uathiua-tha-asholithoyue-ue-ti-veltiosi-tis-eufanisis-enos-istotopoy-alla-kai-ton-eykolo-heirisuo-olon-ton-allagon-stin-eufanisi-tis-selidas.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/1849305-Ploigisi-www-me-ton-internet-explorer.html">Πλοήγηση www / Με τον Internet Explorer</a> </h3> <p> <img alt="Πλοήγηση www / Με τον Internet Explorer" title="Πλοήγηση www / Με τον Internet Explorer" class="news-block-img pull-right" src="/thumbs/23/1849305.jpg"> Πλοήγηση www / Με τον Internet Explorer Περιεχόμενα 1.Eισαγωγή 2.Το περιβάλλον του Internet Explorer 3.Οδηγίες πλοήγησης 4.Αποθήκευση αρχείων 5.Αγαπημένα 6.Ασφαλής σύνδεση 7.Διακομιστής μεσολάβησης 1.Εισαγωγή </p> <a href="/1849305-Ploigisi-www-me-ton-internet-explorer.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/33597085-3o-gel-eyosmoy-a-taxi-efarmoges-pliroforikis-erotiseis-theorias.html">3ο ΓΕΛ Ευόσμου Α Τάξη, Εφαρμογές Πληροφορικής Ερωτήσεις θεωρίας</a> </h3> <p> <img alt="3ο ΓΕΛ Ευόσμου Α Τάξη, Εφαρμογές Πληροφορικής Ερωτήσεις θεωρίας" title="3ο ΓΕΛ Ευόσμου Α Τάξη, Εφαρμογές Πληροφορικής Ερωτήσεις θεωρίας" class="news-block-img pull-right" src="/thumbs/54/33597085.jpg"> 3ο ΓΕΛ Ευόσμου 2014-15 Α Τάξη, Εφαρμογές Πληροφορικής Ερωτήσεις θεωρίας 1. Ποιες από τις παρακάτω είναι συσκευές εξόδου; Πληκτρολόγιο Μικρόφωνο Μεγάφωνα Ποντίκι Σαρωτής Εκτυπωτής 2. Ποιο από τα παρακάτω </p> <a href="/33597085-3o-gel-eyosmoy-a-taxi-efarmoges-pliroforikis-erotiseis-theorias.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/1037477-Alexandreio-tehnologiko-ekpaideytiko-idryma-thessalonikis-atei-th-tmima-diatrofis-diaitologias-pliroforiki-theoria.html">Αλεξάνδρειο Τεχνολογικό Εκπαιδευτικό Ίδρυμα Θεσσαλονίκης (ΑΤΕΙ-Θ) Τμήμα Διατροφής - Διαιτολογίας - Πληροφορική Θεωρία</a> </h3> <p> <img alt="Αλεξάνδρειο Τεχνολογικό Εκπαιδευτικό Ίδρυμα Θεσσαλονίκης (ΑΤΕΙ-Θ) Τμήμα Διατροφής - Διαιτολογίας - Πληροφορική Θεωρία" title="Αλεξάνδρειο Τεχνολογικό Εκπαιδευτικό Ίδρυμα Θεσσαλονίκης (ΑΤΕΙ-Θ) Τμήμα Διατροφής - Διαιτολογίας - Πληροφορική Θεωρία" class="news-block-img pull-right" src="/thumbs/20/1037477.jpg"> Ορολογία Access rights (Δικαιώματα πρόσβασης): Bandwidth (Εύρος ζώνης): Banners: BBS: Bit: Περιγραφή των δικαιωμάτων που παρέχονται για πρόσβαση και αλλαγές σε φακέλους και αρχεία. Ένα μέτρο της δυνατότητας </p> <a href="/1037477-Alexandreio-tehnologiko-ekpaideytiko-idryma-thessalonikis-atei-th-tmima-diatrofis-diaitologias-pliroforiki-theoria.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/29786124-Orologia-access-rights-dikaiomata-prosvasis-perigrafi-ton-dikaiomaton-poy-parehontai-gia-se-fakeloys-kai-arheia-bandwidth-eyros-zonis.html">Ορολογία. Access rights (Δικαιώματα πρόσβασης): Περιγραφή των δικαιωμάτων που παρέχονται για σε φακέλους και αρχεία. Bandwidth (Εύρος ζώνης):</a> </h3> <p> <img alt="Ορολογία. Access rights (Δικαιώματα πρόσβασης): Περιγραφή των δικαιωμάτων που παρέχονται για σε φακέλους και αρχεία. Bandwidth (Εύρος ζώνης):" title="Ορολογία. Access rights (Δικαιώματα πρόσβασης): Περιγραφή των δικαιωμάτων που παρέχονται για σε φακέλους και αρχεία. Bandwidth (Εύρος ζώνης):" class="news-block-img pull-right" src="/thumbs/52/29786124.jpg"> Οι ηλεκτρονικοί υπολογιστές είναι καλοί στο να ακολουθούν οδηγίες αλλά δεν είναι καλοί στο να διαβάζουν την ανθρώπινη σκέψη. Donald Ervin Knuth (1938 - ) Αμερικανός διεθνώς αναγνωρισμένος επιστήμονας πληροφορικής </p> <a href="/29786124-Orologia-access-rights-dikaiomata-prosvasis-perigrafi-ton-dikaiomaton-poy-parehontai-gia-se-fakeloys-kai-arheia-bandwidth-eyros-zonis.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/40710339-11-i-glossa-html-pinakes-listes-formes.html">11. Η γλώσσα HTML Πίνακες, Λίστες, Φόρμες</a> </h3> <p> <img alt="11. Η γλώσσα HTML Πίνακες, Λίστες, Φόρμες" title="11. Η γλώσσα HTML Πίνακες, Λίστες, Φόρμες" class="news-block-img pull-right" src="/thumbs/57/40710339.jpg"> 11. Η γλώσσα HTML Πίνακες, Λίστες, Φόρμες Σκοπός του Εργαστηρίου: Σκοπός της παρούσας εργαστηριακής άσκησης είναι η εμβάθυνση σε συχνά χρησιμοποιούμενες ετικέτες HTML, όπως οι πίνακες και οι λίστες, καθώς </p> <a href="/40710339-11-i-glossa-html-pinakes-listes-formes.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/1044804-2-9-4-hrisi-toy-diadiktyoy-gia-tin-ektelesi-aplon-ergasion.html">2.9.4 Χρήση του διαδικτύου για την εκτέλεση απλών εργασιών</a> </h3> <p> <img alt="2.9.4 Χρήση του διαδικτύου για την εκτέλεση απλών εργασιών" title="2.9.4 Χρήση του διαδικτύου για την εκτέλεση απλών εργασιών" class="news-block-img pull-right" src="/thumbs/20/1044804.jpg"> 2.9 ΔΕΞΙΟΤΗΤΕΣ ΤΕΧΝΟΛΟΓΙΑΣ ΠΛΗΡΟΦΟΡΙΩΝ ΚΑΙ ΕΠΙΚΟΙΝΩΝΙΩΝ 2.9.4 Χρήση του διαδικτύου για την εκτέλεση απλών εργασιών Να είναι σε θέση να επιδεικνύει ικανότητα σύνδεσης με ιστοσελίδες στο διαδίκτυο, ακίνδυνα </p> <a href="/1044804-2-9-4-hrisi-toy-diadiktyoy-gia-tin-ektelesi-aplon-ergasion.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/46215691-Varvakeio-protypo-gymnasio.html">Βαρβάκειο Πρότυπο Γυμνάσιο</a> </h3> <p> <img alt="Βαρβάκειο Πρότυπο Γυμνάσιο" title="Βαρβάκειο Πρότυπο Γυμνάσιο" class="news-block-img pull-right" src="/thumbs/61/46215691.jpg"> Παραδόσεις & εργαστηριακές ασκήσεις στην HTML Βαρβάκειο Πρότυπο Γυμνάσιο Σχολ. Χρονιά 2016-2017 Θ. Οτζάκογλου Εργαστήρι Πληροφορικής Σχολ. Έτος 2016 2017 Αν και δεν είναι μία ακόμη «γλώσσα προγραμματισμού», </p> <a href="/46215691-Varvakeio-protypo-gymnasio.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/13129828-Paidi-internet-kai-ola-osa-prepei-na-gnorizoyme-gia-mia-dimioyrgiki-kai-asfali-hrisi-toy-diadiktyoy-makis-papageorgioy.html">ΠΑΙΔΙ INTERNET ΚΑΙ. Όλα όσα πρέπει να γνωρίζουμε για μια δημιουργική και ασφαλή χρήση του διαδικτύου ΜΑΚΗΣ ΠΑΠΑΓΕΩΡΓΙΟΥ</a> </h3> <p> <img alt="ΠΑΙΔΙ INTERNET ΚΑΙ. Όλα όσα πρέπει να γνωρίζουμε για μια δημιουργική και ασφαλή χρήση του διαδικτύου ΜΑΚΗΣ ΠΑΠΑΓΕΩΡΓΙΟΥ" title="ΠΑΙΔΙ INTERNET ΚΑΙ. Όλα όσα πρέπει να γνωρίζουμε για μια δημιουργική και ασφαλή χρήση του διαδικτύου ΜΑΚΗΣ ΠΑΠΑΓΕΩΡΓΙΟΥ" class="news-block-img pull-right" src="/thumbs/34/13129828.jpg"> ΠΑΙΔΙ ΚΑΙ ΜΕΣΑ ΕΠΙΚΟΙΝΩΝΙΑΣ Ι1Ι ΠΑΙΔΙ ΚΑΙ INTERNET Όλα όσα πρέπει να γνωρίζουμε για μια δημιουργική και ασφαλή χρήση του διαδικτύου ΜΑΚΗΣ ΠΑΠΑΓΕΩΡΓΙΟΥ Στον Παναγιώτη Μάκης Παπαγεωργίου Παιδί και Internet </p> <a href="/13129828-Paidi-internet-kai-ola-osa-prepei-na-gnorizoyme-gia-mia-dimioyrgiki-kai-asfali-hrisi-toy-diadiktyoy-makis-papageorgioy.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/4357677-To-diadiktyo-einai-ena-diktyo-poy-apoteleite-apo-polla-mikrotera-diktya-ypologiston.html">Το διαδίκτυο είναι ένα δίκτυο που αποτελείτε από πολλά μικρότερα δίκτυα υπολογιστών.</a> </h3> <p> <img alt="Το διαδίκτυο είναι ένα δίκτυο που αποτελείτε από πολλά μικρότερα δίκτυα υπολογιστών." title="Το διαδίκτυο είναι ένα δίκτυο που αποτελείτε από πολλά μικρότερα δίκτυα υπολογιστών." class="news-block-img pull-right" src="/thumbs/24/4357677.jpg"> Κεφάλαιο 2 Με το διαδίκτυο μπορεί κάποιος: να κάνει έρευνα, να ψωνίσει για διάφορες υπηρεσίες και προϊόντα, να δει καιρικούς χάρτες, να πάρει φωτογραφίες, ταινίες, και διάφορες άλλες πληροφορίες που βρίσκονται </p> <a href="/4357677-To-diadiktyo-einai-ena-diktyo-poy-apoteleite-apo-polla-mikrotera-diktya-ypologiston.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/10016914-Eisagogi-stin-pliroforiki.html">Εισαγωγή στην πληροφορική</a> </h3> <p> <img alt="Εισαγωγή στην πληροφορική" title="Εισαγωγή στην πληροφορική" class="news-block-img pull-right" src="/thumbs/27/10016914.jpg"> Εισαγωγή στην πληροφορική Ενότητα 4: Δικτύωση και Διαδίκτυο I Πασχαλίδης Δημοσθένης Τμήμα Ιερατικών Σπουδών Άδειες Χρήσης Το παρόν εκπαιδευτικό υλικό υπόκειται σε άδειες χρήσης Creative Commons. Για εκπαιδευτικό </p> <a href="/10016914-Eisagogi-stin-pliroforiki.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/3494074-To-lexiko-toy-internet.html">To λεξικό του Internet</a> </h3> <p> <img alt="To λεξικό του Internet" title="To λεξικό του Internet" class="news-block-img pull-right" src="/thumbs/24/3494074.jpg"> To λεξικό του Internet A Address: Ο τόπος που βρίσκεται μια πηγή του Internet. Μια e-mail address μπορεί να έχει την εξής μορφή : georgepapado@hotmail.com. Μια web address είναι κάπως έτσι: http://www.in.gr. </p> <a href="/3494074-To-lexiko-toy-internet.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/35041984-I-vivlos-ton-css-eisagogi-sta-css.html">Η Βίβλος των CSS. Εισαγωγή στα CSS</a> </h3> <p> <img alt="Η Βίβλος των CSS. Εισαγωγή στα CSS" title="Η Βίβλος των CSS. Εισαγωγή στα CSS" class="news-block-img pull-right" src="/thumbs/54/35041984.jpg"> Η Βίβλος των CSS Εισαγωγή στα CSS Τα Διαδοχικά Φύλλα Στυλ (CSS, Cascading Style Sheets) αποτελούν ένα πολύ καλό εργαλείο για να μπορούμε να αλλάζουμε την εμφάνιση και τη διάταξη (layout) των ιστοσελίδων </p> <a href="/35041984-I-vivlos-ton-css-eisagogi-sta-css.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/4715700-Ergastirio-toy-mathimatos-epl-001.html">Εργαστήριο του Μαθήματος: ΕΠΛ 001</a> </h3> <p> <img alt="Εργαστήριο του Μαθήματος: ΕΠΛ 001" title="Εργαστήριο του Μαθήματος: ΕΠΛ 001" class="news-block-img pull-right" src="/thumbs/25/4715700.jpg"> Το Διαδίκτυο (Internet) και ο Παγκόσμιος Ιστός (WWW) Εργαστήριο του Μαθήματος: ΕΠΛ 001 Ενότητα 2 Το Διαδίκτυο, ο Παγκόσμιος Ιστός και το Ηλεκτρονικό Ταχυδρομείο Το διαδίκτυο είναι ένας όρος που περιγράφει </p> <a href="/4715700-Ergastirio-toy-mathimatos-epl-001.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/1037291-Dr-paraskeyi-mentzeloy-epikoyros-kathigitria-pliroforikis-geniko-tmima-thetikon-epistimon.html">Δρ Παρασκευή Μεντζέλου Επίκουρος Καθηγήτρια Πληροφορικής Γενικό Τμήμα Θετικών Επιστημών</a> </h3> <p> <img alt="Δρ Παρασκευή Μεντζέλου Επίκουρος Καθηγήτρια Πληροφορικής Γενικό Τμήμα Θετικών Επιστημών" title="Δρ Παρασκευή Μεντζέλου Επίκουρος Καθηγήτρια Πληροφορικής Γενικό Τμήμα Θετικών Επιστημών" class="news-block-img pull-right" src="/thumbs/20/1037291.jpg"> Αλεξάνδρειο Τεχνολογικό Εκπαιδευτικό Ίδρυμα Θεσσαλονίκης Δρ Παρασκευή Μεντζέλου Επίκουρος Καθηγήτρια Πληροφορικής Γενικό Τμήμα Θετικών Επιστημών ΟΡΟΛΟΓΙΑ Δρ Παρασκευή Μεντζέλου Επίκουρος Καθηγήτρια Πληροφορικής </p> <a href="/1037291-Dr-paraskeyi-mentzeloy-epikoyros-kathigitria-pliroforikis-geniko-tmima-thetikon-epistimon.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/2096187-World-wide-web-o-pagkosuios-istos-pliroforion.html">World Wide Web: Ο παγκόσµιος ιστός Πληροφοριών</a> </h3> <p> <img alt="World Wide Web: Ο παγκόσµιος ιστός Πληροφοριών" title="World Wide Web: Ο παγκόσµιος ιστός Πληροφοριών" class="news-block-img pull-right" src="/thumbs/26/2096187.jpg"> Περιεχόµενα World Wide Web: Ο παγκόσµιος ιστός Πληροφοριών Εισαγωγή Ιστορική Αναδροµή Το ιαδίκτυο και το WWW Υπερκείµενο Εντοπισµός πληροφοριών στο WWW Search Engines Portals Unicode Java Plug-Ins 1 2 </p> <a href="/2096187-World-wide-web-o-pagkosuios-istos-pliroforion.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/44763809-Vasika-stoiheia-toy-css.html">Βασικά στοιχεία του CSS</a> </h3> <p> <img alt="Βασικά στοιχεία του CSS" title="Βασικά στοιχεία του CSS" class="news-block-img pull-right" src="/thumbs/60/44763809.jpg"> Βασικά στοιχεία του CSS Περιεχόμενα Τι είναι CSS Πλεονεκτήματα CSS μορφοποίησης Συντακτικό του CSS Ιδιότητες CSS Εφαρμογή CSS κανόνων Επικάλυψη CSS κανόνων 2 Μορφοποίηση με HTML Η HTML είναι σχεδιασμένη </p> <a href="/44763809-Vasika-stoiheia-toy-css.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/36672493-Paroysiasi-kai-morfopoiisi-keimenoy.html">Παρουσίαση και μορφοποίηση κειμένου</a> </h3> <p> <img alt="Παρουσίαση και μορφοποίηση κειμένου" title="Παρουσίαση και μορφοποίηση κειμένου" class="news-block-img pull-right" src="/thumbs/55/36672493.jpg"> HTML [ετικέτες] Παρουσίαση και μορφοποίηση κειμένου Στην HTML σύμφωνα με τους κανόνες, κενές γραμμές και περισσότερα του ενός κενά μεταξύ λέξεων δεν λαμβάνονται υπόψη από τον φυλλομετρητή. Για αυτό το </p> <a href="/36672493-Paroysiasi-kai-morfopoiisi-keimenoy.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/41364309-Periehomeno-kai-morfopoiisi-pote-hrisimopoio-to-ena-kai-pote-to-allo.html">Περιεχόμενο και μορφοποίηση. Πότε χρησιμοποιώ το ένα και πότε το άλλο.</a> </h3> <p> <img alt="Περιεχόμενο και μορφοποίηση. Πότε χρησιμοποιώ το ένα και πότε το άλλο." title="Περιεχόμενο και μορφοποίηση. Πότε χρησιμοποιώ το ένα και πότε το άλλο." class="news-block-img pull-right" src="/thumbs/58/41364309.jpg"> ΕΙΣΑΓΩΓΗ ΣΤΗΝ HTML Περιεχόμενα Τι είναι HTML και CSS; Περιεχόμενο και μορφοποίηση. Πότε χρησιμοποιώ το ένα και πότε το άλλο. Βασική δομή της HTML. XML DOCTYPE Τίτλοι, παράγραφοι, επικεφαλίδες Λίστες, σύνδεσμοι, </p> <a href="/41364309-Periehomeno-kai-morfopoiisi-pote-hrisimopoio-to-ena-kai-pote-to-allo.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/38928267-10-eisagogi-stin-html.html">10. Εισαγωγή στην HTML</a> </h3> <p> <img alt="10. Εισαγωγή στην HTML" title="10. Εισαγωγή στην HTML" class="news-block-img pull-right" src="/thumbs/56/38928267.jpg"> 10. Εισαγωγή στην HTML Σκοπός του Εργαστηρίου: Σκοπός της παρούσας εργαστηριακής άσκησης είναι η εισαγωγή στη γλώσσα HTML και η ανάδειξη του γεγονότος ότι πρόκειται για μία πολύ απλή τεχνολογία. Θα χρησιμοποιήσετε </p> <a href="/38928267-10-eisagogi-stin-html.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/37645826-Keimeno-ascii-unicode-html-kodikopoiisi-ascii-unicode-html.html">Κείμενο ASCII Unicode - HTML. Κωδικοποίηση ASCII / Unicode HTML</a> </h3> <p> <img alt="Κείμενο ASCII Unicode - HTML. Κωδικοποίηση ASCII / Unicode HTML" title="Κείμενο ASCII Unicode - HTML. Κωδικοποίηση ASCII / Unicode HTML" class="news-block-img pull-right" src="/thumbs/55/37645826.jpg"> Κείμενο ASCII Unicode - HTML Κωδικοποίηση ASCII / Unicode HTML Κείμενο και Τυπογραφία Αναπαράσταση κειμένου Αρχικά οι ανάγκες των προγραμμάτων απαιτούσαν ένα περιορισμένο σύνολο κωδικοποιημένων χαρακτήρων </p> <a href="/37645826-Keimeno-ascii-unicode-html-kodikopoiisi-ascii-unicode-html.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/40679953-Shediasmos-kai-anaptyxi-istotopon.html">ΣΧΕΔΙΑΣΜΟΣ ΚΑΙ ΑΝΑΠΤΥΞΗ ΙΣΤΟΤΟΠΩΝ</a> </h3> <p> <img alt="ΣΧΕΔΙΑΣΜΟΣ ΚΑΙ ΑΝΑΠΤΥΞΗ ΙΣΤΟΤΟΠΩΝ" title="ΣΧΕΔΙΑΣΜΟΣ ΚΑΙ ΑΝΑΠΤΥΞΗ ΙΣΤΟΤΟΠΩΝ" class="news-block-img pull-right" src="/thumbs/57/40679953.jpg"> ΣΧΕΔΙΑΣΜΟΣ ΚΑΙ ΑΝΑΠΤΥΞΗ ΙΣΤΟΤΟΠΩΝ 1Τι είναι ο Παγκόσµιος Ιστός; Λόγω της µεγάλης απήχησης του Παγκόσµιου Ιστού πολλές φορές ταυτίζουµε τον Παγκόσµιο Ιστό µε το Διαδίκτυο. Στην πραγµατικότητα αυτή η αντίληψη </p> <a href="/40679953-Shediasmos-kai-anaptyxi-istotopon.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/42160821-Glossa-perigrafis-odigion-eufanisis-stoiheiothetisis.html">Γλώσσα περιγραφής οδηγιών εµφάνισης-στοιχειοθέτησης</a> </h3> <p> <img alt="Γλώσσα περιγραφής οδηγιών εµφάνισης-στοιχειοθέτησης" title="Γλώσσα περιγραφής οδηγιών εµφάνισης-στοιχειοθέτησης" class="news-block-img pull-right" src="/thumbs/58/42160821.jpg"> CASCADING STYLE-SHEETS CASCADING STYLE-SHEETS Γλώσσα περιγραφής οδηγιών εµφάνισης-στοιχειοθέτησης εφαρµογών HTML. Τα CSS ορίζονται σε δύο συστάσεις του W3C: CSS1, εκ. 1996 περιλαµβάνει περίπου 50 ιδιότητες </p> <a href="/42160821-Glossa-perigrafis-odigion-eufanisis-stoiheiothetisis.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/9710600-Ethniko-metsovio-polytehneio-siueioseis-gia-ti-glossa-html-hypertext-markup-language.html">ΕΘΝΙΚΟ ΜΕΤΣΟΒΙΟ ΠΟΛΥΤΕΧΝΕΙΟ. Σηµειώσεις για τη γλώσσα HTML (HyperText Markup Language)</a> </h3> <p> <img alt="ΕΘΝΙΚΟ ΜΕΤΣΟΒΙΟ ΠΟΛΥΤΕΧΝΕΙΟ. Σηµειώσεις για τη γλώσσα HTML (HyperText Markup Language)" title="ΕΘΝΙΚΟ ΜΕΤΣΟΒΙΟ ΠΟΛΥΤΕΧΝΕΙΟ. Σηµειώσεις για τη γλώσσα HTML (HyperText Markup Language)" class="news-block-img pull-right" src="/thumbs/27/9710600.jpg"> ΕΘΝΙΚΟ ΜΕΤΣΟΒΙΟ ΠΟΛΥΤΕΧΝΕΙΟ ΣΧΟΛΗ ΗΛΕΚΤΡΟΛΟΓΩΝ ΜΗΧΑΝΙΚΩΝ ΚΑΙ ΜΗΧΑΝΙΚΩΝ ΥΠΟΛΟΓΙΣΤΩΝ Σηµειώσεις για τη γλώσσα HTML (HyperText Markup Language) ιδάσκων Αν. Καθηγητής Ι.Σ.Βενιέρης Αθήνα, Ιανουάριος 2003 1 </p> <a href="/9710600-Ethniko-metsovio-polytehneio-siueioseis-gia-ti-glossa-html-hypertext-markup-language.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/1400100-Ti-einai-ena-diktyo-ypologiston-arhitektoniki-epipedon-protokollon-diktyaka-protokolla.html">Τι είναι ένα δίκτυο υπολογιστών; Αρχιτεκτονική επιπέδων πρωτοκόλλων. Δικτυακά πρωτόκολλα</a> </h3> <p> <img alt="Τι είναι ένα δίκτυο υπολογιστών; Αρχιτεκτονική επιπέδων πρωτοκόλλων. Δικτυακά πρωτόκολλα" title="Τι είναι ένα δίκτυο υπολογιστών; Αρχιτεκτονική επιπέδων πρωτοκόλλων. Δικτυακά πρωτόκολλα" class="news-block-img pull-right" src="/thumbs/22/1400100.jpg"> Ιόνιο Πανεπιστήμιο Τμήμα Πληροφορικής Εισαγωγή στην Επιστήμη των Υπολογιστών 2014-15 Δίκτυα υπολογιστών (και το Διαδίκτυο) http://di.ionio.gr/~mistral/tp/csintro/ Μ.Στεφανιδάκης Τι είναι ένα δίκτυο υπολογιστών; </p> <a href="/1400100-Ti-einai-ena-diktyo-ypologiston-arhitektoniki-epipedon-protokollon-diktyaka-protokolla.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/37876780-Epanaliptiki-askisi-etiketes-html.html">Επαναληπτική Άσκηση ΕΤΙΚΕΤΕΣ HTML</a> </h3> <p> <img alt="Επαναληπτική Άσκηση ΕΤΙΚΕΤΕΣ HTML" title="Επαναληπτική Άσκηση ΕΤΙΚΕΤΕΣ HTML" class="news-block-img pull-right" src="/thumbs/55/37876780.jpg"> Επαναληπτική Άσκηση ΕΤΙΚΕΤΕΣ HTML ΕΤΙΚΕΤΑ ΠΕΡΙΓΡΑΦΗ ΙΔΙΟΤΗΤΕΣ ΙΔΙΟΤΗΤΑ ΤΙΜΗ ΠΕΡΙΓΡΑΦΗ Βασικές Ορίζει ένα αρχείο HTML Ορίζει ένα τίτλο για το αρχείο Ορίζει το σώµα της background URL </p> <a href="/37876780-Epanaliptiki-askisi-etiketes-html.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/32916829-3-eisagogi-sto-css-giorgos-giannakakis-manolis-tsiknakis.html">3. ΕΙΣΑΓΩΓΗ ΣΤΟ CSS ΓΙΩΡΓΟΣ ΓΙΑΝΝΑΚΑΚΗΣ, ΜΑΝΩΛΗΣ ΤΣΙΚΝΑΚΗΣ</a> </h3> <p> <img alt="3. ΕΙΣΑΓΩΓΗ ΣΤΟ CSS ΓΙΩΡΓΟΣ ΓΙΑΝΝΑΚΑΚΗΣ, ΜΑΝΩΛΗΣ ΤΣΙΚΝΑΚΗΣ" title="3. ΕΙΣΑΓΩΓΗ ΣΤΟ CSS ΓΙΩΡΓΟΣ ΓΙΑΝΝΑΚΑΚΗΣ, ΜΑΝΩΛΗΣ ΤΣΙΚΝΑΚΗΣ" class="news-block-img pull-right" src="/thumbs/53/32916829.jpg"> 2014 3. ΕΙΣΑΓΩΓΗ ΣΤΟ CSS ΓΙΩΡΓΟΣ ΓΙΑΝΝΑΚΑΚΗΣ, ΜΑΝΩΛΗΣ ΤΣΙΚΝΑΚΗΣ Εισαγωγή Το CSS (Cascading Style Sheets) είναι αρχεία με κατάληξη.css τα οποία καθορίζουν την μορφοποίηση των ιστοσελίδων. Μέσω αυτών επιτυγχάνεται </p> <a href="/32916829-3-eisagogi-sto-css-giorgos-giannakakis-manolis-tsiknakis.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/32577238-Odigies-sto-simerino-ergastirio-tha-arhisete-na-hrisimopoieite-vasikes-odigies-morfopoiisis-tis-istoselidas-sas-kati-poy-ehoyme-apofygei-eos-tora.html">Οδηγίες Στο σημερινό εργαστήριο θα αρχίσετε να χρησιμοποιείτε βασικές οδηγίες μορφοποίησης της ιστοσελίδας σας (κάτι που έχουμε αποφύγει έως τώρα!).</a> </h3> <p> <img alt="Οδηγίες Στο σημερινό εργαστήριο θα αρχίσετε να χρησιμοποιείτε βασικές οδηγίες μορφοποίησης της ιστοσελίδας σας (κάτι που έχουμε αποφύγει έως τώρα!)." title="Οδηγίες Στο σημερινό εργαστήριο θα αρχίσετε να χρησιμοποιείτε βασικές οδηγίες μορφοποίησης της ιστοσελίδας σας (κάτι που έχουμε αποφύγει έως τώρα!)." class="news-block-img pull-right" src="/thumbs/53/32577238.jpg"> Εργαστήριο #8 Τι πρέπει να έχετε ολοκληρώσει από το προηγούμενο εργαστήριο. Το σημερινό εργαστήριο είναι ανεξάρτητο από τα προηγούμενα, επειδή όμως θα ζητηθεί να ανακυκλώσετε υλικό από εκείνα, βεβαιωθείτε </p> <a href="/32577238-Odigies-sto-simerino-ergastirio-tha-arhisete-na-hrisimopoieite-vasikes-odigies-morfopoiisis-tis-istoselidas-sas-kati-poy-ehoyme-apofygei-eos-tora.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/6493467-Ergaleia-anaptyxis-efarmogon-internet-i.html">Εργαλεία ανάπτυξης εφαρμογών internet Ι</a> </h3> <p> <img alt="Εργαλεία ανάπτυξης εφαρμογών internet Ι" title="Εργαλεία ανάπτυξης εφαρμογών internet Ι" class="news-block-img pull-right" src="/thumbs/25/6493467.jpg"> IEK ΟΑΕΔ ΚΑΛΑΜΑΤΑΣ ΤΕΧΝΙΚΟΣ ΕΦΑΡΜΟΓΩΝ ΠΛΗΟΦΟΡΙΚΗΣ Εργαλεία ανάπτυξης εφαρμογών internet Ι Εισαγωγή Διδάσκουσα: Κανελλοπούλου Χριστίνα ΠΕ19 Πληροφορικής Στόχος του μαθήματος Στόχος του μαθήματος είναι να </p> <a href="/6493467-Ergaleia-anaptyxis-efarmogon-internet-i.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/37709260-Periehomena-gavalas-damianos-trehon-status-tis-html.html">Περιεχόμενα. Γαβαλάς Δαμιανός Τρέχον status της HTML</a> </h3> <p> <img alt="Περιεχόμενα. Γαβαλάς Δαμιανός Τρέχον status της HTML" title="Περιεχόμενα. Γαβαλάς Δαμιανός Τρέχον status της HTML" class="news-block-img pull-right" src="/thumbs/55/37709260.jpg"> Δικτυακά Πολυμέσα ΙΙ Διάλεξη #2 η : Βασικές έννοιες σχεδιασμού στο web Γαβαλάς Δαμιανός dgavalas@aegean.gr Περιεχόμενα Τρέχον status της HTML Μετάβαση από την HTML στην XHTML Κλέ Καλές πρακτικές συγγραφής </p> <a href="/37709260-Periehomena-gavalas-damianos-trehon-status-tis-html.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/13232517-P-ty-h-ia-k-i-ergasia.html">Π ΤΥ Χ ΙΑ Κ Η ΕΡΓΑΣΙΑ</a> </h3> <p> <img alt="Π ΤΥ Χ ΙΑ Κ Η ΕΡΓΑΣΙΑ" title="Π ΤΥ Χ ΙΑ Κ Η ΕΡΓΑΣΙΑ" class="news-block-img pull-right" src="/thumbs/29/13232517.jpg"> Τμήμα Μηχανικών Πληροφορικής Τ.Ε Σχολή Τεχνολογικών Εφαρμογών (έδρα: Σπάρτη) Τ.Ε.Ι ΠΕΛΟΠΟΝΝΗΣΟΥ Π ΤΥ Χ ΙΑ Κ Η ΕΡΓΑΣΙΑ ΘΕΜΑ : ΑΝΑΠΤΥΞΗ ΔΙΚΤΥΑΚΗΣ ΕΦΑΡΜΟΓΗΣ ΓΙΑ ΓΡΗΓΟΡΗ ΚΑΙ ΕΥΚΟΛΗ ΕΚΜΑΘΗΣΗ ΤΟΥ ΛΟΓΙΣΜΙΚΟΥ </p> <a href="/13232517-P-ty-h-ia-k-i-ergasia.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/43757442-Nees-tehnologies-stin-ekpaideysi.html">Νέες Τεχνολογίες στην Εκπαίδευση</a> </h3> <p> <img alt="Νέες Τεχνολογίες στην Εκπαίδευση" title="Νέες Τεχνολογίες στην Εκπαίδευση" class="news-block-img pull-right" src="/thumbs/59/43757442.jpg"> Σχολή Εφαρμοσμένων Μαθηματικών και Φυσικών Επιστημών Εθνικό Μετσόβιο Πολυτεχνείο Νέες Τεχνολογίες στην Εκπαίδευση Επάλληλα φύλλα στυλ (CSS): Μια εισαγωγή Στεφανέας Πέτρος Ζαμαρίας Βασίλης Άδεια Χρήσης </p> <a href="/43757442-Nees-tehnologies-stin-ekpaideysi.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/7112705-Gavalas-damianos-dgavalas-aegean-gr-diktyaka-polymesa-ii-ergastirio-3-0-eisagogi-stacascading-style-sheets-css.html">Γαβαλάς Δαμιανός dgavalas@aegean.gr. Δικτυακά Πολυμέσα ΙΙ Εργαστήριο #3 0 : Εισαγωγή στacascading Style Sheets (CSS)</a> </h3> <p> <img alt="Γαβαλάς Δαμιανός dgavalas@aegean.gr. Δικτυακά Πολυμέσα ΙΙ Εργαστήριο #3 0 : Εισαγωγή στacascading Style Sheets (CSS)" title="Γαβαλάς Δαμιανός dgavalas@aegean.gr. Δικτυακά Πολυμέσα ΙΙ Εργαστήριο #3 0 : Εισαγωγή στacascading Style Sheets (CSS)" class="news-block-img pull-right" src="/thumbs/26/7112705.jpg"> Δικτυακά Πολυμέσα ΙΙ Εργαστήριο #3 0 : Εισαγωγή στacascading Style Sheets (CSS) Γαβαλάς Δαμιανός dgavalas@aegean.gr Επικαλυπτόμενα Φύλλα Στυλ (Cascading Style Sheets, CSS) Η (X)HTML προσδιορίζει τη βασική </p> <a href="/7112705-Gavalas-damianos-dgavalas-aegean-gr-diktyaka-polymesa-ii-ergastirio-3-0-eisagogi-stacascading-style-sheets-css.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/31007132-Ergastirio-tehnologies-pliroforias-kai-epikoinonias-ston-toyrismo-2o-ergastirio-morfopoiisi-stin-html.html">ΕΡΓΑΣΤΗΡΙΟ: ΤΕΧΝΟΛΟΓΙΕΣ ΠΛΗΡΟΦΟΡΙΑΣ ΚΑΙ ΕΠΙΚΟΙΝΩΝΙΑΣ ΣΤΟΝ ΤΟΥΡΙΣΜΟ. 2o ΕΡΓΑΣΤΗΡΙΟ ΜΟΡΦΟΠΟΙΗΣΗ ΣΤΗΝ HTML</a> </h3> <p> <img alt="ΕΡΓΑΣΤΗΡΙΟ: ΤΕΧΝΟΛΟΓΙΕΣ ΠΛΗΡΟΦΟΡΙΑΣ ΚΑΙ ΕΠΙΚΟΙΝΩΝΙΑΣ ΣΤΟΝ ΤΟΥΡΙΣΜΟ. 2o ΕΡΓΑΣΤΗΡΙΟ ΜΟΡΦΟΠΟΙΗΣΗ ΣΤΗΝ HTML" title="ΕΡΓΑΣΤΗΡΙΟ: ΤΕΧΝΟΛΟΓΙΕΣ ΠΛΗΡΟΦΟΡΙΑΣ ΚΑΙ ΕΠΙΚΟΙΝΩΝΙΑΣ ΣΤΟΝ ΤΟΥΡΙΣΜΟ. 2o ΕΡΓΑΣΤΗΡΙΟ ΜΟΡΦΟΠΟΙΗΣΗ ΣΤΗΝ HTML" class="news-block-img pull-right" src="/thumbs/53/31007132.jpg"> ΕΡΓΑΣΤΗΡΙΟ: ΤΕΧΝΟΛΟΓΙΕΣ ΠΛΗΡΟΦΟΡΙΑΣ ΚΑΙ ΕΠΙΚΟΙΝΩΝΙΑΣ ΣΤΟΝ ΤΟΥΡΙΣΜΟ ΠΕΡΙΕΧΟΜΕΝΟ ΜΑΘΗΜΑΤΟΣ 2o ΕΡΓΑΣΤΗΡΙΟ ΜΟΡΦΟΠΟΙΗΣΗ ΣΤΗΝ HTML 1. Μορφοποίηση κειμένου Ετικέτες στυλ 2. Ιδιότητες ετικετών 3. Λίστες 4. Υπερσυνδέσεις </p> <a href="/31007132-Ergastirio-tehnologies-pliroforias-kai-epikoinonias-ston-toyrismo-2o-ergastirio-morfopoiisi-stin-html.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/3650097-Geoponiki-sholi-apth-ergastirio-pliroforikis-sti-georgia.html">ΓΕΩΠΟΝΙΚΗ ΣΧΟΛΗ ΑΠΘ Εργαστήριο Πληροφορικής στη Γεωργία</a> </h3> <p> <img alt="ΓΕΩΠΟΝΙΚΗ ΣΧΟΛΗ ΑΠΘ Εργαστήριο Πληροφορικής στη Γεωργία" title="ΓΕΩΠΟΝΙΚΗ ΣΧΟΛΗ ΑΠΘ Εργαστήριο Πληροφορικής στη Γεωργία" class="news-block-img pull-right" src="/thumbs/24/3650097.jpg"> ΓΕΩΠΟΝΙΚΗ ΣΧΟΛΗ ΑΠΘ Εργαστήριο Πληροφορικής στη Γεωργία Δίκτυα ηλεκτρονικών υπολογιστών είναι υπολογιστές της ίδιας ή και διαφορετικής μάρκας συνδεδεμένοι μεταξύ τους σε τοπικό (local) ή ευρύ (wide) επίπεδο </p> <a href="/3650097-Geoponiki-sholi-apth-ergastirio-pliroforikis-sti-georgia.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/29647919-I-glossa-xhtml-diafores-me-html-metatropi.html">Η γλώσσα XHTML: διαφορές με HTML, μετατροπή</a> </h3> <p> <img alt="Η γλώσσα XHTML: διαφορές με HTML, μετατροπή" title="Η γλώσσα XHTML: διαφορές με HTML, μετατροπή" class="news-block-img pull-right" src="/thumbs/52/29647919.jpg"> Δικτυακά Πολυμέσα ΙΙ Εργαστήριο #2 0 : Εισαγωγή στην XHTML Γαβαλάς Δαμιανός dgavalas@aegean.gr Στόχοι εργαστηρίου Η γλώσσα XHTML: διαφορές με HTML, μετατροπή HTML εγγράφων σε XTML, Έλεγχος εγκυρότητας </p> <a href="/29647919-I-glossa-xhtml-diafores-me-html-metatropi.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/7982139-Periehomena-prologos-13-kefalaio-1-o-arhes-diaheirisis-pliroforias-ston-pagkosmio-isto-15.html">ΠΕΡΙΕΧΟΜΕΝΑ. Πρόλογος... 13. Κεφάλαιο 1 ο Αρχές Διαχείρισης πληροφορίας στον Παγκόσμιο Ιστό... 15</a> </h3> <p> <img alt="ΠΕΡΙΕΧΟΜΕΝΑ. Πρόλογος... 13. Κεφάλαιο 1 ο Αρχές Διαχείρισης πληροφορίας στον Παγκόσμιο Ιστό... 15" title="ΠΕΡΙΕΧΟΜΕΝΑ. Πρόλογος... 13. Κεφάλαιο 1 ο Αρχές Διαχείρισης πληροφορίας στον Παγκόσμιο Ιστό... 15" class="news-block-img pull-right" src="/thumbs/26/7982139.jpg"> ΠΕΡΙΕΧΟΜΕΝΑ Πρόλογος... 13 Κεφάλαιο 1 ο Αρχές Διαχείρισης πληροφορίας στον Παγκόσμιο Ιστό... 15 1.1 Εισαγωγή... 16 1.2 Διαδίκτυο και Παγκόσμιος Ιστός Ιστορική αναδρομή... 17 1.3 Αρχές πληροφοριακών συστημάτων </p> <a href="/7982139-Periehomena-prologos-13-kefalaio-1-o-arhes-diaheirisis-pliroforias-ston-pagkosmio-isto-15.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/1094557-Enotita-4-2-hrisi-prograuuaton-fyllouetriti-prosvasi-se-diktyako-topo-axiopoiisi-tis-douis-yperueson-toy-pagkosuioy-istoy.html">Ενότητα 4.2. Χρήση προγραµµάτων φυλλοµετρητή. Πρόσβαση σε δικτυακό τόπο Αξιοποίηση της δοµής υπερµέσων του Παγκόσµιου Ιστού.</a> </h3> <p> <img alt="Ενότητα 4.2. Χρήση προγραµµάτων φυλλοµετρητή. Πρόσβαση σε δικτυακό τόπο Αξιοποίηση της δοµής υπερµέσων του Παγκόσµιου Ιστού." title="Ενότητα 4.2. Χρήση προγραµµάτων φυλλοµετρητή. Πρόσβαση σε δικτυακό τόπο Αξιοποίηση της δοµής υπερµέσων του Παγκόσµιου Ιστού." class="news-block-img pull-right" src="/thumbs/21/1094557.jpg"> ΚΕΦΑΛΑΙΟ 4 : ιαχείριση πληροφοριών και επικοινωνίες Ενότητα 4.2 Πρόσβαση σε δικτυακό τόπο Αξιοποίηση της δοµής υπερµέσων του Παγκόσµιου Ιστού Ειδικοί Στόχοι Οι επιµορφούµενοι πρέπει: Να µπορούν να χρησιµοποιούν </p> <a href="/1094557-Enotita-4-2-hrisi-prograuuaton-fyllouetriti-prosvasi-se-diktyako-topo-axiopoiisi-tis-douis-yperueson-toy-pagkosuioy-istoy.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/3858593-Sholi-koinonikon-epistimon-tmima-politismikis-tehnologias-kai-epikoinonias.html">Σχολή Κοινωνικών Επιστημών Τμήμα Πολιτισμικής Τεχνολογίας Και Επικοινωνίας</a> </h3> <p> <img alt="Σχολή Κοινωνικών Επιστημών Τμήμα Πολιτισμικής Τεχνολογίας Και Επικοινωνίας" title="Σχολή Κοινωνικών Επιστημών Τμήμα Πολιτισμικής Τεχνολογίας Και Επικοινωνίας" class="news-block-img pull-right" src="/thumbs/24/3858593.jpg"> Πανεπιστήμιο Αιγαίου Σχολή Κοινωνικών Επιστημών Τμήμα Πολιτισμικής Τεχνολογίας Και Επικοινωνίας Δικτυακά Πολυμέσα Ι (Β Έτος, 3ο εξ) Διάλεξη #5η: HTML: πίνακες (tables), πλαίσια (frames) Γαβαλάς Δαμιανός </p> <a href="/3858593-Sholi-koinonikon-epistimon-tmima-politismikis-tehnologias-kai-epikoinonias.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/46850057-Panepistimio-aigaioy-heimerino-examino-sholi-koinonikon-epistimon-tmima-politismikis-tehnologias-kai-epikoinonias.html">Πανεπιστήμιο Αιγαίου. Χειμερινό εξάμηνο. Σχολή Κοινωνικών Επιστημών Τμήμα Πολιτισμικής Τεχνολογίας Και Επικοινωνίας</a> </h3> <p> <img alt="Πανεπιστήμιο Αιγαίου. Χειμερινό εξάμηνο. Σχολή Κοινωνικών Επιστημών Τμήμα Πολιτισμικής Τεχνολογίας Και Επικοινωνίας" title="Πανεπιστήμιο Αιγαίου. Χειμερινό εξάμηνο. Σχολή Κοινωνικών Επιστημών Τμήμα Πολιτισμικής Τεχνολογίας Και Επικοινωνίας" class="news-block-img pull-right" src="/thumbs/62/46850057.jpg"> Πανεπιστήμιο Αιγαίου Σχολή Κοινωνικών Επιστημών Τμήμα Πολιτισμικής Τεχνολογίας Και Επικοινωνίας ικτυακά Πολυμέσα Ι (Β Έτος, 3ο εξ) ιάλεξη #4η: HTML: σύνδεσμοι, Χάρτες Εικόνων (Image Maps) Χειμερινό εξάμηνο </p> <a href="/46850057-Panepistimio-aigaioy-heimerino-examino-sholi-koinonikon-epistimon-tmima-politismikis-tehnologias-kai-epikoinonias.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/34409203-Diktya-i-y-diadiktyo-pagkosmios-istos.html">Δίκτυα Η/Υ, Διαδίκτυο & Παγκόσμιος Ιστός</a> </h3> <p> <img alt="Δίκτυα Η/Υ, Διαδίκτυο & Παγκόσμιος Ιστός" title="Δίκτυα Η/Υ, Διαδίκτυο & Παγκόσμιος Ιστός" class="news-block-img pull-right" src="/thumbs/54/34409203.jpg"> Διάλεξη 5 Δίκτυα Η/Υ, Διαδίκτυο & Παγκόσμιος Ιστός Εισαγωγή στις Εφαρμογές ΤΠΕ Χαράλαμπος Καραγιαννίδης karagian@uth.gr Διάλεξη 5: Δίκτυα, Διαδίκτυο & Ιστός 1/48 1/11/2016 Σύνοψη μαθήματος 1. Εισαγωγή </p> <a href="/34409203-Diktya-i-y-diadiktyo-pagkosmios-istos.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/2441163-Ionio-panepistimio-tmima-pliroforikis-eisagogi-stin-epistimi-ton-ypologiston-2014-15-diktya-ypologiston-kai-to-diadiktyo.html">Ιόνιο Πανεπιστήμιο Τμήμα Πληροφορικής Εισαγωγή στην Επιστήμη των Υπολογιστών 2014-15. Δίκτυα υπολογιστών. (και το Διαδίκτυο)</a> </h3> <p> <img alt="Ιόνιο Πανεπιστήμιο Τμήμα Πληροφορικής Εισαγωγή στην Επιστήμη των Υπολογιστών 2014-15. Δίκτυα υπολογιστών. (και το Διαδίκτυο)" title="Ιόνιο Πανεπιστήμιο Τμήμα Πληροφορικής Εισαγωγή στην Επιστήμη των Υπολογιστών 2014-15. Δίκτυα υπολογιστών. (και το Διαδίκτυο)" class="news-block-img pull-right" src="/thumbs/24/2441163.jpg"> Ιόνιο Πανεπιστήμιο Τμήμα Πληροφορικής Εισαγωγή στην Επιστήμη των Υπολογιστών 2014-15 Δίκτυα υπολογιστών (και το Διαδίκτυο) http://di.ionio.gr/~mistral/tp/csintro/ Μ.Στεφανιδάκης Τι είναι ένα δίκτυο υπολογιστών; </p> <a href="/2441163-Ionio-panepistimio-tmima-pliroforikis-eisagogi-stin-epistimi-ton-ypologiston-2014-15-diktya-ypologiston-kai-to-diadiktyo.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/34670596-Tec410-anaptyxi-diktyakon-topon-d-examino.html">TEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο)</a> </h3> <p> <img alt="TEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο)" title="TEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο)" class="news-block-img pull-right" src="/thumbs/54/34670596.jpg"> TEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο) Διδάσκων: Ανδρέας Γιαννακουλόπουλος Επιστημονικός συνεργάτης Εργαστηρίου: Στέλλα Λάμπουρα Εαρινό εξάμηνο Χρηματοδότηση Το παρόν εκπαιδευτικό υλικό έχει αναπτυχθεί </p> <a href="/34670596-Tec410-anaptyxi-diktyakon-topon-d-examino.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/30748661-Se-ayto-to-mathima-tha-asholithoyme-me-ti-veltiosi-tis-emfanisis-enos-istotopoy-alla-kai-ton-eykolo-heirismo-olon-ton-allagon-tis-opoies-epithymoyme-na.html">Σε αυτό το μάθημα θα ασχοληθούμε με τη βελτίωση της εμφάνισης ενός ιστοτόπου, αλλά και τον εύκολο χειρισμό όλων των αλλαγών τις οποίες επιθυμούμε να</a> </h3> <p> <img alt="Σε αυτό το μάθημα θα ασχοληθούμε με τη βελτίωση της εμφάνισης ενός ιστοτόπου, αλλά και τον εύκολο χειρισμό όλων των αλλαγών τις οποίες επιθυμούμε να" title="Σε αυτό το μάθημα θα ασχοληθούμε με τη βελτίωση της εμφάνισης ενός ιστοτόπου, αλλά και τον εύκολο χειρισμό όλων των αλλαγών τις οποίες επιθυμούμε να" class="news-block-img pull-right" src="/thumbs/52/30748661.jpg"> Σε αυτό το μάθημα θα ασχοληθούμε με τη βελτίωση της εμφάνισης ενός ιστοτόπου, αλλά και τον εύκολο χειρισμό όλων των αλλαγών τις οποίες επιθυμούμε να κάνουμε μέσω ενός εξωτερικού αρχείου.το αρχείο αυτό </p> <a href="/30748661-Se-ayto-to-mathima-tha-asholithoyme-me-ti-veltiosi-tis-emfanisis-enos-istotopoy-alla-kai-ton-eykolo-heirismo-olon-ton-allagon-tis-opoies-epithymoyme-na.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/2033380-Os-diadiktyo-internet-orizetai-to-pagkosmio-diethnes-diktyo-ilektronikon-ypologiston-international-network.html">Ως Διαδίκτυο (Internet) ορίζεται το παγκόσμιο (διεθνές) δίκτυο ηλεκτρονικών υπολογιστών (international network).</a> </h3> <p> <img alt="Ως Διαδίκτυο (Internet) ορίζεται το παγκόσμιο (διεθνές) δίκτυο ηλεκτρονικών υπολογιστών (international network)." title="Ως Διαδίκτυο (Internet) ορίζεται το παγκόσμιο (διεθνές) δίκτυο ηλεκτρονικών υπολογιστών (international network)." class="news-block-img pull-right" src="/thumbs/23/2033380.jpg"> ΙΔΡΥΜΑ ΝΕΟΛΑΙΑΣ ΚΑΙ ΔΙΑ ΒΙΟΥ ΜΑΘΗΣΗΣ ΥΠΗΡΕΣΙΕΣ ΔΙΑΔΙΚΤΥΟΥ Καλαμάτα, 2015 Το Διαδίκτυο Ως Διαδίκτυο (Internet) ορίζεται το παγκόσμιο (διεθνές) δίκτυο ηλεκτρονικών υπολογιστών (international network). Πρόκειται </p> <a href="/2033380-Os-diadiktyo-internet-orizetai-to-pagkosmio-diethnes-diktyo-ilektronikon-ypologiston-international-network.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/7966333-Enotita-8-eisagogi-stin-pliroforiki-internet-tote-kai-tora-kefalaio-8a-tropos-leitoyrgias-internet-heiuerino-exauino-2006-07.html">Ενότητα 8. Εισαγωγή στην Πληροφορική. Internet: Τότε και Τώρα. Κεφάλαιο 8Α. Τρόπος Λειτουργίας Internet. Χειµερινό Εξάµηνο 2006-07</a> </h3> <p> <img alt="Ενότητα 8. Εισαγωγή στην Πληροφορική. Internet: Τότε και Τώρα. Κεφάλαιο 8Α. Τρόπος Λειτουργίας Internet. Χειµερινό Εξάµηνο 2006-07" title="Ενότητα 8. Εισαγωγή στην Πληροφορική. Internet: Τότε και Τώρα. Κεφάλαιο 8Α. Τρόπος Λειτουργίας Internet. Χειµερινό Εξάµηνο 2006-07" class="news-block-img pull-right" src="/thumbs/26/7966333.jpg"> Ενότητα 8 Εισαγωγή στην Πληροφορική Χειµερινό Εξάµηνο 2006-07 ιαδίκτυο: Κεφάλαιο 8Α: Βασικές Έννοιες ιαδικτύου Κεφάλαιο 8Β: ΣύνδεσηκαιΕργασία Online ρ. Παναγιώτης Χατζηδούκας (Π..407/80) Εισαγωγή στηνπληροφορική </p> <a href="/7966333-Enotita-8-eisagogi-stin-pliroforiki-internet-tote-kai-tora-kefalaio-8a-tropos-leitoyrgias-internet-heiuerino-exauino-2006-07.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/4771183-Eisagogi-sto-internet-kai-stin-ypiresia-periigisis-ston-pagkosmio-isto-www.html">Εισαγωγή στο INTERNET και στην Υπηρεσία περιήγησης στον Παγκόσμιο Ιστό/WWW</a> </h3> <p> <img alt="Εισαγωγή στο INTERNET και στην Υπηρεσία περιήγησης στον Παγκόσμιο Ιστό/WWW" title="Εισαγωγή στο INTERNET και στην Υπηρεσία περιήγησης στον Παγκόσμιο Ιστό/WWW" class="news-block-img pull-right" src="/thumbs/25/4771183.jpg"> Εισαγωγή στο INTERNET και στην Υπηρεσία περιήγησης στον Παγκόσμιο Ιστό/WWW Το διαδίκτυο Το Διαδίκτυο (Internet) είναι το δίκτυο των δικτύων, στο οποίο είναι συνδεδεμένοι παρά πολλοί υπολογιστές και επιμέρους </p> <a href="/4771183-Eisagogi-sto-internet-kai-stin-ypiresia-periigisis-ston-pagkosmio-isto-www.html" class="news-block-btn"> Διαβάστε περισσότερα <i class="m-icon-swapright m-icon-black"></i> </a> </div> </div> <!-- END RIGHT SIDEBAR --> </div> </div> </div> <!-- END CONTENT --> </div> <!-- END SIDEBAR & CONTENT --> </div> </div> <!-- BEGIN FOOTER --> <div class="footer"> <div class="container"> <div class="row"> <!-- BEGIN COPYRIGHT --> <div class="col-md-10 col-sm-10 padding-top-10"> 2017 © DocPlayer.gr <a href="/support/privacy-policy/">Πολιτική Απορρήτου</a> | <a href="/support/terms-of-service/">Όροι Χρήσης</a> | <a href="/support/feedback/">Σχόλια</a> </div> <!-- END COPYRIGHT --> <!-- BEGIN PAYMENTS --> <div class="col-md-6 col-sm-6"> </div> <!-- END PAYMENTS --> </div> </div> </div> <!-- END FOOTER --> <!--[if lt IE 9]> <script src="/static/theme/global/plugins/respond.min.js"></script> <![endif]--> <script src="/static/js/fbbe/total.js" type="text/javascript"></script> <div style="display: none;"> <script> var page_data = {"domain_id":30,"design_id":0,"page_id":0}; (function(){ var img = new Image(); var pixel_image_src = '/pix/'+Math.random()+'/report/pixel.gif?type=pageview&domain_id=30&page_id=0&design_id=0&l='+encodeURIComponent(navigator.language)+'&p='+encodeURIComponent(navigator.platform)+'&url='+encodeURIComponent(document.location); document.write('<img src="'+pixel_image_src+'"> '); }()); </script> </div> </body> </html>