Foghlaim conas a tógadh láithreán gréasáin trína chód foinse a fheiceáil
Nuair a thosaigh mé ar mo ghairm mar dhearthóir gréasáin, d'fhoghlaim mé an oiread sin trí athbhreithniú a dhéanamh ar obair na ndearthóirí gréasáin eile a mhol mé. Níl mé féin ina leith seo. Cibé an bhfuil tú nua do thionscal na ngréasán nó d'fhíor-seoltóir séasúrach, ag féachaint ar fhoinse HTML leathanaigh ghréasáin éagsúla is dócha go ndéanfaidh tú go leor uaireanta le linn do ghairm bheatha.
Dóibh siúd atá nua le dearadh gréasáin, tá féachaint ar chód foinse an láithreáin ar cheann de na bealaí is éasca a fheiceáil conas a dhéantar rudaí áirithe ionas gur féidir leat foghlaim ón obair sin agus tosú le cód áirithe nó teicnící áirithe a úsáid i d'obair féin. Mar aon dearthóir gréasáin atá ag obair inniu, go háirithe iad siúd a bhí ann ó luath-laethanta an tionscail, agus is geall sábháilte é a rá go bhfoghlaim siad HTML go simplí trí fhoinse na leathanaigh ghréasáin a chonaic siad agus go raibh siad intrigued ag. Chomh maith le léamh dearaidh gréasáin a léamh nó ag freastal ar chomhdhálacha gairmiúla , is é an t-athbhreithniú a bhíonn ar chód foinse an láithreáin bealach iontach do thosaitheoirí chun HTML a fhoghlaim.
Níos mó ná Just HTML
Rud amháin a mheabhrú gur féidir comhaid foinse a bheith an-chasta (agus is é an suíomh gréasáin a bhfuil tú ag féachaint ar an suíomh is mó a bhfuil sé níos casta ná an cód is casta ná gur dócha go mbeidh cód an láithreáin). Chomh maith leis an struchtúr HTML a chuireann an leathanach ar a bhfuil tú ag féachaint air, beidh CSS (bileoga stíl cascáideacha) ann freisin a dhearbhóidh cuma amhairc an láithreáin sin. Ina theannta sin, beidh go leor comhaid scripte san áireamh i go leor suíomhanna gréasáin inniu chomh maith leis an HTML.
Is dócha go mbeidh go leor comhaid script san áireamh, go deimhin, agus gach ceann acu ag chumadh gnéithe éagsúla den láithreán. Go hiondúil, is cosúil go bhfuil an-fhoinse ar shuíomh cód foinse an láithreáin, go háirithe má tá tú nua chun é seo a dhéanamh. Ná bíodh frustrachas ort mura féidir leat a fháil amach cad atá ar siúl leis an láithreán sin láithreach. Is é an foinse HTML a fheiceáil ach an chéad chéim sa phróiseas seo. Le beagán taithí, tosóidh tú ag tuiscint níos fearr ar an gcaoi a n-oirfeadh na píosaí seo go léir le chéile chun an suíomh gréasáin a fheiceann tú i do bhrabhsálaí a chruthú. De réir mar a gheobhaidh tú níos mó eolas ar an gcód, beidh tú in ann níos mó a fhoghlaim uaidh agus ní dealraíonn sé go bhfuil sé deacair duit.
Mar sin, conas a fheiceann tú cód foinse an láithreáin ghréasáin? Seo na treoracha céim ar chéim chun é sin a dhéanamh trí bhrabhsálaí Google Chrome a úsáid.
Treoracha céim ar chéim
- Oscail bhrabhsálaí gréasáin Google Chrome (mura bhfuil Google Chrome suiteáilte agat, is saor in aisce é seo).
- Téigh chuig an leathanach gréasáin ar mhaith leat scrúdú a dhéanamh air .
- Cliceáil ar dheis ar an leathanach agus féach ar an roghchlár atá le feiceáil. Ón roghchlár sin, cliceáil foinse View View .
- Beidh an cód foinse don leathanach sin le feiceáil anois mar chluaisín nua sa bhrabhsálaí.
- Mar mhalairt air sin, is féidir leat aicearraí méarchláir CTRL + U a úsáid freisin ar ríomhaire chun fuinneog a oscailt le cód foinse an láithreáin a thaispeántar. Ar Mac, is é an t-aicearra seo Command + Alt + U.
Uirlisí Forbróirí
Chomh maith leis an gcumas foinse simplí a chuireann Google Chrome ar fáil, is féidir leat leas a bhaint as a n-Uirlisí Forbróirí den scoth chun an suíomh a thochailiú níos doimhne. Tabharfaidh na huirlisí seo deis duit an HTML a fheiceáil, ach freisin an CSS a bhaineann le gnéithe a fheiceáil sa doiciméad HTML sin.
Uirlisí forbróra Chrome a úsáid:
- Oscail Google Chrome .
- Téigh chuig an leathanach gréasáin ar mhaith leat scrúdú a dhéanamh air .
- Cliceáil an deilbhín le trí líne sa chúinne uachtarach ar dheis ar fhuinneog an bhrabhsálaí.
- Ón roghchlár, cliceáil os cionn Uirlisí Níos mó agus ansin cliceáil uirlisí Forbróirí sa roghchlár atá le feiceáil.
- Osclóidh sé seo fuinneog a léiríonn an cód foinse HTML ar chlé an phána agus an CSS gaolmhar ar dheis.
- Nó, má chliceálann tú gné ar leathanach gréasáin agus roghnaigh Cigire ón roghchlár a fheictear, nochtfar uirlisí forbróra Chrome agus cuirtear an t-eilimint cheart a roghnaigh tú ar aird sa HTML leis an CSS comhfhreagrach a thaispeántar ar dheis. Tá sé seo fíor-chabhrach má tá tú ag iarraidh tuilleadh eolais a fháil faoi conas a rinneadh píosa amháin ar leith ar shuíomh.
An bhfuil an Cód Foinse Ag Breathnú?
Le blianta beaga anuas, bhí ceist ag go leor dearthóirí gréasáin nua an bhfuil sé inghlactha cód foinse an láithreáin a fheiceáil agus é a úsáid dá gcuid oideachais agus ar deireadh na hoibre a dhéanann siad. Cé nach bhfuil sé inghlactha cé go ndéantar cóip ar chód an láithreáin mórdhíola agus é a scaoileadh mar do chuid féin ar shuíomh, níl an cód sin á úsáid mar chlár earrach chun foghlaim cé mhéad dul chun cinn sa tionscal seo.
Mar a luadh mé ag tús an airteagail seo, bheadh tú deacair teacht ar ghairmí gréasáin oibre atá inniu ann nach bhfuil rud éigin a fhoghlaim trí fhoinse an láithreáin a fheiceáil! Sea, tá féachaint ar chód foinse an láithreáin dlíthiúil. Tá an cód sin mar acmhainn chun rud éigin den chineál céanna a thógáil fíneáil freisin. Ag tabhairt cód mar is é agus é a scaoileadh amach mar go bhfuil do chuid oibre nuair a thosaíonn tú le fadhbanna.
Sa deireadh, foghlaimíonn gairmithe gréasáin óna chéile agus is minic a fheabhsaíonn siad ar an obair a fheiceann siad agus a spreagann siad, ná bíodh aon leisce ort breathnú ar chód foinse an láithreáin agus é a úsáid mar uirlis foghlama.