1
00:00:00,000 --> 00:00:00,127

2
00:00:00,127 --> 00:00:01,210
DAVID J. Malan: pob hawl.

3
00:00:01,210 --> 00:00:02,160
Rydym yn ôl.

4
00:00:02,160 --> 00:00:05,810
Felly, y nod o sesiwn olaf hon
yw cyflwyno ychydig mwy o gysyniadau

5
00:00:05,810 --> 00:00:09,290
ond mae hefyd yn rhoi cyfle i bawb
i fath o ymestyn eich bysedd

6
00:00:09,290 --> 00:00:11,270
ac mewn gwirionedd yn gwneud rhywbeth
ychydig o ymarferol.

7
00:00:11,270 --> 00:00:13,897
Nid i droi y nod yw
ni i gyd i mewn i ddatblygwyr gwe

8
00:00:13,897 --> 00:00:16,230
drwy unrhyw gyfrwng, ond mewn gwirionedd dim ond
i roi blas ar rai chi

9
00:00:16,230 --> 00:00:21,750
o'r lluniadau sylfaenol o'r hyn
mynd i mewn rhaglennu ar y we ac ar y we heddiw

10
00:00:21,750 --> 00:00:23,980
datblygu, felly mae'r
ochr statig o things--

11
00:00:23,980 --> 00:00:26,660
unrhyw resymeg, dim rhaglennu
iaith, dim ond y cynnwys statig.

12
00:00:26,660 --> 00:00:29,660
A bydd yn rhoi cyfle i ni
i mewn gwirionedd yn gweld beth weinydd y we yw,

13
00:00:29,660 --> 00:00:34,140
gweler yr hyn ffeil HTML yw, gweld beth
mae'n HTTP mewn gwirionedd yn gwasanaethu i fyny.

14
00:00:34,140 --> 00:00:38,600
Ond cyn i ni plymio i mewn, unrhyw ôl-weithredol
cwestiynau am cyfrifiadura cwmwl

15
00:00:38,600 --> 00:00:43,922
neu ddiogelwch neu unrhyw beth yn y canol?

16
00:00:43,922 --> 00:00:44,890
>> Na?

17
00:00:44,890 --> 00:00:47,181
Mae pob hawl, yn dda, gadewch i ni
gwneud hyn, rhag ofn

18
00:00:47,181 --> 00:00:49,680
y broses o gofrestru ar gyfer
rhywbeth yn cymryd ychydig funudau.

19
00:00:49,680 --> 00:00:51,221
Byddwn yn gadael iddo wneud hynny yn y cefndir.

20
00:00:51,221 --> 00:00:56,860
Fynd yn ei flaen, os gallech,
i c9.io. URL hwn Yma--

21
00:00:56,860 --> 00:01:02,810
Mae hwn yn drydydd parti service--
llwyfan fel gwasanaeth, os ydych yn will--

22
00:01:02,810 --> 00:01:05,190
sy'n mynd i gwahodd chi
i gofrestru ar gyfer cyfrif,

23
00:01:05,190 --> 00:01:08,650
ac mae'n mynd i roi i bob un ohonoch
cyfrif yn y cwmwl hyn a elwir yn

24
00:01:08,650 --> 00:01:11,330
ar seilwaith rhywun arall,
gwmni o'r enw Cloud9.

25
00:01:11,330 --> 00:01:13,350
Ond beth sy'n neis am
mae hyn yw eu bod yn rhoi i chi

26
00:01:13,350 --> 00:01:15,990
amcangyfrif o
datblygiad byd go iawn gwirioneddol

27
00:01:15,990 --> 00:01:18,530
amgylchedd, er mewn y
cwmwl ac mewn porwr gwe,

28
00:01:18,530 --> 00:01:21,175
a byddwn yn defnyddio hyn i mewn gwirionedd
arbrofi ychydig heddiw.

29
00:01:21,175 --> 00:01:27,116

30
00:01:27,116 --> 00:01:30,260
Ac yna mynd yn ei flaen a dim ond navigate
eich ffordd at y broses gofrestru ar-

31
00:01:30,260 --> 00:01:32,630
os ydych yn gallai.

32
00:01:32,630 --> 00:01:36,080
Felly, rydym yn digwydd i ddefnyddio hyn yn y dosbarth
Rwy'n dysgu ar gyfer ein holl fyfyrwyr,

33
00:01:36,080 --> 00:01:39,140
ar y campws ac oddi ar y hyn o bryd, ac
mae wedi disodli beth yn hanesyddol

34
00:01:39,140 --> 00:01:41,390
Roedd meddalwedd fel arall y gellir eu lawrlwytho.

35
00:01:41,390 --> 00:01:44,620
Felly yr hyn yr ydych yn cael mynediad i
yw un o beiriannau rhithwir hyn,

36
00:01:44,620 --> 00:01:46,460
yn y bôn, a ddisgrifiais yn gynharach.

37
00:01:46,460 --> 00:01:50,260
Felly, y cwmni hwn Cloud9 yn ôl pob tebyg
rhenti o drydedd party-- yn wir

38
00:01:50,260 --> 00:01:52,760
yn yr achos hwn, Google-- gyfanrwydd
criw o beiriannau rhithwir

39
00:01:52,760 --> 00:01:56,500
eu bod rywsut torri i fyny i mewn
y rhith o weinyddion unigol

40
00:01:56,500 --> 00:01:58,610
bod gan bob un ohonom reolaeth lawn dros.

41
00:01:58,610 --> 00:02:01,640
Dyw hi ddim yn hollol gywir i ddweud
eu bod yn beiriannau rhithwir,

42
00:02:01,640 --> 00:02:04,550
fodd bynnag, oherwydd yr hyn a
Cloud9 mewn gwirionedd yn defnyddio

43
00:02:04,550 --> 00:02:07,570
yn dechnoleg braidd fwy newydd
Gelwir containerization.

44
00:02:07,570 --> 00:02:13,150
A gadewch i mi chrafangia y llun yma
yma i baentio llun hwn.

45
00:02:13,150 --> 00:02:16,540
>> Mae cynhwysydd yw, os
cofiwch y llun

46
00:02:16,540 --> 00:02:19,900
o cynharach, ychydig yn ysgafnach
pwysau na 'n weithredol beiriant.

47
00:02:19,900 --> 00:02:22,090
Yn wir, tra diwethaf
amser buom yn siarad am yno

48
00:02:22,090 --> 00:02:25,170
bod yn gweithredu
system a hypervisor

49
00:02:25,170 --> 00:02:28,260
ac yna system weithredu gwadd, gwestai
system weithredu, gweithredu gwestai

50
00:02:28,260 --> 00:02:30,940
system, ar ben eich
caledwedd ffisegol,

51
00:02:30,940 --> 00:02:33,740
y gwahaniaeth gyda hyn mwy newydd
technoleg, containerization,

52
00:02:33,740 --> 00:02:37,290
yw eu bod i gyd rhywsut yn rhannu
yr un system weithredu.

53
00:02:37,290 --> 00:02:39,970
Ond maent yn dal yn creu
y rhith o bawb

54
00:02:39,970 --> 00:02:44,590
ôl iddo gael ei hun unigryw
hawliau gweinyddol a ffeiliau

55
00:02:44,590 --> 00:02:45,400
ar y gweinydd.

56
00:02:45,400 --> 00:02:48,230
Ond mae llai o feddalwedd yn
rhyngoch chi a'r caledwedd.

57
00:02:48,230 --> 00:02:52,260
Canlyniad sydd, yn
theori, perfformiad uwch,

58
00:02:52,260 --> 00:02:55,470
oherwydd eich bod yn defnyddio neu
gwastraffu llai o adnoddau

59
00:02:55,470 --> 00:02:57,360
ar hynny hyn a elwir yn haen virtualization.

60
00:02:57,360 --> 00:02:59,420
Felly, gelwir hyn yn
containerization gan natur

61
00:02:59,420 --> 00:03:02,920
drwy gyfrwng technoleg o'r enw Docker,
sydd yn fawr iawn yn dod i mewn ei ben ei hun.

62
00:03:02,920 --> 00:03:05,086
Ac mae hyn yn rhywbeth y
peirianwyr yn eich cwmni

63
00:03:05,086 --> 00:03:08,610
Gallai math o fath o ddechrau siarad
am fuan os nad ydynt wedi gwneud hynny'n barod,

64
00:03:08,610 --> 00:03:11,590
er nad oes sicr dim
rheswm i neidio ar unrhyw bandwagons.

65
00:03:11,590 --> 00:03:15,410
>> Felly, gyda hynny ddywedodd, beth
mae'n debyg y byddwch yn gweld yn awr

66
00:03:15,410 --> 00:03:22,670
yn sgrin sy'n edrych ychydig fel hyn.

67
00:03:22,670 --> 00:03:23,170
IAWN.

68
00:03:23,170 --> 00:03:25,260
A dim ond fy ffonio dros os nad.

69
00:03:25,260 --> 00:03:27,440
Ac os so-- 'n annhymerus' yn dod drosodd os nad.

70
00:03:27,440 --> 00:03:30,244
Mynd yn ei flaen a chliciwch bod mawr
ynghyd i greu lle gwaith,

71
00:03:30,244 --> 00:03:31,660
a byddwch yn gweld sgrin fel hyn.

72
00:03:31,660 --> 00:03:35,020
Gallwch ffonio y lle gwaith
enwi unrhyw beth rydych ei eisiau ar gyfer hyn o bryd.

73
00:03:35,020 --> 00:03:38,660
A dim ond mewn gwirionedd ar gyfer symlrwydd,
mynd ac-- yn dda, mae rhai ohonoch

74
00:03:38,660 --> 00:03:39,660
eisoes gweithfannau.

75
00:03:39,660 --> 00:03:47,050
Ffoniwch ei fod beth bynnag yr ydych want-- busnes,
Harvard, dydd Iau, beth bynnag yr hoffech.

76
00:03:47,050 --> 00:03:48,800
Nid oes angen disgrifiad i chi.

77
00:03:48,800 --> 00:03:52,380
gallwch ei adael yn breifat, oni bai eich bod
eisoes griw y gweithfannau.

78
00:03:52,380 --> 00:03:55,280
Os cewch eich gorfodi i'w wneud yn gyhoeddus,
mae hynny'n iawn ar gyfer dibenion heddiw.

79
00:03:55,280 --> 00:03:56,750
Yma, hefyd, yn un o'r upsells.

80
00:03:56,750 --> 00:03:59,939
Rydych yn cael un lle gwaith preifat gan
diofyn. Ond os ydych chi eisiau mwy,

81
00:03:59,939 --> 00:04:00,980
rhaid i chi dalu am fwy.

82
00:04:00,980 --> 00:04:02,870
Fel arall, maent yn eich gorfodi
i wneud eich gwaith cyhoeddus.

83
00:04:02,870 --> 00:04:05,600
Ond mae hynny'n iawn, oherwydd eu bod hefyd
targedu'r hwn ar gymunedau ffynhonnell agored

84
00:04:05,600 --> 00:04:07,700
i annog pobl i
mewn gwirionedd cydweithio.

85
00:04:07,700 --> 00:04:10,699
>> A'r peth olaf sydd yn bwysig,
fodd bynnag, yw, ar ôl i chi ddewis enw

86
00:04:10,699 --> 00:04:17,140
ac ar ôl i chi ddewis preifat neu gyhoeddus,
cliciwch HTML5, yr eicon oren mawr

87
00:04:17,140 --> 00:04:22,430
yr ail o'r chwith, ac
chliciwch Creu Workspace.

88
00:04:22,430 --> 00:04:24,580
Ac mae'n debyg y bydd yn
gymryd munud neu ddau,

89
00:04:24,580 --> 00:04:26,540
ond byddwch wedyn yn cael
amgylchedd, ar ôl i chi

90
00:04:26,540 --> 00:04:30,544
gwneud hynny, sy'n edrych atgoffa rhywun o
yr hyn yr wyf yn ei gael ar y sgrin yma yn awr.

91
00:04:30,544 --> 00:04:33,210
Ond, unwaith eto, gallai gymryd munud
neu fwy i fynd i'r sgrin hon

92
00:04:33,210 --> 00:04:34,770
unwaith y byddwch wedi clicio Creu Workspace.

93
00:04:34,770 --> 00:04:37,936
Ond dim ond tynnu sylw mi dros os hoffech i mi
i gymryd edrych ar unrhyw beth neu gynghori.

94
00:04:37,936 --> 00:04:40,191

95
00:04:40,191 --> 00:04:40,690
Iawn.

96
00:04:40,690 --> 00:04:42,390
Felly, yr wyf i'n mynd i cefndir hwn am y tro.

97
00:04:42,390 --> 00:04:44,260
Ffoniwch fi drosodd os ydych yn ymddangos i
yn cael unrhyw anawsterau technegol.

98
00:04:44,260 --> 00:04:46,210
Ond, unwaith eto, gallai gymryd
ychydig am hynny i agor.

99
00:04:46,210 --> 00:04:49,570
A gadewch i ni fynd yn ei flaen a siarad am yr hyn
mae'n ei olygu mewn gwirionedd i wneud tudalen ar y we,

100
00:04:49,570 --> 00:04:52,780
pa HTML yw, a sut hyn oll
bellach yn rhyng-gysylltu gan ein bod yn dechrau

101
00:04:52,780 --> 00:04:54,730
i mewn gwirionedd yn defnyddio peth o'r dechnoleg.

102
00:04:54,730 --> 00:04:58,310
Felly, mae'n ymddangos bod y gallaf
mynd ar fy Mac bach yma,

103
00:04:58,310 --> 00:05:01,650
agor rhaglen syml o'r enw
TextEdit, neu ar Windows gallwn

104
00:05:01,650 --> 00:05:04,480
rhywbeth agored o'r enw Notepad.exe.

105
00:05:04,480 --> 00:05:08,260
A gallai Fi jyst yn syml yn gwneud rhywbeth
fel this-- "helo, byd."

106
00:05:08,260 --> 00:05:12,020
Ac yna gallwn i arbed hyn fel
hello.txt Felly dim hud yno.

107
00:05:12,020 --> 00:05:15,200
Mae hyn wedi ddim i'w wneud â gwe
rhaglennu, ddim i'w wneud â HTML.

108
00:05:15,200 --> 00:05:16,790
Dim ond yn creu ffeil testun syml.

109
00:05:16,790 --> 00:05:20,600
Ond mae'n troi allan bod gwe
dudalen yn unig yw llythrennol hynny.

110
00:05:20,600 --> 00:05:24,020
Mae'n syml destun ffeil destun sy'n cynnwys
y gallech deipio ar eich bysellfwrdd,

111
00:05:24,020 --> 00:05:30,070
ond mae'n arfer ond nid bob amser
yn dod i ben yn peidio Txt ond html neu .htm.

112
00:05:30,070 --> 00:05:32,050
Ac nid ydych yn ei wneud yn unig
teipio geiriau yn y ffeil.

113
00:05:32,050 --> 00:05:35,280
mewn gwirionedd yn rhaid i chi ddefnyddio pethau o'r enw
tagiau neu, yn fwy cyffredinol, rhywbeth

114
00:05:35,280 --> 00:05:37,190
Gelwir iaith marcio.

115
00:05:37,190 --> 00:05:40,510
>> Felly, yr wyf i'n mynd i deipio yn gyflym iawn
ac yna egluro y canlynol.

116
00:05:40,510 --> 00:05:42,290
Rydw i'n mynd i yn gyntaf
teipiwch hwn, sy'n dweud,

117
00:05:42,290 --> 00:05:45,730
hey, porwr, yma hon yn
tudalen ar y we a ysgrifennwyd yn HTML.

118
00:05:45,730 --> 00:05:51,850
Ac y ddau beth gyda'i gilydd yn dweud, hey,
porwr, mae'r canlynol yn wir HTML.

119
00:05:51,850 --> 00:05:55,790
Hey, porwr, yma hon y
pen neu ben fy dudalen.

120
00:05:55,790 --> 00:05:59,900
Hey, porwr, tu mewn i'r brig
fy nhudalen, rhowch deitl hynny yw, "helo,

121
00:05:59,900 --> 00:06:01,610
byd. "

122
00:06:01,610 --> 00:06:08,370
Hey, porwr, ar ôl y pennaeth fy
tudalen, yma hon y corff fy dudalen.

123
00:06:08,370 --> 00:06:12,170
Ac, hey, porwr, corff fy
Dylai dudalen hefyd yn dweud, "helo byd."

124
00:06:12,170 --> 00:06:15,500
Felly beth yw'r manylion amlwg yma?

125
00:06:15,500 --> 00:06:17,960
Mae hyn yn beth sydd ar y cyfan
Gelwir datganiad o fath doc,

126
00:06:17,960 --> 00:06:20,190
ac, a dweud y gwir, mae'n ychydig yn
anodd i gofio hyn ar y dechrau.

127
00:06:20,190 --> 00:06:21,481
Rydych yn unig fath o copi-gludo iddo.

128
00:06:21,481 --> 00:06:23,760
Mae hyn yn y ffordd ffurfiol
o ddweud, hey, porwr,

129
00:06:23,760 --> 00:06:28,030
Yr wyf yn defnyddio fersiwn HTML 5 sy'n
ddaeth allan braidd yn ddiweddar.

130
00:06:28,030 --> 00:06:31,380
Mae'n incantation hudol bod rhai
pobl gydag ymdeimlad gwael o ddylunio

131
00:06:31,380 --> 00:06:33,640
penderfynodd roi yn y
frig y ffeil.

132
00:06:33,640 --> 00:06:35,473
Hyd yn oed er ei fod yn
Ychydig ddirgel, dyna i gyd

133
00:06:35,473 --> 00:06:38,250
mae'n yw-- hey, porwr, yma
dod gyda fersiwn 5 o HTML.

134
00:06:38,250 --> 00:06:41,741
>> Mae gweddill y mae hyn wedi bod gyda ni
ers peth amser bellach, yn hanesyddol,

135
00:06:41,741 --> 00:06:44,740
ond mae wedi bod esblygu, ac mae'n
Mae'n debyg bod yn cael ychydig yn symlach.

136
00:06:44,740 --> 00:06:47,320
Hysbysiad ychydig o nodweddion
o'r hyn yr wyf wedi tynnu sylw atynt.

137
00:06:47,320 --> 00:06:49,890
Mae y pethau hyn gyda onglog
brackets-- y braced chwith

138
00:06:49,890 --> 00:06:51,040
a'r bachyn dde.

139
00:06:51,040 --> 00:06:52,490
Ac yn sylwi ar y cymesuredd yma.

140
00:06:52,490 --> 00:06:57,340
A thrwy cymesuredd, yr wyf yn golygu, yn union fel yr wyf yn
cael dechrau hwn tag yma neu dag agored

141
00:06:57,340 --> 00:07:01,560
os mynnwch, i lawr yma mae gen i
tag agos neu tag diwedd dyna

142
00:07:01,560 --> 00:07:06,460
gwahanol yn unig i'r graddau y mae'n ganddo hwn
slaes ar ddechrau'r gair

143
00:07:06,460 --> 00:07:07,360
HTML.

144
00:07:07,360 --> 00:07:09,360
A allwch chi feddwl am
hwn gan fy mod yn casually

145
00:07:09,360 --> 00:07:12,280
cynnig o'r blaen, hey,
porwr, yma hon rhywfaint o HTML.

146
00:07:12,280 --> 00:07:16,060
Ac, i'r gwrthwyneb, hey, porwr, dyna
ei gyfer dechrau HTML-- a diwedd.

147
00:07:16,060 --> 00:07:18,440
>> Yn y cyfamser hey, porwr, yma
Daw y pennaeth fy dudalen.

148
00:07:18,440 --> 00:07:20,140
Hey, porwr, dyna ni ar gyfer y pennaeth.

149
00:07:20,140 --> 00:07:22,240
Hey, porwr, dyma
gorff fy dudalen.

150
00:07:22,240 --> 00:07:24,020
Hey, porwr, dyna ni ar gyfer y corff.

151
00:07:24,020 --> 00:07:26,940
Ac y tu mewn o hynny yw rhai
testun mympwyol am y tro.

152
00:07:26,940 --> 00:07:30,520
Ac tu mewn i'r pen, yn y cyfamser,
rhywfaint fympwyol ond dagio,

153
00:07:30,520 --> 00:07:34,410
fel petai, testun sy'n dweud, teitl
Bydd fy dudalen fod yn "helo, byd."

154
00:07:34,410 --> 00:07:37,470
Nawr, am y tro, gallwch
cymryd yn ganiataol bod porwyr

155
00:07:37,470 --> 00:07:41,762
cael only-- neu, yn hytrach, tudalennau gwe yn cael
dim ond dau parts-- y pen a'r corff.

156
00:07:41,762 --> 00:07:44,220
Ac mae'r pennaeth yn gyffredinol yn unig
fel y bar dewislen, y pethau

157
00:07:44,220 --> 00:07:45,510
mewn gwirionedd dim ond ar frig.

158
00:07:45,510 --> 00:07:48,910
Ac mae'r corff yn ddigon dewr y dudalen,
popeth yn y petryal mawr

159
00:07:48,910 --> 00:07:50,239
sy'n llenwi'r sgrin.

160
00:07:50,239 --> 00:07:51,780
Felly, yr wyf i'n mynd i fynd yn ei flaen ac yn gwneud hyn.

161
00:07:51,780 --> 00:07:54,400
Yr wyf yn mynd i fynd yn ei flaen a
cliciwch Save, Ffeil Save.

162
00:07:54,400 --> 00:07:58,580
Ac yr wyf i'n mynd i achub
hwn fel hello.html,

163
00:07:58,580 --> 00:08:00,870
a Im 'jyst yn mynd i
roi ar fy n ben-desg.

164
00:08:00,870 --> 00:08:03,520
Ac yr wyf i'n mynd i fynd
ei flaen a chliciwch Save.

165
00:08:03,520 --> 00:08:05,806
A notice-- fy Mac yn
lleiaf yn gweiddi arnaf.

166
00:08:05,806 --> 00:08:07,180
A ydych yn sicr eich bod am wneud hyn?

167
00:08:07,180 --> 00:08:08,710
Ac yr wyf i'n mynd i ddweud, ie, defnyddiwch HTML.

168
00:08:08,710 --> 00:08:10,400
Yr wyf yn gwybod yn well yn yr achos hwn.

169
00:08:10,400 --> 00:08:14,686
Ac yn awr yr wyf i'n mynd i fynd i fy n ben-desg
lle mae gennyf y ffeil hon yn sydyn.

170
00:08:14,686 --> 00:08:16,060
Ac yr wyf i'n mynd i ddwbl-glicio arno.

171
00:08:16,060 --> 00:08:18,268
A byddwch yn sylwi bod, gan
ball, Chrome agor.

172
00:08:18,268 --> 00:08:19,996
Mae hynny oherwydd dyna
fy ball borydd.

173
00:08:19,996 --> 00:08:21,370
Ac mae'n jyst yn dweud, "helo, byd."

174
00:08:21,370 --> 00:08:23,078
Ond mae'n dweud "helo,
byd "mewn dau le.

175
00:08:23,078 --> 00:08:23,979
Hysbysiad chwith uchaf.

176
00:08:23,979 --> 00:08:25,020
Pretty galed i golli hynny.

177
00:08:25,020 --> 00:08:26,180
Mae'n fawr a beiddgar.

178
00:08:26,180 --> 00:08:30,690
A ble arall y mae'n ymddangos
i ddweud, "helo, byd"?

179
00:08:30,690 --> 00:08:31,470
>> GYNULLEIDFA: Y tab.

180
00:08:31,470 --> 00:08:33,100
>> DAVID J. Malan: Yeah, y tab hun.

181
00:08:33,100 --> 00:08:35,159
Felly, pan ddywedais y pennaeth y
dudalen yn bopeth i fyny top--

182
00:08:35,159 --> 00:08:36,367
ac yn wir mae hyn yn y teitl.

183
00:08:36,367 --> 00:08:37,710
Dim ond yn y tab yma.

184
00:08:37,710 --> 00:08:40,320
A gallaf dynnu tab hwn
allan er mwyn peidio â drysu.

185
00:08:40,320 --> 00:08:43,360
Mae hyn yn unig yw tab sengl yn awr,
ac yn wir yr ydym yn gweld "helo, byd"

186
00:08:43,360 --> 00:08:45,970
i fyny yma ac "helo, byd" i lawr yma.

187
00:08:45,970 --> 00:08:47,160
Felly eithaf syml.

188
00:08:47,160 --> 00:08:49,050
Ond mae hefyd yn weddol syml.

189
00:08:49,050 --> 00:08:50,440
Ac, mewn gwirionedd, yr wyf yn chwyddo i mewn.

190
00:08:50,440 --> 00:08:53,272
Gallaf newid maint y ffont yn unig
i chwyddo ar gyfer hygyrchedd.

191
00:08:53,272 --> 00:08:56,830
Ond gadewch i ni yn awr wneud rhywbeth
ychydig yn fwy diddorol.

192
00:08:56,830 --> 00:08:59,760
>> Rydw i'n mynd i go-- whoops, gadewch
i mi fynd yn ôl at fy ffeil testun.

193
00:08:59,760 --> 00:09:02,400
Rydw i'n mynd yn ôl at fy
ffeil testun, ac rwy'n mynd

