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

2
00:00:00,260 --> 00:00:01,900
>> DAVID MALAN: Deci, am fost de luare
meu de motor de căutare propriu.

3
00:00:01,900 --> 00:00:04,100
Și în acest moment, se pare ca acest lucru.

4
00:00:04,100 --> 00:00:05,265
Am aici titlul paginii.

5
00:00:05,265 --> 00:00:06,580
Este CS50 Căutare.

6
00:00:06,580 --> 00:00:10,380
Am un formular HTML în interiorul care
pare a fi o intrare a cărui tip este

7
00:00:10,380 --> 00:00:13,650
text și o altă intrare
al cărui tip este prezenta.

8
00:00:13,650 --> 00:00:17,180
>> Dacă ne aruncăm acum o privire la sursa de
această pagină, observa că, într-adevăr, ne-am

9
00:00:17,180 --> 00:00:20,260
au un H1 și o etichetă titlu care
sunt de transport care aceasta

10
00:00:20,260 --> 00:00:22,020
este într-adevăr CS50 Căutare.

11
00:00:22,020 --> 00:00:25,940
Avem o etichetă formular care este specificarea
că forma trebuie să fie depuse la

12
00:00:25,940 --> 00:00:27,140
prietenii nostri de la Google.

13
00:00:27,140 --> 00:00:30,430
Și în interiorul acelei forme, avem
aceste două tipuri de intrare.

14
00:00:30,430 --> 00:00:33,770
>> Dar observați acum spre partea de sus a
pagină, în capul paginii,

15
00:00:33,770 --> 00:00:36,750
există o etichetă stil, în interiorul
care este o proprietate CSS pentru

16
00:00:36,750 --> 00:00:38,570
corpul paginii.

17
00:00:38,570 --> 00:00:41,580
Ce se întâmplă dacă, totuși, am vrut să
face tot textul aliniat

18
00:00:41,580 --> 00:00:43,050
pe mai multe pagini?

19
00:00:43,050 --> 00:00:46,640
Cu alte cuvinte, am vrut să reutilizeze acest
Proprietate CSS din nou și din nou și din nou

20
00:00:46,640 --> 00:00:50,030
în diferite pagini web, toate
de care au tag corp?

21
00:00:50,030 --> 00:00:53,660
Ei bine, am putea copia cu siguranță și lipiți
CSS în fiecare dintre aceste pagini, dar

22
00:00:53,660 --> 00:00:57,730
ar fi o mai bună proiectare pentru acest factor
afară, în unele fișier centrală și apoi

23
00:00:57,730 --> 00:01:01,100
includ cumva că fișierul în toate
acele pagini, astfel că, dacă vreau vreodată să

24
00:01:01,100 --> 00:01:04,840
face o schimbare și de a alinia textul pe
la stânga sau a alinia textul la dreapta, eu

25
00:01:04,840 --> 00:01:07,220
poate face acest lucru mult mai ușor.

26
00:01:07,220 --> 00:01:08,860
Să încercăm să facem acest lucru.

27
00:01:08,860 --> 00:01:12,520
>> În primul rând, haideți să taie acest
tag stil cu totul.

28
00:01:12,520 --> 00:01:16,820
Și acum să deschidă un fișier numit,
să zicem, de căutare-3.css și a pus că

29
00:01:16,820 --> 00:01:18,970
același CSS în acest dosar.

30
00:01:18,970 --> 00:01:23,500
corpul va avea
text-align: center;.

31
00:01:23,500 --> 00:01:24,760
Să salvăm acel fișier.

32
00:01:24,760 --> 00:01:30,950
>> Să ne întoarcem acum la căutare-3.html și,
în cap din nou, se adaugă o etichetă link

33
00:01:30,950 --> 00:01:33,630
specificând un hiper-trimitere
de căutare-3.css.

34
00:01:33,630 --> 00:01:38,650
CSS Și să precizeze că relația
că acest fișier are cu

35
00:01:38,650 --> 00:01:41,880
Pagina este de a servi drept foaie de stil.

36
00:01:41,880 --> 00:01:44,840
Hai acum închide această etichetă, cu excepția
fișierul, și reîncărcați

37
00:01:44,840 --> 00:01:46,910
această pagină în browser.

38
00:01:46,910 --> 00:01:49,700
>> Acesta realiniat textul de pe
a plecat ca și cum CSS

39
00:01:49,700 --> 00:01:50,905
proprietate nici măcar nu a fost aplicată.

40
00:01:50,905 --> 00:01:53,020
Acum, de ce ar fi asta?

41
00:01:53,020 --> 00:01:54,590
Să aruncăm o privire la
permisiunile de fișiere lui -

42
00:01:54,590 --> 00:01:58,630
nu permisiunile fișierului HTML,
dar permisiunile fișierului CSS.

43
00:01:58,630 --> 00:02:02,740
>> Înapoi aici în gedit, să mergem în jos pentru a
fereastra de terminal și de tipul ls-l

44
00:02:02,740 --> 00:02:04,720
căutare-3.css.

45
00:02:04,720 --> 00:02:09,810
Ah, într-adevăr, chiar dacă eu, dosarul de
proprietar, poate citi și scrie acest fișier,

46
00:02:09,810 --> 00:02:11,110
nimeni altcineva nu o poate citi.

47
00:02:11,110 --> 00:02:17,570
Dar putem rezolva acest lucru cu chmod o + r
căutare-3.css, și acum să re-executa

48
00:02:17,570 --> 00:02:20,970
ls-l căutare-3.css--

49
00:02:20,970 --> 00:02:21,910
și mult mai bine.

50
00:02:21,910 --> 00:02:24,380
Acum, toată lumea poate
citi acest fișier.

51
00:02:24,380 --> 00:02:26,950
>> Să mergem înapoi la browser-ul, reincarca.

52
00:02:26,950 --> 00:02:29,220
Voila, ne-am întors la o centrat
motor de căutare.

53
00:02:29,220 --> 00:02:32,450
Desigur, acest lucru este în cazul în care am început
poveste, cu textul nostru deja centrat.

54
00:02:32,450 --> 00:02:36,000
Dar ceea ce este mai bun design de acum este că
ne-am luat ca CSS într-un

55
00:02:36,000 --> 00:02:39,690
fișier central, intr-un loc pe care le putem apoi
includ în alte pagini web care

56
00:02:39,690 --> 00:02:41,580
s-ar putea întâmpla să facă în viitor.

57
00:02:41,580 --> 00:02:45,430
Deci, dacă vrem vreodată să recentra sau
restylize mai general paginile noastre, ne-am

58
00:02:45,430 --> 00:02:48,570
poate face foarte simplu în
un loc central.

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