1
00:00:00,000 --> 00:00:00,290

2
00:00:00,290 --> 00:00:03,310
>> Oratè: Li sanble ke HTML se pa
lang nan sèlman ou ka sèvi ak andedan

3
00:00:03,310 --> 00:00:03,895
nan yon paj entènèt.

4
00:00:03,895 --> 00:00:08,100
Ou ka itilize yon bagay yo rele CSS, oswa
Dra Style kaskad, tankou byen.

5
00:00:08,100 --> 00:00:12,120
CSS pèmèt ou presize pi plis
jisteman estetik yo nan yon rezo

6
00:00:12,120 --> 00:00:16,930
paj, ki gen ladan Layout ak tout gwosè ak
koulè ak polis ak plis ankò.

7
00:00:16,930 --> 00:00:20,820
Pou egzanp, kite a kreye yon paj entènèt
isit la yo rele CSS0 ki reprezante yon

8
00:00:20,820 --> 00:00:22,740
paj lakay pou, di, Jan Harvard.

9
00:00:22,740 --> 00:00:25,480
>> Nan paj sa a, nou pral gen Jan Harvard la
non, anba ki pral

10
00:00:25,480 --> 00:00:28,500
yon mesaj bèl pou vizitè l 'yo, anba
ki pral gen yon footer, ak

11
00:00:28,500 --> 00:00:30,590
di, kèk enfòmasyon copyright.

12
00:00:30,590 --> 00:00:34,650
Pou fè sa, se pou yo defini twa divizyon
pou paj la lè l sèvi avèk yon etikèt

13
00:00:34,650 --> 00:00:35,670
rele DIV.

14
00:00:35,670 --> 00:00:43,880
Louvri div bracket, Jan Harvard, fèmen
bracket div, yon lòt div bracket louvri,

15
00:00:43,880 --> 00:00:48,330
e kounye a, nou pral presize yon bagay
tankou, akeyi nan paj lakay mwen!

16
00:00:48,330 --> 00:00:50,420
Li kite yo fèmen div sa a, kòm byen.

17
00:00:50,420 --> 00:00:53,700
>> Epi, koulye a yon twazyèm ak dènye
div, copyright.

18
00:00:53,700 --> 00:00:58,250
Jis yo dwe anpenpan, kite m 'sèvi ak kounye a yon HTML
antite, yon senbòl ki reprezante

19
00:00:58,250 --> 00:01:01,140
yon karaktè ke ou pa t 'kapab otreman
tape sou klavye ou.

20
00:01:01,140 --> 00:01:07,490
An patikilye, mwen pral fè
komersyal, pyès lò, 169, pwenvigil.

21
00:01:07,490 --> 00:01:10,620
Sanble ke se nimerik kòd la
pou senbòl la Copyright.

22
00:01:10,620 --> 00:01:14,260
Lè sa a, se pou yo presize Jan Harvard
isit la nan pati anba nan.

23
00:01:14,260 --> 00:01:17,180
Se pou nou fèmen div an, epi sove dosye a.

24
00:01:17,180 --> 00:01:18,910
>> Koulye a, ki sa ki tag div sa a?

25
00:01:18,910 --> 00:01:21,970
Tag nan div tou senpleman defini yon divizyon
nan paj la, ki se esansyèlman se yon

26
00:01:21,970 --> 00:01:23,310
rektangilè rejyon an.

27
00:01:23,310 --> 00:01:26,850
Se konsa, nan moman sa a nan tan, mwen gen twa
rejyon rektangilè, yonn sou tèt

28
00:01:26,850 --> 00:01:27,620
nan lòt la.

29
00:01:27,620 --> 00:01:30,610
Se konsa, pou kounye a, efè a se prèske kòm
si m 'te gen twa paragraf yo.

30
00:01:30,610 --> 00:01:33,490
Men, nou pa pral wè byen kòm anpil
espas blan nan mitan yo.

31
00:01:33,490 --> 00:01:36,170
>> Se pou yo sove sa a ranpli, chanje li yo
autorisations, ak pran yon gade pou yon

32
00:01:36,170 --> 00:01:37,990
moman sa nan Chrome.

33
00:01:37,990 --> 00:01:43,040
Chmod yon + r CSS0.html.

34
00:01:43,040 --> 00:01:52,440
Se pou nou kounye a louvri moute Chrome ak vizit
http://localhost.CSS0.html.

35
00:01:52,440 --> 00:01:54,630
Vreman vre, isit la se yon paj lakay
pou Jan Harvard.

36
00:01:54,630 --> 00:01:59,370
Se pou nou kounye a stilize l 'yon ti kras pi plis
jisteman lè l sèvi avèk kèk CSS.

37
00:01:59,370 --> 00:02:03,510
>> Retounen nan jdi, se pou yo ale nan sa a
premye tag div epi ajoute yon style

38
00:02:03,510 --> 00:02:11,060
atribi ki espesifye ke mwen ta renmen yon
font size nan, di, 36 piksèl, oswa PX.

39
00:02:11,060 --> 00:02:15,650
Apre sa, mwen ta renmen pwa a nan font sa a
yo dwe fonse olye ke default la,

40
00:02:15,650 --> 00:02:16,980
ki se nòmal.

41
00:02:16,980 --> 00:02:21,170
Pou dezyèm div a, se pou yo presize
yon lòt atribi style ki gen yon

42
00:02:21,170 --> 00:02:25,550
font size nan 24 piksèl, se konsa
yon ti kras pi piti.

