1
00:00:00,000 --> 00:00:00,360

2
00:00:00,360 --> 00:00:01,970
>> DAVID MALAN: Έτσι έχω εργαστεί
για τη μηχανή αναζήτησης

3
00:00:01,970 --> 00:00:03,480
που μοιάζει με αυτό.

4
00:00:03,480 --> 00:00:07,580
Μου φαίνεται να έχει έναν τίτλο που ονομάζεται CS50
Αναζήτηση, κάτω από το οποίο είναι μια μορφή HTML,

5
00:00:07,580 --> 00:00:10,430
στο εσωτερικό των οποίων είναι μια είσοδος του οποίου
τύπος είναι το κείμενο και μια άλλη είσοδο

6
00:00:10,430 --> 00:00:12,260
των οποίων ο τύπος είναι να υποβάλει.

7
00:00:12,260 --> 00:00:15,400
Ας ρίξουμε τώρα μια ματιά στην υποκείμενη
πηγαίο κώδικα αυτής της σελίδας.

8
00:00:15,400 --> 00:00:20,180
>> Εδώ σε αναζήτηση-2.html, παρατηρούμε ότι
Πράγματι, έχει έναν τίτλο με τη μορφή της

9
00:00:20,180 --> 00:00:23,260
κεφάλι καθώς και στο σώμα
με μια ετικέτα H1 γύρω από αυτό.

10
00:00:23,260 --> 00:00:26,490
Έχω μια φόρμα HTML, και
Στη συνέχεια οι δύο εισόδους.

11
00:00:26,490 --> 00:00:30,650
Αλλά προσέξτε ιδιαίτερα για το σώμα
ετικέτα, που έχω δηλώσει στυλ

12
00:00:30,650 --> 00:00:35,770
χαρακτηριστικό του οποίου η αξία είναι text-align:
κέντρο?, διευκρινίζοντας ότι όλες οι

13
00:00:35,770 --> 00:00:38,390
κείμενο σε αυτή τη σελίδα θα πρέπει να είναι
ευθυγραμμισμένα στο κέντρο.

14
00:00:38,390 --> 00:00:41,700
>> Τώρα αυτό λειτουργεί τέλεια σωστά,
αλλά είναι λίγο ατημέλητη.

15
00:00:41,700 --> 00:00:43,900
Δεν μπορεί πραγματικά να πει όσο
επειδή αυτή η σελίδα είναι αρκετά

16
00:00:43,900 --> 00:00:44,960
μικρή αυτή τη στιγμή.

17
00:00:44,960 --> 00:00:47,520
Αλλά φανταστείτε αν αυτή η σελίδα πήρε
και περισσότερο και

18
00:00:47,520 --> 00:00:49,180
περισσότερο και πιο πολύπλοκη.

19
00:00:49,180 --> 00:00:53,960
>> Παρατηρήστε ότι το μοτίβο έχω υιοθετήσει
εδώ είναι να μπερδεύονται αισθητική μου

20
00:00:53,960 --> 00:00:57,380
με τη δομή της σελίδας
χρησιμοποιώντας το χαρακτηριστικό στυλ.

21
00:00:57,380 --> 00:01:00,540
Μεγάλη ιστορία σύντομη, αυτό δεν είναι η καλύτερη
σχεδιασμό, σίγουρα ως σελίδες σας να αυξηθεί

22
00:01:00,540 --> 00:01:02,010
πιο περίπλοκη.

23
00:01:02,010 --> 00:01:05,830
Καλύτερος σχεδιασμός θα ήταν να συνυπολογίσει
ότι η σχηματοποίηση και να το βάλετε κάπου

24
00:01:05,830 --> 00:01:09,730
κεντρική, για παράδειγμα, δεν είναι σε στυλ
αποδίδουν, αλλά σε μια ετικέτα στυλ,

25
00:01:09,730 --> 00:01:13,310
ειδικά ένα στυλ ετικέτα στο εσωτερικό
της κεφαλής σελίδα tag μου.

26
00:01:13,310 --> 00:01:14,830
Ας κάνουμε ακριβώς αυτό.

27
00:01:14,830 --> 00:01:18,160
>> Πρώτα ας πάμε εδώ και να διαγράψετε
αυτό το στυλ αποδίδουν συνολικά.

28
00:01:18,160 --> 00:01:22,420
Στη συνέχεια, πίσω στο κεφάλι της σελίδας μου, ας
δηλώνουν μια ετικέτα στυλ και την κλείνετε σε

29
00:01:22,420 --> 00:01:24,620
Την ίδια στιγμή, γι 'αυτό δεν
ξεχάσετε να αργότερα.

30
00:01:24,620 --> 00:01:28,120
Και τότε ας διευκρινίσει ότι το σώμα
αυτής της σελίδας θα πρέπει να έχει ένα CSS

31
00:01:28,120 --> 00:01:32,040
ιδιοκτησία της text-align είναι το κέντρο.

32
00:01:32,040 --> 00:01:35,320
Ας τώρα να σώσει αυτή τη σελίδα, επανατοποθετήστε το
πρόγραμμα περιήγησης και να δούμε τι είναι το φαινόμενο.

33
00:01:35,320 --> 00:01:38,070

34
00:01:38,070 --> 00:01:40,510
>> Ανανέωσης στο πρόγραμμα περιήγησής μου -

35
00:01:40,510 --> 00:01:41,570
καμία επίδραση σε όλα.

36
00:01:41,570 --> 00:01:43,110
Αλλά καμία επίδραση προοριζόταν.

37
00:01:43,110 --> 00:01:45,150
Είμαστε απλά βελτίωση
σχεδιασμού αυτής της σελίδας.

38
00:01:45,150 --> 00:01:47,606