1
00:00:00,000 --> 00:00:06,986

2
00:00:06,986 --> 00:00:10,450
>> DAVEN FARNHAM: Gaur egun, ez dut joan
HTML buruz pixka bat hitz,

3
00:00:10,450 --> 00:00:12,330
Hipertestua Markatzeko Lengoaia.

4
00:00:12,330 --> 00:00:14,450
HTML nonahi ikusten duzu egun hauetan.

5
00:00:14,450 --> 00:00:17,190
Izan ere, zuk hau ikusten ari bazara
arakatzaile batean bideoa, zaren

6
00:00:17,190 --> 00:00:19,120
HTML ikusten oraintxe.

7
00:00:19,120 --> 00:00:22,760
HTML ez da programazio hizkuntza bat,
hobeto esanda, erabilitako markaketa lengoaia bat da

8
00:00:22,760 --> 00:00:25,460
orriak errendatu Nabigatzaile
Interneten.

9
00:00:25,460 --> 00:00:30,410
>> Beraz, eskatu dezakezu, zer da idaztea
web ezberdinak HTML orri batean

10
00:00:30,410 --> 00:00:33,574
programa bat idazten programazio batean
C bezalako hizkuntza?

11
00:00:33,574 --> 00:00:38,010
Beno, C oso zorrotzak hizkuntza bat da
izan behar duen arau sintaktikoak

12
00:00:38,010 --> 00:00:39,880
konpilatutako exekutatu aurretik.

13
00:00:39,880 --> 00:00:43,070
Duzun inoiz ahaztuta bada bat, besteak beste
urtean adierazpen bat amaieran puntu eta koma

14
00:00:43,070 --> 00:00:46,660
Zure C kodea, zer ari naiz ezagutzen duzu
sintaxia zorrotzak dagokionez buruz.

15
00:00:46,660 --> 00:00:50,360
>> Nabigatzaile nahiz eta, pixka bat gehiago
orduan HTMLra da barkatzea.

16
00:00:50,360 --> 00:00:53,860
Zure HTML ez da, nahiz eta sintaktikoki
zuzena, zure orria izan liteke oraindik

17
00:00:53,860 --> 00:00:57,150
nabigatzaile baten bistara, baina agian
ez begiratu burutu nahi duzun bezala.

18
00:00:57,150 --> 00:00:59,640
Beraz, beti da onena
arauak jarraitu.

19
00:00:59,640 --> 00:01:01,990
Intuizio bat lortzeko modurik onena
Gauzak lana nola dago inguru

20
00:01:01,990 --> 00:01:03,300
adibide baten bidez joan.

21
00:01:03,300 --> 00:01:07,360
>> Beraz, zer dugu hemen da oinarrizko bat
Web orri baten plana.

22
00:01:07,360 --> 00:01:10,690
Seguruenik gauza asko nabaritu duzu
angeluarekin parentesi artean.

23
00:01:10,690 --> 00:01:12,900
Beno, besterik ez duten etiketak dira.

24
00:01:12,900 --> 00:01:15,810
Tags funtsean informatzeko Nabigatzaile
dela, beno, zerbait

25
00:01:15,810 --> 00:01:17,150
da zure bidea datozen.

26
00:01:17,150 --> 00:01:20,770
Gogoratu ordea, irekitzen duzunean a
Etiketa, ixteko behin dira behar duzun

27
00:01:20,770 --> 00:01:21,750
hura erabiliz egindako.

28
00:01:21,750 --> 00:01:24,690
>> Beraz, adibidez, atal bat ireki dut
zabalik kode

29
00:01:24,690 --> 00:01:26,960
parentesi body, itxi parentesia.

30
00:01:26,960 --> 00:01:31,280
Ondoren, testu batzuk gehitu dut, kasu honetan, nire
Lehenengo web orrian gero noiz joan behar dut

31
00:01:31,280 --> 00:01:35,540
atal hau ixteko, erabiltzen dut ia bat
etiketa berdina une honetan ezik batekin

