1
00:00:00,000 --> 00:00:00,260

2
00:00:00,260 --> 00:00:01,900
>> DAVID Malan: Felly, yr wyf wedi bod yn gwneud
fy peiriant chwilio hun.

3
00:00:01,900 --> 00:00:04,100
Ac ar hyn o bryd, mae'n edrych fel hyn.

4
00:00:04,100 --> 00:00:05,265
Gennyf yma deitl y dudalen.

5
00:00:05,265 --> 00:00:06,580
Mae'n CS50 Chwilio.

6
00:00:06,580 --> 00:00:10,380
Mae gen i ffurflen HTML tu mewn sy'n
Mae'n ymddangos i fod yn fewnbwn y mae ei fath yn

7
00:00:10,380 --> 00:00:13,650
destun a mewnbwn arall
y mae ei yn cyflwyno.

8
00:00:13,650 --> 00:00:17,180
>> Os byddwn yn awr yn cymryd yn edrych ar y ffynhonnell ar gyfer
y dudalen hon, yn sylwi bod, yn wir, yr ydym yn

9
00:00:17,180 --> 00:00:20,260
cael h1 a thag teitl sy'n
yn cyfleu bod hyn yn

10
00:00:20,260 --> 00:00:22,020
yn wir CS50 Chwilio.

11
00:00:22,020 --> 00:00:25,940
Mae gennym ffurflen tag sydd wedi pennu
y dylai'r ffurflen gael ei chyflwyno i

12
00:00:25,940 --> 00:00:27,140
ein ffrindiau yn Google.

13
00:00:27,140 --> 00:00:30,430
Ac tu mewn y ffurflen, mae gennym
y ddau fath mewnbwn.

14
00:00:30,430 --> 00:00:33,770
>> Ond sylwi yn awr tuag at frig y
dudalen, y tu mewn pen y dudalen,

15
00:00:33,770 --> 00:00:36,750
mae yna tag arddull, tu mewn
sy'n eiddo CSS ar gyfer

16
00:00:36,750 --> 00:00:38,570
gorff y dudalen.

17
00:00:38,570 --> 00:00:41,580
Beth os, fodd bynnag, rydym yn awyddus i
gwneud yr holl destun cyd-fynd

18
00:00:41,580 --> 00:00:43,050
ar draws tudalennau lluosog?

19
00:00:43,050 --> 00:00:46,640
Mewn geiriau eraill, yr wyf yn awyddus i ailddefnyddio hon
Eiddo CSS eto ac eto ac eto

20
00:00:46,640 --> 00:00:50,030
mewn tudalennau gwe gwahanol, pob
ohonynt tag corff?

21
00:00:50,030 --> 00:00:53,660
Wel gallwn yn sicr gopïo a gludo
y CSS i mewn i bob un o'r tudalennau hynny, ond

22
00:00:53,660 --> 00:00:57,730
byddai'n fod yn ddyluniad gwell i ffactor hwn
allan i rai ffeil ganolog ac yna

23
00:00:57,730 --> 00:01:01,100
rywsut yn cynnwys y ffeil ym mhob un o'r
tudalennau hynny er mwyn i os ydw i am byth

24
00:01:01,100 --> 00:01:04,840
gwneud newid ac alinio fy testun ar y
chwith neu alinio fy testun ar y dde, yr wyf yn

25
00:01:04,840 --> 00:01:07,220
all wneud hynny yn llawer haws.

26
00:01:07,220 --> 00:01:08,860
Gadewch i ni geisio gwneud hyn.

27
00:01:08,860 --> 00:01:12,520
>> Yn gyntaf, gadewch i ni dorri allan y
tag arddull yn gyfan gwbl.

28
00:01:12,520 --> 00:01:16,820
Ac yn awr gadewch i ni agor ffeil o'r enw,
dyweder, chwilio 3.css a rhoi hynny

29
00:01:16,820 --> 00:01:18,970
un CSS yn y ffeil hon.

