4/10/2016 ΕΙΣΑΓΩΓΗ ΣΤΗΝ HTML5: ΔΟΜΗ ΚΑΙ ΔΥΝΑΤΟΤΗΤΕΣ(l1140c1u1)
Κλείσιμο
ΕΙΣΑΓΩΓΗ ΣΤΗΝ HTML5: ΔΟΜΗ ΚΑΙ ΔΥΝΑΤΟΤΗΤΕΣ(l1140c1u1)
ΕΙΣΑΓΩΓΗ ΣΤΗΝ HTML5
Σκοπός της Διδακτικής Ενότητας
Προσδοκώμενα Αποτελέσματα
Έννοιες Κλειδιά
Εισαγωγικές Παρατηρήσεις
1. ΤΙ ΕΙΔΟΥΣ ΓΛΩΣΣΑ ΕΙΝΑΙ Η HTML5;
1.1 Προέλευση Δικτυογραφία
1.2 ΠρότυπαΠροδιαγραφές
1.3 ΣυμβατότητεςΠροσθήκες http://www.wlearn.gr:
1.4 Τι χρειάζομαι για να προγραμματίσω σε HTML5;Χρήσιμο website για κώδικα HTML5
2. ΔΟΜΗ ΚΑΙ ΔΥΝΑΤΟΤΗΤΕΣ http://www.w3schools.com/:
2.1 Δουλεύοντας με το Notepad++ Ένα από τα πληρέστερα website που χρησιμοποιούν οι Web developers το
2.2 Δουλεύοντας με το Eclipse
2.3 Δομή αρχείων στατικού Website με τη χρήση τηςπ HερTιλMαLμ5β.άνει βοήθεια για HTML5, Javascript,Css, Sql και Php.
2.4 Δομή ιστοσελίδας HTML http://www.HTML5tutorial.com/:
2.5 Διακριτές ενότητες της δομής της HTML5 Website για HTML5 tutorials
3. ΧΡΗΣΗ ΤΩΝ ΕΤΙΚΕΤΩΝ ΤΗΣ HTML5
3.1 Κεφαλίδα, υποσέλιδο, ενσωμάτωση άλλης ιστοσεhλttίpδ:α//ςw wκwα.ιH εTιMσLα5γtuωtoγriήal .σinχfoο/:λίων
3.2 Δημιουργία πινάκων με τη χρήση HTML5 Website για HTML5 tutorials
3.2.1 Δομή πίνακα και τίτλος πίνακα
3.2.2 Δημιουργώντας τις γραμμές ενός πίνακα http://developawebsite.com/:
3.2.3 Βήματα για τη δημιουργία πίνακα Περιέχει χρήσιμα tutorials
4. Η ΠΡΩΤΗ ΜΟΥ ΣΕΛΙΔΑ ΜΕ ΤΟ “HELLO WORLD”
4.1 Βήματα για τη δημιουργία της πρώτης ιστοσελίδαhςt tμp:ε/ /τwοw wγ.νcrωysσtaτlόb u”tHtoenl.lcoo mW: orld!” με τη χρήση του Notepad++
4.2 Βήματα για τη δημιουργία της πρώτης ιστοσελίδαWς eμbεs iτtοe γιναω Bσuτttόo n”H meallkoe Wr orld! με τη χρήση του Eclipse
5. ΚΑΤΑΣΚΕΥΗ BUTTONS ΚΑΙ NAVIGATION BAR http://www.buttongenerator.com:
5.1 Δημιουργία Button με το Powerpoint Website για Button maker
5.2 Δημιουργία navigation bar
5 55...333 5.Π.31.3α Ε.Βρ2ήγο Βμκυαααστστίάααικσσ γέτηιςαα τσδ οτηιυηε πντBο ιδφuυηt άteμoνaιnεοs ιυεymρς ma γτkίοeαeυn r bu E«u aaEttnsaodysn ysbM uMμettεneo unτn οu am nEadanaσhW kdsBtτe tyeηuBpr b :tMδu/st/oιtiδwettneoαwn nκwuγM τ.ι eαMιaaκa nksτήaοyde kmε rBeνBeόrunu»τtuttηomtτonαan k.me Mr.ackaomekre/ :“rEasy Menu and Button Maker” το οποίο παρο
5.4 Παραδείγματα με videos αρχεία της διδακτικής hεtνtpό:τ/η/wτwαwς.whatwg.org/specs/webapps/currentwork/multipage/
Σύνοψη
Website της ομάδας που θέτει τις προδιαγραφές για την HTML5.
Βιβλιογραφία
Χρήσιμες Διευθύνσεις στο Διαδίκτυο
http://rea.elke.uoa.gr/rea/attendLesson?session_id=F899B448F2CFE29C4CD9CB8359177B6E&lessonID=AEC904989653403AA0EBA2D9B7E3AB83&… 1/2