Eisiau gweld sut y cafodd gwefan ei hadeiladu? Rhowch gynnig ar edrych ar ei god ffynhonnell.
Mae gweld ffynhonnell HTML tudalen we yn un o'r ffyrdd hawsaf (ac eto mwyaf effeithiol) i ddysgu HTML, yn enwedig ar gyfer gweithwyr proffesiynol gwe newydd sydd newydd ddechrau yn y diwydiant. Os ydych chi'n gweld rhywbeth ar wefan ac eisiau gwybod sut y cafodd ei wneud, edrychwch ar y cod ffynhonnell ar gyfer y wefan honno.
Os ydych chi fel cynllun gwefan, edrychwch ar y ffynhonnell i weld sut y cyflawnwyd y cynllun hwn yn eich helpu i ddysgu a gwella'ch gwaith eich hun. Dros y blynyddoedd, mae llawer o ddylunwyr a datblygwyr gwe wedi dysgu cryn dipyn o HTML yn syml trwy edrych ar ffynhonnell y tudalennau gwe y maent yn eu gweld. Mae'n ffordd wych i ddechreuwyr ddysgu HTML ac i weithwyr proffesiynol profiadol ar y we i weld sut y gallai technegau newydd gael eu cymhwyso i safle.
Cofiwch y gall ffeiliau ffynhonnell fod yn gymhleth iawn. Ynghyd â'r marc HTML ar gyfer tudalen, mae'n debyg y bydd llawer o ffeiliau CSS a sgriptiau a ddefnyddir i greu edrychiad a swyddogaeth y wefan honno, felly peidiwch â chael rhwystredigaeth os na allwch chi nodi beth sy'n digwydd ar unwaith. Gweld y ffynhonnell HTML yw'r cam cyntaf yn unig. Wedi hynny, gallwch ddefnyddio offer fel estyniad Datblygwr Gwe Chris Pederick i edrych ar y CSS a sgriptiau yn ogystal ag arolygu elfennau penodol o'r HTML.
Os ydych chi'n defnyddio'r porwr Safari, dyma sut y gallwch weld cod ffynhonnell tudalen i weld sut y cafodd ei greu.
Sut i Edrych ar y Ffynhonnell HTML mewn Safari
- Safari Agored.
- Ewch i'r dudalen we yr hoffech ei archwilio.
- Cliciwch ar y ddewislen Datblygu yn y bar dewislen uchaf. Sylwer: Os nad yw'r ddewislen Datblygu yn weladwy, ewch i Dewisiadau yn yr adran Uwch a dewiswch ddewislen Datblygu Datblygol yn y bar dewislen.
- Ffynhonnell y Dudalen Dangos Cliciwch. Bydd hyn yn agor ffenestr destun gyda ffynhonnell HTML y dudalen rydych chi'n edrych arno.
Cynghorau
- Ar y rhan fwyaf o dudalennau gwe, gallwch hefyd weld y ffynhonnell trwy glicio ar y dde ar y dudalen (nid ar ddelwedd) a dewis Ffynhonnell y Dudalen Dangos. Dim ond os bydd y ddewislen Datblygu yn cael ei alluogi yn y Dewisiadau.
- Mae gan Safari shortcut bysellfwrdd hefyd i weld ffynhonnell HTML - dal i lawr y bysellau gorchymyn ac opsiwn a tharo U (Cmd-Opt-U.)
Ydych chi'n Gweld Cod Ffynhonnell Cyfreithiol?
Er nad yw copi copi cod y safle cyfanwerthu a'i drosglwyddo fel eich hun ar safle yn sicr yn dderbyniol, gan ddefnyddio'r cod hwnnw fel ffynhonnell i ddysgu oddi wrthych faint o ddatblygiadau sy'n cael eu gwneud yn y diwydiant hwn. Mewn gwirionedd, byddech yn anodd iawn dod o hyd i weithiwr proffesiynol sy'n gweithio ar y we heddiw nad yw wedi dysgu rhywbeth trwy edrych ar ffynhonnell y wefan!
Yn y diwedd, mae gweithwyr proffesiynol y we yn dysgu oddi wrth ei gilydd ac yn aml yn gwella ar y gwaith y maent yn ei weld ac yn cael eu hysbrydoli gan, felly peidiwch ag oedi i weld cod ffynhonnell y safle a'i ddefnyddio fel offeryn dysgu.