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

2
00:00:00,310 --> 00:00:02,400
>> DAVID Malan: Taigi, aš buvo padaryti mano
savo paieškos variklis, bet aš tiesiog

3
00:00:02,400 --> 00:00:04,720
nusprendė pertvarkyti dalykų
po gaubtu.

4
00:00:04,720 --> 00:00:06,480
Paimkime išvaizdą.

5
00:00:06,480 --> 00:00:11,240
Čia, šio puslapio, pranešime HTML
kad turiu dabar ant puslapio, kas

6
00:00:11,240 --> 00:00:15,390
Atrodo, kad logotipas, logo.gif ir
Aš suteikiau jai alternatyvų tekstą

7
00:00:15,390 --> 00:00:18,620
CS50 Paieška, tik tuo atveju, kažkas
negali pamatyti, kad vaizdas.

8
00:00:18,620 --> 00:00:22,340
>> Tačiau pastebime, kad aš pateikti, kad vaizdas
viduje div ir aš priskirti jį

9
00:00:22,340 --> 00:00:27,060
unikalus ID citata, citatos, "iš viršaus".
Žemiau, kad aš turiu kitą div kurio

10
00:00:27,060 --> 00:00:31,020
unikalus ID, aš nusprendžiau, kad "vidutinio"
bet aš galėtų būti nustatyti šių Divs

11
00:00:31,020 --> 00:00:32,360
kaip nieko aš norėčiau.

12
00:00:32,360 --> 00:00:35,340
Ir viduje šis "vidurinės" div
pastebėsite, kad turiu formą.

13
00:00:35,340 --> 00:00:40,080
Tai forma, matyt, ketina pateikti
per HTTP gauti "Google" serveriuose

14
00:00:40,080 --> 00:00:45,150
taip įėjimas, įėjimas kurio
tipas yra tekstas, kurio pavardė yra q.

15
00:00:45,150 --> 00:00:48,520
Ir tai įvyks kuo greičiau
naudotojas paspaus Enter arba paspaudžia mygtuką

16
00:00:48,520 --> 00:00:50,410
ženklinami CS50 Paieška.

17
00:00:50,410 --> 00:00:53,750
>> Dabar į puslapio apačią, turiu
Trečias ir paskutinis div kurio unikalus

18
00:00:53,750 --> 00:00:57,670
identifikatorius yra "iš apačios". Viduje, kad
Turiu paminėti autorių,

19
00:00:57,670 --> 00:00:59,750
įskaitant HTML subjektas.

20
00:00:59,750 --> 00:01:06,230
Pasirodo, kad yra © HTML
subjektas, kuris yra autorių teisių

21
00:01:06,230 --> 00:01:08,410
simbolis, dėl kurio greičiausiai
jūs neturite

22
00:01:08,410 --> 00:01:10,210
Tikrasis klaviatūros klavišą.

23
00:01:10,210 --> 00:01:12,560
Po to, aš sakiau
kad tai CS50-aisiais.

24
00:01:12,560 --> 00:01:17,090
>> Dabar viršuje, viduryje, ir apačioje egzistuoja tiek
kad galėčiau identifikuoti viršų,

25
00:01:17,090 --> 00:01:20,400
viduryje, ir šio puslapio apačioje
kad galėčiau Stilizuoti juos kiekvieną a

26
00:01:20,400 --> 00:01:21,370
šiek tiek kitaip.

27
00:01:21,370 --> 00:01:23,320
Ir aš jau ėmėsi
laisvė daryti.

28
00:01:23,320 --> 00:01:27,030
Iki didesnis mano puslapį, aš turiu stilių
tegus kurio viduje yra keletas CSS

29
00:01:27,030 --> 00:01:27,880
savybės.

30
00:01:27,880 --> 00:01:28,980
Paimkime išvaizdą.

31
00:01:28,980 --> 00:01:33,450
>> Atkreipkite dėmesį, kad ant šio puslapio, aš
nurodyta, kad bet kokia HTML tegus būtų

32
00:01:33,450 --> 00:01:37,350
su unikaliu identifikatoriumi viršuje kaip
tos aštrių ženklas prieš nurodė

33
00:01:37,350 --> 00:01:41,320
ji turėtų turėti text-align:
centras, kaip turtą.

34
00:01:41,320 --> 00:01:45,000
Tuo tarpu, puslapio viduryje turėtų
panašiai bus orientuotas, tačiau bet

35
00:01:45,000 --> 00:01:48,870
įėjimai į puslapio viduryje turėtų
turite 5 pikselių baltos erdvės

36
00:01:48,870 --> 00:01:51,860
aplink juos, tiesiog duoti
viskas šiek tiek daugiau kambario.

37
00:01:51,860 --> 00:01:55,630
Tuo tarpu, ne puslapio apačioje,
Aš nurodyta, kad bet koks tekstas turi būti

38
00:01:55,630 --> 00:01:59,620
mažesniu šriftu, kad svorio
sakė šrifto turėtų būti drąsus, kad

39
00:01:59,620 --> 00:02:03,800
marža aplink puslapio apačioje
turėtų būti 20 taškų, tiesiog suteikti jai

40
00:02:03,800 --> 00:02:06,270
šiek tiek kvėpavimo kambarį
kaip gerai, ir kad bet koks tekstas

41
00:02:06,270 --> 00:02:08,190
jame turėtų būti orientuotas.

42
00:02:08,190 --> 00:02:09,580
>> Kas bus grynasis poveikis?

43
00:02:09,580 --> 00:02:11,620
Na, tegul imasi naršyklėje išvaizdą.

44
00:02:11,620 --> 00:02:14,160
Jei aš einu čia prie "Chrome", voila.

45
00:02:14,160 --> 00:02:16,140
Dabar tai yra geras ieškote
paieškos.

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