1
00:00:00,000 --> 00:00:00,140

2
00:00:00,140 --> 00:00:03,700
>> ΚΑΘΗΓΗΤΗΣ HARLAN: HTML ή HyperText
Markup Language, είναι η γλώσσα στην

3
00:00:03,700 --> 00:00:04,870
τα οποία είναι γραμμένα ιστοσελίδων.

4
00:00:04,870 --> 00:00:08,140
Τώρα, δεν είναι μια γλώσσα προγραμματισμού,
γιατί δεν μας επιτρέπει να εκφράζουμε

5
00:00:08,140 --> 00:00:11,420
λογική, όπως και για τους βρόχους, και ενώ βρόχους,
και τις συνθήκες και τα παρόμοια.

6
00:00:11,420 --> 00:00:14,690
Μάλλον, είναι πράγματι μια γλώσσα σήμανσης
που μας επιτρέπει να ορίσουμε τι ένα web

7
00:00:14,690 --> 00:00:17,490
Η σελίδα θα πρέπει να μοιάζει, δομικά
και αισθητικά.

8
00:00:17,490 --> 00:00:20,210
Και το κάνει με τον τρόπο του
τα λεγόμενα tags.

9
00:00:20,210 --> 00:00:23,470
Ας βουτιά σε και να κάνει το πιο απλό
ιστοσελίδα, ένα που λέει απλά, για

10
00:00:23,470 --> 00:00:25,410
παράδειγμα, hello world.

11
00:00:25,410 --> 00:00:29,940
>> Προσέξτε εδώ, στο gedit, ότι έχω ήδη
αποθηκευτεί το αρχείο ως hello.html.

12
00:00:29,940 --> 00:00:32,990
Και παρατηρήσετε εδώ κάτω, στο τερματικό
παράθυρο, ότι φαίνεται να είναι στο εσωτερικό του

13
00:00:32,990 --> 00:00:36,070
έναν κατάλογο που ονομάζεται δημόσια, την οποία η ίδια
είναι μέσα από έναν κατάλογο που ονομάζεται

14
00:00:36,070 --> 00:00:39,770
τοπική υποδοχής, η οποία η ίδια είναι μέσα
ένα κατάλογο με το όνομα vhosts, η οποία

15
00:00:39,770 --> 00:00:42,850
το ίδιο είναι μέσα John Χάρβαρντ
κατάλογο.

16
00:00:42,850 --> 00:00:45,850
Τώρα αποδεικνύεται, λόγω του τρόπου
έχουμε διαμορφωθεί τη συσκευή, η οποία

17
00:00:45,850 --> 00:00:49,670
είναι ως πραγματικό κόσμο δυνατό τρόπο,
τίποτα μέσα από αυτή τη δημόσια

18
00:00:49,670 --> 00:00:53,400
κατάλογος θα πρέπει, πράγματι, να είναι προσβάσιμα
στο σύνολο του δημόσιου μέσω ενός

19
00:00:53,400 --> 00:00:56,610
πρόγραμμα περιήγησης στο Web, ακόμη και αν, αυτή τη στιγμή,
Είμαι ο μοναδικός χρήστης που πρόκειται να είναι

20
00:00:56,610 --> 00:00:58,340
πρόσβαση σε αυτήν την ιστοσελίδα.

21
00:00:58,340 --> 00:01:03,120
>> Ας επιστρέψουμε τώρα στην hello.html και να αρχίσει
γράφοντας μερικές από εκείνη την γλώσσα.

22
00:01:03,120 --> 00:01:07,110
Πρώτον, στην κορυφή αυτού του αρχείου, Πάω να
προσδιορίζουν ανοιχτό βραχίονα, θαυμαστικό

23
00:01:07,110 --> 00:01:10,400
σημείο, DOCTYPE html χώρο.

24
00:01:10,400 --> 00:01:13,930
Αυτή η γραμμή δεν είναι μια ετικέτα, per se, ακόμη και
αν και δεν αρχίζουν με μια ανοικτή

25
00:01:13,930 --> 00:01:18,020
βραχίονα, αλλά, αντίθετα, είναι μια ειδική
ένα θραύσμα γραμμή που καθορίζει σε μια

26
00:01:18,020 --> 00:01:22,370
πρόγραμμα περιήγησης, έρχεται εδώ ένα web
Η σελίδα γραμμένη σε HTML.

