Nesvarbu, ar esate naujokas žiniatinklio pramonėje, ar patyrusiems veteranams, peržiūrėję skirtingų tinklalapių HTML šaltinį, jūs tikriausiai atliksite daugybę kartų per savo karjerą.
Tiems, kurie yra nauji interneto dizainui, svetainės šaltinio kodo peržiūra yra vienas iš paprasčiausių būdų, kaip pamatyti, kaip tam tikri dalykai daromi, kad galėtumėte išmokti iš šio darbo ir pradėti savo darbą pritaikyti tam tikrą kodą ar technologijas. Kaip ir bet kuris interneto dizaineris, dirbantis šiandien, ypač tiems, kurie jau dirbo nuo pat pirmųjų pramonės dienų, ir tai yra saugus statymas, kad jie jums pasakytų, kad jie išmoko HTML paprasčiausiai peržiūrėdami interneto puslapių šaltinį, kurį jie matė ir buvo įžvalgūs pagal. Be žiniatinklio dizaino knygų ar profesinių konferencijų lankymo, svetainės šaltinio kodo peržiūra yra puikus būdas pradedantiesiems mokytis HTML.
Daugiau negu tik HTML
Vienas dalykas, kurį reikia prisiminti, yra tai, kad šaltinio failai gali būti labai sudėtingi (ir kuo sudėtingesnė svetainė, kurią peržiūrėjote, tuo sudėtingesnė, kad svetainės kodas greičiausiai bus). Be HTML struktūros, kuri yra puslapio, kurį peržiūrite, taip pat bus CSS (kaskadiniai stiliaus lapai), kurie diktuoja šios svetainės išvaizdą. Be to, šiandien daugelyje svetainių bus įtraukti scenarijų failai kartu su HTML.
Tikriausiai gali būti keli scenarijų failai, iš tikrųjų kiekvienas iš jų turi įtakos skirtingiems svetainės aspektams. Atvirai sakant, svetainės šaltinio kodas gali atrodyti nepaprastai svarbus, ypač jei esate naujokas. Negalima nusivylti, jei negalite iš karto sužinoti, kas vyksta šioje svetainėje. HTML šaltinio peržiūra yra tik pirmas žingsnis šiame procese. Turėdami šiek tiek patirties, jūs pradėsite geriau suprasti, kaip visi šie gabalai suderinami, norint sukurti svetainę, kurią matote naršyklėje. Kai susipažinsite su kodu, galėsite daugiau sužinoti apie tai ir jums tai nebus taip bauginanti.
Taigi, kaip matote svetainės šaltinio kodą? Čia pateikiamos išsamios instrukcijos, kaip tai padaryti naudodami "Google Chrome" naršyklę.
Žingsnis po žingsnio instrukcijos
-
Atidaryk "Google Chrome" interneto naršyklė (jei neturite įdiegto "Google Chrome", tai nemokamas atsisiuntimas).
-
Eikite į tinklalapis, kurį norėtumėte išnagrinėti.
-
Dešiniuoju pelės mygtuku spustelėkite puslapis ir pažiūrėkite į meniu, kuris pasirodo. Iš šio meniu spustelėkite Rodyti puslapio šaltinį.
-
Šio puslapio šaltinis bus rodomas kaip naujas skirtukas naršyklėje.
-
Arba galite naudoti ir spartieji klavišai CTRL + U kompiuteryje, kad atidarytumėte langą, rodomas svetainės šaltinio kodas. "Mac" programoje ši santrumpa yra Command + Option + U.
Kurejo irankiai
Be paprasto Rodyti puslapio šaltinį Gebėjimas, kurį siūlo "Google Chrome", taip pat galite pasinaudoti savo puikiais Kūrėjo įrankiais, norėdami kasti dar giliau į svetainę. Šios priemonės leis jums ne tik pamatyti HTML, bet ir CSS, kuris taikomas peržiūrėti šiame HTML dokumente esančius elementus.
Norėdami naudoti "Chrome" kūrėjų įrankius:
-
Atviras "Google Chrome".
-
Eikite į tinklalapis, kurį norėtumėte išnagrinėti.
-
Spustelėkite piktograma su trimis eilutėmis viršutiniame dešiniajame naršyklės lango kampe.
-
Iš meniu nukreipkite Daugiau įrankių tada spustelėkite Kurejo irankiai pasirodys meniu.
-
Bus atidarytas langas, rodantis HTML šaltinio kodą kairėje pusėje ir atitinkamą CSS dešinėje.
-
Arba, jei dešiniuoju pelės mygtuku spustelėkite elementas tinklalapyje ir pasirinkite Patikrink iš meniu, kuris pasirodys, pasirodys "Chrome" kūrėjo įrankiai, o pasirinktas elementas bus pažymėtas HTML su atitinkamu CSS parodytu dešinėje. Tai labai naudinga, jei norite sužinoti daugiau apie tai, kaip sukurta viena konkreti svetainės dalis.
Ar teisinio šaltinio kodo peržiūra?
Per daugelį metų mes turėjome daugybę naujų interneto dizainerių, ar yra priimtina peržiūrėti svetainės šaltinio kodą ir naudoti jį savo mokymui, o galiausiai - ir darbui, kurį jie atlieka. Nors kopijuoti svetainės kodą didmenine ir išbraukiant jį kaip savo svetainėje, tikrai nėra priimtina, naudojant šį kodą kaip tramplinas, iš kur mokytis, iš tikrųjų yra tai, kiek šioje srityje pasiekta pažanga.
Kaip minėjome šio straipsnio pradžioje, jums bus sunku rasti šiandien dirbančią žiniatinklio profesionalų, kurie nieko nesužinojo peržiūrėdami svetainės šaltinį! Taip, svetainės šaltinio kodo peržiūra yra teisėta. Taip pat gerai, naudodamas šį kodą kaip šaltinį kuriant kažką panašaus. Įveskite kodą taip, kaip jis yra, ir išmeskite jį, nes jūsų darbas yra tas, kuriame jūs pradedate susidurti su problemomis.
Galų gale, žiniatinklio specialistai mokosi vienas iš kito ir dažnai tobulina darbą, kurį jie mato ir įkvėpė, todėl nedvejodami perskaitykite svetainės šaltinio kodą ir naudokite jį kaip mokymosi priemonę.