32
00:01:35,540 --> 00:01:37,660
aurrerantz gorputza aurretik barra.

33
00:01:37,660 --> 00:01:41,140
Oro har, hau formatua Oraindik da
betiere, ireki duzu erabili joan

34
00:01:41,140 --> 00:01:42,680
eta etiketa itxiz.

35
00:01:42,680 --> 00:01:47,900
Elkarrekin, bat etiketa ireki eta bukaera etiketa bat
konposatzeko zer elementu bat deitu.

36
00:01:47,900 --> 00:01:51,870
>> Begiratuz gero, lehen lerroan, duzu
ikusteko harridura puntu bat, eta jarraian

37
00:01:51,870 --> 00:01:53,350
DOCTYPE html.

38
00:01:53,350 --> 00:01:56,280
Hau da, benetan zure nabigatzailean kontatzea
fitxategia duen web orri bat da

39
00:01:56,280 --> 00:01:58,280
HTML idatzita.

40
00:01:58,280 --> 00:02:01,970
HTML etiketa funtsean dio,
hemen HTML batzuk dator.

41
00:02:01,970 --> 00:02:04,950
Gero burua etiketa bat behar dugu
title etiketa bere barruko.

42
00:02:04,950 --> 00:02:09,430
Burua tag gisa uste dezakezu
horretarako dator osatzen HTML kodea

43
00:02:09,430 --> 00:02:12,670
zure web orrian en ontziratu
benetako edukia.

44
00:02:12,670 --> 00:02:16,700
>> Orokorrean, izenburua jarri duzu zure
Web orri hemen, badaude batzuk, nahiz

45
00:02:16,700 --> 00:02:19,350
duten ager daitezke beste etiketa
hemen ere.

46
00:02:19,350 --> 00:02:25,020
Hurrengo zure web orrian gorputza dator,
haragia eta hezurrak benetako zure web.

47
00:02:25,020 --> 00:02:28,910
Gure adibidean, besterik ez dugu jarri sinple bat
esaldi, Nire lehen webgunea,

48
00:02:28,910 --> 00:02:34,100
horrek, gure gune exekutatzen badugu, egingo begiratu
honen antzeko zerbait apur bat.

49
00:02:34,100 --> 00:02:36,810
Gure web orrialdea ez da oso queer,
baina ez kezkatu.

50
00:02:36,810 --> 00:02:39,210
Hura SPRUCE sortu dugu laster.

51
00:02:39,210 --> 00:02:44,070
>> Beraz gainetik HTML, emango dizugu oso bat
Web orri baten oinarrizko txantiloia,

52
00:02:44,070 --> 00:02:46,310
ezer ez fancy, besterik biluzi hezurrak.

53
00:02:46,310 --> 00:02:49,160
Baina web orri bat sortzeko dut bada nik,
zer bat gehitu nahi badut

54
00:02:49,160 --> 00:02:50,760
, esan, ni neu argazki?

55
00:02:50,760 --> 00:02:52,760
Beno, hori egin ahal izango dut.

56
00:02:52,760 --> 00:02:55,460
Badira modu pare bat behar dira
Irudiak gehitu zure gunea.

57
00:02:55,460 --> 00:02:59,780
Irudian, karpeta berean badago
Zure HTML fitxategi batean, lotzen dezakezu

58
00:02:59,780 --> 00:03:01,950
Irudien bidez bide hau atsegin dute.

59
00:03:01,950 --> 00:03:05,910
>> Ireki irudiaren etiketa bat eta jarraian dituzun
ek Alt dagoen atributu batean

60
00:03:05,910 --> 00:03:07,240
irudiaren iturburua.

61
00:03:07,240 --> 00:03:12,030
Alt atributuaren balioaren da batzuk besterik
kasu horretan, testu alternatibo erabiltzaile batek ezin du

62
00:03:12,030 --> 00:03:13,580
ikusi irudian.

63
00:03:13,580 --> 00:03:19,680
Bestela, nahi duzun ere lotu ahal izango
osoa URL baten bidez irudiak, honela.

