Μάθηµα 3 Περ ε ισ ι σότ ό ε τ ρ ε α α γ ια ι α τ η τ η γ λώσ ώ σα α HTML
|
|
- Πλούταρχος Καραμανλής
- 6 χρόνια πριν
- Προβολές:
Transcript
1 Μάθηµα 3 Περισσότερα για τη γλώσσα Περισσότερα για τη γλώσσα HTML
2 Περιεχόµενα Επικεφαλίδες (Headings) Παράγραφοι Λίστες Μορφοποίηση κειµένου Σύνδεσµοι
3 Επικεφαλίδες (Headings) Οι επικεφαλίδες επιτελούν τον ίδιο σκοπό όπως και σε ένα βιβλίο: καθοδηγούν τον αναγνώστη - εδώ το χρήστη - δείχνοντάς του τόσο τη δοµή της τρέχουσας σελίδας, όσο και αυτών που έπονται. Η HTML ορίζει 6 επίπεδα (µεγέθη) επικεφαλίδων. Τα tags των επικεφαλίδων συντάσσονται ως εξής: <H1>Heading level one</h1> Η µεγαλύτερη σε µέγεθος επικεφαλίδα είναι η <H1>, ακολουθούµενη από τις <H2>...<H6>.
4 Παράδειγµα εγγραφής επικεφαλίδων N o t e p a d Explorer
5 Παράγραφοι (Paragraph) Τα tag παραγράφων συντάσσονται ως εξής: <P>.</P> Το <P> υποδεικνύει την αρχή της παραγράφου ενώ το </P> tag τέλους είναι προαιρετικό. Netscape N o t e p a d
6 Λίστες (Lists) (1/4) Η HTML ορίζει τρία είδη λιστών: Αριθµηµένες λίστες (numbered ή ordered lists) Λίστες χωρίς αρίθµηση (bulleted ή unordered lists) Λίστες ορισµού ή (definitions lists)
7 Λίστες (Lists) (2/4) Αριθµηµένες λίστες(numbered ή ordered lists) Με τη λίστα αυτή δηµιουργούµε κατευθείαν µια λίστα από αριθµηµένα στοιχεία. Κάθε αριθµηµένη λίστα ξεκινά µε το tag <ol> ενώ το περιεχόµενο κάθε στοιχείου της λίστας ξεκινά µε το tag <li>. Κλείνουν αντίστοιχα µε </ol> και </li>. Explorer N o t e p a d
8 Λίστες (Lists) (3/4) Λίστες χωρίς αρίθµηση(bulleted ή unordered lists) Αυτή η λίστα εµφανίζει τα στοιχεία της µε βούλες (bullets). Κάθε µη αριθµηµένη λίστα ξεκινά µε το tag <ul> ενώ το περιεχόµενο του κάθε στοιχείου της λίστας ξεκινά µε το tag <li>. Κλείνουν αντίστοιχα µε </ul> και </li>. Mozilla Firefox N o t e p a d
9 Λίστες (Lists) (4/4) Λίστες ορισµού ή (definitions lists) Τις χρησιµοποιούµε εάν θέλουµε να ορίσουµε την έννοια µιας σειράς δεδοµένων. Κάθε λίστα αυτής της µορφής ξεκινά µε το tag <dl>. Το tag <dt> δηλώνει τον ορισµό του κάθε όρου και το <dd> την εξήγηση του Opera N o t e p a d
10 Μορφοποίηση κειµένου Στυλ χαρακτήρων Λογικά στυλ Φυσικά στυλ Προ-µορφοποιηµένο κείµενο Στοίχιση κειµένου Καθορισµός χαρακτηριστικών γραµµατοσειράς ιάφορα άλλα στοιχεία κειµένου
11 Μορφοποίηση κειµένου: Στυλ Χαρακτήρων Λογικά Στυλ Υποδεικνύουν τον τρόπο χρήσης ενός κειµένου (έµφαση, ορισµοί, αποσπάσµατα) Η εµφάνιση ενός τέτοιου κειµένου καθορίζεται επακριβώς από τον φυλλοµετρητή. Φυσικά Στυλ Υποδεικνύουν επακριβώς τον τρόπο µορφοποίησης του κειµένου(π.χ έντονη γραφή, υπογράµµιση) Η απεικόνισή τους δεν καθορίζεται από το φυλλοµετρητή. Χρησιµοποιούνται στην πράξη περισσότερο από ότι τα λογικά στυλ.
12 Στυλ χαρακτήρων: Λογικά στυλ (1/2) Υπάρχουν 8 tags λογικού στυλ: <EM>: Έµφαση <STRONG>: Έντονη γραφή. <DFN> : Ορισµός. <CODE>: είγµα κώδικα. <SAMP>: Κείµενο παραδείγµατος. <KBD>: Εισαγωγή κειµένου από το χρήστη. <VAR> : Όνοµα µεταβλητής. <CITE> : Απόσπασµα ή παραποµπή.
13 Στυλ χαρακτήρων: Λογικά στυλ (2/2) Παράδειγµα χρήσης λογικών στυλ: Explorer N o t e p a d
14 Στυλ χαρακτήρων: Φυσικά Στυλ (1/2) Υπάρχουν 9 tags φυσικού στυλ: <B> : Έντονη γραφή (Bold) <I> : Πλάγια γραφή (Italic) <TT> : Γραµµατοσειρά παρόµοια µε γραφοµηχανής <BIG> : µεγαλύτερο µέγεθος από το περιβάλλον κείµενο <SMALL> : Μικρότερο µέγεθος <SUB> : είκτες <SUP> : Εκθέτες <DEL> : ιακριτή διαγραφή (Strike Through) Προσοχή: Το tag: <U> : Υπογράµµιση (underline) δεν συνίσταται από τα πρότυπα HTML 4.01 και XHTML 1,γιατί οι χρήστες συγχέουν το υπογραµµισµένο κείµενο µε υπερσύνδεσµο (hyperlink).
15 Στυλ χαρακτήρων: Φυσικά Στυλ (2/2) Παράδειγµα απεικόνισης Mozilla Firefox Notepad
16 Λογικά και φυσικά στυλ - ιαφορες To αποτέλεσµα χρήσης λογικών και φυσικών στυλ µοιάζει το ιδιο, ωστόσο υπάρχουν διαφορές: Παραδειγµα: Bold: Ιδια απεικονιση σε ολους τους φυλλοµετρητες. Strong: Ενδεχοµένως διαφορετική απεικόνιση. Ωστόσο εδώ δηλώνουµε στο φυλλοµετρητή ότι πρόκειται για έντονο κείµενο διευκόλυνση προγραµµάτων ανάγνωσης οθόνης.σ
17 Μορφοποίηση κειµένου: Προ-µορφοποιηµένο κείµενο Προ-µορφοποιηµένο κείµενο: Κείµενο η εµφάνιση του οποίου διατηρείται όπως ακριβώς γράφεται, χωρίς να αγνοούνται τα κενά. ηµιουργείται µε χρήση του tag <PRE>...</PRE>. Απεικονίζεται µέσω µίας µη αναλογικής γραµµατοσειράς (π.χ courier). Κατάλληλο για : ηµιουργία εσοχών στο κείµενο ηµιουργία απλών πινάκων Εισαγωγή αποσπασµάτων κώδικα Μετατροπή µηνυµάτων ηλεκτρονικού ταχυδροµείου απευθείας σε HTML κώδικα.
18 Μορφοποίηση κειµένου: Προ-µορφοποιηµένο κείµενο Προσοχή : Εµφωλευµένα στο tag PRE µπορούν να είναι tags συνδέσµων ή αλλαγής του στυλ χαρακτήρων, αλλά όχι tags χαρακτηρισµού στοιχείων (επικεφαλίδες, παράγραφοι). Προτείνεται : Η χρήση κενών διαστηµάτων αντί στηλοθετών (tab). Η κάθε γραµµή να είναι µήκους 60 ή λιγότερων χαρακτήρων.
19 Μορφοποίηση κειµένου: Προ-µορφοποιηµένο κείµενο Παράδειγµα: Internet Explorer Notepad
20 Μορφοποίηση κειµένου: Στοίχιση Κειµένου Στοίχιση κειµένου: Η ακριβής διευθέτηση της θέσης του κειµένου σε µία ιστοσελίδα. Η στοίχιση γίνεται ως προς το αριστερό ή το δεξί περιθώριο, καθώς και ως προς το κέντρο της σελίδας. Περιλαµβάνει: Στοίχιση Μεµονωµένων Στοιχείων. Στοίχιση Οµάδων Στοιχείων.
21 Στοίχιση Κειµένου: Στοίχιση Μεµονωµένων Στοιχείων Στοίχιση µεµονωµένου HTML στοιχείου Ιδιότητα ALIGN στο tag του στοιχείου αυτού. Η ιδιότητα ALIGN µπορεί να πάρει τις εξής τιµές: LEFT : Στοίχιση στο αριστερό περιθώριο της σελίδας. RIGHT : Στοίχιση στο δεξιό περιθώριο της σελίδας. CENTER : Στοίχιση στο κέντρο της σελίδας. JUSTIFY : Οµοιόµορφη στοίχιση κειµένου.
22 Στοίχιση Κειµένου: Στοίχιση Μεµονωµένων Στοιχείων Παράδειγµα στοίχισης µεµονωµένων στοιχείων: Internet Explorer Notepad
23 Στοίχιση Κειµένου: Στοίχιση Οµάδων Στοιχείων Για τη στοίχιση µίας οµάδας από οποιαδήποτε tags της HTML χρησιµοποιείται το tag <DIV>.. </DIV>,το οποίο επηρεάζει όλα τα tags τα οποία περικλείει. Το tag <DIV> χρησιµοποιείται σε συνδυασµό µε την ιδιότητα ALIGN. Πλεονεκτήµατα: Αποφυγή της επανάληψης της ιδιότητας ALIGN σε κάθε ξεχωριστό tag. Το tag <DIV> στοιχίζει οποιαδήποτε οµάδα tags, ενώ η ιδιότητα ALIGN είναι διαθέσιµη σε λίγα µόνο tags.
24 Στοίχιση Κειµένου: Στοίχιση Οµάδων Στοιχείων Προσοχή: Εάν υπάρχουν επιπλέον ιδιότητες ALIGN µέσα στα tags που περικλείει το DIV, τότε αυτές υπερισχύουν. Το tag <DIV ALIGN=CENTER> ισοδυναµεί µε το tag <CENTER>.. </CENTER>.Ωστόσο για λόγους οµοιοµορφίας του κώδικα προτείνεται η χρήση του tag <DIV> ανεξάρτητα από τη στοίχιση.
25 Στοίχιση Κειµένου: Στοίχιση Οµάδων Στοιχείων Παράδειγµα 1 : Internet Explorer Notepad
26 Στοίχιση Κειµένου: Στοίχιση Οµάδων Στοιχείων Παράδειγµα 2: N o t e p a d Explorer
27 Μορφοποίηση κειµένου: Καθορισµός Χαρακτηριστικών Γραµµατοσειράς Καθορισµός χαρακτηριστικών γραµµατοσειράς µέσω του του tag <FONT> </FONT> και των ιδιοτήτων του. Ιδιότητες <FONT>: FACE : Τύπος Τιµές: όνοµα_γραµµατοσειράς: Παράδειγµα: face= Arial, Helvetica, sans-serif SIZE : Μέγεθος Τιµές: 1-7, default = 3 Παράδειγµα: size= 5 COLOR : Χρώµα Τιµές: ονοµα_χρώµατος Παράδειγµα: color = red
28 Μορφοποίηση κειµένου: Καθορισµός Χαρακτηριστικών Γραµµατοσειράς Παράδειγµα: Internet Explorer Notepad
29 Μορφοποίηση κειµένου: ιάφορα άλλα στοιχεία κειµένου Οριζόντιες γραµµές γραφικών Tag <HR /> (χωρίς tag τέλους) Ιδιότητες: Align: στοίχιση γραµµής(center, left ή right) Noshade: απεικόνιση ή όχι τρισδιάστατης σκίασης Size: το ύψος της γραµµής σε pixels ή % της οθόνης Width: το εύρος της γραµµής σε pixels ή % της οθόνης Αλλαγή γραµµής Tag <BR /> (χωρίς tag τέλους) Επανεκκίνηση κειµένου από την αµέσως επόµενη γραµµή.
30 Μορφοποίηση κειµένου: ιάφορα άλλα στοιχεία κειµένου Παράδειγµα χρήσης tags <BR/>, <HR/>: Internet Explorer Notepad
31 Σύνδεσµοι (links) To Tag<A> Είδη Συνδέσµων σε σελίδα µια άλλη κάπου στο Internet σε σελίδα που βρίσκεται στον ίδιο φάκελο σε σελίδα που βρίσκεται σε υποφάκελο σε σελίδα που βρίσκεται σε ανώτερο φάκελο σε σελίδα που βρίσκεται σε άλλο φάκελο από ένα σηµείο µιας σελίδας σε ένα άλλο από µια σελίδα σε ένα σηµείο µιας άλλης σελίδας Σύνδεσµος για την αποστολή
32 Σύνδεσµοι (Links) Με τους συνδέσµους µπορούµε να διασυνδέουµε όλες τις σελίδες µας στο Web, έτσι ώστε κάνοντας κλικ σε κείµενο (ή εικόνα) της µιας σελίδας να µεταφερόµαστε στην άλλη. Για να δηµιουργήσουµε έναν σύνδεσµο (link) στην HTML, χρειαζόµαστε τα εξής δύο πράγµατα : Το όνοµα του αρχείου στον τοπικό δίσκο (ή το URL του αρχείου), για το οποίο θέλουµε να δηµιουργήσουµε τον σύνδεσµο. Το κείµενο που θα λειτουργεί σαν ενεργό σηµείο επιλογής, δηλ. θα εµφανίζεται τονισµένο ή υπογραµµισµένο ή µε διαφορετικό χρώµα στο παράθυρο του φυλλοµετρητή και στο οποίο θα µπορούµε να κάνουµε κλικ για να ακολουθήσουµε τον σύνδεσµο.
33 To Tag<A> (1/2) Το ζεύγος των tags <A> </A> χρησιµοποιείται για τη δηµιουργία ενός συνδέσµου σε µια HTML σελίδα. Ανόµοια µε τα απλά tags στα οποία έχουµε αναφερθεί το tag <A> έχει ορισµένα επιπλέον χαρακτηριστικά, εκτός από το όνοµα (Α) περιέχει πληροφορίες σχετικές µε το σύνδεσµο. Συνεπώς αντί να γράφουµε µόνο το όνοµα του tag της αρχής µέσα στα <> έχουµε κάτι όπως το ακόλουθο: <A HREF=" Η ιδιότητα HREF (Hypertext REFerence) χρησιµοποιείται για τον καθορισµό του ονόµατος ή του URL του αρχείου στο οποίο δείχνει ο σύνδεσµος
34 To Tag<A> (2/2) Όµοια µε τα περισσότερα tags της HTML, το tag δηµιουργίας συνδέσµων έχει αντίστοιχο tag τέλους, το </Α>. Όλο το κείµενο που υπάρχει ανάµεσα στα tags αρχής και τέλους γίνεται ο πραγµατικός σύνδεσµος, ο οποίος εµφανίζεται µε κάποιο είδος τονισµού στην οθόνη. Σ αυτό το κείµενο µπορούµε να κάνουµε κλικ στο Medialab για να µεταβούµε στο σηµείο που προσδιορίζεται στην ιδιότητα HREF. <A HREF="
35 Είδη Συνδέσµων 1. Σύνδεσµος από µια σελίδα σε µια άλλη κάπου στο Internet. 2. Σύνδεσµος από µια σελίδα σε µια άλλη που βρίσκεται στον ίδιο φάκελο (directory). 3. Σύνδεσµος από µια σελίδα σε µια άλλη που βρίσκεται σε υποφάκελο (subdirectory). 4. Σύνδεσµος από µια σελίδα σε µια άλλη που βρίσκεται σε ανώτερο φάκελο (directory). 5. Σύνδεσµος από µια σελίδα σε µια άλλη που βρίσκεται σε άλλο (γενικά) φάκελο (directory). 6. Σύνδεσµος από ένα σηµείο µιας σελίδας σε ένα άλλο. 7. Σύνδεσµος από µια σελίδα σε ένα σηµείο µιας άλλης σελίδας. 8. Σύνδεσµος για την αποστολή (mailto: URL).
36 1. Σύνδεσµος από µια σελίδα σε µια άλλη κάπου στο Internet Ο κώδικας θα είναι: N o t e p a d Αυτό που θα βλέπει ο χρήστης θα είναι: E x p l o r e r Με κλικ πάνω στην λέξη Yahoo! ο browser θα καλεί την σελίδα
37 2. Σύνδεσµος από µια σελίδα σε µια άλλη που βρίσκεται στον ίδιο φάκελο (directory). Αν η σελίδα στην οποία παραπέµπουµε είναι στον ίδιο φάκελο (folder, directory) µε αυτή στην οποία εφαρµόζουµε τη σύνδεση, ο κώδικας θα είναι: <A HREF="όνοµα αρχείου">κείµενο παραποµπής</a> Για σύνδεση για παράδειγµα µε τη σελίδα links2.html ο κώδικας θα είναι: N o t e p a d Αυτό που θα βλέπει ο χρήστης θα είναι: N e o p l a n e t
38 3. Σύνδεσµος από µια σελίδα σε µια άλλη που βρίσκεται σε υποφάκελο (subfolder). Η γενική σύνταξη είναι: <Α ΗREF ="υποφάκελος/links2.html">κείµενο παραποµπής</a> Παράδειγµα: Υποθέτουµε πως η αρχική µας σελίδα έχει όνοµα links1.html και βρίσκεται στην θέση c:\wwwroot\mypages\e-learning Μια δεύτερη σελίδα έχει όνοµα mypage2.html και βρίσκεται στην θέση c:\wwwroot\mypages\e-learning\web-design Η παραποµπή από την links1.html στην links2.htm θα είναι <A HREF="web-design/links2.html"> κείµενο παραποµπής </A>
39 4. Σύνδεσµος από µια σελίδα σε µια άλλη που βρίσκεται σε ανώτερο φάκελο(directory). Η γενική σύνταξη είναι: <A HREF="../links2.html">κείµενο παραποµπής</α> Παράδειγµα: Υποθέτουµε πως η αρχική µας σελίδα έχει όνοµα links1.html και βρίσκεται στην θέση: c:\wwwroot\mypages\e-learning\web-design Μια δεύτερη σελίδα έχει όνοµα links2.html και βρίσκεται στην θέση c:\wwwroot\mypages\e-learning O σύνδεσµος από την links1.html στην links2.html θα είναι: <A HREF="../links2.html">κείµενο παραποµπής</α> Αν η links1.html βρίσκεται στην θέση c:\wwwroot\mypages\e-learning\web-design\week1 Ο σύνδεσµος από την links1.html στην links2.html θα είναι: <A HREF="../../links2.htm"> κείµενο παραποµπής </A>
40 5. Σύνδεσµος από µία σελίδα σε µια άλλη που βρίσκεται σε άλλο (γενικά) φάκελο (directory). Για παράδειγµα έστω πως έχουµε τις σελίδες: 1) links1.html στην διεύθυνση c:\wwwroot\mypages\e-learning\web-design\week1\exercises 2)links2.html στην διεύθυνση c:\wwwroot\mypages\e-learning\java\users Η παραποµπή από την links1.html στην links2.html θα είναι: <A HREF=../../../java/users/links2.html">κείµενο παραποµπής</α>
41 6. Σύνδεσµος από ένα σηµείο µιας σελίδας σε ένα άλλο. εσµοί (anchors) Ειδικά σηµεία µέσα σε έγγραφα στα οποία µπορούµε να µεταβούµε µε τη βοήθεια των συνδέσµων. Οι δεσµοί δηµιουργούνται µε την ιδιότητα NAME. <A NAME= name1"> Week 2 Advanced HTML </A> Όνοµα (identifier) µπορούµε να δώσουµε είτε σε µια µεµονωµένη λέξη είτε σε ολόκληρο κείµενο. Η παραποµπή στο σηµείο της σελίδας που έχει αυτό το όνοµα θα είναι: <A HREF= #name1">το κείµενο του συνδέσµου</α>
42 7. Σύνδεσµος από µια σελίδα σε ένα σηµείο µιας άλλης σελίδας. ηµιουργούµε ένα δεσµό στη συγκεκριµένη σελίδα µε την ιδιότητα Name οµοίως µε την προηγούµενη διαφάνεια. <A NAME= name1"> Week 2 Advanced HTML </A> Ο σύνδεσµος στο συγκεκριµένο σηµείο της σελίδας που έχει καθοριστεί µε την παράµετρο Name συντάσσεται ως εξής: <Α HREF=" κείµενο της παραποµπής</a>
43 8. Σύνδεσµος για την αποστολή (mailto: URL). Η σύνταξη δηµιουργίας συνδέσµου για τη σύνταξη µε παραλήπτη τη διεύθυνση που επιθυµούµε είναι: <A µας</a> Αν θέλουµε το παράθυρο αποστολής να έχει ήδη γραµµένο και το θέµα (subject) του mail αυτού, η σύνταξη που θα χρησιµοποιήσουµε είναι: <A Design"> Γράψτε µας</a>
44 Σχετικές και απόλυτες διαδροµές Έστω ότι θέλουµε να δηµιουργήσουµε ένα σύνδεσµο από τη σελίδα page.html στη σελίδα pag2.html. Απόλυτη διαδροµή: <a href="c:\documets and Settings\My Documents\mySite\folder1\page2.html ">Page2 link</a> Σχετική διαδροµή (page1 page2) <a href=" folder1/page2.html ">Page2 link</a> Σχετική διαδροµή (page2 page1) <a href=../page1.html ">Page1 link</a> page1.html C Documents and Settings user1 My Documents mysite folder1 Το σύµβολο../ χρησιµοποιείται για να «ανέβουµε» ένα επίπεδο φακέλου page2.html
45 Τελευταιες Παρατηρησεις Θυµηθείτε: Χρήση απλού προγράµµατος επεξεργασίας κειµένου (π.χ. Notepad) για εξοικείωση µε τη γλώσσα HTML.
Η γλώσσα HTML. Επιμέλεια: Δέγγλερη Σοφία
Η γλώσσα HTML Επιμέλεια: Δέγγλερη Σοφία Υπερκείμενο Το δομικό χαρακτηριστικό του Παγκόσμιου Ιστού Ένα αρχείο Απλό κείμενο και υπερσύνδεσμοι Υπερσύνδεσμος Μετάβαση σε διάφορα άλλα έγγραφα Αποτελείται από
Διαβάστε περισσότεραΠληροφορική Τμήμα Σχεδιασμού & Τεχνολογίας Ξύλου & Επίπλου Αντώνιος Καραγεώργος Ευανθία Τσιλιχρήστου. Μάθημα 5 ο Τεχνολογίες Διαδικτύου: HTML I
Πληροφορική Τμήμα Σχεδιασμού & Τεχνολογίας Ξύλου & Επίπλου Αντώνιος Καραγεώργος Ευανθία Τσιλιχρήστου Μάθημα 5 ο Τεχνολογίες Διαδικτύου: HTML I Διαδικτυακή Εφαρμογή (1/2) Ως διαδικτυακή εφαρμογή μπορούμε
Διαβάστε περισσότεραΚεφάλαιο 4 HyperText Markup Language - HTML. Προγραμματιστικά εργαλεία για το διαδίκτυο Φίλιππος Κουτσάκας, Πολύγυρος 2013
Κεφάλαιο 4 HyperText Markup Language - HTML Προγραμματιστικά εργαλεία για το διαδίκτυο Φίλιππος Κουτσάκας, Πολύγυρος 2013 Τι είναι η HTML; Ένας τρόπος για να πεις στον σελιδομετρητή πώς να αναπαραστήσει
Διαβάστε περισσότεραΕΡΓΑΣΤΗΡΙΟ: ΤΕΧΝΟΛΟΓΙΕΣ ΠΛΗΡΟΦΟΡΙΑΣ ΚΑΙ ΕΠΙΚΟΙΝΩΝΙΑΣ ΣΤΟΝ ΤΟΥΡΙΣΜΟ. 2o ΕΡΓΑΣΤΗΡΙΟ ΜΟΡΦΟΠΟΙΗΣΗ ΣΤΗΝ HTML
ΕΡΓΑΣΤΗΡΙΟ: ΤΕΧΝΟΛΟΓΙΕΣ ΠΛΗΡΟΦΟΡΙΑΣ ΚΑΙ ΕΠΙΚΟΙΝΩΝΙΑΣ ΣΤΟΝ ΤΟΥΡΙΣΜΟ ΠΕΡΙΕΧΟΜΕΝΟ ΜΑΘΗΜΑΤΟΣ 2o ΕΡΓΑΣΤΗΡΙΟ ΜΟΡΦΟΠΟΙΗΣΗ ΣΤΗΝ HTML 1. Μορφοποίηση κειμένου Ετικέτες στυλ 2. Ιδιότητες ετικετών 3. Λίστες 4. Υπερσυνδέσεις
Διαβάστε περισσότεραΕΙΣΑΓΩΓΗ ΣΤΗΝ HTML ΣΧΟΛΙΚΟ ΒΙΒΛΙΟ ΚΕΦΑΛΑΙΟ 11 Ευάγγελος Χ. Ζιούλας (Καθηγητής Πληροφορικής)
http://www.zioulas.gr ΕΙΣΑΓΩΓΗ ΣΤΗΝ HTML ΣΧΟΛΙΚΟ ΒΙΒΛΙΟ ΚΕΦΑΛΑΙΟ 11 Ευάγγελος Χ. Ζιούλας (Καθηγητής Πληροφορικής) WEB SERVER Είναι μια εφαρμογή software που αναλαμβάνει την αποστολή μιας ιστοσελίδας σε
Διαβάστε περισσότεραΤεχνολογίες Διαδικτύου (Εξασκηθείτε στην HTML)
Τεχνολογίες Διαδικτύου (Εξασκηθείτε στην HTML) 1. Δημιουργία μιας απλής σελίδας HTML Ανοίξτε το Notepad ακολουθώντας τη διαδρομή Start All Programs Accessories Notepad Πληκτρολογήστε το ακόλουθο κείμενο:
Διαβάστε περισσότεραΕισαγωγη στην html. Η δομή μιας ιστοσελίδας (αρχείο html) Η βασική δομή ενός αρχείου html είναι η εξής: <html> <head>
Εισαγωγη στην html Ο παγκόσμιος ιστός (αγγ.: World Wide Web ή www) είναι η πιο δημοφιλής υπηρεσία που μας παρέχει το Διαδίκτυο (Internet) και είναι ένα σύστημα διασυνδεδεμένων πληροφοριών (κειμένου, εικόνας,
Διαβάστε περισσότεραΤεχνολογίες Διαδικτύου - Εργαστήριο 1 ο
Τεχνολογίες Διαδικτύου - Εργαστήριο 1 ο 1. Δημιουργία μιας απλής σελίδας HTML Στον προσωπικό σας κατάλογο δημιουργήστε ένα φάκελο με όνομα HTML. Ανοίξτε το Notepad ακολουθώντας τη διαδρομή (Start All Programs
Διαβάστε περισσότεραΆσκηση 6 Επαναληπτική Άσκηση HTML
Άσκηση 6 Επαναληπτική Άσκηση HTML ΕΤΙΚΕΤΕΣ HTML ΕΤΙΚΕΤΑ ΠΕΡΙΓΡΑΦΗ ΙΔΙΟΤΗΤΕΣ ΙΔΙΟΤΗΤΑ ΤΙΜΗ ΠΕΡΙΓΡΑΦΗ Βασικές Ορίζει τον τύπο του αρχείου Ορίζει ένα αρχείο HTML Ορίζει ένα τίτλο
Διαβάστε περισσότεραΕργαλεία ανάπτυξης εφαρμογών internet Ι
IEK ΟΑΕΔ ΚΑΛΑΜΑΤΑΣ ΤΕΧΝΙΚΟΣ ΕΦΑΡΜΟΓΩΝ ΠΛΗΟΦΟΡΙΚΗΣ Εργαλεία ανάπτυξης εφαρμογών internet Ι HTML Διδάσκουσα: Κανελλοπούλου Χριστίνα ΠΕ19 Πληροφορικής HTML (HyperText Markup Language) Η γλώσσα που χρησιμοποιείται
Διαβάστε περισσότεραΚειµενογράφοι ετικετών
ΕΠΛ 012 Γλώσσα Μορφοποίησης HTML Πως κτίζουµε τις Ετικέτες Notepad ή άλλο TEXT editor Πού τα κάνουµε Save? Πώς τα οργανώνουµε Πώς τα βάζουµε δηµόσια online Τα αρχεία να τελειώνουν σε.html ή.htm Πως ξεκινούµε
Διαβάστε περισσότεραΗ Γλώσσα Προγραμματισμού του Internet HTML
Η Γλώσσα Προγραμματισμού του Internet HTML Η HTML και το Internet Κάθε σελίδα που εμφανίζεται στο Internet είναι ένα αρχείο γραμμένο με τη γλώσσα HTML (HyperText Markup Language, Γλώσσα Χαρακτηρισμού Υπερ-Κειμένου),
Διαβάστε περισσότεραΣε αυτό το µάθηµα θα ασχοληθούµε µε τη βελτίωση της εµφάνισης ενός ιστοτόπου, αλλά και τον εύκολο χειρισµό όλων των αλλαγών στην εµφάνιση της σελίδας
Σε αυτό το µάθηµα θα ασχοληθούµε µε τη βελτίωση της εµφάνισης ενός ιστοτόπου, αλλά και τον εύκολο χειρισµό όλων των αλλαγών στην εµφάνιση της σελίδας µέσω της τεχνολογίας των ιαδοχικών Φύλλων Στυλ (cascading
Διαβάστε περισσότεραΠΡΟΓΡΑΜΜΑΤΙΣΤΙΚΑ ΕΡΓΑΛΕΙΑ ΓΙΑ ΤΟ ΔΙΑΔΙΚΤΥΟ
ΠΡΟΓΡΑΜΜΑΤΙΣΤΙΚΑ ΕΡΓΑΛΕΙΑ ΓΙΑ ΤΟ ΔΙΑΔΙΚΤΥΟ Κεφάλαιο 4. Η γλώσσα HTML Επιμέλεια: Καραγιάννης Σπύρος Καθηγητής ΠΕ19 Βασικοί κανόνες σύνταξης HTML ομή σελίδας HTML Μορφοποίηση κειμένου Κατάλογοι Εισαγωγή
Διαβάστε περισσότεραΕτικέτες HTML. <!-->: Τα σχόλια χρησιμοποιούνται για να γράφουμε σημειώσεις μέσα στον
Ετικέτες HTML : Τα σχόλια χρησιμοποιούνται για να γράφουμε σημειώσεις μέσα στον πηγαίο κώδικα για να διευκολύνουμε την επεξεργασία και την συντήρηση του αρχείου. Τα σχόλια δεν εμφανίζονται στην οθόνη
Διαβάστε περισσότεραΑΣΠΑΙΤΕ. ΠΡΑΚΤΙΚΗ ΑΣΚΗΣΗ 4α. Υπερκείμενο και HTML. Ημερομηνία :... Τμήμα :... Ονοματεπώνυμο :...
ΠΡΑΚΤΙΚΗ ΑΣΚΗΣΗ 4α Υπερκείμενο και HTML ΑΣΠΑΙΤΕ Ημερομηνία :... Τμήμα :... Ονοματεπώνυμο :... Η HTML (HyperText Markup Language) είναι η γλώσσα που χρησιμοποιείται για να περιγράψει τη δομή και τη διαμόρφωση
Διαβάστε περισσότερα<HTML> <HEAD> <TITLE> <BODY>
ΑΣΚΗΣΗ 1 1. Ανοίξτε τον επεξεργαστή ιστοσελίδων 2. Αποθηκεύστε στο X:/mathimata/html/askiseis/ με όνομα askisi1b.html 3. Θα φτιάξουμε μια νέα ιστοσελίδα, χρησιμοποιώντας τις βασικές ετικέτες
Διαβάστε περισσότεραΒΑΣΙΚΕΣ ΑΡΧΕΣ ΣΧΕΔΙΑΣΜΟΥ ΕΦΑΡΜΟΓΩΝ
ΒΑΣΙΚΕΣ ΑΡΧΕΣ ΣΧΕΔΙΑΣΜΟΥ ΕΦΑΡΜΟΓΩΝ Βαγγελιώ Καβακλή Τμήμα Πολιτισμικής Τεχνολογίας & Επικοινωνίας 8 Μαρτίου 2001 Hypertext Markup Language (HTML)! Σε μια ιστοσελίδα μπορούν να εμφανίζονται διαφορετικά
Διαβάστε περισσότεραΠαρουσίαση και μορφοποίηση κειμένου
HTML [ετικέτες] Παρουσίαση και μορφοποίηση κειμένου Στην HTML σύμφωνα με τους κανόνες, κενές γραμμές και περισσότερα του ενός κενά μεταξύ λέξεων δεν λαμβάνονται υπόψη από τον φυλλομετρητή. Για αυτό το
Διαβάστε περισσότεραΝέες Τεχνολογίες στην Εκπαίδευση
Σχολή Εφαρμοσμένων Μαθηματικών και Φυσικών Επιστημών Εθνικό Μετσόβιο Πολυτεχνείο Νέες Τεχνολογίες στην Εκπαίδευση Μορφοποίηση κειμένου Στεφανέας Πέτρος Ζαμαρίας Βασίλης Άδεια Χρήσης Το παρόν εκπαιδευτικό
Διαβάστε περισσότεραΕισαγωγή στο Word. Κεντρική οθόνη του Word
Εισαγωγή στο Word Το Word είναι το δημοφιλέστερο πρόγραμμα επεξεργασίας κειμένου. Τα κύρια χαρακτηριστικά του είναι η εύκολη και γρήγορη δημιουργία και επεξεργασία εγγράφων. Κεντρική οθόνη του Word Το
Διαβάστε περισσότεραΣχεδιασμός και Ανάπτυξη Ιστοτόπων. ΕΠΑ.Λ. ΑΛΙΜΟΥ Τομέας Πληροφορικής Κ. Φλώρος
Σχεδιασμός και Ανάπτυξη Ιστοτόπων ΕΠΑ.Λ. ΑΛΙΜΟΥ Τομέας Πληροφορικής Κ. Φλώρος H γλώσσα HTML Άλλες Βιβλιογραφικές πηγές για HTML http://www.w3schools.com/html/ http://www.it.uom.gr/project/html2/lessons.html
Διαβάστε περισσότεραΣχεδίαση ιστοσελίδων
Τ.Ε.Ι. Δυτικής Ελλάδας Σχολή Διοίκησης και Οικονομίας Τμήμα Διοίκησης Επιχειρήσεων - Πάτρα Σχεδίαση ιστοσελίδων Θεώνη Πιτουρά, Γιάννης Κουτσονίκος Σημειώσεις για το Εργαστήριο «Επιχειρηματικές δικτυακές
Διαβάστε περισσότεραΑ ΛΥΚΕΙΟΥ - ΕΦΑΡΜΟΓΕΣ ΠΛΗΡΟΦΟΡΙΚΗΣ ΜΑΪΟΣ 2019 ΕΝΔΕΙΚΤΙΚΕΣ ΕΡΩΤΗΣΕΙΣ ΚΑΤΑΝΟΗΣΗΣ
Το υλικό αυτό δίνεται στους μαθητές για τη σωστή μελέτη της διδαχθείσας ύλης του μέρους Β. Πρόκειται για ένα συμπαγή κορμό ερωτήσεων και ασκήσεων οι οποίες καλύφθηκαν κατά τη διάρκεια της έως τώρα σχολικής
Διαβάστε περισσότερα<a href="http://www.somepage.com/somepage.html">μετάβαση στο κείμενο</a>.
HTML Τα αρχεία της HTML έχουν ετικέτες (tags) που ορίζουν τη δομή και τη μορφοποίηση των ιστοσελίδων. Οι περισσότερες HTML ετικέτες τις συναντούμε ως ζεύγη τα οποία ενεργούν στα περιεχόμενα μεταξύ των
Διαβάστε περισσότεραΕΘΝΙΚΟ ΜΕΤΣΟΒΙΟ ΠΟΛΥΤΕΧΝΕΙΟ. Σηµειώσεις για τη γλώσσα HTML (HyperText Markup Language)
ΕΘΝΙΚΟ ΜΕΤΣΟΒΙΟ ΠΟΛΥΤΕΧΝΕΙΟ ΣΧΟΛΗ ΗΛΕΚΤΡΟΛΟΓΩΝ ΜΗΧΑΝΙΚΩΝ ΚΑΙ ΜΗΧΑΝΙΚΩΝ ΥΠΟΛΟΓΙΣΤΩΝ Σηµειώσεις για τη γλώσσα HTML (HyperText Markup Language) ιδάσκων Αν. Καθηγητής Ι.Σ.Βενιέρης Αθήνα, Ιανουάριος 2003 1
Διαβάστε περισσότεραΣχεδιασμός και Ανάπτυξη Ιστότοπων
Σχεδιασμός και Ανάπτυξη Ιστότοπων CSS: Ιδιότητες μορφοποίησης κειμένου Παρουσίαση 14 η 1 Βελώνης Γεώργιος Καθηγητής Browsers δοκιμών Οι δοκιμές έγιναν στους παρακάτω browsers και εκδόσεις τους: Google
Διαβάστε περισσότεραΕισαγωγή στον Παγκόσμιο ιστό και στη γλώσσα Html. Χρ. Ηλιούδης
Εισαγωγή στον Παγκόσμιο ιστό και στη γλώσσα Html Χρ. Ηλιούδης Παγκόσμιος Ιστός (WWW) Ο Παγκόσμιος Ιστός (World Wide Web WWW), ή απλώς Ιστός, βασίζεται στην ιδέα των κατανεμημένων πληροφοριών. Αντί όλες
Διαβάστε περισσότεραΕισαγωγή σε HTML και CSS. Παναγιώτης Τσαρχόπουλος
Εισαγωγή σε HTML και CSS Παναγιώτης Τσαρχόπουλος Περιεχόμενα Εισαγωγικές έννοιες Ορολογία και σύνταξη Κείμενο σε HTML έγγραφα Σύνδεσμοι Ψηφιακές - Ευφυείς Πόλεις - Εισαγωγή σε HTML και CSS 2 Εισαγωγικές
Διαβάστε περισσότεραCascading Style Sheets (CSS)
Cascading Style Sheets (CSS) Τα Cascading Style Sheets προσφέρουν έναν εύκολο τρόπο για να ορίσουμε τη μορφοποίηση που επιθυμούμε να έχουν οι σελίδες μία τοποθεσίας του Παγκόσμιου Ιστού που δημιουργούμε.
Διαβάστε περισσότεραΕισαγωγή στην HTML Τα tags της HTML και τα γνωρίσματά τους
Εισαγωγή στην HTML Τα tags της HTML και τα γνωρίσματά τους Με την γλώσσα περιγραφής υπερ-κειμένου (HTML) μπορούμε να σχεδιάζουμε ιστοσελίδες. Η HyperText Markup Language βασίζεται στην SGML (Standard Generalized
Διαβάστε περισσότεραInternational Diploma in IT Skills Proficiency Level
International Diploma in IT Skills Proficiency Level Εξεταστέα Ύλη ιεθνές Πιστοποιητικό στην Τεχνολογία των Πληροφοριών Επίπεδο Proficiency 3.2.5 ΓΝΩΣΤΙΚΟ ΑΝΤΙΚΕΙΜΕΝΟ 5: ΥΠΗΡΕΣΙΕΣ ΙΑ ΙΚΤΥΟΥ - ΗΜΙΟΥΡΓΙΑ
Διαβάστε περισσότεραΑυτοµατιµός Γραφείου. Τµήµα Διοίκησης Επιχειρήσεων ΑΤΕΙ- Δυτικής Ελλάδας Μεσολόγγι Δρ. Α. Στεφανή Διάλεξη 2η
Αυτοµατιµός Γραφείου Τµήµα Διοίκησης Επιχειρήσεων ΑΤΕΙ- Δυτικής Ελλάδας Μεσολόγγι Δρ. Α. Στεφανή Διάλεξη 2η Εφαρµογές αυτοµατισµού γραφείου : επεξεργασία κειµένου Μορφοποιήσεις Μορφοποίηση κειµένου Μορφοποίηση
Διαβάστε περισσότεραΠεριεχόμενα. Γαβαλάς Δαμιανός
Δικτυακά Πολυμέσα ΙΙ Διάλεξη #5 η : Τυπογραφία στο web Γαβαλάς Δαμιανός dgavalas@aegean.gr Περιεχόμενα Κατανόηση αρχών σχεδιασμού με γραμματοσειρές Κατανόηση των μονάδων μέτρησης που χρησιμοποιούνται στα
Διαβάστε περισσότεραΕργαλεία Ανάπτυξης Εφαρμογών Internet. Δ.Ι.Ε.Κ. Γλυφάδας Τεχνικός Εφαρμογών Πληροφορικής
Εργαλεία Ανάπτυξης Εφαρμογών Internet Δ.Ι.Ε.Κ. Γλυφάδας Τεχνικός Εφαρμογών Πληροφορικής Το πρότυπο CSS Α Μέρος 2 CSS (Cascading Style Sheets)(1) Ορίζουν την εμφάνιση των στοιχείων σε ένα έγγραφο HTML.
Διαβάστε περισσότεραEurope Code Week 7-22 Οκτωβρίου Μία γιορτή δημιουργίας με κώδικα
Europe Code Week 7-22 Οκτωβρίου 2017 7-22 October 2017 Μία γιορτή δημιουργίας με κώδικα @CodeWeekEU #codeeu codeeu Εισαγωγή στο Web Development CSS Λίγα λόγια... Η γλώσσα CSS χρησιμοποιείται για τη μορφοποίηση
Διαβάστε περισσότεραΠρογραμματισμός Διαδικτύου
Πανεπιστήμιο Δυτικής Μακεδονίας Τμήμα Μηχανικών Πληροφορικής & Τηλεπικοινωνιών Προγραμματισμός Διαδικτύου Δρ. Μηνάς Δασυγένης mdasygenis@uowm.gr Τμήμα της παρουσίασης δημιουργήθηκε από τον κ. Παναγιώτη
Διαβάστε περισσότεραΔιάλεξη 2η Εισαγωγή στο CSS
Διάλεξη 2η Εισαγωγή στο CSS Στέλιος Μόσχογλου Θεοδόσης Σουργκούνης Αντώνης Χρυσόπουλος I S S E L D e c o d e (Intelligent Systems & Software Engineering Lab) Στόχος της ώρας Τι είναι το CSS? Γιατί να χρησιμοποιήσω
Διαβάστε περισσότεραΣχεδίαση και Ανάπτυξη Ιστότοπων. HTML Στοιχεία - Βασικές Ετικέτες Ειδικοί Χαρακτήρες Παρουσίαση 5 η. Βελώνης Γεώργιος Καθηγητής Πληροφορικής ΠΕ20
Σχεδίαση και Ανάπτυξη Ιστότοπων HTML Στοιχεία - Βασικές Ετικέτες Ειδικοί Χαρακτήρες Παρουσίαση 5 η 1 Βελώνης Γεώργιος Καθηγητής Σημασία συμβόλων HTML5 tags Obsolete tags: Μην αφήνετε αυτές τις ετικέτες
Διαβάστε περισσότεραΕπαναληπτική Άσκηση ΕΤΙΚΕΤΕΣ HTML
Επαναληπτική Άσκηση ΕΤΙΚΕΤΕΣ HTML ΕΤΙΚΕΤΑ ΠΕΡΙΓΡΑΦΗ ΙΔΙΟΤΗΤΕΣ ΙΔΙΟΤΗΤΑ ΤΙΜΗ ΠΕΡΙΓΡΑΦΗ Βασικές Ορίζει ένα αρχείο HTML Ορίζει ένα τίτλο για το αρχείο Ορίζει το σώµα της background URL
Διαβάστε περισσότεραΚεφάλαιο 11: Εισαγωγή στην HTML. Εφαρμογές Πληροφορικής Κεφ. 11 Καραμαούνας Πολύκαρπος
Κεφάλαιο 11: Εισαγωγή στην HTML 1 11.1 Γενική εισαγωγή στην HTML Τι είναι η HTML HyperText Markup Language - Γλώσσα Χαρακτηρισμού Υπερ-Κειμένου είναι η βασική γλώσσα με την οποία πραγματοποιείται η δόμηση
Διαβάστε περισσότεραΕΠΕΞΕΡΓΑΣΙΑ ΚΕΙΜΕΝΟΥ. Κειμενογράφος WORD
ΕΠΕΞΕΡΓΑΣΙΑ ΚΕΙΜΕΝΟΥ Κειμενογράφος WORD ΣΚΟΠΟΣ Η ανάπτυξη δεξιοτήτων επεξεργασίας κειμένου ΠΡΟΤΑΣΕΙΣ ΚΑΙ ΡΥΘΜΙΣΕΙΣ Άνω περιθώριο (top margin) : 2.49cm Κάτω περιθώριο (bottom margin) :5.99cm Αριστερό περιθώριο
Διαβάστε περισσότεραHTML... 1. Εισαγωγή στην HTML και τα CSS
HTML...... 1 Εισαγωγή στην HTML και τα CSS HTML...... 2 HTML. H HTML (HYPERTEXT MARKUP LANGUAGE), είναι µία γλώσσα η οποία «λέει» στον υπολογιστή πως θα πρέπει να εµφανίσει µία ιστοσελίδα. Τα αρχεία στα
Διαβάστε περισσότεραΕΡΓΑΣΤΗΡΙΑΚΗ ΑΣΚΗΣΗ 2 ΜΕΛΕΤΗ ΚΑΙ ΕΦΑΡΜΟΓΗ ΔΗΜΙΟΥΡΓΙΑΣ HTML ΣΕΛΙΔΩΝ ΣΥΝΔΕΣΜΟΙ
ΕΡΓΑΣΤΗΡΙΑΚΗ ΑΣΚΗΣΗ 2 ΜΕΛΕΤΗ ΚΑΙ ΕΦΑΡΜΟΓΗ ΔΗΜΙΟΥΡΓΙΑΣ HTML ΣΕΛΙΔΩΝ ΣΥΝΔΕΣΜΟΙ Στην άσκηση αυτή θα εμπλουτίσουμε την ιστοσελίδα που φτιάξαμε στην προηγούμενη άκηση με πίνακες, συνδέσμους και γραφικά. 1.
Διαβάστε περισσότεραΜΑΘΗΜΑ Στοίχιση Παραγράφων. 2. Εσοχές Παραγράφων ΣΤΟΧΟΙ:
ΜΑΘΗΜΑ 4 ΣΤΟΧΟΙ: 1. Στοίχιση Παραγράφων 2. Εσοχές Παραγράφων 3. Διάστημα Μεταξύ Γραμμών (Διάστιχο) 4. Απόσταση Μεταξύ Παραγράφων 5. Καθορισμός Στηλοθετών (Tabs) 6. Μετακίνηση Στηλοθετών 7. Διαγραφή Στηλοθετών
Διαβάστε περισσότεραΗΜΙΟΥΡΓΙΑ ΙΣΤΟΣΕΛΙ ΑΣ ΣΤΟ MICROSOFT WORD
ΗΜΙΟΥΡΓΙΑ ΙΣΤΟΣΕΛΙ ΑΣ ΣΤΟ MICROSOFT WORD Σε ορισµένες περιπτώσεις είναι ιδιαίτερα χρήσιµη η δηµιουργία ιστοσελίδων ενηµερωτικού περιεχοµένου οι οποίες στη συνέχεια µπορούν να δηµοσιευθούν σε κάποιο τόπο
Διαβάστε περισσότεραΣχεδιασµός και Ανάπτυξη Web-Site για Επιχειρήσεις
Α.Τ.Ε.Ι. ΠΑΤΡΑΣ ΠΑΡΑΡΤΗΜΑ ΑΜΑΛΙΑ ΑΣ ΤΜΗΜΑ ΕΦΑΡΜΟΓΩΝ ΠΛΗΡΟΦΟΡΙΚΗΣ ΣΤΗ ΙΟΙΚΗΣΗ ΚΑΙ ΟΙΚΟΝΟΜΙΑ Σηµειώσεις Εργαστηρίου Σχεδιασµός και Ανάπτυξη Web-Site για Επιχειρήσεις ρ. Χριστοδούλου Σωτήριος 2005-2006 2
Διαβάστε περισσότεραΕΡΓΑΣΤΗΡΙΑΚΗ ΑΣΚΗΣΗ 1 ΜΕΛΕΤΗ ΚΑΙ ΕΦΑΡΜΟΓΗ ΔΗΜΙΟΥΡΓΙΑΣ HTML ΣΕΛΙΔΩΝ
ΕΡΓΑΣΤΗΡΙΑΚΗ ΑΣΚΗΣΗ 1 ΜΕΛΕΤΗ ΚΑΙ ΕΦΑΡΜΟΓΗ ΔΗΜΙΟΥΡΓΙΑΣ HTML ΣΕΛΙΔΩΝ 1. ΒΑΣΙΚΕΣ ΕΝΝΟΙΕΣ HTML ΣΕΛΙΔΩΝ Ας δούμε τι συμβαίνει όταν «μπαίνουμε» στο internet και επισκεπτόμαστε μια ιστοσελίδα. Για να μπούμε στο
Διαβάστε περισσότεραΕΙΔΙΚΟΙ ΧΑΡΑΚΤΗΡΕΣ ΧΑΡΑΚΤΗΡΕΣ ΜΕ ΕΙΔΙΚΕΣ ΛΕΙΤΟΥΡΓΙΕΣ. ΠΙΝΑΚΑΣ ΚΩΔΙΚΩΝ ΔΙΑΦΥΓΗΣ Χαρακτήρας Κωδικός διαφυγής Ερμηνεία Συμβόλου & nbsp;
ΕΙΔΙΚΟΙ ΧΑΡΑΚΤΗΡΕΣ Υπάρχουν ειδικοί χαρακτήρες που δεν μπορούν να απεικονισθούν με απλές πληκτρολογήσεις (πατώντας ένα πλήκτρο ή ένα πλήκτρο και το Shift) αλλά μόνο με πιο περίπλοκους τρόπους (π.χ. πατώντας
Διαβάστε περισσότεραδηµιουργία ιστοσελίδων
ιδακτικό υλικό µαθητή δηµιουργία ιστοσελίδων Για να εµφανισθεί µια ιστοσελίδα στην οθόνη, πρέπει ο φυλλοµετρητής να εκτελεί τις εντολές ενός προγράµµατος που είναι γραµµένο µε ειδικό λογισµικό Οι ιστοσελίδες
Διαβάστε περισσότερα7-22 Οκτωβρίου Μία γιορτή δημιουργίας με κώδικα. Europe Code Week
7-22 Οκτωβρίου 2017 Μία γιορτή δημιουργίας με κώδικα @ #codeeu codeeu 7-22 October 2017 Europe Code Week Εισαγωγή στο Web Development HTML Λίγα λόγια... Η HTML είναι η βασική γλώσσα γραφής των ιστοσελίδων!
Διαβάστε περισσότεραCTEC-153: ΥΠΟΛΟΓΙΣΤΙΚΑ ΦΥΛΛΑ
ΜΑΘΗΜΑ 5 ΣΤΟΧΟΙ: 1. Μορφοποίηση Αριθμών 2. Αλλαγή Μεγέθους Και Τύπου Γραμματοσειράς 3. Χρησιμοποίηση Πλάγιων, Έντονων, Υπογραμμισμένων Χαρακτήρων 4. Αλλαγή Χρώματος Γραμματοσειράς 5. Παράθυρο Διαλόγου
Διαβάστε περισσότεραΝέες Τεχνολογίες στην Εκπαίδευση
Σχολή Εφαρμοσμένων Μαθηματικών και Φυσικών Επιστημών Εθνικό Μετσόβιο Πολυτεχνείο Νέες Τεχνολογίες στην Εκπαίδευση Επάλληλα φύλλα στυλ (CSS): Μια εισαγωγή Στεφανέας Πέτρος Ζαμαρίας Βασίλης Άδεια Χρήσης
Διαβάστε περισσότερα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. ΒΑΣΙΚΕΣ ΛΕΙΤΟΥΡΓΙΕΣ ΚΑΙ ΠΕΡΙΒΑΛΛΟΝ ΕΦΑΡΜΟΓΗΣ ΕΠΕΞΕΡΓΑΣΙΑΣ ΚΕΙΜΕΝΟΥ 1.1. Χειρισµός εγγράφων 1.1.1. ηµιουργία, Άνοιγµα, Κλείσιµο, Αποθήκευση εγγράφου 1.1.2. Αποθήκευση εγγράφου µε
Διαβάστε περισσότεραΠληροφορική Τμήμα Σχεδιασμού & Τεχνολογίας Ξύλου & Επίπλου Αντώνιος Καραγεώργος Ευανθία Τσιλιχρήστου. Μάθημα 6 ο Τεχνολογίες Διαδικτύου: HTML II
Πληροφορική Τμήμα Σχεδιασμού & Τεχνολογίας Ξύλου & Επίπλου Αντώνιος Καραγεώργος Ευανθία Τσιλιχρήστου Μάθημα 6 ο Τεχνολογίες Διαδικτύου: HTML II Εισαγωγή Εικόνων Οι φυλλομετρητές μπορούν να εμφανίσουν ένθετες
Διαβάστε περισσότεραηµιουργία ιστοσελίδων µε το 1 Microsoft FrontPage
ηµιουργία ιστοσελίδων µε το 1 Microsoft FrontPage Τι είναι µια ιστοσελίδα (Web page); Μια ιστοσελίδα (web page) είναι ένα αρχείο που εµφανίζεται στην οθόνη του υπολογιστή από ένα πρόγραµµα που λέγεται
Διαβάστε περισσότεραΓλώσσα περιγραφής οδηγιών εµφάνισης-στοιχειοθέτησης
CASCADING STYLE-SHEETS CASCADING STYLE-SHEETS Γλώσσα περιγραφής οδηγιών εµφάνισης-στοιχειοθέτησης εφαρµογών HTML. Τα CSS ορίζονται σε δύο συστάσεις του W3C: CSS1, εκ. 1996 περιλαµβάνει περίπου 50 ιδιότητες
Διαβάστε περισσότεραΑλεξιάδης Γεώργιος (ΠΕ86) -
11.1 Γενική Εισαγωγή στην HTML Τι είναι η HTML; HyperText Markup Language (Γλώσσα Χαρακτηρισμού Υπερ-Κειμένου) Βασίζεται στην SGML (Standard Generalized Markup Language) που είναι ένα πολύ μεγαλύτερο σύστημα
Διαβάστε περισσότεραΗ Βίβλος των CSS. Εισαγωγή στα CSS
Η Βίβλος των CSS Εισαγωγή στα CSS Τα Διαδοχικά Φύλλα Στυλ (CSS, Cascading Style Sheets) αποτελούν ένα πολύ καλό εργαλείο για να μπορούμε να αλλάζουμε την εμφάνιση και τη διάταξη (layout) των ιστοσελίδων
Διαβάστε περισσότεραΆσκηση 3 -Δηµιουργία ιστοσελίδων µε HTML µέρος 3 ο
Άσκηση 3 -Δηµιουργία ιστοσελίδων µε HTML µέρος 3 ο Εικόνες στην HTML Oι εικόνες ορίζονται µε την ετικέτα . Η συγκεκριµένη ετικέτα δεν κλείνει (είναι λάθος το: ) ή µπορούµε να πούµε ότι ανοίγει
Διαβάστε περισσότεραΠοιες είναι οι κύριες ετικέτες που χρησιμοποιεί η HTML για την περιγραφή της συνολικής δομής μιας ιστοσελίδας;
Τι είναι η HTML; Η HTML είναι το ακρωνύμιο των λέξεων HyperText Markup Language, δηλαδή Γλώσσα Χαρακτηρισμού Υπερ Κειμένου και βασίζεται στη γλώσσα SGML, Standard Generalized Markup Language, που είναι
Διαβάστε περισσότεραTEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο)
TEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο) Διδάσκων: Ανδρέας Γιαννακουλόπουλος Επιστημονικός συνεργάτης Εργαστηρίου: Στέλλα Λάμπουρα Εαρινό εξάμηνο Χρηματοδότηση Το παρόν εκπαιδευτικό υλικό έχει αναπτυχθεί
Διαβάστε περισσότεραCascading Style Sheets
Cascading Style Sheets CSS είναι το ακρωνύµιο του Cascading Style Sheets (Επικαλυπτόµενα φύλλα στυλ). CSS είναι µια γλώσσα style δηλ. µια γλώσσα η οποία καθορίζει τη εµφάνιση HTML εγγράφων. Για παράδειγµα,
Διαβάστε περισσότεραHyper Text Markup Language (HTML) που σημαίνει γλώσσα σήμανσης υπερκειμένου.
Hyper Text Markup Language (HTML) που σημαίνει γλώσσα σήμανσης υπερκειμένου. 1 η ΑΣΚΗΣΗ Οι HTML σελίδες είναι απλές σελίδες κειμένου και μπορούν να δημιουργηθούν από οποιοδήποτε πρόγραμμα επεξεργασίας
Διαβάστε περισσότεραCSS 1. Διδάσκοντες: Π. Αγγελάτος, Δ. Ζήνδρος Επιμέλεια διαφανειών: Δ. Ζήνδρος Σχολή Ηλεκτρολόγων Μηχανικών και Μηχανικών Υπολογιστών
CSS 1 Διδάσκοντες: Π. Αγγελάτος, Δ. Ζήνδρος Επιμέλεια διαφανειών: Δ. Ζήνδρος Σχολή Ηλεκτρολόγων Μηχανικών και Μηχανικών Υπολογιστών Άδεια Χρήσης Το παρόν εκπαιδευτικό υλικό υπόκειται σε άδειες χρήσης Creative
Διαβάστε περισσότεραΣχεδιασμός και Ανάπτυξη Ιστότοπων
Σχεδιασμός και Ανάπτυξη Ιστότοπων HTML: Λίστες Παρουσίαση 8 η 1 Βελώνης Γεώργιος Καθηγητής Σημασία συμβόλων HTML5 tags. Obsolete tags: Μην αφήνετε αυτές τις ετικέτες στον κώδικά σας. Deprecated tags: Αντικαταστήστε
Διαβάστε περισσότεραΥΠΗΡΕΣΙΑ WEBMAIL ΚΥΠΕΣ
ΥΠΗΡΕΣΙΑ WEBMAIL ΚΥΠΕΣ Η υπηρεσία διαχείρισης αλληλογραφίας µέσω web (webmail) δίνει την δυνατότητα στους χρήστες να διαχειριστούν την αλληλογραφία τους απ οποιοδήποτε σηµείο βρίσκονται εφόσον υπάρχει
Διαβάστε περισσότεραΘέματα Προγραμματισμού Διαδικτύου ~ CSS ~
Θέματα Προγραμματισμού Διαδικτύου ~ CSS ~ Στελιος Σφακιανάκης Εαρινό 2019 Αυτή η εργασία χορηγείται με άδεια Creative Commons Αναφορά Δημιουργού - Μη Εμπορική Χρήση - Παρόμοια Διανομή 1 Εισαγωγή στο CSS
Διαβάστε περισσότεραΑυτοµατιµός Γραφείου. Τµήµα Διοίκησης Επιχειρήσεων ΑΤΕΙ- Δυτικής Ελλάδας Μεσολόγγι Δρ. Α. Στεφανή Διάλεξη 2η
Αυτοµατιµός Γραφείου Τµήµα Διοίκησης Επιχειρήσεων ΑΤΕΙ- Δυτικής Ελλάδας Μεσολόγγι Δρ. Α. Στεφανή Διάλεξη 2η Ενότητα 1: Βιογραφικό βασικές αρχές Εργασιακή εµπειρία: καταγράψτε τις παρελθοντικές θέσεις που
Διαβάστε περισσότεραΟδηγίες κατασκευής Ιστοσελίδων µε το πρόγραµµα FRONTPAGE 2003
Οδηγίες κατασκευής Ιστοσελίδων µε το πρόγραµµα FRONTPAGE 2003 Μάθετε σε 10 βήµατα να φτιάχνετε τις δικές σας ιστοσελίδες Βήµα 1ο ΕΕππιιµµέέλλεειιαα:: ΣΣάάββββααςς ΟΟββααδδίίααςς Σε αυτό το βήµα θα χρησιµοποιήσετε
Διαβάστε περισσότεραHTML 1. Στόχος της ώρας 11/3/2014. Εισαγωγή της γλώσσας HTML σε αρχάριο επίπεδο:
HTML 1 Στόχος της ώρας Τι είναι HTML και CSS; ιαχωρισμός περιεχομένου/μορφοποίησης Πότε χρησιμοποιούμε το ένα και πότε το άλλο; Εισαγωγή της γλώσσας HTML σε αρχάριο επίπεδο: Βασική σύνταξη, ετικέτες Τίτλοι,
Διαβάστε περισσότεραΕισαγωγή στην πληροφορική
Τμήμα Μηχανικών Πληροφορικής & Τηλεπικοινωνιών Εισαγωγή στην πληροφορική Ενότητα 5: Εισαγωγή στην HTML (Μέρος Α) Αγγελίδης Παντελής Τμήμα Μηχανικών Πληροφορικής και Τηλεπικοινωνιών Άδειες Χρήσης Το παρόν
Διαβάστε περισσότεραΚεφάλαιο Χρήση κειµενογράφου. 4.1 Εισαγωγή Σκοπός Τι θα µάθεις
Κεφάλαιο 4 4. Χρήση κειµενογράφου 4.1 Εισαγωγή Η επεξεργασία κειµένων και εγγράφων αποτελεί µια από τις πιο διαδεδοµένες χρήσεις του Ηλεκτρονικού Υπολογιστή. Το κεφάλαιο αυτό αποτελεί µια εισαγωγή στον
Διαβάστε περισσότεραΟδηγίες Στο σημερινό εργαστήριο θα αρχίσετε να χρησιμοποιείτε βασικές οδηγίες μορφοποίησης της ιστοσελίδας σας (κάτι που έχουμε αποφύγει έως τώρα!).
Εργαστήριο #8 Τι πρέπει να έχετε ολοκληρώσει από το προηγούμενο εργαστήριο. Το σημερινό εργαστήριο είναι ανεξάρτητο από τα προηγούμενα, επειδή όμως θα ζητηθεί να ανακυκλώσετε υλικό από εκείνα, βεβαιωθείτε
Διαβάστε περισσότεραΣχεδιασμός και Ανάπτυξη Ιστότοπων
Βελώνης Γεώργιος Καθηγητής Σχεδιασμός και Ανάπτυξη Ιστότοπων HTML Σύνδεσμοι (Links) Παρουσίαση 10 η 1 Βελώνης Γεώργιος Καθηγητής Βελώνης Γεώργιος Καθηγητής Σημασία συμβόλων HTML5 tags. Obsolete tags: Μην
Διαβάστε περισσότεραΕικόνες. Γαλάτης Παναγιώτης 1 ο ΕΠΑΛ Ηρακλείου
Εικόνες Γαλάτης Παναγιώτης 1 ο ΕΠΑΛ Ηρακλείου Υποστηριζόμενοι Tύποι Εικόνων GIF JPG ή JPEG BMP PNG Δυστυχώς δεν υποστηρίζονται απευθείας όλα τα formats εικόνας από τους Web Browsers. Πάντως το σύνολο αυτών
Διαβάστε περισσότεραΕισαγωγή στην Επιστήμη Υπολογιστών. Εισαγωγή στην HTML. Άννα Κεφάλα Παναγιώτα Μιχόλια
Εισαγωγή στην Επιστήμη Υπολογιστών Άννα Κεφάλα Παναγιώτα Μιχόλια Εργαστηριακές Σημειώσεις ΕΙΣΑΓΩΓΗ ΣΤΗ ΓΛΩΣΣΑ HTML Τί θα δούμε.. Τί είναι η HTML. Σε τί χρησιμεύει. Εκδόσεις. Tags, elements, attributes
Διαβάστε περισσότεραΕΠΛ 003: ΕΠΙΣΤΗΜΗ ΤΗΣ ΠΛΗΡΟΦΟΡΙΚΗΣ ΚΑΙ ΠΛΗΡΟΦΟΡΙΚΑ ΣΥΣΤΗΜΑΤΑ
ΕΠΛ 003: ΕΠΙΣΤΗΜΗ ΤΗΣ ΠΛΗΡΟΦΟΡΙΚΗΣ ΚΑΙ ΠΛΗΡΟΦΟΡΙΚΑ ΣΥΣΤΗΜΑΤΑ Δρ. Κουζαπάς Δημήτριος Πανεπιστήμιο Κύπρου - Τμήμα Πληροφορικής Παγκόσμιος Ιστός Στόχοι 1 Να εξηγήσουμε τι είναι ο Παγκόσμιος Ιστός και πώς
Διαβάστε περισσότεραΒασίλειος Κοντογιάννης ΠΕ19
Ενότητα3 Επικοινωνία και Διαδίκτυο 11.1 Γενική Εισαγωγή στην HTML Τι είναι η HTML (HyperText Markup Language); Είναι μια γλώσσα σήμανσης (Markup) με την οποία πραγματοποιείται η δόμηση σελίδων του Παγκόσμιου
Διαβάστε περισσότεραΟδηγίες. για την υπηρεσία. Antispamming. (στα windows XP) Περιεχόµενα
Οδηγίες για την υπηρεσία Antispamming (στα windows XP) Περιεχόµενα Ενεργοποίηση της υπηρεσίας (µέσω Internet Explorer)... σελ. 2 ηµιουργία φακέλου για spam στο Outlook Express... σελ. 5 ηµιουργία Κανόνα
Διαβάστε περισσότεραΕΠΛ 003: ΕΙΣΑΓΩΓΗ ΣΤΗΝ ΕΠΙΣΤΗΜΗ ΤΗΣ ΠΛΗΡΟΦΟΡΙΚΗΣ. Παγκόσμιος Ιστός
ΕΠΛ 003: ΕΙΣΑΓΩΓΗ ΣΤΗΝ ΕΠΙΣΤΗΜΗ ΤΗΣ ΠΛΗΡΟΦΟΡΙΚΗΣ Παγκόσμιος Ιστός Στόχοι 1 Να εξηγήσουμε τι είναι ο Παγκόσμιος Ιστός και πώς μπορεί να μας διευκολύνει στις δραστηριότητές μας. Να περιγράψουμε σύντομα την
Διαβάστε περισσότεραΒαρβάκειο Πρότυπο Γυμνάσιο
Παραδόσεις & εργαστηριακές ασκήσεις στην HTML Βαρβάκειο Πρότυπο Γυμνάσιο Σχολ. Χρονιά 2016-2017 Θ. Οτζάκογλου Εργαστήρι Πληροφορικής Σχολ. Έτος 2016 2017 Αν και δεν είναι μία ακόμη «γλώσσα προγραμματισμού»,
Διαβάστε περισσότερα1 ο ΓΥΜΝΑΣΙΟ ΘΕΡΜΗΣ ΜΟΡΦΟΠΟΙΗΣΕΙΣ ΜΟΡΦΟΠΟΙΗΣΕΙΣ ΧΑΡΑΚΤΗΡΩΝ. Μάθημα: Πληροφορική Α' Γυμν. Ενότητα: Επεξεργασία κειμένου
1 ο ΓΥΜΝΑΣΙΟ ΘΕΡΜΗΣ Μάθημα: Πληροφορική Α' Γυμν. Ενότητα: Επεξεργασία κειμένου ΜΟΡΦΟΠΟΙΗΣΕΙΣ Τα κυριότερα είδη μορφοποιήσεων είναι: Μορφοποιήσεις Χαρακτήρων Μορφοποιήσεις Παραγράφων Οι Μορφοποιήσεις Χαρακτήρων
Διαβάστε περισσότεραΠεριεχόμενα. Λίγα λόγια από το συγγραφέα... 7
Περιεχόμενα Λίγα λόγια από το συγγραφέα... 7 Μέρος 1 1 Βασικοί όροι... 11 2 Βασική δομή κώδικα HTML... 25 3 Μορφοποίηση κειμένου... 39 4 Μορφοποίηση παραγράφων... 51 5 Εισαγωγή εικόνας... 63 6 Λίστες με
Διαβάστε περισσότεραΕισαγωγή στο πρόγραμμα Microsoft word 2003
Εισαγωγή στο πρόγραμμα Microsoft word 2003 Έναρξη 1. Εκκίνηση του προγράμματος Για να ξεκινήσουμε το Word, πατάμε στο κουμπί Εναρξη και από το μενού που εμφανίζεται επιλέγουμε Προγράμματα και Microsoft
Διαβάστε περισσότεραΤι είναι η HTML; Τί είναι οι ετικέτες (tags); Πώς είναι μια ετικέτα (tag);
Τι είναι η HTML; Η HTML είναι το ακρώνυμο από το Hyper Text Markup Language που σημαίνει γλώσσα χαρακτηρισμού υπερκειμένου. Η χρήση μιας γλώσσας χαρακτηρισμού σημαίνει ότι γράφεται πρώτα το κείμενο και
Διαβάστε περισσότεραΒασικά στοιχεία του CSS
Βασικά στοιχεία του CSS Περιεχόμενα Τι είναι CSS Πλεονεκτήματα CSS μορφοποίησης Συντακτικό του CSS Ιδιότητες CSS Εφαρμογή CSS κανόνων Επικάλυψη CSS κανόνων 2 Μορφοποίηση με HTML Η HTML είναι σχεδιασμένη
Διαβάστε περισσότεραBeACTA Syllabus Beginners #1, #2, #3 και #4
BeACTA Syllabus Beginners #1, #2, #3 και #4 Θεσσαλονίκη: Εγνατίας 1, ΤΚ 54630 Τηλ: 2310-510870 Fax: 2310-510871 Αθήνα: Βασ. Σοφίας 55, ΤΚ 11521 Τηλ: 210-7239770 e-mail: info@acta.edu.gr website: www.acta.edu.gr
Διαβάστε περισσότεραBeACTA Syllabus Beginners #1, #2, #3 και #4
BeACTA Syllabus Beginners #1, #2, #3 και #4 Θεσσαλονίκη: Εγνατίας 1, ΤΚ 54630 Τηλ: 2310-510870 Fax: 2310-510871 Αθήνα: Ψαρρών 2, ΤΚ 10552 Τηλ: 210-5228643 e-mail: info@acta.edu.gr website: www.acta.edu.gr
Διαβάστε περισσότεραΓαβαλάς Δαμιανός dgavalas@aegean.gr. Δικτυακά Πολυμέσα ΙΙ Εργαστήριο #3 0 : Εισαγωγή στacascading Style Sheets (CSS)
Δικτυακά Πολυμέσα ΙΙ Εργαστήριο #3 0 : Εισαγωγή στacascading Style Sheets (CSS) Γαβαλάς Δαμιανός dgavalas@aegean.gr Επικαλυπτόμενα Φύλλα Στυλ (Cascading Style Sheets, CSS) Η (X)HTML προσδιορίζει τη βασική
Διαβάστε περισσότεραTEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο)
TEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο) Διδάσκων: Ανδρέας Γιαννακουλόπουλος Επιστημονικός συνεργάτης Εργαστηρίου: Στέλλα Λάμπουρα Εαρινό εξάμηνο Χρηματοδότηση Το παρόν εκπαιδευτικό υλικό έχει αναπτυχθεί
Διαβάστε περισσότεραΝέες Τεχνολογίες στην Εκπαίδευση
Σχολή Εφαρμοσμένων Μαθηματικών και Φυσικών Επιστημών Εθνικό Μετσόβιο Πολυτεχνείο Νέες Τεχνολογίες στην Εκπαίδευση Εικόνα, κείμενο και εικόνα Στεφανέας Πέτρος Ζαμαρίας Βασίλης Άδεια Χρήσης Το παρόν εκπαιδευτικό
Διαβάστε περισσότεραinternet είναι το δίκτυο των υπολογιστών που είναι συνδεδεµένοι µεταξύ τους.
Πριν ξεκινήσουµε την περιγραφή του προγράµµατος καλό θα ήταν να αναφερθούµε στον ορισµό κάποιων εννοιών για τις οποίες θα γίνεται λόγος στο κεφάλαιο αυτό. Πρώτα από όλα πρέπει να καταλάβουµε την διαφορά
Διαβάστε περισσότεραΕισαγωγή στην HTML (1)
Εισαγωγή στην HTML (1) Πανεπιστήμιο Πελοποννήσου Τμήμα Επιστήμης & Τεχνολογίας Τηλεπικοινωνιών Ευάγγελος Α. Κοσμάτος HTML HyperText Mark-up Language Καθορίζει τον τρόπο που ο browser εμφανίζει τα διάφορα
Διαβάστε περισσότεραΠεριεχόµενα...2 Βασικές Λειτουργίες...4 ηµιουργία και Αποθήκευση εγγράφων...4 Μετακίνηση µέσα στο έγγραφο...4 Επιλογή κειµένου...
EΝΟΤΗΤΑ 2 Η : ΕΠΕΞΕΡΓΑΣΙΑ ΚΕΙΜΕΝΟΥ WORD 2000 ΠΕΡΙΕΧΟΜΕΝΑ Περιεχόµενα...2 Βασικές Λειτουργίες...4 ηµιουργία και Αποθήκευση εγγράφων...4 Μετακίνηση µέσα στο έγγραφο...4 Επιλογή κειµένου...4 Αναίρεση και
Διαβάστε περισσότεραΥπερσυνδέσεις (hyperlinks)
Υπερσυνδέσεις (hyperlinks) Οι υπερσυνδέσεις αποτελούν το δυναμικό στοιχείο σε ένα έγγραφο html. Με τις υπερσυνδέσεις είναι δυνατή, εύκολη και γρήγορη η μετάβαση ή η παραπομπή από ένα αρχείο html (πηγή)
Διαβάστε περισσότεραTEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο)
TEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο) Διδάσκων: Ανδρέας Γιαννακουλόπουλος Επιστημονικός συνεργάτης Εργαστηρίου: Στέλλα Λάμπουρα Εαρινό εξάμηνο Χρηματοδότηση Το παρόν εκπαιδευτικό υλικό έχει αναπτυχθεί
Διαβάστε περισσότεραΤο βασικά χαρακτηριστικά που διαθέτει out-of-the-box (δηλαδή από την αρχική του έκδοση) είναι τα παρακάτω:
melissa.cms - το απόλυτο εργαλείο για δηµιουργήσετε την ιστοσελίδα σας To meliisa.cms είναι ένα σύστηµα ανοιχτής αρχιτεκτονικής διαχείρισης περιεχοµένου ιστοσελίδων. Σας επιτρέπει να το χρησιµοποιείται
Διαβάστε περισσότεραΕΡΓΑΣΤΗΡΙΟ FRONT PAGE 2
ΕΡΓΑΣΤΗΡΙΟ FRONT PAGE 2 Μάθαµε στο προηγούµενο µάθηµα πώς να δίνουµε ονόµατα στις ιστοσελίδες µας, να βάζουµε χρώµα και γραφικά, ή ακόµα να δηµιουργούµε υπερσυνδέσµους σε κείµενο και εικόνες. Σήµερα µεταξύ
Διαβάστε περισσότερα