Neatkarīgi no tā, vai esat jauns interneta industrijā vai pieredzējis veterāns, dažādu tīmekļa lapu HTML avota skatīšana ir kaut kas, ko jūs, visticamāk, darīsit vairākas reizes savas karjeras gaitā.
Tiem, kas ir jauni tīmekļa dizains, vietnes pirmkoda skatīšana ir viens no vienkāršākajiem veidiem, kā noskaidrot, kā tiek veiktas noteiktas lietas, lai jūs varētu mācīties no šī darba un sākt izmantot noteiktu kodu vai metodes savā darbā. Kā jebkurš šodien strādājošs web dizaineris, it īpaši tiem, kuri to jau ir strādājuši jau no rūpniecības sākuma dienām, un tas ir drošs bet, ka viņi ar jums saka, ka viņi iemācījušies HTML, vienkārši aplūkojot tīmekļa lapu avotu, ko viņi redzēja un iebruka ar. Papildus tam, kā lasīt tīmekļa dizaina grāmatas vai apmeklēt profesionālas konferences, vietnes pirmkoda skatīšana ir lielisks veids, kā iesācējiem mācīties HTML.
Vairāk nekā vienkārši HTML
Viena lieta, kas jāatceras, ir tas, ka avota faili var būt ļoti sarežģīti (un jo sarežģītāk ir vietne, kuru skatāt, jo sarežģītāka ir tā vietnes kods). Papildus HTML struktūrai, kas veido skatīto lapu, būs arī CSS (kaskādes stila lapas), kas nosaka šīs vietnes vizuālo izskatu. Turklāt šodien daudzās vietnēs tiks iekļauti arī skriptu faili kopā ar HTML.
Iespējams, ka ir iekļauti vairāki skriptu faili, patiesībā katrs no tiem ir saistīts ar dažādiem vietnes aspektiem. Atklāti sakot, vietnes pirmkods var likties pārāk liels, it īpaši, ja jūs esat jauns, lai to izdarītu. Neuztraucieties, ja nekavējoties nevarat saprast, kas notiek šajā vietnē. HTML avota skatīšana ir tikai pirmais solis šajā procesā. Ar nelielu pieredzi jūs sāksit labāk izprast, kā visi šie gabali savieno, lai izveidotu tīmekļa vietni, kuru redzat savā pārlūkprogrammā. Kad jūs iepazītos ar kodu, jūs varēsit uzzināt vairāk no tā, un tas jums nešķiet tik biedējošs.
Tātad, kā jūs aplūkojat tīmekļa vietnes avota kodu? Tālāk ir sniegti soli pa solim norādījumi, kā to izdarīt, izmantojot Google Chrome pārlūku.
Soli pa solim instrukcijas
-
Atveriet Google Chrome tīmekļa pārlūks (ja jums nav instalēts Google Chrome, tas ir bezmaksas lejupielāde).
-
Pāriet uz mājas lapu, kuru vēlaties izpētīt.
-
Ar peles labo pogu noklikšķiniet lapu un skatiet izvēlni, kas parādās. No šīs izvēlnes noklikšķiniet uz Skatīt lapas avotu.
-
Šīs lapas avota kods tagad tiks parādīts kā jauna cilne pārlūkprogrammā.
-
Varat arī izmantot īsinājumtaustiņus CTRL + U datorā, lai atvērtu logu, parādot vietnes pirmkodu. Mac datorā šis saīsne ir Command + opcija + U.
Izstrādātāju rīki
Papildus vienkārši Skatīt lapas avotu Google Chrome piedāvāto iespēju dēļ jūs varat arī izmantot savus izcilos izstrādātāju rīkus, lai iegūtu vēl dziļāku vietni. Šie rīki ļaus ne tikai aplūkot HTML, bet arī CSS, kas attiecas uz HTML koda elementu skatīšanu.
Lai izmantotu Chrome izstrādātāja rīkus:
-
Atvērt Google Chrome.
-
Pāriet uz Web lapu, kuru vēlaties izpētīt.
-
Noklikšķiniet uz ikona ar trim rindām pārlūka loga augšējā labajā stūrī.
-
Virziet kursoru no izvēlnes Vairāk rīku un pēc tam noklikšķiniet uz Izstrādātāju rīki parādās izvēlnē.
-
Tiks atvērts logs, kas parāda HTML avota kodu pa kreisi no paneļa un atbilstošo CSS labajā pusē.
-
Alternatīvi, ja jūs labo klikšķi elements mājas lapā un izvēlieties Pārbaudiet no izliktās izvēlnes parādīsies Chrome izstrādātāju rīki, un HTML tiks iezīmēts precīzs jūsu atlasītais elements ar atbilstošo CSS, kas parādīts pa labi. Tas ir ļoti noderīgi, ja vēlaties uzzināt vairāk par to, kā izstrādāts viens konkrēts vietnes gabals.
Vai avota koda skatīšana ir likumīga?
Gadu gaitā mums ir bijuši daudzi jauni tīmekļa dizaineri, vai ir pieļaujams skatīt vietnes pirmkodu un izmantot to izglītībai un galu galā par darbu, ko viņi veic. Kaut arī vietnes koda vairumtirdzniecība kopēšana un nodošana tāpat kā vietne pati par sevi nav pieņemama, izmantojot šo kodu kā sprauslu, lai mācītos no tā, patiesībā ir daudz sasniegumu šajā nozarē.
Kā mēs minējām šī raksta sākumā, jums būtu grūti atrast mūsdienīgu tīmekļa profesionālu, kas nav iemācījies kaut ko, aplūkojot vietnes avotu! Jā, vietnes pirmkoda skatīšana ir likumīga. Izmantojot šo kodu kā resursu, lai izveidotu kaut ko līdzīgu, ir arī labi. Ņemot kodu kā tādu un izlaižot to, jo jūsu darbs ir vieta, kur sākat saskarties ar problēmām.
Galu galā tīmekļa speciālisti mācās viens no otra un bieži uzlabo darbu, ko viņi redz un kuru iedvesmoja, tādēļ nevilcinieties skatīt vietnes avota kodu un izmantot to kā mācību līdzekli.
