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

2
00:00:00,310 --> 00:00:02,400
>> DAVID MALAN: Tak mi, że mój
własna wyszukiwarka, ale mam tylko

3
00:00:02,400 --> 00:00:04,720
postanowił zrestrukturyzować rzeczy
pod wyciągiem.

4
00:00:04,720 --> 00:00:06,480
Rzućmy okiem.

5
00:00:06,480 --> 00:00:11,240
Tutaj w HTML dla tej strony, zawiadomienia
że mam teraz na szczycie strony, co

6
00:00:11,240 --> 00:00:15,390
Wydaje się, że logo logo.gif i
Dałem mu tekst alternatywny

7
00:00:15,390 --> 00:00:18,620
CS50 Szukaj, tylko w przypadku ktoś
nie jest w stanie zobaczyć, że obraz.

8
00:00:18,620 --> 00:00:22,340
>> Ale zauważ, że umieściłem ten obraz
wewnątrz div, a ja ją przypisano

9
00:00:22,340 --> 00:00:27,060
unikatowy identyfikator z cytatem, cytatu, "góry".
Poniżej, że mam inny div, którego

10
00:00:27,060 --> 00:00:31,020
unikalne ID Zdecydowałem się "średnim"
ale może być identyfikacji tych DIV

11
00:00:31,020 --> 00:00:32,360
jak coś chcę.

12
00:00:32,360 --> 00:00:35,340
A w środku tej "środkowej" div,
zauważyć, że mam formularz.

13
00:00:35,340 --> 00:00:40,080
Formularz ten jest najwyraźniej zamierza złożyć
poprzez HTTP GET z serwerami Google

14
00:00:40,080 --> 00:00:45,150
Poniższa wejście, wejście, którego
Typ jest tekst, którego nazwisko jest q.

15
00:00:45,150 --> 00:00:48,520
Oraz że to w momencie
odsłon użytkownika Enter lub kliknie przycisk

16
00:00:48,520 --> 00:00:50,410
oznakowane CS50 Szukaj.

17
00:00:50,410 --> 00:00:53,750
>> Teraz na dolnej stronie, muszę
Trzeci i ostatni div, którego unikalna

18
00:00:53,750 --> 00:00:57,670
identyfikator jest "z dołu". Wewnątrz, że
Muszę wspomnieć o prawach autorskich,

19
00:00:57,670 --> 00:00:59,750
w tym jednostki HTML.

20
00:00:59,750 --> 00:01:06,230
Okazuje się, że jest HTML ©
podmiot, który reprezentuje prawa autorskie

21
00:01:06,230 --> 00:01:08,410
symbol, na który najprawdopodobniej
nie masz

22
00:01:08,410 --> 00:01:10,210
Rzeczywisty klawisz na klawiaturze.

23
00:01:10,210 --> 00:01:12,560
Po tym wspomnieć
że to CS50 jest.

24
00:01:12,560 --> 00:01:17,090
>> Teraz górny, środkowy i dolny istnieje więc
że można jednoznacznie zidentyfikować na szczyt,

25
00:01:17,090 --> 00:01:20,400
środkowy i dolny z tej strony
tak, że można stylizować każdemu z nich

26
00:01:20,400 --> 00:01:21,370
nieco inaczej.

27
00:01:21,370 --> 00:01:23,320
A ja już
wolność robić.

28
00:01:23,320 --> 00:01:27,030
Się wyżej w mojej stronie, mam styl
tag wewnątrz której są niektóre CSS

29
00:01:27,030 --> 00:01:27,880
Właściwości.

30
00:01:27,880 --> 00:01:28,980
Rzućmy okiem.

31
00:01:28,980 --> 00:01:33,450
>> Zauważ, że na szczycie tej strony, mam
określono, że cokolwiek by tag HTML

32
00:01:33,450 --> 00:01:37,350
z unikalnym identyfikatorem góry jako
oznaczone tym znakiem przed ostrym

33
00:01:37,350 --> 00:01:41,320
to powinien mieć text-align:
Centrum, jako własność.

34
00:01:41,320 --> 00:01:45,000
Tymczasem środek strony powinny
podobnie być skoncentrowane, ale każdy

35
00:01:45,000 --> 00:01:48,870
Wejścia w środku strony powinny
ma 5 pikseli z białym przestrzeni

36
00:01:48,870 --> 00:01:51,860
wokół nich tylko dać
rzeczy nieco więcej miejsca.

37
00:01:51,860 --> 00:01:55,630
Zaś w dolnej części strony
Mam określone, że każdy tekst powinien być

38
00:01:55,630 --> 00:01:59,620
w mniejszym czcionką że masa
powiedział czcionki powinny być odważne, że

39
00:01:59,620 --> 00:02:03,800
Margines wokół dolnej strony
powinno być 20 pikseli, po prostu dać mu

40
00:02:03,800 --> 00:02:06,270
trochę miejsca do oddychania
jak dobrze, i że każdy tekst

41
00:02:06,270 --> 00:02:08,190
tam powinien być wyśrodkowany.

42
00:02:08,190 --> 00:02:09,580
>> Jaki będzie efekt netto?

43
00:02:09,580 --> 00:02:11,620
Cóż, spójrz w przeglądarce.

44
00:02:11,620 --> 00:02:14,160
Jeśli pójdę tutaj do Chrome, voila.

45
00:02:14,160 --> 00:02:16,140
Teraz, że jest przystojny
wyszukiwarka.

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