194
00:09:02,400 --> 00:09:06,320
i newid hyn ac yn dweud
"Hello, Disney World."

195
00:09:06,320 --> 00:09:07,970
Arbed.

196
00:09:07,970 --> 00:09:10,919
A mynd yn ôl at fy
porwr a chliciwch Reload.

197
00:09:10,919 --> 00:09:12,710
Ac yn awr, wrth gwrs, mae'n
yn dweud "Disney World."

198
00:09:12,710 --> 00:09:15,500
Ac yr wyf i'n mynd i chwyddo artiffisial
mewn dim ond felly mae'n haws gweld.

199
00:09:15,500 --> 00:09:19,012
Felly nawr, yn anffodus, yr wyf yn fath o eisiau
canlynol-- mewn gwirionedd, mae hynny'n nodwedd Mac.

200
00:09:19,012 --> 00:09:21,720
Rwyf am i glicio ar Disney World
ac yn mynd rywle fel disney.com,

201
00:09:21,720 --> 00:09:23,290
ond nad yw hynny'n gweithio.

202
00:09:23,290 --> 00:09:26,850
Felly mae egwyddor sylfaenol y we yn
hypergysylltiadau, cysylltiadau sy'n mynd i rywle arall.

203
00:09:26,850 --> 00:09:28,390
Felly, sut ydw i'n gwneud hynny?

204
00:09:28,390 --> 00:09:34,690
Wel, gallwn i jyst yn dweud,
"Helo, http://www.disney.com."

205
00:09:34,690 --> 00:09:36,110
Arbedwch hyn.

206
00:09:36,110 --> 00:09:37,620
Ail-lwytho.

207
00:09:37,620 --> 00:09:39,400
Ond mae hyn hefyd, nid cliciadwy.

208
00:09:39,400 --> 00:09:42,930
A beth braf yma, er bod
nid yw hyn yn weithredol eto,

209
00:09:42,930 --> 00:09:45,930
yw ei bod yn ymddangos bod y
porwr yn llythrennol yn unig y mae

210
00:09:45,930 --> 00:09:46,950
yr hyn yr wyf yn dweud ei fod yn ei wneud.

211
00:09:46,950 --> 00:09:50,110
Felly, os Fi jyst deipio URL fel hyn,
'i' jyst yn mynd i ddangos i mi yr URL.

212
00:09:50,110 --> 00:09:54,270
Mae angen i mi ddefnyddio tagiau neu markup
iaith i ddweud mewn gwirionedd

213
00:09:54,270 --> 00:09:55,621
y porwr i wneud hyd yn oed mwy.

214
00:09:55,621 --> 00:09:57,870
Felly, yr wyf i'n mynd i fynd yn ei flaen a
dileu hyn am funud.

215
00:09:57,870 --> 00:10:00,980
Ac yr wyf i'n mynd i ddweud, hey,
porwr, yn dechrau angor yma,

216
00:10:00,980 --> 00:10:02,650
cyswllt fel petai.

217
00:10:02,650 --> 00:10:07,500
Ac mae'r hyper-gyfeirio, y gyrchfan
o hynny angor, fod yn URL hwn.

218
00:10:07,500 --> 00:10:08,750
Ac yn sylwi fy dyfyniadau.

219
00:10:08,750 --> 00:10:11,590
Gallwn i ddefnyddio dyfynodau sengl, hefyd,
ond mae'n rhaid i chi fod yn gyson,

220
00:10:11,590 --> 00:10:14,270
a byddwn yn gyffredinol jyst arfer
dyfynodau dwbl i'w gadw'n syml.

221
00:10:14,270 --> 00:10:16,820
Hysbysiad Rydw i'n mynd i gau'r tag.

222
00:10:16,820 --> 00:10:21,160
Ac yna dyma dwi'n mynd
i ddweud, "Disney World."

223
00:10:21,160 --> 00:10:26,890
Ac yn awr mae angen i mi rhywfaint o symmetry--
braced agored, / a, ar gau braced.

224
00:10:26,890 --> 00:10:28,090
>> Felly beth rwyf wedi cyflwyno?

225
00:10:28,090 --> 00:10:30,100
Rydym wedi cael ychydig o tagiau eisoes.

226
00:10:30,100 --> 00:10:32,410
HTML, Pennaeth, Enwi, Body,
i gyd yn tagiau, fel petai,

227
00:10:32,410 --> 00:10:34,280
gyda chymheiriaid agored a chaeedig.

228
00:10:34,280 --> 00:10:36,530
Ond rhybudd, mae hyn yn fath
o sylfaenol wahanol.

229
00:10:36,530 --> 00:10:39,140
Dyma'r hyn y byddwn yn galw
yn HTML priodoledd.

230
00:10:39,140 --> 00:10:41,451
Ac priodoledd yw
dim ond pâr allwedd-werth.

231
00:10:41,451 --> 00:10:43,950
Mae hyn yn beth cyffredin mewn
cyfrifiadur science-- pâr allwedd-werth.

232
00:10:43,950 --> 00:10:45,770
Mae'n fath o arf y fasnach.

233
00:10:45,770 --> 00:10:47,040
Mae allwedd a gwerth.

234
00:10:47,040 --> 00:10:49,390
Gair ac yna mae rhai
gair neu eiriau eraill.

235
00:10:49,390 --> 00:10:53,790
Ac yn yr achos hwn, yr allwedd yw href,
ac mae'r gwerth yw bod URL llawn.

236
00:10:53,790 --> 00:10:57,890
A beth priodoledd yn ei wneud yw ei
yn dylanwadu ar ymddygiad tag.

237
00:10:57,890 --> 00:11:01,010
Ac yn yr achos hwn, mae angen i ni ddylanwadu ar
ymddygiad y tag angor,

238
00:11:01,010 --> 00:11:04,140
oherwydd mae angen i angori
y ddolen hon i rywle.

239
00:11:04,140 --> 00:11:06,960
A sut ydych yn gwneud hynny yn
drwy gyfrwng y priodoledd.

240
00:11:06,960 --> 00:11:08,970
>> Felly, yr wyf i'n mynd i fynd yn ei flaen
ac yn arbed y ffeil yn awr.

241
00:11:08,970 --> 00:11:11,300
Ewch yn ôl at fy porwr a ail-lwytho.

242
00:11:11,300 --> 00:11:14,580
Ac, voila, mae gennym bellach y
dechreuadau dudalen we cyfreithlon.

243
00:11:14,580 --> 00:11:18,420
Super-syml, ond os byddaf yn hofran dros
rhybudd this-- yn y gornel isaf-chwith,

244
00:11:18,420 --> 00:11:19,830
'i' super-bach.

245
00:11:19,830 --> 00:11:21,730
Ond byddwch yn gweld www.disney.com.

246
00:11:21,730 --> 00:11:27,076
Ac os wyf yn clicio arno, yn wir mae hyn
chwisgiau fi i ffwrdd i disney.com.

247
00:11:27,076 --> 00:11:29,380
Yn awr, y peth chwilfrydig
yma yw nid yw'n

248
00:11:29,380 --> 00:11:33,940
y best-- yr URL mwyaf gwerthadwy, ond
mae hynny'n iawn oherwydd nad y ffeil hon yn

249
00:11:33,940 --> 00:11:35,360
yn bodoli ar y We Fyd Eang.

250
00:11:35,360 --> 00:11:39,740
Mae'n bodoli fel ffeil lleol yn ôl pob golwg
fy Defnyddwyr directory-- / jharvard--

251
00:11:39,740 --> 00:11:41,890
i John Harvard-- / n ben-desg.

252
00:11:41,890 --> 00:11:42,634
Ond mae ganddo URL.

253
00:11:42,634 --> 00:11:43,800
'I jyst yn digwydd bod yn lleol.

254
00:11:43,800 --> 00:11:47,050
Yn anffodus, ni all yr un ohonoch yn ymweld
hwn, oherwydd os byddwch yn teipio URL hwn,

255
00:11:47,050 --> 00:11:49,980
byddech yn dweud wrth eich porwr,
chwilio am ffeil o'r enw hello.html

256
00:11:49,980 --> 00:11:50,772
ar eich disg galed.

257
00:11:50,772 --> 00:11:53,271
Ac, wrth gwrs, oni bai eich bod chi wedi
bod yn dilyn ar hyd â llaw,

258
00:11:53,271 --> 00:11:54,530
nid yw'n mynd i fodoli yno.

259
00:11:54,530 --> 00:11:55,190
>> Felly mae hynny'n iawn.

260
00:11:55,190 --> 00:11:57,815
Rydym yn dal angen ffordd, yn y pen draw,
i gael y ffeil i mewn i'r we,

261
00:11:57,815 --> 00:12:01,180
ond gadewch i ni tynnu ar wahân neu ddau o
goblygiadau diogelwch o'r hyn yr ydym yn unig

262
00:12:01,180 --> 00:12:04,850
Gwelodd a clymu yn ôl i'r cynharach
trafodaeth o'r y bore yma.

263
00:12:04,850 --> 00:12:08,200
Mae'n troi allan, pe bai
porwr yn llythrennol yn unig yn ei wneud

264
00:12:08,200 --> 00:12:12,560
yr hyn yr wyf yn dweud ei fod yn ei wneud, ac mae'n ymddangos
i fod yn wir bod tag angor yn

265
00:12:12,560 --> 00:12:17,380
dylanwadu gan werth
Priodoledd gelwir hyn href

266
00:12:17,380 --> 00:12:20,810
ond mae'n dangos hwn
testun, byddai hyn yn ymddangos yn

267
00:12:20,810 --> 00:12:26,520
i awgrymu y gallwn i roi'r URL
yn y ddau le, ac yna ail-lwytho

268
00:12:26,520 --> 00:12:29,100
ac yn awr yn gweld yr URL ac yn mynd i'r URL.

269
00:12:29,100 --> 00:12:32,680
Rhybudd, os wyf yn hofran dros y gwaelod ar y chwith,
Rydw i'n wir yn mynd o hyd i disney.com.

270
00:12:32,680 --> 00:12:38,340
>> Felly, os ydych wedi bod erioed
phished-- P-H-I-S-H-E-D--

271
00:12:38,340 --> 00:12:42,820
gydag un o'r negeseuon e-bost ffug rheini
o fel PayPal eich banc,

272
00:12:42,820 --> 00:12:46,470
Mae'n debyg eich bod wedi gotten cysylltiadau y tu mewn
yr e-bost eich bod yn darllen y

273
00:12:46,470 --> 00:12:49,970
chi yn dweud wrth glicio yma i fynd gadarnhau
eich cyfrinair neu gadarnhau eich dyddiad geni,

274
00:12:49,970 --> 00:12:53,840
neu gymdeithasol neu rywbeth yn gymdeithasol
peirianneg i chi ddatgelu

275
00:12:53,840 --> 00:12:54,920
gwybodaeth.

276
00:12:54,920 --> 00:12:57,625
Wel, gallai wyf yn fath o gymryd
mantais o hyn, ni allai i?

277
00:12:57,625 --> 00:13:01,240
Gallwn ddweud rhywbeth
fel, www.paypal.com.

278
00:13:01,240 --> 00:13:11,340
Ac yn lle disney.com, yr wyf yn
allai fynd i, fel, badguy.com.

279
00:13:11,340 --> 00:13:12,850
Ail-lwytho.

280
00:13:12,850 --> 00:13:16,620
A pha mor hawdd yw hi i twyllo,
yn enwedig yn ddarllenwr annhechnegol

281
00:13:16,620 --> 00:13:20,649
neu frysiog ddarllen
darllenydd nag i glicio

282
00:13:20,649 --> 00:13:23,940
dolen fel hyn, ac os wyf yn clicio iddo--
Fi 'n weithredol ddim eisiau mynd badguy.com.

283
00:13:23,940 --> 00:13:25,398
Nid wyf yn gwybod beth sydd mewn gwirionedd yno.

284
00:13:25,398 --> 00:13:30,080
Felly paypal.com, hysbysiad, yn
beth mae'n ei ddweud mae'n mynd i,

285
00:13:30,080 --> 00:13:33,210
ond wrth gwrs, os wyf yn edrych i lawr
super-isel, mae'n ychydig yn aneglur,

286
00:13:33,210 --> 00:13:34,230
ond mae'n dweud badguy.com.

287
00:13:34,230 --> 00:13:38,644
Dyna'r unig dweud ar hyn o bryd
fy mod i'n mynd at y lle anghywir.

288
00:13:38,644 --> 00:13:41,560
A phan y dywedais yn gynharach bod banciau
Ni ddylai mewn gwirionedd annog neu hyfforddi

289
00:13:41,560 --> 00:13:44,510
defnyddwyr i gysylltiadau glicio, mae hyn yn
Dim ond un amlygiad ohono.

290
00:13:44,510 --> 00:13:45,430
Ac mae mor syml.

291
00:13:45,430 --> 00:13:48,120
Rydych yn awr gwrthwynebwr os
byddwch yn gwneud rhywbeth fel hyn

292
00:13:48,120 --> 00:13:51,000
ac yn ceisio twyllo defnyddiwr
i ymweld â'ch gwefan.

293
00:13:51,000 --> 00:13:53,320
Ond am nawr, byddwn yn cadw
pethau neis ac yn lân.

294
00:13:53,320 --> 00:13:55,640
Rydym yn mynd i fynd yn ei flaen
a ailddirwyn newidiadau hyn.

295
00:13:55,640 --> 00:13:56,530
Ail-lwytho'r dudalen.

296
00:13:56,530 --> 00:13:57,740
Ac yr wyf yn mynd yn ôl i'r disney.com.

297
00:13:57,740 --> 00:14:00,660
>> Gadewch i ni weld os na allwn tynnu coes
mae hyn ar wahân ychydig yn fwy.

298
00:14:00,660 --> 00:14:04,160
Felly "helo, Disney World."

299
00:14:04,160 --> 00:14:05,950
Rwy'n mynd i ddweud lawr yma.

300
00:14:05,950 --> 00:14:08,220
Efallai fy mod yn mynd i wneud rhywfaint o le.

301
00:14:08,220 --> 00:14:12,730
"Rydym yn gobeithio y byddwch yn mwynhau eich arhosiad!"

302
00:14:12,730 --> 00:14:13,830
Arbed.

303
00:14:13,830 --> 00:14:15,850
Ail-lwytho.

304
00:14:15,850 --> 00:14:19,010
Dyw hi ddim yn rea-- nad yw hynny'n
hyn yr wyf fwriadwyd, dde?

305
00:14:19,010 --> 00:14:21,870
Yr wyf yn golygu, os ydw i'n trin fy testun
ffeilio fel prosesydd geiriau,

306
00:14:21,870 --> 00:14:24,894
beth oeddech chi'n gobeithio fyddai'n digwydd yma?

307
00:14:24,894 --> 00:14:27,060
Yeah, yr wyf yn teimlo fel yna
Dylai fod toriad llinell yma,

308
00:14:27,060 --> 00:14:28,799
felly mae'n teimlo bygi mewn rhyw ffordd.

309
00:14:28,799 --> 00:14:31,090
Ond dyna mewn gwirionedd fwriadol,
oherwydd yn union fel o'r blaen,

310
00:14:31,090 --> 00:14:33,381
mae'r porwr yn unig yn mynd i
gwneud yr hyn yr ydych yn dweud iddo ei wneud.

311
00:14:33,381 --> 00:14:34,806
Nid wyf wedi dweud ei fod yn i dorri llinellau.

312
00:14:34,806 --> 00:14:37,930
Nid wyf wedi dweud ei fod yn symud i lawr, hyd yn oed
fodd bynnag, yn reddfol, yr wyf yn teimlo fel y gwnes i.

313
00:14:37,930 --> 00:14:39,805
Felly, mae'n troi allan, mae angen
ychydig mwy o markup,

314
00:14:39,805 --> 00:14:41,390
ac rwy'n mynd i atgyweiria hon fel a ganlyn.

315
00:14:41,390 --> 00:14:46,160
Rydw i'n mynd i ragflaenu hwn yn gyntaf helo
gyda hyn a elwir yn tag paragraff.

316
00:14:46,160 --> 00:14:48,920
Ac yna dwi'n mynd i fynd yn ei flaen
a lapio hwn ddedfryd arall

317
00:14:48,920 --> 00:14:54,370
ym mharagraff tag arall, hyd yn oed er
maen nhw'n paragraffau super-byr.

318
00:14:54,370 --> 00:14:55,930
Nawr rwy'n mynd i achub.

319
00:14:55,930 --> 00:14:57,160
Ail-lwytho.

320
00:14:57,160 --> 00:14:59,070
Ac yn awr rydym wedi bod
gofod, ac rydym yn fath o

321
00:14:59,070 --> 00:15:01,680
cael y semanteg
ddau baragraff ar wahân.

322
00:15:01,680 --> 00:15:05,290
>> Dyna i gyd iawn ac yn dda, ond byddai'n
yn neis i ychwanegu delwedd i'r dudalen hon,

323
00:15:05,290 --> 00:15:08,710
felly yr wyf i'n mynd i fynd yn chwilio am
Mickey Mouse ar Google Images.

324
00:15:08,710 --> 00:15:12,830
A dim ond am hwyl, rwy'n
mynd i chrafangia y ddelwedd hon.

325
00:15:12,830 --> 00:15:15,350
Rydw i'n mynd i fynd yn ei flaen yn awr ac
chrafangia 'r URL y ddelwedd hon,

326
00:15:15,350 --> 00:15:16,510
er mae gwahanol
ffyrdd o wneud hyn.

327
00:15:16,510 --> 00:15:18,520
Am y tro, Im 'jyst yn mynd i gopïo'r URL.

328
00:15:18,520 --> 00:15:24,770
Rydw i'n mynd i fynd yn ôl i mewn i fy testun
ffeiliau, a dw i'n mynd i ddweud yma,

329
00:15:24,770 --> 00:15:31,160
img src = dyfyniad unquote
hynny URL, super-hir.

330
00:15:31,160 --> 00:15:34,580
Ac yna y syniad o
Delwedd yn ychydig yn wahanol.

331
00:15:34,580 --> 00:15:38,640
Does 'n sylweddol na syniad o ddechrau
delwedd a ddaeth i ben delwedd,

332
00:15:38,640 --> 00:15:40,630
fel dechrau tag tag ben.

333
00:15:40,630 --> 00:15:43,840
Felly mae'n teimlo ychydig yn od i
mi semantig i wneud hyn,

334
00:15:43,840 --> 00:15:45,390
cael tag agos-ddelwedd.

335
00:15:45,390 --> 00:15:46,780
Nid yw'n anghywir.

336
00:15:46,780 --> 00:15:48,840
Mae'n berffaith gywir,
ac mae'n eu hannog,

337
00:15:48,840 --> 00:15:50,870
ond mae yna nodiant llaw-fer.

338
00:15:50,870 --> 00:15:53,780
Gallaf fath o ar yr un pryd
agor a chau yr un tag,

339
00:15:53,780 --> 00:15:55,510
a fydd yn gwneud y porwr yn hapus.

340
00:15:55,510 --> 00:15:56,950
Felly dim ond ychydig yn
mwy cryno ar gyfer pethau

341
00:15:56,950 --> 00:15:59,408
nad yw wir yn gysyniadol
gwneud synnwyr i ddechrau a diwedd.

342
00:15:59,408 --> 00:16:01,190
Maent yn unig yno, neu dydyn nhw ddim.

343
00:16:01,190 --> 00:16:06,020
>> Felly, yr wyf i'n mynd i achub hyn a mynd yn ôl
i fy "helo, byd" dudalen ac ail-lwytho.

344
00:16:06,020 --> 00:16:09,880
Ac mae'n ychydig allan o reolaeth,
oherwydd dyna ddelwedd mewn gwirionedd

345
00:16:09,880 --> 00:16:12,210
ychydig yn fawr, ond mae hynny'n iawn.

346
00:16:12,210 --> 00:16:13,710
Gallwn i newid maint mewn rhaglen.

347
00:16:13,710 --> 00:16:14,900
Neu ydych yn gwybod beth.

348
00:16:14,900 --> 00:16:17,350
Dim ond i ddangos, rwy'n
yn mynd i ddweud mewn gwirionedd

349
00:16:17,350 --> 00:16:21,760
bod y lled y peth hyn dylai
Dim ond 200 picsel, 200 dotiau.

350
00:16:21,760 --> 00:16:24,360
Gadewch i mi fynd yn ei flaen ac arbed
ac ail-lwytho, ac yn awr y dudalen

351
00:16:24,360 --> 00:16:25,690
yn edrych ychydig yn fwy rhesymol.

352
00:16:25,690 --> 00:16:27,260
Ond yn sylwi ar y patrwm.

353
00:16:27,260 --> 00:16:30,030
Wel, rydw i wedi fath o addysgir chi i gyd
o HTML mewn rhyw ystyr, o leiaf

354
00:16:30,030 --> 00:16:33,531
gysyniadol, gan fod yr holl HTML yw yn
mae'r rhain tags-- tagiau agored, tagiau ar gau,

355
00:16:33,531 --> 00:16:35,280
a phriodoleddau bod
addasu eu hymddygiad.

356
00:16:35,280 --> 00:16:38,380
Ac, yn ôl pob golwg, pob
Gall tag gael sero neu un

357
00:16:38,380 --> 00:16:43,005
neu ddau neu fwy o briodoleddau, pob un
sy'n gwneud rhywbeth ychydig yn wahanol.

358
00:16:43,005 --> 00:16:44,380
Nawr, sut ydych chi'n gwybod beth sy'n bodoli?

359
00:16:44,380 --> 00:16:46,800
Rydych yn unig yn gwrando ar rywun
fel fi yn dweud wrthych beth yn bodoli,

360
00:16:46,800 --> 00:16:50,860
neu 'ch jyst Google o gwmpas am tiwtorial
ar HTML, ac mae wir yn syml hwn.

361
00:16:50,860 --> 00:16:54,030
>> Yn wir, pan oeddwn yn fyfyriwr israddedig
mlynedd yn ôl ac wedi dysgu HTML,

362
00:16:54,030 --> 00:16:56,530
un o fy addysgu mathemateg
cynorthwywyr dim ond ei wario

363
00:16:56,530 --> 00:16:59,600
ychydig o amser tiwtora i mi
am debyg hanner awr, awr,

364
00:16:59,600 --> 00:17:00,660
ac yna roeddwn i ar fy ffordd.

365
00:17:00,660 --> 00:17:03,300
Roeddwn i ar fy ffordd tuag at wneud
gwefannau mwyaf erchyll erioed,

366
00:17:03,300 --> 00:17:05,549
sydd, yn ôl pob golwg, nid oes gennyf
mewn gwirionedd symud y tu hwnt.

367
00:17:05,549 --> 00:17:09,849
Ond y pwynt yw bod, ar ôl i chi
deall y rhain ideas-- syml

368
00:17:09,849 --> 00:17:13,450
os arcane text-- ond mae'r rhain yn syml
syniadau o gychwyn meddwl

369
00:17:13,450 --> 00:17:15,960
a chau meddwl, cadw
popeth yn gytbwys 'n glws,

370
00:17:15,960 --> 00:17:19,150
edrych rhywbeth i fyny, gan addasu y
ymddygiad y tag, dyna wir i gyd

371
00:17:19,150 --> 00:17:20,079
mae iddo.

372
00:17:20,079 --> 00:17:28,140
Ac yn wir, os ydym yn awr yn mynd i
rhywbeth fel google.com-- mewn gwirionedd,

373
00:17:28,140 --> 00:17:31,920
gadewch i ni fynd yn lle ychydig yn fwy
reasonable-- stanford.edu.

374
00:17:31,920 --> 00:17:37,800
Ac yr wyf i'n mynd i fynd i View,
Datblygwr, View Ffynhonnell.

375
00:17:37,800 --> 00:17:41,400
Mae'n hyll, ond notice--
a byddaf yn chwyddo i mewn rhybudd

376
00:17:41,400 --> 00:17:43,432
rhai pethau sy'n gyfarwydd yn barod.

377
00:17:43,432 --> 00:17:45,140
Mae hyn i fyny yma,
sef porwr.

378
00:17:45,140 --> 00:17:46,800
Yma, yn dod HTML5.

379
00:17:46,800 --> 00:17:47,634
Mae HTML.

380
00:17:47,634 --> 00:17:49,550
Mae'n debyg, mae 'na
priodoli na wnes

381
00:17:49,550 --> 00:17:51,540
defnyddio hwnnw yn pennu
iaith y dudalen,

382
00:17:51,540 --> 00:17:54,380
a gall hyn helpu gyda awtomatig
cyfieithu a phethau fel 'na.

383
00:17:54,380 --> 00:17:55,546
Dyma y pennaeth y dudalen.

384
00:17:55,546 --> 00:17:57,790
Dyma y teitl dudalen Stanford.

385
00:17:57,790 --> 00:17:59,832
Mae 'na tag wnes i ddim
siarad am yet-- tag Meta.

386
00:17:59,832 --> 00:18:01,540
'I' jyst fath o
Gwybodaeth cefndir.

387
00:18:01,540 --> 00:18:04,210
Mae'n helpu gyda SEO, neu
chwilio beiriant optimization,

388
00:18:04,210 --> 00:18:06,320
neu ganlyniadau Google-chwilio neu debyg.