64
00:03:19,680 --> 00:03:24,180
Orain, webgune hori ez da benetan existitzen,
baina ez dago argazki bat balitz

65
00:03:24,180 --> 00:03:27,760
Helbide horretan me, erabili izan dut
iturburua URL gehitzea

66
00:03:27,760 --> 00:03:29,930
bere nire web orrian irudia.

67
00:03:29,930 --> 00:03:35,590
Dena den, azkenean askoz batekin
Webgune prettier, honen antzeko zerbait.

68
00:03:35,590 --> 00:03:39,730
>> Beno, hori nahiko fresko, baina mota I
testu batzuk nahi baita.

69
00:03:39,730 --> 00:03:43,020
Hargatik, zerbait gehitu besterik en
super simple gainetik

70
00:03:43,020 --> 00:03:45,210
irudia, goiburua bezala.

71
00:03:45,210 --> 00:03:50,830
Guztiak, orain arte egin dut da goiburua erabili
Etiketa, H1, eta lerro-jauzi baten etiketa, br.

72
00:03:50,830 --> 00:03:54,900
Header etiketa letra egiten du apur bat
pixka bat handiagoa eta gehiago destacados.

73
00:03:54,900 --> 00:03:58,930
The line break etiketa, bestetik
alde batetik, mota da cool.

74
00:03:58,930 --> 00:04:03,720
Beste etiketa gehienak ez bezala, ez duzu
irekitzeko eta ixteko break etiketa bat, besterik

75
00:04:03,720 --> 00:04:05,120
bata erakutsia.

76
00:04:05,120 --> 00:04:10,420
Hau da, break edukiak ez duelako
eta, beraz, elementu huts bat.

77
00:04:10,420 --> 00:04:14,940
>> Elementuak hutsik Hau atsegin, ireki ahal izango duzu
eta, aldi berean hurbil besterik gabe egindako

78
00:04:14,940 --> 00:04:20,420
at aurrera barra bat barne
hasierako deklarazio amaieran.

79
00:04:20,420 --> 00:04:24,390
Beraz, orain nire webgunean itxura apur bat
honen antzeko zerbait.

80
00:04:24,390 --> 00:04:27,410
Hobeto, baina mota sentitzen
hildako amaiera bezala.

81
00:04:27,410 --> 00:04:30,850
Ez dago beste inon alde batera joan
orri nagusia honetatik.

82
00:04:30,850 --> 00:04:33,075
Beno, konpondu hori eginda utzi
lotura bat.

83
00:04:33,075 --> 00:04:36,860
>> Hemen egin noa da bat erabili
aitortu adierazten batek egindako eta egin du

84
00:04:36,860 --> 00:04:40,780
irudi lotura bat, demagun, CS50 telebista.

85
00:04:40,780 --> 00:04:44,460
Horrela, inor niri sakatzen direnean,
nabigatzailea xede hau izango luke

86
00:04:44,460 --> 00:04:47,810
beste bat, ziurrenik gehiago
erabilgarria, web orrian.

87
00:04:47,810 --> 00:04:51,040
Tamaina gutxitzeko izan dut
testu pixka bat delako gure web orrialdea:

88
00:04:51,040 --> 00:04:52,470
gehiago aurreratu lortzean.

89
00:04:52,470 --> 00:04:54,590
Baina, zorionez, oraindik ere, argi da.

90
00:04:54,590 --> 00:04:59,460
Nire webgunean zehazki itxura bera bakarrik
gaur egun, betiere, egin klik irudiaren gainean dut,

91
00:04:59,460 --> 00:05:04,410
nire nabigatzailea zabalduko da sortu beste
the CS50.tv web orrian fitxa.

92
00:05:04,410 --> 00:05:08,970
>> Azkenik, demagun estilo noa
Webgune hau geroago CSS erabiliz.

93
00:05:08,970 --> 00:05:11,730
CSS zer da bat bezala ezagutzen da
Kaskadako estilo-orria.

