Σχεδιασμός και Ανάπτυξη Ιστότοπων
|
|
- Παντελεήμων Ουζουνίδης
- 6 χρόνια πριν
- Προβολές:
Transcript
1 Σχεδιασμός και Ανάπτυξη Ιστότοπων HTML Εισαγωγή γραφικών και εικόνων Παρουσίαση 9 η 1 Βελώνης Γεώργιος Καθηγητής
2 Σημασία συμβόλων HTML5 tags. Obsolete tags: Μην αφήνετε αυτές τις ετικέτες στον κώδικά σας. Deprecated tags: Αντικαταστήστε αυτές τις ετικέτες πριν καταστούν παρωχημένες. Αυτό γίνεται για να εξασφαλιστεί η μελλοντική συμβατότητα. Restored/ Redefined tags in HTML5: Αναθεωρήστε αυτές τις ετικέτες στον κώδικά σας, όπως καθορίστηκαν στην HTML5 και ως εκ τούτου έχουν νέες έννοιες. 2
3 Σημασία συμβόλων HTML5 tags: ιδιότητες crossorigin, sizes Obsolete tags: ιδιότητα longdesc Deprecated tags: ιδιότητες align, border, hspace, vspace (<img>), background (<body>) Restored/ Redefined tags in HTML5: 3
4 Χρήσιμοι Ορισμοί Deprecated και Obsolete Deprecated καλείται ένα στοιχείο ή παράμετρος που θεωρείται ξεπερασμένο. Τα deprecated στοιχεία μπορεί να καταστούν άνευ αντικειμένου στο μέλλον, αλλά οι browsers θα πρέπει να συνεχίσουν να τα υποστηρίζουν για λόγους συμβατότητας με παλαιότερες εκδόσεις. Obsolete καλείται ένα στοιχείο ή χαρακτηριστικό που δεν έχει καμία εγγύηση για τη μελλοντική του από τους browsers υποστήριξη και πλέον δεν ορίζεται στην προδιαγραφή W3C. 4
5 Βελώνης Γεώργιος - Καθηγητής Browsers δοκιμών Οι δοκιμές έγιναν στους παρακάτω browsers και εκδόσεις τους: Google Chrome 52.0 Mozilla FireFox 48.0 Yandex 16.7 Internet Explorer 11.0 Safari Opera 39.0 Σημείωση: Με εξαίρεση τις ιδιότητες longdesc και sizes (HTML5), όλες οι ιδιότητες που θα παρουσιαστούν είτε obsolete είτε deprecated, συνεχίζουν να ερμηνεύονται κανονικά, τουλάχιστον μέχρι τις παραπάνω εκδόσεις των browsers που έγιναν οι δοκιμές. 5
6 Περιεχόμενα Εικόνες Εισαγωγή Κωδικοποίηση GIF (Graphics Interchange Format) Κωδικοποίηση JPEG (Joint Photographic Experts Group) Κωδικοποίηση PNG (Portable Network Graphic) Κωδικοποίηση BMP (Bitmap) Εισαγωγή εικόνας σε ιστοσελίδα Ορισμός του URL του αρχείου της εικόνας Ορισμός στοίχισης της εικόνας με το περιεχόμενο που βρίσκεται δίπλα της Ορισμός εναλλακτικού κειμένου εικόνας Ορισμός πάχους περιγράμματος εικόνας 6
7 Περιεχόμενα Εισαγωγή εικόνας σε ιστοσελίδα (συνέχεια) Ορισμός ύψους και πλάτους εικόνας Ορισμός κενού χώρου μεταξύ της εικόνας και των στοιχείων που την περιβάλλουν Άλλες ιδιότητες της ετικέτας <img> Εισαγωγή εικόνας ως φόντο ιστοσελίδας Εισαγωγή favicon 7
8 Εικόνες Εισαγωγή Οι εικόνες αποτελούν αναπόσπαστο κομμάτι των HTML εγγράφων σχεδόν σε κάθε web site, από την πρώτη στιγμή που άρχισε η υποστήριξη πολυμεσικών στοιχείων μέσα σε μια ιστοσελίδα. Οι εικόνες είναι πολύ σημαντικές, διότι συχνά ομορφαίνουν τις ιστοσελίδες, αλλά το σπουδαιότερο είναι ότι μπορούν να απεικονίσουν πολύπλοκες έννοιες με απλό τρόπο. Οι εικόνες και τα γραφικά δεν είναι ενσωματωμένα σε μία ιστοσελίδα, αλλά βρίσκονται αποθηκευμένα σε ξεχωριστά αρχεία και καλούνται από τον κώδικα της ιστοσελίδας για να παρουσιαστούν σε συγκεκριμένα σημεία, ώστε να αποδοθεί το τελικό οπτικό αποτέλεσμα της ιστοσελίδας. 8
9 Εικόνες Εισαγωγή Τα ψηφιακά αρχεία εικόνας δημιουργούνται είτε με τη χρήση του σαρωτή (scanner), όταν ψηφιοποιούνται φωτογραφίες και εικόνες, είτε μέσω ειδικών προγραμμάτων επεξεργασίας φωτογραφίας και γραφικών, όπως το Gimp, η Ζωγραφική των Windows, το Photoshop κ.ά. Επίσης, επεξεργασία εικόνων μπορεί να γίνει και online, μέσω σχετικών ιστότοπων του Διαδικτύου, όπως το Online Photo Editor, Pixlr Editor, Photo Editor, LUNAPIC κ.ά. 9
10 Εικόνες Εισαγωγή Κατά την αποθήκευση ψηφιακών αρχείων εικόνας στον υπολογιστή σας, μπορεί να χρησιμοποιηθούν διάφοροι τρόποι κωδικοποίησής τους (format). Ο τύπος κωδικοποίησης μιας ψηφιακής εικόνας φαίνεται από την επέκταση του αρχείου. Μερικοί από τους συνηθέστερους τύπους κωδικοποίησης είναι οι εξής: jpg, tif, gif, png και bmp. Ο τρόπος κωδικοποίησης των ψηφιακών αρχείων εικόνας έχει σημασία για την ανάπτυξη ιστοσελίδων, που περιέχουν γραφικά και εικόνες, διότι οι browsers δεν υποστηρίζουν όλες τις μορφές κωδικοποίησης εικόνας. Αυτό έχει ως αποτέλεσμα να δημιουργούνται προβλήματα στην παρουσίαση των εικόνων στην ιστοσελίδα, όταν η κωδικοποίησή τους δεν υποστηρίζεται από το browser. 10
11 Εικόνες Εισαγωγή Οι περισσότεροι γνωστοί browsers αυτή τη στιγμή υποστηρίζουν τις κωδικοποιήσεις gif, jpg, png και bmp. Για το λόγο αυτό, όλα τα ψηφιακά γραφικά και εικόνες που πρόκειται να παρουσιαστούν σε μία ιστοσελίδα, θα πρέπει να είναι αποθηκευμένα με αυτές τις κωδικοποιήσεις. 11
12 Εικόνες Κωδικοποίηση GIF (Graphics Interchange Format) Η κωδικοποίηση GIF, είναι κατάλληλη για τη δημιουργία αρχείων εικόνας, με πολύ χαμηλή ανάλυση μέσα σε μια ιστοσελίδα και υποστηρίζει τη διαφάνεια (transparency), δηλαδή την αφαίρεση του φόντου και του περιγράμματος της εικόνας. Η διαφάνεια είναι σημαντική διότι επιτρέπει την τοποθέτηση της εικόνας επάνω από οποιοδήποτε χρώμα φόντου ή ακόμη και φωτογραφίας. Τα gif αρχεία συνήθως χρησιμοποιούνται για απλά λογότυπα, εικονίδια ή σύμβολα. Η χρήση της κωδικοποίησης gif δε συνίσταται για φωτογραφίες, επειδή τα αρχεία αυτού του τύπου περιορίζονται μόνο σε 256 διαφορετικά χρώματα. Σε ορισμένες περιπτώσεις, μπορεί να χρησιμοποιηθούν ακόμη λιγότερα χρώματα και κατ επέκταση να δημιουργηθούν ακόμη μικρότερα αρχεία. Για το λόγο αυτό, δεν είναι κατάλληλα για φωτογραφικές εικόνες ή γραφικά με κλίσεις. 12
13 Εικόνες Κωδικοποίηση GIF (Graphics Interchange Format) Τα gif αρχεία υποστηρίζουν επίσης ένα χαρακτηριστικό που ονομάζεται interlacing, το οποίο φορτώνει εκ των προτέρων το γραφικό. Δηλαδή, η εικόνα ξεκινά από θολή όψη και γίνεται εστιασμένη και ευκρινή όταν ολοκληρωθεί η λήψη. Αυτό κάνει τη μετάβαση για το θεατή πιο εύκολη και δεν χρειάζεται να περιμένει πολύ για να δει τα λογότυπα ή τις εικόνες ενός site. Υποστηρίζουν επίσης και κινούμενη εικόνα (animation), όχι όμως στο επίπεδο των αρχείων Flash, επιτρέποντας στο web developer να προσθέσει κίνηση ή μεταβάσεις μέσα στις σελίδες του site, χωρίς προγραμματισμό ή κωδικοποίηση. Τα gif αρχεία έχουν συμπίεση, η οποία τους δίνει μικρό μέγεθος αρχείου. 13
14 Εικόνες Κωδικοποίηση JPEG (Joint Photographic Experts Group) Τα αρχεία τύπου Jpeg μπορεί να είναι σχετικά μικρά σε μέγεθος, αλλά οι εικόνες εξακολουθούν να φαίνονται καθαρές και όμορφες. Έχουν υποστήριξη έως και 16,7 εκατ. διαφορετικών χρωμάτων, γεγονός που τα κάνει τη σωστότερη επιλογή για την αναπαράσταση εικόνων που δεν εμπεριέχουν κίνηση, όπως και για φωτογραφίες και διάφορα είδη (φωτο)σκιάσεων, αναλόγως και με τον φωτισμό (στο σκοτάδι ή στο φως αντίστοιχα). Με το ευρύ φάσμα των χρωμάτων που υποστηρίζουν, μπορείτε να έχετε όμορφες εικόνες, χωρίς ογκώδη μεγέθη αρχείων. Υπάρχουν επίσης και τα προοδευτικής φόρτωσης jpeg αρχεία, τα οποία έχουν προφόρτωση παρόμοια με interlaced gifs. Ξεκινούν δηλαδή με θολή μορφή και έρχονται στο προσκήνιο σταδιακά, καθώς φορτώνονται οι πληροφορίες τους. 14
15 Εικόνες Κωδικοποίηση PNG (Portable Network Graphic) Τα αρχεία τύπου PNG, αναπτύχθηκαν με σκοπό να αξιοποιήσουν τα πλεονεκτήματα που προσφέρουν τα αρχεία τύπου gif. Οι σχεδιαστές πρέπει να μπορούν να ενσωματώνουν τις εικόνες χαμηλής ανάλυσης που φορτώνουν γρήγορα, αλλά ταυτόχρονα αυτές να δείχνουν εξαιρετικές. Αυτό είναι ο λόγος που αναπτύχθηκε το PNG format. Το PNG-8 δεν υποστηρίζει τη διαφάνεια, αλλά το κάνουν τα PNG-24 και PNG-32. Τα png αρχεία μπορεί να έχουν διαφορετικά επίπεδα διαφάνειας, σε αντίθεση με τα gif αρχεία που έχουν μόνο ένα και είναι είτε διαφανές είτε αδιαφανές. 15
16 Εικόνες Κωδικοποίηση BMP (Bitmap) Τα BMP αρχεία εικόνας είναι τύπου «ψηφιοκουκίδων» και υποστηρίζουν είτε ασπρόμαυρη γκάμα χρωμάτων είτε έγχρωμη. Αποθηκεύουν μέσα τους κάθε pixel της εικόνας, με αποτέλεσμα να μην υποστηρίζεται η δυνατότητα συμπίεσή της. Για το λόγο αυτό, μια εικόνα αυτού του τύπου, καταλαμβάνει αρκετά μεγάλο μέγεθος στο δίσκο, κρατώντας όμως έτσι την ποιότητά της εξαιρετική. Λόγω του μεγάλου μεγέθους τους, δε θα δείτε αρχεία τύπου bmp να χρησιμοποιούνται ευρέως στις σελίδες του web. 16
17 Εισαγωγή εικόνας σε ιστοσελίδα Ορισμός του URL του αρχείου της εικόνας Για την εισαγωγή εικόνας σε ένα HTML έγγραφο, χρησιμοποιείται η απλή ετικέτα <img> (δεν υπάρχει ετικέτα κλεισίματος). Για τον λόγο αυτό, χρησιμοποιούνται αρκετές ιδιότητες μέσα σε αυτήν προκειμένου να επιτευχθούν τα επιθυμητά αποτελέσματα, με βασικότερη την ιδιότητα src, η οποία παίρνει ως τιμή τη διαδρομή και το όνομα του αρχείου εικόνας. Σύνταξη: <img src= "path/αρχείο_εικόνας" /> Οι τιμές της ιδιότητα src μπορεί να είναι απόλυτες (absolute) ή σχετικές (relative). Οι απόλυτες ορίζονται πάντα ως προς τον κατάλογο-ρίζα (π.χ. src="c:\mypages\face.gif") ή κάποιο URL μιας web σελίδας (π.χ. src=" 17
18 Εισαγωγή εικόνας σε ιστοσελίδα Ορισμός του URL του αρχείου της εικόνας Μπορείτε όμως να ορίσετε μια διαδρομή όχι ως προς τη ρίζα, αλλά ως προς έναν άλλο κατάλογο, η οποία είναι σχετική, όπως π.χ. src="./mypages/face.gif" ή src="face.gif" (ο συμβολισμός "./" είναι ο φάκελος που βρίσκεται η σελίδα). Προτείνεται να γίνεται χρήση σχετικών συνδέσεων, διότι αυτό διευκολύνει άλλες ενέργειες, όπως τη μεταφορά ολόκληρων φακέλων με τα περιεχόμενά τους, χωρίς να χρειάζεται το πέρασμα από όλες τις HTML σελίδες του site, ψάχνοντας και αλλάζοντας τις διευθύνσεις των links. Σημείωση: Περισσότερα για τη δήλωση της διαδρομής (path) ενός αρχείου, θα παρουσιαστούν στην ενότητα «Σύνδεσμοι» που θα ακολουθήσει. 18
19 Εισαγωγή εικόνας σε ιστοσελίδα Ορισμός του URL του αρχείου της εικόνας Παράδειγμα: <body> <p>εικόνα JPEG</p> <img src="./images/html5.jpg"/> <p>εικόνα GIF</p> <img src="./images/burning_campfire.gif"/> <p>εικόνα PNG</p> <img src="./images/graphics_painting.png"/> <p>εικόνα BMP</p> <img src="./images/tv.bmp"/> </body> 19
20 Εισαγωγή εικόνας σε ιστοσελίδα Ορισμός στοίχισης της εικόνας με το περιεχόμενο που βρίσκεται δίπλα της Η ιδιότητα align ορίζει την στοίχιση της εικόνας με το κείμενο που βρίσκετε δίπλα της. Η ιδιότητα align δεν υποστηρίζετε από την HTML5 και στη θέση της χρησιμοποιούνται CSS. Σύνταξη: <img align="left right middle top bottom absmiddle absbottom baseline"> Σύνταξη CSS: img{vertical-align: baseline length sub super top text-top middle bottom text-bottom initial inherit;} Σημείωση: Τα CSS θα παρουσιαστούν αναλυτικά σε επόμενα μαθήματα 20
21 Εισαγωγή εικόνας σε ιστοσελίδα Ορισμός στοίχισης της εικόνας με το περιεχόμενο που βρίσκεται δίπλα της 21 Στοίχιση εικόνας ανάλογα με τις τιμές της ιδιότητας align
22 Εισαγωγή εικόνας σε ιστοσελίδα Ορισμός στοίχισης της εικόνας με το περιεχόμενο που βρίσκετε δίπλα της Παράδειγμα: <body> <p>μια <img src="./images/html.jpg" align="right"/>εικόνα με δεξιά ευθυγράμμιση</p> <br/><br/><br/> <p>μια <img src="./images/html.jpg" align="middle"/>εικόνα με κεντρική ευθυγράμμιση</p> </body> 22
23 Εισαγωγή εικόνας σε ιστοσελίδα Ορισμός εναλλακτικού κειμένου εικόνας Η ιδιότητα alt ορίζει ένα εναλλακτικό κείμενο το οποίο εμφανίζεται στη θέση της εικόνας, όταν αυτή για κάποιο λόγο δε μπορεί να φορτωθεί από το browser. Σύνταξη: <img alt="κείμενο"> Παράδειγμα: <body> <img src="./images/html.jpg" height="128" width="128" alt="html"/> </body> 23
24 Εισαγωγή εικόνας σε ιστοσελίδα Ορισμός πάχους περιγράμματος εικόνας Η ιδιότητα border ορίζει το πάχος του περιγράμματος της εικόνας, δεν υποστηρίζεται όμως από την HTML5 και στη θέση της χρησιμοποιούνται CSS. Σύνταξη: <img border="πάχοςpx"> Σύνταξης CSS: img{border: πάχος στυλ_γραμμής χρώμα;} Παράδειγμα: <body> <img src="./images/html.jpg" border="8" alt="html"/> </body> 24
25 Εισαγωγή εικόνας σε ιστοσελίδα Ορισμός ύψους και πλάτους εικόνας Οι ιδιότητες height και width ορίζουν το ύψος και το πλάτος της εικόνας αντίστοιχα, σε pixels (στην HTML 4.01 και σε %). Σύνταξη: <img height="pixels" width="pixels"/> Καλό θα είναι να καθορίζεται πάντα τόσο το ύψος όσο και το πλάτος των εικόνων. Εάν το ύψος και το πλάτος έχουν ρυθμιστεί, ο χώρος που απαιτείται για την εικόνα παραχωρείται όταν φορτώνεται η σελίδα. Ωστόσο, χωρίς αυτά τα χαρακτηριστικά, το πρόγραμμα περιήγησης δεν γνωρίζει το μέγεθος της εικόνας και δεν μπορεί να διατηρήσει το κατάλληλο χώρο γι αυτήν, με αποτέλεσμα να αλλάξει η διάταξη της σελίδας κατά τη φόρτωσή της (ενώ οι εικόνες φορτώνουν). Παράδειγμα: βλέπε διαφάνεια 23 (ιδιότητα alt) 25
26 Εισαγωγή εικόνας σε ιστοσελίδα Ορισμός κενού χώρου μεταξύ της εικόνας και των στοιχείων που την περιβάλλουν Οι ιδιότητες hspace και vspace ορίζουν τον κενό χώρο μεταξύ της εικόνας και των υπολοίπων περιεχομένων της σελίδας. Πιο συγκεκριμένα, η vspace ορίζει το κενό διάστημα στο επάνω και το κάτω μέρος της εικόνας (σε pixels), ενώ η hspace στην αριστερή και στη δεξιά της πλευρά (επίσης σε pixels). Οι δύο αυτές ιδιότητες δεν υποστηρίζονται από την HTML5 και στη θέση τους χρησιμοποιούνται CSS. Σύνταξη: <img hspace="pixels" vspace="pixels"/> Σύνταξη CSS: img{padding-top: τιμή; padding-right: τιμή; padding-bottom: τιμή; padding-left: τιμή;} ή img{padding: top_τιμή right_τιμή bottom_τιμή left_τιμή;} <!-- οι τιμές σε px, pt, cm, κ.λπ. --> 26
27 Εισαγωγή εικόνας σε ιστοσελίδα Ορισμός κενού χώρου μεταξύ της εικόνας και των στοιχείων που την περιβάλλουν Παράδειγμα: <body> Κείμενο πάνω από την εικόνα<br/> Κείμενο αριστερά <img src="./images/html.jpg" align="middle" hspace="25" vspace="25"/> Κείμενο δεξιά<br/> vspace Κείμενο κάτω από την εικόνα<br/> </body> hspace 27
28 Εισαγωγή εικόνας σε ιστοσελίδα Άλλες ιδιότητες της ετικέτας <img> Σημείωση: Οι ιδιότητες usemap, ismap και crossorigin θα αναφερθούν σε ξεχωριστές ενότητες, ενώ η ιδιότητα longdesc δεν υποστηρίζεται πλέον από κανέναν browser και δε θα γίνει σε αυτήν καμία απολύτως αναφορά. 28
29 Εισαγωγή εικόνας ως φόντο ιστοσελίδας Η ιδιότητα background της ετικέτας <body>, ορίζει μια εικόνα φόντου για ένα html έγγραφο, όμως δεν υποστηρίζεται από την HTML5 και στη θέση της χρησιμοποιούνται CSS. Σύνταξη: <body background="path/όνομα_αρχείου"> Σύνταξης CSS: body{background-image: url("path/όνομα_αρχείου"); Παράδειγμα: <!DOCTYPE html> <html> <head><meta charset="utf-8"></head> <body background="./images/abstract-ice.jpg"> <h1>1o ΕΠΑΛ Κατερίνης</h1> </body> </html> 29
30 Εισαγωγή favicon Το favicon (favorites icon) είναι ένα εικονίδιο το οποίο έχουν οι περισσότερες ιστοσελίδες, επάνω στη γραμμή τίτλου της καρτέλας (tab) του browser, στο πλαίσιο της οποίας φορτώνεται η ιστοσελίδα. favicon Η χρήση του εξυπηρετεί κυρίως όταν η ιστοσελίδα που το περιέχει μπαίνει στα αγαπημένα (bookmarks), ώστε να φαίνεται και εκεί για να μπορεί ο χρήστης να εντοπίσει το site ανάμεσα στα υπόλοιπα, ευκολότερα. Επίσης βοηθάει πολύ το χρήστη, όταν έχει ανοικτά πολλά tabs, στην άμεση αναγνώριση αυτού που αναζητά. 30
31 Εισαγωγή favicon Ο χρήστης μπορεί να χρησιμοποιήσει έτοιμα favicons, που μπορεί να βρει στο Διαδίκτυο, ή να δημιουργήσει δικά του μέσω σχετικών sites, όπως το favicon.cc ( ή κάνοντας χρήση κατάλληλων εφαρμογών, όπως το Easy Picture2Icon 3.0 ( και πολλά άλλα (περισσότερες εφαρμογές Η προσθήκη favicon είναι πολλή εύκολη υπόθεση και δεν απαιτεί ούτε προγραμματιστικές ικανότητες, ούτε θέλει χρόνο για να υλοποιηθεί. Απλά ακολουθούνται τα παρακάτω βήματα: Βήμα 1: Βρίσκεται ένα έτοιμο favicon ή κατασκευάζεται Βήμα 2: Φορτώνεται μέσω του τμήματος <head> της ιστοσελίδας, με κλήση του μέσα από το tag <link> 31
32 Εισαγωγή favicon Σύνταξη: <link rel="icon" type="image/τύπος_εικόνας" href="url" /> Παραδείγματα: <link rel="icon" href="my_icon.gif" type="image/gif" /> <link rel="icon" href="my_icon.ico" type="image/x-icon" /> Σημείωση: Η HTML5 περιέχει και την παράμετρο sizes, για τον καθορισμό του μεγέθους του favicon, η οποία προς το παρόν δεν υποστηρίζεται από κανέναν browser. Παράδειγμα: <link rel="icon" href="my_icon.gif" type="image/gif" sizes="16x16"/> (ή sizes="16x16 32x32" για 2 μεγέθη) sizes 32
33 Εισαγωγή favicon Παράδειγμα: <!DOCTYPE html> <html> <head> <link rel="icon" href="hello.gif" type="image/gif" /> </head> <body> <h2>hello world!</h2> </body> </html> 33
34 Πηγές Προγραμματιστικά Εργαλεία για το Διαδίκτυο: Σχολικό βιβλίο W3schools ( SitePoint ( Greek PC Blog ( Τι είναι ( 34
Σχεδίαση και Ανάπτυξη Ιστότοπων
Σχεδίαση και Ανάπτυξη Ιστότοπων HTML Καθορισμός Χρωμάτων και Γραμματοσειρών σε μια ιστοσελίδα Παρουσίαση 7 η Βελώνης Γεώργιος Καθηγητής 1 Σημασία συμβόλων HTML5 tags. Obsolete tags: Μην αφήνετε αυτές τις
Διαβάστε περισσότεραΣχεδίαση και Ανάπτυξη Ιστότοπων. HTML Στοιχεία - Βασικές Ετικέτες Ειδικοί Χαρακτήρες Παρουσίαση 5 η. Βελώνης Γεώργιος Καθηγητής Πληροφορικής ΠΕ20
Σχεδίαση και Ανάπτυξη Ιστότοπων HTML Στοιχεία - Βασικές Ετικέτες Ειδικοί Χαρακτήρες Παρουσίαση 5 η 1 Βελώνης Γεώργιος Καθηγητής Σημασία συμβόλων HTML5 tags Obsolete tags: Μην αφήνετε αυτές τις ετικέτες
Διαβάστε περισσότεραΣχεδιασμός και Ανάπτυξη Ιστότοπων
Σχεδιασμός και Ανάπτυξη Ιστότοπων HTML: Λίστες Παρουσίαση 8 η 1 Βελώνης Γεώργιος Καθηγητής Σημασία συμβόλων HTML5 tags. Obsolete tags: Μην αφήνετε αυτές τις ετικέτες στον κώδικά σας. Deprecated tags: Αντικαταστήστε
Διαβάστε περισσότεραΕΡΓΑΣΤΗΡΙΟ: ΤΕΧΝΟΛΟΓΙΕΣ ΠΛΗΡΟΦΟΡΙΑΣ ΚΑΙ ΕΠΙΚΟΙΝΩΝΙΑΣ ΣΤΟΝ ΤΟΥΡΙΣΜΟ. 4o ΕΡΓΑΣΤΗΡΙΟ ΕΙΚΟΝΕΣ ΣΤΗΝ HTML
ΕΡΓΑΣΤΗΡΙΟ: ΤΕΧΝΟΛΟΓΙΕΣ ΠΛΗΡΟΦΟΡΙΑΣ ΚΑΙ ΕΠΙΚΟΙΝΩΝΙΑΣ ΣΤΟΝ ΤΟΥΡΙΣΜΟ ΠΕΡΙΕΧΟΜΕΝΟ ΜΑΘΗΜΑΤΟΣ 1. Εικόνες 2. Ασκήσεις 4o ΕΡΓΑΣΤΗΡΙΟ ΕΙΚΟΝΕΣ ΣΤΗΝ HTML 1. Εικόνες 1. Οι μορφές (format) των εικόνων που μπορείτε
Διαβάστε περισσότεραΥπερσυνδέσεις (hyperlinks)
Υπερσυνδέσεις (hyperlinks) Οι υπερσυνδέσεις αποτελούν το δυναμικό στοιχείο σε ένα έγγραφο html. Με τις υπερσυνδέσεις είναι δυνατή, εύκολη και γρήγορη η μετάβαση ή η παραπομπή από ένα αρχείο html (πηγή)
Διαβάστε περισσότεραΝέες Τεχνολογίες στην Εκπαίδευση
Σχολή Εφαρμοσμένων Μαθηματικών και Φυσικών Επιστημών Εθνικό Μετσόβιο Πολυτεχνείο Νέες Τεχνολογίες στην Εκπαίδευση Εικόνα, κείμενο και εικόνα Στεφανέας Πέτρος Ζαμαρίας Βασίλης Άδεια Χρήσης Το παρόν εκπαιδευτικό
Διαβάστε περισσότεραΣχεδιασμός και Ανάπτυξη Ιστότοπων
Σχεδιασμός και Ανάπτυξη Ιστότοπων CSS: Ιδιότητες μορφοποίησης κειμένου Παρουσίαση 14 η 1 Βελώνης Γεώργιος Καθηγητής Browsers δοκιμών Οι δοκιμές έγιναν στους παρακάτω browsers και εκδόσεις τους: Google
Διαβάστε περισσότεραΕισαγωγη στην html. Η δομή μιας ιστοσελίδας (αρχείο html) Η βασική δομή ενός αρχείου html είναι η εξής: <html> <head>
Εισαγωγη στην html Ο παγκόσμιος ιστός (αγγ.: World Wide Web ή www) είναι η πιο δημοφιλής υπηρεσία που μας παρέχει το Διαδίκτυο (Internet) και είναι ένα σύστημα διασυνδεδεμένων πληροφοριών (κειμένου, εικόνας,
Διαβάστε περισσότεραΕφαρμογές Πληροφορικής
Εφαρμογές Πληροφορικής Κεφάλαιο 11 Πολυμέσα ΜΕΡΟΣ Α 1. Υπερκείμενο Ποιός είναι ο κόμβος, ποιός ο σύνδεσμος και ποιά η θερμή λέξη; 1 2. Υπερμέσα Χαρακτηριστικά Κόμβος (Node) Αποτελεί τη βάση πληροφοριών
Διαβάστε περισσότεραTEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο)
TEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο) Διδάσκων: Ανδρέας Γιαννακουλόπουλος Επιστημονικός συνεργάτης Εργαστηρίου: Στέλλα Λάμπουρα Εαρινό εξάμηνο Χρηματοδότηση Το παρόν εκπαιδευτικό υλικό έχει αναπτυχθεί
Διαβάστε περισσότεραΠίνακες HTML. Παναγιώτης Γαλάτης 1ο ΕΠΑΛ Ηρακλείου
Πίνακες HTML Παναγιώτης Γαλάτης 1ο ΕΠΑΛ Ηρακλείου Τι είναι Πίνακας Ένας πίνακας στοιχείων αποτελείται από γραμμές και στήλες. Το σημείο τομής μιας γραμμής και μιας στήλης ονομάζεται κελί (cell( cell).
Διαβάστε περισσότεραΣχεδιασμός και Ανάπτυξη Ιστότοπων
Σχεδιασμός και Ανάπτυξη Ιστότοπων CSS: Φόντο (background) και Περίγραμμα (border) στοιχείου ιστοσελίδας Παρουσίαση 16 η 1 Βελώνης Γεώργιος Καθηγητής Browsers δοκιμών Οι δοκιμές έγιναν στους παρακάτω browsers
Διαβάστε περισσότεραΗ γλώσσα HTML. Επιμέλεια: Δέγγλερη Σοφία
Η γλώσσα HTML Επιμέλεια: Δέγγλερη Σοφία Υπερκείμενο Το δομικό χαρακτηριστικό του Παγκόσμιου Ιστού Ένα αρχείο Απλό κείμενο και υπερσύνδεσμοι Υπερσύνδεσμος Μετάβαση σε διάφορα άλλα έγγραφα Αποτελείται από
Διαβάστε περισσότεραΆσκηση 3 -Δηµιουργία ιστοσελίδων µε HTML µέρος 3 ο
Άσκηση 3 -Δηµιουργία ιστοσελίδων µε HTML µέρος 3 ο Εικόνες στην HTML Oι εικόνες ορίζονται µε την ετικέτα . Η συγκεκριµένη ετικέτα δεν κλείνει (είναι λάθος το: ) ή µπορούµε να πούµε ότι ανοίγει
Διαβάστε περισσότεραΔικτυακοί τόποι. Η σχεδίαση ενός δικτυακού τόπου. Δρ. Ματθαίος Α. Πατρινόπουλος
Δικτυακοί τόποι Η σχεδίαση ενός δικτυακού τόπου Δρ. Ματθαίος Α. Πατρινόπουλος Πώς χρησιμοποιούμε το διαδίκτυο; ΔΙΑΦΑΝΕΙΕΣ ΤΟΥ ΜΑΘΗΜΑΤΟΣ ΣΧΕΔΙΑΣΜΟΣ ΚΑΙ ΑΝΑΠΤΥΞΗ ΕΦΑΡΜΟΓΩΝ ΔΙΑΔΙΚΤΥΟΥ. 2 Από το www.smartinsights.
Διαβάστε περισσότεραΑ ΛΥΚΕΙΟΥ - ΕΦΑΡΜΟΓΕΣ ΠΛΗΡΟΦΟΡΙΚΗΣ ΜΑΪΟΣ 2019 ΕΝΔΕΙΚΤΙΚΕΣ ΕΡΩΤΗΣΕΙΣ ΚΑΤΑΝΟΗΣΗΣ
Το υλικό αυτό δίνεται στους μαθητές για τη σωστή μελέτη της διδαχθείσας ύλης του μέρους Β. Πρόκειται για ένα συμπαγή κορμό ερωτήσεων και ασκήσεων οι οποίες καλύφθηκαν κατά τη διάρκεια της έως τώρα σχολικής
Διαβάστε περισσότεραΕισαγωγή εικόνων. ετικέτα <img>
Εισαγωγή εικόνων ετικέτα σύνταξη η ιδιότητα src καθορίζει ποια εικόνα θα εισαχθεί στη σελίδα η τιμή url είναι η πλήρης ή σχετική διαδρομή της εικόνας Παράδειγμα 1
Διαβάστε περισσότεραΣχεδιασμός και Ανάπτυξη Ιστότοπων
Βελώνης Γεώργιος Καθηγητής Σχεδιασμός και Ανάπτυξη Ιστότοπων HTML Σύνδεσμοι (Links) Παρουσίαση 10 η 1 Βελώνης Γεώργιος Καθηγητής Βελώνης Γεώργιος Καθηγητής Σημασία συμβόλων HTML5 tags. Obsolete tags: Μην
Διαβάστε περισσότεραΕικόνες. Γαλάτης Παναγιώτης 1 ο ΕΠΑΛ Ηρακλείου
Εικόνες Γαλάτης Παναγιώτης 1 ο ΕΠΑΛ Ηρακλείου Υποστηριζόμενοι Tύποι Εικόνων GIF JPG ή JPEG BMP PNG Δυστυχώς δεν υποστηρίζονται απευθείας όλα τα formats εικόνας από τους Web Browsers. Πάντως το σύνολο αυτών
Διαβάστε περισσότεραΠεριεχόμενα. Γαβαλάς Δαμιανός
Δικτυακά Πολυμέσα ΙΙ Διάλεξη #5 η : Τυπογραφία στο web Γαβαλάς Δαμιανός dgavalas@aegean.gr Περιεχόμενα Κατανόηση αρχών σχεδιασμού με γραμματοσειρές Κατανόηση των μονάδων μέτρησης που χρησιμοποιούνται στα
Διαβάστε περισσότεραΆσκηση 6 Επαναληπτική Άσκηση HTML
Άσκηση 6 Επαναληπτική Άσκηση HTML ΕΤΙΚΕΤΕΣ HTML ΕΤΙΚΕΤΑ ΠΕΡΙΓΡΑΦΗ ΙΔΙΟΤΗΤΕΣ ΙΔΙΟΤΗΤΑ ΤΙΜΗ ΠΕΡΙΓΡΑΦΗ Βασικές Ορίζει τον τύπο του αρχείου Ορίζει ένα αρχείο HTML Ορίζει ένα τίτλο
Διαβάστε περισσότεραΣχεδιασμός και Ανάπτυξη Ιστότοπων
Βελώνης Γεώργιος Καθηγητής Σχεδιασμός και Ανάπτυξη Ιστότοπων HTML Πολυμέσα Παρουσίαση 12 η 1 Βελώνης Γεώργιος Καθηγητής Βελώνης Γεώργιος Καθηγητής Σημασία συμβόλων HTML5 tags. Obsolete tags: Μην αφήνετε
Διαβάστε περισσότεραΠληροφορική Τμήμα Σχεδιασμού & Τεχνολογίας Ξύλου & Επίπλου Αντώνιος Καραγεώργος Ευανθία Τσιλιχρήστου. Μάθημα 5 ο Τεχνολογίες Διαδικτύου: HTML I
Πληροφορική Τμήμα Σχεδιασμού & Τεχνολογίας Ξύλου & Επίπλου Αντώνιος Καραγεώργος Ευανθία Τσιλιχρήστου Μάθημα 5 ο Τεχνολογίες Διαδικτύου: HTML I Διαδικτυακή Εφαρμογή (1/2) Ως διαδικτυακή εφαρμογή μπορούμε
Διαβάστε περισσότεραΣχεδόν όλες οι ιστοσελίδες βασίζονται σε μεγάλο βαθμό σε πίνακες. Για να εισάγουμε έναν πίνακα επιλέγουμε από το μενού Insert->Table.
DreamWeaver - Άσκηση 4η Πίνακες Παρακάτω θα δούμε πως μπορούμε να δημιουργούμε και να επεξεργαζόμαστε πίνακες, μια πολύ βασική δομή. Θα δούμε πως γίνεται εισαγωγή πίνακα, ένωση κελιών του πίνακα, προσθήκη
Διαβάστε περισσότεραΕπαναληπτική Άσκηση ΕΤΙΚΕΤΕΣ HTML
Επαναληπτική Άσκηση ΕΤΙΚΕΤΕΣ HTML ΕΤΙΚΕΤΑ ΠΕΡΙΓΡΑΦΗ ΙΔΙΟΤΗΤΕΣ ΙΔΙΟΤΗΤΑ ΤΙΜΗ ΠΕΡΙΓΡΑΦΗ Βασικές Ορίζει ένα αρχείο HTML Ορίζει ένα τίτλο για το αρχείο Ορίζει το σώµα της background URL
Διαβάστε περισσότεραHyper Text Markup Language (HTML) που σημαίνει γλώσσα σήμανσης υπερκειμένου.
Hyper Text Markup Language (HTML) που σημαίνει γλώσσα σήμανσης υπερκειμένου. 1 η ΑΣΚΗΣΗ Οι HTML σελίδες είναι απλές σελίδες κειμένου και μπορούν να δημιουργηθούν από οποιοδήποτε πρόγραμμα επεξεργασίας
Διαβάστε περισσότεραΑΣΠΑΙΤΕ. ΠΡΑΚΤΙΚΗ ΑΣΚΗΣΗ 4α. Υπερκείμενο και HTML. Ημερομηνία :... Τμήμα :... Ονοματεπώνυμο :...
ΠΡΑΚΤΙΚΗ ΑΣΚΗΣΗ 4α Υπερκείμενο και HTML ΑΣΠΑΙΤΕ Ημερομηνία :... Τμήμα :... Ονοματεπώνυμο :... Η HTML (HyperText Markup Language) είναι η γλώσσα που χρησιμοποιείται για να περιγράψει τη δομή και τη διαμόρφωση
Διαβάστε περισσότεραDIP_06 Συμπίεση εικόνας - JPEG. ΤΕΙ Κρήτης
DIP_06 Συμπίεση εικόνας - JPEG ΤΕΙ Κρήτης Συμπίεση εικόνας Το μέγεθος μιας εικόνας είναι πολύ μεγάλο π.χ. Εικόνα μεγέθους Α4 δημιουργημένη από ένα σαρωτή με 300 pixels ανά ίντσα και με χρήση του RGB μοντέλου
Διαβάστε περισσότεραΣπουδές 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
Διαβάστε περισσότερα<a href="http://www.somepage.com/somepage.html">μετάβαση στο κείμενο</a>.
HTML Τα αρχεία της HTML έχουν ετικέτες (tags) που ορίζουν τη δομή και τη μορφοποίηση των ιστοσελίδων. Οι περισσότερες HTML ετικέτες τις συναντούμε ως ζεύγη τα οποία ενεργούν στα περιεχόμενα μεταξύ των
Διαβάστε περισσότεραCascading Style Sheets (CSS)
Cascading Style Sheets (CSS) Τα Cascading Style Sheets προσφέρουν έναν εύκολο τρόπο για να ορίσουμε τη μορφοποίηση που επιθυμούμε να έχουν οι σελίδες μία τοποθεσίας του Παγκόσμιου Ιστού που δημιουργούμε.
Διαβάστε περισσότεραΠίνακες. ιδιότητες ετικέτας <tr>
Πίνακες ιδιότητες ετικέτας Ιδιότητα align στοιχίζει κατά την οριζόντια διεύθυνση τα περιεχόμενα μιας γραμμής του πίνακα αριστερά (left), δεξιά (right), στο κέντρο (center), ή με πλήρη στοίχιση (justify)
Διαβάστε περισσότερα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 απαιτεί από τον Υποψήφιο να κατανοεί τις κύριες έννοιες της σχεδίασης και δημοσίευσης δικτυακών
Διαβάστε περισσότεραΗ Βίβλος των CSS - Μέρος 3 Το Box Model, τα Περιθώρια και τα Περιγράμματα
Η Βίβλος των CSS - Μέρος 3 Το Box Model, τα Περιθώρια και τα Περιγράμματα Το Box Model Το box model στα CSS περιγράφει τα πλαίσια (boxes) που δημιουργούνται για τα στοιχεία (elements) της HTML. Το box
Διαβάστε περισσότεραWORDPRESS. Εικόνα 1. Πατώντας στη «Σύνδεση» γράψτε το Username (όνομα χρήστη) και το Password (συνθηματικό) (εικόνα 2) που σας έδωσε ο διαχειριστής
WORDPRESS Το παρόν εγχειρίδιο είναι μία προσπάθεια για τους συναδέλφους εκπαιδευτικούς αλλά και μαθητές για την δημοσίευση άρθρων. Για παραλήψεις, λάθη ή κάτι το δυσνόητο παρακαλώ ενημερώστε με ώστε να
Διαβάστε περισσότεραΤι είναι τα πολυμέσα;
ΕΝΟΤΗΤΑ Κεφάλαιο 3: Πολυμέσα Α τάξη Λέξεις Κλειδιά: Ανάλυση εικόνας, αναλογικό σήμα, αλληλεπιδραστικότητα (interactivity), βάθος χρώματος, δειγματοληψία, εικονοστοιχείο (pixel), Πολυμέσα (Multimedia),
Διαβάστε περισσότεραΨηφιοποίηση και Ψηφιακή Επεξεργασία Εικόνας
Ανοικτά Ακαδημαϊκά Μαθήματα στο ΤΕΙ Ιονίων Νήσων Ψηφιοποίηση και Ψηφιακή Επεξεργασία Εικόνας Ενότητα 7: Πρότυπα Το περιεχόμενο του μαθήματος διατίθεται με άδεια Creative Commons εκτός και αν αναφέρεται
Διαβάστε περισσότεραΔιάλεξη 2η Εισαγωγή στο CSS
Διάλεξη 2η Εισαγωγή στο CSS Στέλιος Μόσχογλου Θεοδόσης Σουργκούνης Αντώνης Χρυσόπουλος I S S E L D e c o d e (Intelligent Systems & Software Engineering Lab) Στόχος της ώρας Τι είναι το CSS? Γιατί να χρησιμοποιήσω
Διαβάστε περισσότεραΠΡΟΓΡΑΜΜΑΤΙΣΤΙΚΑ ΕΡΓΑΛΕΙΑ ΓΙΑ ΤΟ ΔΙΑΔΙΚΤΥΟ
ΠΡΟΓΡΑΜΜΑΤΙΣΤΙΚΑ ΕΡΓΑΛΕΙΑ ΓΙΑ ΤΟ ΔΙΑΔΙΚΤΥΟ Κεφάλαιο 2. Το περιβάλλον του παγκόσμιου Ιστού Επιμέλεια: Καραγιάννης Σπύρος Καθηγητής ΠΕ19 Πλεονεκτήματα παγκόσμιου Ιστού Εξυπηρετητής Ιστού & Ιστοσελίδες Κύριες
Διαβάστε περισσότεραΠληροφορική Τμήμα Σχεδιασμού & Τεχνολογίας Ξύλου & Επίπλου Αντώνιος Καραγεώργος Ευανθία Τσιλιχρήστου. Μάθημα 6 ο Τεχνολογίες Διαδικτύου: HTML II
Πληροφορική Τμήμα Σχεδιασμού & Τεχνολογίας Ξύλου & Επίπλου Αντώνιος Καραγεώργος Ευανθία Τσιλιχρήστου Μάθημα 6 ο Τεχνολογίες Διαδικτύου: HTML II Εισαγωγή Εικόνων Οι φυλλομετρητές μπορούν να εμφανίσουν ένθετες
Διαβάστε περισσότεραWORDPRESS ΕΙΣΑΓΩΓΗ ΕΙΚΟΝΑΣ ΕΙΣΑΓΩΓΗ ΒΙΝΤΕΟ ΕΙΣΑΓΩΓΗ ΣΥΝΔΕΣΜΟΥ
WORDPRESS ΕΙΣΑΓΩΓΗ ΕΙΚΟΝΑΣ ΕΙΣΑΓΩΓΗ ΒΙΝΤΕΟ ΕΙΣΑΓΩΓΗ ΣΥΝΔΕΣΜΟΥ Το Wordpress σας δίνει την δυνατότητα να εμπλουτίσετε τα άρθρα σας με εικόνες. Τις εικόνες αυτές είτε τις δημιουργήσει είτε τις έχετε προμηθευτεί
Διαβάστε περισσότεραΚεφάλαιο 11: Εισαγωγή στην HTML. Εφαρμογές Πληροφορικής Κεφ. 11 Καραμαούνας Πολύκαρπος
Κεφάλαιο 11: Εισαγωγή στην HTML 1 11.1 Γενική εισαγωγή στην HTML Τι είναι η HTML HyperText Markup Language - Γλώσσα Χαρακτηρισμού Υπερ-Κειμένου είναι η βασική γλώσσα με την οποία πραγματοποιείται η δόμηση
Διαβάστε περισσότεραΚεφάλαιο 4 HyperText Markup Language - HTML. Προγραμματιστικά εργαλεία για το διαδίκτυο Φίλιππος Κουτσάκας, Πολύγυρος 2013
Κεφάλαιο 4 HyperText Markup Language - HTML Προγραμματιστικά εργαλεία για το διαδίκτυο Φίλιππος Κουτσάκας, Πολύγυρος 2013 Τι είναι η HTML; Ένας τρόπος για να πεις στον σελιδομετρητή πώς να αναπαραστήσει
Διαβάστε περισσότεραΗ Βίβλος των CSS - Μέρος 4 Positioning, Layers και Web Standards
Η Βίβλος των CSS - Μέρος 4 Positioning, Layers και Web Standards Τα Επιπλέοντα Στοιχεία Ένα στοιχείο μπορεί να τοποθετηθεί στα δεξιά (right) ή στα αριστερά (left) με χρήση της ιδιότητας float. Αυτό πρακτικά
Διαβάστε περισσότεραΕργαλεία Ανάπτυξης Εφαρμογών Internet. Δ.Ι.Ε.Κ. Γλυφάδας Τεχνικός Εφαρμογών Πληροφορικής
Εργαλεία Ανάπτυξης Εφαρμογών Internet Δ.Ι.Ε.Κ. Γλυφάδας Τεχνικός Εφαρμογών Πληροφορικής Το πρότυπο CSS Α Μέρος 2 CSS (Cascading Style Sheets)(1) Ορίζουν την εμφάνιση των στοιχείων σε ένα έγγραφο HTML.
Διαβάστε περισσότεραΔΙΑΔΙΚΑΣΙA ΜΕΤΑΦΟΡΑΣ ΥΛΙΚΟΥ ΜΑΘΗΜΑΤΟΣ ΑΠΟ BLACKBOARD VISTA ΣΕ OPEN ECLASS
ΔΙΑΔΙΚΑΣΙA ΜΕΤΑΦΟΡΑΣ ΥΛΙΚΟΥ ΜΑΘΗΜΑΤΟΣ ΑΠΟ BLACKBOARD VISTA ΣΕ OPEN ECLASS Η διαδικασία μεταφοράς του υλικού ενός μαθήματος από την πλατφόρμα Blackboard Vista στην πλατφόρμα Open eclass σε βήματα είναι
Διαβάστε περισσότεραCSS 3. Διδάσκοντες: Π. Αγγελάτος, Δ. Ζήνδρος Επιμέλεια διαφανειών: Π. Αγγελάτος Σχολή Ηλεκτρολόγων Μηχανικών και Μηχανικών Υπολογιστών
CSS 3 Διδάσκοντες: Π. Αγγελάτος, Δ. Ζήνδρος Επιμέλεια διαφανειών: Π. Αγγελάτος Σχολή Ηλεκτρολόγων Μηχανικών και Μηχανικών Υπολογιστών Άδεια Χρήσης Το παρόν εκπαιδευτικό υλικό υπόκειται σε άδειες χρήσης
Διαβάστε περισσότεραCSS Εργαστήριο 1. Εισαγωγή - Σύνταξη - Εφαρμογή στην HTML
CSS Εργαστήριο 1. Εισαγωγή - Σύνταξη - Εφαρμογή στην HTML Εισαγωγή Το CSS (Cascading Style Sheets ή Επικαλυπτόμενα Φύλλα Στυλ) μας επιτρέπει να αλλάξουμε τον τρόπο με τον οποίο παρουσιάζονται τα στοιχεία
Διαβάστε περισσότεραΕΠΕΞΕΡΓΑΣΙΑ ΚΕΙΜΕΝΟΥ. Κειμενογράφος WORD
ΕΠΕΞΕΡΓΑΣΙΑ ΚΕΙΜΕΝΟΥ Κειμενογράφος WORD ΣΚΟΠΟΣ Η ανάπτυξη δεξιοτήτων επεξεργασίας κειμένου ΠΡΟΤΑΣΕΙΣ ΚΑΙ ΡΥΘΜΙΣΕΙΣ Άνω περιθώριο (top margin) : 2.49cm Κάτω περιθώριο (bottom margin) :5.99cm Αριστερό περιθώριο
Διαβάστε περισσότεραΤεχνολογίες Διαδικτύου - Εργαστήριο 1 ο
Τεχνολογίες Διαδικτύου - Εργαστήριο 1 ο 1. Δημιουργία μιας απλής σελίδας HTML Στον προσωπικό σας κατάλογο δημιουργήστε ένα φάκελο με όνομα HTML. Ανοίξτε το Notepad ακολουθώντας τη διαδρομή (Start All Programs
Διαβάστε περισσότεραΕΙΣΑΓΩΓΗ ΣΤΗΝ HTML ΣΧΟΛΙΚΟ ΒΙΒΛΙΟ ΚΕΦΑΛΑΙΟ 11 Ευάγγελος Χ. Ζιούλας (Καθηγητής Πληροφορικής)
http://www.zioulas.gr ΕΙΣΑΓΩΓΗ ΣΤΗΝ HTML ΣΧΟΛΙΚΟ ΒΙΒΛΙΟ ΚΕΦΑΛΑΙΟ 11 Ευάγγελος Χ. Ζιούλας (Καθηγητής Πληροφορικής) WEB SERVER Είναι μια εφαρμογή software που αναλαμβάνει την αποστολή μιας ιστοσελίδας σε
Διαβάστε περισσότεραTEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο)
TEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο) Διδάσκων: Ανδρέας Γιαννακουλόπουλος Επιστημονικός συνεργάτης Εργαστηρίου: Στέλλα Λάμπουρα Εαρινό εξάμηνο Χρηματοδότηση Το παρόν εκπαιδευτικό υλικό έχει αναπτυχθεί
Διαβάστε περισσότεραΓΙΑΝΝΕΝΑ & ΣΥΓΧΡΟΝΗ ΔΗΜΙΟΥΡΓΙΑ ΔΙΑΧΕΙΡΙΣΗ ΓΙΑΝΝΕΝΑ & ΣΥΓΧΡΟΝΗ ΔΗΜΙΟΥΡΓΙΑ
ΓΙΑΝΝΕΝΑ & ΣΥΓΧΡΟΝΗ ΔΗΜΙΟΥΡΓΙΑ ΔΙΑΧΕΙΡΙΣΗ Περιγραφή και επεξήγηση της χρήσης του χώρου διαχείρισης της ιστοσελίδας για τους καλλιτέχνες 1 Περιεχόμενα Είσοδος στο χώρο διαχείρισης...3 Επεξεργασία της σελίδας
Διαβάστε περισσότεραHTML Εργαστήριο 4. Εισαγωγή βίντεο και ήχου
HTML Εργαστήριο 4. Εισαγωγή βίντεο και ήχου HTML5 Εισαγωγή video Η HTML 5, το νέο πρότυπο για την HTML, υποστηρίζει την εισαγωγή βίντεο και ήχου χωρίς να απαιτείται κάποιο πρόσθετο πρόγραμμα, όπως για
Διαβάστε περισσότεραΤο απεικονιστικό μοντέλο μορφοποίησης των CSS
Δικτυακά Πολυμέσα ΙΙ Εργαστήριο #6 0 : CSS: Χρήση των ιδιοτήτων του κουτιού (box properties). Διάταξη σελίδων Γαβαλάς Δαμιανός dgavalas@aegean.gr Το απεικονιστικό μοντέλο μορφοποίησης των CSS Περιγράφει
Διαβάστε περισσότεραΠροαπαιτούμενες Ρυθμίσεις: Για την σωστή εκτύπωση των προσφορών απαιτούνται οι εξής ρυθμίσεις στο φυλλομετρητή (browser) που χρησιμοποιείτε:
Ελάχιστες Απαιτήσεις Εφαρμογής Η εφαρμογή για να λειτουργήσει σωστά απαιτεί τα εξής: Internet Explorer 6.0 ή νεότερο / Mozilla Firefox 1.5 ή νεότερο / Safari Οποιοδήποτε συνδυασμό υπολογιστή (PC/MAC/Linux/Unix)
Διαβάστε περισσότεραTEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο)
TEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο) Διδάσκων: Ανδρέας Γιαννακουλόπουλος Επιστημονικός συνεργάτης Εργαστηρίου: Στέλλα Λάμπουρα Εαρινό εξάμηνο Χρηματοδότηση Το παρόν εκπαιδευτικό υλικό έχει αναπτυχθεί
Διαβάστε περισσότεραSITEBUILDER ΠΛΑΤΦΟΡΜΑ ΑΥΤΟΝΟΜΗΣ ΚΑΤΑΣΚΕΥΗΣ & ΔΙΑΧΕΙΡΙΣΗΣ ΔΙΚΤΥΑΚΩΝ ΤΟΠΩΝ (WEBSITE) ΕΓΧΕΙΡΙΔΙΟ ΧΡΗΣΗΣ. Version 2.0
SITEBUILDER ΠΛΑΤΦΟΡΜΑ ΑΥΤΟΝΟΜΗΣ ΚΑΤΑΣΚΕΥΗΣ & ΔΙΑΧΕΙΡΙΣΗΣ ΔΙΚΤΥΑΚΩΝ ΤΟΠΩΝ (WEBSITE) ΕΓΧΕΙΡΙΔΙΟ ΧΡΗΣΗΣ Version 2.0 Περιεχόμενα 1. Οδηγίες πρόσβασης... 3 2. Οδηγίες Σχεδιασμού Website... 4 2.1. Έναρξη...
Διαβάστε περισσότεραΣχεδιάζοντας Εφαρμογές για το Διαδίκτυο
FrontPage 2003 Πρακτικός Οδηγός Χρήσης Το FrontPage είναι ένα πρόγραμμα δημιουργίας ιστοσελίδων και δικτυακών τόπων που επιτρέπει το σχεδιασμό ιστοσελίδων μέσα από γραφικό περιβάλλον αλλά και την ταυτόχρονη
Διαβάστε περισσότεραΤα είδη των ιστοσελίδων. Web Sites E-commerce Sites CMS & Blog Sites CMS Flash Facebook Layouts Tumblr Themes
Ορισμός ιστοσελίδας Ιστοσελίδα (αγγλικά: web page) είναι ένα είδος εγγράφου του παγκόσμιου ιστού (WWW) που περιλαμβάνει πληροφορίες με την μορφή κειμένου, υπερκειμένου, εικόνας, βίντεο και ήχου. Τα είδη
Διαβάστε περισσότεραΤμήμα Επιστήμης Υπολογιστών ΗΥ-474. Ψηφιακή Εικόνα. Χωρική ανάλυση Αρχεία εικόνων
Ψηφιακή Εικόνα Χωρική ανάλυση Αρχεία εικόνων Ψηφιοποίηση εικόνων Δειγματοληψία περιοδική, ορθογώνια (pixel = picture element) πυκνότητα ανάλογα με τη λεπτομέρεια (ppi) Κβαντισμός τιμών διακριτές τιμές,
Διαβάστε περισσότεραΤΕΙ ΚΑΒΑΛΑΣ. Πτυχιακή εργασία ΕΙΣΑΓΩΓΗ. Μιλτιάδης Κακλαμάνης
Σελίδα 1από ΤΕΙ ΚΑΒΑΛΑΣ Πτυχιακή εργασία Δικτυακή Εφαρμογή διαχείρισης ηλεκτρονικών εγγράφων υπηρεσίας. ΕΙΣΑΓΩΓΗ Μιλτιάδης Κακλαμάνης Σελίδα 2από Κατάλογος περιεχομένων ΕΙΣΑΓΩΓΗ...1 Σχετιζόμενα πρόσωπα...3
Διαβάστε περισσότεραΣχεδιασμός και Ανάπτυξη Ιστότοπων
Βελώνης Γεώργιος Καθηγητής Σχεδιασμός και Ανάπτυξη Ιστότοπων Εισαγωγή στα CSS (Cascading Style Sheets) Παρουσίαση 13 η 1 Βελώνης Γεώργιος Καθηγητής Περιεχόμενα Εισαγωγή Πλεονεκτήματα χρήσης των CSS Βασικοί
Διαβάστε περισσότεραΣχεδίαση και Ανάπτυξη Ιστότοπων
Σχεδίαση και Ανάπτυξη Ιστότοπων Κατασκευή Ιστοσελίδων Παρουσίαση 3 η 1 Βελώνης Γεώργιος Καθηγητής Περιεχόμενα Οργάνωση Ιστοσελίδων Αρχές σχεδιασμού για τη δημιουργία ιστοσελίδων Χαρακτηριστικά της HTML
Διαβάστε περισσότεραΒΕΣ 04: Συµπίεση και Μετάδοση Πολυµέσων. Περιεχόµενα. Βιβλιογραφία. Εικόνες και Πολυµεσικές Εφαρµογές. Ψηφιακή Επεξεργασία Εικόνας.
ΒΕΣ 04: Συµπίεση και Μετάδοση Πολυµέσων Εικόνα και Πολυµεσικές Εφαρµογές Περιεχόµενα Ψηφιακή Επεξεργασία Εικόνας Σηµειακές µέθοδοι Φίλτρα γειτνίασης Γεωµετρικές µέθοδοι Εικόνες και Πολυµεσικές Εφαρµογές
Διαβάστε περισσότεραΒασικά στοιχεία του CSS
Βασικά στοιχεία του CSS Περιεχόμενα Τι είναι CSS Πλεονεκτήματα CSS μορφοποίησης Συντακτικό του CSS Ιδιότητες CSS Εφαρμογή CSS κανόνων Επικάλυψη CSS κανόνων 2 Μορφοποίηση με HTML Η HTML είναι σχεδιασμένη
Διαβάστε περισσότεραΣχολή Κοινωνικών Επιστημών Τμήμα Πολιτισμικής Τεχνολογίας Και Επικοινωνίας
Πανεπιστήμιο Αιγαίου Σχολή Κοινωνικών Επιστημών Τμήμα Πολιτισμικής Τεχνολογίας Και Επικοινωνίας Δικτυακά Πολυμέσα Ι (Β Έτος, 3ο εξ) Διάλεξη #5η: HTML: πίνακες (tables), πλαίσια (frames) Γαβαλάς Δαμιανός
Διαβάστε περισσότεραΧρήση του RAW ORF. Κείμενο, παρουσίαση, έρευνα: Ιορδάνης Σταυρίδης DNG ARW X3F DCR NEF CRW RAW RAF CR2 SRF MRW
8 Χρήση του RAW Κείμενο, παρουσίαση, έρευνα: Ιορδάνης Σταυρίδης DNG X3F ARW ORF DCR NEF CRW RAW RAF CR2 SRF MRW 9 Ένα ακατέργαστο αρχείο εικόνας RAW περιέχει ελάχιστα επεξεργασμένα στοιχεία από τον αισθητήρα
Διαβάστε περισσότεραΠίνακες. ετικέτα <table>
Πίνακες ετικέτα σύνταξη κελί 1 κελί 2 κελί 3 κελί 4 : πίνακας : γραμμή : κελί Ιδιότητα border border : ορίζει
Διαβάστε περισσότεραeδαπυ Αναγγελίας Αιμοκάθαρσης
eδαπυ Αναγγελίας Αιμοκάθαρσης Εφαρμογή ενιαίας αναγγελίας και υποβολής Αιμοκαθάρσεων και Υλικών. Συνδέεστε στην διαδικτυακό τόπο του ΕΟΠΥΥ από τον ακόλουθο σύνδεσμο: https://apps.ika.gr/ehaemomxamtn Εικόνα
Διαβάστε περισσότεραΟδηγίες κατασκευής Ιστοσελίδων µε το πρόγραµµα FRONTPAGE 2003
Οδηγίες κατασκευής Ιστοσελίδων µε το πρόγραµµα FRONTPAGE 2003 Μάθετε σε 10 βήµατα να φτιάχνετε τις δικές σας ιστοσελίδες Βήµα 1ο ΕΕππιιµµέέλλεειιαα:: ΣΣάάββββααςς ΟΟββααδδίίααςς Σε αυτό το βήµα θα χρησιµοποιήσετε
Διαβάστε περισσότεραΜΑΘΗΜΑ 5 ΣΤΟΧΟΙ: Τρόπος 1:
ΜΑΘΗΜΑ 5 ΣΤΟΧΟΙ: 1. Εισαγωγή Εικόνας 2. Εισαγωγή Αρχείου Γραφικού 3. Εισαγωγή Αυτόματου Σχήματος 4. Τροποποίηση Γραφικών Αντικειμένων 5. Αλλαγή Μεγέθους Γραφικού Αντικειμένου 6. Περιστροφή Γραφικού Αντικειμένου
Διαβάστε περισσότεραΕΓΧΕΙΡΙΔΙΟ ΟΔΗΓΙΩΝ ΧΡΗΣΤΗ. Ηλεκτρονική Υποβολή Α.Π.Δ.
ΕΓΧΕΙΡΙΔΙΟ ΟΔΗΓΙΩΝ ΧΡΗΣΤΗ Ηλεκτρονική Υποβολή Α.Π.Δ. ΠΕΡΙΕΧΟΜΕΝΑ 1) Είσοδος στην εφαρμογή 2) Δημιουργία Περιόδου Υποβολής 2.α) Ακύρωση Περιόδου Υποβολής 3) Μέθοδος Υποβολής: Συμπλήρωση Φόρμας 3.α) Συμπλήρωση
Διαβάστε περισσότεραAnimation με χρήση HTML 5. Στέλιος Σκουρλής
Animation με χρήση HTML 5 Στέλιος Σκουρλής Τι είναι η HTML???? Με απλά λόγια, μία ιστοσελίδα (HTML αρχείο) ) είναι ένα αρχείο κειμένου που δημιουργήθηκε χρησιμοποιώντας Hypertext Markup Language (HTML)
Διαβάστε περισσότεραTo λεξικό του Internet
To λεξικό του Internet A Address: Ο τόπος που βρίσκεται μια πηγή του Internet. Μια e-mail address μπορεί να έχει την εξής μορφή : georgepapado@hotmail.com. Μια web address είναι κάπως έτσι: http://www.in.gr.
Διαβάστε περισσότεραΕΡΓΑΣΤΗΡΙΑΚΗ ΑΣΚΗΣΗ 2 ΜΕΛΕΤΗ ΚΑΙ ΕΦΑΡΜΟΓΗ ΔΗΜΙΟΥΡΓΙΑΣ HTML ΣΕΛΙΔΩΝ ΣΥΝΔΕΣΜΟΙ
ΕΡΓΑΣΤΗΡΙΑΚΗ ΑΣΚΗΣΗ 2 ΜΕΛΕΤΗ ΚΑΙ ΕΦΑΡΜΟΓΗ ΔΗΜΙΟΥΡΓΙΑΣ HTML ΣΕΛΙΔΩΝ ΣΥΝΔΕΣΜΟΙ Στην άσκηση αυτή θα εμπλουτίσουμε την ιστοσελίδα που φτιάξαμε στην προηγούμενη άκηση με πίνακες, συνδέσμους και γραφικά. 1.
Διαβάστε περισσότεραΕργασία 11 η Πίνακες (βασικές ετικέτες, βασικές ιδιότητες) 1. Στο Σημειωματάριο πληκτρολογήστε τον παρακάτω κώδικα:
Εργασία 11 η Πίνακες (βασικές ετικέτες, βασικές ιδιότητες) 1. Στο Σημειωματάριο πληκτρολογήστε τον παρακάτω κώδικα: εισαγωγή εικόνων
Διαβάστε περισσότεραΣτοιχεία ορισμού θέσης (Positioning Elements)
Δικτυακά Πολυμέσα ΙΙ Εργαστήριο #7 0 : Ορισμός θέσης σε διατάξεις (positioned layouts). Γαβαλάς Δαμιανός dgavalas@aegean.gr Στοιχεία ορισμού θέσης (Positioning Elements) Οι ιδιότητες τοποθέτησης των CSS
Διαβάστε περισσότεραΚατασκευή Ιστολόγιου
Κατασκευή Ιστολόγιου Τι είναι το ιστολόγιο Τα blog είναι ιστοχώροι ή ιστοσελίδες που ανανεώνονται τακτικά συνήθως σε καθημερινή βάση. Περιέχουν πληροφορίες σχετικές με ένα θέμα και συνήθως χρησιμοποιούνται
Διαβάστε περισσότερα1. ΕΙΣΑΓΩΓΗ 2. ΠΕΡΙΓΡΑΦΗ
1. ΕΙΣΑΓΩΓΗ Το πακέτο λογισµικού AuctionDesigner είναι ένα από τα πολλά πακέτα που έχουν σχεδιαστεί και µπορεί να παραγγείλει κανείς µέσω του Internet µε σκοπό να αναπτύξει εφαρµογές ηλεκτρονικού εµπορίου.
Διαβάστε περισσότεραΔημιουργία. Ιστολογίου (blog) 7/5/2015. Χρυσάνθη Γιομέλου ΚΔΒΜ ΝΙΚΑΙΑΣ
Δημιουργία 7/5/2015 Ιστολογίου (blog) www.blogger.com Χρυσάνθη Γιομέλου ΚΔΒΜ ΝΙΚΑΙΑΣ ΠΕΡΙΕΧΟΜΕΝΑ TI EINAI TO ΙΣΤΟΛΟΓΙΟ... 2 ΓΙΑΤΙ ΙΣΤΟΛΟΓΙΟ;... 2 ΠΛΕΟΝΕΚΤΗΜΑΤΑ ΤΗΣ ΧΡΗΣΗΣ ΙΣΤΟΛΟΓΙΟΥ... 2 ΔΗΜΙΟΥΡΓΙΑ ΛΟΓΑΡΙΑΣΜΟΥ
Διαβάστε περισσότεραCSS 1. Διδάσκοντες: Π. Αγγελάτος, Δ. Ζήνδρος Επιμέλεια διαφανειών: Δ. Ζήνδρος Σχολή Ηλεκτρολόγων Μηχανικών και Μηχανικών Υπολογιστών
CSS 1 Διδάσκοντες: Π. Αγγελάτος, Δ. Ζήνδρος Επιμέλεια διαφανειών: Δ. Ζήνδρος Σχολή Ηλεκτρολόγων Μηχανικών και Μηχανικών Υπολογιστών Άδεια Χρήσης Το παρόν εκπαιδευτικό υλικό υπόκειται σε άδειες χρήσης Creative
Διαβάστε περισσότεραΗ ΓΛΩΣΣΑ ΕΠΙΚΑΛΥΠΤΩΜΕΝΩΝ ΜΟΡΦΟΠΟΙΗΣΕΩΝ CSS
Η ΓΛΩΣΣΑ ΕΠΙΚΑΛΥΠΤΩΜΕΝΩΝ ΜΟΡΦΟΠΟΙΗΣΕΩΝ CSS Πίνακες Ιδιοτήτων Μορφοποίησης CSS Ιδιότητες Διαστασιολόγησης Στοιχείων height Ορίζει το ύψος ενός στοιχείου auto lenght (px) line-height Ορίζει το ύφος μιας
Διαβάστε περισσότεραΔΙΑΔΙΚΑΣΙA ΜΕΤΑΦΟΡΑΣ ΥΛΙΚΟΥ ΜΑΘΗΜΑΤΟΣ ΑΠΟ BLACKBOARD VISTA ΣΕ MOODLE
ΔΙΑΔΙΚΑΣΙA ΜΕΤΑΦΟΡΑΣ ΥΛΙΚΟΥ ΜΑΘΗΜΑΤΟΣ ΑΠΟ BLACKBOARD VISTA ΣΕ MOODLE Η διαδικασία μεταφοράς του υλικού ενός μαθήματος από την πλατφόρμα Blackboard Vista στην πλατφόρμα Moodle σε βήματα είναι η ακόλουθη:
Διαβάστε περισσότεραΕγχειρίδιο Συμμετοχής σε Ψηφοφορία για την ανάδειξη Διευθυντή Σχολής ΤΕΙ ΑΘΗΝΑΣ 2014
Εγχειρίδιο Συμμετοχής σε Ψηφοφορία για την ανάδειξη Διευθυντή Σχολής ΤΕΙ ΑΘΗΝΑΣ 2014 Ο ψηφοφόρος λαμβάνει στην ηλεκτρονική του διεύθυνση μήνυμα όπως το παρακάτω με το οποίο καλείται να ψηφίσει. Το μήνυμα
Διαβάστε περισσότεραΠοιες είναι οι κύριες ετικέτες που χρησιμοποιεί η HTML για την περιγραφή της συνολικής δομής μιας ιστοσελίδας;
Τι είναι η HTML; Η HTML είναι το ακρωνύμιο των λέξεων HyperText Markup Language, δηλαδή Γλώσσα Χαρακτηρισμού Υπερ Κειμένου και βασίζεται στη γλώσσα SGML, Standard Generalized Markup Language, που είναι
Διαβάστε περισσότερα1. <body> 2. <header> 3. <h1> My Page </h1> 4. </header> 5. <section>
Ενδεικτικές ερωτήσεις 1. Τι σημαίνουν τα αρχικά CSS 2. Τι σημαίνουν τα αρχικά HTML 3. Ποια η διαφορά μεταξύ Internet και Web; a. Είναι το ίδιο b. Το Web είναι μια υπηρεσία του διαδικτύου 4. Ποια η διαφορά
Διαβάστε περισσότεραΕισαγωγή στην πληροφορική
Τμήμα Μηχανικών Πληροφορικής & Τηλεπικοινωνιών Εισαγωγή στην πληροφορική Ενότητα 5: Εισαγωγή στην HTML (Μέρος Α) Αγγελίδης Παντελής Τμήμα Μηχανικών Πληροφορικής και Τηλεπικοινωνιών Άδειες Χρήσης Το παρόν
Διαβάστε περισσότεραΣχεδίαση ιστοσελίδων
Τ.Ε.Ι. Δυτικής Ελλάδας Σχολή Διοίκησης και Οικονομίας Τμήμα Διοίκησης Επιχειρήσεων - Πάτρα Σχεδίαση ιστοσελίδων Θεώνη Πιτουρά, Γιάννης Κουτσονίκος Σημειώσεις για το Εργαστήριο «Επιχειρηματικές δικτυακές
Διαβάστε περισσότεραΜΑΘΗΜΑ 1 ΕΙΣΑΓΩΓΗ ΣΤΟ MACROMEDIA DREAMWEAVER MX 2004 18
Περιεχόμενα ΕΙΣΑΓΩΓΗ 13 ΜΑΘΗΜΑ 1 ΕΙΣΑΓΩΓΗ ΣΤΟ MACROMEDIA DREAMWEAVER MX 2004 18 Εξερεύνηση του χώρου εργασίας 20 Σελίδα εκκίνησης 20 Προετοιμασία για τη δημιουργία της τοποθεσίας Ιστού σας 22 Ορισμός τοπικής
Διαβάστε περισσότεραΜπορείτε τα δείτε βιντεάκι με τη διαδικασία εδώ: http://www.greektuts.net/greek-in-joomla/
1) Εμφάνιση ιστοσελίδας Ανοίγουμε το πρόγραμμα πλοήγησης (Firefox, Chrome, Internet Explorer κτλ) και στη γραμμή διευθύνσεων πληκτρολογούμε τη διεύθυνση http://localhost ή http://127.0.0.1. Αν δεν βλέπουμε
Διαβάστε περισσότεραHomeWork. Συµβατότητα µε συσκευές. Ένας δάσκαλος στο σπίτι.
HomeWork Ένας δάσκαλος στο σπίτι Συµβατότητα µε συσκευές Το e-homework έχει αναπτυχθεί σε τεχνολογία flash και το εκπαιδευτικό υλικό παρουσιάζεται μέσα από flipping-book. Για να μπορέσετε να δείτε τα μαθήματα
Διαβάστε περισσότεραΣτην τεχνολογία των CSS, οι κανόνες στυλ (style
Δικτυακά Πολυμέσα ΙΙ Εργαστήριο #4 0 : CSS: Βασικές και προχωρημένες τεχνικές επιλογής, τα στοιχεία και , ψευδο κλάσεις και ψευδο επιλογείς Γαβαλάς Δαμιανός dgavalas@aegean.gr CSS κανόνες στυλ
Διαβάστε περισσότεραΔΗΜΙΟΥΡΓΙΑ ΜΟΝΤΕΛΟΥ (1 ος ΤΡΟΠΟΣ)
ΔΗΜΙΟΥΡΓΙΑ ΜΟΝΤΕΛΟΥ (1 ος ΤΡΟΠΟΣ) 1. Θα πρέπει να έχουμε το πορτάκι σε ηλεκτρονική μορφή. Γι αυτόν το λόγο, σκανάρουμε το πορτάκι απο κάποιο έντυπο ή το φωτογραφίζουμε με ψηφιακή μηχανή ή μπορούμε να βρούμε
Διαβάστε περισσότεραΕκκαθάριση cache του browser για τα Windows
Εκκαθάριση cache του browser για τα Windows Microsoft Internet Explorer 9.0 ανοιχτεί) ή κάντε κλικ στο εικονίδιο Gear στη σωστή γραμμή. 3. Κάντε κλικ στο Επιλογές Internet και επιλέξτε την καρτέλα Γενικά.
Διαβάστε περισσότεραΔΕ10: Πληροφοριακά Συστήματα Διοίκησης IΙ Εργαστήριο # 2
ΔΕ10: Πληροφοριακά Συστήματα Διοίκησης IΙ Εργαστήριο # 2 Dreamweaver 1/7 Εισαγωγή Το Dreamweaver είναι ένας HTML editor που αναπτύχθηκε από την Macromedia. Είναι WYSIWYG (What You See Is What You Get),
Διαβάστε περισσότεραΣχεδιασμός και Ανάπτυξη Ιστοτόπων. ΕΠΑ.Λ. ΑΛΙΜΟΥ Τομέας Πληροφορικής Κ. Φλώρος
Σχεδιασμός και Ανάπτυξη Ιστοτόπων ΕΠΑ.Λ. ΑΛΙΜΟΥ Τομέας Πληροφορικής Κ. Φλώρος H γλώσσα HTML Άλλες Βιβλιογραφικές πηγές για HTML http://www.w3schools.com/html/ http://www.it.uom.gr/project/html2/lessons.html
Διαβάστε περισσότεραΕΠΛ 012 Εισαγωγή στο Παγκόσμιο Πλέγμα Πληροφοριών
ΕΠΛ 012 Εισαγωγή στο Παγκόσμιο Πλέγμα Πληροφοριών World Wide Web (WWW) Θέματα Επεξεργασία δεδομένων στο Web Δημιουργία απλών σελίδων HTML Περιγραφή κάποιων XHTML στοιχείων (tags) Εξέλιξης του WWW Το WWW
Διαβάστε περισσότεραΜουσεία της πόλης μας. Μία πολυμεσική, διαδραστική περιήγηση στη Θεσσαλονίκη, της Ιστορίας, των Τεχνών και του Πολιτισμού. ΤΑΞΗ Ε
Μουσεία της πόλης μας Μία πολυμεσική, διαδραστική περιήγηση στη Θεσσαλονίκη, της Ιστορίας, των Τεχνών και του Πολιτισμού. ΤΑΞΗ Ε ΣΧΕΔΙΟ ΕΡΓΑΣΙΑΣ Οι μαθητές της Ε τάξης στο πλαίσιο του project Μουσειακής
Διαβάστε περισσότεραΠεριεχόμενα. Λίγα λόγια από το συγγραφέα... 7
Περιεχόμενα Λίγα λόγια από το συγγραφέα... 7 Μέρος 1 1 Βασικοί όροι... 11 2 Βασική δομή κώδικα HTML... 25 3 Μορφοποίηση κειμένου... 39 4 Μορφοποίηση παραγράφων... 51 5 Εισαγωγή εικόνας... 63 6 Λίστες με
Διαβάστε περισσότερα