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

Slides:



Advertisements
Παρόμοιες παρουσιάσεις
Οδηγός δημιουργίας ιστολογίου στο blogger.com
Advertisements

Τεχνολογίες Web Απαραίτητες γνώσεις για την υλοποίηση της άσκησης.
Δημιουργία Ιστοσελίδων σε HTML και FrontPage Πρόγραμμα Αναμόρφωσης Προπτυχιακών Σπουδών Κεντρικό Γραφείο Υποστήριξης Εκπαιδευτικού Έργου Αλέξανδρος Λεκατσάς.
ΕΙΣΑΓΩΓΗ ΣΤΗΝ PHP. Τι θα μάθουμε;  Να καταλάβουμε τι είναι η PHP και πώς δουλεύουν τα PHP scripts  Τι χρειάζεται για να ξεκινήσουμε με την PHP  Να.
Τεχνικές Προγραμματισμού με την JavaScript Στυλιάδης Κων/νος Φλώρινα, Οκτώβριος 2004.
Να περιγράψετε τους 2 τρόπους οργάνωσης Ιστοσελίδων
ΕΝΟΤΗΤΑ 4 – Κεφάλαιο 12: Ο Παγκόσμιος Ιστός – Εισαγωγή στην έννοια του Υπερκειμένου Λέξεις Κλειδιά: Διαδίκτυο, Παγκόσμιος Ιστός (World Wide Web), ιστοσελίδα.
Επιμέλεια: Δέγγλερη Σοφία
5η Συνάντηση Εκπαιδευτικών Πληροφορικής στη Δυτική Μακεδονία Πτολεμαΐδα, 29 Σεπτ 2005 Δημιουργία Δυναμικών Ιστοσελίδων με PHP και Dreamweaver MX Στυλιάδης.
Η γλώσσα μορφοποίησης υπερκειμένου HTML
Οδηγός δημιουργίας ιστολογίου στο blogger.com
HTML.
Η γλώσσα XHTML Επιμέλεια: Νικάκη Θεοδώρα Μάθημα: Εισαγωγικά θέματα WWW 2007.
Επιμέλεια: Δέγγλερη Σοφία
The World Wide Web Κεφάλαιο 6.
Κείμενο – ASCII – Unicode - HTML Κωδικοποίηση ASCII / Unicode HTML
ΠΑΙΔΑΓΩΓΙΚΟ ΙΝΣΤΙΤΟΥΤΟ
Επιμέλεια: Δέγγλερη Σοφία
Συντάκτης :Δομουχτσής Στέργιος Κατασκευή Ιστοσελίδας Αυτόματο σύστημα Σχολικού Δικτύου Iware.
ΕΝΟΤΗΤΑ 4 – Κεφάλαιο 12: Ο Παγκόσμιος Ιστός – Εισαγωγή στην έννοια του Υπερκειμένου Το 1989 ο Τιμ Μπέρνερς μέλος του κέντρου cern επινόησε τον παγκόσμιο.
ΤΟ ΛΟΓΙΣΜΙΚΟ Kindspiration
Δημιουργία Παρουσίασης
ΗΜΥ 007 – Τεχνολογία Πληροφορίας Διάλεξη 2
ΤΗΣ ΦΟΙΤΗΤΡΙΑΣ : ΤΣΑΛΤΑ ΑΝΑΣΤΑΣΙΑ Α.Μ. : 30920
Ιστοσελίδες -- Web-site. Εισαγωγή Στατικές ιστοσελίδες Δυναμικές ή Διαδραστικές ιστοσελίδες:  Ο τρόπος παρουσίασης και τα περιεχόμενά της ιστοσελίδας.
ΗΜΥ 100: Εισαγωγή στην Τεχνολογία Διάλεξη 6 Επίλυση Προβλημάτων σε Θέματα Μηχανικών TΜΗΜΑ ΗΛΕΚΤΡΟΛΟΓΩΝ ΜΗΧΑΝΙΚΩΝ ΚΑΙ ΜΗΧΑΝΙΚΩΝ ΥΠΟΛΟΓΙΣΤΩΝ ΠΟΛΥΤΕΧΝΙΚΗ.
Επικοινωνία Ανθρώπου Μηχανής HTML CGI JAVASCRIPT Κουμπούλης Χρήστος Α.Μ. 921 Χαλαβαζής Βασίλης Α.Μ. 988.
Γλώσσα Χαρακτηρισμού (Σήμανσης- Μορφοποίησης)
Η Γλώσσα Σήμανσης ΥπερΚειμένου HTML
Οδηγίες δημιουργίας προσβάσιμων εγγράφων με χρήση LaTex
Ενότητα 3: Χρήση Εργαλείων Έκφρασης& Δημιουργίας
CSS – Cascading Style Sheets (Φύλλα επάλληλων στυλ) Κανόνες που καθορίζουν τη μορφή και τη διάταξη των στοιχείων των σελίδων (X)HTML Σκοπός είναι ο διαχωρισμός.
Β5.1.2 Πρωτόκολλα Επικοινωνίας και Τείχος Προστασίας.
ΕΝΟΤΗΤΑ 4 – Κεφάλαιο 12: Ο Παγκόσμιος Ιστός – Εισαγωγή στην έννοια του Υπερκειμένου Λέξεις Κλειδιά: Λέξεις Κλειδιά: Διαδίκτυο, Παγκόσμιος Ιστός (World.
1Κεφάλαιο 4 Κανόνες Σύνταξης HTML Όλες οι ετικέτες εσωκλείονται μεταξύ των χαρακτήρων “ “. Κάθε τι που βρίσκεται μεταξύ των χαρακτήρων “ ”, αποτελεί σχόλιο.
Εξετάσεις Πιστοποίησης «ΕΚΠΑΙΔΕΥΤΙΚΗΣ ΕΠΑΡΚΕΙΑΣ» Εκπαιδευτών Ενηλίκων
Εφαρμογές Πολυμέσων: Εισαγωγή στην HTML (1)
Ο Παγκόσμιος ιστός World Wide Web (WWW) Είναι μια υπηρεσία του Internet ΠΡΟΣΟΧΗ μην την ταυτίζουμε με το ιντερνέτ Αποτελείται από εκατομμύρια ιστοσελίδες.
1 Παγκόσμιος Ιστός. 2 World Wide Web- Ο Παγκόσμιος Ιστός  Ανακαλύφτηκε από τον Tim-Berners Lee, ερευνητή του CERN (Ευρωπαϊκό εργαστήριο Φυσικής Υψηλής.
ΠΡΙΝ ΞΕΚΙΝΗΣΟΥΜΕ Πράγματα που αξιολογείτε θετικά σε σχέση με το μάθημα του προηγούμενου τετραμήνου Πράγματα που θα μπορούσαν να βελτιωθούν.
Προγραμματιστικά Εργαλεία για το Διαδίκτυο Κατασκευή Ιστοσελίδων 3 ο Κεφάλαιο Βελώνης Γεώργιος – Καθηγητής Πληροφορικής ΠΕ20.
Χάρης Κονδυλάκης Σχεδιασμός Ιστοχώρων 1. Παραδείγματα ιστοχώρων del.icio.us europa.eu lufthansa.aero cnn.tv.
ΠΛΗΡΟΦΟΡΙΚΗ Ι Τμήμα Λογιστικής ΤΕΙ Κρήτης Γιάννης Χρυσάκης
HTML/CSS: Εισαγωγή Θερινό Σχολείο, 14 – 20 Ιουλίου 2014 Γιώργος Φουρτούνης Μονάδα Αριστείας ΕΛ/ΛΑΚ ΤΕΙ Αθήνας.
Wikis Ο Cunningham εμπνεύστηκε τον όρο wiki από τα "wiki wiki", δηλαδή τα "γρήγορα" λεωφορεία πυκνών δρομολογίων στον αερολιμένα της Χονολουλού.
Εργασία στο μάθημα «Προγραμματισμός ΙΙ»
ΔΙΑΔΙΚΤΥΟ, WEB2.0 KAI WEB X Από τον WEB 1.0 στον WEB X.0
Κεφάλαιο 6o. Επίπεδο εφαρμογής
Κεφαλαιο 11 ΕΙΣΑΓΩΓΗ ΣΤΗΝ HTML.
Υπηρεσίες του διαδικτύου
HTML.
Τα Βασικά δόγματα Γιώργος Λεπίδας Γ΄2.
Εφαρμογές Πληροφορικής Κεφάλαιο 11
ΔΗΜΙΟΥΡΓΙΑ ΙΣΤΟΣΕΛΙΔΩΝ
HTML - CSS Δίνεται παρακάτω ο κώδικας HTML μιας ιστοσελίδας
Εισαγωγή στην HTML ΚΕΦΑΛΑΙΟ 11.
Εισαγωγή στην HTML Κεφάλαιο 11.
Εικόνα 10.1: Το Περιβάλλον του Επεξεργαστή Κειμένου Word του MS-Office
HTML.
ΕΝΟΤΗΤΑ 4 – Κεφάλαιο 12: Ο Παγκόσμιος Ιστός – Εισαγωγή στην έννοια του Υπερκειμένου Λέξεις Κλειδιά: Διαδίκτυο, Παγκόσμιος Ιστός (World Wide Web), ιστοσελίδα.
ΑΝΑΠΤΥΞΗ ΕΦΑΡΜΟΓΗΣ ΣΕ ΔΙΑΔΙΚΤΥΑΚΗ ΠΛΑΤΦΟΡΜΑ
Microsoft Word.
Οδηγός δημιουργίας ιστολογίου στο blogger.com
Εισαγωγή στην HTML ΚΕΦΑΛΑΙΟ 11.
ΕΝΟΤΗΤΑ 3 – Επικοινωνία και Διαδίκτυο Κεφάλαιο 11-Εισαγωγή στην HTML
Λογισμικό Εφαρμογών/Επεξεργασία Κειμένου
Η Ιστοσελίδα της Α΄ Τάξης Αυτή η πολύ απλή σελίδα είναι φτιαγμένη
Λογισμικό Εφαρμογών/Επεξεργασία Κειμένου
Λογισμικό Εφαρμογών/Επεξεργασία Κειμένου
Λογισμικό Εφαρμογών/Επεξεργασία Κειμένου
Μεταγράφημα παρουσίασης:

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

Υπερκείμενο Το δομικό χαρακτηριστικό του Παγκόσμιου Ιστού Ένα αρχείο Απλό κείμενο και υπερσύνδεσμοι

Υπερσύνδεσμος Μετάβαση σε διάφορα άλλα έγγραφα Αποτελείται από  Ορατό τμήμα κειμένου Συνήθως υπογραμμισμένο  Μη ορατό μέρος Πληροφορία για το πού θα βρεθεί η πληροφορία που αντιστοιχεί στο υπογραμμισμένο κείμενο

HTML HyperText Markup Language Γλώσσα Σήμανσης Υπερκειμένου Απλή γλώσσα για τη δημιουργία εγγράφων υπερκειμένου

EasyHTML Λογισμικό για δημιουργία ιστοσελίδων EHtml2_4 Download  m#download m#download

Δομή HTML εγγράφου Δύο βασικές ενότητες  HEAD  BODY

Τίτλος …… Παρουσιάζεται στο επάνω μέρος του browser

1 ο παράδειγμα - Τίτλος

Στον browser  Όλη τη διαδρομή του αρχείου  file///D:/ΣΗΜΕΙΩΣΕΙΣ/ΚΕΕ/HTML/1_Title.htm

Διευκόλυνση των προγραμματιστών για να εισάγουν σημειώσεις Τα σχόλια δεν εμφανίζονται στον browser αλλά μόνο στον πηγαίο (source) κώδικα Σχόλια

2 ο παράδειγμα - Σχόλια

Επικεφαλίδες …… Έξι επίπεδα επικεφαλίδων Με το «1» δηλώνεται η μεγαλύτερη επικεφαλίδα Με το «6» δηλώνεται η μικρότερη επικεφαλίδα

3 ο παράδειγμα - Επικεφαλίδες

Παράγραφος …… Μια ετικέτα παραγράφου ισοδυναμεί με δύο αλλαγές γραμμής  Δεν έχει νόημα η σύνταξη σε μια γραμμή Το είναι προαιρετικό αλλά συνιστάται η χρήση του

4 o παράδειγμα - Παράγραφος

Αλλαγή γραμμής Δεν κλείνει με Τοποθετείται  Είτε στο τέλος μιας γραμμής  Είτε σε καινούρια γραμμή Αν στον πηγαίο κώδικα αλλάξω γραμμή με Enter  Το κείμενο σε μία γραμμή στον browser

5 o παράδειγμα – Χωρίς

5 o παράδειγμα – Με

Απλές μορφοποιήσεις Έντονα  …… Πλάγια  …… Υπογραμμισμένα  …… Διαγραμμένα  …… Πολλές μορφοποιήσεις μαζί  ……

6 ο π αράδειγμα – Απλές μορφοποιήσεις