Η παρουσίαση φορτώνεται. Παρακαλείστε να περιμένετε

Η παρουσίαση φορτώνεται. Παρακαλείστε να περιμένετε

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

Παρόμοιες παρουσιάσεις


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

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

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

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

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

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

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

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

8 1 ο - Τίτλος

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

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

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

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

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

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

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

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

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

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

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

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

21 Άλλες μορφοποιήσεις (1/3)  Μέγεθος χαρακτήρων  Εξ ορισμού  κείμενο  Μεγάλου μεγέθους  κείμενο  Μικρού μεγέθους  κείμενο

22 Άλλες μορφοποιήσεις (2/3)  Δείκτης  κείμενο  Εκθέτης  κείμενο

23 Άλλες μορφοποιήσεις (3/3)  Γραμματοσειρά γραφομηχανής  κείμενο  Μία κενή γραμμή πριν και μετά το κείμενο με γραμματοσειρά Courier  κείμενο  Οριζόντια γραμμή και αλλαγή γραμμής 

24 7 o παράδειγμα – Άλλες μορφοποιήσεις

25 Κενά  Περισσότερα του ενός κενού θεωρούνται ένα  Εισαγωγή περισσότερων του ενός κενού  Εισαγωγή 3 κενών  ……  ……

26 8 o παράδειγμα – Κενά

27 Στοίχιση  Κείμενο στο κέντρο  κείμενο  Παράγραφος αριστερά  κείμενο  Παράγραφος στο κέντρο  κείμενο  Παράγραφος δεξιά  κείμενο  Πλήρης στοίχιση παραγράφου  κείμενο

28 9 o παράδειγμα - Στοίχιση

29 Περιθώρια και Κενά  Τμήμα κειμένου ξεχωρίζει σαν παράγραφος  Εμφανίζεται πιο μέσα από το υπόλοιπο κείμενο  κείμενο

30 10 o παράδειγμα – Περιθώρια και Κενά

31 Περισσότερα Περιθώρια και Κενά  Πολλά blockquote  Περισσότερα από 3 είναι υπερβολικά  Κείμενο   Κείμενο   Κείμενο 

32 11 o παράδειγμα – Περιθώρια και Κενά

33 Ακρώνυμα  Επεξήγηση του ακρώνυμου αφήνοντας τον δείκτη του ποντικιού πάνω του  ακρώνυμο  Παράδειγμα  Ε.Π.Δ

34 12 ο Παράδειγμα - Ακρώνυμα

35 Χρώμα γραμματοσειράς  Συγκεκριμένο τμήμα κειμένου  κείμενο  Το κουτάκι να μην είναι τσεκαρισμένο

36 13 ο Παράδειγμα – Χρώμα γραμματοσειράς

37 Προεπιλεγμένο χρώμα κειμένου   Προσοχή!!!!  Ορίζεται μέσα στην ετικέτα BODY

38 14 ο Παράδειγμα - Προεπιλεγμένο χρώμα κειμένου

39 Τύπος γραμματοσειράς  Συγκεκριμένο τμήμα κειμένου  κείμενο  Το κουτάκι να μην είναι τσεκαρισμένο

40 15 ο Παράδειγμα – Τύπος γραμματοσειράς

41 Μέγεθος γραμματοσειράς  Συγκεκριμένο κείμενο  κείμενο  Το κουτάκι να μην είναι τσεκαρισμένο

42 16 ο Παράδειγμα - Μέγεθος γραμματοσειράς

43 Χρώμα υπόβαθρου   Προσοχή!!!!  Ορίζεται μέσα στην ετικέτα BODY

44 17 ο Παράδειγμα – Χρώμα υπόβαθρου

45 Λίστα με κουκίδες  Χωρίς στυλ κουκίδων   κείμενο   Με στυλ κουκίδων   κείμενο 

46 18 ο Παράδειγμα – Λίστα με κουκίδες

