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

2
00:00:00,310 --> 00:00:02,400
>> DAVID Malan: Така че аз съм бил като моя
собствена търсачка, но аз току-що

3
00:00:02,400 --> 00:00:04,720
реши да преструктурира неща
под предния капак.

4
00:00:04,720 --> 00:00:06,480
Нека хвърлим един поглед.

5
00:00:06,480 --> 00:00:11,240
Тук, в HTML за тази страница, бележка
че имам сега на върха на страницата, което

6
00:00:11,240 --> 00:00:15,390
изглежда е лого, logo.gif, и
Аз съм го дал на алтернативен текст на

7
00:00:15,390 --> 00:00:18,620
CS50 Search, само в случай, че някой
не е в състояние да се види, че снимката.

8
00:00:18,620 --> 00:00:22,340
>> Но забележете, че съм поставен този образ
във вътрешността на Разделения, и аз съм го назначен

9
00:00:22,340 --> 00:00:27,060
уникален идентификатор на цитата, край на цитата, "отгоре".
По-долу, че имам друга дивизия, чието

10
00:00:27,060 --> 00:00:31,020
уникален идентификатор, реших да бъде "средна"
но може да бъде идентифицирането на тези Divs

11
00:00:31,020 --> 00:00:32,360
от всичко, което бих искал.

12
00:00:32,360 --> 00:00:35,340
И вътре в този "среден" Разделения,
забележите, че имам форма.

13
00:00:35,340 --> 00:00:40,080
Тази форма е очевидно ще представи
чрез HTTP стигнем до Google сървъри

14
00:00:40,080 --> 00:00:45,150
следната вход, вход, чиято
тип е текст, и чието име е р.

15
00:00:45,150 --> 00:00:48,520
И това ще се случи веднага след като
потребителски хитове Въведете или щракне върху бутон

16
00:00:48,520 --> 00:00:50,410
етикетирани CS50 Search.

17
00:00:50,410 --> 00:00:53,750
>> Сега в долната част на страницата, имам
трета и последна дивизия, чийто уникален

18
00:00:53,750 --> 00:00:57,670
идентификатор е "дъното". Вътре в това,
Имам споменаване на авторското право,

19
00:00:57,670 --> 00:00:59,750
включително HTML лице.

20
00:00:59,750 --> 00:01:06,230
Оказва се, че е HTML ©
Предприятие, което представлява авторските права

21
00:01:06,230 --> 00:01:08,410
символ, за което най-вероятно
вие не разполагате с

22
00:01:08,410 --> 00:01:10,210
застроена клавиш на клавиатурата.

23
00:01:10,210 --> 00:01:12,560
След това, аз споменавам
че това е CS50 е.

24
00:01:12,560 --> 00:01:17,090
>> Сега в началото, в средата и в долния съществува така
че мога да се идентифицира по уникален начин на върха,

25
00:01:17,090 --> 00:01:20,400
средата, а в дъното на тази страница
така че мога да ги стилизирам всеки един

26
00:01:20,400 --> 00:01:21,370
малко по-различно.

27
00:01:21,370 --> 00:01:23,320
И аз вече съм взел
свобода на правене на това.

28
00:01:23,320 --> 00:01:27,030
До по-високо в страницата ми, имам стил
тагове вътре в която са някои CSS

29
00:01:27,030 --> 00:01:27,880
свойства.

30
00:01:27,880 --> 00:01:28,980
Нека хвърлим един поглед.

31
00:01:28,980 --> 00:01:33,450
>> Забележете, че на върха на тази страница, аз
уточни, че каквото и HTML тагове би

32
00:01:33,450 --> 00:01:37,350
с уникалния идентификатор на върха,
посочено от тази остър знак преди

33
00:01:37,350 --> 00:01:41,320
това, трябва да има текст-приравни:
център; като собственост.

34
00:01:41,320 --> 00:01:45,000
В същото време, в средата на страницата трябва да
по същия начин да се центрира, но всеки

35
00:01:45,000 --> 00:01:48,870
суровини в средата на страницата трябва
имате 5 пиксела на бяло пространство

36
00:01:48,870 --> 00:01:51,860
около тях, просто за да даде
нещата малко повече място.

37
00:01:51,860 --> 00:01:55,630
Междувременно, в долната част на страницата,
Аз бях уточни, че всеки текст трябва да бъде

38
00:01:55,630 --> 00:01:59,620
в по-малък шрифт, че теглото на
каза на шрифта трябва да бъде смел, че

39
00:01:59,620 --> 00:02:03,800
марж около дъното на страницата
трябва да е 20 пиксела, само за да му се даде

40
00:02:03,800 --> 00:02:06,270
малко място за дишане
, както и че всеки текст

41
00:02:06,270 --> 00:02:08,190
в него трябва да бъдат центрирани.

42
00:02:08,190 --> 00:02:09,580
>> Какъв ще бъде крайният ефект?

43
00:02:09,580 --> 00:02:11,620
Е, нека да погледнем в браузър.

44
00:02:11,620 --> 00:02:14,160
Ако отида тук, за да Chrome, готово.

45
00:02:14,160 --> 00:02:16,140
Сега това е един добре изглеждащ
търсачката.

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