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

2
00:00:00,310 --> 00:00:02,400
>> DAVID Malan: Tak som sa robiť my
vlastný vyhľadávač, ale ja som len

3
00:00:02,400 --> 00:00:04,720
rozhodla reštrukturalizovať veci
pod kapotou.

4
00:00:04,720 --> 00:00:06,480
Poďme sa pozrieť.

5
00:00:06,480 --> 00:00:11,240
Tu v HTML pre túto stránku oznámenia
že mám teraz na vrchole stránky, čo

6
00:00:11,240 --> 00:00:15,390
Zdá sa, že logo, logo.gif, a
Dal som to alternatívny text

7
00:00:15,390 --> 00:00:18,620
CS50 Hľadať len v prípade, že niekto
nie je schopný vidieť, že obraz.

8
00:00:18,620 --> 00:00:22,340
>> Ale všimnite si, že som sa umiestnil ten obraz
vnútri div, a ja som pridelený ho

9
00:00:22,340 --> 00:00:27,060
Jedinečné ID citátom, koniec citátu, "hore".
Pod to, že mám ďalší div, ktorého

10
00:00:27,060 --> 00:00:31,020
jedinečný identifikátor, som sa rozhodol, že "stredná"
ale ja som mohol byť identifikácia týchto divs

11
00:00:31,020 --> 00:00:32,360
ako niečo by som chcel.

12
00:00:32,360 --> 00:00:35,340
A vo vnútri tejto "strednej" div,
Všimnite si, že mám formu.

13
00:00:35,340 --> 00:00:40,080
Táto forma sa zrejme chystá predložiť
cez HTTP dostať sa servery Google

14
00:00:40,080 --> 00:00:45,150
nasledujúce vstup, vstup, ktorého
Typ je text, ktorého meno je q.

15
00:00:45,150 --> 00:00:48,520
A to sa stane, len čo
užívateľ hity Enter alebo kliknutí na tlačidlo

16
00:00:48,520 --> 00:00:50,410
označené CS50 Search.

17
00:00:50,410 --> 00:00:53,750
>> Teraz v spodnej časti stránky, mám
Tretí a posledný div, ktorého jedinečný

18
00:00:53,750 --> 00:00:57,670
identifikátor je "dole". Vnútri toho,
Mám zmienku o autorskom práve,

19
00:00:57,670 --> 00:00:59,750
vrátane HTML entity.

20
00:00:59,750 --> 00:01:06,230
Ukazuje sa, že © je HTML
subjekt, ktorý zastupuje autorské práva

21
00:01:06,230 --> 00:01:08,410
symbol, pre ktorý s najväčšou pravdepodobnosťou
Nemáte-

22
00:01:08,410 --> 00:01:10,210
Skutočný na klávesnici.

23
00:01:10,210 --> 00:01:12,560
Za to, že som sa zmienil
že je to CS50 je.

24
00:01:12,560 --> 00:01:17,090
>> Teraz hornej, strednej a dolnej existujú tak
že môžem jednoznačne identifikovať na vrchol,

25
00:01:17,090 --> 00:01:20,400
strednej a spodnej časti tejto stránky
takže môžem štylizovať im každého

26
00:01:20,400 --> 00:01:21,370
trochu inak.

27
00:01:21,370 --> 00:01:23,320
A ja som už bola prijatá
sloboda robiť, že.

28
00:01:23,320 --> 00:01:27,030
Výš v mojej strane, mám štýl
tag vnútri, z ktorých sú niektoré CSS

29
00:01:27,030 --> 00:01:27,880
vlastnosti.

30
00:01:27,880 --> 00:01:28,980
Poďme sa pozrieť.

31
00:01:28,980 --> 00:01:33,450
>> Všimnite si, že na vrchole tejto stránke, som
uvedené, že bez ohľadu HTML tag by

32
00:01:33,450 --> 00:01:37,350
s jedinečným identifikátorom vrchol ako
označené týmto ostrým znakom pred

33
00:01:37,350 --> 00:01:41,320
že by mal mať text-align:
centrum, ako vlastnosť.

34
00:01:41,320 --> 00:01:45,000
Medzitým by uprostred stránky
Podobne sa v stredu, ale každý

35
00:01:45,000 --> 00:01:48,870
vstupy do stredu stránky by mali
má 5 bodov z bieleho priestoru

36
00:01:48,870 --> 00:01:51,860
okolo nich, potom sa získa
veci trochu viac priestoru.

37
00:01:51,860 --> 00:01:55,630
Medzitým, v dolnej časti stránky,
Ja som je uvedené, že každý text by mal byť

38
00:01:55,630 --> 00:01:59,620
v menšej veľkosti, že váha
povedal, písmo by malo byť odvážny, že

39
00:01:59,620 --> 00:02:03,800
okraj okolo dolnej časti stránky
by mala byť 20 pixelov, len aby to

40
00:02:03,800 --> 00:02:06,270
trochu oddychový
rovnako, a že ľubovoľný text

41
00:02:06,270 --> 00:02:08,190
v ňom by mala byť zameraná.

42
00:02:08,190 --> 00:02:09,580
>> Čo to bude čistý efekt?

43
00:02:09,580 --> 00:02:11,620
Dobre, poďme sa pozrieť v prehliadači.

44
00:02:11,620 --> 00:02:14,160
Ak idem sem Chrome, voila.

45
00:02:14,160 --> 00:02:16,140
Tak to je dobre vyzerajúci
vyhľadávač.

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