389
00:18:06,320 --> 00:18:09,029
Ond os ydym yn cadw chwilio, cadwch
edrych, dyma 'r tag Corff.

390
00:18:09,029 --> 00:18:11,570
Ac mae 'na tusw o eraill
tagiau nid ydym wedi siarad am eto.

391
00:18:11,570 --> 00:18:13,750
Ond Div yn un ar gyfer
rhaniad y dudalen.

392
00:18:13,750 --> 00:18:16,680
Mae fel petryal anweledig
os ydych chi fath o eisiau feddyliol

393
00:18:16,680 --> 00:18:20,160
rhannwch eich tudalen i mewn
unedau gwahanol ar-lein.

394
00:18:20,160 --> 00:18:22,650
Ac yna lawer o divs wyf
gweld, rywbeth o'r enw Dosbarth,

395
00:18:22,650 --> 00:18:24,440
ond byddwn yn dod yn ôl at hynny.

396
00:18:24,440 --> 00:18:26,200
>> Mae hyn yn Ffurflenni interesting--.

397
00:18:26,200 --> 00:18:27,730
Ffurflenni gyd dros y we.

398
00:18:27,730 --> 00:18:30,310
Unrhyw flwch chwilio eich bod yn
ddefnyddio erioed yn fath.

399
00:18:30,310 --> 00:18:31,490
Ac, felly, gadewch i ni mewn gwirionedd yn gweld.

400
00:18:31,490 --> 00:18:32,790
Ffurflen.

401
00:18:32,790 --> 00:18:33,910
Gweithredu.

402
00:18:33,910 --> 00:18:37,660
Mae'r camau gweithredu y ffurflen hon, am ba bynnag
resymau hanesyddol, yw bod URL.

403
00:18:37,660 --> 00:18:38,840
Dull yw "swydd."

404
00:18:38,840 --> 00:18:44,060
Troi allan y gall ceisiadau HTTP ddefnyddio
y ferf "ei gael," fel y gwelsom o'r blaen,

405
00:18:44,060 --> 00:18:45,070
neu "post."

406
00:18:45,070 --> 00:18:47,030
A bydd yn gweld gwahaniaeth
o hyn mewn munud.

407
00:18:47,030 --> 00:18:48,363
Gadewch i ni mewn gwirionedd yn gweld beth mae hyn yn.

408
00:18:48,363 --> 00:18:49,830
Gadewch i mi fynd yn ôl i'r dudalen Stanford.

409
00:18:49,830 --> 00:18:53,330
Pa ffurf y maent yn siarad
am, yn eich barn chi?

410
00:18:53,330 --> 00:18:54,485
Beth neidio allan ar chi?

411
00:18:54,485 --> 00:18:54,970
>> GYNULLEIDFA: bocs Chwilio.

412
00:18:54,970 --> 00:18:55,845
>> DAVID J. Malan: Yeah.

413
00:18:55,845 --> 00:18:58,410
Felly, i fyny yn y dde uchaf
dyma y blwch Chwilio.

414
00:18:58,410 --> 00:19:02,441
A dyna sut y maent yn rhoi ar waith iddo-- yn
tag sy'n llythrennol ffurf agored braced.

415
00:19:02,441 --> 00:19:03,940
Ac yna gadewch i ni chwilio am rywbeth.

416
00:19:03,940 --> 00:19:09,220
Gadewch i ni chwilio am buddy
o mine-- "Nick Parlante."

417
00:19:09,220 --> 00:19:11,380
Enter.

418
00:19:11,380 --> 00:19:13,750
Ac wrth gwrs, mae'n mynd i
URL ychydig yn wahanol.

419
00:19:13,750 --> 00:19:15,140
Gadewch i mi fynd yn ôl yma.

420
00:19:15,140 --> 00:19:18,960
Gadewch i ni chwilio am "cyrsiau."

421
00:19:18,960 --> 00:19:19,460
Damn hi.

422
00:19:19,460 --> 00:19:20,484
Mynd i'r URL gwahanol.

423
00:19:20,484 --> 00:19:23,400
Felly, Stanford ychwanegu rhai hud
nad ydynt yn cymryd i mi URL

424
00:19:23,400 --> 00:19:25,820
a welsom yn y
gweithredu priodoli yno.

425
00:19:25,820 --> 00:19:32,480
Ond y ffurflen hon yma yn cael ei weithredu yn unig
drwy gyfrwng markup hyn yma, tagiau hyn.

426
00:19:32,480 --> 00:19:35,710
Yn wir, dyma y mewnbwn ar gyfer
y math o chwiliad a 'ch angen.

427
00:19:35,710 --> 00:19:38,940
Dyma'r mewnbwn ar gyfer
math arall o chwilio.

428
00:19:38,940 --> 00:19:41,960
Dyma 'r mewnbwn ar gyfer y llinyn ei hun.

429
00:19:41,960 --> 00:19:45,394
Ac felly nid yw'r nod yw i lapio
ein meddyliau o gwmpas pob un o'r rhain yn tagiau

430
00:19:45,394 --> 00:19:46,060
ond dim ond i weld.

431
00:19:46,060 --> 00:19:48,300
Mae'n jyst agor a chau
tagiau ac yn edrych pethau i fyny.

432
00:19:48,300 --> 00:19:48,560
Yeah?

433
00:19:48,560 --> 00:19:48,920
Victoria?

434
00:19:48,920 --> 00:19:49,795
>> GYNULLEIDFA: [Anghlywadwy]

435
00:19:49,795 --> 00:19:51,925

436
00:19:51,925 --> 00:19:53,550
DAVID J. Malan: Mae hynny'n gwestiwn da.

437
00:19:53,550 --> 00:19:54,660
Dyna ychydig yn anoddach i'w gweld.

438
00:19:54,660 --> 00:19:56,300
Gadewch i mi ddod yn ôl at hynny
cwestiwn mewn dim ond ychydig funudau

439
00:19:56,300 --> 00:19:59,000
pan fyddwn yn edrych ar rywbeth a elwir yn
taflenni CSS, neu arddull rhaeadrol,

440
00:19:59,000 --> 00:20:02,500
a gallwn geisio infer
gymaint o'r dudalen.

441
00:20:02,500 --> 00:20:08,090
Felly, os ydym yn awr yn cymryd golwg ar google.com,
gadewch i ni weld beth yw eu dudalen yn edrych fel.

442
00:20:08,090 --> 00:20:09,840
Byddech they're-- sy'n cute heddiw.

443
00:20:09,840 --> 00:20:12,490

444
00:20:12,490 --> 00:20:12,990
IAWN.

445
00:20:12,990 --> 00:20:13,690
Pob wneud.

446
00:20:13,690 --> 00:20:15,260
Mae pob hawl, felly View Ffynhonnell.

447
00:20:15,260 --> 00:20:19,590
Byddech yn meddwl Google wedi
cod ffynhonnell neis iawn.

448
00:20:19,590 --> 00:20:24,970
Felly, mae'n debyg, yr hyn sy'n digwydd yma?

449
00:20:24,970 --> 00:20:27,880
Ac yn wir, nid yw hyn yn hyd yn oed yn HTML.

450
00:20:27,880 --> 00:20:30,930
Mae hyn yn rhywbeth o'r enw JavaScript.

451
00:20:30,930 --> 00:20:32,344
A gadewch i ni gadw i fynd ac yn mynd.

452
00:20:32,344 --> 00:20:34,010
Dydw i ddim hyd yn oed yn gwybod lle mae'r dudalen yn dechrau.

453
00:20:34,010 --> 00:20:37,240
Rydw i'n mynd i ddefnyddio Command
F, HTML braced agored.

454
00:20:37,240 --> 00:20:38,200
Mae pob hawl, yno y mae.

455
00:20:38,200 --> 00:20:44,150
Roedd dechrau'r dudalen, ac
mae cymaint o bethau i mewn yma.

456
00:20:44,150 --> 00:20:45,310
>> Beth mewn gwirionedd yn digwydd?

457
00:20:45,310 --> 00:20:47,460
Wel, chi'n gwybod beth,
gallwn glanhau hyn i fyny.

458
00:20:47,460 --> 00:20:52,109
Os byddaf yn lle hynny yn mynd â hyn Archwilio
bar offer, yr offeryn diagnostig arbennig,

459
00:20:52,109 --> 00:20:54,150
ac na ddos ​​i rwydweithio,
lle rydym yn cadw mynd heddiw,

460
00:20:54,150 --> 00:20:56,420
ond os byddaf yn mynd i'r Elfennau,
beth sy'n neis iawn

461
00:20:56,420 --> 00:20:59,990
yw bod porwr wedi llawer
llygaid llawer gwell nag yr oeddwn yn ei wneud.

462
00:20:59,990 --> 00:21:02,670
A gall y porwr ddarllen
bod llanast o dudalen we,

463
00:21:02,670 --> 00:21:04,700
hynny bost HTML rydym yn unig
yn edrych ar, ac mae'n gallu

464
00:21:04,700 --> 00:21:08,340
dosrannu iddo neu ddarllen ac
dadansoddi a ailfformatio ei

465
00:21:08,340 --> 00:21:09,910
mewn ffordd ddynol-gyfeillgar 'n glws.

466
00:21:09,910 --> 00:21:11,740
Felly beth dw i'n ei weld yn awr
yn y sgrin hon yma

467
00:21:11,740 --> 00:21:15,470
dan Elfennau, yr un cynnwys union,
ond maen nhw wedi mewnoli popeth,

468
00:21:15,470 --> 00:21:18,140
maen nhw wedi colorized, ond
'i' yr un testun yn union

469
00:21:18,140 --> 00:21:19,620
fy mod yn llwytho i lawr o'r gweinydd.

470
00:21:19,620 --> 00:21:23,630
>> A beth braf yn awr yw gallaf weld
yn y corff, er rybudd instance--,

471
00:21:23,630 --> 00:21:26,480
mae'r dudalen yn dal i chyfansoddi
o ychydig pen a chorff,

472
00:21:26,480 --> 00:21:28,660
a gallaf hierarchaidd blymio i mewn yma.

473
00:21:28,660 --> 00:21:32,420
Sylwch fod Google yn ymddangos i gael
i divs-- hwn ac mae hyn yn un.

474
00:21:32,420 --> 00:21:33,310
Gallaf ehangu hynny.

475
00:21:33,310 --> 00:21:35,370
Mae criw cyfan o divs eraill.

476
00:21:35,370 --> 00:21:36,900
Felly, mae'n ychydig yn gymhleth.

477
00:21:36,900 --> 00:21:37,400
Ond arhoswch.

478
00:21:37,400 --> 00:21:40,970
Mae hyn yn ymddangos yn llawer mwy
ddarllenadwy, yn gymharol, na hyn.

479
00:21:40,970 --> 00:21:43,840
Pam fod Google embaras
ei hun at jyst anfon

480
00:21:43,840 --> 00:21:50,400
hwn llanast enfawr o god rhai
didoli yn unig i weithredu rhywbeth

481
00:21:50,400 --> 00:21:53,640
sy'n edrych mor syml ar yr olwg gyntaf?

482
00:21:53,640 --> 00:21:55,270
Fel, pam nad ydynt yn ychwanegu rhagor o leoedd?

483
00:21:55,270 --> 00:21:56,811
Pam na wnaethon nhw daro Chofnoda fel y gwnes i?

484
00:21:56,811 --> 00:21:59,110
Edrychwch pa mor dda yr oeddwn yn
yn ysgrifennu tudalen ar y we.

485
00:21:59,110 --> 00:22:00,680
Rwy'n daro Chofnoda mor ddiwyd.

486
00:22:00,680 --> 00:22:03,760
Yr wyf yn mewnoli felly mae popeth
mor bert ac yn ddarllenadwy.

487
00:22:03,760 --> 00:22:08,463
Pam mae Google yn ymarfer yr un fath?

488
00:22:08,463 --> 00:22:11,409
>> GYNULLEIDFA: [Anghlywadwy]

489
00:22:11,409 --> 00:22:12,305

490
00:22:12,305 --> 00:22:13,180
DAVID J. Malan: Da.

491
00:22:13,180 --> 00:22:14,270
deg iawn.

492
00:22:14,270 --> 00:22:16,650
Nid ydynt yn cael rhywfaint o
person yn Google llaw

493
00:22:16,650 --> 00:22:18,160
diweddaru'r dudalen cartref anymore.

494
00:22:18,160 --> 00:22:20,010
Dyw hi ddim yn 1999 anymore.

495
00:22:20,010 --> 00:22:21,140
Fel bod ganddynt meddalwedd.

496
00:22:21,140 --> 00:22:25,397
Mae ganddynt offer eraill sy'n
cynhyrchu ddynamig maent yn HTML.

497
00:22:25,397 --> 00:22:27,480
Wrth gwrs, y cod ei hun
ei ysgrifennu gan bobl,

498
00:22:27,480 --> 00:22:30,220
ond y gwir yw,
mae'n eithaf deg dweud,

499
00:22:30,220 --> 00:22:33,340
y porwr yn sicr nid yw'n
ofal pa mor flêr mae'r cod yn.

500
00:22:33,340 --> 00:22:35,940
Ond mae 'na hyd yn oed mwy
rheswm technegol cymhellol

501
00:22:35,940 --> 00:22:42,580
bod Google yn dosbarthu eu HTML
cod yn sloppy o'r fath, yn ôl pob golwg

502
00:22:42,580 --> 00:22:48,350
ffordd llethol i gyd yn llawn gyda'i gilydd
gydag ychydig iawn o way-- ychydig iawn

503
00:22:48,350 --> 00:22:51,274
yn y ffordd o fformatio fel y gwnes.

504
00:22:51,274 --> 00:22:52,570
>> GYNULLEIDFA: [Anghlywadwy]

505
00:22:52,570 --> 00:22:53,528
>> DAVID J. Malan: Hymprydiwr?

506
00:22:53,528 --> 00:22:54,040
Pam?

507
00:22:54,040 --> 00:22:55,680
A beth wnaethoch chi ei ddweud, Lydia?

508
00:22:55,680 --> 00:22:56,240
Cyflymach?

509
00:22:56,240 --> 00:22:57,281
Pam gyflymach?

510
00:22:57,281 --> 00:22:58,156
GYNULLEIDFA: [Anghlywadwy]

511
00:22:58,156 --> 00:23:00,522

512
00:23:00,522 --> 00:23:02,230
DAVID J. Malan: Mae
dim lle i ddarllen.

513
00:23:02,230 --> 00:23:02,730
Yeah.

514
00:23:02,730 --> 00:23:04,560
Felly, meddyliwch am yr hyn y mae gofod yn.

515
00:23:04,560 --> 00:23:08,394
Felly mae gan bob cymeriad ar y bysellfwrdd yn cymryd
rhyw faint o ofod i gynrychioli,

516
00:23:08,394 --> 00:23:10,560
naill ai'n gorfforol, yn ei hoffi
yn cymryd bod llawer o le,

517
00:23:10,560 --> 00:23:13,250
neu rhywsut o dan y
cwfl, sy'n gofyn cof.

518
00:23:13,250 --> 00:23:15,740
Ac fel aside-- ac rydym annhymerus '
siarad mwy am tomorrow-- hwn

519
00:23:15,740 --> 00:23:19,930
pob cymeriad ar y bysellfwrdd
fel arfer yn ei gwneud yn ofynnol 8 did, neu un beit.

520
00:23:19,930 --> 00:23:23,360
Felly patrwm o 8 zeros neu
rai, neu dim ond 1 beit, wrth i ni

521
00:23:23,360 --> 00:23:24,720
Byddai pobl fel arfer yn dweud.

522
00:23:24,720 --> 00:23:27,690
Felly dyna fach, ond
mae'n dal heb fod yn sero.

523
00:23:27,690 --> 00:23:29,940
Mae'n dal i fod rhyw faint o ofod.

524
00:23:29,940 --> 00:23:36,082
Felly os peiriannydd neu Google hits
y bar gofod unwaith yn unig, ac mae'n debyg

525
00:23:36,082 --> 00:23:38,540
Google-- mae'n super-popular--
Mae'n debyg fod biliwn o bobl

526
00:23:38,540 --> 00:23:40,780
fynd i'w hafan y dydd,
neu ryw nifer o bobl

527
00:23:40,780 --> 00:23:43,290
ewch i'r dudalen cartref
biliwn gwaith y dydd,

528
00:23:43,290 --> 00:23:48,890
faint o bytes ychwanegol wedi bod
peiriannydd meddalwedd yn unig yn costio Google

529
00:23:48,890 --> 00:23:51,310
gan daro ei le bar unwaith?

530
00:23:51,310 --> 00:23:52,692
>> GYNULLEIDFA: [Anghlywadwy]

531
00:23:52,692 --> 00:23:54,150
DAVID J. Malan: Ddim yn hollol y drwg.

532
00:23:54,150 --> 00:23:57,070
Dim ond un o weithiau beit biliwn.

533
00:23:57,070 --> 00:23:57,871
felly a--

534
00:23:57,871 --> 00:23:59,120
GYNULLEIDFA: 8 yn biliwn o gigabeit.

535
00:23:59,120 --> 00:24:00,370
DAVID J. Malan: 8 Nid biliwn.

536
00:24:00,370 --> 00:24:01,240
8 biliwn o bytes.

537
00:24:01,240 --> 00:24:02,410
Ond 1 gigabeit.

538
00:24:02,410 --> 00:24:04,080
Byddai 1 gigabyte yn yr uned o fesur.

539
00:24:04,080 --> 00:24:08,240
Os yw ef neu hi yn gwneud dau
mannau, 2 gigabeit.

540
00:24:08,240 --> 00:24:09,030
Tair gigabeit.

541
00:24:09,030 --> 00:24:09,530
Iawn?

542
00:24:09,530 --> 00:24:11,860
Mae'n graddfeydd ddrud.

543
00:24:11,860 --> 00:24:16,150
Ac felly mewn achosion fel Google,
sydd, a roddwyd, yn achosion eithafol,

544
00:24:16,150 --> 00:24:21,450
mae materion eraill sy'n codi yn unig
drwy wneud penderfyniadau rhesymol iawn

545
00:24:21,450 --> 00:24:25,744
neu gymryd camau dynol syml iawn,
oherwydd y mae'n cael effaith chwyddo hwn.

546
00:24:25,744 --> 00:24:27,660
Felly un o'r rhesymau
mae hyn yn edrych mor cywasgedig

547
00:24:27,660 --> 00:24:30,660
yn union fel y Victoria said-- ei fod yn
jyst a gynhyrchir gan gyfrifiaduron beth bynnag.

548
00:24:30,660 --> 00:24:31,900
Felly nid oes llawer mawr.

549
00:24:31,900 --> 00:24:33,309
Gadewch y porwr chyfrif 'ii maes.

550
00:24:33,309 --> 00:24:35,350
Ond mae hefyd yn fwriadol
Nid oes llawer o le,

551
00:24:35,350 --> 00:24:36,766
oherwydd nad oedd y lle yn angenrheidiol.

552
00:24:36,766 --> 00:24:38,250
A'r gofod mewn gwirionedd yn costio arian.

553
00:24:38,250 --> 00:24:40,670
>> Mae'n naill ai yn costio amser,
oherwydd dim ond i wthio

554
00:24:40,670 --> 00:24:44,670
bod llawer mwy o ddata allan o
pencadlys google.com yn unig

555
00:24:44,670 --> 00:24:47,710
wedi mynd i gymryd rhai faint o
amser, hyd yn oed os yw'n milieiliadau

556
00:24:47,710 --> 00:24:51,190
neu microseconds, ond sy'n ychwanegu hyd
dros gynifer o ddefnyddwyr, neu'n fwy tebygol,

557
00:24:51,190 --> 00:24:52,270
mae'n debyg yn costio arian.

558
00:24:52,270 --> 00:24:54,690
yn ôl pob tebyg Google yn cysylltu i'r
rhywun arall yn y byd, un

559
00:24:54,690 --> 00:24:56,398
o'r rheiny weld beth
pwyntiau, ac os oes ganddynt

560
00:24:56,398 --> 00:24:59,880
rhyw fath o berthynas ariannol
lle yn costio eu data arian,

561
00:24:59,880 --> 00:25:01,730
gallent hefyd
lleihau faint o ddata

562
00:25:01,730 --> 00:25:04,530
maent yn poeri allan ar
eu cysylltiad rhyngrwyd.

563
00:25:04,530 --> 00:25:07,630
>> Felly, y peth rhyfedd, fodd bynnag, yn y pen draw,
neu efallai y peth galonogol,

564
00:25:07,630 --> 00:25:11,030
yw bod hyd yn oed er bod hyn yn edrych yn ofnadwy
llethol, ar ddiwedd y dydd,

565
00:25:11,030 --> 00:25:16,750
mae'n dal i fod yr un egwyddorion ag union
y dudalen hon yn syml iawn yma o HTML

566
00:25:16,750 --> 00:25:17,390
dudalen.

567
00:25:17,390 --> 00:25:20,610
Felly, dim ond i grynhoi ac fel eich bod yn
gael fersiwn canonaidd os nad oeddech

568
00:25:20,610 --> 00:25:25,900
ganlynol ynghyd drwy ddewis fan hyn, fan hyn
Efallai fod y mwyaf syml o dudalennau gwe,

569
00:25:25,900 --> 00:25:28,240
felly rhywbeth i chwarae gyda efallai yn ddiweddarach.

570
00:25:28,240 --> 00:25:30,790
>> Wel, gadewch i ni gyflwyno
cwpl o syniadau eraill yn awr.

571
00:25:30,790 --> 00:25:33,420
Rydym ni ar fin cyflwyno
rhywbeth a elwir yn tag arddull.

572
00:25:33,420 --> 00:25:38,110
Gallwn stylize y dudalen hon
mewn ffyrdd mwy diddorol.

573
00:25:38,110 --> 00:25:40,860
Felly er y HTML email
yn ymwneud â marcio i fyny

574
00:25:40,860 --> 00:25:44,470
data, math o bennu i
porwr sut i strwythuro'r data,

575
00:25:44,470 --> 00:25:48,110
ble i roi, CSS, neu
dalennau arddull rhaeadrol,

576
00:25:48,110 --> 00:25:52,640
yn ail iaith sy'n
Yn gyffredinol, yn cael cymysg gyda HTML

577
00:25:52,640 --> 00:25:55,670
gan y byddwn see-- ond gallwn lanhau
bod hyd mewn moment-- sy'n cymryd

578
00:25:55,670 --> 00:25:59,850
mae'n y filltir olaf, ac mae'n stylizes iddo.

579
00:25:59,850 --> 00:26:02,460
Mae'n cael y lliwiau yn iawn,
y ffont maint yn iawn,

580
00:26:02,460 --> 00:26:03,860
lleoli yn iawn.

581
00:26:03,860 --> 00:26:06,510
Mae hyn i gyd am y estheteg
neu fformatio, nid am

582
00:26:06,510 --> 00:26:08,330
mae'r data sylfaenol ei hun.

583
00:26:08,330 --> 00:26:11,390
A'r ffordd hawsaf i ddangos
mae hyn yn bosibl drwy esiampl.

584
00:26:11,390 --> 00:26:15,320
Felly, yr wyf i'n mynd i fynd dros
i fy ffeil testun syml.

585
00:26:15,320 --> 00:26:17,970
Ac mewn dim ond hyn o bryd, 'n annhymerus'
cerdded i ni drwy'r broses

586
00:26:17,970 --> 00:26:19,360
o wneud hyn ein hunain.

587
00:26:19,360 --> 00:26:23,310
>> Rydw i'n mynd i fynd yn ôl at fy ffeil
yma ac ail-lwytho'r dudalen yn unig

588
00:26:23,310 --> 00:26:25,800
i gadarnhau sut mae'n edrych.

589
00:26:25,800 --> 00:26:27,190
Dyna lle ein bod ni'n ar hyn o bryd.

590
00:26:27,190 --> 00:26:31,170
Rwy'n teimlo fel y byddai plant yn mwynhau
cael rhywfaint o liw i'r dudalen we hon.

591
00:26:31,170 --> 00:26:34,480
Felly, yr wyf i'n mynd i fynd i fyny yma
i ben y dudalen.

592
00:26:34,480 --> 00:26:38,130
Ac yr wyf i'n mynd i wneud arddull, / arddull.

593
00:26:38,130 --> 00:26:44,060
Ac yna y tu mewn o hyn, yr wyf i'n mynd
i ddweud wrth y corff fy page--

594
00:26:44,060 --> 00:26:46,870
a fformadu hyn yn, yn
olwg gyntaf, efallai ychydig yn

595
00:26:46,870 --> 00:26:49,400
rhyfedd ond confensiynol.

596
00:26:49,400 --> 00:26:55,010
Rydw i'n mynd i ddweud bod y cefndir
Dylai lliw y dudalen hon fod yn wyrdd.

597
00:26:55,010 --> 00:26:57,960
Ac mae hyn yn anffodus
math o nid oedd y cynllun gorau.

598
00:26:57,960 --> 00:27:00,710
Sylwch fod o'r blaen
ym myd HTML,

599
00:27:00,710 --> 00:27:03,190
Dywedais fod priodoleddau
yw'r rhain parau allweddol-werth.

600
00:27:03,190 --> 00:27:05,760
Rhywbeth yn dychwelyd dyfyniad
unquote "rhywbeth."