27
00:01:22,370 --> 00:01:26,920
>> Ας το επόμενο, σε μια γραμμή της δικής του,
προσδιορίζει άνοιγμα παρένθεσης html, υποδεικνύοντας

28
00:01:26,920 --> 00:01:29,890
στο πρόγραμμα περιήγησης που εδώ,
Πράγματι, είναι ότι η HTML.

29
00:01:29,890 --> 00:01:34,150
Μέσα από αυτό, ας εσοχή λίγο, και
Στη συνέχεια κάνετε το κεφάλι, προσδιορίζοντας το

30
00:01:34,150 --> 00:01:37,470
πρόγραμμα περιήγησης, εδώ έρχεται το κεφάλι του
σελίδα, η οποία, προς το παρόν, είναι να αναλάβει

31
00:01:37,470 --> 00:01:40,830
ουσιαστικά η γραμμή τίτλου στην πολύ
επάνω μέρος του παραθύρου του προγράμματος περιήγησης.

32
00:01:40,830 --> 00:01:45,500
Ας επόμενη διευκρινίζει, στο εσωτερικό της κεφαλής
ετικέτα, που θα έχουμε τον τίτλο του

33
00:01:45,500 --> 00:01:47,570
κάτι απλό, όπως ένα γεια.

34
00:01:47,570 --> 00:01:51,550
Αλλά τώρα, ας πω το πρόγραμμα περιήγησης
Τελειώσαμε παρέχοντας έναν τίτλο.

35
00:01:51,550 --> 00:01:56,080
Για να γίνει αυτό, όπως ακριβώς άνοιξε ή άρχισε
η ετικέτα, τίτλος, πριν από λίγο,

36
00:01:56,080 --> 00:02:00,250
ας τώρα κοντά ή να τερματίσετε την ετικέτα με
διευκρινίζοντας, στην πραγματικότητα, το αντίθετο.

37
00:02:00,250 --> 00:02:05,010
>> Να εκφράσει ότι, κάνουμε ελεύθερο βραχίονα,
κάθετο, τίτλος.

38
00:02:05,010 --> 00:02:07,830
Παρομοίως, τώρα που τελειώσαμε τον ορισμό,
Προς το παρόν, ο επικεφαλής αυτής της

39
00:02:07,830 --> 00:02:12,340
σελίδα, θα κάνουμε ανοικτό στήριγμα κεφαλής κάθετος,
λέει το πρόγραμμα περιήγησης που είμαστε

40
00:02:12,340 --> 00:02:14,710
τώρα γίνεται παρέχοντας το κεφάλι.

41
00:02:14,710 --> 00:02:18,080
Μόνο ένα τμήμα απομένει τώρα, η
λεγόμενη σώμα της ιστοσελίδας, η οποία

42
00:02:18,080 --> 00:02:21,120
αποτελεί πραγματικά η ουσία
από οποιαδήποτε ιστοσελίδα.

43
00:02:21,120 --> 00:02:24,780
>> Ας διευκρινιστεί ότι, εδώ, είναι
αρχή, με ανοιχτό βραχίονα, το σώμα,

44
00:02:24,780 --> 00:02:25,600
κλείσιμο παρένθεσης.

45
00:02:25,600 --> 00:02:29,080
Και τώρα ας γράψω κάτι
όπως γεια κόμμα κόσμο.

46
00:02:29,080 --> 00:02:32,930
Αίσθηση σαν αυτό είναι ένα αρκετά καλό web
σελίδα, οπότε ας προχωρήσουμε τώρα σε μια νέα γραμμή.

47
00:02:32,930 --> 00:02:37,460
Καθορίστε ανοιχτό βραχίονα, κάθετος,
σώματος, ενημερώνοντας το πρόγραμμα περιήγησης που είμαστε

48
00:02:37,460 --> 00:02:38,650
γίνεται παροχή του σώματος.

49
00:02:38,650 --> 00:02:41,120
Και ομοίως, ας ενημερώσει τώρα
το πρόγραμμα περιήγησης που τελειωσα

50
00:02:41,120 --> 00:02:43,230
παρέχοντας μια ιστοσελίδα.

51
00:02:43,230 --> 00:02:47,120
Σε μια σειρά από δικά της, εμείς θα κάνουμε ανοικτή
βραχίονα, κάθετος, html.

