1
00:00:00,000 --> 00:00:00,260

2
00:00:00,260 --> 00:00:01,900
>> DAVID MALAN: Έτσι έχω κάνει
τη δική μου μηχανή αναζήτησης.

3
00:00:01,900 --> 00:00:04,100
Και αυτή τη στιγμή, μοιάζει με αυτό.

4
00:00:04,100 --> 00:00:05,265
Έχω εδώ τον τίτλο της σελίδας.

5
00:00:05,265 --> 00:00:06,580
Είναι CS50 αναζήτησης.

6
00:00:06,580 --> 00:00:10,380
Έχω μια φόρμα HTML εσωτερικό του οποίου
φαίνεται να είναι μια είσοδος του οποίου ο τύπος είναι

7
00:00:10,380 --> 00:00:13,650
κείμενο και μια άλλη είσοδο
των οποίων ο τύπος είναι να υποβάλει.

8
00:00:13,650 --> 00:00:17,180
>> Αν ρίξουμε τώρα μια ματιά στην πηγή για
αυτή τη σελίδα, παρατηρούμε ότι, πράγματι,

9
00:00:17,180 --> 00:00:20,260
έχουν h1 και μια ετικέττα τίτλου που
μεταβιβάζετε ότι αυτό

10
00:00:20,260 --> 00:00:22,020
είναι πράγματι CS50 αναζήτησης.

11
00:00:22,020 --> 00:00:25,940
Έχουμε μια ετικέτα μορφή που είναι διευκρινίζοντας
ότι το έντυπο θα πρέπει να υποβληθεί

12
00:00:25,940 --> 00:00:27,140
τους φίλους μας στο Google.

13
00:00:27,140 --> 00:00:30,430
Και μέσα από αυτή τη μορφή, έχουμε
αυτά τα δύο είδη εισόδου.

14
00:00:30,430 --> 00:00:33,770
>> Να σημειωθεί όμως τώρα προς την κορυφή του
σελίδα, μέσα από το κεφάλι της σελίδας,

15
00:00:33,770 --> 00:00:36,750
υπάρχει ένα στυλ ετικέτα, στο εσωτερικό του
η οποία είναι μια ιδιότητα CSS για

16
00:00:36,750 --> 00:00:38,570
το σώμα της σελίδας.

17
00:00:38,570 --> 00:00:41,580
Τι θα συμβεί αν, όμως, θέλαμε να
κάνει όλο το κείμενο ευθυγραμμίζεται

18
00:00:41,580 --> 00:00:43,050
σε πολλές σελίδες;

19
00:00:43,050 --> 00:00:46,640
Με άλλα λόγια, θα ήθελα να επαναχρησιμοποιούν αυτό
CSS ιδιοκτησία ξανά και ξανά και ξανά

20
00:00:46,640 --> 00:00:50,030
σε διάφορες ιστοσελίδες, όλα
από τους οποίους έχουν ετικέτα του σώματος;

21
00:00:50,030 --> 00:00:53,660
Καλά σίγουρα θα μπορούσα να αντιγράψετε και να επικολλήσετε
το CSS σε κάθε μία από αυτές τις σελίδες, αλλά

22
00:00:53,660 --> 00:00:57,730
ότι θα ήταν καλύτερα το σχεδιασμό για τον παράγοντα αυτό
έξω σε κάποιο κεντρικό αρχείο και στη συνέχεια

23
00:00:57,730 --> 00:01:01,100
κατά κάποιο τρόπο περιλαμβάνει το αρχείο αυτό σε όλες τις
αυτές τις σελίδες, έτσι ώστε αν ποτέ θέλουν να

24
00:01:01,100 --> 00:01:04,840
κάνει μια αλλαγή και να ευθυγραμμιστεί το κείμενο μου για την
αριστερά ή στοίχιση κειμένου μου σχετικά με το δικαίωμα, I

25
00:01:04,840 --> 00:01:07,220
μπορεί να κάνει ότι πολύ πιο εύκολα.

26
00:01:07,220 --> 00:01:08,860
Ας προσπαθήσουμε να το κάνουμε αυτό.

27
00:01:08,860 --> 00:01:12,520
>> Κατ 'αρχάς, ας κοπεί αυτό
ετικέτα στυλ εντελώς.

28
00:01:12,520 --> 00:01:16,820
Και τώρα ας ανοίξουμε ένα αρχείο που ονομάζεται,
ας πούμε, αναζήτηση-3.css και βάλτε ότι

