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

2
00:00:00,290 --> 00:00:03,310
>> HIZLARIA: Bihurtzen da HTML ez da
barruan erabili ahal izango duzu hizkuntza bakarra

3
00:00:03,310 --> 00:00:03,895
Web orri baten.

4
00:00:03,895 --> 00:00:08,100
CSS izeneko zerbait erabili ahal izango duzu, edo
Cascading Style Sheets, baita.

5
00:00:08,100 --> 00:00:12,120
CSS ahalbidetzen askoz gehiago zehaztu behar duzu
hain zuzen ere, web bat estetika

6
00:00:12,120 --> 00:00:16,930
orria, diseinua eta tamaina barne eta
kolore eta letra-tipo eta askoz gehiago.

7
00:00:16,930 --> 00:00:20,820
Esate baterako, dezagun sortu web orri batean
CSS0 hemen deitzen duten bat adierazten

8
00:00:20,820 --> 00:00:22,740
etxean, adibidez, John Harvard orrialdetan.

9
00:00:22,740 --> 00:00:25,480
>> Orri honetan, ikusiko dugu John Harvard-en
izendatzeko, eta horren azpian izango da

10
00:00:25,480 --> 00:00:28,500
bere bisitari mezua polit bat, azpian
horrek Oina bat izango da, honekin

11
00:00:28,500 --> 00:00:30,590
diotenez, copyright informazioa batzuk.

12
00:00:30,590 --> 00:00:34,650
Horretarako, dezagun definitzeko hiru zatiketa
orriaren etiketa bat erabiliz

13
00:00:34,650 --> 00:00:35,670
div deritzo.

14
00:00:35,670 --> 00:00:43,880
Irekita parentesi div, John Harvard, itxi
parentesi div, beste parentesi div irekia,

15
00:00:43,880 --> 00:00:48,330
eta orain zerbait zehaztu dugu
bezala, nire etxeko orria ongi etorria!

16
00:00:48,330 --> 00:00:50,420
Eta dezagun itxi div honetan, baita.

17
00:00:50,420 --> 00:00:53,700
>> Eta orain, hirugarren eta azken
div, copyright.

18
00:00:53,700 --> 00:00:58,250
Just fancy, gaur egun erabiltzen me HTML adierazi
entitate, hori adierazten du ikur bat

19
00:00:58,250 --> 00:01:01,140
pertsonaia bat ezin duzu bestela duten
zure teklatuan idatzi.

20
00:01:01,140 --> 00:01:07,490
Hain zuzen ere, nik egingo dut
ampersand, kiloko, 169, puntu eta koma.

21
00:01:07,490 --> 00:01:10,620
Bihurtzen duten zenbakizko kodea da
copyright ikurra da.

22
00:01:10,620 --> 00:01:14,260
Gero dezagun zehaztu John Harvard
hemen behealdean.

23
00:01:14,260 --> 00:01:17,180
Dezagun itxi div eta gorde fitxategia.

24
00:01:17,180 --> 00:01:18,910
>> Orain, zer div tag hau?

25
00:01:18,910 --> 00:01:21,970
Div etiketa besterik zatiketa bat definitzen
orrialdean, hau da, funtsean of a

26
00:01:21,970 --> 00:01:23,310
eskualde laukizuzena.

27
00:01:23,310 --> 00:01:26,850
Beraz, une honetan, hiru daukat
eskualdeen angeluzuzena, bat gainean

28
00:01:26,850 --> 00:01:27,620
beste du.

29
00:01:27,620 --> 00:01:30,610
Beraz, oraingoz, eragina ia da
Hiru paragrafo izan nuen arren.

30
00:01:30,610 --> 00:01:33,490
Baina ez dugu ikusi nahiko askoz
haien arteko espazio zuria.

31
00:01:33,490 --> 00:01:36,170
>> Dezagun gorde fitxategia, aldatu bere
baimenak, eta bat begirada bat hartu

32
00:01:36,170 --> 00:01:37,990
Chrome unea.

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

34
00:01:43,040 --> 00:01:52,440
Dezagun orain ireki Chrome eta bisita
http://localhost.CSS0.html.

35
00:01:52,440 --> 00:01:54,630
Izan ere, hemen etxeko orri bat da
John Harvard da.

36
00:01:54,630 --> 00:01:59,370
Utzi estilizatzeko Orain bat, apur bat gehiago
hain zuzen CSS batzuk erabiliz.

37
00:01:59,370 --> 00:02:03,510
>> Itzuli gedit, goazen honetan sartu
lehen div tag eta estilo bat gehitu

38
00:02:03,510 --> 00:02:11,060
aitortu duten gustatuko litzaidake I zehaztuz bat
Iturri-, esateko tamaina, 36 pixel, edo px.

39
00:02:11,060 --> 00:02:15,650
Eta letra honetan pisua nahiko nuke
baizik lehenetsia baino ausarta izan nahi du,

40
00:02:15,650 --> 00:02:16,980
hau da, normal.

41
00:02:16,980 --> 00:02:21,170
Bigarren div, dezagun zehaztu
beste estilo atributu ditu bat

42
00:02:21,170 --> 00:02:25,550
font 24 pixel tamaina, beraz,
pixka bat txikiagoa.

43
00:02:25,550 --> 00:02:28,410
Itxi komatxo puntu eta koma ondoren.