52
00:02:47,120 --> 00:02:49,350
>> Τώρα, παρατηρήστε την αισθητική
αυτής της ιστοσελίδας.

53
00:02:49,350 --> 00:02:52,290
Παρά το γεγονός ότι, από τεχνική άποψη, δεν είναι
υποχρεούνται να παρέχουν τόσο πολύ λευκό

54
00:02:52,290 --> 00:02:55,450
χώρο, όπως το έκανα, θα είναι καλό στυλ, γιατί
ο κώδικας είναι, αναμφισβήτητα, πολύ

55
00:02:55,450 --> 00:02:56,490
πιο ευανάγνωστο.

56
00:02:56,490 --> 00:03:00,780
Ανακοίνωση, ειδικότερα, ότι όταν ανοίγω
ή να ξεκινήσετε μια ετικέτα, εγώ τότε σε περίπτωση

57
00:03:00,780 --> 00:03:02,040
οι γραμμές που ακολουθούν.

58
00:03:02,040 --> 00:03:05,990
Και όταν κλείνω ή και την ετικέτα, I
κλείστε την ετικέτα είτε στην ίδια

59
00:03:05,990 --> 00:03:09,790
γραμμή, αν είναι μια αρκετά μικρή γραμμή, ή
σε μια νέα γραμμή με τέτοιο τρόπο ώστε η

60
00:03:09,790 --> 00:03:14,540
στενή γραμμές ετικέτα με το open tag,
πολύ όπως κάναμε σε μια γλώσσα όπως η C

61
00:03:14,540 --> 00:03:17,380
με άνοιγμα και κλείσιμο άγκιστρα.

62
00:03:17,380 --> 00:03:20,350
>> Ας τώρα να αποθηκεύσετε το αρχείο και προσπαθήστε
για να το ανοίξετε σε ένα πρόγραμμα περιήγησης στο web

63
00:03:20,350 --> 00:03:21,600
στο εσωτερικό της συσκευής.

64
00:03:21,600 --> 00:03:24,180

65
00:03:24,180 --> 00:03:30,310
Ας ανοίξει Chrome, και ας τώρα
επισκεφτείτε http://localhost, η οποία είναι μια

66
00:03:30,310 --> 00:03:34,930
ψευδώνυμο για τη συσκευή
η ίδια, / hello.html.

67
00:03:34,930 --> 00:03:38,230
Και να παρατηρήσετε ότι δεν έχω πραγματικά πληκτρολογήσει
δημόσια, γιατί εξυπακούεται

68
00:03:38,230 --> 00:03:42,430
ότι αν επισκεφθείτε αυτή τη σελίδα μέσω ενός web
πρόγραμμα περιήγησης, μπορείτε πράγματι θέλετε να αποκτήσετε πρόσβαση στο

69
00:03:42,430 --> 00:03:44,430
το περιεχόμενο του εν λόγω δημόσιου καταλόγου.

70
00:03:44,430 --> 00:03:47,740
Θέλω, όμως, να έχει πρόσβαση, συγκεκριμένα,
hello.html.

71
00:03:47,740 --> 00:03:50,854
Οπότε ας πάμε τώρα να πατήσετε το Enter
και να δούμε τι θα συμβεί.

72
00:03:50,854 --> 00:03:51,710
>> Χμ.

73
00:03:51,710 --> 00:03:56,260
Δεν έχω δικαίωμα πρόσβασης
/ Hello.html σε αυτόν το διακομιστή.

74
00:03:56,260 --> 00:03:57,570
Τώρα, γιατί θα μπορούσε να είναι;

75
00:03:57,570 --> 00:04:01,040
Λοιπόν, αποδεικνύεται ότι δεν είναι επαρκής
με απλά λόγια αυτό το αρχείο, hello.html,

76
00:04:01,040 --> 00:04:02,560
σε αυτό το δημόσιο κατάλογο.

77
00:04:02,560 --> 00:04:06,150
Πρέπει επίσης να πω προληπτικά το
συσκευή που έχουμε, πράγματι, θέλουν να

78
00:04:06,150 --> 00:04:09,470
επιτρέπουν όλο τον κόσμο, ενδεχομένως,
για να αποκτήσετε πρόσβαση σε αυτό το αρχείο.

79
00:04:09,470 --> 00:04:12,470
Για να γίνει αυτό, πρέπει να αλλάξουμε τους
δικαιώματα, να το πω έτσι, και μπορούμε