29
00:01:16,820 --> 00:01:18,970
ίδιο CSS σε αυτό το αρχείο.

30
00:01:18,970 --> 00:01:23,500
το σώμα πρόκειται να έχει
text-align: center?.

31
00:01:23,500 --> 00:01:24,760
Ας σώσει το αρχείο.

32
00:01:24,760 --> 00:01:30,950
>> Ας πάμε τώρα πίσω για να αναζητήσετε-3.html και,
στο κεφάλι και πάλι, να προσθέσετε μια ετικέτα σύνδεσμο

33
00:01:30,950 --> 00:01:33,630
καθορίζοντας μια υπερ-αναφορά
της αναζήτησης 3.css.

34
00:01:33,630 --> 00:01:38,650
CSS Και ας διευκρινίσει ότι η σχέση
ότι αυτό το αρχείο έχει με το

35
00:01:38,650 --> 00:01:41,880
Η σελίδα είναι να χρησιμεύσει ως φύλλο στυλ.

36
00:01:41,880 --> 00:01:44,840
Ας τώρα να κλείσει αυτήν την ετικέτα, εκτός
το αρχείο, και reload

37
00:01:44,840 --> 00:01:46,910
αυτή τη σελίδα στο πρόγραμμα περιήγησης.

38
00:01:46,910 --> 00:01:49,700
>> Είναι ευθυγραμμισμένο το κείμενο σχετικά με την
αριστερά σαν το CSS

39
00:01:49,700 --> 00:01:50,905
ιδιοκτησίας δεν ήταν καν εφαρμοστεί.

40
00:01:50,905 --> 00:01:53,020
Τώρα γιατί θα μπορούσε να είναι;

41
00:01:53,020 --> 00:01:54,590
Ας ρίξουμε μια ματιά στο
δικαιώματα αρχείου -

42
00:01:54,590 --> 00:01:58,630
Δεν τα δικαιώματα του αρχείου της HTML,
αλλά τα δικαιώματα του αρχείου CSS του.

43
00:01:58,630 --> 00:02:02,740
>> Πίσω εδώ στο gedit, ας πάει κάτω
το παράθυρο τερματικού και πληκτρολογήστε ls-l

44
00:02:02,740 --> 00:02:04,720
search-3.css.

45
00:02:04,720 --> 00:02:09,810
Αχ, μάλιστα, ακόμα κι αν, το αρχείο του
ιδιοκτήτης, μπορεί να διαβάσει και να γράψει αυτό το αρχείο,

46
00:02:09,810 --> 00:02:11,110
κανένας άλλος δεν μπορεί να το διαβάσει.

47
00:02:11,110 --> 00:02:17,570
Αλλά μπορούμε να το διορθώσω αυτό με chmod a + r
search-3.css, και τώρα ας εκ νέου να εκτελέσει

48
00:02:17,570 --> 00:02:20,970
ls-l αναζήτησης 3.css--

49
00:02:20,970 --> 00:02:21,910
και πολύ καλύτερα.

50
00:02:21,910 --> 00:02:24,380
Τώρα όλος ο κόσμος μπορεί να
διαβάσει αυτό το αρχείο.

51
00:02:24,380 --> 00:02:26,950
>> Ας πάμε πίσω στο πρόγραμμα περιήγησης, φορτώσετε εκ νέου.

52
00:02:26,950 --> 00:02:29,220
Voila, είμαστε πίσω σε μια κεντρική
μηχανή αναζήτησης.

53
00:02:29,220 --> 00:02:32,450
Φυσικά, αυτό είναι όπου αρχίσαμε την
ιστορία, με το κείμενό μας ήδη στο κέντρο.

54
00:02:32,450 --> 00:02:36,000
Αλλά τι είναι καλύτερο σχεδιασμό τώρα είναι ότι
έχουμε υπολογιστεί ότι το CSS σε ένα

55
00:02:36,000 --> 00:02:39,690
κεντρικό αρχείο, κάπου που μπορούμε στη συνέχεια
περιλαμβάνονται σε άλλες ιστοσελίδες που

56
00:02:39,690 --> 00:02:41,580
θα μπορούσε να συμβεί για να κάνει στο μέλλον.

57
00:02:41,580 --> 00:02:45,430
Έτσι, αν ποτέ θέλουν να recenter ή
restylize γενικότερα τις σελίδες μας,

58
00:02:45,430 --> 00:02:48,570
μπορεί να το κάνει πολύ απλά σε
ένα κεντρικό σημείο.

59
00:02:48,570 --> 00:02:50,902