601
00:27:05,760 --> 00:27:08,810
Ym myd CSS, a oedd yn
a gynlluniwyd gan rai bobl wahanol,

602
00:27:08,810 --> 00:27:11,020
maent yn penderfynu, yn eu
byd, parau allweddol-werth

603
00:27:11,020 --> 00:27:13,920
Byddai yn rhywbeth colon geiriau.

604
00:27:13,920 --> 00:27:15,220
Felly mae'n yr un syniad, er.

605
00:27:15,220 --> 00:27:18,620
Mae'n cysylltu gwerth
gyda rhai allweddol sy'n rhywsut

606
00:27:18,620 --> 00:27:20,330
yn dylanwadu ar ymddygiad y dudalen hon.

607
00:27:20,330 --> 00:27:21,901
>> Ac mae'n debyg y gallwch ddyfalu.

608
00:27:21,901 --> 00:27:24,150
Beth mae'n debyg mae hyn yn mynd
i wneud hyd yn oed os ydych chi wedi byth

609
00:27:24,150 --> 00:27:27,867
gweld HTML neu CSS o'r blaen?

610
00:27:27,867 --> 00:27:29,450
GYNULLEIDFA: newid lliw'r cefndir.

611
00:27:29,450 --> 00:27:30,560
DAVID J. Malan: Yeah,
newid lliw cefndir.

612
00:27:30,560 --> 00:27:33,280
Ac yn benodol yr
cefndir lliw y corff.

613
00:27:33,280 --> 00:27:36,290
Ond i'r graddau y mae'r
corff ar gyfer yn awr yw y we

614
00:27:36,290 --> 00:27:38,870
page-- mae'n yr unig beth
islaw'r really-- teitl bar

615
00:27:38,870 --> 00:27:40,870
Mae'n debyg ei fod yn mynd i
dylanwadu ar yr un peth.

616
00:27:40,870 --> 00:27:41,430
Felly gadewch i ni weld.

617
00:27:41,430 --> 00:27:42,490
Gadewch i ni achub y.

618
00:27:42,490 --> 00:27:44,310
Ewch yma ac ail-lwytho.

619
00:27:44,310 --> 00:27:46,140
Mae'n eithaf erchyll.

620
00:27:46,140 --> 00:27:48,070
A beth sy'n digwydd
dyma sgîl-effaith.

621
00:27:48,070 --> 00:27:49,850
Fi jyst dewis y ddelwedd hon ar hap.

622
00:27:49,850 --> 00:27:53,305
Pam nad yw y gwyrdd
treiddio y tu ôl i Mickey?

623
00:27:53,305 --> 00:27:54,180
GYNULLEIDFA: [Anghlywadwy]

624
00:27:54,180 --> 00:27:56,880

625
00:27:56,880 --> 00:27:57,880
DAVID J. Malan: Yn union.

626
00:27:57,880 --> 00:28:01,750
Mae'n ymddangos bod delweddau, 'n bert
lawer holl ddelweddau y gallem eu defnyddio,

627
00:28:01,750 --> 00:28:03,670
i gyd yn rectangles-- petryalau.

628
00:28:03,670 --> 00:28:07,710
Hyd yn oed os oes gan Mickey rai cromliniau
i ei hun ac mae ganddi gefndir,

629
00:28:07,710 --> 00:28:09,330
y cefndir wedi i fod yn rhywbeth.

630
00:28:09,330 --> 00:28:10,280
Mae'n rhaid iddo fod yn wyn.

631
00:28:10,280 --> 00:28:11,910
Mae'n rhaid iddo fod yn ddu neu rywbeth arall.

632
00:28:11,910 --> 00:28:13,650
Gall fod yn dryloyw.

633
00:28:13,650 --> 00:28:16,100
Ac yn wir, gallwn
agor Mickey Mouse yma

634
00:28:16,100 --> 00:28:18,590
mewn rhaglen o'r enw Photoshop
neu rywbeth tebyg

635
00:28:18,590 --> 00:28:21,176
a newid hynny i gyd yn wyn
cefndir tryloyw,

636
00:28:21,176 --> 00:28:22,550
felly byddai'r gwyrdd ddisgleirio trwy.

637
00:28:22,550 --> 00:28:25,980
Ond mae hynny'n rhywbeth byddai angen i mi
i ofyn fy hun neu artist graffig

638
00:28:25,980 --> 00:28:28,130
neu ddylunydd ar fy
cwmni, er enghraifft,

639
00:28:28,130 --> 00:28:31,490
i'w wneud, yn enwedig gan fy mod jyst
benthyg yr un yma oddi ar y rhyngrwyd.

640
00:28:31,490 --> 00:28:33,030
Ond dyna pam mae hyn yn digwydd.

641
00:28:33,030 --> 00:28:34,980
>> Felly beth arall y mae arnom eisiau ei wneud?

642
00:28:34,980 --> 00:28:41,040
Wel, efallai y byddwn yn awyddus i ddweud ein
n sylweddol yn gobeithio y byddwch yn mwynhau eich arhosiad.

643
00:28:41,040 --> 00:28:44,150
Ac ar gyfer pwyslais, yr wyf am
i wneud hyn yn gryf,

644
00:28:44,150 --> 00:28:48,310
ac felly byddaf yn dweud agored cryf a
cau gryf ac yna ail-lwytho.

645
00:28:48,310 --> 00:28:50,320
Ac mae'n ychydig yn anodd
i weld ar y taflunydd

646
00:28:50,320 --> 00:28:53,250
ond efallai mewn gwirionedd yn awr
neidio allan ar chi ychydig yn fwy.

647
00:28:53,250 --> 00:28:56,180
Felly, gallwch chi ychwanegu llythrennau italig yn hyn
ffordd, wynebu print trwm yn y modd hwn.

648
00:28:56,180 --> 00:28:57,500
Gallem newid y lliwiau.

649
00:28:57,500 --> 00:29:01,610
Mewn gwirionedd, dim ond ar gyfer cychwyn, rwy'n
mynd i fynd yn ei flaen ac yn gwneud hyn.

650
00:29:01,610 --> 00:29:05,120
Dwi ddim yn hoffi sut mae fy
paragraffau yn agos hwn at ei gilydd,

651
00:29:05,120 --> 00:29:06,870
felly efallai y byddwn yn gwneud rhywbeth fel hyn.

652
00:29:06,870 --> 00:29:13,310
Rydw i'n mynd i ddweud wrth y porwr,
newid bob paragraff tagiau i gael,

653
00:29:13,310 --> 00:29:16,952
gadewch i ni say-- gwirionedd, eich bod yn gwybod beth,
gadewch i ni alinio testun-alinio, canolfan.

654
00:29:16,952 --> 00:29:19,410
Ac eto, yr wyf yn gwybod hyn yn unig
oherwydd i rywun ddysgu i mi

655
00:29:19,410 --> 00:29:21,118
neu yr wyf yn edrych i fyny mewn
geirda ar-lein.

656
00:29:21,118 --> 00:29:22,450
Felly, gadewch i mi achub hyn.

657
00:29:22,450 --> 00:29:25,070
Ac, AH, yn awr yr wyf i wedi
sy'n canolbwyntio ar y ddelwedd yno.

658
00:29:25,070 --> 00:29:28,490
Ac mewn gwirionedd, eich bod yn gwybod beth, os
Byddaf yn symud fy llun i mewn i baragraff

659
00:29:28,490 --> 00:29:34,510
tag-- felly trydydd paragraff,
hyd yn oed er nad yw'n destun.

660
00:29:34,510 --> 00:29:36,917
Gadewch i ni ac eithrio bod ac yn ail-lwytho.

661
00:29:36,917 --> 00:29:40,000
Nawr bod y dudalen yn dechrau edrych yn garedig
o- Yr wyf yn golygu, mae'n dal i fod yn eithaf hyll,

662
00:29:40,000 --> 00:29:43,180
ond o leiaf mae'n edrych fel Treuliais
dau funud yn lle un munud

663
00:29:43,180 --> 00:29:43,950
gan ei gwneud yn.

664
00:29:43,950 --> 00:29:47,200
>> Ac felly, yn raddol, gallwn wneud
newidiadau esthetig hyn yn awr at y dudalen?

665
00:29:47,200 --> 00:29:50,860
Dydw i ddim wedi newid mewn gwirionedd y data yn y
dudalen ar wahân i ychwanegu'r gair mewn gwirionedd.

666
00:29:50,860 --> 00:29:52,650
Rwyf wedi ychwanegu metadata, os mynnwch.

667
00:29:52,650 --> 00:29:54,830
Hey, porwr, yn gwneud y
gair "mewn gwirionedd" beiddgar.

668
00:29:54,830 --> 00:29:56,940
Ond nid yw'r data yn gryf.

669
00:29:56,940 --> 00:29:57,830
Dyna metadata.

670
00:29:57,830 --> 00:29:59,410
Mae'r data'n "mewn gwirionedd."

671
00:29:59,410 --> 00:30:02,200
Felly, rydym yn dal i gael rhywfaint o
yr un cysyniadau ag o'r blaen.

672
00:30:02,200 --> 00:30:05,990
Yn awr, wrth gwrs, nid yw hyn yn ar y we,
felly dwi'n mynd i wneud un cam olaf yma.

673
00:30:05,990 --> 00:30:10,300
>> Rydw i'n mynd i fynd i hello.html
a dim ond tynnu sylw at a chopïo hyn.

674
00:30:10,300 --> 00:30:12,285
Ac yn awr yr wyf i'n mynd i
mynd i mewn i Cloud9, a oedd yn

675
00:30:12,285 --> 00:30:13,910
'N annhymerus' cerdded i chi drwy mewn dim ond hyn o bryd.

676
00:30:13,910 --> 00:30:17,080
Ac groes yn y byddwch yn fuan yn, os
nad yw eisoes, ar sgrin fel hyn.

677
00:30:17,080 --> 00:30:21,080
A gadewch i mi dim ond rhoi i chi yn gyflym
taith o amgylch yr hyn Cloud9 mewn gwirionedd.

678
00:30:21,080 --> 00:30:26,590
Felly eto cwmwl 9 yn
y gwasanaeth hwn sy'n seiliedig ar cwmwl-

679
00:30:26,590 --> 00:30:30,580
sy'n rhoi'r argraff i chi a fi
o gael ein peiriant rhithwir hunain

680
00:30:30,580 --> 00:30:33,090
yn y cwmwl, yn dechnegol
cynhwysydd yn y cwmwl,

681
00:30:33,090 --> 00:30:35,160
bod gennym llawn
breintiau gweinyddol i.

682
00:30:35,160 --> 00:30:37,130
Felly mewn theori, nid oes unrhyw un
arall yn y byd wedi

683
00:30:37,130 --> 00:30:39,152
mynediad at y sgrin rwy'n
yn edrych ar hyn o bryd,

684
00:30:39,152 --> 00:30:40,860
ac eithrio efallai y bobl
sy'n rhedeg y safle,

685
00:30:40,860 --> 00:30:43,470
gan fod yn dechnegol ganddynt
mynediad corfforol ac yn y blaen.

686
00:30:43,470 --> 00:30:44,740
>> Felly beth ydym yn ei weld yn yr amgylchedd hwn?

687
00:30:44,740 --> 00:30:46,230
Rydw i'n mynd i chwyddo allan,
am ei fod yn ychydig yn fach.

688
00:30:46,230 --> 00:30:48,104
A gadewch i mi dynnu drosodd
yma am ychydig funudau'n.

689
00:30:48,104 --> 00:30:53,210
Ar yr ochr chwith fy a'ch
sgrin, mae 'na porwr ffeiliau yn chwith.

690
00:30:53,210 --> 00:30:55,362
Mor debyg mewn ysbryd
i Mac OS a Ffenestri.

691
00:30:55,362 --> 00:30:57,070
Mae'r rhain i gyd o'r
Ffeiliau yn fy nghyfrif.

692
00:30:57,070 --> 00:30:59,250
Ac at ball, os yw eich
cyfrif yn debyg i mi,

693
00:30:59,250 --> 00:31:05,090
byddwch yn gweld neu yn fuan yn gweld
helloworld.html a readme.md.

694
00:31:05,090 --> 00:31:07,950
Dros yma ar y dde, mae hyn yn
lle mae fy ffeiliau testun yn mynd i fynd.

695
00:31:07,950 --> 00:31:11,620
Os ydych chi wedi defnyddio erioed Microsoft
Gair neu Notepad neu TextEdit,

696
00:31:11,620 --> 00:31:14,100
mae hyn yn air fy golygu
o ffeiliau yn mynd i fynd.

697
00:31:14,100 --> 00:31:16,540
Ac yna y mwyaf dirgel
nodwedd o'r amgylchedd hwn

698
00:31:16,540 --> 00:31:20,100
na fydd gwir angen inni ddefnyddio yw
lawr yma a elwir yn Ffenestr Terfynell.

699
00:31:20,100 --> 00:31:23,390
Os ydych chi wedi defnyddio DOS o
a fu, dyma 'r Linux

700
00:31:23,390 --> 00:31:25,450
neu Linux cyfateb DOS.

701
00:31:25,450 --> 00:31:28,190
Mae'n interface-- sy'n seiliedig ar destun
dim llygoden chleciau, dim llusgo.

702
00:31:28,190 --> 00:31:30,770
Cyfan y gallwch ei wneud yw teipio
gorchmynion, ond gorchmynion y rhai

703
00:31:30,770 --> 00:31:34,400
Gall greu ffeiliau, symud ffeiliau, agor
cyfeirlyfrau, cyfeirlyfrau agos,

704
00:31:34,400 --> 00:31:35,740
gwneud unrhyw nifer o bethau.

705
00:31:35,740 --> 00:31:38,060
Ond am nawr, rydym annhymerus unig
treulio ein hamser yma.

706
00:31:38,060 --> 00:31:39,050
>> Ac felly gadewch i ni wneud hyn.

707
00:31:39,050 --> 00:31:41,008
Os ydych yn y
amgylchedd, a dylech

708
00:31:41,008 --> 00:31:45,900
fod os ydych wedi creu lle gwaith
eisoes, mynd yn ei flaen a dim ond yn mynd i fyny

709
00:31:45,900 --> 00:31:48,690
i File, New am funud.

710
00:31:48,690 --> 00:31:51,740
A fydd yn rhoi i chi newydd
tab iawn yma yn y canol.

711
00:31:51,740 --> 00:31:54,250
Ac yr wyf yn just-- a gadewch i ni
mynd yn ei flaen ac yn gwneud hyn.

712
00:31:54,250 --> 00:31:59,910
Gadewch i ni fynd yn ei flaen ac yn awr yn Ffeil, Achub
a mynd yn ei flaen a galw yn hello.html,

713
00:31:59,910 --> 00:32:02,740
ni ddylid ei gymysgu gyda
helloworld.html, a oedd yn

714
00:32:02,740 --> 00:32:06,910
ddaeth gyda'ch cyfrif am ddim newydd,
sydd ychydig ffeil sampl.

715
00:32:06,910 --> 00:32:11,020
Byddwch yn gweld ei fod yn ymddangos yn sydyn,
mwyaf tebygol ar yr ochr chwith,

716
00:32:11,020 --> 00:32:12,810
a bydd y tab dal i fod ar agor.

717
00:32:12,810 --> 00:32:21,300
A gadewch i mi eich annog yn awr i ail-greu
ffeil hwn neu ryw amrywiadau hynny.

718
00:32:21,300 --> 00:32:24,607
Ac os na allwch chi yn eithaf ei weld ar y
sgrin, mae hyn yn union yr un fath i'r sleidiau

719
00:32:24,607 --> 00:32:26,190
eich bod yn debyg bod gennych mewn tab arall.

720
00:32:26,190 --> 00:32:29,296
>> Felly, yn fyr, yn gwneud eich tudalen we gyntaf,
cadwch hi, ac yna mewn dim ond hyn o bryd,

721
00:32:29,296 --> 00:32:31,170
Byddaf yn dangos i chi sut yr ydych yn
Gall mewn gwirionedd weld y.

722
00:32:31,170 --> 00:32:32,970
Ond yn newid o leiaf un peth.

723
00:32:32,970 --> 00:32:35,400
Newid helloworld i
rhywbeth o'ch dewis eich hun,

724
00:32:35,400 --> 00:32:39,821
fel eich bod yn argyhoeddedig ei fod yn eich
ffeil ac nid yr un yr wyf newydd ei greu.

725
00:32:39,821 --> 00:32:40,320
Iawn.

726
00:32:40,320 --> 00:32:43,804
A phan fyddwch chi'n ready-- dim
rush-- pan fyddwch yn barod,

727
00:32:43,804 --> 00:32:46,220
mynd yn ei flaen ac arbed y ffeil
unwaith y byddwch wedi gwneud y newidiadau hyn.

728
00:32:46,220 --> 00:32:49,540
Ac os ydych yn clicio ar y
Rhedeg botwm i fyny top, mae hyn yn

729
00:32:49,540 --> 00:32:53,610
Dylai agor tab newydd a fydd yn dweud
chi beth URL gallwch ymweld eich ffeil yn,

730
00:32:53,610 --> 00:32:56,380
ond gallai cymryd hyn o bryd i
dyfyniad unquote "cychwyn Apache," sy'n

731
00:32:56,380 --> 00:32:58,820
yw enw'r gweinydd gwe.

732
00:32:58,820 --> 00:33:02,430
Felly byddwch yn ofalus i wneud yn union
beth sydd yn y ffeil yn y pen draw.

733
00:33:02,430 --> 00:33:04,610
Felly ar hyn o bryd, 'n annhymerus' chwyddo i mewn.

734
00:33:04,610 --> 00:33:07,780
Os byddaf yn dechrau teipio
agored braced HTML, rhybudd

735
00:33:07,780 --> 00:33:09,650
mae wedi fy anogaeth i orffen fy meddwl.

736
00:33:09,650 --> 00:33:13,750
Ac os i mi orffen fy meddwl, mae'n
yn awtomatig yn rhoi'r tag cau mi.

737
00:33:13,750 --> 00:33:17,190
Ond mae'r disgwyliad yn cael ei yna byddaf yn taro
Mewnbynnu, ac yna symud y tu mewn yno

738
00:33:17,190 --> 00:33:21,180
ac nid pen y tu mewn a
yna yr wyf yn gwneud corff y tu mewn.

739
00:33:21,180 --> 00:33:24,430
Ac mae'n ychydig yn od ar y dechrau,
oherwydd ei fod yn gwneud gwaith ar eich rhan,

740
00:33:24,430 --> 00:33:27,110
ond yn sylweddoli bod yn y pen draw
mae'n arbed chi keystrokes.

741
00:33:27,110 --> 00:33:30,500
Ac yn wir, yn nodwedd gyffredin iawn
rhaglennu amgylcheddau y dyddiau hyn

742
00:33:30,500 --> 00:33:33,260
y ddau ar gyfer datblygu ar y we fel
hyn a rhaglennu gwirioneddol,

743
00:33:33,260 --> 00:33:36,960
y byddwn yn siarad am yfory,
yw nodweddion auto-gwblhau hyn,

744
00:33:36,960 --> 00:33:39,710
pethau sy'n dim ond caniatáu i
rhaglennydd neu ddylunydd

745
00:33:39,710 --> 00:33:42,010
i deipio llai o keystrokes i
gyflawni'r un peth.

746
00:33:42,010 --> 00:33:43,176
Weithiau mae'n dda, er.

747
00:33:43,176 --> 00:33:44,560
Weithiau dim ond blino.

748
00:33:44,560 --> 00:33:49,290

749
00:33:49,290 --> 00:33:54,010
Ac, unwaith eto, unwaith y byddwch wedi trawsgrifio
y sleid neu ryw amrywiad ohono,

750
00:33:54,010 --> 00:33:57,360
gallwch glicio ar y botwm Run fyny top.

751
00:33:57,360 --> 00:33:59,910
Ac yna yn y gwaelod
ffenestr, byddwch yn cael gwybod

752
00:33:59,910 --> 00:34:04,290
ar yr hyn y URL gallwch ymweld eich tudalen we.

753
00:34:04,290 --> 00:34:08,790
Mine, er enghraifft, ar
business-daharvard.c9users.io

754
00:34:08,790 --> 00:34:11,480
ac yn y blaen.

755
00:34:11,480 --> 00:34:14,580
Mae pob hawl, felly, gadewch me-- unrhyw gwestiynau?

756
00:34:14,580 --> 00:34:19,460
Unrhyw gwestiynau eraill am dim ond mynd
mae hyn yn gweithio cyn i ni ychwanegu nodweddion?

757
00:34:19,460 --> 00:34:21,692
A gadewch i mi gynnig, dim ond
i gael Folks comfortable--

758
00:34:21,692 --> 00:34:24,400
oherwydd ei fod yn un peth i ddim ond
copi-past ddall yr hyn yr wyf wedi ei wneud.

759
00:34:24,400 --> 00:34:27,177
Ond dim ond fel bod Folks wrestle
gydag o leiaf un i-wneud,

760
00:34:27,177 --> 00:34:28,510
Dw i'n mynd i droi ar gerddoriaeth.

761
00:34:28,510 --> 00:34:32,630
Rydw i'n mynd i gynnig rhestr o
pethau y gallwch o bosibl ychwanegu.

762
00:34:32,630 --> 00:34:34,086
A gallwch yn sicr yn defnyddio Google.

763
00:34:34,086 --> 00:34:36,210
A pham y mae nid ydym yn unig
cynnig eich bod yn ceisio datrys

764
00:34:36,210 --> 00:34:38,710
o leiaf un broblem benodol yma.

765
00:34:38,710 --> 00:34:45,090
Felly, o ran y tagiau,
gadewch i mi ailddefnyddio'r hyn yma.

766
00:34:45,090 --> 00:34:48,280
>> A dweud y gwir, gadewch i mi roi
ynddi ar ffurf destunol.

767
00:34:48,280 --> 00:35:02,380
Lets 'ddeud bod ymhlith y tagiau gallem
defnyddio dyma rai tagiau dros yma.

768
00:35:02,380 --> 00:35:06,090
Rydym wedi gweld y paragraff tag.

769
00:35:06,090 --> 00:35:07,850
Nawr mae'n mynd i auto-gwblhau.

770
00:35:07,850 --> 00:35:12,220
tag Paragraff, y tag angor.

771
00:35:12,220 --> 00:35:15,250
Dewch i ddweud eich bod am
gwneud rhywbeth mwy,

772
00:35:15,250 --> 00:35:19,480
felly efallai y byddwch like--
Gall y tag rhychwant helpu.

773
00:35:19,480 --> 00:35:23,010
Wel, efallai y bydd angen rhywfaint o help i chi
am hynny mewn dim ond hyn o bryd.

774
00:35:23,010 --> 00:35:24,830
Rydym wedi gweld div.

775
00:35:24,830 --> 00:35:26,170
Byddwch yn gweld mae tabl.

776
00:35:26,170 --> 00:35:27,928
Mae rhywbeth o'r enw tr, td.

777
00:35:27,928 --> 00:35:30,736

778
00:35:30,736 --> 00:35:32,860
Th, TD.

779
00:35:32,860 --> 00:35:34,770
Dewch yn ôl at hynny mewn munud.

780
00:35:34,770 --> 00:35:36,590
Beth arall allai fod yn ddefnyddiol?

781
00:35:36,590 --> 00:35:38,310
Mae gryf.

782
00:35:38,310 --> 00:35:43,640
Mae pwyslais, neu yn hytrach em.

783
00:35:43,640 --> 00:35:50,110
There's-- beth arall
efallai y byddwch yn awydd yma?

784
00:35:50,110 --> 00:35:51,930
Wel, byddwn yn cymryd
edrych ar hynny at ei gilydd.

785
00:35:51,930 --> 00:35:53,230
Ffurf, yr ydym wedi gweld.

786
00:35:53,230 --> 00:35:54,130
Mae ffurflen.

787
00:35:54,130 --> 00:35:56,500
Mae mewnbwn ac ychydig o rai eraill.

788
00:35:56,500 --> 00:35:58,924

789
00:35:58,924 --> 00:36:00,090
Mae pob hawl, felly gadewch i ni wneud hyn.

790
00:36:00,090 --> 00:36:02,330
I ateb Fictoria
cwestiwn, gadewch i mi yn gyntaf

791
00:36:02,330 --> 00:36:05,020
ond gwnewch yn siŵr bod pawb yn
gallu cael eu gweithio helo.

792
00:36:05,020 --> 00:36:06,900
Yna gadewch i mi gyflwyno
cwpl syniadau eraill.

793
00:36:06,900 --> 00:36:09,209
Yna byddwn yn gadael i Folks yn datrys
rhyw broblem ar eu pen eu hunain.

794
00:36:09,209 --> 00:36:11,500
Yna byddwn mewn gwirionedd yn dod yn ôl
at y syniad o ffurf,

795
00:36:11,500 --> 00:36:14,950
a byddwn yn mewn gwirionedd yn ail-weithredu
ynghyd y rhyngwyneb pen blaen,

796
00:36:14,950 --> 00:36:16,450
fel petai, ar gyfer Google ei hun.

797
00:36:16,450 --> 00:36:19,700
Byddwn yn defnyddio Google fel diwedd ôl a gadael
iddynt wneud y gwaith caled, mae'r chwilio,

798
00:36:19,700 --> 00:36:22,760
ond byddwn yn ail-greu'r pen blaen
o Google a ffurflen chwilio