80
00:04:12,470 --> 00:04:14,600
κάνουν ότι σε μια γραμμή εντολών.

81
00:04:14,600 --> 00:04:20,079
>> Ας πληκτρολογήστε ls-l για να πάρετε μια μεγάλη λίστα
από τα αρχεία σε αυτόν τον κατάλογο, Enter.

82
00:04:20,079 --> 00:04:22,480
Και βλέπουμε, πράγματι, hello.html.

83
00:04:22,480 --> 00:04:25,882
Αλλά εδώ στα αριστερά,
ανακοίνωση, είναι r και w.

84
00:04:25,882 --> 00:04:29,050
Το r, όπως θα έχετε καταλάβει, σημαίνει
διαβάζουν, και τα μέσα w γράψω, αλλά

85
00:04:29,050 --> 00:04:32,470
το γεγονός ότι υπάρχει μόνο μία τέτοια r και
ένα τέτοιο βάρος, σε όλη τη διαδρομή προς το

86
00:04:32,470 --> 00:04:36,710
αριστερά αυτών παύλες, σημαίνει ότι μόνο
ο ιδιοκτήτης των αρχείων, ο ίδιος, μπορεί στην πραγματικότητα

87
00:04:36,710 --> 00:04:38,370
διαβάζουν και να γράφουν αυτό το αρχείο.

88
00:04:38,370 --> 00:04:41,610
>> Πρέπει να εναλλαγή τουλάχιστον ένα άλλο
r για να αφήσει ολόκληρο τον κόσμο να διαβάσετε

89
00:04:41,610 --> 00:04:42,810
αυτό το αρχείο, καθώς και.

90
00:04:42,810 --> 00:04:47,320
Και για να το κάνουμε αυτό, μπορούμε να το κάνουμε με το
εντολή chmod, ή αλλαγή του τρόπου.

91
00:04:47,320 --> 00:04:54,030
chmod a, για όλους, καθώς και r,
χώρο, hello.html Enter.

92
00:04:54,030 --> 00:04:56,970
Τίποτα δεν φαίνεται να έχει συμβεί, αλλά
αυτό είναι γενικά ένα καλό πράγμα.

93
00:04:56,970 --> 00:05:02,490
Έτσι ls-l και πάλι θα πρέπει, ενδεχομένως,
δώσει κάποια επιπλέον r του.

94
00:05:02,490 --> 00:05:04,130
>> Και πράγματι, το κάνουμε δει τέτοια.

95
00:05:04,130 --> 00:05:08,350
Από την αριστερή πλευρά εδώ τώρα, ανακοίνωση
ότι έχω διαβάσει και να γράψει τα προνόμια.

96
00:05:08,350 --> 00:05:10,320
Υπάρχει ένα άλλο r, και στη συνέχεια ένα άλλο r.

97
00:05:10,320 --> 00:05:13,180
Λοιπόν, αποδεικνύεται το r στη μέση
νοείται η ομάδα μου, η οποία συμβαίνει να είναι

98
00:05:13,180 --> 00:05:15,370
μαθητές στη συσκευή,
μπορεί επίσης να διαβάσει αυτό το αρχείο.

99
00:05:15,370 --> 00:05:18,235
Αλλά αυτό είναι σε μεγάλο βαθμό άσχετη εδώ,
δεδομένου ότι μιλάμε για το διαδίκτυο και

100
00:05:18,235 --> 00:05:19,850
όχι η ίδια η συσκευή.

101
00:05:19,850 --> 00:05:23,420
Αλλά αυτό το τρίτο r σε όλη τη διαδρομή για το
δεξιά υποδεικνύει ότι όλος ο κόσμος,

102
00:05:23,420 --> 00:05:25,920
ή όλα, μπορεί να διαβάσει αυτό το αρχείο.

103
00:05:25,920 --> 00:05:29,290
>> Ας πάμε τώρα πίσω στο πρόγραμμα περιήγησής μου, reload
η σελίδα, και να δούμε αν δεν είμαι

104
00:05:29,290 --> 00:05:32,050
απαγορεύεται πλέον.

105
00:05:32,050 --> 00:05:36,800
Ας κλικ στο εικονίδιο reload του Chrome up
εδώ, ή πατήστε Control-R, και εκεί

106
00:05:36,800 --> 00:05:38,750
έχουν, hello world.

107
00:05:38,750 --> 00:05:41,248