47 Αριθμημένη λίστα  Χωρίς στυλ αρίθμησης   κείμενο   Με στυλ αρίθμησης   κείμενο 

48 19 ο Παράδειγμα - Αριθμημένη λίστα

49 Απλή λίστα   κείμενο 

50 20 ο Παράδειγμα - Απλή λίστα

51 Λίστα ορισμών   κείμενο  κείμενο  κείμενο  κείμενο 

52 21 ο Παράδειγμα – Λίστα ορισμών

53 Υπερσύνδεσμος σε άλλη ιστοσελίδα  λέξη σύνδεσμος  Url διεύθυνση  Λέξη,-εις που θα γίνει σύνδεσμος  Προσοχή κατά την εισαγωγή της url  Αν είναι επιλεγμένο το θα εισαχθεί δύο φορές

54 Παράδειγμα 22 ο – Υπερσύνδεσμος σε άλλη ιστοσελίδα

55 Υπερσύνδεσμος μέσα στην ιστοσελίδα  Στη λέξη σύνδεσμος  λέξη σύνδεσμος  Στη λέξη που θα οδηγήσει ο σύνδεσμος  Λέξη σύνδεσμος Λέξη στην οποία θα οδηγήσει ο σύνδεσμος

56  Η λέξη «Περικλής» είναι σύνδεσμος που οδηγεί στη λέξη «Ετυμολογία» 23ο Παράδειγμα – Υπερσύνδεσμος μέσα στην ιστοσελίδα

57 Υπερσύνδεσμος σε αρχείο  λέξη σύνδεσμος

58 24 ο Παράδειγμα - Υπερσύνδεσμος σε αρχείο

59 Χρώμα υπερσυνδέσμου  Πριν την επίσκεψη   Τη στιγμή της επίσκεψης   Μετά την επίσκεψη   Προσοχή!!!!  Ορίζεται μέσα στην ετικέτα BODY

60 25 ο Παράδειγμα – Χρώμα υπερσυνδέσμου

61 Εισαγωγή εικόνας στο φόντο   Ορίζεται μέσα στο body

62 Απλή εισαγωγή εικόνας  Απλή εισαγωγή  …

63 26 ο Παράδειγμα – Εισαγωγή εικόνας

64 Επίπλευση εικόνας  Τοποθετώ την εικόνα πάνω από το κείμενο  Στοιχίζω την εικόνα δεξιά ή αριστερά  align = "right"  align = "left"  Στη συνέχεια εισάγω το κείμενο

65 27 ο Παράδειγμα – Επίπλευση εικόνας

66 Κείμενο κάτω από εικόνα  Τοποθετώ την εικόνα πάνω από το κείμενο  Στοιχίζω την εικόνα στο κέντρο  align = "center"  Στη συνέχεια εισάγω το κείμενο

67 28 ο – Κείμενο κάτω από εικόνα

68 Αποστολή  λέξη σύνδεσμος

69 29 ο – Αποστολή

70 Ήχος στο background  Αριθμός επαναλήψεων Συνεχής αναπαραγωγή

71 30 ο - Ήχος στο background

72 Ενσωμάτωση video 

73 31ο – Ενσωμάτωση video

74 Δημιουργία πίνακα   λεζάντα   κελί 1.1  κελί 1.2   κελί 2.1  κελί 2.2 

75 Δημιουργία πίνακα Εισαγωγή λεζάντας Χρώμα κελιού Χρώμα πίνακα Χρώμα κειμένου Στοίχιση πίνακα Κάθετη στοίχιση πίνακα Διάστημα μεταξύ κελιών και μεταξύ δεδομένων και περιθωρίων Πλάτος – ύψος πίνακα Αριθμός στηλών - γραμμών Πλάτος – ύψος κελιού Μορφή κειμένου Περίγραμμα πίνακα

76 32 ο – Δημιουργία πίνακα


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

Παρόμοιες παρουσιάσεις


Διαφημίσεις Google