94
00:05:11,730 --> 00:05:15,230
Eta funtsean eskaintzen eraginkor bat da
Modu editatu eta estilo

95
00:05:15,230 --> 00:05:16,910
Antzeko kodea blokeak.

96
00:05:16,910 --> 00:05:21,290
Nire HTMLra antolatzen hasi nahi dut
egiteko geroago estilo errazagoa da.

97
00:05:21,290 --> 00:05:26,900
Hemen, bi mota desberdinak sortu dut
Identifikadore nire kodea antolatzen laguntzeko.

98
00:05:26,900 --> 00:05:31,170
Baten barruan identifikazio atributua erabili dut
zatiketa, edo div tag, eta erabili dut bat

99
00:05:31,170 --> 00:05:34,120
Class atributua barruan
div tag beste.

100
00:05:34,120 --> 00:05:37,190
>> NAN eta klase atributuak
antzera.

101
00:05:37,190 --> 00:05:41,210
Alde bakarra da zuk bakarrik izan ditzake
elementu bat, identifikazio espezifikoa du, baina

102
00:05:41,210 --> 00:05:43,600
edozein elementu kopurua
klase bat parteka dezake.

103
00:05:43,600 --> 00:05:47,690
Beraz, adibidez, klasean erabili ahal izango dut
irudia hainbat aldiz, baina ezin dut

104
00:05:47,690 --> 00:05:50,533
zatiketa beste sortu
izena goiko batera.

105
00:05:50,533 --> 00:05:54,750
Ez dut nahiz CSS sartzen joan,
normalean erabiltzen den beste hizkuntza

106
00:05:54,750 --> 00:05:59,700
HTML batera, behin Sorozabal hasten naiz
CSS-rekin nire kodea, hauek erabili ahal izango dut

107
00:05:59,700 --> 00:06:03,730
eragina da, erakundearen atributuak
nire web orriaren estetika.

108
00:06:03,730 --> 00:06:07,600
>> Zatiketa top barruan guztia
antzeko stylings edo edozein izango dute

109
00:06:07,600 --> 00:06:12,010
beste HTML dut talde taldean sartu
klase irudi antzeko itxura bat partekatuko dute.

110
00:06:12,010 --> 00:06:15,700
Hau da editatu nahian baino askoz errazagoa
eta estilo irudiak edo blokeak

111
00:06:15,700 --> 00:06:17,690
testu banaka.

112
00:06:17,690 --> 00:06:21,480
>> Beraz, nola oinarriak baino gehiago joan ginen
Web orri bat egiteko HTML batera.

113
00:06:21,480 --> 00:06:25,280
HTML beste ezaugarri mordo bat du gehiegi
denean beste hizkuntzak parekatuta

114
00:06:25,280 --> 00:06:29,220
CSS eta JavaScript bezalako, benetan ahal
egiteko orriak nabarmentzen dira.

115
00:06:29,220 --> 00:06:32,960
Eroso lortzeko modurik onena
HTML inguruan besterik ez nahastea da eta,

116
00:06:32,960 --> 00:06:35,120
ikusi zer lan egiten du, eta zer ez.

117
00:06:35,120 --> 00:06:36,570
>> Nire izena Daven Farnham da.

118
00:06:36,570 --> 00:06:37,820
Hau da CS50.

119
00:06:37,820 --> 00:06:40,640

120
00:06:40,640 --> 00:06:45,690
>> Beraz, adibidez, erabili ahal izango dut
klase irudian -

121
00:06:45,690 --> 00:06:48,028
Ez, atributuak ez dira hainbeste.

122
00:06:48,028 --> 00:06:52,500

123
00:06:52,500 --> 00:06:53,950
Nire izena Daven Farnham da.

124
00:06:53,950 --> 00:06:58,560
Hau CS 650 da.

125
00:06:58,560 --> 00:06:59,810
CSS esan nahi dut.

126
00:06:59,810 --> 00:07:02,325

127
00:07:02,325 --> 00:07:03,575
Hau CSS da.

128
00:07:03,575 --> 00:07:05,408