1
00:00:00,000 --> 00:00:00,360

2
00:00:00,360 --> 00:00:01,970
>> DAVID Malan: Felly, yr wyf wedi bod yn gweithio
ar y peiriant chwilio

3
00:00:01,970 --> 00:00:03,480
sy'n edrych fel hyn.

4
00:00:03,480 --> 00:00:07,580
Yr wyf yn ymddangos i gael teitl o'r enw CS50
Chwilio, isod sydd yn ffurflen HTML,

5
00:00:07,580 --> 00:00:10,430
tu mewn sy'n mewnbwn y mae ei
fath yn destun a mewnbwn arall

6
00:00:10,430 --> 00:00:12,260
y mae ei yn cyflwyno.

7
00:00:12,260 --> 00:00:15,400
Gadewch i ni yn awr yn edrych ar y sylfaenol
cod ffynhonnell ar gyfer y dudalen hon.

8
00:00:15,400 --> 00:00:20,180
>> Yma yn chwilio-2.html, yn sylwi fy mod yn
yn wir yn cael teitl yn y ffurf y

9
00:00:20,180 --> 00:00:23,260
pennaeth yn ogystal ag yn y corff
â thag h1 o'i amgylch.

10
00:00:23,260 --> 00:00:26,490
Mae gen i ffurflen HTML, a
yna y ddau mewnbynnau.

11
00:00:26,490 --> 00:00:30,650
Ond rhybudd yn benodol ar y corff
tag, fy mod i wedi datgan arddull

12
00:00:30,650 --> 00:00:35,770
priodoledd sy'n werth-alinio testun:
canolfan;, a thrwy hynny pennu bod yr holl

13
00:00:35,770 --> 00:00:38,390
Dylai testun ar y dudalen hon
cyd-fynd yn y ganolfan.

14
00:00:38,390 --> 00:00:41,700
>> Nawr mae hyn yn gweithio yn berffaith gywir,
ond mae'n ychydig yn flêr.

15
00:00:41,700 --> 00:00:43,900
Ni allwch ddweud cymaint
oherwydd y dudalen hon yn weddol

16
00:00:43,900 --> 00:00:44,960
bach ar hyn o bryd.

17
00:00:44,960 --> 00:00:47,520
Ond dychmygwch os y dudalen hon yn cael
hirach ac yn hirach a

18
00:00:47,520 --> 00:00:49,180
gymhleth hirach a mwy.

19
00:00:49,180 --> 00:00:53,960
>> Sylwch fod y patrwm dwi wedi mabwysiadu
yma yw intermingle fy estheteg

20
00:00:53,960 --> 00:00:57,380
â strwythur y dudalen
drwy ddefnyddio'r briodoledd arddull.

21
00:00:57,380 --> 00:01:00,540
Stori fer hir, nid yw hyn yw'r gorau
dylunio, yn sicr fel eich tudalennau dyfu

22
00:01:00,540 --> 00:01:02,010
yn fwy cymhleth.

23
00:01:02,010 --> 00:01:05,830
Byddai gwell dylunio yn ffactor allan
y stylization a'i roi Thrafod

24
00:01:05,830 --> 00:01:09,730
ganolog, er enghraifft nid mewn arddull
priodoli ond mewn tag arddull,

25
00:01:09,730 --> 00:01:13,310
yn benodol tag arddull y tu mewn
pen tag fy nhudalen yn.

26
00:01:13,310 --> 00:01:14,830
Gadewch i ni wneud yn union hynny.

27
00:01:14,830 --> 00:01:18,160
>> Yn gyntaf gadewch i ni fynd i mewn yma a dileu
dull hwn briodoli yn gyfan gwbl.

28
00:01:18,160 --> 00:01:22,420
Yna yn ôl i fyny yn mhen fy nhudalen yn, gadewch i ni
datgan tag arddull a chau yn

29
00:01:22,420 --> 00:01:24,620
yr un pryd, felly nid wyf yn ei wneud
anghofio ddiweddarach.

30
00:01:24,620 --> 00:01:28,120
Ac yna gadewch i ni nodi bod y corff
Dylai y dudalen hon yn cael CSS

31
00:01:28,120 --> 00:01:32,040
eiddo-alinio testun yw canolfan.

32
00:01:32,040 --> 00:01:35,320
Gadewch i ni yn awr yn arbed y dudalen hon, ail-lwytho y
porwr, a gweld beth yw'r effaith yn.

33
00:01:35,320 --> 00:01:38,070

34
00:01:38,070 --> 00:01:40,510
>> Ail-lwytho yn fy porwr -

35
00:01:40,510 --> 00:01:41,570
unrhyw effaith o gwbl.

36
00:01:41,570 --> 00:01:43,110
Ond y bwriadwyd unrhyw effaith.

37
00:01:43,110 --> 00:01:45,150
Rydym yn gwella yn syml
dylunio dudalen hon.

38
00:01:45,150 --> 00:01:47,606