30
00:01:18,970 --> 00:01:23,500
corff yn mynd i gael
testun-alinio: canol;.

31
00:01:23,500 --> 00:01:24,760
Gadewch i ni achub y ffeil.

32
00:01:24,760 --> 00:01:30,950
>> Gadewch i ni yn awr yn mynd yn ôl i chwilio-3.html ac,
yn y pen eto, ychwanegu tag cyswllt

33
00:01:30,950 --> 00:01:33,630
pennu hyper-gyfeirio
chwilio-3.css.

34
00:01:33,630 --> 00:01:38,650
CSS A gadewch i ni nodi bod y berthynas
bod y ffeil wedi gyda'r

35
00:01:38,650 --> 00:01:41,880
dudalen yw gwasanaethu fel ei dalen arddull.

36
00:01:41,880 --> 00:01:44,840
Gadewch i ni yn awr yn cau tag hwn, ac eithrio
y ffeil, a ail-lwytho

37
00:01:44,840 --> 00:01:46,910
dudalen hon yn y porwr.

38
00:01:46,910 --> 00:01:49,700
>> Mae'n ail-alinio testun ar y
chwith fel pe bai'r CSS

39
00:01:49,700 --> 00:01:50,905
Nid yw eiddo ei gymhwyso hyd yn oed.

40
00:01:50,905 --> 00:01:53,020
Nawr, beth allai fod?

41
00:01:53,020 --> 00:01:54,590
Gadewch i ni edrych ar y
hawliau ffeil yn -

42
00:01:54,590 --> 00:01:58,630
Nid yw caniatâd y ffeil HTML, gan
ond caniatâd y ffeil CSS yn.

43
00:01:58,630 --> 00:02:02,740
>> Yn ôl yma yn gedit, gadewch i ni fynd i lawr i
y ffenestr derfynell a math ls-l

44
00:02:02,740 --> 00:02:04,720
chwilio-3.css.

45
00:02:04,720 --> 00:02:09,810
Ah, yn wir, hyd yn oed er fy mod, y ffeil yn
perchennog, yn gallu darllen ac ysgrifennu y ffeil,

46
00:02:09,810 --> 00:02:11,110
ni all unrhyw un arall ei ddarllen.

47
00:02:11,110 --> 00:02:17,570
Ond gallwn atgyweiria hon gyda chmod a + r
chwilio 3.css, ac yn awr gadewch i ni ail-weithredu

48
00:02:17,570 --> 00:02:20,970
ls-l chwilio 3.css--

49
00:02:20,970 --> 00:02:21,910
ac yn llawer gwell.

50
00:02:21,910 --> 00:02:24,380
Nawr bod y byd i gyd yn gallu
ddarllen y ffeil.

51
00:02:24,380 --> 00:02:26,950
>> Gadewch i ni fynd yn ôl at y porwr, ail-lwytho.

52
00:02:26,950 --> 00:02:29,220
Voila, rydym yn ôl i ganolbwyntio
peiriant chwilio.

53
00:02:29,220 --> 00:02:32,450
Wrth gwrs, mae hyn yn lle rydym yn dechrau ar y
stori, gyda'n thestun eisoes ganolog.

54
00:02:32,450 --> 00:02:36,000
Ond yr hyn sy'n dylunio gwell erbyn hyn yw y
rydym wedi ffactora bod CSS i mewn i

55
00:02:36,000 --> 00:02:39,690
ffeil ganolog, Thrafod Roedd y gallwn wedyn
cynnwys mewn tudalennau gwe eraill sy'n

56
00:02:39,690 --> 00:02:41,580
efallai y byddwn yn digwydd i wneud yn y dyfodol.

57
00:02:41,580 --> 00:02:45,430
Felly, os ydym byth yn dymuno recenter neu
restylize yn fwy cyffredinol ar ein tudalennau, rydym yn

58
00:02:45,430 --> 00:02:48,570
yn gallu ei wneud yn syml iawn yn
un lle canolog.

59
00:02:48,570 --> 00:02:50,902