799
00:36:22,760 --> 00:36:24,520
eu bod yn ei chael ar eu tudalen gartref eu hunain.

800
00:36:24,520 --> 00:36:27,050
Ac felly byddwn yn dod yn ôl at
tagiau hyn mewn dim ond hyn o bryd.

801
00:36:27,050 --> 00:36:30,270
>> Felly, mae hyn yn yr hyn yr wyf
arfaethedig dim ond funud yn ôl.

802
00:36:30,270 --> 00:36:33,940
gallwn ychwanegu y stylization at
dudalen tu mewn hon tag arddull,

803
00:36:33,940 --> 00:36:36,950
a gallwn stylize y cefndir
lliw, aliniad testun,

804
00:36:36,950 --> 00:36:39,000
boed yn ganolfan neu'r chwith neu i'r dde.

805
00:36:39,000 --> 00:36:41,630
Ond yn fuan iawn y byddech
dod o hyd i ddylunydd gwe

806
00:36:41,630 --> 00:36:44,060
Byddai canfod bod hyn yn
dod yn ychydig yn drwsgl,

807
00:36:44,060 --> 00:36:48,330
oherwydd eich bod yn gwneud yr hyn sydd
Gelwir cymysgu cynnwys

808
00:36:48,330 --> 00:36:50,120
gyda chyflwyniad o hynny.

809
00:36:50,120 --> 00:36:53,756
Rydych yn cymysgu eich data
ac estheteg hynny.

810
00:36:53,756 --> 00:36:56,380
Ac yn wir, os ydych yn ystyried
beth sy'n mynd i ddigwydd dros adeg--

811
00:36:56,380 --> 00:36:58,350
mae hwn yn fach iawn
tudalen ar y we, wrth gwrs.

812
00:36:58,350 --> 00:37:01,590
Ond os wyf yn ychwanegu cynnwys i'r dudalen hon
ac yr wyf yn ychwanegu steil i'r dudalen hon,

813
00:37:01,590 --> 00:37:04,650
y dudalen yn gyflym iawn yn cael
hirach ac yn hirach ac yn hirach.

814
00:37:04,650 --> 00:37:07,510
Ac mae'n debyg fy mod am
gael tudalen we sy'n ail

815
00:37:07,510 --> 00:37:09,010
rhannu rhai o'r priodoleddau hyn.

816
00:37:09,010 --> 00:37:12,350
Gadewch i ni dybio fy nhudalen ail gwe ar gyfer fy
site-- hefyd, yr wyf am canolfan popeth,

817
00:37:12,350 --> 00:37:14,960
ac yr wyf hefyd am bopeth
gyda chefndir gwyrdd.

818
00:37:14,960 --> 00:37:17,940
Im '' n bert lawer mynd i gael i
adysgrifia a bastio rhai o'r llinellau hyn

819
00:37:17,940 --> 00:37:20,730
i mewn i hynny ail ffeil, sy'n teimlo'n iawn.

820
00:37:20,730 --> 00:37:22,030
Bydd yn datrys y broblem.

821
00:37:22,030 --> 00:37:26,060
>> Ond beth os ydw i eisiau trydydd dudalen
neu dudalen 30 neu dudalen 40?

822
00:37:26,060 --> 00:37:28,730
Nawr rydw i'n mynd i fod yn copïo a
gludo llawer o god dyblyg

823
00:37:28,730 --> 00:37:30,430
mewn ffeiliau lluosog.

824
00:37:30,430 --> 00:37:32,600
Ac felly mae'n debyg bod
Byddaf yn penderfynu neu'n dwi'n gwybod,

825
00:37:32,600 --> 00:37:34,780
hey, nid ydym yn defnyddio
cefndir gwyrdd anymore.

826
00:37:34,780 --> 00:37:36,380
Rydym yn mynd i ddechrau defnyddio oren.

827
00:37:36,380 --> 00:37:38,690
Beth sy'n rhaid i chi ei newid?

828
00:37:38,690 --> 00:37:42,900
Wel, rhaid i chi newid y steil
o wyrdd i oren mewn sawl lle?

829
00:37:42,900 --> 00:37:44,920
Fel 30 neu 40 o leoedd.

830
00:37:44,920 --> 00:37:45,900
Mae'n ddiflas.

831
00:37:45,900 --> 00:37:47,039
Mae'n agored i gamgymeriadau.

832
00:37:47,039 --> 00:37:49,580
Mae nifer o resymau
lle na fyddech am i gymell

833
00:37:49,580 --> 00:37:51,840
y math hwnnw o boen i chi eich hun.

834
00:37:51,840 --> 00:37:54,760
Ac felly ni fyddai'n braf
pe gallem gymryd hyn yr wyf newydd

835
00:37:54,760 --> 00:37:58,240
rhoi rhwng y ddau melyn
tagiau, tagiau arddull hyn,

836
00:37:58,240 --> 00:38:04,050
ffactor allan, a rhoi fy holl
stylization i mewn i un ffeil ganolog

837
00:38:04,050 --> 00:38:08,470
bod pob un o'r 30 neu 40 o fy ffeiliau eraill
benthyg oddi wrth neu rywsut cyfeirio,

838
00:38:08,470 --> 00:38:11,640
nid annhebyg i'r rwydweithio
diagramau rydym yn ei wneud o'r blaen?

839
00:38:11,640 --> 00:38:15,030
>> Felly os dwi'n mynd i mewn yma, rwy'n
mynd i gynnig mewn gwirionedd

840
00:38:15,030 --> 00:38:17,880
ein bod yn cymryd lle'r
tag steil gyda rhywbeth

841
00:38:17,880 --> 00:38:21,620
Gelwir y tag cyswllt, a oedd yn
yn ofnadwy, a enwyd yn ofnadwy,

842
00:38:21,620 --> 00:38:24,370
oherwydd nad ydych yn defnyddio'r
tag cyswllt i greu'r hyn

843
00:38:24,370 --> 00:38:26,380
rydym pobl yn gwybod fel cyswllt mewn tudalen we.

844
00:38:26,380 --> 00:38:29,750
Am hynny, byddwch yn defnyddio pa tag?

845
00:38:29,750 --> 00:38:31,464
Sut ydych chi'n creu cyswllt mewn tudalen we?

846
00:38:31,464 --> 00:38:32,130
GYNULLEIDFA: Y a.

847
00:38:32,130 --> 00:38:34,870
DAVID J. Malan: Y mae, neu angor
tag, a aeth i Disney o'r blaen.

848
00:38:34,870 --> 00:38:39,090
Mae'r tag cyswllt yma yn ei ddweud
this-- dolen i ffeil o'r enw

849
00:38:39,090 --> 00:38:44,350
styles.css, mae'r berthynas y mae
yn mynd i fod ei fod yn fy arddull.

850
00:38:44,350 --> 00:38:48,290
Felly, mae hyn yn un o'r S yn
taflenni arddull rhaeadrol CSS--.

851
00:38:48,290 --> 00:38:50,490
Arddull sheet-- dau o'r S yn CSS.

852
00:38:50,490 --> 00:38:52,550
Rhaeadru dalen arddull.

853
00:38:52,550 --> 00:38:58,640
Mae hyn yn unig yn golygu, hey, porwr, ewch
dod o hyd i styles.css ar y gweinydd lleol

854
00:38:58,640 --> 00:39:01,870
ac yn ei ddefnyddio fel eich arddull,
sy'n golygu y tu mewn o fod ffeil

855
00:39:01,870 --> 00:39:05,310
yn mynd i fod bob un o'r
stylizations yr ydym wedi ei wneud yn unig.

856
00:39:05,310 --> 00:39:07,396
Ac felly yr hyn y ffeil
Gallai edrych fel yw hwn.

857
00:39:07,396 --> 00:39:10,020
A byddaf yn jyst yn gwneud hyn yn gyflym
enghraifft, oherwydd nid oes angen i ni

858
00:39:10,020 --> 00:39:12,000
i fynd gormod i mewn i'r chwyn yma.

859
00:39:12,000 --> 00:39:17,840
Ond os wyf yn copïo'r hyn, yr hyn rwy'n ei gynnig
yw bod rhaglennydd creu ffeil newydd,

860
00:39:17,840 --> 00:39:24,450
bastio mewn lines-- y rhai
whoops-- bastio yn y llinellau hynny,

861
00:39:24,450 --> 00:39:32,270
gadw fel styles.css, ac yna, yn
y ffeil arall, dileu popeth o hynny

862
00:39:32,270 --> 00:39:35,450
a rhoi yn lle hynny
gyda hyn tag ddolen.

863
00:39:35,450 --> 00:39:43,090
Felly, os byddaf yn cysylltu href = "styles.css",
bydd y berthynas yn cael ei "arddull"

864
00:39:43,090 --> 00:39:44,170
tag cau.

865
00:39:44,170 --> 00:39:45,250
Ei chadw.

866
00:39:45,250 --> 00:39:47,000
Ewch yn ôl at fy helloworld.

867
00:39:47,000 --> 00:39:48,690
Ail-lwytho.

868
00:39:48,690 --> 00:39:51,290
>> Llythrennol oes dim wedi digwydd.

869
00:39:51,290 --> 00:39:54,710
Mae hynny'n beth da, oherwydd ei fod yn
golygu mewn gwirionedd mae'n holl waith cyfrifo.

870
00:39:54,710 --> 00:39:58,860
I brofi cymaint, mae'n debyg fy mod yn gwneud
typo, ac yr wyf yn galw hyn yn "Styles.css"

871
00:39:58,860 --> 00:40:03,080
gyda chyfalaf S, sef
anghywir, ac yna ail-lwytho.

872
00:40:03,080 --> 00:40:05,470
Nawr gallwch chi ei weld nid yn unig yn gweithio.

873
00:40:05,470 --> 00:40:06,362
Yn awr, pam?

874
00:40:06,362 --> 00:40:08,070
Wel, gadewch i ni ddefnyddio
dechneg o gynharach.

875
00:40:08,070 --> 00:40:10,153
Gadewch i mi fynd yn ei flaen ac, yn
fy porwr, yn Chrome, rwy'n

876
00:40:10,153 --> 00:40:12,900
mynd i agor y arbennig
tab rhwydwaith fel o'r blaen,

877
00:40:12,900 --> 00:40:15,560
a gadewch i mi ail-lwytho'r dudalen.

878
00:40:15,560 --> 00:40:19,341
Beth nad ydych yn synnu o weld yn awr?

879
00:40:19,341 --> 00:40:20,840
Neu efallai eich bod yn synnu i weld.

880
00:40:20,840 --> 00:40:23,225
Naill ffordd neu'r llall, beth ydych chi'n ei weld yn awr?

881
00:40:23,225 --> 00:40:24,100
GYNULLEIDFA: [Anghlywadwy]

882
00:40:24,100 --> 00:40:24,770
DAVID J. Malan: Nid yw'n dod o hyd.

883
00:40:24,770 --> 00:40:25,680
Pam nad yw ei ganfod?

884
00:40:25,680 --> 00:40:28,480
Wel, cyfalaf Styles.css--
Nid S-- yn bodoli.

885
00:40:28,480 --> 00:40:29,230
Rwy'n misnamed ef.

886
00:40:29,230 --> 00:40:30,430
typo syml.

887
00:40:30,430 --> 00:40:33,816
Ond Im 'yn cael ddealladwy bellach yn
404, oherwydd bod y gweinydd yn ei ddweud, hey,

888
00:40:33,816 --> 00:40:34,440
nid yw'n dod o hyd.

889
00:40:34,440 --> 00:40:36,300
Yn llythrennol, nid wyf yn gwybod
lle y ffeil.

890
00:40:36,300 --> 00:40:38,880
Felly, o ganlyniad, mae'r porwr
yn dangos i chi yr hyn a all,

891
00:40:38,880 --> 00:40:42,860
cynnwys amrwd y dudalen,
a oedd yn 200, mae'r HTML,

892
00:40:42,860 --> 00:40:45,390
ond nid yw'r stylization yn gallu
yn cael ei ychwanegu ar ôl hynny.

893
00:40:45,390 --> 00:40:47,120
Ac mae hyn yn beth sy'n olygir gan rhaeadru.

894
00:40:47,120 --> 00:40:49,070
Gallwch fath o ychwanegu
ar ôl, ac mae'n fath o

895
00:40:49,070 --> 00:40:50,874
mireinio'r estheteg y dudalen we.

896
00:40:50,874 --> 00:40:53,790
A gallwch hyd yn oed yn gwrthwneud y rhai
arddulliau gyda ffeiliau arddull eto arall

897
00:40:53,790 --> 00:40:54,700
os ydych yn dymuno.

898
00:40:54,700 --> 00:40:57,780
Dyw hi ddim yn dod o hyd, fodd bynnag, yn yr achos hwn,
oherwydd, wrth gwrs, yr wyf yn misnamed ef.

899
00:40:57,780 --> 00:41:00,330
Felly byddai'n rhaid i mi atgyweiria bod yn gyntaf.

900
00:41:00,330 --> 00:41:04,667
>> Felly gadewch i ni fynd yn ei flaen ac
cynnig y canlynol.

901
00:41:04,667 --> 00:41:07,410

902
00:41:07,410 --> 00:41:11,140
Gadewch i ni fynd yn ei flaen ac yn gwneud hyn.

903
00:41:11,140 --> 00:41:14,220
Gan ddechrau gyda efallai
eich ffeil helloworld,

904
00:41:14,220 --> 00:41:17,740
gadewch i mi jyst yn gwahodd cwpl
o cynnwys awgrymiadau.

905
00:41:17,740 --> 00:41:20,400
Felly, Victoria, yr oeddech am
gwneud rhai testun yn fwy, dde?

906
00:41:20,400 --> 00:41:24,555
Mae pob hawl, felly gallwn ni
yn gwneud y testun yn fwy.

907
00:41:24,555 --> 00:41:26,860
A byddwn yn bob tyn off
dim ond un broblem i'w datrys.

908
00:41:26,860 --> 00:41:30,867
Gwneud testun yn fwy.

909
00:41:30,867 --> 00:41:32,700
Dydw i ddim yn mynd i drafferthu
ysgrifennu hyn pan fyddwn yn

910
00:41:32,700 --> 00:41:35,600
wedi technoleg bullet dde dros yma.

911
00:41:35,600 --> 00:41:39,970
Felly, mae rhai problemau.

912
00:41:39,970 --> 00:41:44,670
Felly, rydym yn mynd i roi cynnig ar
i wneud y testun yn fwy.

913
00:41:44,670 --> 00:41:45,170
Iawn.

914
00:41:45,170 --> 00:41:48,360
Beth arall byddai rhywun yn cynnig?

915
00:41:48,360 --> 00:41:50,332
Beth arall y gallem ei eisiau
i'w wneud mewn tudalen we?

916
00:41:50,332 --> 00:41:52,040
Gadewch i ni ddod o hyd i
rhestr fer o bethau

917
00:41:52,040 --> 00:41:55,366
ac yna ddirprwyo i'r
grŵp at chyfrif hyn allan.

918
00:41:55,366 --> 00:41:56,270
>> GYNULLEIDFA: [Anghlywadwy]

919
00:41:56,270 --> 00:42:02,251
>> DAVID J. Malan: OK, testun sefyllfa
ar wahanol ochr y dudalen?

920
00:42:02,251 --> 00:42:02,750
Iawn.

921
00:42:02,750 --> 00:42:04,620
Rhywbeth arall.

922
00:42:04,620 --> 00:42:05,784
>> GYNULLEIDFA: [Anghlywadwy]

923
00:42:05,784 --> 00:42:06,700
DAVID J. Malan: Mae'n.

924
00:42:06,700 --> 00:42:08,720
Felly mae gif yn unig yw
fformat ffeil gwahanol.

925
00:42:08,720 --> 00:42:12,830
Rydym yn unig a ddefnyddiwyd, beth, mae
png neu jpg yn ôl pob tebyg?

926
00:42:12,830 --> 00:42:14,480
Rydym yn defnyddio jpg.

927
00:42:14,480 --> 00:42:16,780
Os ydych yn chwilfrydig, mae gormod
ateb i'ch cwestiwn

928
00:42:16,780 --> 00:42:19,404
yw jpg yn cael ei ddefnyddio yn gyffredinol ar gyfer
ffotograffau, gan ei fod yn cefnogi

929
00:42:19,404 --> 00:42:21,500
miliynau o liwiau neu liw 24-bit.

930
00:42:21,500 --> 00:42:26,930
Defnyddir gif yn gyffredinol ar gyfer, fel,
memes rhyngrwyd animeiddiadau days-- hyn,

931
00:42:26,930 --> 00:42:28,810
gifs animeiddiedig tebyg.

932
00:42:28,810 --> 00:42:32,320
Ond mae'n digwydd i ddefnyddio lliw llai
palet, dim ond 256 o liwiau posibl,

933
00:42:32,320 --> 00:42:35,230
ond mae'n cefnogi
tryloywder ac animeiddio.

934
00:42:35,230 --> 00:42:40,330
Ac yna mae png, sy'n cefnogi
tryloywder a lliwiau mwy

935
00:42:40,330 --> 00:42:41,300
ond nid animeiddio.

936
00:42:41,300 --> 00:42:42,133
Felly mae'n cyfaddawd.

937
00:42:42,133 --> 00:42:44,144

938
00:42:44,144 --> 00:42:46,060
Felly ychwanegu gif, fodd bynnag,
fyddai weithredol

939
00:42:46,060 --> 00:42:48,396
cyfateb i ychwanegu png neu jpg.

940
00:42:48,396 --> 00:42:49,110
Yeah.

941
00:42:49,110 --> 00:42:50,550
Ffynhonnell Image gyfartal.

942
00:42:50,550 --> 00:42:51,590
Felly rhywbeth arall.

943
00:42:51,590 --> 00:42:57,288
Gadewch i ni ddod o hyd i rywbeth sy'n
anfonwyd at Victoria i'w wneud yma.

944
00:42:57,288 --> 00:42:59,209
>> GYNULLEIDFA: Ychwanegu botymau i gael ffurflen.

945
00:42:59,209 --> 00:43:00,000
DAVID J. Malan: OK.

946
00:43:00,000 --> 00:43:02,179
Felly ychwanegu botymau i gael ffurflen.

947
00:43:02,179 --> 00:43:03,470
A byddwn yn gwneud hynny un at ei gilydd.

948
00:43:03,470 --> 00:43:07,220
Felly bydd hynny'n segue perffaith
dde ar ôl her hon.

949
00:43:07,220 --> 00:43:10,357
Unrhyw beth arall?

950
00:43:10,357 --> 00:43:11,440
Beth efallai hoffech ei wneud?

951
00:43:11,440 --> 00:43:14,040

952
00:43:14,040 --> 00:43:16,516
Mae'r we yn teimlo'n underwhelming iawn
os yw hyn yn gyd y gallwn ei wneud.

953
00:43:16,516 --> 00:43:18,140
GYNULLEIDFA: Newid lliw y testun.

954
00:43:18,140 --> 00:43:19,500
DAVID J. Malan: Newid y beth?

955
00:43:19,500 --> 00:43:20,666
GYNULLEIDFA: Lliw y testun.

956
00:43:20,666 --> 00:43:22,311
DAVID J. Malan: Newid lliw y testun.

957
00:43:22,311 --> 00:43:22,810
Iawn.

958
00:43:22,810 --> 00:43:23,790
Felly, gadewch i ni wneud hyn.

959
00:43:23,790 --> 00:43:27,209
Dim ond eto fel eich bod yn nid, dim ond
ar y cof, yn gwneud yn union yr hyn yr wyf i'n ei wneud,

960
00:43:27,209 --> 00:43:29,500
Rydw i'n mynd i droi ar gerddoriaeth
am efallai bum munud yma.

961
00:43:29,500 --> 00:43:30,450
Mae croeso i chi ddefnyddio Google.

962
00:43:30,450 --> 00:43:33,130
Mae croeso i chi ofyn i mi, ac
'N annhymerus' sibrwd awgrym yn eich clust.

963
00:43:33,130 --> 00:43:35,171
Mae croeso i chi edrych
drosodd ar ysgwyddau eraill.

964
00:43:35,171 --> 00:43:37,340
Ond datrys dim ond un o'r problemau hyn.

965
00:43:37,340 --> 00:43:40,190
Ond fe wnawn yr un olaf, mae'r
ffurfio un, os gallem, gyda'n gilydd.

966
00:43:40,190 --> 00:43:42,790
Felly bum munud i ddatrys
unrhyw un o'r problemau hyn

967
00:43:42,790 --> 00:43:46,780
gan ddefnyddio Google, greddf, neu unrhyw
ddulliau eraill sydd ar gael i chi.

968
00:43:46,780 --> 00:43:48,630
>> [CHWARAE CERDDORIAETH]

969
00:43:48,630 --> 00:43:49,130
Iawn.

970
00:43:49,130 --> 00:43:50,838
Dim pryderon os ydych am
i gadw tinkering,

971
00:43:50,838 --> 00:43:53,880
ond byddaf yn difetha cwpl
o'r atebion hyn.

972
00:43:53,880 --> 00:43:57,986
Felly yr awgrym cyntaf o
Victoria oedd gwneud testun yn fwy.

973
00:43:57,986 --> 00:43:59,360
Felly mae ychydig o ffyrdd o wneud hyn.

974
00:43:59,360 --> 00:44:01,530
Rwyf wedi adfer ar hyn o bryd
fy sgrin i maint hwn,

975
00:44:01,530 --> 00:44:04,310
er fy mod i wedi chwyddo i mewn
artiffisial dim ond i weld pethau.

976
00:44:04,310 --> 00:44:07,470
A gadewch i ni wneud hyn.

977
00:44:07,470 --> 00:44:11,380
Gadewch i mi fynd yn ei flaen ac yn cydio
rhywfaint o destun Lladin generig

978
00:44:11,380 --> 00:44:19,540
yn union fel y mae gennym rywbeth i weithio gyda.

979
00:44:19,540 --> 00:44:20,715
Felly, roi dim ond un eiliad fi.

980
00:44:20,715 --> 00:44:21,840
'N annhymerus' wneud tri paragraffau.

981
00:44:21,840 --> 00:44:53,430

982
00:44:53,430 --> 00:44:53,930
IAWN.

983
00:44:53,930 --> 00:44:55,560
Bydd hwn yn enghraifft well.

984
00:44:55,560 --> 00:44:57,840
Felly, ar gyfer y chwilfrydig, yn
fy hello.html, Fi jyst

985
00:44:57,840 --> 00:45:01,645
ludo tri hurt
paragraffau Lladin

986
00:45:01,645 --> 00:45:03,270
yn union fel y mae gennym rai testun i weithio gyda nhw.

987
00:45:03,270 --> 00:45:06,720
A gôl Victoria oedd
wneud rhai o'r testun yn fwy.

988
00:45:06,720 --> 00:45:09,879
Felly gallwn i, fel o'r blaen, ewch i mewn yma.

989
00:45:09,879 --> 00:45:11,170
A gadewch i mi wneud yn y ffordd iawn.

990
00:45:11,170 --> 00:45:13,253
Rydw i'n mynd i gael cyswllt
tag sy'n pwyntio at ffeil

991
00:45:13,253 --> 00:45:20,560
o'r enw "styles.css," y berthynas
ohonynt yw eto "arddull."

992
00:45:20,560 --> 00:45:25,221
Ac yna dwi'n mynd i achub y
ac yn agor i fyny hyn yn "styles.css."

993
00:45:25,221 --> 00:45:28,940
>> Felly, fel o'r blaen, yr wyf yn cael y
gallu yn y ffeil CSS

994
00:45:28,940 --> 00:45:31,569
i mewn gwirionedd diystyru'r diofyn
estheteg y tudalen ar y we,

995
00:45:31,569 --> 00:45:33,860
ac estheteg ball,
wrth gwrs, yn eithaf diflas.

996
00:45:33,860 --> 00:45:36,943
Mae'n fath o faint ffont arferol, du
testun, cefndir gwyn, ac yn y blaen.

997
00:45:36,943 --> 00:45:39,440
Felly mae'n debyg wyf am wneud
yr holl destun hwn yn fwy.

998
00:45:39,440 --> 00:45:40,460
Gallwn i wneud ychydig o bethau.

999
00:45:40,460 --> 00:45:43,750
Yn fy ffeil styles.css, yr wyf yn
Gallai ddweud, eich bod yn gwybod beth,

1000
00:45:43,750 --> 00:45:46,950
cymhwyso'r canlynol i
gorff fy dudalen.

1001
00:45:46,950 --> 00:45:51,390
Mynd yn ei flaen ac yn gwneud y
maint ffont 24 pwynt,

1002
00:45:51,390 --> 00:45:54,130
sydd yn nifer yr wyf yn gallai
defnyddio yn Microsoft Word.

1003
00:45:54,130 --> 00:45:57,620
Gadewch i mi fynd yn ôl at fy gwe
dudalen yma ac ail-lwytho,

1004
00:45:57,620 --> 00:45:59,640
a gallwch weld bod
mae eisoes yn llawer mwy.

1005
00:45:59,640 --> 00:46:02,223
A gallwn gael ychydig yn wallgof,
yn union fel y gallwn ar desktop--

1006
00:46:02,223 --> 00:46:03,670
yn ei gwneud yn 96 pwynt.