44
00:02:28,410 --> 00:02:33,255
>> Azkenik, hirugarren div honetan, egin dezagun
estilo aurrekontua, letraren tamaina berdin, eta

45
00:02:33,255 --> 00:02:35,340
demagun 12 pixel une honetan.

46
00:02:35,340 --> 00:02:37,280
Itxi aurrekontua eta koma ondoren.

47
00:02:37,280 --> 00:02:40,200
Nabarituko ondoren behar badirudi I
stylization pixka bat zehaztu

48
00:02:40,200 --> 00:02:43,770
Hiru eta DIV horietan lortutako bakoitzean,
bihurtzen da, CSS.

49
00:02:43,770 --> 00:02:47,820
Izan ere, sintaxia dela ikusten duzuna
komatxo dutenen artean CSS da,

50
00:02:47,820 --> 00:02:50,620
zehazki CSS propietate
balioekin.

51
00:02:50,620 --> 00:02:53,910
Eta lehen etiketa horiek, non izan nuen eman
bi propietate, hala nola, letra tamaina eta

52
00:02:53,910 --> 00:02:57,290
letraren, bereizita, besterik gabe, I
koma erabiliz beraientzat.

53
00:02:57,290 --> 00:02:59,940
>> Orain, besterik estilo en mesedetan, I
at ere barne puntu

54
00:02:59,940 --> 00:03:00,880
lerro bakoitzaren amaieran.

55
00:03:00,880 --> 00:03:04,270
Baina ez erabat beharrezkoa dute,
batez ere, bakarra duzu

56
00:03:04,270 --> 00:03:05,580
jabetza definitzen.

57
00:03:05,580 --> 00:03:08,370
Utzi gorde fitxategia en orain eta freskatuz
Chrome, eta ikusi zer

58
00:03:08,370 --> 00:03:11,000
du eragina garbia da.

59
00:03:11,000 --> 00:03:13,470
Chrome atzera hemen,
dezagun egin klik Birkargatu.

60
00:03:13,470 --> 00:03:15,800
>> Orain apur bat interesgarriagoa dugu
etxeko John orria

61
00:03:15,800 --> 00:03:19,000
Harvard, zeinaren duela lehen lerroan
bere izena, zein horren barruan dago

62
00:03:19,000 --> 00:03:23,470
lehen div, da 36 pixel altuera du eta, halaber,
Letra lodia, Horren bidez, bigarren lerroan,

63
00:03:23,470 --> 00:03:27,340
eta horrek bigarren div horretan dago, 24 da
pixel altu, baina ez lodia.

64
00:03:27,340 --> 00:03:31,500
Eta zeinaren hirugarren horretan hirugarren lerroa
div da 12 pixel altuera du eta, halaber,

65
00:03:31,500 --> 00:03:32,610
ez lodia.

66
00:03:32,610 --> 00:03:35,380
Baina demagun orain filmea nahi nuke
gorako testu hau guztia

67
00:03:35,380 --> 00:03:36,650
esaterako dela zentratua.

68
00:03:36,650 --> 00:03:40,480
>> Banakako bakoitzean lerrokatu nezakeen
ari zentratua gisa eta DIV.

69
00:03:40,480 --> 00:03:45,330
Baina errazago, ezin dutenen itzulbiratu dut
Laugarren div baten barruan hiru eta DIV, bat

70
00:03:45,330 --> 00:03:49,360
guraso div, nolabait esateko, eta zehaztu
duten div duten eta guztia bere

71
00:03:49,360 --> 00:03:52,610
ondorengoak izan beharko luke
Testu lerrokatzea zentroan?

72
00:03:52,610 --> 00:03:54,120
Ikus dezagun begirada bat.

73
00:03:54,120 --> 00:03:58,510
>> Gedit barruan, goazen atzera, nire
gorputza eta div gora goiko berri bat gehitu

74
00:03:58,510 --> 00:04:04,460
div, estilo berdin aurrekontua unquote
Testu lerrokatu zentroa, itxi

75
00:04:04,460 --> 00:04:06,250
puntu eta koma ondoren aipatu.

76
00:04:06,250 --> 00:04:10,280
Eta orain, goazen aurrera eta koska guztiak
hori baino lehen idatzi ditugun lerro horiek.

77
00:04:10,280 --> 00:04:15,040
Eta hirugarren div horretatik behera, dezagun
div berri hau ixteko.

78
00:04:15,040 --> 00:04:18,829
>> Bestela esanda, delako hiru horiek
original eta DIV haurrak dira orain, hain

79
00:04:18,829 --> 00:04:22,110
hitz egiten, guraso div berri baten eta dut
zehazten duten lerrokatu nahi nuke izan

80
00:04:22,110 --> 00:04:26,140
erdian div duten guraso testua
orrialdearen, jabetza izango da

81
00:04:26,140 --> 00:04:28,290
haur horiek guztiak heredatu.

82
00:04:28,290 --> 00:04:32,370
Izan ere, utzi gorde fitxategia eta
arakatzaile batean begirada bat hartu.

83
00:04:32,370 --> 00:04:34,650
Dezagun freskatuz Chrome.

84
00:04:34,650 --> 00:04:37,540
Eta han, are ikusgarriago bat dugu
etxeko John Harvard orrialdea.

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