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

2
00:00:00,260 --> 00:00:01,900
>> DAVID Malan: Dus ik heb het maken van
mijn eigen zoekmachine.

3
00:00:01,900 --> 00:00:04,100
En op het moment, het lijkt erop dat dit.

4
00:00:04,100 --> 00:00:05,265
Ik heb hier de titel van de pagina.

5
00:00:05,265 --> 00:00:06,580
Het is CS50 zoeken.

6
00:00:06,580 --> 00:00:10,380
Ik heb een HTML-formulier binnenkant van die
lijkt een ingang waarvan het type zijn

7
00:00:10,380 --> 00:00:13,650
tekst en een andere ingang
waarvan het type is te dienen.

8
00:00:13,650 --> 00:00:17,180
>> Als we nu een kijkje nemen op de bron voor
deze pagina, merken dat, inderdaad, we

9
00:00:17,180 --> 00:00:20,260
hebben een h1 en een title tag die
worden overbrengen dat

10
00:00:20,260 --> 00:00:22,020
is inderdaad CS50 zoeken.

11
00:00:22,020 --> 00:00:25,940
We hebben een form tag dat is het opgeven
dat het formulier moet worden ingediend

12
00:00:25,940 --> 00:00:27,140
onze vrienden bij Google.

13
00:00:27,140 --> 00:00:30,430
En binnen van die vorm, we
deze twee soorten invoer.

14
00:00:30,430 --> 00:00:33,770
>> Maar merk nu op naar de top van de
pagina, de binnenkant van de pagina's hoofd,

15
00:00:33,770 --> 00:00:36,750
er is een stijl-tag, de binnenkant van
dat is een CSS-eigenschap voor

16
00:00:36,750 --> 00:00:38,570
het lichaam van de pagina.

17
00:00:38,570 --> 00:00:41,580
Wat als, hoewel, wilden we
maken alle tekst uitgelijnd

18
00:00:41,580 --> 00:00:43,050
op meerdere pagina's?

19
00:00:43,050 --> 00:00:46,640
Met andere woorden, ik wilde deze opnieuw te gebruiken
Weer CSS-eigenschap en opnieuw en opnieuw

20
00:00:46,640 --> 00:00:50,030
verschillende webpagina's, alle
van wie body-tag?

21
00:00:50,030 --> 00:00:53,660
Nou ik kan zeker kopiëren en plakken
de CSS in elk van die pagina, maar

22
00:00:53,660 --> 00:00:57,730
het zou beter ontwerp zijn om deze factor
uit in een aantal centrale bestand en vervolgens

23
00:00:57,730 --> 00:01:01,100
een of andere manier onder meer dat bestand in alle
die pagina's zo dat als ik ooit wil

24
00:01:01,100 --> 00:01:04,840
een verandering en richt mijn tekst op de
links of uitlijnen mijn tekst aan de rechterkant, ik

25
00:01:04,840 --> 00:01:07,220
kan dat veel gemakkelijker doen.

26
00:01:07,220 --> 00:01:08,860
Laten we proberen om dit te doen.

27
00:01:08,860 --> 00:01:12,520
>> Laten we eerst eens uitgesneden dit
stijl tag helemaal.

28
00:01:12,520 --> 00:01:16,820
En laten we nu een bestand genaamd openen,
zeg, zoek-3.css en we deze

29
00:01:16,820 --> 00:01:18,970
dezelfde CSS in dit bestand.

30
00:01:18,970 --> 00:01:23,500
lichaam gaat hebben
text-align: center;.

31
00:01:23,500 --> 00:01:24,760
Laten we redden dat bestand.

32
00:01:24,760 --> 00:01:30,950
>> Laten we nu teruggaan naar zoeken-3.html en,
in het hoofd weer, voeg een link tag

33
00:01:30,950 --> 00:01:33,630
het opgeven van een hyper-verwijzing
van search-3.css.

34
00:01:33,630 --> 00:01:38,650
CSS En laten we aangeven dat de relatie
dat dit bestand met de

35
00:01:38,650 --> 00:01:41,880
pagina is te dienen als de style sheet.

36
00:01:41,880 --> 00:01:44,840
Laten we nu sluiten deze tag, sparen
het bestand, en reload

37
00:01:44,840 --> 00:01:46,910
deze pagina in de browser.

38
00:01:46,910 --> 00:01:49,700
>> Hij verlegde de tekst op de
verliet alsof de CSS

39
00:01:49,700 --> 00:01:50,905
pand werd niet eens toegepast.

40
00:01:50,905 --> 00:01:53,020
Waarom zou dat zijn?

41
00:01:53,020 --> 00:01:54,590
Laten we eens een kijkje nemen op de
bestandsbeheermachtigingen's -

42
00:01:54,590 --> 00:01:58,630
geen toestemming van de HTML-bestand,
maar de machtigingen van de CSS-bestand.

43
00:01:58,630 --> 00:02:02,740
>> Terug hier in gedit, laten we gaan naar beneden om
het terminal venster en typ ls-l

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

45
00:02:04,720 --> 00:02:09,810
Ah, inderdaad, hoewel ik, het bestand
eigenaar, kan lezen en schrijven dit bestand,

46
00:02:09,810 --> 00:02:11,110
niemand anders kan lezen.

47
00:02:11,110 --> 00:02:17,570
Maar we kunnen dit oplossen met chmod a + r
search-3.css, en nu laten we re-execute

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

49
00:02:20,970 --> 00:02:21,910
en veel beter.

50
00:02:21,910 --> 00:02:24,380
Nu de hele wereld kan
lees dit bestand.

51
00:02:24,380 --> 00:02:26,950
>> Laten we teruggaan naar de browser gaan, herladen.

52
00:02:26,950 --> 00:02:29,220
Voila, we zijn weer terug bij een gecentreerde
zoekmachine.

53
00:02:29,220 --> 00:02:32,450
Natuurlijk, dit is waar we begonnen de
verhaal, met onze tekst al gecentreerd.

54
00:02:32,450 --> 00:02:36,000
Maar wat is een beter ontwerp nu is dat
we hebben dat CSS wegvalt in een

55
00:02:36,000 --> 00:02:39,690
centraal bestand, ergens dat we kunnen dan
nemen in andere webpagina's die

56
00:02:39,690 --> 00:02:41,580
we zouden kunnen gebeuren in de toekomst.

57
00:02:41,580 --> 00:02:45,430
Dus als we ooit willen kadreren of
restylize meer in het algemeen onze pagina's, we

58
00:02:45,430 --> 00:02:48,570
kan het heel eenvoudig doen in
een centrale plaats.

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