1007
00:46:03,670 --> 00:46:04,950
Ail-lwytho.

1008
00:46:04,950 --> 00:46:07,610
Ac mae'n mynd ychydig
anhylaw ar y pwynt hwn.

1009
00:46:07,610 --> 00:46:09,500
>> Ond allwn i fod ychydig yn fwy manwl gywir.

1010
00:46:09,500 --> 00:46:14,530
Yn hytrach na gwneud cais hwn
taflen arddull i gorff fy dudalen,

1011
00:46:14,530 --> 00:46:21,740
beth arall y gallaf wneud cais i yn lle hynny,
pa tag arall y gallai dal

1012
00:46:21,740 --> 00:46:25,445
swyddogaeth yn yr un ffordd?

1013
00:46:25,445 --> 00:46:26,444
>> GYNULLEIDFA: Y tag p?

1014
00:46:26,444 --> 00:46:27,360
DAVID J. Malan: P tag.

1015
00:46:27,360 --> 00:46:29,350
Felly ni fyddai'r pennaeth yn
gywir, oherwydd bod y pennaeth,

1016
00:46:29,350 --> 00:46:31,300
nad ydych yn gallu mewn gwirionedd
rheoli estheteg.

1017
00:46:31,300 --> 00:46:32,700
Mae naill ai'n destun yno neu beidio.

1018
00:46:32,700 --> 00:46:36,760
Ond mae'r p tag-- gallaf plymio mewn ychydig
dyfnach, fel petai, at y paragraff

1019
00:46:36,760 --> 00:46:37,350
tagiau.

1020
00:46:37,350 --> 00:46:41,600
A hyd yn oed er bod tri,
mae hynny'n berffaith iawn, oherwydd yn CSS,

1021
00:46:41,600 --> 00:46:44,900
pan Fi jyst dweud "p," mae hyn
golygu cymhwyso'r canlynol

1022
00:46:44,900 --> 00:46:48,300
i unrhyw tag sy'n cyd-fynd hon
detholydd, mae'r dewisydd yn unig

1023
00:46:48,300 --> 00:46:49,430
sef enw'r tag.

1024
00:46:49,430 --> 00:46:52,350
Felly lle bynnag y byddwch yn gweld
"P," cymhwyso maint y ffont,

1025
00:46:52,350 --> 00:46:55,222
a gadewch i ni wneud yn fwy
rhesymol 24 pwynt again--.

1026
00:46:55,222 --> 00:46:56,930
A ydych yn gwybod beth,
yn unig ar gyfer mesur da,

1027
00:46:56,930 --> 00:46:59,810
gadewch i ni wneud y lliw
dim ond coch am y tro.

1028
00:46:59,810 --> 00:47:03,740
Ac yn awr os byddaf yn ail-lwytho, yn awr rydym yn
gweler tri paragraffau hyll.

1029
00:47:03,740 --> 00:47:07,180
>> Ond yn awr mae'n debyg fy mod yn didoli
o- Rwyf am i'r paragraff cyntaf

1030
00:47:07,180 --> 00:47:08,210
i neidio allan yn y defnyddiwr.

1031
00:47:08,210 --> 00:47:11,150
Dydw i ddim eisiau i gynyddu yn unig
maint y ffont o bopeth.

1032
00:47:11,150 --> 00:47:16,105
Ac felly yr wyf mewn gwirionedd yn awyddus i nodi neu
gwahaniaethu ymhlith y paragraffau hyn.

1033
00:47:16,105 --> 00:47:18,730
Felly gadewch i ni gael gwared ar y coch,
oherwydd bod yn unig fath o ludiog,

1034
00:47:18,730 --> 00:47:23,885
a gadewch i ni fynd yn ei flaen ac yn gwneud y
maint ffont 12-pwynt yn ddiofyn,

1035
00:47:23,885 --> 00:47:26,260
fel ein bod yn bod yn ôl at rywbeth
ychydig yn fwy rhesymol.

1036
00:47:26,260 --> 00:47:29,190
Ac yn awr yr wyf am i gynyddu'r
maint ffont y paragraff cyntaf.

1037
00:47:29,190 --> 00:47:31,440
Gallaf wneud hyn mewn rhai
ffyrdd, ond un ffordd sy'n

1038
00:47:31,440 --> 00:47:37,180
efallai yn fwyaf cyfarwyddiadol yn y
hyn o bryd yw i wneud y canlynol.

1039
00:47:37,180 --> 00:47:43,280
Gadewch i mi fynd yn ei flaen ac yn dweud, mae hyn yn
baragraff hwnnw'n ID unigryw o "gyntaf."

1040
00:47:43,280 --> 00:47:45,000
Gallwn alw unrhyw beth yma rwyf am.

1041
00:47:45,000 --> 00:47:46,874
Gallwn alw hyn yn "foo"
neu unrhyw air arall,

1042
00:47:46,874 --> 00:47:49,290
ond rwy'n mynd i roi rhai
enw semantig ystyrlon

1043
00:47:49,290 --> 00:47:50,320
fel "yn gyntaf."

1044
00:47:50,320 --> 00:47:54,790
Mae hyn yn y dynodwr unigryw,
mae'r ID, ar gyfer fy paragraff cyntaf.

1045
00:47:54,790 --> 00:47:59,360
>> Beth allaf i ei wneud yn awr yn fy arddull
yw fod ychydig yn fwy manwl gywir.

1046
00:47:59,360 --> 00:48:02,330
Yn hytrach na dweud, yn berthnasol
y canlynol i'r tag p,

1047
00:48:02,330 --> 00:48:04,890
Gallaf ddweud o'r canlynol--
cymhwyso y canlynol,

1048
00:48:04,890 --> 00:48:11,000
neu ddewis, yr elfen HTML
sydd yn ID unigryw o "gyntaf."

1049
00:48:11,000 --> 00:48:12,350
Beth ydw i eisiau gwneud cais iddo?

1050
00:48:12,350 --> 00:48:15,250
Mae maint ffont o 24 pwynt.

1051
00:48:15,250 --> 00:48:16,640
Felly, yr wyf wedi ddau ddewiswr yn awr.

1052
00:48:16,640 --> 00:48:19,690
Mae un yn gwneud pob un o'r
paragraffau 12-pwynt.

1053
00:48:19,690 --> 00:48:24,960
Ond mae hyn yn un, yn enwedig gan ei fod yn dod
second-- daw olaf yn y file--

1054
00:48:24,960 --> 00:48:27,090
caiff hyn effaith rhaeadru.

1055
00:48:27,090 --> 00:48:30,200
Rwyf newydd wneud fy holl
tagiau paragraff 12-pwynt,

1056
00:48:30,200 --> 00:48:34,350
ond mae hyn bellach rhaeadrau a
yn bwysicach nag ar gyfer unrhyw elfennau

1057
00:48:34,350 --> 00:48:38,800
yn y dudalen, unrhyw tag yn y dudalen y mae ei
ID unigryw yw dyfyniad unquote "yn gyntaf."

1058
00:48:38,800 --> 00:48:41,720
Ac mae'r hashtag yn y cyd-destun hwn
jyst yn golygu "dynodwr unigryw."

1059
00:48:41,720 --> 00:48:43,750
Dydw i ddim yn ei roi yn y ffeil HTML.

1060
00:48:43,750 --> 00:48:46,880
Yr wyf i, dros yma, dim ond dweud
dyfyniad unquote "yn gyntaf."

1061
00:48:46,880 --> 00:48:48,470
>> Felly, gadewch i mi ail-lwytho.

1062
00:48:48,470 --> 00:48:49,919
Ac yn awr yr wyf yn gweld, AH, OK.

1063
00:48:49,919 --> 00:48:51,710
Hynny yw, nid yw'n bod
'n bert, ond mae'n fath

1064
00:48:51,710 --> 00:48:53,600
o fel y rhagymadrodd i
llyfr neu rywbeth fel 'na,

1065
00:48:53,600 --> 00:48:55,100
lle y paragraff cyntaf yn fwy.

1066
00:48:55,100 --> 00:48:57,933
Gallai fod hyd yn oed yn fwy manwl gywir gyda
dim ond y llythrennau cyntaf, ond o leiaf

1067
00:48:57,933 --> 00:48:59,110
Dwi wedi arfer mwy o reolaeth.

1068
00:48:59,110 --> 00:49:04,760
Nawr maybe-- efallai wyf am wneud hyn
o bryd i'w gilydd am ba reswm bynnag,

1069
00:49:04,760 --> 00:49:09,010
ac felly nid wyf am i hyn
yn berthnasol i ddim ond un tag HTML.

1070
00:49:09,010 --> 00:49:15,110
Yn hytrach, gadewch i ni say-- gadewch i ni
hefyd yn gwneud y canlynol.

1071
00:49:15,110 --> 00:49:18,810
Dosbarth = "mewnforio."

1072
00:49:18,810 --> 00:49:23,970
Tra ID cael ei ddefnyddio i unigryw
nodi un peth, un tag,

1073
00:49:23,970 --> 00:49:30,190
yn eich tudalen we, dosbarth yn golygu i fod yn
defnyddio ar unrhyw nifer o elfennau neu dagiau

1074
00:49:30,190 --> 00:49:30,950
ar eich tudalen we.

1075
00:49:30,950 --> 00:49:31,710
Felly mae'n y gellir eu hailddefnyddio.

1076
00:49:31,710 --> 00:49:33,090
Nid yw adnabod yn y gellir eu hailddefnyddio.

1077
00:49:33,090 --> 00:49:34,450
Dosbarth yn y gellir eu hailddefnyddio.

1078
00:49:34,450 --> 00:49:37,830
>> A ydych yn gwybod beth, am ba bynnag
reasons-- athronyddol

1079
00:49:37,830 --> 00:49:40,180
Doeddwn i ddim yn gorffen fy
thought-- Rydw i'n mynd i ddweud

1080
00:49:40,180 --> 00:49:44,300
fod y paragraff cyntaf a'r
ail baragraff yn bwysig.

1081
00:49:44,300 --> 00:49:48,600
Felly, yr wyf i'n mynd i wneud cais i'r dosbarth a elwir yn
"Bwysig," fod, os wyf yn arbed fy ffeil

1082
00:49:48,600 --> 00:49:51,510
ac ail-lwytho, nid oes gan
effaith swyddogaethol eto.

1083
00:49:51,510 --> 00:49:53,780
Ond yr wyf wedi ychwanegu rhywfaint o
metadata at y ffeil,

1084
00:49:53,780 --> 00:49:56,610
math o rywbeth ar wahân
o ddata craidd y ffeil,

1085
00:49:56,610 --> 00:50:02,300
fel bod yn awr yn fy arddull, os wyf yn
yn lle hynny yn dweud ".important" - eich bod yn gwybod,

1086
00:50:02,300 --> 00:50:07,110
unrhyw beth sy'n bwysig, rwy'n
mynd i wneud font-lliw, red--

1087
00:50:07,110 --> 00:50:09,930
neu yn hytrach beidio ffont-lliw, dim ond lliw.

1088
00:50:09,930 --> 00:50:12,930
Mae anghysondebau
yn CSS anffodus.

1089
00:50:12,930 --> 00:50:14,120
Ac yn ail-lwytho.

1090
00:50:14,120 --> 00:50:17,640
Nawr sylwi ar y cyntaf
ddau baragraff yn goch

1091
00:50:17,640 --> 00:50:20,880
ond nid y trydydd, gan fy mod yn unig
cymhwyso y dosbarth o "bwysig"

1092
00:50:20,880 --> 00:50:25,020
at y ddau gyntaf o'r pethau hynny.

1093
00:50:25,020 --> 00:50:28,030
>> Felly, yn IDs, mae gennych y gallu
eu pennu'n union iawn.

1094
00:50:28,030 --> 00:50:30,110
Gyda dosbarthiadau, mae gennych reusability.

1095
00:50:30,110 --> 00:50:33,800
Ond yn y ddau achos, yn sylwi ar y
math o egwyddor dda-ddylunio

1096
00:50:33,800 --> 00:50:39,072
lle rwy'n hystyried allan bob un o'r
estheteg i fy ffeil styles.css.

1097
00:50:39,072 --> 00:50:40,280
Felly does dim messiness yma.

1098
00:50:40,280 --> 00:50:44,490
Does dim sôn am coch neu
feiddgar wynebu'r neu faint y ffont yn y ffeil hon.

1099
00:50:44,490 --> 00:50:49,430
Well gennyf gael semantig,
ystyrlon nodweddu fy data fel,

1100
00:50:49,430 --> 00:50:51,240
dyma rywfaint o ddata pwysig.

1101
00:50:51,240 --> 00:50:52,800
Dyma rhywfaint o ddata yn fwy pwysig.

1102
00:50:52,800 --> 00:50:56,500
Ar ben hynny, dyma yw'r
"Cyntaf" o fy data pwysig.

1103
00:50:56,500 --> 00:51:01,050
Felly HTML yn ymwneud math
tagio, yn llythrennol, geiriau

1104
00:51:01,050 --> 00:51:05,270
a pharagraffau a lluniadau yn eich
dudalen gydag awgrymiadau bach hyn, os ydych yn

1105
00:51:05,270 --> 00:51:07,640
bydd, eich bod yn gallu
rhywsut trosoledd defnyddio

1106
00:51:07,640 --> 00:51:10,880
technegau eraill fel CSS yn y ffordd hon.

1107
00:51:10,880 --> 00:51:14,760
>> Felly, wrth ateb cwestiwn Fictoria,
gallwn wneud testun yn fwy yn y ffordd honno.

1108
00:51:14,760 --> 00:51:18,380
Mae cymaint o ffyrdd eraill, ond
y ffont tag-- braced agored "font" -

1109
00:51:18,380 --> 00:51:19,770
mewn gwirionedd nifer o flynyddoedd oed.

1110
00:51:19,770 --> 00:51:21,410
Ac mae hyn yn broblem,
hefyd, gyda dibynnu yn unig

1111
00:51:21,410 --> 00:51:23,485
ar resources-- lein
maent yn tueddu i gael eu dyddio.

1112
00:51:23,485 --> 00:51:26,110
Ac yn wir, sydd wedi ei anghymeradwyo,
oherwydd bod y byd yn sylweddoli,

1113
00:51:26,110 --> 00:51:28,970
beth yw ystyr "font-size = 7" yn ei olygu?

1114
00:51:28,970 --> 00:51:29,670
Nid yw'n gwneud hynny.

1115
00:51:29,670 --> 00:51:32,770
Ac felly am flynyddoedd lawer ac i
mae hyn day-- un o sgîl

1116
00:51:32,770 --> 00:51:36,060
yn nodi yma yw ei fod mewn gwirionedd
hynod boenus o hyd weithiau

1117
00:51:36,060 --> 00:51:38,900
i ddatblygu safleoedd ar gyfer y
y we, gan fod Microsoft

1118
00:51:38,900 --> 00:51:44,220
a Google a Mozilla a
mae eraill yn aml yn anghytuno ynglŷn â sut

1119
00:51:44,220 --> 00:51:47,480
i ddehongli manyleb fel HTML.

1120
00:51:47,480 --> 00:51:52,490
>> Mae llyfr rheolau ar gyfer HTML a
Yn gyffredinol, yn dweud beth mae pob tag olygu.

1121
00:51:52,490 --> 00:51:55,690
Ond weithiau mae'n gadael i'r
disgresiwn gweithredu, a

1122
00:51:55,690 --> 00:51:57,290
Microsoft disgresiwn a Google.

1123
00:51:57,290 --> 00:52:00,000
Ac felly wnewch chi helpu yn aml iawn
gweld ar wefan rywbeth

1124
00:52:00,000 --> 00:52:04,954
edrych yn wahanol ar PC
nag y mae'n ei wneud ar Mac,

1125
00:52:04,954 --> 00:52:06,995
ac mae hynny'n wir oherwydd,
ar ddiwedd y dydd,

1126
00:52:06,995 --> 00:52:08,891
nid oeddent yn ei brofi
yn dda ar y ddau blatfform.

1127
00:52:08,891 --> 00:52:11,390
Ond mae hefyd yn achos rhesymol,
Bydd pobl yn smart yn anghytuno

1128
00:52:11,390 --> 00:52:14,970
a bydd cwmnïau yn anghytuno, ac yn y blaen
un o'r heriau o raglenni

1129
00:52:14,970 --> 00:52:16,980
ar gyfer y we neu ddylunio
pethau ar gyfer y we

1130
00:52:16,980 --> 00:52:21,700
yn ysgrifennu eich gwefan mewn ffordd
sy'n gweithio ar bob porwr gwe.

1131
00:52:21,700 --> 00:52:23,410
Ond hyd yn oed hynny'n afresymol, dde?

1132
00:52:23,410 --> 00:52:27,807
Mae cymaint o fersiynau cymaint o
porwyr allan yna sy'n, ar ryw adeg,

1133
00:52:27,807 --> 00:52:30,890
rhaid i chi hefyd wneud galwad barn
ac mae'n rhaid i chi benderfynu fel cwmni,

1134
00:52:30,890 --> 00:52:33,082
yn enwedig ar gyfer e-fasnach-arddull
safleoedd lle rydych yn

1135
00:52:33,082 --> 00:52:36,290
ceisio defnyddio'r diweddaraf a mwyaf
technolegau i roi ddefnyddiwr da iawn

1136
00:52:36,290 --> 00:52:37,110
profiad.

1137
00:52:37,110 --> 00:52:41,019
Ond mae rhai canran o'ch defnyddwyr gallai
yn dal i fod yn defnyddio Internet Explorer 6 neu 7

1138
00:52:41,019 --> 00:52:43,810
neu 8, yn enwedig yn dibynnu ar y
gwlad eu bod yn dod o.

1139
00:52:43,810 --> 00:52:46,760
>> Ac yn aml felly iawn
ymgynghorwyd yn rhywbeth

1140
00:52:46,760 --> 00:52:50,920
fel "ystadegau porwr gwe."

1141
00:52:50,920 --> 00:52:56,560
Ac os ydym yn mynd i'r canlynol-- gadewch i ni weld Wicipedia
a gweld sut fyny i'r funud siart hwn yw

1142
00:52:56,560 --> 00:52:59,320
os oes un.

1143
00:52:59,320 --> 00:53:02,420
Felly, fan hon gallwch weld
lle mae porwyr mewn gwirionedd

1144
00:53:02,420 --> 00:53:06,160
yn, yn ôl hyd at fis Rhagfyr 2015,
yn ôl Llywodraeth Unol Daleithiau.

1145
00:53:06,160 --> 00:53:11,170
Chrome ar gyfran o'r farchnad 42%, wedi'i ddilyn
gan IE yn bennaf mewn lleoliadau corfforaethol

1146
00:53:11,170 --> 00:53:14,490
neu leoliadau PC, wrth gwrs,
ac yna Firefox,

1147
00:53:14,490 --> 00:53:17,440
yna ni wnaeth Safari, yna Opera
gwneud y map yma am ryw reswm,

1148
00:53:17,440 --> 00:53:18,210
ac yna Eraill.

1149
00:53:18,210 --> 00:53:19,500
Efallai ei fod o dan Eraill.

1150
00:53:19,500 --> 00:53:27,700
Ond yn fwy problemus na hynny yw--
gadewch i ni weld os oes gan Wicipedia

1151
00:53:27,700 --> 00:53:35,194
fersiynau o'r porwyr version--

1152
00:53:35,194 --> 00:53:36,160

1153
00:53:36,160 --> 00:53:39,190
>> Gadewch i ni fynd i ystadegau porwr.

1154
00:53:39,190 --> 00:53:40,680
IE.

1155
00:53:40,680 --> 00:53:42,030
Hyd yn oed nad yw hynny'n ddigon.

1156
00:53:42,030 --> 00:53:44,854
ystadegau porwr.

1157
00:53:44,854 --> 00:53:45,353
Fy fersiwn.

1158
00:53:45,353 --> 00:53:48,980

1159
00:53:48,980 --> 00:53:50,540
Dyw hynny ddim yn mynd i fod yn iawn.

1160
00:53:50,540 --> 00:53:53,414
Gadewch i ni weld fersiwn.

1161
00:53:53,414 --> 00:53:54,830
gyfran o'r farchnad porwr.

1162
00:53:54,830 --> 00:53:57,110
Gadewch i ni weld os yw hyn yn dod i fyny.

1163
00:53:57,110 --> 00:53:57,610
IAWN.

1164
00:53:57,610 --> 00:54:00,010
Yn awr mae hyn yn mynd yn
ychydig yn fwy defnyddiol.

1165
00:54:00,010 --> 00:54:04,870
Felly dyma, yn sylwi bod gennym i gyd
fersiynau gwahanol o borwyr.

1166
00:54:04,870 --> 00:54:09,887
Ac, fy duw, os ydych yn look-- Chrome
48, Chrome 47, Chrome 31, Chrome 45.

1167
00:54:09,887 --> 00:54:12,970
Yr wyf yn golygu, porwyr diweddaru yn gynyddol,
ac weithiau rhai o'r newidiadau hynny

1168
00:54:12,970 --> 00:54:16,430
yn arwyddocaol yn
telerau functionality.

1169
00:54:16,430 --> 00:54:20,630
Ac felly ar ryw bwynt, mae'r
rheolwyr cynnyrch neu ar y peirianwyr

1170
00:54:20,630 --> 00:54:23,620
Mae angen i wneud decision-- chi
yn gwybod beth, dim ond 1% o'r byd

1171
00:54:23,620 --> 00:54:24,740
yn dal i ddefnyddio IE 7.

1172
00:54:24,740 --> 00:54:25,490
I uffern gyda nhw.

1173
00:54:25,490 --> 00:54:27,470
Rydym yn unig yn mynd i
cefnogi hynny porwr.

1174
00:54:27,470 --> 00:54:28,740
A beth mae'n ei olygu i beidio â chefnogi?

1175
00:54:28,740 --> 00:54:31,170
Gallai olygu bod botymau
nad ydynt yn gweithio ar eich tudalen we,

1176
00:54:31,170 --> 00:54:33,050
neu gallai olygu y
fformatio yn llwyr oddi ar.

1177
00:54:33,050 --> 00:54:35,091
Neu efallai y bydd rhaid i chi eu gwneud
yr un alwad dyfarniad

1178
00:54:35,091 --> 00:54:39,089
yn symudol y dyddiau hyn, lle, rydym yn
ddim yn mynd i gefnogi IOS 5 anymore.

1179
00:54:39,089 --> 00:54:40,380
Felly, dim ond rhaid i bobl i uwchraddio.

1180
00:54:40,380 --> 00:54:45,850
Neu nid ydym yn mynd i gefnogi Cupcake
ar Android AO ar gyfer dyfeisiau Android,

1181
00:54:45,850 --> 00:54:48,629
oherwydd fel y world-- â'r
byd technoleg eisiau symud ymlaen,

1182
00:54:48,629 --> 00:54:51,170
mae'n fath o awyddus i lusgo'r
byd ag ef fel nad ydynt yn ei wneud

1183
00:54:51,170 --> 00:54:53,295
rhaid i ni barhau i fod yn
yn ôl cyd-fynd fel eu bod yn

1184
00:54:53,295 --> 00:54:54,920
Gall gynnig nodweddion newydd ac yn dda.

1185
00:54:54,920 --> 00:54:57,878
Mae hyn yn wir un o'r rhesymau
pam felly mae llawer o gwmnïau yn cael eu cyflwyno

1186
00:54:57,878 --> 00:55:01,440
diweddariadau awtomatig a math o orfodi
fersiynau diweddaraf o feddalwedd arnom.

1187
00:55:01,440 --> 00:55:04,010
A hyd yn oed cwmnïau
fel y bydd Apple didoli o

1188
00:55:04,010 --> 00:55:07,280
eich gorfodi bron neu gymell
chi o ran grymoedd y farchnad

1189
00:55:07,280 --> 00:55:11,164
i brynu ffôn newydd oherwydd eu bod yn unig
Ni fydd diweddaru eich hen ffôn anymore.

1190
00:55:11,164 --> 00:55:13,330
Felly rydych yn colli allan ar y
nodweddion mwyaf diweddaraf ac,

1191
00:55:13,330 --> 00:55:17,520
oherwydd ei fod yn gostus iddyn nhw fel
cwmni i gynnal hŷn, gellid dadlau

1192
00:55:17,520 --> 00:55:19,330
fersiynau israddol o feddalwedd.

1193
00:55:19,330 --> 00:55:23,660
Ond yr effaith net yw bod
rydym hefyd yn dioddef hyn hefyd.

1194
00:55:23,660 --> 00:55:26,550
>> Felly, gadewch i ni edrych ar ddim ond
un neu ddau o bethau terfynol yma.

1195
00:55:26,550 --> 00:55:29,740
Gadewch i ni guro oddi go gyflym rhai o'r
bwledi eraill hynny, os chwilfrydig.

1196
00:55:29,740 --> 00:55:33,440
Felly, os ydych yn ceisio,
er enghraifft, safle

1197
00:55:33,440 --> 00:55:36,420
y testun ar ochrau gwahanol o'r
dudalen, dw i'n mynd i wneud un ffordd gyflym,

1198
00:55:36,420 --> 00:55:38,360
ond mae yna wahanol
ffyrdd o wneud hyn.

