1
00:00:00,000 --> 00:00:00,310

2
00:00:00,310 --> 00:00:02,400
>> DAVID MALAN: Έτσι έχω κάνει μου
δική του μηχανή αναζήτησης, αλλά έχω μόνο

3
00:00:02,400 --> 00:00:04,720
αποφάσισε να αναδιαρθρώσει τα πράγματα
κάτω από το καπό.

4
00:00:04,720 --> 00:00:06,480
Ας ρίξουμε μια ματιά.

5
00:00:06,480 --> 00:00:11,240
Εδώ στην HTML για αυτή τη σελίδα, σημείωση
ότι έχω τώρα στην κορυφή της σελίδας τι

6
00:00:11,240 --> 00:00:15,390
φαίνεται να είναι ένα λογότυπο, logo.gif, και
Έχω δώσει ένα εναλλακτικό κείμενο

7
00:00:15,390 --> 00:00:18,620
Αναζήτηση CS50, μόνο στην περίπτωση που κάποιος
δεν είναι σε θέση να δείτε αυτή την εικόνα.

8
00:00:18,620 --> 00:00:22,340
>> Να σημειωθεί όμως ότι έχω αναθέσει την εικόνα
μέσα σε ένα div, και το έχω ανατεθεί

9
00:00:22,340 --> 00:00:27,060
ένα μοναδικό αναγνωριστικό του απόσπασμα, unquote, "κορυφή".
Κάτω από αυτό, έχω ένα άλλο div των οποίων

10
00:00:27,060 --> 00:00:31,020
μοναδικό αναγνωριστικό έχω αποφασίσει να «μέση»
αλλά θα μπορούσα να τον εντοπισμό αυτών των divs

11
00:00:31,020 --> 00:00:32,360
ως κάτι που θα ήθελα.

12
00:00:32,360 --> 00:00:35,340
Και μέσα από αυτό το "μεσαίο" div,
παρατηρήσετε ότι έχω μια φόρμα.

13
00:00:35,340 --> 00:00:40,080
Το έντυπο αυτό είναι προφανώς πρόκειται να υποβάλει
μέσω HTTP πάρει στους διακομιστές της Google

14
00:00:40,080 --> 00:00:45,150
η ακόλουθη εισόδου, μια είσοδος του οποίου
τύπος είναι το κείμενο του οποίου το όνομα είναι q.

15
00:00:45,150 --> 00:00:48,520
Και αυτό θα συμβεί μόλις η
χρήστης πατήσει Enter ή κάνει κλικ σε ένα κουμπί

16
00:00:48,520 --> 00:00:50,410
επισημαίνονται CS50 αναζήτησης.

17
00:00:50,410 --> 00:00:53,750
>> Τώρα στο κάτω μέρος της σελίδας, έχω
μια τρίτη και τελική div οποίου ο μοναδικός

18
00:00:53,750 --> 00:00:57,670
αναγνωριστικό είναι "εκ των κάτω". Μέσα από αυτό,
Έχω μνεία του δικαιώματος του δημιουργού,

19
00:00:57,670 --> 00:00:59,750
συμπεριλαμβανομένης μιας οντότητας HTML.

20
00:00:59,750 --> 00:01:06,230
Αποδεικνύεται ότι © είναι η HTML
οντότητα που εκπροσωπεί τα πνευματικά δικαιώματα

21
00:01:06,230 --> 00:01:08,410
σύμβολο, για τα οποία πιθανότατα
δεν έχετε ένα

22
00:01:08,410 --> 00:01:10,210
πραγματική πλήκτρο στο πληκτρολόγιό σας.

23
00:01:10,210 --> 00:01:12,560
Μετά από αυτό, αναφέρω
ότι είναι CS50 του.

24
00:01:12,560 --> 00:01:17,090
>> Τώρα κορυφή, μέση και κάτω υπάρχουν τόσο
ότι μοναδικά μπορώ να αναγνωρίσω την κορυφή,

25
00:01:17,090 --> 00:01:20,400
η μεσαία, και το κάτω μέρος αυτής της σελίδας
έτσι ώστε να μπορώ να τα στυλιζάρω κάθε ένα

26
00:01:20,400 --> 00:01:21,370
λίγο διαφορετικά.

27
00:01:21,370 --> 00:01:23,320
Και έχω ήδη λάβει η
ελευθερία για να γίνει αυτό.

28
00:01:23,320 --> 00:01:27,030
Ψηλότερα στην σελίδα μου, έχω ένα στυλ
ετικέτα εσωτερικό του οποίου είναι μερικά CSS

29
00:01:27,030 --> 00:01:27,880
ιδιότητες.

30
00:01:27,880 --> 00:01:28,980
Ας ρίξουμε μια ματιά.

31
00:01:28,980 --> 00:01:33,450
>> Παρατηρήστε ότι στην κορυφή αυτής της σελίδας, έχω
ορίζεται ότι οποιοδήποτε HTML tag θα

32
00:01:33,450 --> 00:01:37,350
με το μοναδικό αναγνωριστικό της κορυφή ως
υποδεικνύεται από την εν λόγω απότομη σημάδι πριν

33
00:01:37,350 --> 00:01:41,320
αυτό, θα πρέπει να έχει text-align:
κέντρο? ως ιδιοκτησία.

34
00:01:41,320 --> 00:01:45,000
Εν τω μεταξύ, στη μέση της σελίδας θα πρέπει να
παρομοίως να επικεντρώνεται, αλλά οποιαδήποτε

35
00:01:45,000 --> 00:01:48,870
εισροών στη μέση της σελίδας θα πρέπει να
έχει 5 pixels λευκού χώρου

36
00:01:48,870 --> 00:01:51,860
γύρω τους, απλά για να δώσει
τα πράγματα λίγο περισσότερο χώρο.

37
00:01:51,860 --> 00:01:55,630
Εν τω μεταξύ, στο κάτω μέρος της σελίδας,
Έχω διευκρίνισε ότι οποιοδήποτε κείμενο θα πρέπει να είναι

38
00:01:55,630 --> 00:01:59,620
σε ένα μικρότερο γραμματοσειρά, ότι το βάρος του
είπε γραμματοσειρά πρέπει να είναι τολμηρή, ότι η

39
00:01:59,620 --> 00:02:03,800
περιθώριο γύρω από το κάτω μέρος της σελίδας
θα πρέπει να είναι 20 pixels, ακριβώς για να δώσει μια

40
00:02:03,800 --> 00:02:06,270
λίγο αναπνοής του δωματίου
καθώς και ότι οποιοδήποτε κείμενο

41
00:02:06,270 --> 00:02:08,190
αυτό θα πρέπει να επικεντρώνεται.

42
00:02:08,190 --> 00:02:09,580
>> Τι πρόκειται να είναι το τελικό αποτέλεσμα;

43
00:02:09,580 --> 00:02:11,620
Λοιπόν, ας ρίξουμε μια ματιά σε ένα πρόγραμμα περιήγησης.

44
00:02:11,620 --> 00:02:14,160
Αν πάω εδώ στο Chrome, voila.

45
00:02:14,160 --> 00:02:16,140
Τώρα που είναι μια καλή εμφάνιση
μηχανή αναζήτησης.

46
00:02:16,140 --> 00:02:18,539