43
00:02:25,550 --> 00:02:28,410
Quotes Fèmen apre pwenvigil la.

44
00:02:28,410 --> 00:02:33,255
>> Anfen, nan twazyèm div sa a, se pou yo fè
style egal quote, font size, ak

45
00:02:33,255 --> 00:02:35,340
kite a di 12 piksèl tan sa a.

46
00:02:35,340 --> 00:02:37,280
Fèmen quote apre pwenvigil la.

47
00:02:37,280 --> 00:02:40,200
Avi Lè sa a, pou m 'sanble gen
espesifye yon ti jan nan stilizasyon pou

48
00:02:40,200 --> 00:02:43,770
chak nan twa div sa yo lè l sèvi avèk,
li vire soti, CSS.

49
00:02:43,770 --> 00:02:47,820
An reyalite, sentaks la ke ou wè nan
ant moun ki quotes doub se CSS,

50
00:02:47,820 --> 00:02:50,620
espesyalman CSS pwopriyete
ak valè.

51
00:02:50,620 --> 00:02:53,910
Se pou ke premye tag, kote mwen te gen
de pwopriyete sa yo, font size ak

52
00:02:53,910 --> 00:02:57,290
font pwa, Mwen tou senpleman separe
yo ak yon pwenvigil.

53
00:02:57,290 --> 00:02:59,940
>> Koulye a, jis pou dedomajman pou style a, mwen
tou te gen ladann virgules nan

54
00:02:59,940 --> 00:03:00,880
nan fen chak liy.

55
00:03:00,880 --> 00:03:04,270
Men, yo pa ap estrikteman ki nesesè yo,
patikilyèman lè ou gen sèlman yon sèl

56
00:03:04,270 --> 00:03:05,580
pwopriyete defini.

57
00:03:05,580 --> 00:03:08,370
Se pou nou kounye a sove dosye a ak Reload
nan Chrome, ak wè sa ki

58
00:03:08,370 --> 00:03:11,000
efè a nèt se.

59
00:03:11,000 --> 00:03:13,470
Retounen nan Chrome isit la,
kite a klike sou Reload.

60
00:03:13,470 --> 00:03:15,800
>> Koulye a, nou gen yon yon ti kras plis enteresan
paj lakay pou Jan

61
00:03:15,800 --> 00:03:19,000
Harvard, annakò ak sa liy lan premye ak
non l ', ki se andedan nan ki

62
00:03:19,000 --> 00:03:23,470
premye div, se 36 piksèl wotè ak tou
Tipografi, annakò ak sa liy, dezyèm lan,

63
00:03:23,470 --> 00:03:27,340
ki se nan ki dezyèm div, se 24
piksèl wotè, men se pa Tipografi.

64
00:03:27,340 --> 00:03:31,500
Apre sa, kijan liy lan twazyèm nan ki twazyèm
div se 12 piksèl wotè ak tou

65
00:03:31,500 --> 00:03:32,610
pa Tipografi.

66
00:03:32,610 --> 00:03:35,380
Men, si koulye a, mwen ta renmen chanjman
tout tèks sa a sou

67
00:03:35,380 --> 00:03:36,650
sa yo ki li a santre.

68
00:03:36,650 --> 00:03:40,480
>> Mwen te kapab fè aliman chak nan moun nan
div kòm yo te santre.

69
00:03:40,480 --> 00:03:45,330
Men, pi fasil, te kapab mwen vlope sa yo
twa div andedan yon katriyèm div, yon

70
00:03:45,330 --> 00:03:49,360
div paran yo, se konsa pale, ak presize
ki ki div ak tout li yo

71
00:03:49,360 --> 00:03:52,610
pitit pitit yo ta dwe
tèks ki aliyen sant?

72
00:03:52,610 --> 00:03:54,120
Ann pran yon gade.

73
00:03:54,120 --> 00:03:58,510
>> Anndan nan jdi, se pou yo tounen nan mwen
kò epi ajoute yon nouvo div moute tèt ansanm ak

74
00:03:58,510 --> 00:04:04,460
div, style egal quote unquote
sant aliman tèks, fèmen

75
00:04:04,460 --> 00:04:06,250
site apre pwenvigil la.

76
00:04:06,250 --> 00:04:10,280
Epi, koulye a, se pou yo ale pi devan epi indent tout
nan tout sa yo liy ke nou tape anvan.

77
00:04:10,280 --> 00:04:15,040
Apre sa, anba a ki twazyèm div, se pou yo
fèmen nouvo div sa a.

78
00:04:15,040 --> 00:04:18,829
>> Nan lòt mo, paske moun twa
div orijinal yo kounye a se timoun, se konsa yo

79
00:04:18,829 --> 00:04:22,110
pale, nan yon nouvo div paran yo ak mwen te
espesifye ke mwen ta renmen fè aliman nan

80
00:04:22,110 --> 00:04:26,140
tèks la ki div paran nan sant la
nan paj la, ki pwopriyete yo pral

81
00:04:26,140 --> 00:04:28,290
eritye pa tout pitit sa yo.

82
00:04:28,290 --> 00:04:32,370
Vreman vre, se pou yo sove dosye a ak
pran yon gade nan yon navigatè.

83
00:04:32,370 --> 00:04:34,650
Se pou yo Reload nan Chrome.

84
00:04:34,650 --> 00:04:37,540
Apre sa, nou genyen li, yon menm joli
paj lakay pou Jan Harvard.

85
00:04:37,540 --> 00:04:39,872