1
00:00:00,000 --> 00:00:00,360

2
00:00:00,360 --> 00:00:01,970
>> DAVID Malan: Dus ik heb gewerkt
Op deze zoekmachine

3
00:00:01,970 --> 00:00:03,480
dat ziet er zo uit.

4
00:00:03,480 --> 00:00:07,580
Ik schijn een titel genaamd CS50 hebben
Zoeken, waaronder een HTML-formulier,

5
00:00:07,580 --> 00:00:10,430
binnenkant waarvan een ingang waarvan
type is tekst en een andere ingang

6
00:00:10,430 --> 00:00:12,260
waarvan het type is te dienen.

7
00:00:12,260 --> 00:00:15,400
Laten we nu eens kijken naar de onderliggende
broncode van deze pagina.

8
00:00:15,400 --> 00:00:20,180
>> Hier in search-2.html, merk ik dat ik
inderdaad een titel in de vorm van de

9
00:00:20,180 --> 00:00:23,260
evenals het hoofd in het lichaam
met een h1-tag omheen.

10
00:00:23,260 --> 00:00:26,490
Ik heb een HTML-formulier, en
dan zijn die twee ingangen.

11
00:00:26,490 --> 00:00:30,650
Maar let in het bijzonder op het lichaam
tag, dat ik een stijl heb verklaard

12
00:00:30,650 --> 00:00:35,770
attribuut waarvan de waarde text-align:
centrum,, waarin wordt vastgelegd dat alle

13
00:00:35,770 --> 00:00:38,390
tekst op deze pagina moet
uitgelijnd in het midden.

14
00:00:38,390 --> 00:00:41,700
>> Nu werkt dit perfect correct,
maar het is een beetje slordig.

15
00:00:41,700 --> 00:00:43,900
Je kunt niet echt zeggen zo veel
want deze pagina is vrij

16
00:00:43,900 --> 00:00:44,960
klein op dit moment.

17
00:00:44,960 --> 00:00:47,520
Maar stel je deze pagina hebt
langer en langer en

18
00:00:47,520 --> 00:00:49,180
langer en complexer.

19
00:00:49,180 --> 00:00:53,960
>> Merk op dat het patroon dat ik heb geadopteerd
hier is mijn esthetiek vermengen

20
00:00:53,960 --> 00:00:57,380
de structuur van de pagina
met het kenmerk stijl.

21
00:00:57,380 --> 00:01:00,540
Lang verhaal kort, dit is niet de beste
ontwerp, zeker als uw pagina's groeien

22
00:01:00,540 --> 00:01:02,010
complexer.

23
00:01:02,010 --> 00:01:05,830
Beter ontwerp zou zijn om factor uit
dat stilering en zet het ergens

24
00:01:05,830 --> 00:01:09,730
centraal, bijvoorbeeld niet in een stijl
attribuut maar in een stijl tag,

25
00:01:09,730 --> 00:01:13,310
specifiek een stijl-tag in
van mijn pagina's hoofd tag.

26
00:01:13,310 --> 00:01:14,830
Laten we het doen precies dat.

27
00:01:14,830 --> 00:01:18,160
>> Laten we eerst gaan hier in en verwijder
deze stijl attribuut helemaal.

28
00:01:18,160 --> 00:01:22,420
Destijds in mijn pagina's hoofd, laten we
verklaren een stijl tag en sluit het op

29
00:01:22,420 --> 00:01:24,620
Tegelijkertijd, dus ik doe niet
vergeten om later.

30
00:01:24,620 --> 00:01:28,120
En dan laten we aangeven dat het lichaam
van deze pagina moet een CSS hebben

31
00:01:28,120 --> 00:01:32,040
eigendom van text-align is het centrum.

32
00:01:32,040 --> 00:01:35,320
Laten we nu nog redden deze pagina opnieuw te laden de
browser, en zien wat het effect is.

33
00:01:35,320 --> 00:01:38,070

34
00:01:38,070 --> 00:01:40,510
>> Herladen in mijn browser -

35
00:01:40,510 --> 00:01:41,570
geen effect.

36
00:01:41,570 --> 00:01:43,110
Maar geen effect was bedoeld.

37
00:01:43,110 --> 00:01:45,150
We zijn gewoon te verbeteren
het ontwerp van deze pagina.

38
00:01:45,150 --> 00:01:47,606