|
|
|
- Νομική Μπότσαρης
- 8 χρόνια πριν
- Προβολές:
Transcript
1 H T M L Hyper Text Markup Language Γλώσσα Χαρακτηρισµού (Σήµανσης- Μορφοποίησης) Υπερκειµένου 1
2 Hypertext (Υπερκείµενο) Μορφή ηλεκτρονικού κειµένου εν έχει γραµµικότητα (ακολουθητική σταθερή µορφή) Τρόπος οργάνωσης της πληροφορίας σε µονάδες (nodes) σχετιζόµενες µεταξύ τους Τµήµατα υπογραµµισµένα σύνδεση µε άλλους κόµβους υπερσύνδεσµοι (hyperlinks) 2
3 Γλώσσα HTML Περιγραφική γλώσσα προγραµµατισµού Χρησιµοποιείται για τη δηµιουργία σελίδων ιστού (www) Καθορίζει τη λογική οργάνωση ενός αρχείου κειµένων που περιλαµβάνει συνδέσµους Χρήση links hyperlinks για µεταφορά από µια ιστοσελίδα σε άλλη Χρησιµοποιεί απλές εντολές-ταµπέλες (tags) για τη µορφοποίηση του κειµένου Χρησιµοποιεί απλό text editor ιαδεδοµένη και ευέλικτη Η HTML βασίζεται στη γλώσσα SGML (standard generalized markup language) µεγαλύτερο σύστηµα επεξεργασίας εγγράφου 3
4 Εκδόσεις HTML 1990 Ο Tim Berners-Lee στη Γενεύη δηµιούργησε το πρωτόκολλο http σηµατοδότησε την αρχή του internet οι σελίδες που ήταν η βάση του www ήταν γραµµένες στη γλώσσα HTML (πρώτη έκδοση) 1994 από τον οργανισµό Internet Engineering Task Force πρότυπο HTML έκδοση 3.2 (αποδεκτή από Microsoft και Netscape) 1997 έκδοση 4.0 µια παραλλαγή της αρχικής γλώσσας είναι η XΗTML 4.01(δυναµικές εντολές 4
5 HTML και Internet Κάθε ιστοσελίδα στο Internet είναι αρχείο γραµµένο σε html Η σχεδίαση και η δοµή σελίδας οργάνωση : - ιεραρχική δοµή - γραµµική δοµή Χαρακτηριστικά σελίδων: Σαφήνεια συντοµία Αυτονοµία Συµβατότητα γλώσσας για πολλούς browsers ηµοσίευση ιστοσελίδων στο διαδίκτυο: WED publishing Wizard (Windows) 5
6 HTML µια δοµηµένη γλώσσα Η βασική δοµή ενός HTML αρχείου είναι: <HTML> <HEAD> <TITLE> My First Web Page </TITLE> </HEAD> TAGS <BODY> Εδώ παρεµβάλλονται οι εντολές της HTML </BODY> </HTML> 6
7 Header Ορίζεται από το <head> και περιγράφει το HTML αρχείο <title>: το πιο συχνά χρησιµοποιούµενο και το πλέον απαραίτητο <base>: ορίζει την κύρια τοποθεσία του αρχείου και χρησιµεύει ως αναφορά για όλα τα pathnames και links <link>: ορίζει τη σχέση του παρόντος αρχείου µε ένα άλλο αρχείο <meta>: παρέχει πληροφορίες για το αρχείο, όπως λέξεις-κλειδιά <script>: προστίθεται αν θέλουµε να χρησιµοποιήσουµε JavaScript, VBScript <style>: για ενσωµάτωση CSS (Cascading Style Sheets) 7
8 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> 8
9 HTML πρώτο παράδειγµα <HTML> <HEAD> <TITLE> My First Web Page </TITLE> </HEAD> <BODY> Εδώ παρεµβάλλονται οι εντολές της HTML </BODY> </HTML> 9
10 Τα tags Ορισµός: Μικρές «εντολές» που ορίζουν την αρχή και το τέλος µιας λειτουργίας (εντολές δήλωσης) Περικλείονται σε σύµβολα µικρότερου & µεγαλύτερου : <εντολή> Όταν το tag κλείνει µια λειτουργία (tag τέλους) περιλαµβάνει και µια κάθετο </εντολή> Συνηθέστερη µορφή: <όνοµα tag> επηρεαζόµενο κείµενο</όνοµα tag> 10
11 Ανάλυση των βασικών tags ενός Html αρχείου <HTML> - δήλωση στο browser ότι αρχίζει ένα html έγγραφο - περιέχει κώδικα γραµµένο σε html - ελέγχει τη δοµή εγγράφου της σελίδας - όλο το περιεχόµενο της σελίδας βρίσκεται εντός της ετικέτας html -κάθε ετικέτα html εµφωλιασµένη (nested) <HEAD> - βασική πληροφορία που αφορούν το έγγραφο /πρόλογος για το υπόλοιπο κείµενο -συχνά όµως δεν εµφανίζεται στο browser -περιέχει την ετικέτα <TITLE> -αµφίπλευρη ετικέτα </HEAD> 11
12 <TITLE> - τίτλος εγγράφου αντιστοιχεί στο περιεχόµενο της σελίδας -εντός της head - χρησιµοποιείται από σελιδοδείκτες (bookmarkers) του φυλλοµετρητή -ετικέτα αµφίπλευρη </TITLE> <BODY> -κυρίως περιεχόµενο (κείµενο- links) εγγράφου -αµφίπλευρη ετικέτα </BODY> </HTML> δήλωση στο browser ότι τελειώνει ένα html έγγραφο 12
13 Άλλα χαρακτηριστικά των Tags Οι ετικέτες δεν εµφανίζονται από τα προγράµµατα ανάγνωσης (µόνο από html αρχείο ή από το προέλευση εγγράφου) Συχνά λειτουργούν ως µεταβλητές που παίρνουν τιµές ίνουν τίτλους στα διάφορα στοιχεία της σελίδας εν γίνεται διάκριση µεταξύ κεφαλαίων και πεζών γραµµάτων Λειτουργούν ως αµφίπλευρες (δηλώνουν αρχή και τέλος κειµένου) «µονόπλευρες» πχ <title> 13
14 ηµιουργία HTML Τα αρχεία της HTML τα γράφουµε σε συντάκτες κειµένου (Frontpage Editor, Dreamweaver, WebEdit, HotDog, Home Site, HtmlNotes, WedMatter) προγράµµατα που αποθηκεύουν αρχεία κειµένου σε µορφή ASCII. Τέτοια προγράµµατα είναι : Notepad, wordpad, write (Windows) Edit (Dos) Vi, emacs, pico (Unix) TeachText (Macintosh) το όνοµα του αρχείου θα πρέπει να έχει επέκταση.html ή.htm σε συστήµατα dos ή windows που επιτρέπουν τις επεκτάσεις µόνο τριών χαρακτήρων. 14
15 Text Editor (διορθωτές) Το περιβάλλον του προγράµµατος αυτού περιέχει: o υνατότητα χειρισµού εγγράφων HTML o Εργαλειόµπαρες ενσωµάτωση εντολών Html o Εκκίνηση µε διαφορετικά πρότυπα (templates) δηµιουργία ιστοσελίδων o Άµεσος έλεγχος του κώδικα & σχεδίασης της ιστοσελίδας (Internal Viewer) o Έλεγχος του κώδικα µε εξωτερικούς browser [ Internet Explorer, Netscape Navigator] 15
16 Μορφοποίηση κειµένου ΦΥΣΙΚA ΣΤΥΛ : <B>, έντονη γραφή (Bold). <I>, πλάγια γραφή (Italic). <U>, υπογράµµιση. <S>, διακριτή διαγραφή. <BIG>, µεγαλύτερο µέγεθος από το περιβάλλον κείµενο. <SMALL>, µικρότερο µέγεθος από το περιβάλλον κείµενο. <SUB>, δείκτης. <SUP>, εκθέτης. <P>, αλλαγή παραγράφου <CENTER> κεντρική στοίχιση <PRE> η µορφοποίηση γίνεται σύµφωνα µε τη δοµή που δίνεται στο διορθωτή 16
17 Παράδειγµα µορφοποίησης κειµένου <HTML> <HEAD> <TITLE> My First Web Page </TITLE> </HEAD> <BODY> <B> Εδώ παρεµβάλλονται οι εντολές της HTML</B><p> <I> Εδώ παρεµβάλλονται οι εντολές της HTML</I><p> <U> Εδώ παρεµβάλλονται οι εντολές της HTML</U><p> <S> Εδώ παρεµβάλλονται οι εντολές της HTML</S><p> <BIG> Εδώ παρεµβάλλονται οι εντολές της HTML</BIG><p> <SMALL> Εδώ παρεµβάλλονται οι εντολές της HTML</SMALL><p> Εδώ παρεµβάλλονται οι εντολές της <SUB> HTML </SUB><p> Εδώ παρεµβάλλονται οι εντολές της <SUP> HTML </SUP><p> </BODY> </HTML> 17
18 Παράδειγµα µορφοποίησης κειµένου 18
19 Μορφοποίηση κειµένου ΦΥΣΙΚA ΣΤΥΛ : <CENTER> κεντρική στοίχιση <PRE> η µορφοποίηση γίνεται σύµφωνα µε τη δοµή που δίνεται στο διορθωτή 19
20 Παράδειγµα µορφοποίησης κειµένου 2 <HTML> <HEAD> <TITLE> My First Web Page </TITLE> </HEAD> <BODY> <CENTER> Εδώ παρεµβάλλονται οι εντολές της HTML</CENTER><p> <CENTER><B> Εδώ παρεµβάλλονται οι εντολές της HTML</B></CENTER><p> <PRE> </PRE> </BODY> </HTML> Εδώ παρεµβάλλονται οι εντολές της HTML 20
21 Παράδειγµα µορφοποίησης κειµένου 2 21
22 Επικεφαλίδες Ξεχωριστό στυλ σε τµήµατα του κειµένου Η HTML περιέχει 6 επίπεδα: <H1> πρώτο επίπεδο</η1>. <Η6>έκτο επίπεδο </H6> <H1 ALIGN=CENTΕR>στοίχισηστοκέντρο</H1> <H1 ALIGN=LEFT> αριστερήστοίχιση </H1> <H1 ALIGN=RIGHT> δεξιάστοίχιση </H1> 22
23 Παράδειγµα Επικεφαλίδων <HTML> <HEAD> <TITLE> Test Web Page </TITLE> </HEAD> <BODY> <H1>Πρώτοεπίπεδο</Η1> <p> <H2> εύτεροεπίπεδο</η2> <p> <H3>Τρίτοεπίπεδο</Η3> <p> <H4>Τέταρτοεπίπεδο</Η4> <p> <H5>Πέµπτοεπίπεδο</Η5> <p> <H6>Έκτοεπίπεδο </H6> <p> <H3 ALIGN=CENTER> στοίχιση στο κέντρο </H3> <H3 ALIGN=LEFT>αριστερήστοίχιση </H3> <H3 ALIGN=RIGHT>δεξιάστοίχιση </H3> </BODY> </HTML> 23
24 Παράδειγµα Επικεφαλίδων 24
25 Παράγραφοι Ετικέτα <P> ιαχωρισµός παραγράφων (απόσταση) <P ALIGN=CENTΕR>στοίχισηστοκέντρο</P1> <P ALIGN=LEFT> αριστερήστοίχιση </P1> <P ALIGN=RIGHT> δεξιάστοίχιση </P1> 25
26 Γραµµατοσειρά Αλλαγή γραµµατοσειράς <FONT FACE= arial> κείµενο</font> Αλλαγή µεγέθους γραµµατοσειράς <FONT SIZE=n> κείµενο</font> Τιµέςτου nαπό
27 Παράδειγµα Γραµµατοσειράς <HTML> <HEAD> <TITLE> Test Web Page </TITLE> </HEAD> <BODY> <FONT FACE= arial>αυτόείναιτοκείµενοµαςσε Arial </FONT><p> <FONT FACE= Times New Roman> Αυτό είναι το κείµενο µας σε Times New Roman </FONT><p> <FONT SIZE=6> Αυτό είναι το κείµενο µας µε µέγεθος γραµµατοσειράς 6 </FONT><p> <FONT FACE= arial SIZE=4>Αυτόείναιµε Arial size 4 </FONT> </BODY> </HTML> 27
28 Παράδειγµα Γραµµατοσειράς 28
29 Οριζόντιοι Χάρακες <HR> οριζόντια γραµµή στη θέση της ιστοσελίδας που εισάγεται (χωρίζει σε τµήµατα) Παράµετροι: SIZE (πάχος γραµµής) WIDTH (οριζόντιο πλάτος γραµµής) NOSHADE (απλή γραµµή/ όχι τρισδιάστατη) 29
30 Παράδειγµα Οριζόντιοι Χάρακες <HTML> <HEAD> <TITLE> Test Web Page </TITLE> </HEAD> <BODY > Αυτόείναιτοπρώτοµέρος <p> <HR> <HR WIDTH="50%"> <HR SIZE=6> <HR NOSHADE> Αυτό είναι το δεύτερο µέρος </BODY> </HTML> 30
31 Χρώµα Παράµετρος :TEXT= RGB (βάση παραγωγής χρώµατος/ αριθµός 0-255) Κειµένου <BODY TEXT= RGB > Τµήµα κειµένου <FONT COLOR= RGB > κείµενο</font> Φόντου <BODY BGCOLOR= RGB > Σύνδεσµοι <BODY ALINK=green VLINK=red> ALINK="######" --Τοχρώµατωνσυνδέσµωνπρινγίνει click. VLINK="######" --Τοχρώµατωνσυνδέσµωνµετάτην επίσκεψη τους. 31
32 Παράδειγµα Χρώµατος <BODY BGCOLOR="#xxxxxx"> Το χρώµα προσδιορίζεται έναν εξαψήφιοκωδικό. εκαεξαδική παράσταση. ύο ψηφία για κάθε βασικό χρώµα Ήαπότοόνοµατου χρώµατος 32
33 Παράδειγµα Χρώµατος <HTML> <HEAD> <TITLE> Test Web Page </TITLE> </HEAD> <BODY BGCOLOR="#2F4F4F" TEXT="#000000" > Αυτόείναιτοκείµενοµας <p> <FONT COLOR= #FFFFFF > Αυτό είναι το κείµενο µας</font><p> <FONT COLOR=red> Αυτό είναι το κείµενο µας</font> </BODY> </HTML> 33
34 Υπερσύνδεσµοι Tag <a> </a> Υπερσύνδεσµος που οδηγεί σε ιστοσελίδα <a href=" Google Page</a> To Google Page είναιαυτόπουφαίνεται Το είναι η ιστοσελίδα στην οποία µας παραπέµπει Υπερσύνδεσµος που οδηγεί στο <a Here To Send An To Me</a> Το Click Here To Send An To Me είναι το κείµενο που θα εµφανίζεται Το είναι η ηλεκτρονική διεύθυνση αποστολής του 34
35 Παράδειγµα Υπερσύνδεσµοι <body> <h1>the Wonderful World of Hyperlinks</h1> <hr> Let's create a hyperlink to <a href=" Google Home Page</a> <p>if we move our cursor over the words "Google Home Page", our cursor should turn into a hand. We can access the Google homepage with just a <i>click</i> of the mouse. <hr> </body> 35
36 Εικόνες Εισαγωγή εικόνας: <IMG SRC= ονοµα_αρχείου_εικόνας > παράµετροι: BORDER Καθορισµός περιθωρίου WIDTH καθορισµός πλάτους HEIGHT καθορισµός ύψους ALT (ALTernatne Τag) τίτλος σε εικόνα ALIGN στοίχιση (LEFT,RIGHT,TOP,BOTTOM MIDDLE) <IMG BORDER="0" HEIGHT=150 WIDTH=150 ALT= Εικόνα ALIGN=RIGHT SRC= image.gif > * οι περισσότεροι browsers: BMP,JPEG,GIF,PNG (γραφικά) 36
37 Εικόνες Χρήση εικόνας ως συµβόλου συνδέσµου <A HREF= <IMG SCR= googleimage.gif > </A> Φόντο Ιστοσελίδας <BODY BACKGROUND= bg27.gif > Ένθετες & εξωτερικές εικόνες(inline images) Φορτώνονται αυτόµατα µαζί µε το κείµενο Μορφοποίηση GIF, GPEG Προγράµµατα ψηφιακής επεξεργασίας εικόνας: Adobe Photoshop, Paint Shop Pro, CorelDraw 37
38 Παράδειγµα Εικόνες <HTML> <HEAD> <TITLE> Test Web Page </TITLE> </HEAD> <BODY BACKGROUND="bg.jpg"> <A HREF= <IMG SRC= "googleimage.jpg"> </A> <B> Αυτό είναι το κείµενo </B><p> <IMG BORDER="0" HEIGHT=150 WIDTH=150 ALT= Εικόνα ALIGN=RIGHT src="books.gif"> <img align="top" src="books.gif"> text text text rwrwer <p><img align="middle" src="books.gif"> text text text qweqwe </p> <p><img align="bottom" src="books.gif"> text text text qweqweqweqwe</p> </BODY> </HTML> 38
39 Παράδειγµα Εικόνες 39
40 Παράδειγµα Εικόνες <HTML> <HEAD> <TITLE> Test Web Page </TITLE> </HEAD> <BODY BACKGROUND="bg27.jpg"> <IMG BORDER="0" HEIGHT=150 WIDTH=150 ALT= Εικόνα ALIGN=LEFT src="books.gif"> <IMG BORDER="3" HEIGHT=40 WIDTH=80 ALT= Εικόνα ALIGN=LEFT src="books.gif"> <IMG BORDER="5" HEIGHT=15 WIDTH=15 ALT= Εικόνα ALIGN=LEFT src="books.gif"> </BODY> </HTML> 40
41 Πορεία εµφάνισης Ιστοσελίδας Αφού πληκτρολογήσουµε το Url (δικτυακή διεύθυνση) 1. Η ονοµαστική διεύθυνση µεταφέρεται ως αίτηµα στους servers ( διακοµιστές που προσφέρουν σύνδεση στο Internet) 2. O server εντοπίζει την αριθµητική διεύθυνση (IP) που αντιστοιχεί σ αυτό το όνοµα 3. Ο υπολογιστής διασυνδέεται µ αυτό το server και αρχίζουν να µεταφέρονται τα δεδοµένα ( δοµή σελίδας, περιεχόµενα, εικόνες..) 4. Ο browser συγκεντρώνει τις πληροφορίες και τις µορφοποιεί 5. Στήνει τη σελίδα στην οθόνη (ανάκτηση σελίδας από Web) Browser (φυλλοµετρητής) πρόγραµµα ερµηνείας εντολών html (Ιnternet Explorer, opera κ.α 41
42 Επιπλέον.. Οι φυλλοµετρητές (browsers) : λειτουργούν ως µορφοποιητές για την HTML) ιαδικασία : ιαβάζουµε µια σελίδα γραµµένη µε την HTML σε ένα browser Ο browser διερµηνεύει τα tags (ετικέτες) της HTML Μορφοποιεί το κείµενο και τις εικόνες στην οθόνη Ωστόσο ιαφορετικοί browsers σε διάφορους Η/Υ εµφανίζουν µε διαφορετικό τρόπο κάθε στοιχείο της σελίδας 42
43 Πίνακες <table border> <caption>πίνακας Μαθητών </caption> <tbody> <th> Επίθετο </th> <th> Όνοµα </th> <tr> <td> ηµητρίου </td> <td> Γεώργιος </td> </tr> <tr> <td> Νικολάου </td> <td> Παναγιώτης </td> </tr> </tbody> </table> <table> </table> αρχή τέλος πίνακα. <caption> Τίτλος Πίνακα. <th> Επικεφαλίδες στηλών πίνακα. <td> τα δεδοµένα του πίνακα. <tr> table row, γραµµή πίνακα Border φτιάχνειαπλό περίγραµµα 43
44 Παράδειγµα Πίνακες Μορφοποιήσεις <table border="16" cellspacing="6" cellpadding="13"> 44
45 Πίνακες <table border="16" cellspacing="6" cellpadding="13"> Border το µέγεθος του εξωτερικού πλαισίου του πίνακα Cellspacing απόσταση µεταξύ των κελιών Cellpadding απόσταση από τα άκρα των κελιών <td align= RIGHT"> κάνει στοίχιση των δεδοµένων δεξιά (default). Άλλες επιλογές κέντρο (CENTER), αριστερά (LEFT) Προσθήκη εικόνας εάν αντί πχ ονόµατα προσθέσουµε την εντολή <IMG SRC= image.gif"> Προσθήκη µε τον ίδιο τρόπο υπερσυνδέσµων, . 45
46 Πίνακες ALIGN = LEFT CENTER RIGHT horizontal alignment of cell contents <TR ALIGN=LEFT> VALIGN = TOP MIDDLE BOTTOM BASELINE vertical alignment of cell contents <TR VALIGN=MIDDLE> BGCOLOR: background color <TR BGCOLOR="#CCCC99"> BACKGROUND: background image not fully supported BORDERCOLOR: color of border around each cell <TABLE BORDER=10 BORDERCOLOR=RED> BORDERCOLORLIGHT: color of "light" part of border around each cell BORDERCOLORDARK: color of "dark" part of border around each cell <TABLE BORDER=10 BORDERCOLORLIGHT=YELLOW BORDERCOLORDARK=BLUE> 46
47 Λίστες Λίστα :καταγραφή οµοειδών στοιχείων όπου τα δεδοµένα χωρίζονται µε σαφή και διακριτό τρόπο Μορφοποιήσεις: Αριθµηµένες λίστες (Ordered List) <ol> <li> Πρώτο αντικείµενο λίστας </li> <li> εύτερο αντικείµενο λίστας </li> </ol> Μη αριθµηµένες λίστες (Unordered List) <ul> <li> Πρώτο αντικείµενο λίστας </li> <li> εύτερο αντικείµενο λίστας </li> </ul> εισαγωγή: µε µονόπλευρη ετικέτα <li> (List Item) 47
48 Λίστες Λίστες ορισµού ή γλωσσάριου (Definition List) επεξηγήσεις <dl> <dt> Πρώτος όρος </dt> <dd> Ο ορισµός του </dd> <dt> εύτερος όρος </dt> <dd> Ο ορισµός του </dd> </dl> 48
49 Παράδειγµα Λίστες 49
50 Λίστες Φωλιασµένες λίστες (Nested List) ενσωµατώνουν στοιχεία από άλλες λίστες <ol> <li> στοιχείο α </li> <ul> <li>περίπτωση 1 </li> <li>περίπτωση 2 </li> </ul> <li> στοιχείο β </li> </ol> 50
51 Μορφοποιήσεις Λιστών <ul type=x> µορφοποίησηκουκίδας Type=square Type=Circle Type=Disc <ol type=x> µορφοποίησηαρίθµησης Type=A A, B, C, Type=a a, b, c, Type=I I, II, III, Type=I I, ii, iii, 51
52 Φόρµες Επιτρέπει: Εισαγωγή κειµένου Επιλογές Πλαίσια κειµένου (επιλογή ενός ή περισσότερων στοιχείων ) Πλήκτρα επιλογής (επιλογή ενός στοιχείου) Λίστες επιλογής Ξεχωριστή παρουσίαση... 52
53 Άλλα... ΣΧΟΛΙΑ (αγνοούνται από τo browser) <! - -sxolio - - > ΑΠΟΣΠΑΣΜΑΤΑ ( ιαφοροποιούνται από το κανονικό κείµενο µε εσοχές) <BLOCKQUOTE> ΙΕΥΘΥΝΣΕΙΣ (υπογραφή, ηµεροµηνία δηµιουργίας, πνευµατικά δικαιώµατα) <ADDRESS> 53
54 Άλλα... <html> <head> <title> οκιµή</title> </head> <body> <! Είναι σχόλιο δεν φαίνεται...> Αυτό είναι µία ακόµα δοκιµή <blockquote> Αυτό είναι µία ακόµα δοκιµή </blockquote> <address>αυτό είναι µία ακόµα δοκιµή</address> </body> </html> 54
55 ΠΡΟΣΘΗΚΗ ΜΟΥΣΙΚΗΣ ΣΤΗ ΣΕΛΙ Α (1) Η Χρήση του Embed Tag Η τοποθέτηση µουσικής υπόκρουσης σε µια ιστοσελίδα είναι πολύ πιο εύκολη υπόθεση απ' ότι ίσως φαντάζεστε! υστυχώς κάποιες φορές η µουσικήίσωςενοχλείκάποιουςανθρώπους, γι' αυτό θα δείξουµε πως να βάζουµε και κουµπιά ελέγχουστησελίδα. Η ετικέτα <embed> έχει πολλές παραµέτρους, αλλά εδώθαδούµε τιςχρησιµότερεςαπόαυτές. Ηετικέτα embed µπορείνακάνειταπάντααπόνα προσθέσει ήχο σε µια ιστοσελίδα µέχρι βίντεο ή ακόµα και ActiveX scripting. 55
56 ΠΡΟΣΘΗΚΗ ΜΟΥΣΙΚΗΣ ΣΤΗ ΣΕΛΙ Α (2) ΗΧρήσητου Embed Tag Ακολουθείέναπαράδειγµα: <embed src="file.wav" autostart=true loop=false volume=100 hidden=true width=142 height=58> <noembed> <bgsound src="file.wav"> </noembed> </embed> Ο παραπάνω κώδικας θα φορτώσει το αρχείο "file.wav" και θα το παίξει σε πλήρη ένταση (100%), δε θα το επαναλάβει, και δε θα δείξει κουµπιά ελέγχου στη σελίδα. Το ύψος και το πλάτος αναφέρονται στα κουµπιά ελέγχου. Αν δεν καθορίσετε καθόλου ύψος και πλάτος τα κουµπιά ελέγχου δεν θα εµφανιστούν. Η ετικέτα <bgsound> µέσα στο <noembed> χρησιµεύει στο να λέει σε παλαιότερους browsers (ειδικάπαλαιότερεςεκδόσειςτου Internet Explorer) να αναπαράγουν το αρχείο, ακόµα κι αν δεν αναγνωρίζουν την ετικέτα <embed>. Οι browsers που υποστηρίζουν την ετικέτα <embed> ξέρουν και δε χρησιµοποιούν οτιδήποτε υπάρχει µέσα στο <noembed> tag, και έτσι ο ήχος 56 δενπαίζεταιδύοφορές.
57 ΠΡΟΣΘΗΚΗ ΜΟΥΣΙΚΗΣ ΣΤΗ ΣΕΛΙ Α (3) Ακολουθεί ένας πίνακας µε τις πιο συχνά χρησιµοποιούµενες παραµέτρουςτηςετικέτας <embed>: 57
58 ΠΡΟΣΘΗΚΗ BINTEO ΣΤΗ ΣΕΛΙ Α (1) Ακολουθούν οι παράµετροι που µπορείτε να χρησιµοποιήσετεγιατο embed tag καιησηµασίατους: 58
59 ΠΡΟΣΘΗΚΗ BINTEO ΣΤΗ ΣΕΛΙ Α (2) Παρακάτω δίνεται ένα παράδειγµα της ετικέτας µε όλες της τις παραµέτρους: <embed autostart="true" bgcolor="#000000" border="10" controller="true" height="150" hidden="false" loop="true" pluginspage=" ml" src="filename.mov" width="150"> Προφανώς δεν χρειάζονται όλα αυτά για να παίξει ένα βίντεο, γι αυτό ας χρησιµοποιήσουµε τα απολύτως απαραίτητα. Κάντε το δικό σας embed tag όπως το παρακάτω: <embed src="filename.mov" autostart="true" controller="true" hidden="false"> 59
60 ΠΡΟΣΘΗΚΗ BINTEO ΣΤΗ ΣΕΛΙ Α (3) Μερικοί προτιµούν να χρησιµοποιούν πίνακες και άλλα κόλπα για να κάνουν πιο όµορφα layouts ή περιγράµµατα γύρω από τις ταινίες τους. Τα QuickTime και AVI αρχεία χρησιµοποιούνται συχνότερα λόγω της µεγάλης τους συµβατότητας. Τα RealMedia αρχεία επίσης είναι διαδεδοµένα, αλλά µερικές φορές παρουσιάζουν προβλήµατα ασυµβατότητας εξαιτίας προβληµατικών players και plug-ins που δεν αναγνωρίζουνταίδιατουςτα format. 60
Εισαγωγή στον Παγκόσμιο ιστό και στη γλώσσα Html. Χρ. Ηλιούδης
Εισαγωγή στον Παγκόσμιο ιστό και στη γλώσσα Html Χρ. Ηλιούδης Παγκόσμιος Ιστός (WWW) Ο Παγκόσμιος Ιστός (World Wide Web WWW), ή απλώς Ιστός, βασίζεται στην ιδέα των κατανεμημένων πληροφοριών. Αντί όλες
Η γλώσσα HTML. Επιμέλεια: Δέγγλερη Σοφία
Η γλώσσα HTML Επιμέλεια: Δέγγλερη Σοφία Υπερκείμενο Το δομικό χαρακτηριστικό του Παγκόσμιου Ιστού Ένα αρχείο Απλό κείμενο και υπερσύνδεσμοι Υπερσύνδεσμος Μετάβαση σε διάφορα άλλα έγγραφα Αποτελείται από
Πληροφορική Τμήμα Σχεδιασμού & Τεχνολογίας Ξύλου & Επίπλου Αντώνιος Καραγεώργος Ευανθία Τσιλιχρήστου. Μάθημα 5 ο Τεχνολογίες Διαδικτύου: HTML I
Πληροφορική Τμήμα Σχεδιασμού & Τεχνολογίας Ξύλου & Επίπλου Αντώνιος Καραγεώργος Ευανθία Τσιλιχρήστου Μάθημα 5 ο Τεχνολογίες Διαδικτύου: HTML I Διαδικτυακή Εφαρμογή (1/2) Ως διαδικτυακή εφαρμογή μπορούμε
Άσκηση 6 Επαναληπτική Άσκηση HTML
Άσκηση 6 Επαναληπτική Άσκηση HTML ΕΤΙΚΕΤΕΣ HTML ΕΤΙΚΕΤΑ ΠΕΡΙΓΡΑΦΗ ΙΔΙΟΤΗΤΕΣ ΙΔΙΟΤΗΤΑ ΤΙΜΗ ΠΕΡΙΓΡΑΦΗ Βασικές Ορίζει τον τύπο του αρχείου Ορίζει ένα αρχείο HTML Ορίζει ένα τίτλο
ΑΣΠΑΙΤΕ. ΠΡΑΚΤΙΚΗ ΑΣΚΗΣΗ 4α. Υπερκείμενο και HTML. Ημερομηνία :... Τμήμα :... Ονοματεπώνυμο :...
ΠΡΑΚΤΙΚΗ ΑΣΚΗΣΗ 4α Υπερκείμενο και HTML ΑΣΠΑΙΤΕ Ημερομηνία :... Τμήμα :... Ονοματεπώνυμο :... Η HTML (HyperText Markup Language) είναι η γλώσσα που χρησιμοποιείται για να περιγράψει τη δομή και τη διαμόρφωση
ΠΡΟΓΡΑΜΜΑΤΙΣΤΙΚΑ ΕΡΓΑΛΕΙΑ ΓΙΑ ΤΟ ΔΙΑΔΙΚΤΥΟ
ΠΡΟΓΡΑΜΜΑΤΙΣΤΙΚΑ ΕΡΓΑΛΕΙΑ ΓΙΑ ΤΟ ΔΙΑΔΙΚΤΥΟ Κεφάλαιο 4. Η γλώσσα HTML Επιμέλεια: Καραγιάννης Σπύρος Καθηγητής ΠΕ19 Βασικοί κανόνες σύνταξης HTML ομή σελίδας HTML Μορφοποίηση κειμένου Κατάλογοι Εισαγωγή
ΒΑΣΙΚΕΣ ΑΡΧΕΣ ΣΧΕΔΙΑΣΜΟΥ ΕΦΑΡΜΟΓΩΝ
ΒΑΣΙΚΕΣ ΑΡΧΕΣ ΣΧΕΔΙΑΣΜΟΥ ΕΦΑΡΜΟΓΩΝ Βαγγελιώ Καβακλή Τμήμα Πολιτισμικής Τεχνολογίας & Επικοινωνίας 8 Μαρτίου 2001 Hypertext Markup Language (HTML)! Σε μια ιστοσελίδα μπορούν να εμφανίζονται διαφορετικά
Πίνακες HTML. Παναγιώτης Γαλάτης 1ο ΕΠΑΛ Ηρακλείου
Πίνακες HTML Παναγιώτης Γαλάτης 1ο ΕΠΑΛ Ηρακλείου Τι είναι Πίνακας Ένας πίνακας στοιχείων αποτελείται από γραμμές και στήλες. Το σημείο τομής μιας γραμμής και μιας στήλης ονομάζεται κελί (cell( cell).
ΕΙΣΑΓΩΓΗ ΣΤΗΝ HTML ΣΧΟΛΙΚΟ ΒΙΒΛΙΟ ΚΕΦΑΛΑΙΟ 11 Ευάγγελος Χ. Ζιούλας (Καθηγητής Πληροφορικής)
http://www.zioulas.gr ΕΙΣΑΓΩΓΗ ΣΤΗΝ HTML ΣΧΟΛΙΚΟ ΒΙΒΛΙΟ ΚΕΦΑΛΑΙΟ 11 Ευάγγελος Χ. Ζιούλας (Καθηγητής Πληροφορικής) WEB SERVER Είναι μια εφαρμογή software που αναλαμβάνει την αποστολή μιας ιστοσελίδας σε
Σχεδίαση ιστοσελίδων
Τ.Ε.Ι. Δυτικής Ελλάδας Σχολή Διοίκησης και Οικονομίας Τμήμα Διοίκησης Επιχειρήσεων - Πάτρα Σχεδίαση ιστοσελίδων Θεώνη Πιτουρά, Γιάννης Κουτσονίκος Σημειώσεις για το Εργαστήριο «Επιχειρηματικές δικτυακές
Εισαγωγή στην πληροφορική
Τμήμα Μηχανικών Πληροφορικής & Τηλεπικοινωνιών Εισαγωγή στην πληροφορική Ενότητα 5: Εισαγωγή στην HTML (Μέρος Α) Αγγελίδης Παντελής Τμήμα Μηχανικών Πληροφορικής και Τηλεπικοινωνιών Άδειες Χρήσης Το παρόν
Η Γλώσσα Προγραμματισμού του Internet HTML
Η Γλώσσα Προγραμματισμού του Internet HTML Η HTML και το Internet Κάθε σελίδα που εμφανίζεται στο Internet είναι ένα αρχείο γραμμένο με τη γλώσσα HTML (HyperText Markup Language, Γλώσσα Χαρακτηρισμού Υπερ-Κειμένου),
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 απαιτεί από τον Υποψήφιο να κατανοεί τις κύριες έννοιες της σχεδίασης και δημοσίευσης δικτυακών
Ετικέτες HTML. <!-->: Τα σχόλια χρησιμοποιούνται για να γράφουμε σημειώσεις μέσα στον
Ετικέτες HTML : Τα σχόλια χρησιμοποιούνται για να γράφουμε σημειώσεις μέσα στον πηγαίο κώδικα για να διευκολύνουμε την επεξεργασία και την συντήρηση του αρχείου. Τα σχόλια δεν εμφανίζονται στην οθόνη
<a href="http://www.somepage.com/somepage.html">μετάβαση στο κείμενο</a>.
HTML Τα αρχεία της HTML έχουν ετικέτες (tags) που ορίζουν τη δομή και τη μορφοποίηση των ιστοσελίδων. Οι περισσότερες HTML ετικέτες τις συναντούμε ως ζεύγη τα οποία ενεργούν στα περιεχόμενα μεταξύ των
Α ΛΥΚΕΙΟΥ - ΕΦΑΡΜΟΓΕΣ ΠΛΗΡΟΦΟΡΙΚΗΣ ΜΑΪΟΣ 2019 ΕΝΔΕΙΚΤΙΚΕΣ ΕΡΩΤΗΣΕΙΣ ΚΑΤΑΝΟΗΣΗΣ
Το υλικό αυτό δίνεται στους μαθητές για τη σωστή μελέτη της διδαχθείσας ύλης του μέρους Β. Πρόκειται για ένα συμπαγή κορμό ερωτήσεων και ασκήσεων οι οποίες καλύφθηκαν κατά τη διάρκεια της έως τώρα σχολικής
Κεφάλαιο 4 HyperText Markup Language - HTML. Προγραμματιστικά εργαλεία για το διαδίκτυο Φίλιππος Κουτσάκας, Πολύγυρος 2013
Κεφάλαιο 4 HyperText Markup Language - HTML Προγραμματιστικά εργαλεία για το διαδίκτυο Φίλιππος Κουτσάκας, Πολύγυρος 2013 Τι είναι η HTML; Ένας τρόπος για να πεις στον σελιδομετρητή πώς να αναπαραστήσει
Εισαγωγη στην html. Η δομή μιας ιστοσελίδας (αρχείο html) Η βασική δομή ενός αρχείου html είναι η εξής: <html> <head>
Εισαγωγη στην html Ο παγκόσμιος ιστός (αγγ.: World Wide Web ή www) είναι η πιο δημοφιλής υπηρεσία που μας παρέχει το Διαδίκτυο (Internet) και είναι ένα σύστημα διασυνδεδεμένων πληροφοριών (κειμένου, εικόνας,
Επαναληπτική Άσκηση ΕΤΙΚΕΤΕΣ HTML
Επαναληπτική Άσκηση ΕΤΙΚΕΤΕΣ HTML ΕΤΙΚΕΤΑ ΠΕΡΙΓΡΑΦΗ ΙΔΙΟΤΗΤΕΣ ΙΔΙΟΤΗΤΑ ΤΙΜΗ ΠΕΡΙΓΡΑΦΗ Βασικές Ορίζει ένα αρχείο HTML Ορίζει ένα τίτλο για το αρχείο Ορίζει το σώµα της background URL
Αλεξιάδης Γεώργιος (ΠΕ86) -
11.1 Γενική Εισαγωγή στην HTML Τι είναι η HTML; HyperText Markup Language (Γλώσσα Χαρακτηρισμού Υπερ-Κειμένου) Βασίζεται στην SGML (Standard Generalized Markup Language) που είναι ένα πολύ μεγαλύτερο σύστημα
Hyper Text Markup Language (HTML) που σημαίνει γλώσσα σήμανσης υπερκειμένου.
Hyper Text Markup Language (HTML) που σημαίνει γλώσσα σήμανσης υπερκειμένου. 1 η ΑΣΚΗΣΗ Οι HTML σελίδες είναι απλές σελίδες κειμένου και μπορούν να δημιουργηθούν από οποιοδήποτε πρόγραμμα επεξεργασίας
Πίνακες. ιδιότητες ετικέτας <tr>
Πίνακες ιδιότητες ετικέτας Ιδιότητα align στοιχίζει κατά την οριζόντια διεύθυνση τα περιεχόμενα μιας γραμμής του πίνακα αριστερά (left), δεξιά (right), στο κέντρο (center), ή με πλήρη στοίχιση (justify)
Πληροφορική Τμήμα Σχεδιασμού & Τεχνολογίας Ξύλου & Επίπλου Αντώνιος Καραγεώργος Ευανθία Τσιλιχρήστου. Μάθημα 6 ο Τεχνολογίες Διαδικτύου: HTML II
Πληροφορική Τμήμα Σχεδιασμού & Τεχνολογίας Ξύλου & Επίπλου Αντώνιος Καραγεώργος Ευανθία Τσιλιχρήστου Μάθημα 6 ο Τεχνολογίες Διαδικτύου: HTML II Εισαγωγή Εικόνων Οι φυλλομετρητές μπορούν να εμφανίσουν ένθετες
Βασίλειος Κοντογιάννης ΠΕ19
Ενότητα3 Επικοινωνία και Διαδίκτυο 11.1 Γενική Εισαγωγή στην HTML Τι είναι η HTML (HyperText Markup Language); Είναι μια γλώσσα σήμανσης (Markup) με την οποία πραγματοποιείται η δόμηση σελίδων του Παγκόσμιου
Σχεδιασμός και Ανάπτυξη Ιστοτόπων. ΕΠΑ.Λ. ΑΛΙΜΟΥ Τομέας Πληροφορικής Κ. Φλώρος
Σχεδιασμός και Ανάπτυξη Ιστοτόπων ΕΠΑ.Λ. ΑΛΙΜΟΥ Τομέας Πληροφορικής Κ. Φλώρος H γλώσσα HTML Άλλες Βιβλιογραφικές πηγές για HTML http://www.w3schools.com/html/ http://www.it.uom.gr/project/html2/lessons.html
Προγραμματισμός Διαδικτύου
Πανεπιστήμιο Δυτικής Μακεδονίας Τμήμα Μηχανικών Πληροφορικής & Τηλεπικοινωνιών Προγραμματισμός Διαδικτύου Δρ. Μηνάς Δασυγένης mdasygenis@uowm.gr Τμήμα της παρουσίασης δημιουργήθηκε από τον κ. Παναγιώτη
Άσκηση 3 -Δηµιουργία ιστοσελίδων µε HTML µέρος 3 ο
Άσκηση 3 -Δηµιουργία ιστοσελίδων µε HTML µέρος 3 ο Εικόνες στην HTML Oι εικόνες ορίζονται µε την ετικέτα . Η συγκεκριµένη ετικέτα δεν κλείνει (είναι λάθος το: ) ή µπορούµε να πούµε ότι ανοίγει
Βαρβάκειο Πρότυπο Γυμνάσιο
Παραδόσεις & εργαστηριακές ασκήσεις στην HTML Βαρβάκειο Πρότυπο Γυμνάσιο Σχολ. Χρονιά 2016-2017 Θ. Οτζάκογλου Εργαστήρι Πληροφορικής Σχολ. Έτος 2016 2017 Αν και δεν είναι μία ακόμη «γλώσσα προγραμματισμού»,
Κεφάλαιο 11: Εισαγωγή στην HTML. Εφαρμογές Πληροφορικής Κεφ. 11 Καραμαούνας Πολύκαρπος
Κεφάλαιο 11: Εισαγωγή στην HTML 1 11.1 Γενική εισαγωγή στην HTML Τι είναι η HTML HyperText Markup Language - Γλώσσα Χαρακτηρισμού Υπερ-Κειμένου είναι η βασική γλώσσα με την οποία πραγματοποιείται η δόμηση
Τεχνολογίες Διαδικτύου (Εξασκηθείτε στην HTML)
Τεχνολογίες Διαδικτύου (Εξασκηθείτε στην HTML) 1. Δημιουργία μιας απλής σελίδας HTML Ανοίξτε το Notepad ακολουθώντας τη διαδρομή Start All Programs Accessories Notepad Πληκτρολογήστε το ακόλουθο κείμενο:
Ποιες είναι οι κύριες ετικέτες που χρησιμοποιεί η HTML για την περιγραφή της συνολικής δομής μιας ιστοσελίδας;
Τι είναι η HTML; Η HTML είναι το ακρωνύμιο των λέξεων HyperText Markup Language, δηλαδή Γλώσσα Χαρακτηρισμού Υπερ Κειμένου και βασίζεται στη γλώσσα SGML, Standard Generalized Markup Language, που είναι
Cascading Style Sheets (CSS)
Cascading Style Sheets (CSS) Τα Cascading Style Sheets προσφέρουν έναν εύκολο τρόπο για να ορίσουμε τη μορφοποίηση που επιθυμούμε να έχουν οι σελίδες μία τοποθεσίας του Παγκόσμιου Ιστού που δημιουργούμε.
Εργαλεία ανάπτυξης εφαρμογών internet Ι
IEK ΟΑΕΔ ΚΑΛΑΜΑΤΑΣ ΤΕΧΝΙΚΟΣ ΕΦΑΡΜΟΓΩΝ ΠΛΗΟΦΟΡΙΚΗΣ Εργαλεία ανάπτυξης εφαρμογών internet Ι HTML Διδάσκουσα: Κανελλοπούλου Χριστίνα ΠΕ19 Πληροφορικής HTML (HyperText Markup Language) Η γλώσσα που χρησιμοποιείται
Η λίστα <ol> (ordered list)
Λίστες (lists) Σε πολλά έγγραφα απαιτείται η παρουσίαση ή η καταγραφή στοιχείων σε μορφή λίστας. Για παράδειγμα, μια λίστα από ονόματα ή μια λίστα από προϊόντα. Τα στοιχεία μιας λίστας μπορεί να είναι
Βαρβάκειο Πρότυπο Γυμνάσιο
Παραδόσεις & εργαστηριακές ασκήσεις στην HTML Βαρβάκειο Πρότυπο Γυμνάσιο Σχολ. Χρονιά 2017-2018 Θ. Οτζάκογλου Εργαστήρι Πληροφορικής Σχολ. Έτος 2016 2017 Αν και δεν είναι μία ακόμη «γλώσσα προγραμματισμού»,
Τεχνολογίες Διαδικτύου - Εργαστήριο 1 ο
Τεχνολογίες Διαδικτύου - Εργαστήριο 1 ο 1. Δημιουργία μιας απλής σελίδας HTML Στον προσωπικό σας κατάλογο δημιουργήστε ένα φάκελο με όνομα HTML. Ανοίξτε το Notepad ακολουθώντας τη διαδρομή (Start All Programs
Τι είναι η HTML; Τί είναι οι ετικέτες (tags); Πώς είναι μια ετικέτα (tag);
Τι είναι η HTML; Η HTML είναι το ακρώνυμο από το Hyper Text Markup Language που σημαίνει γλώσσα χαρακτηρισμού υπερκειμένου. Η χρήση μιας γλώσσας χαρακτηρισμού σημαίνει ότι γράφεται πρώτα το κείμενο και
Εξεταστέα Ύλη (Syllabus) Έκδοση 1.5
Εξεταστέα Ύλη (Syllabus) Έκδοση 1.5 Πνευματικά Δικαιώματα 2005 Ίδρυμα ECDL (ECDL Foundation www.ecdl.com) Όλα τα δικαιώματα είναι κατοχυρωμένα. Κανένα μέρος αυτού του εγγράφου δεν μπορεί να αναπαραχθεί
<HTML> <HEAD> <TITLE> <BODY>
ΑΣΚΗΣΗ 1 1. Ανοίξτε τον επεξεργαστή ιστοσελίδων 2. Αποθηκεύστε στο X:/mathimata/html/askiseis/ με όνομα askisi1b.html 3. Θα φτιάξουμε μια νέα ιστοσελίδα, χρησιμοποιώντας τις βασικές ετικέτες
Πίνακες. ετικέτα <table>
Πίνακες ετικέτα σύνταξη κελί 1 κελί 2 κελί 3 κελί 4 : πίνακας : γραμμή : κελί Ιδιότητα border border : ορίζει
Εισαγωγή στην HTML Τα tags της HTML και τα γνωρίσματά τους
Εισαγωγή στην HTML Τα tags της HTML και τα γνωρίσματά τους Με την γλώσσα περιγραφής υπερ-κειμένου (HTML) μπορούμε να σχεδιάζουμε ιστοσελίδες. Η HyperText Markup Language βασίζεται στην SGML (Standard Generalized
ΕΡΓΑΣΤΗΡΙΟ FRONT PAGE 2
ΕΡΓΑΣΤΗΡΙΟ FRONT PAGE 2 Μάθαµε στο προηγούµενο µάθηµα πώς να δίνουµε ονόµατα στις ιστοσελίδες µας, να βάζουµε χρώµα και γραφικά, ή ακόµα να δηµιουργούµε υπερσυνδέσµους σε κείµενο και εικόνες. Σήµερα µεταξύ
11. Η γλώσσα HTML Πίνακες, Λίστες, Φόρμες
11. Η γλώσσα HTML Πίνακες, Λίστες, Φόρμες Σκοπός του Εργαστηρίου: Σκοπός της παρούσας εργαστηριακής άσκησης είναι η εμβάθυνση σε συχνά χρησιμοποιούμενες ετικέτες HTML, όπως οι πίνακες και οι λίστες, καθώς
Μάθηµα 3 Περ ε ισ ι σότ ό ε τ ρ ε α α γ ια ι α τ η τ η γ λώσ ώ σα α HTML
Μάθηµα 3 Περισσότερα για τη γλώσσα Περισσότερα για τη γλώσσα HTML Περιεχόµενα Επικεφαλίδες (Headings) Παράγραφοι Λίστες Μορφοποίηση κειµένου Σύνδεσµοι Επικεφαλίδες (Headings) Οι επικεφαλίδες επιτελούν
Περιεχόμενα. Λίγα λόγια από το συγγραφέα... 7
Περιεχόμενα Λίγα λόγια από το συγγραφέα... 7 Μέρος 1 1 Βασικοί όροι... 11 2 Βασική δομή κώδικα HTML... 25 3 Μορφοποίηση κειμένου... 39 4 Μορφοποίηση παραγράφων... 51 5 Εισαγωγή εικόνας... 63 6 Λίστες με
Κειµενογράφοι ετικετών
ΕΠΛ 012 Γλώσσα Μορφοποίησης HTML Πως κτίζουµε τις Ετικέτες Notepad ή άλλο TEXT editor Πού τα κάνουµε Save? Πώς τα οργανώνουµε Πώς τα βάζουµε δηµόσια online Τα αρχεία να τελειώνουν σε.html ή.htm Πως ξεκινούµε
Γαβαλάς αµιανός
Πανεπιστήµιο Αιγαίου Σχολή Κοινωνικών Επιστηµών Τµήµα Πολιτισµικής Τεχνολογίας Και Επικοινωνίας ικτυακά Πολυµέσα Ι (Β Έτος, 3ο εξ) Εργαστήριο #1ο: Εισαγωγή στην HTML Γαβαλάς αµιανός dgavalas@aegean.gr
Σχεδίαση και Ανάπτυξη Ιστότοπων. HTML Στοιχεία - Βασικές Ετικέτες Ειδικοί Χαρακτήρες Παρουσίαση 5 η. Βελώνης Γεώργιος Καθηγητής Πληροφορικής ΠΕ20
Σχεδίαση και Ανάπτυξη Ιστότοπων HTML Στοιχεία - Βασικές Ετικέτες Ειδικοί Χαρακτήρες Παρουσίαση 5 η 1 Βελώνης Γεώργιος Καθηγητής Σημασία συμβόλων HTML5 tags Obsolete tags: Μην αφήνετε αυτές τις ετικέτες
Γλώσσες Σήµανσης (Markup Languages) Τεχνολογία ιαδικτύου και Ηλεκτρονικό Εµπόριο
Γλώσσες Σήµανσης (Markup Languages) Τεχνολογία ιαδικτύου και Ηλεκτρονικό Εµπόριο 1 Γλώσσες Σήµανσης Γλώσσες σήµανσης: Αρχικά για τον καθορισµό εµφάνισης σελίδων, γραµµατοσειρών. Στη συνέχεια επεκτάθηκαν
Νέες Τεχνολογίες στην Εκπαίδευση
Σχολή Εφαρμοσμένων Μαθηματικών και Φυσικών Επιστημών Εθνικό Μετσόβιο Πολυτεχνείο Νέες Τεχνολογίες στην Εκπαίδευση Μορφοποίηση κειμένου Στεφανέας Πέτρος Ζαμαρίας Βασίλης Άδεια Χρήσης Το παρόν εκπαιδευτικό
HTML... 1. Εισαγωγή στην HTML και τα CSS
HTML...... 1 Εισαγωγή στην HTML και τα CSS HTML...... 2 HTML. H HTML (HYPERTEXT MARKUP LANGUAGE), είναι µία γλώσσα η οποία «λέει» στον υπολογιστή πως θα πρέπει να εµφανίσει µία ιστοσελίδα. Τα αρχεία στα
ΕΡΓΑΣΤΗΡΙΑΚΗ ΑΣΚΗΣΗ 2 ΜΕΛΕΤΗ ΚΑΙ ΕΦΑΡΜΟΓΗ ΔΗΜΙΟΥΡΓΙΑΣ HTML ΣΕΛΙΔΩΝ ΣΥΝΔΕΣΜΟΙ
ΕΡΓΑΣΤΗΡΙΑΚΗ ΑΣΚΗΣΗ 2 ΜΕΛΕΤΗ ΚΑΙ ΕΦΑΡΜΟΓΗ ΔΗΜΙΟΥΡΓΙΑΣ HTML ΣΕΛΙΔΩΝ ΣΥΝΔΕΣΜΟΙ Στην άσκηση αυτή θα εμπλουτίσουμε την ιστοσελίδα που φτιάξαμε στην προηγούμενη άκηση με πίνακες, συνδέσμους και γραφικά. 1.
Εργασία 11 η Πίνακες (βασικές ετικέτες, βασικές ιδιότητες) 1. Στο Σημειωματάριο πληκτρολογήστε τον παρακάτω κώδικα:
Εργασία 11 η Πίνακες (βασικές ετικέτες, βασικές ιδιότητες) 1. Στο Σημειωματάριο πληκτρολογήστε τον παρακάτω κώδικα: εισαγωγή εικόνων
ΕΠΛ 012 Εισαγωγή στο Παγκόσμιο Πλέγμα Πληροφοριών
ΕΠΛ 012 Εισαγωγή στο Παγκόσμιο Πλέγμα Πληροφοριών World Wide Web (WWW) Θέματα Επεξεργασία δεδομένων στο Web Δημιουργία απλών σελίδων HTML Περιγραφή κάποιων XHTML στοιχείων (tags) Εξέλιξης του WWW Το WWW
1. <body> 2. <header> 3. <h1> My Page </h1> 4. </header> 5. <section>
Ενδεικτικές ερωτήσεις 1. Τι σημαίνουν τα αρχικά CSS 2. Τι σημαίνουν τα αρχικά HTML 3. Ποια η διαφορά μεταξύ Internet και Web; a. Είναι το ίδιο b. Το Web είναι μια υπηρεσία του διαδικτύου 4. Ποια η διαφορά
Εργαλεία Ανάπτυξης Εφαρμογών Internet. Δ.Ι.Ε.Κ. Γλυφάδας Τεχνικός Εφαρμογών Πληροφορικής
Εργαλεία Ανάπτυξης Εφαρμογών Internet Δ.Ι.Ε.Κ. Γλυφάδας Τεχνικός Εφαρμογών Πληροφορικής Το πρότυπο CSS Α Μέρος 2 CSS (Cascading Style Sheets)(1) Ορίζουν την εμφάνιση των στοιχείων σε ένα έγγραφο HTML.
ΕΙΔΙΚΟΙ ΧΑΡΑΚΤΗΡΕΣ ΧΑΡΑΚΤΗΡΕΣ ΜΕ ΕΙΔΙΚΕΣ ΛΕΙΤΟΥΡΓΙΕΣ. ΠΙΝΑΚΑΣ ΚΩΔΙΚΩΝ ΔΙΑΦΥΓΗΣ Χαρακτήρας Κωδικός διαφυγής Ερμηνεία Συμβόλου & nbsp;
ΕΙΔΙΚΟΙ ΧΑΡΑΚΤΗΡΕΣ Υπάρχουν ειδικοί χαρακτήρες που δεν μπορούν να απεικονισθούν με απλές πληκτρολογήσεις (πατώντας ένα πλήκτρο ή ένα πλήκτρο και το Shift) αλλά μόνο με πιο περίπλοκους τρόπους (π.χ. πατώντας
Νέες Τεχνολογίες στην Εκπαίδευση
Σχολή Εφαρμοσμένων Μαθηματικών και Φυσικών Επιστημών Εθνικό Μετσόβιο Πολυτεχνείο Νέες Τεχνολογίες στην Εκπαίδευση Επάλληλα φύλλα στυλ (CSS): Μια εισαγωγή Στεφανέας Πέτρος Ζαμαρίας Βασίλης Άδεια Χρήσης
Περιεχόμενα. Γαβαλάς Δαμιανός
Δικτυακά Πολυμέσα ΙΙ Διάλεξη #5 η : Τυπογραφία στο web Γαβαλάς Δαμιανός dgavalas@aegean.gr Περιεχόμενα Κατανόηση αρχών σχεδιασμού με γραμματοσειρές Κατανόηση των μονάδων μέτρησης που χρησιμοποιούνται στα
ΠΡΟΓΡΑΜΜΑΤΙΣΤΙΚΑ ΕΡΓΑΛΕΙΑ ΓΙΑ ΤΟ ΔΙΑΔΙΚΤΥΟ
ΠΡΟΓΡΑΜΜΑΤΙΣΤΙΚΑ ΕΡΓΑΛΕΙΑ ΓΙΑ ΤΟ ΔΙΑΔΙΚΤΥΟ Κεφάλαιο 2. Το περιβάλλον του παγκόσμιου Ιστού Επιμέλεια: Καραγιάννης Σπύρος Καθηγητής ΠΕ19 Πλεονεκτήματα παγκόσμιου Ιστού Εξυπηρετητής Ιστού & Ιστοσελίδες Κύριες
Σχεδιασμός και Ανάπτυξη Ιστότοπων
Σχεδιασμός και Ανάπτυξη Ιστότοπων HTML: Λίστες Παρουσίαση 8 η 1 Βελώνης Γεώργιος Καθηγητής Σημασία συμβόλων HTML5 tags. Obsolete tags: Μην αφήνετε αυτές τις ετικέτες στον κώδικά σας. Deprecated tags: Αντικαταστήστε
Σταύρος Καουκάκης Ευτύχιος Βαβουράκης
ΠΑΝΕΠΙΣΤΗΜΙΟ ΚΡΗΤΗΣ 1 ο ΣΧΟΛΕΙΟ ΚΩΔΙΚΑ «Βασικά Θέματα Προγραμματισμού στην Ανάπτυξη Δυναμικών Διαδικτυακών Εφαρμογών» (Part 1) Σταύρος Καουκάκης Ευτύχιος Βαβουράκης 1 Λίγα Λόγια για το Σχολείο Μονάδες
Βασικά στοιχεία του CSS
Βασικά στοιχεία του CSS Περιεχόμενα Τι είναι CSS Πλεονεκτήματα CSS μορφοποίησης Συντακτικό του CSS Ιδιότητες CSS Εφαρμογή CSS κανόνων Επικάλυψη CSS κανόνων 2 Μορφοποίηση με HTML Η HTML είναι σχεδιασμένη
ΕΠΛ 003: ΕΠΙΣΤΗΜΗ ΤΗΣ ΠΛΗΡΟΦΟΡΙΚΗΣ ΚΑΙ ΠΛΗΡΟΦΟΡΙΚΑ ΣΥΣΤΗΜΑΤΑ
ΕΠΛ 003: ΕΠΙΣΤΗΜΗ ΤΗΣ ΠΛΗΡΟΦΟΡΙΚΗΣ ΚΑΙ ΠΛΗΡΟΦΟΡΙΚΑ ΣΥΣΤΗΜΑΤΑ Δρ. Κουζαπάς Δημήτριος Πανεπιστήμιο Κύπρου - Τμήμα Πληροφορικής Παγκόσμιος Ιστός Στόχοι 1 Να εξηγήσουμε τι είναι ο Παγκόσμιος Ιστός και πώς
Σχολή Κοινωνικών Επιστημών Τμήμα Πολιτισμικής Τεχνολογίας Και Επικοινωνίας
Πανεπιστήμιο Αιγαίου Σχολή Κοινωνικών Επιστημών Τμήμα Πολιτισμικής Τεχνολογίας Και Επικοινωνίας Δικτυακά Πολυμέσα Ι (Β Έτος, 3ο εξ) Διάλεξη #5η: HTML: πίνακες (tables), πλαίσια (frames) Γαβαλάς Δαμιανός
Σχεδιασμός και Ανάπτυξη Ιστότοπων
Σχεδιασμός και Ανάπτυξη Ιστότοπων CSS: Ιδιότητες μορφοποίησης κειμένου Παρουσίαση 14 η 1 Βελώνης Γεώργιος Καθηγητής Browsers δοκιμών Οι δοκιμές έγιναν στους παρακάτω browsers και εκδόσεις τους: Google
ΕΠΛ 003: ΕΠΙΣΤΗΜΗ ΤΗΣ ΠΛΗΡΟΦΟΡΙΚΗΣ ΚΑΙ ΠΛΗΡΟΦΟΡΙΑΚΑ ΣΥΣΤΗΜΑΤΑ HTML
ΕΠΛ 003: ΕΠΙΣΤΗΜΗ ΤΗΣ ΠΛΗΡΟΦΟΡΙΚΗΣ ΚΑΙ ΠΛΗΡΟΦΟΡΙΑΚΑ ΣΥΣΤΗΜΑΤΑ HTML Στόχοι 1 Να δημιουργήσουμε υπερκείμενα με την Γλώσσα Επισημείωσης Υπερκειμένων (hypertext markup language, HTML). Υπολογιστικά συστήματα:
2. ΕΙΣΑΓΩΓΗ ΣΤΗΝ HTML ΓΙΩΡΓΟΣ ΓΙΑΝΝΑΚΑΚΗΣ, ΜΑΝΩΛΗΣ ΤΣΙΚΝΑΚΗΣ
2014 2. ΕΙΣΑΓΩΓΗ ΣΤΗΝ HTML ΓΙΩΡΓΟΣ ΓΙΑΝΝΑΚΑΚΗΣ, ΜΑΝΩΛΗΣ ΤΣΙΚΝΑΚΗΣ H HTML είναι μία γλώσσα σήμανσης και αποτελεί την κύρια γλώσσα δημιουργίας ιστοσελίδων του διαδικτύου. Είναι το ακρωνύμιο των λέξεων HyperText
2. Επιλέξτε την σωστή ετικέτα HTML που προσφέρει το μεγαλύτερο φόντο κειμένου. <head> <heading> <h6> <h1>
ΤΜΗΜΑ ΗΛΕΚΤΡΟΝΙΚΗΣ Τομέας Υπολογιστικών Συστημάτων και Ελέγχου Τεχνολογίες Πολυμέσων - Εφαρμογές Δρ. Β. ΒΑΛΑΜΟΝΤΕΣ Ε-mail: vala@teiath.gr Να απαντήσετε στις παρακάτω ερωτήσεις. 1. Τι σημαίνουν τα αρχικά
Βασίλειος Κοντογιάννης ΠΕ19
Ενότητα3 Επικοινωνία και Διαδίκτυο 11.1 Γενική Εισαγωγή στην HTML Τι είναι η HTML (HyperText Markup Language); Είναι μια γλώσσα σήμανσης (Markup) με την οποία πραγματοποιείται η δόμηση σελίδων του Παγκόσμιου
ΕΘΝΙΚΟ ΜΕΤΣΟΒΙΟ ΠΟΛΥΤΕΧΝΕΙΟ. Σηµειώσεις για τη γλώσσα HTML (HyperText Markup Language)
ΕΘΝΙΚΟ ΜΕΤΣΟΒΙΟ ΠΟΛΥΤΕΧΝΕΙΟ ΣΧΟΛΗ ΗΛΕΚΤΡΟΛΟΓΩΝ ΜΗΧΑΝΙΚΩΝ ΚΑΙ ΜΗΧΑΝΙΚΩΝ ΥΠΟΛΟΓΙΣΤΩΝ Σηµειώσεις για τη γλώσσα HTML (HyperText Markup Language) ιδάσκων Αν. Καθηγητής Ι.Σ.Βενιέρης Αθήνα, Ιανουάριος 2003 1
Σε αυτό το µάθηµα θα ασχοληθούµε µε τη βελτίωση της εµφάνισης ενός ιστοτόπου, αλλά και τον εύκολο χειρισµό όλων των αλλαγών στην εµφάνιση της σελίδας
Σε αυτό το µάθηµα θα ασχοληθούµε µε τη βελτίωση της εµφάνισης ενός ιστοτόπου, αλλά και τον εύκολο χειρισµό όλων των αλλαγών στην εµφάνιση της σελίδας µέσω της τεχνολογίας των ιαδοχικών Φύλλων Στυλ (cascading
Οδηγίες κατασκευής Ιστοσελίδων µε το πρόγραµµα FRONTPAGE 2003
Οδηγίες κατασκευής Ιστοσελίδων µε το πρόγραµµα FRONTPAGE 2003 Μάθετε σε 10 βήµατα να φτιάχνετε τις δικές σας ιστοσελίδες Βήµα 1ο ΕΕππιιµµέέλλεειιαα:: ΣΣάάββββααςς ΟΟββααδδίίααςς Σε αυτό το βήµα θα χρησιµοποιήσετε
Σχεδίαση ιστοσελίδων με τη γλώσσα HTML
Τ.Ε.Ι. Δυτικής Ελλάδας Σχολή Διοίκησης και Οικονομίας Τμήμα Διοίκησης Επιχειρήσεων - Πάτρα Σχεδίαση ιστοσελίδων με τη γλώσσα HTML Γιάννης Κουτσονίκος Σημειώσεις για το Εργαστήριο «Επιχειρηματικές δικτυακές
Νέες Τεχνολογίες στην Εκπαίδευση
Σχολή Εφαρμοσμένων Μαθηματικών και Φυσικών Επιστημών Εθνικό Μετσόβιο Πολυτεχνείο Νέες Τεχνολογίες στην Εκπαίδευση Εικόνα, κείμενο και εικόνα Στεφανέας Πέτρος Ζαμαρίας Βασίλης Άδεια Χρήσης Το παρόν εκπαιδευτικό
ΤΕΙ ΚΑΒΑΛΑΣ ΣΧΟΛΗ ΤΕΧΝΟΛΟΓΙΑΣ ΕΦΑΡΜΟΓΩΝ ΤΜΗΜΑ ΒΙΟΜΗΧΑΝΙΚΗΣ ΠΛΗΡΟΦΟΡΙΚΗΣ
ΤΕΙ ΚΑΒΑΛΑΣ ΣΧΟΛΗ ΤΕΧΝΟΛΟΓΙΑΣ ΕΦΑΡΜΟΓΩΝ ΤΜΗΜΑ ΒΙΟΜΗΧΑΝΙΚΗΣ ΠΛΗΡΟΦΟΡΙΚΗΣ ΠΤΥΧΙΑΚΗ ΕΡΓΑΣΙΑ
Εισαγωγή σε HTML και CSS. Παναγιώτης Τσαρχόπουλος
Εισαγωγή σε HTML και CSS Παναγιώτης Τσαρχόπουλος Περιεχόμενα Εισαγωγικές έννοιες Ορολογία και σύνταξη Κείμενο σε HTML έγγραφα Σύνδεσμοι Ψηφιακές - Ευφυείς Πόλεις - Εισαγωγή σε HTML και CSS 2 Εισαγωγικές
Εισαγωγή στην Επιστήμη Υπολογιστών. Εισαγωγή στην HTML. Άννα Κεφάλα Παναγιώτα Μιχόλια
Εισαγωγή στην Επιστήμη Υπολογιστών Άννα Κεφάλα Παναγιώτα Μιχόλια Εργαστηριακές Σημειώσεις ΕΙΣΑΓΩΓΗ ΣΤΗ ΓΛΩΣΣΑ HTML Τί θα δούμε.. Τί είναι η HTML. Σε τί χρησιμεύει. Εκδόσεις. Tags, elements, attributes
ΕΠΛ 003: ΕΙΣΑΓΩΓΗ ΣΤΗΝ ΕΠΙΣΤΗΜΗ ΤΗΣ ΠΛΗΡΟΦΟΡΙΚΗΣ. Παγκόσμιος Ιστός
ΕΠΛ 003: ΕΙΣΑΓΩΓΗ ΣΤΗΝ ΕΠΙΣΤΗΜΗ ΤΗΣ ΠΛΗΡΟΦΟΡΙΚΗΣ Παγκόσμιος Ιστός Στόχοι 1 Να εξηγήσουμε τι είναι ο Παγκόσμιος Ιστός και πώς μπορεί να μας διευκολύνει στις δραστηριότητές μας. Να περιγράψουμε σύντομα την
Γλώσσα περιγραφής οδηγιών εµφάνισης-στοιχειοθέτησης
CASCADING STYLE-SHEETS CASCADING STYLE-SHEETS Γλώσσα περιγραφής οδηγιών εµφάνισης-στοιχειοθέτησης εφαρµογών HTML. Τα CSS ορίζονται σε δύο συστάσεις του W3C: CSS1, εκ. 1996 περιλαµβάνει περίπου 50 ιδιότητες
HTML 1. Στόχος της ώρας 11/3/2014. Εισαγωγή της γλώσσας HTML σε αρχάριο επίπεδο:
HTML 1 Στόχος της ώρας Τι είναι HTML και CSS; ιαχωρισμός περιεχομένου/μορφοποίησης Πότε χρησιμοποιούμε το ένα και πότε το άλλο; Εισαγωγή της γλώσσας HTML σε αρχάριο επίπεδο: Βασική σύνταξη, ετικέτες Τίτλοι,
Διάλεξη 2η Εισαγωγή στο CSS
Διάλεξη 2η Εισαγωγή στο CSS Στέλιος Μόσχογλου Θεοδόσης Σουργκούνης Αντώνης Χρυσόπουλος I S S E L D e c o d e (Intelligent Systems & Software Engineering Lab) Στόχος της ώρας Τι είναι το CSS? Γιατί να χρησιμοποιήσω
Certified Web Designer (CWD) Εξεταστέα Ύλη (Syllabus) Έκδοση 1.0
Certified Web Designer (CWD) Εξεταστέα Ύλη (Syllabus) Πνευµατικά ικαιώµατα Το παρόν είναι πνευµατική ιδιοκτησία της ACTA Α.Ε. και προστατεύεται από την Ελληνική και Ευρωπαϊκή νοµοθεσία που αφορά τα πνευµατικά
Europe Code Week 7-22 Οκτωβρίου Μία γιορτή δημιουργίας με κώδικα
Europe Code Week 7-22 Οκτωβρίου 2017 7-22 October 2017 Μία γιορτή δημιουργίας με κώδικα @CodeWeekEU #codeeu codeeu Εισαγωγή στο Web Development CSS Λίγα λόγια... Η γλώσσα CSS χρησιμοποιείται για τη μορφοποίηση
Εισαγωγή στην γλώσσα υπερκειμένου HTML
Εισαγωγή στην γλώσσα υπερκειμένου HTML 1 Βασικές έννοιες 2 3 Yπερκείμενο - Υπερσύνδεσμος - HTML Το δομικό χαρακτηριστικό του WWW είναι το υπερκείμενο (hypertext), δηλαδή ένα αρχείο που εκτός από απλό κείμενο
ΕΠΛ 003: ΕΠΙΣΤΗΜΗ ΤΗΣ ΠΛΗΡΟΦΟΡΙΚΗΣ ΚΑΙ ΠΛΗΡΟΦΟΡΙΑΚΑ ΣΥΣΤΗΜΑΤΑ. Παγκόσμιος Ιστός
ΕΠΛ 003: ΕΠΙΣΤΗΜΗ ΤΗΣ ΠΛΗΡΟΦΟΡΙΚΗΣ ΚΑΙ ΠΛΗΡΟΦΟΡΙΑΚΑ ΣΥΣΤΗΜΑΤΑ Παγκόσμιος Ιστός Στόχοι 1 Να εξηγήσουμε τι είναι ο Παγκόσμιος Ιστός και πώς μπορεί να μας διευκολύνει στις δραστηριότητές μας. Να περιγράψουμε
Η ΓΛΩΣΣΑ ΕΠΙΚΑΛΥΠΤΩΜΕΝΩΝ ΜΟΡΦΟΠΟΙΗΣΕΩΝ CSS
Η ΓΛΩΣΣΑ ΕΠΙΚΑΛΥΠΤΩΜΕΝΩΝ ΜΟΡΦΟΠΟΙΗΣΕΩΝ CSS Πίνακες Ιδιοτήτων Μορφοποίησης CSS Ιδιότητες Διαστασιολόγησης Στοιχείων height Ορίζει το ύψος ενός στοιχείου auto lenght (px) line-height Ορίζει το ύφος μιας
Σχεδιασµός και Ανάπτυξη Web-Site για Επιχειρήσεις
Α.Τ.Ε.Ι. ΠΑΤΡΑΣ ΠΑΡΑΡΤΗΜΑ ΑΜΑΛΙΑ ΑΣ ΤΜΗΜΑ ΕΦΑΡΜΟΓΩΝ ΠΛΗΡΟΦΟΡΙΚΗΣ ΣΤΗ ΙΟΙΚΗΣΗ ΚΑΙ ΟΙΚΟΝΟΜΙΑ Σηµειώσεις Εργαστηρίου Σχεδιασµός και Ανάπτυξη Web-Site για Επιχειρήσεις ρ. Χριστοδούλου Σωτήριος 2005-2006 2
1. Κλικ στην καρτέλα Insert 2. Tables 3. Κλικ Table 4. Σύρουμε το δείκτη του ποντικιού και επιλέγουμε τον επιθυμητό αριθμό γραμμών και στηλών
ΜΑΘΗΜΑ 4 ΣΤΟΧΟΙ: 1. Προσθήκη Πίνακα (Table) 2. Εισαγωγή Και Μετακίνηση Κειμένου Σε Πίνακα 3. Εισαγωγή Στηλών Και Γραμμών Σε Πίνακα 4. Διαγραφή Στηλών Και Γραμμών Σε Πίνακα 5. Αλλαγή Πλάτους Στηλών Και
Η Βίβλος των CSS. Εισαγωγή στα CSS
Η Βίβλος των CSS Εισαγωγή στα CSS Τα Διαδοχικά Φύλλα Στυλ (CSS, Cascading Style Sheets) αποτελούν ένα πολύ καλό εργαλείο για να μπορούμε να αλλάζουμε την εμφάνιση και τη διάταξη (layout) των ιστοσελίδων
Επεξεργασία Εικόνας. Κωδικός Πακέτου ACTA - CGD+CWD Τίτλος Πακέτου ΕΠΕΞΕΡΓΑΣΙΑ ΕΙΚΟΝΑΣ - ΣΧΕ ΙΑΣΗ ΙΣΤΟΣΕΛΙ ΑΣ. Εκπαιδευτικές Ενότητες
Κωδικός Πακέτου ACTA - CGD+CWD - 013 Τίτλος Πακέτου ΕΠΕΞΕΡΓΑΣΙΑ ΕΙΚΟΝΑΣ - ΣΧΕ ΙΑΣΗ ΙΣΤΟΣΕΛΙ ΑΣ Εκπαιδευτικές Ενότητες ΕΠΕΞΕΡΓΑΣΙΑ ΕΙΚΟΝΑΣ ιαχείριση Αρχείων Εκτυπώσεις Βασικές Λειτουργίες Επιλογές τµηµάτων
CTEC-153: ΥΠΟΛΟΓΙΣΤΙΚΑ ΦΥΛΛΑ
ΜΑΘΗΜΑ 5 ΣΤΟΧΟΙ: 1. Μορφοποίηση Αριθμών 2. Αλλαγή Μεγέθους Και Τύπου Γραμματοσειράς 3. Χρησιμοποίηση Πλάγιων, Έντονων, Υπογραμμισμένων Χαρακτήρων 4. Αλλαγή Χρώματος Γραμματοσειράς 5. Παράθυρο Διαλόγου
7-22 Οκτωβρίου Μία γιορτή δημιουργίας με κώδικα. Europe Code Week
7-22 Οκτωβρίου 2017 Μία γιορτή δημιουργίας με κώδικα @ #codeeu codeeu 7-22 October 2017 Europe Code Week Εισαγωγή στο Web Development HTML Λίγα λόγια... Η HTML είναι η βασική γλώσσα γραφής των ιστοσελίδων!
CSS Εργαστήριο 1. Εισαγωγή - Σύνταξη - Εφαρμογή στην HTML
CSS Εργαστήριο 1. Εισαγωγή - Σύνταξη - Εφαρμογή στην HTML Εισαγωγή Το CSS (Cascading Style Sheets ή Επικαλυπτόμενα Φύλλα Στυλ) μας επιτρέπει να αλλάξουμε τον τρόπο με τον οποίο παρουσιάζονται τα στοιχεία
Σε αυτό το μάθημα θα ασχοληθούμε με τη βελτίωση της εμφάνισης ενός ιστοτόπου, αλλά και τον εύκολο χειρισμό όλων των αλλαγών τις οποίες επιθυμούμε να
Σε αυτό το μάθημα θα ασχοληθούμε με τη βελτίωση της εμφάνισης ενός ιστοτόπου, αλλά και τον εύκολο χειρισμό όλων των αλλαγών τις οποίες επιθυμούμε να κάνουμε μέσω ενός εξωτερικού αρχείου.το αρχείο αυτό
CSS. Εισαγωγή & Βασικές έννοιες. Cascading Style Sheets. Επικαλυπτόμενα φύλλα στυλ
CSS Εισαγωγή & Βασικές έννοιες Cascading Style Sheets Επικαλυπτόμενα φύλλα στυλ Περιεχόμενα Τι είναι CSS Πλεονεκτήματα CSS μορφοποίησης Συντακτικό του CSS Ιδιότητες CSS Εφαρμογή CSS κανόνων Επικάλυψη CSS
1. Απαιτήσεις εργασίας
ctxxxxx.html 1 η ΕΡΓΑΣΙΑ: ΑΝΑΠΤΥΞΗ ΔΙΑΔΙΚΤΥΑΚΟΥ ΤΟΠΟΥ (WEB SITE) Ημερομηνία Παράδοσης: Τρίτη 1 Δεκέμβρη 2009 (Η εργασία είναι ατομική!!) 1. Απαιτήσεις εργασίας Θα πρέπει να δημιουργήσετε το web site μιας
Παρουσίαση και μορφοποίηση κειμένου
HTML [ετικέτες] Παρουσίαση και μορφοποίηση κειμένου Στην HTML σύμφωνα με τους κανόνες, κενές γραμμές και περισσότερα του ενός κενά μεταξύ λέξεων δεν λαμβάνονται υπόψη από τον φυλλομετρητή. Για αυτό το
TEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο)
TEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο) Διδάσκων: Ανδρέας Γιαννακουλόπουλος Επιστημονικός συνεργάτης Εργαστηρίου: Στέλλα Λάμπουρα Εαρινό εξάμηνο Χρηματοδότηση Το παρόν εκπαιδευτικό υλικό έχει αναπτυχθεί
Εισαγωγή στην HTML (1)
Εισαγωγή στην HTML (1) Πανεπιστήμιο Πελοποννήσου Τμήμα Επιστήμης & Τεχνολογίας Τηλεπικοινωνιών Ευάγγελος Α. Κοσμάτος HTML HyperText Mark-up Language Καθορίζει τον τρόπο που ο browser εμφανίζει τα διάφορα