>> DAVID Malan: Felly, yr wyf wedi bod yn gweithio ar y peiriant chwilio
sy'n edrych fel hyn.
Yr wyf yn ymddangos i gael teitl o'r enw CS50 Chwilio, isod sydd yn ffurflen HTML,
tu mewn sy'n mewnbwn y mae ei fath yn destun a mewnbwn arall
y mae ei yn cyflwyno.
Gadewch i ni yn awr yn edrych ar y sylfaenol cod ffynhonnell ar gyfer y dudalen hon.
>> Yma yn chwilio-2.html, yn sylwi fy mod yn yn wir yn cael teitl yn y ffurf y
pennaeth yn ogystal ag yn y corff â thag h1 o'i amgylch.
Mae gen i ffurflen HTML, a yna y ddau mewnbynnau.
Ond rhybudd yn benodol ar y corff tag, fy mod i wedi datgan arddull
priodoledd sy'n werth-alinio testun: canolfan;, a thrwy hynny pennu bod yr holl
Dylai testun ar y dudalen hon cyd-fynd yn y ganolfan.
>> Nawr mae hyn yn gweithio yn berffaith gywir, ond mae'n ychydig yn flêr.
Ni allwch ddweud cymaint oherwydd y dudalen hon yn weddol
bach ar hyn o bryd.
Ond dychmygwch os y dudalen hon yn cael hirach ac yn hirach a
gymhleth hirach a mwy.
>> Sylwch fod y patrwm dwi wedi mabwysiadu yma yw intermingle fy estheteg
â strwythur y dudalen drwy ddefnyddio'r briodoledd arddull.
Stori fer hir, nid yw hyn yw'r gorau dylunio, yn sicr fel eich tudalennau dyfu
yn fwy cymhleth.
Byddai gwell dylunio yn ffactor allan y stylization a'i roi Thrafod
ganolog, er enghraifft nid mewn arddull priodoli ond mewn tag arddull,
yn benodol tag arddull y tu mewn pen tag fy nhudalen yn.
Gadewch i ni wneud yn union hynny.
>> Yn gyntaf gadewch i ni fynd i mewn yma a dileu dull hwn briodoli yn gyfan gwbl.
Yna yn ôl i fyny yn mhen fy nhudalen yn, gadewch i ni datgan tag arddull a chau yn
yr un pryd, felly nid wyf yn ei wneud anghofio ddiweddarach.
Ac yna gadewch i ni nodi bod y corff Dylai y dudalen hon yn cael CSS
eiddo-alinio testun yw canolfan.
Gadewch i ni yn awr yn arbed y dudalen hon, ail-lwytho y porwr, a gweld beth yw'r effaith yn.
>> Ail-lwytho yn fy porwr -
unrhyw effaith o gwbl.
Ond y bwriadwyd unrhyw effaith.
Rydym yn gwella yn syml dylunio dudalen hon.