1199
00:55:38,360 --> 00:55:42,610
Gadewch i mi fynd yn ei flaen ac yn eliminate--
symleiddio'r hyn fel a ganlyn.

1200
00:55:42,610 --> 00:55:45,330
Gadewch i mi fynd yn ôl at fy
, Paragraffau syml syml.

1201
00:55:45,330 --> 00:55:47,760
Gadewch i mi fynd yn ôl at fy styles.css.

1202
00:55:47,760 --> 00:55:51,040
Ac Im 'jyst yn mynd i ddefnyddio'r simple--
sydd efallai y byddwch wedi gweld ar Google

1203
00:55:51,040 --> 00:55:54,430
neu galw i gof o earlier--
testun-alinio i'r dde.

1204
00:55:54,430 --> 00:55:56,220
Ac ail-lwytho'r dudalen hon.

1205
00:55:56,220 --> 00:55:58,470
Nawr mae popeth yn ymddangos
i fod yn iawn-alinio,

1206
00:55:58,470 --> 00:56:00,770
fel y byddech yn ei weld ar y uwchben yma.

1207
00:56:00,770 --> 00:56:04,470
>> Gallwn ni wneud iddo edrych ychydig yn fwy
archebu-fel, a gallwn ddweud "chyfiawnhau"

1208
00:56:04,470 --> 00:56:05,640
ac ail-lwytho.

1209
00:56:05,640 --> 00:56:09,870
Nawr mae'n braf a sgwâr ar y ddau
ochr, sydd yn fath o 'n glws.

1210
00:56:09,870 --> 00:56:12,220
Nod arall a oedd gennym yma
Roedd newid lliw y testun.

1211
00:56:12,220 --> 00:56:13,650
Felly, rydym yn gweld bod gyda fy testun coch.

1212
00:56:13,650 --> 00:56:15,630
Ac yn awr yn ychwanegu botymau i gael ffurflen.

1213
00:56:15,630 --> 00:56:19,390
Felly pam nad ydym yn ceisio gwneud yn union hyn?

1214
00:56:19,390 --> 00:56:23,656
Ond yn gyntaf, gadewch i mi fynd i safle sy'n
mae'r rhan fwyaf ohonom yn defnyddio pob day-- Google.

1215
00:56:23,656 --> 00:56:25,780
A gadewch i ni edrych ar
sut mae Google yn gweithio mewn gwirionedd.

1216
00:56:25,780 --> 00:56:26,821
Ond dw i'n mynd i wneud hyn.

1217
00:56:26,821 --> 00:56:31,930
Yn gyntaf gadewch i mi wneud hynny in-- yep,
gadewch i mi fynd i Google yn gyntaf.

1218
00:56:31,930 --> 00:56:34,530
Rydw i'n mynd i gael i fynd
i mewn i Google Settings,

1219
00:56:34,530 --> 00:56:40,660
oherwydd yr wyf am i analluoga
rywbeth o'r enw Canlyniadau Instant.

1220
00:56:40,660 --> 00:56:43,580
>> Felly efallai eich bod wedi sylwi yn
Google days-- rhain gadewch i mi fynd yn ôl

1221
00:56:43,580 --> 00:56:44,850
a throi hyn ymlaen.

1222
00:56:44,850 --> 00:56:47,900
Felly os byddaf yn dechrau chwilio
ar gyfer "cathod" fel hyn,

1223
00:56:47,900 --> 00:56:50,120
sylwi bod nid yn unig yn ei wneud
Rwy'n cael auto-gwblhau i fyny

1224
00:56:50,120 --> 00:56:54,520
uchaf, yn sydyn, mae'r dudalen ei hun
Ymddengys i newid eithaf cyflym yn ogystal,

1225
00:56:54,520 --> 00:56:58,750
a dyna Google gan ddefnyddio iaith
Gelwir JavaScript ceisio bod o gymorth.

1226
00:56:58,750 --> 00:57:01,540
Ond yn anffodus, mae'n fath
o gwneud cawl ein trafodaeth

1227
00:57:01,540 --> 00:57:04,010
o'r hyn sy'n digwydd mewn gwirionedd
o dan y cwfl yma.

1228
00:57:04,010 --> 00:57:09,070
Felly yr wyf yn unig fath o cyflym
trowch oddi canlyniadau sydyn.

1229
00:57:09,070 --> 00:57:11,510
Ac yr wyf i'n mynd i glicio Save.

1230
00:57:11,510 --> 00:57:13,930
Ac yn awr yr wyf i'n mynd i agor
bod bar offer diagnostig fy mod

1231
00:57:13,930 --> 00:57:16,150
cadw'r agoriad o dan y tab Rhwydwaith.

1232
00:57:16,150 --> 00:57:17,720
Felly gadewch i ni wneud hyn.

1233
00:57:17,720 --> 00:57:21,960
Gadewch me-- whoops--
sgrolio hyn i lawr ychydig.

1234
00:57:21,960 --> 00:57:24,410
A gadewch i mi chwilio am "cathod."

1235
00:57:24,410 --> 00:57:26,790
>> Ac yn awr notice-- mewn gwirionedd,
mae hwn yn gyfle da

1236
00:57:26,790 --> 00:57:28,840
i drafod am funud.

1237
00:57:28,840 --> 00:57:32,460
Sylwch ar y foment type-- yn ei atal.

1238
00:57:32,460 --> 00:57:35,250
Atal.

1239
00:57:35,250 --> 00:57:35,790
IAWN.

1240
00:57:35,790 --> 00:57:40,870
Sylwch ar y hyn o bryd rwy'n teipio'r llythyr
C, gwyliwch y waelod y sgrîn.

1241
00:57:40,870 --> 00:57:48,600
A- T S. Beth mae'r gwaelod
y sgrin hon, fy tab Rhwydwaith,

1242
00:57:48,600 --> 00:57:53,320
awgrymu yn digwydd bob
tro rwy'n teipio llythyr?

1243
00:57:53,320 --> 00:57:57,700
Yn anffodus, y broga yn iawn
heddiw tynnu sylw neu'r shamrock

1244
00:57:57,700 --> 00:58:00,339
neu beth bynnag y mae.

1245
00:58:00,339 --> 00:58:01,880
Beth oedd yn digwydd bob tro rwy'n teipio?

1246
00:58:01,880 --> 00:58:04,230
A gadewch i mi glirio'r
clustogi a deipio eto.

1247
00:58:04,230 --> 00:58:06,580
whoops So--.

1248
00:58:06,580 --> 00:58:13,280
Bob tro rwy'n teipio llythyr, C- A- T--
felly rhes newydd yn amlwg yn cadw ymddangos.

1249
00:58:13,280 --> 00:58:16,530
Beth mae pob un o'r rhesi rheini cynrychioli,
yn seiliedig ar yr hyn yr ydym wedi ei weld a'i drafod

1250
00:58:16,530 --> 00:58:17,339
hyd yn hyn?

1251
00:58:17,339 --> 00:58:18,130
GYNULLEIDFA: A chwilio?

1252
00:58:18,130 --> 00:58:21,770
DAVID J. Malan: A chwilio, neu
fwy cyffredinol, cais HTTP

1253
00:58:21,770 --> 00:58:23,125
o fy porwr i gweinyddwr.

1254
00:58:23,125 --> 00:58:29,090
Wel, pam fod fy porwr gwneud HTTP
gofyn bob tro rwy'n teipio llythyr?

1255
00:58:29,090 --> 00:58:30,502
>> GYNULLEIDFA: [Anghlywadwy]

1256
00:58:30,502 --> 00:58:33,210
DAVID J. Malan: Yeah, mae'n rhoi
mi canlyniadau auto-gwblhau hyn.

1257
00:58:33,210 --> 00:58:35,190
Fel, lle mae'r rhain yn
dod canlyniadau chwilio o?

1258
00:58:35,190 --> 00:58:38,120
Wel, bob tro rwy'n deipio
llythyr, Google yn anfon mwy

1259
00:58:38,120 --> 00:58:40,460
ac mae mwy a mwy o
y gair dwi'n teipio.

1260
00:58:40,460 --> 00:58:41,040
Pam?

1261
00:58:41,040 --> 00:58:44,540
Oherwydd eu bod yn awyddus i roi i mi yn
well ac yn well, awgrym gwell,

1262
00:58:44,540 --> 00:58:48,880
rhestr o awgrymiadau, ar gyfer yr hyn air
Im 'yn ceisio mewn gwirionedd yn gyflawn.

1263
00:58:48,880 --> 00:58:53,030
Felly mae hyn yn ei ddweud yn llythrennol bob
cymeriad i chi deipio i mewn i Google

1264
00:58:53,030 --> 00:58:56,900
yn cael ei anfon, yn y pen draw yn
swmp, ond weithiau hefyd yn un

1265
00:58:56,900 --> 00:59:00,620
ar y tro er mwyn gweithredu
Nodweddion auto-gwblhau hyn pan

1266
00:59:00,620 --> 00:59:03,000
mae'r data, wrth gwrs, ar y we.

1267
00:59:03,000 --> 00:59:08,780
>> Nawr, gadewch i ni edrych ar yr hyn mewn gwirionedd
digwydd pan fyddaf yn clicio Google Search.

1268
00:59:08,780 --> 00:59:10,420
Ac yna byddwn yn trosoledd hyn ein hunain.

1269
00:59:10,420 --> 00:59:15,320
Felly os wyf yn sgroliwch i lawr yn awr at y iawn
cais cyntaf a ddigwyddodd yn unig.

1270
00:59:15,320 --> 00:59:17,130
Sylwch ar y canlynol.

1271
00:59:17,130 --> 00:59:25,550
Cafodd ei anfon i gweddol hir URL--
https://www.google.com/search?

1272
00:59:25,550 --> 00:59:27,100
ac yna criw cyfan o bethau.

1273
00:59:27,100 --> 00:59:29,620
Gadewch i ni weld hyn mewn gwirionedd yn awr
yn y tab porwr ei hun.

1274
00:59:29,620 --> 00:59:31,310
Gadewch i ni gael gwared ar y bar offer yma.

1275
00:59:31,310 --> 00:59:33,140
Dyma y dudalen o ganlyniadau chwilio.

1276
00:59:33,140 --> 00:59:34,790
A rhybudd dyma yr URL.

1277
00:59:34,790 --> 00:59:37,430
Yn awr, mae'n debyg y gallwch ddyfalu
beth sy'n digwydd yma yn rhannol.

1278
00:59:37,430 --> 00:59:39,090
Felly, yn gyntaf oll, diffiniad.

1279
00:59:39,090 --> 00:59:42,570
Mae hyn mae'n debyg yw'r gyrchfan
lle mae'r ffurflen yn cael ei chyflwyno.

1280
00:59:42,570 --> 00:59:44,910
Felly pan fyddaf yn teipio yn y
geiriau "cathod" a daro Chofnoda,

1281
00:59:44,910 --> 00:59:48,460
yn ôl pob golwg Google anfonodd
fy mewnbwn testun i URL hwn

1282
00:59:48,460 --> 00:59:50,770
fy mod i wedi tynnu sylw at
yno, slaes chwilio.

1283
00:59:50,770 --> 00:59:56,530
Troi allan, mewn URL, unrhyw beth sy'n
sy'n digwydd ar ôl farc cwestiwn yw,

1284
00:59:56,530 --> 01:00:01,270
fel y byddwn yn cadw dweud, pâr allwedd-werth
a gafodd ei deipio i mewn i'r ffurflen neu'r rhywsut

1285
01:00:01,270 --> 01:00:04,500
a drosglwyddir gan y
porwr at 'r gweinyddwr.

1286
01:00:04,500 --> 01:00:07,180
>> Felly unrhyw adeg i chi deipio mewnbwn
i ffurf ar y we

1287
01:00:07,180 --> 01:00:10,000
ac mae'n anfon fel rydym wedi
bod yn trafod, drwy get,

1288
01:00:10,000 --> 01:00:12,400
un o'r rhain rhithwir
amlenni, y cynnwys

1289
01:00:12,400 --> 01:00:15,510
o hynny envelope-- ie, cadwch
cael stwffio yn gorfforol

1290
01:00:15,510 --> 01:00:19,010
i mewn i'r amlen yn y dosbarth
heddiw, ond yn dechnolegol

1291
01:00:19,010 --> 01:00:21,110
mae'n rhoi mewn gwirionedd yn yr URL.

1292
01:00:21,110 --> 01:00:22,940
Felly, mewn gwirionedd, gadewch i mi didoli drwy hyn.

1293
01:00:22,940 --> 01:00:25,010
Lle wyt ti'n gweld mewnbwn defnyddwyr?

1294
01:00:25,010 --> 01:00:27,490
Lle ydych chi'n gweld rhywbeth
fy mod fy hun teipio yma?

1295
01:00:27,490 --> 01:00:32,100

1296
01:00:32,100 --> 01:00:33,491
Yeah, felly "cathod."

1297
01:00:33,491 --> 01:00:33,990
Iawn?

1298
01:00:33,990 --> 01:00:36,380
Felly, gadewch i mi distill hwn
i mewn i rywbeth symlach.

1299
01:00:36,380 --> 01:00:39,917
Rydw i'n mynd i dileu popeth am
URL hwn nad wyf yn deall,

1300
01:00:39,917 --> 01:00:42,250
a Im 'jyst yn mynd i adael
fel this-- / chwilio? q = cathod.

1301
01:00:42,250 --> 01:00:45,640

1302
01:00:45,640 --> 01:00:47,890
Cawn weld ble q
dod o yn y man,

1303
01:00:47,890 --> 01:00:51,220
ond sy'n teimlo fel yr isafswm
faint o wybodaeth yr wyf ddarperir.

1304
01:00:51,220 --> 01:00:53,050
Ac yn awr yr wyf i'n mynd i daro Chofnoda.

1305
01:00:53,050 --> 01:00:55,520
Ac yn sylwi mae'n dal i weithio.

1306
01:00:55,520 --> 01:00:57,950
Rydym yn dal i fynd yn ôl criw cyfan o gathod.

1307
01:00:57,950 --> 01:01:00,340
Felly Google yn ffansi
na hyn y dyddiau hyn.

1308
01:01:00,340 --> 01:01:01,934
Mae'n 2016, nid 1999.

1309
01:01:01,934 --> 01:01:04,600
Felly mae pethau eraill y mae fy
porwr yn anfon at y gweinydd.

1310
01:01:04,600 --> 01:01:07,100
Ond mae hyn yn cyn lleied â phosibl
bob un sy'n angenrheidiol.

1311
01:01:07,100 --> 01:01:08,380
>> Felly beth sy'n mynd ymlaen?

1312
01:01:08,380 --> 01:01:14,320
Wel, yn gyntaf gadewch i mi fynd yn ei flaen ac yn mynd
yn ôl i Cloud9 a gadewch i mi fynd yn ei flaen

1313
01:01:14,320 --> 01:01:15,620
a cau fy tabs gynharach.

1314
01:01:15,620 --> 01:01:18,230
A byddaf yn gwneud hyn ar fy
yn berchen dim ond am eiliad.

1315
01:01:18,230 --> 01:01:20,730
Rydw i'n mynd i fynd yn ei flaen
ac yn creu ffeil newydd.

1316
01:01:20,730 --> 01:01:23,739
Ac yr wyf i'n mynd i gadw fel google.html.

1317
01:01:23,739 --> 01:01:26,280
Ac yr wyf i'n mynd i quickly-- iawn
Rydw i'n mynd i ddwyn, mewn gwirionedd,

1318
01:01:26,280 --> 01:01:28,510
rhywfaint o'r testun hwn yn unig i arbed amser.

1319
01:01:28,510 --> 01:01:30,610
Rydw i'n mynd i bastio hwn yn fan hyn.

1320
01:01:30,610 --> 01:01:33,850
Dydw i ddim yn mynd i drafferthu gyda
unrhyw stylization hyn o bryd.

1321
01:01:33,850 --> 01:01:38,340
Rydym yn mynd i alw hyn yn "Fy Google."

1322
01:01:38,340 --> 01:01:41,230
Ac yr wyf i'n mynd i gael gwared
o bopeth yn y corff.

1323
01:01:41,230 --> 01:01:42,740
Ac yr wyf i'n mynd i wneud y canlynol.

1324
01:01:42,740 --> 01:01:45,690
Gadewch i mi chwyddo i mewn.

1325
01:01:45,690 --> 01:01:50,620
Ffurflen action-- ac fel y soniais yn fyr
earlier-- whoops-- gan fy mod yn fyr

1326
01:01:50,620 --> 01:01:54,130
grybwyllwyd yn gynharach, y camau o
ffurflen yw pan fyddwch yn anfon data i.

1327
01:01:54,130 --> 01:01:56,620
Felly google.com/search.

1328
01:01:56,620 --> 01:01:59,390
A'r dull yr wyf am ei ddefnyddio
Gall fod yn un o ddau beth.

1329
01:01:59,390 --> 01:02:02,870
Gall fod naill ai fod yn "cael," fel yr ydym yn cadw
trafod, neu gall fod yn "post."

1330
01:02:02,870 --> 01:02:05,340
Am nawr, mae'r sylfaenol
gwahaniaeth yw, os ydych yn defnyddio "ei gael,"

1331
01:02:05,340 --> 01:02:09,590
yr holl wybodaeth y mae'r
defnyddiwr yn cael ei anfon yn darparu yn yr URL.

1332
01:02:09,590 --> 01:02:13,530
>> Mae hynny'n wych ar gyfer pethau fel chwiliad
peiriannau ac ychydig o geisiadau eraill,

1333
01:02:13,530 --> 01:02:17,080
ond ym mha byddai amgylchiadau
nad ydych am i lenwi ffurflen

1334
01:02:17,080 --> 01:02:21,620
ac wedi y wybodaeth yn y pen draw y
URL, fel ym mar cyfeiriad eich porwr?

1335
01:02:21,620 --> 01:02:25,470

1336
01:02:25,470 --> 01:02:26,605
Pa fath o ffurflenni gwneud you--

1337
01:02:26,605 --> 01:02:27,480
GYNULLEIDFA: [Anghlywadwy]

1338
01:02:27,480 --> 01:02:28,450
DAVID J. Malan: Yeah, fel beth?

1339
01:02:28,450 --> 01:02:29,270
GYNULLEIDFA: Cyfrineiriau.

1340
01:02:29,270 --> 01:02:31,936
DAVID J. Malan: Yeah, felly byddwch yn logio
mewn i Facebook neu ryw gwefan.

1341
01:02:31,936 --> 01:02:34,395
Dyna mewnbwn defnyddwyr rhag
ffurflen, blwch testun,

1342
01:02:34,395 --> 01:02:37,020
ond mae'n debyg nad ydych am ei gael
yn arddangos i fyny yn URL y porwr.

1343
01:02:37,020 --> 01:02:38,121
Pam?

1344
01:02:38,121 --> 01:02:40,870
Yr wyf yn golygu, efallai, mae rhai
goblygiadau diogelwch ar y rhwydwaith,

1345
01:02:40,870 --> 01:02:44,830
ond more-- hoffi, yn fwy syml, beth os
eich roommate, eich arwyddocaol eraill,

1346
01:02:44,830 --> 01:02:47,710
eich plant, eich priod yn edrych
drwy hanes eich porwr?

1347
01:02:47,710 --> 01:02:50,762
Mae eich hawl cyfrinair
yno yn hanes eich porwr.

1348
01:02:50,762 --> 01:02:52,220
Nid yw hynny'n teimlo fel dylunio da.

1349
01:02:52,220 --> 01:02:54,500
Neu hyd yn oed yn fwy technegol,
Mae'n debyg eich bod yn ceisio

1350
01:02:54,500 --> 01:02:59,180
i lwytho llun i Flickr
neu Facebook neu wherever--

1351
01:02:59,180 --> 01:03:03,010
hynny yw mewnbwn defnyddwyr, er bod
mae'n ychydig yn fwy interesting-- sut

1352
01:03:03,010 --> 01:03:05,530
ydw i'n gwasgu delwedd yn y bar URL?

1353
01:03:05,530 --> 01:03:06,730
Rydych fath o fath o all.

1354
01:03:06,730 --> 01:03:07,396
Rydych fath o all.

1355
01:03:07,396 --> 01:03:10,210
Ond, mewn gwirionedd, rwy'n dan bwysau
ddychmygu wneud hynny.

1356
01:03:10,210 --> 01:03:13,470
Felly, yr wyf angen dull arall ar gyfer
llwytho lluniau i wefan,

1357
01:03:13,470 --> 01:03:15,657
ac a alwodd y dull arall "post."

1358
01:03:15,657 --> 01:03:18,740
Ond am nawr, byddwn yn unig yn siarad am
"Ei gael," sef y dull symlaf o'r ddau.

1359
01:03:18,740 --> 01:03:21,100
'I jyst yn rhoi'r holl
mewnbwn defnyddwyr i mewn i'r URL.

1360
01:03:21,100 --> 01:03:22,830
>> Felly dyma y ffurflen dwi'n creu.

1361
01:03:22,830 --> 01:03:24,070
Yr wyf am gael mewnbwn.

1362
01:03:24,070 --> 01:03:24,820
A ydych yn gwybod beth?

1363
01:03:24,820 --> 01:03:26,111
Rydw i'n mynd i gymryd dyfalu yma.

1364
01:03:26,111 --> 01:03:31,600
Rydw i'n mynd i cofio fy
mewnbwn "q" yn lle "ymholiad."

1365
01:03:31,600 --> 01:03:34,970
Ac yr wyf yn credu bod hyn yn un o'r
dyluniadau gwreiddiol, efallai, o 1999.

1366
01:03:34,970 --> 01:03:39,560
Ac yna y math o fewnbwn hwn
yn unig yn mynd i fod yn "destun."

1367
01:03:39,560 --> 01:03:43,040
Ac yna dwi'n mynd i gael mewnbwn arall
nad oes angen enw, fel yr ydym annhymerus 'yn fuan

1368
01:03:43,040 --> 01:03:45,120
gweld, y math o sy'n "cyflwyno."

1369
01:03:45,120 --> 01:03:47,070
Ac mae hyn yn mynd i
rhoi botwm arbennig i mi.

1370
01:03:47,070 --> 01:03:48,320
A dyna ni.

1371
01:03:48,320 --> 01:03:50,790
>> Felly, gadewch i mi fynd yn ei flaen ac arbed y ffeil hon.

1372
01:03:50,790 --> 01:03:54,910
Rydw i'n mynd i fynd yn ôl at fy
porwr a mynd i google.html.

1373
01:03:54,910 --> 01:03:56,140
Enter.

1374
01:03:56,140 --> 01:03:59,680
Ac mae'n fath o denau
a dweud y lleiaf.

1375
01:03:59,680 --> 01:04:03,110
Ond gadewch i mi fynd yn ei flaen
a chwilio am "cathod."

1376
01:04:03,110 --> 01:04:06,510
Ac yn sylwi fy mod ar hyn o bryd
ar hyn o URL Cloud9.

1377
01:04:06,510 --> 01:04:09,240
Ond mae'r hyn o bryd rwy'n cliciwch yma,
ble ydych chi'n gobeithio byddaf yn y pen draw?

1378
01:04:09,240 --> 01:04:10,160
>> GYNULLEIDFA: Google.

1379
01:04:10,160 --> 01:04:11,118
>> DAVID J. Malan: Google.

1380
01:04:11,118 --> 01:04:12,740
Felly gadewch i ni cliciwch Cyflwyno.

1381
01:04:12,740 --> 01:04:15,200
Ac yn wir yr wyf wedi ail-weithredu Google.

1382
01:04:15,200 --> 01:04:15,700
Iawn?

1383
01:04:15,700 --> 01:04:16,480
Mae'n symlach.

1384
01:04:16,480 --> 01:04:17,120
Mae'n ysgafnach.

1385
01:04:17,120 --> 01:04:20,350
Yr wyf yn golygu, fy cod yn amlwg yn well na
hwy, o'r llanast gwelsom yn gynharach.

1386
01:04:20,350 --> 01:04:21,100
A ydych yn gwybod beth?

1387
01:04:21,100 --> 01:04:22,610
Rydw i'n mynd i sbeis hyn i fyny ychydig bach.

1388
01:04:22,610 --> 01:04:23,860
Doeddwn i ddim yn sôn am hyn yn gynharach.

1389
01:04:23,860 --> 01:04:27,860
Mae tagiau fel H1, er Heading 1,
y pennawd mwyaf pwysig mewn tudalen.

1390
01:04:27,860 --> 01:04:30,570
"Mae fy Google," Byddaf yn galw hyn.

1391
01:04:30,570 --> 01:04:31,940
Gadewch i mi ail-lwytho.

1392
01:04:31,940 --> 01:04:33,772
Mae'n edrych ychydig yn well yn barod.

1393
01:04:33,772 --> 01:04:34,980
Ac, mewn gwirionedd, eich bod yn gwybod beth?

1394
01:04:34,980 --> 01:04:36,430
Rwyf wedi already-- wyf yn dweud celwydd.

1395
01:04:36,430 --> 01:04:40,200
Dywedais nad oeddwn yn mynd i arddull hwn,
ond rwy'n mynd i arddull hwn fel o'r blaen.

1396
01:04:40,200 --> 01:04:46,860
Ac mae fy nghorff yn mynd i fod,
gadewch i ni ddweud, canolfan testun-alinio.

