Κατέβασμα παρουσίασης
Η παρουσίαση φορτώνεται. Παρακαλείστε να περιμένετε
1
Κεφαλαιο 11 ΕΙΣΑΓΩΓΗ ΣΤΗΝ HTML
2
Τι εIναι η HTML ; HyperText Markup Language μία περιγραφική γλώσσα ένας ειδικός τρόπος γραφής κειμένου
3
Τι εIναι η HTML ; Ορίζει ένα σύνολο κοινών στυλ για τις Web σελίδες, όπως: τίτλοι (titles) επικεφαλίδες (headings) παράγραφοι (paragraphs) λίστες (lists) πίνακες (tables) Κάθε στοιχείο έχει ένα όνομα και περιέχεται μέσα στα σύμβολα < >, που αποκαλούνται ετικέτες - tags
5
Όταν ο φυλλομετρητής (browser) ανακτά μια ιστοσελίδα, στην ουσία ανακτά τον κώδικα HTML της ιστοσελίδας Στη συνέχεια, ο φυλλομετρητής «διαβάζει» και «διερμηνεύει» τις ετικέτες της HTML, δημιουργεί την ιστοσελίδα και την εμφανίζει στην οθόνη, μορφοποιώντας το κείμενο και τις εικόνες της
6
ΙΣΤΟΡΙΚΗ ΑΝΑΔΡΟΜΗ Το 1990 ο Tim Berners-Lee στο CERN δημιούργησε το πρωτόκολλο HTTP (HyperText Transfer Protocol) Με αυτό μπορούμε να μεταφέρουμε κάθε είδους πληροφορία μέσα στο Διαδίκτυο Το πρωτόκολλο αυτό σηματοδότησε την αρχή του Παγκόσμιου Ιστού (World Wide Web) Οι ιστοσελίδες ήταν γραμμένες στην πρώτη έκδοση της γλώσσας HTML
7
ΙΣΤΟΡΙΚΗ ΑΝΑΔΡΟΜΗ Το 1994 αναπτύσσεται το πρότυπο HTML 2.0
Το παρουσιάζεται η έκδοση 3.2 που περιλαμβάνει πολλά από τα tags που υπάρχουν ως σήμερα Η έκδοση 4.0 παρουσιάστηκε το 1999 Πλέον χρησιμοποιείται η έκδοση 5.0 που ενσωματώνει όλα τα plug-ins της αγοράς λογισμικού
8
Βασικεσ ετικετεσ <HTML> <HEAD>
<TITLE> My First Web Page </TITLE> </HEAD> <BODY> Εδώ παρεμβάλλονται οι εντολές της HTML </BODY> </HTML>
9
<HTML>...</HTML> Ορίζει την αρχή και το τέλος μιας ιστοσελίδας.
<HEAD>...</HEAD> Ορίζει το τμήμα της ιστοσελίδας στο οποίο αναφέρονται διαχειριστικής φύσεως πληροφορίες που αφορούν στο περιεχόμενο της ιστοσελίδας. Οι πληροφορίες αυτές δεν εμφανίζονται από τον φυλλομετρητή. <BODY>...</BODY> Ορίζει το περιεχόμενο της ιστοσελίδας. <TITLE>...</TITLE> Ορίζει τον τίτλο της. <P>...</P> Ορίζει παράγραφο. <BR> Δηλώνει αλλαγή γραμμής. <IMG> Ορίζει την εισαγωγή κάποιας εικόνας -image- και των παραμέτρων που αφορούν στη θέση της, το μέγεθός της, κ.ά. <A HREF="URL">...</A> Ορίζει δεσμό με ιστοσελίδα που βρίσκεται στο URL.
10
Παραδειγμα 1
11
Μορφοποιηση κειμενου
12
Μορφοποιηση ΕΠΙΚΕΦΑΛΙΔΩΝ
13
Μορφοποιηση ΠΑΡΑΓΡΑΦΩΝ
14
Μορφοποιηση ΓΡΑΜΜΑΤΟΣΕΙΡΑΣ
15
ΟΡΙΣΜΟΣ ΧΡΩΜΑΤΟΣ <BODY BGCOLOR=“#XXXXXX”>
Το χρώμα προσδιορίζεται από: έναν εξαψήφιο κωδικό – δεκαεξαδική αναπαράσταση χρώματος: δύο ψηφία για κάθε βασικό χρώμα Το όνομα του χρώματος
16
ΟΡΙΣΜΟΣ ΧΡΩΜΑΤΟΣ
17
υπερσυνδεσμοσ <a href=“ search</a>
18
Εισαγωγη εικονασ
19
Html 5 είναι η τελευταία εξέλιξη της γλώσσας HTML
χρησιμοποιείται εκτενώς και στη δημιουργία εφαρμογών διαδικτύου για φορητές συσκευές προσθέτει νέα χαρακτηριστικά δομής και σύνταξης περιορίζει την ανάγκη χρήσης πρόσθετων (plug-ins) στα προγράμματα πλοήγησης
20
Ενσωματωση (Embedding)
Η ενσωμάτωση πραγματοποιείται με εισαγωγή του κώδικα ενσωμάτωσης που δίνει η ιστοσελίδα η οποία έχει το περιεχόμενο, στην ιστοσελίδα που θέλει να το ενσωματώσει αντιγραφή του κώδικα ενσωμάτωσης και επικόλληση στο έγγραφο HTML της ιστοσελίδας Tag: iframe
21
Τροποι δημιουργιασ εγγραφων HTML
Αρχεία απλού κειμένου – κειμενογράφος Ειδικές εφαρμογές: frontpage, dreamweaver Εφαρμογές διαδικτύου: jsfiddle, dabblet, cssdesk
Παρόμοιες παρουσιάσεις