1397
01:04:46,860 --> 01:04:48,800
Mae'n edrych yn fwy fel Google yn barod.

1398
01:04:48,800 --> 01:04:51,090
>> Rwyf angen seibiant llinell, fodd bynnag,
am hynny botwm Cyflwyno.

1399
01:04:51,090 --> 01:04:52,798
Ac mae'n troi allan, byddwch yn
Gall defnyddio paragraffau,

1400
01:04:52,798 --> 01:04:57,320
neu gallwch fwy llythrennol dim ond dweud,
rhoi llinell doriad Yma-- y tag br mi.

1401
01:04:57,320 --> 01:04:59,319
Ac os wyf yn ail-lwytho hwn, erbyn hyn mae'n mynd yno.

1402
01:04:59,319 --> 01:05:01,610
Mae'n ychydig yn hyll, felly yr wyf yn
Gallai wneud toriadau llinell lluosog,

1403
01:05:01,610 --> 01:05:03,310
ond gadewch i ni beidio mynd yn rhy barus yma.

1404
01:05:03,310 --> 01:05:06,430
Felly nawr gadewch i ni weld os bydd yn gweithio ar gyfer "cŵn."

1405
01:05:06,430 --> 01:05:08,640
Mae'n ymddangos i weithio i "cŵn," yn ogystal.

1406
01:05:08,640 --> 01:05:10,780
Felly beth yw'r prydau parod cymhellol yma?

1407
01:05:10,780 --> 01:05:13,600
Nid One-- yn gam enfawr i
cyflwyno ychydig mwy tagiau,

1408
01:05:13,600 --> 01:05:15,370
fel y ffurf tag yn y tag mewnbwn.

1409
01:05:15,370 --> 01:05:17,120
Ond yn fwy sylfaenol
yw, y cyfan rydym yn ei wneud

1410
01:05:17,120 --> 01:05:20,610
yn ddylanwad busnes ein dealltwriaeth
o HTTP a'r ffaith

1411
01:05:20,610 --> 01:05:24,900
bod ffurflenni yn y pen draw yn newid
beth sydd yn y URL y porwr,

1412
01:05:24,900 --> 01:05:28,540
ac felly, felly, y gallwn
fecanyddol yn darparu mewnbwn i weinydd

1413
01:05:28,540 --> 01:05:33,600
drwy wneud ffurflen HTML a gwybod
bod y gweinydd yn deall HTTP,

1414
01:05:33,600 --> 01:05:36,890
yn union fel ein corff yn deall, fel,
ysgwyd fy llaw, yr un protocol,

1415
01:05:36,890 --> 01:05:40,920
ac felly rydym yn mynd yn ôl yr ymateb
rydym yn y pen draw yn ei ddisgwyl.

1416
01:05:40,920 --> 01:05:44,050
>> Felly gadewch i ni geisio gwneud un
peth olaf yn awr gyda symudol,

1417
01:05:44,050 --> 01:05:47,052
a byddaf make-- byddaf yn ychwanegu
cod hwn i'r sleidiau.

1418
01:05:47,052 --> 01:05:49,760
Felly, os hoffech chi tincer, chi
gall sicr yn mynd ymlaen o hynny.

1419
01:05:49,760 --> 01:05:51,551
Ond dw i'n mynd i fynd
yn ei flaen ac yn gwneud un peth.

1420
01:05:51,551 --> 01:05:54,120
Rydw i'n mynd i fynd yn ei flaen a
agor fy page-- mynegai

1421
01:05:54,120 --> 01:05:59,030
fy nhudalen helo fel o'r blaen, a oedd yn
Mae llawer o hyn testun faux-Lladin,

1422
01:05:59,030 --> 01:06:05,470
neu ddiystyr testun Lladin, a has--
mae'n edrych fel hyn ar hyn o faint y ffont.

1423
01:06:05,470 --> 01:06:07,850
Ond gadewch i mi fynd yn ei flaen ac yn gwneud hyn.

1424
01:06:07,850 --> 01:06:09,300
Rydw i'n mynd i fynd i mewn i Cloud9.

1425
01:06:09,300 --> 01:06:10,380
A does dim rhaid i chi wneud y cam hwn.

1426
01:06:10,380 --> 01:06:11,420
'N annhymerus' jyst yn gwneud hynny fy hun.

1427
01:06:11,420 --> 01:06:12,890
Rydw i'n mynd i glicio Share.

1428
01:06:12,890 --> 01:06:15,170
Ac mae hyn yn nodwedd
ychydig o Cloud9, lle

1429
01:06:15,170 --> 01:06:17,710
Gallaf wneud fy amgylchedd gyhoeddus.

1430
01:06:17,710 --> 01:06:20,240
>> A dim ond er mwyn y
arddangos, gadewch i mi wneud hyn.

1431
01:06:20,240 --> 01:06:22,870
Rydw i'n mynd i wneud fy gyhoeddus cais.

1432
01:06:22,870 --> 01:06:25,230
Sylwch mae wedi fy rhybuddio, wyf
Rwyf yn siŵr fy mod am wneud hyn,

1433
01:06:25,230 --> 01:06:28,438
gan fod hyn yn mynd i wneud i bawb
yn y byd, a ydynt ni yma yn awr

1434
01:06:28,438 --> 01:06:33,560
neu wylio fideo yn ddiweddarach ar y
y rhyngrwyd yn gallu gweld yr hyn yr wyf yn ei weld.

1435
01:06:33,560 --> 01:06:34,440
Ond mae hynny'n iawn.

1436
01:06:34,440 --> 01:06:37,870
Dw i'n mynd i ddweud "Done."

1437
01:06:37,870 --> 01:06:42,080
A gadewch i mi eich annog, os gwneuthum
correctly-- hyn gadewch i mi brofi yn gyntaf.

1438
01:06:42,080 --> 01:06:45,590
Fynd yn ei flaen, os nad ydych yn mind--
mewn porwr ar eich cyfrifiadur,

1439
01:06:45,590 --> 01:06:49,900
ewch i'r URL hwn, a gobeithio
byddwch yn gweld fy testun Lladin.

1440
01:06:49,900 --> 01:06:52,820
Ac i fod yn glir, mae'n
Nid yw yn rhedeg ar fy laptop.

1441
01:06:52,820 --> 01:06:53,610
Mae yn y cwmwl.

1442
01:06:53,610 --> 01:06:58,120
Mae'n ar Cloud9, yn llythrennol, ond
Rydw i wedi gwneud fy gyhoeddus lle gwaith

1443
01:06:58,120 --> 01:07:03,450
fel bod unrhyw un ar y rhyngrwyd
yn gallu cael mynediad fy dudalen gartref Lladin.

1444
01:07:03,450 --> 01:07:07,209
>> Ewch i'r un URL ar
eich ffôn, os gallech.

1445
01:07:07,209 --> 01:07:09,750
Os byddwch yn ei gostio i chi, fodd bynnag, byddwch yn
Gall dim ond yn edrych dros ysgwydd.

1446
01:07:09,750 --> 01:07:40,688

1447
01:07:40,688 --> 01:07:42,467
GYNULLEIDFA: [Anghlywadwy]

1448
01:07:42,467 --> 01:07:43,550
DAVID J. Malan: Mae'n ddrwg gen i?

1449
01:07:43,550 --> 01:07:45,390
GYNULLEIDFA: [Anghlywadwy]

1450
01:07:45,390 --> 01:07:47,710
DAVID J. Malan: Dim ond geiriau Lladin.

1451
01:07:47,710 --> 01:07:48,210
Dyna i gyd.

1452
01:07:48,210 --> 01:07:49,250
Ond dyna beth y dylech ei weld.

1453
01:07:49,250 --> 01:07:49,875
>> GYNULLEIDFA: Yeah.

1454
01:07:49,875 --> 01:07:50,790
DAVID J. Malan: Yeah.

1455
01:07:50,790 --> 01:07:51,300
Yeah.

1456
01:07:51,300 --> 01:07:51,540
IAWN.

1457
01:07:51,540 --> 01:07:53,530
Felly gallaf ddal i fyny 'ch
ffôn am ddim ond hyn o bryd?

1458
01:07:53,530 --> 01:07:57,504
Felly, gobeithio, os ydych yn cael mynediad
hynny, dylai edrych bron yn annarllenadwy.

1459
01:07:57,504 --> 01:07:59,920
Mae'n still-- wyf yn golygu, 'i'
annarllenadwy oherwydd y Lladin.

1460
01:07:59,920 --> 01:08:01,920
Ond mae hefyd yn annarllenadwy
am ba reswm arall?

1461
01:08:01,920 --> 01:08:03,775
Fel, beth displeases chi am hyn?

1462
01:08:03,775 --> 01:08:04,650
GYNULLEIDFA: Mae'n fach.

1463
01:08:04,650 --> 01:08:06,420
DAVID J. Malan: Mae'n super, super bach.

1464
01:08:06,420 --> 01:08:07,920
Felly, sut y gallem atgyweiria hon?

1465
01:08:07,920 --> 01:08:09,730
Mae'n super, super bach
ar y ffôn Victoria

1466
01:08:09,730 --> 01:08:11,400
ac, os ydych chi wedi tynnu
i fyny eich hun, yn ôl pob tebyg

1467
01:08:11,400 --> 01:08:14,660
bach ar eich ffôn yn ogystal, oni bai eich bod
rhaid gosodiadau hygyrchedd alluogi.

1468
01:08:14,660 --> 01:08:15,530
Beth yw hwnna?

1469
01:08:15,530 --> 01:08:18,497
Fe allech chi jyst pinsiad a
zoom, sydd yn ymarferol,

1470
01:08:18,497 --> 01:08:20,330
ond yna rydych ond yn gweld
ychydig eiriau ar y tro.

1471
01:08:20,330 --> 01:08:20,859
Felly arhoswch funud.

1472
01:08:20,859 --> 01:08:21,720
Rwy'n gwybod sut i atgyweiria hon.

1473
01:08:21,720 --> 01:08:22,219
Iawn?

1474
01:08:22,219 --> 01:08:26,130
Gallwn i ddefnyddio CSS, a gallwn newid y
maint y ffont o 12 pwynt i 24 pwynt.

1475
01:08:26,130 --> 01:08:29,020
Ond ar ochr effaith hynny,
wrth gwrs, yn mynd i fod yn awr,

1476
01:08:29,020 --> 01:08:32,630
ar ben-desg neu liniadur,
Erbyn hyn mae'r testun yn ddwywaith mor fawr.

1477
01:08:32,630 --> 01:08:35,810
Ac felly byddai'n fath o fod yn neis
i wahaniaethu rhwng dyfeisiau,

1478
01:08:35,810 --> 01:08:37,840
ac mae'n troi allan yno
yn ffyrdd o wneud hynny.

1479
01:08:37,840 --> 01:08:39,590
Mae nifer o
ffordd wahanol, mewn gwirionedd,

1480
01:08:39,590 --> 01:08:44,189
lle gan ddefnyddio CSS a nodweddion ffansi
na fyddwn yn mynd i yn fanwl iawn,

1481
01:08:44,189 --> 01:08:46,960
gallwch ei hanfod ymholiad
y porwr ac yn dweud,

1482
01:08:46,960 --> 01:08:51,550
os yw eich sgrîn yn llai na hyn
llawer o picsel, defnyddiwch maint y ffont hwn.

1483
01:08:51,550 --> 01:08:55,180
Os yw eich sgrîn yn fwy na hyn
llawer o picsel, defnyddiwch y maint ffont arall.

1484
01:08:55,180 --> 01:08:57,080
>> Gallwch fod hyd yn oed ffansi o hyd.

1485
01:08:57,080 --> 01:09:00,140
Os ydych erioed wedi ymweld â
tudalen ar y we sydd, ar ben-desg,

1486
01:09:00,140 --> 01:09:04,404
Mae bwydlen mawr efallai i ffwrdd i'r
ochr, ac yna i gyd y cynnwys

1487
01:09:04,404 --> 01:09:07,029
yn gyfeiriad at y ochr y menu--
dyna fath o patrwm cyffredin.

1488
01:09:07,029 --> 01:09:09,670
Ddewislen ar y chwith, cynnwys
ar y dde, neu i'r gwrthwyneb.

1489
01:09:09,670 --> 01:09:13,569
Nid yw'n wir yn gweithio ar ffôn symudol pan fydd eich
sgrin Dim ond hyn lawer picsel o led.

1490
01:09:13,569 --> 01:09:16,233
Felly fwy cyffredin ar ffôn symudol yw,
Bydd eich bwydlen yn sydyn cael

1491
01:09:16,233 --> 01:09:18,399
cwympo, ac mae gennych i
cliciwch ar un botwm i weld,

1492
01:09:18,399 --> 01:09:22,404
neu a fydd y wefan yn rhoi 'r ddewislen
uwch ei ben a rhowch y cynnwys oddi tano.

1493
01:09:22,404 --> 01:09:24,779
A gallwch weithredu'r rhain
pethau mewn sawl ffordd, hefyd.

1494
01:09:24,779 --> 01:09:28,340
Gallwch ofyn i'ch rhaglenwyr,
hey, tîm, unrhyw adeg

1495
01:09:28,340 --> 01:09:34,450
byddwch yn gweld cais HTTP gan Android
dyfais, dyfais Microsoft, Google

1496
01:09:34,450 --> 01:09:39,930
dyfais, dyfais Apple, yn defnyddio hyn
maint y ffont a defnyddio cynllun ddewislen hon,

1497
01:09:39,930 --> 01:09:42,670
neu fel arall yn defnyddio'r cynllun rhagosodedig hwn yn fwy.

1498
01:09:42,670 --> 01:09:45,410
>> Yn awr, gan ddefnyddio'r hyn
techneg sylfaenol heddiw

1499
01:09:45,410 --> 01:09:48,529
gallai'r peirianwyr ddefnyddio
i wybod a yw'n

1500
01:09:48,529 --> 01:09:53,660
iPhone, ffôn Android, gliniadur,
n ben-desg sy'n ymweld gweinydd y cwmni?

1501
01:09:53,660 --> 01:09:55,310
Wherein maen nhw'n cael y wybodaeth honno?

1502
01:09:55,310 --> 01:09:56,080
>> GYNULLEIDFA: Pennyn?

1503
01:09:56,080 --> 01:09:57,740
>> DAVID J. Malan: Yeah, y pennawd HTTP.

1504
01:09:57,740 --> 01:10:01,714
Felly pob cais HTTP yn dod o
eu cwsmeriaid i eu gweinyddion

1505
01:10:01,714 --> 01:10:03,880
cynnwys, y tu mewn y rhith
amlen, criw cyfan

1506
01:10:03,880 --> 01:10:08,260
o penawdau HTTP, ac un ohonynt yw
y porwr a system weithredu

1507
01:10:08,260 --> 01:10:10,290
hyd yn oed, os ydych yn gofalu i
bod lefel y manylder.

1508
01:10:10,290 --> 01:10:13,790
Yn awr, mae'n llinyn cryptig-edrych, ond
mae yn bodoli meddalwedd a fydd yn unig

1509
01:10:13,790 --> 01:10:18,530
symleiddio hynny, a gallwch ofyn
mewn rhaglenni code-- PHP, Java, C ++,

1510
01:10:18,530 --> 01:10:23,650
whatever-- pa ffôn yn this--
pa ddyfais yn defnyddiwr hwn yn defnyddio?

1511
01:10:23,650 --> 01:10:27,501
Ac yna gallwch ddweud, dangos iddynt hon
fersiwn o'r wefan os mae'n ffôn.

1512
01:10:27,501 --> 01:10:30,250
Dangoswch y fersiwn hon o'r ohonynt
gwefan os yw'n gliniadur neu n ben-desg.

1513
01:10:30,250 --> 01:10:32,316
Ond nid oes hyd yn oed angen i chi
cymhlethdod ochr y gweinydd.

1514
01:10:32,316 --> 01:10:33,940
Gallwch wneud hyd yn oed y symlaf o bethau.

1515
01:10:33,940 --> 01:10:34,815
>> Rydw i'n mynd i wneud hyn.

1516
01:10:34,815 --> 01:10:38,995
Rydw i'n mynd i fynd yn ei flaen i mewn i
fy amgylchedd Cloud9,

1517
01:10:38,995 --> 01:10:41,370
a dw i'n mynd i ychwanegu tag
eich bod yn gweld yn Google blaen.

1518
01:10:41,370 --> 01:10:42,770
Mae'n cael ei alw y metatag.

1519
01:10:42,770 --> 01:10:45,520
Ac yr wyf byth yn cofio yr un yma, felly
Rydw i'n mynd i drawsgrifio yma.

1520
01:10:45,520 --> 01:10:50,552
enw meta = "viewport" ac yna
content = "width = lled ddyfais, intital

1521
01:10:50,552 --> 01:11:02,060
graddfa = 1 "a dyna ni.

1522
01:11:02,060 --> 01:11:06,230
>> Felly gallai fod yn ogystal fod yn
fel incantation hudol.

1523
01:11:06,230 --> 01:11:11,300
Nid yw'n bob un sy'n glir, ond mae hyn wedi
rhywbeth i'w wneud â'r viewport,

1524
01:11:11,300 --> 01:11:15,070
ac mae'r viewport yn unig yw corff
tudalen ar y we, y rhanbarth petryal sy'n

1525
01:11:15,070 --> 01:11:16,690
yn diffinio rhan fwyaf y dudalen.

1526
01:11:16,690 --> 01:11:19,060
Ac mae hyn yn unig yw dweud
y porwr, eich bod yn gwybod beth?

1527
01:11:19,060 --> 01:11:22,589
Gwnewch lled y dudalen hon
effeithiol hafal i'r lled ddyfais.

1528
01:11:22,589 --> 01:11:25,380
Mewn geiriau eraill, peidiwch â chymryd yn ganiataol bod
mae gennych fath o ofod diderfyn.

1529
01:11:25,380 --> 01:11:29,920
Cymryd yn ganiataol eich unig cymaint wedi
ofod wrth y ddyfais ei hun yn fawr.

1530
01:11:29,920 --> 01:11:34,454
Ac felly yn awr, os wyf ail-lwytho hwn
yn fy porwr, yr wyf yn gweld unrhyw newid.

1531
01:11:34,454 --> 01:11:37,370
Ond os wyf yn gwneud correctly-- hwn ac
gadewch i mi groesi fy fingers-- os ydych i gyd

1532
01:11:37,370 --> 01:11:42,920
ail-lwytho eich ffonau, a ydych yn
gweld newid grymus?

1533
01:11:42,920 --> 01:11:43,620
Yeah, yn that--

1534
01:11:43,620 --> 01:11:45,067
>> GYNULLEIDFA: [Anghlywadwy]

1535
01:11:45,067 --> 01:11:45,900
DAVID J. Malan: Ydw.

1536
01:11:45,900 --> 01:11:46,400
IAWN.

1537
01:11:46,400 --> 01:11:47,850
Felly gellid dadlau mwy darllenadwy nawr?

1538
01:11:47,850 --> 01:11:53,070
Still bach, i fod yn deg, ond nid
mor fach ag i fod yn anhylaw.

1539
01:11:53,070 --> 01:11:56,920
A gallai wyf yn sicr yn gwrthwneud hwn
ymhellach gyda CSS neu ar y ochr y gweinydd,

1540
01:11:56,920 --> 01:12:00,120
ond yn gynyddol yr hyn yr ydych chi'n
gweld yn fwy a mwy o nodweddion

1541
01:12:00,120 --> 01:12:02,900
cael eu hychwanegu at
environments-- ochr cleientiaid

1542
01:12:02,900 --> 01:12:06,530
JavaScript, fel y byddwn yn trafod
yfory, CSS, ac HTML-- felly

1543
01:12:06,530 --> 01:12:09,190
bod pob un o'r ymholiadau hyn
gellir ei wneud ar y cleient

1544
01:12:09,190 --> 01:12:11,910
fel ag i trafferthu y
gweinydd yn llawer llai ac nid

1545
01:12:11,910 --> 01:12:14,530
i gael i gadw i fyny gyda, er
enghraifft, ymosodiad cyson

1546
01:12:14,530 --> 01:12:17,210
o weithredu-system newydd
Mae fersiynau, fersiynau porwr newydd.

1547
01:12:17,210 --> 01:12:20,190
Gallwch dim ond gadael y porwr
gofynnwch i'r ddyfais, pa mor fawr wyt ti,

1548
01:12:20,190 --> 01:12:22,890
ac yna gwneud braidd yn rhesymegol
penderfyniadau yn seiliedig ar hynny.

1549
01:12:22,890 --> 01:12:25,140
Ond byddwn yn gweld mwy o gyfleoedd
ar gyfer penderfyniadau rhesymegol

1550
01:12:25,140 --> 01:12:27,223
yfory yng nghyd-destun
iaith raglennu.

1551
01:12:27,223 --> 01:12:29,800

1552
01:12:29,800 --> 01:12:32,760
>> Felly, unrhyw gwestiynau, yna,
ar ddatblygu we?

1553
01:12:32,760 --> 01:12:36,130
Nid heddiw yn rhaglennu ar y we, y
se, gan fod y rhan fwyaf o bopeth yr ydym yn gwneud

1554
01:12:36,130 --> 01:12:38,370
Roedd esthetig iawn, os mynnwch.

1555
01:12:38,370 --> 01:12:41,750
Nid oes unrhyw broses o wneud penderfyniadau yn
y cod sy'n rydym wedi ysgrifennu,

1556
01:12:41,750 --> 01:12:44,990
ac felly dyna pam HTML yn markup
iaith, nid iaith raglennu.

1557
01:12:44,990 --> 01:12:47,140
Ond yfory byddwn yn cymryd
edrych yn sydyn, yn y pen draw,

1558
01:12:47,140 --> 01:12:49,340
yn JavaScript, sef
mae rhaglenni gwirioneddol

1559
01:12:49,340 --> 01:12:54,220
iaith sy'n gadael i ni wneud ychydig mwy.

1560
01:12:54,220 --> 01:12:56,800
>> Unrhyw gwestiynau?

1561
01:12:56,800 --> 01:13:00,480
Wel, gadewch i mi yn cynnig dau
cyfleoedd dewisol ar gyfer gwaith cartref.

1562
01:13:00,480 --> 01:13:02,900
Mae un yw-- Cloud9 hyn
Ni fydd cyfrifon yn dod i ben.

1563
01:13:02,900 --> 01:13:04,669
Mae croeso i chi ddefnyddio
nhw i tincer gyda.

1564
01:13:04,669 --> 01:13:05,960
Mae'n y lefel yn rhad ac am wasanaeth.

1565
01:13:05,960 --> 01:13:08,754
Sylweddoli, os wrth greu
eich lle gwaith, byddwch yn gwneud yn gyhoeddus,

1566
01:13:08,754 --> 01:13:11,670
sy'n gwneud golygu bod unrhyw un ar y
Gall y rhyngrwyd weld yr hyn yr ydych yn teipio.

1567
01:13:11,670 --> 01:13:15,104
Felly efallai dim ond yn ystyried
Nid embaras eich hun

1568
01:13:15,104 --> 01:13:18,020
os ydych yn rhoi eich gwe yn gyntaf
dudalen allan yno yn ddamweiniol yn gyhoeddus,

1569
01:13:18,020 --> 01:13:20,134
ond nid oes neb yn mynd i
gwybod i edrych yno beth bynnag.

1570
01:13:20,134 --> 01:13:23,760
>> Ac two-- gadewch i mi toss
i fyny URL hwn hefyd,

1571
01:13:23,760 --> 01:13:28,250
yn enwedig os ydych yn dod mewn heddiw
Ychydig yn llai cyfforddus nag eraill,

1572
01:13:28,250 --> 01:13:30,430
ansicr beth holl bethau hyn yn ei olygu.

1573
01:13:30,430 --> 01:13:36,780
Sylweddoli bod llawer mwy o'r fideo,
sydd yn y ddau yn ffordd dda i syrthio i gysgu

1574
01:13:36,780 --> 01:13:39,380
a hefyd i chwerthin tra
wneud hynny, mae gan

1575
01:13:39,380 --> 01:13:44,300
llawer o societally diddorol
a thrafodaethau diogelwch-berthnasol

1576
01:13:44,300 --> 01:13:47,370
sydd ynddo oddi wrth John Oliver,
er digrifwr.

1577
01:13:47,370 --> 01:13:55,456
>> Ond os nad oes mwy o gwestiynau,
sy'n dod â ni at y dderbynfa.

1578
01:13:55,456 --> 01:13:56,830
Felly pam nad ydw i'n troi ar y gerddoriaeth.

1579
01:13:56,830 --> 01:13:58,610
Dylai fod diodydd
a byrbrydau tu allan.

1580
01:13:58,610 --> 01:14:00,220
Rwy'n hapus i gymysgu am gyn
hir gan y byddai Folks yn hoffi,

1581
01:14:00,220 --> 01:14:01,600
ateb cwestiynau mwy un-i-un.

1582
01:14:01,600 --> 01:14:03,330
Ond, fel arall, rydych yn croesawu
i gymryd i ffwrdd ar unrhyw adeg,

1583
01:14:03,330 --> 01:14:05,740
a byddwn yn eich gweld eto
bore fory am ychydig yn fwy.

1584
01:14:05,740 --> 01:14:07,290
Mae pob hawl, diolch.

1585
01:14:07,290 --> 01:14:10,428