Mësoni se si është ndërtuar një faqe interneti duke parë kodin e tij burimor
Kur e fillova karrierën time si një projektues web, mësova shumë duke shqyrtuar punën e web designers të tjerë të cilët i admiruar. Unë nuk jam vetëm në këtë. Nëse jeni i ri në industrinë e internetit ose në një veteran të kalitur, shikimi i burimit HTML të faqeve të ndryshme të internetit është diçka që ju ka të ngjarë të bëni shumë herë gjatë karrierës suaj.
Për ata që janë të rinj në web design, shikimi i kodit burimor të një faqeje është një nga mënyrat më të lehta për të parë se si bëhen gjëra të caktuara në mënyrë që të mund të mësosh nga kjo punë dhe të fillosh të përdorësh një kod ose teknika të caktuara në punën tënde. Ashtu si çdo dizajner web që punon sot, veçanërisht ata që kanë qenë në të që nga ditët e para të industrisë dhe është një bast i sigurt që ata të thonë se e kanë mësuar HTML thjesht duke shikuar burimin e faqeve të internetit që panë dhe u intriguan nga. Përveç leximit të librave të dizajnit të internetit ose pjesëmarrjes në konferenca profesionale , shikimi i kodit burimor të një faqeje është një mënyrë e shkëlqyeshme për fillestarët për të mësuar HTML.
Më shumë se HTML
Një gjë për të mbajtur mend është se skedarët burim mund të jenë shumë të komplikuar (dhe sa më komplekse të jetë faqja e internetit që po shihni, aq më kompleks do të jetë kodi i faqes). Përveç strukturës HTML që përbën faqen që po shihni, do të ketë edhe CSS (fletë stili Cascading) që diktojnë pamjen vizuale të asaj faqeje. Përveç kësaj, shumë uebfaqe sot do të përfshijnë skedar skedarë të përfshira së bashku me HTML.
Ka të ngjarë që të përfshihen skedarët e skripteve të shumta, në të vërtetë, secila prej tyre që vë në lëvizje aspekte të ndryshme të faqes. Sinqerisht, kodi burimor i një faqeje mund të duket e madhe, veçanërisht nëse je i ri për ta bërë këtë. Mos u frustoni nëse nuk mund të kuptoni se çfarë po ndodh me atë vend menjëherë. Shikimi i burimit HTML është vetëm hapi i parë në këtë proces. Me pak përvojë, do të filloni të kuptoni më mirë se si të gjitha këto pjesë përshtaten së bashku për të krijuar faqen e internetit që shihni në shfletuesin tuaj. Ndërsa merrni më shumë njohuri me kodin, do të jeni në gjendje të mësoni më shumë prej saj dhe nuk do t'ju duket e frikshme për ju.
Pra, si e shihni kodin burimor të një faqe interneti? Ja udhëzimet hap pas hapi për ta bërë këtë duke përdorur shfletuesin e Google Chrome.
Udhëzimet hap pas hapi
- Hapni shfletuesin e Google Chrome (nëse nuk keni instaluar Google Chrome, kjo është një shkarkim falas).
- Lundroni në faqen e internetit që dëshironi të shqyrtoni .
- Klikoni me të djathtën mbi faqen dhe shikoni në menunë që shfaqet. Nga ajo meny, kliko Shiko burimin e faqes .
- Kodi burimor për atë faqe tani do të shfaqet si një skedë e re në shfletuesin.
- Përndryshe, gjithashtu mund të përdorni shkurtoret e tastierës së CTRL + U në një kompjuter për të hapur një dritare me kodin burimor të faqes që shfaqet. Në një Mac, ky shkurtore është Command + Alt + U.
Mjetet zhvilluese
Përveç pamjes së thjeshtë të burimit të faqes që ofron Google Chrome, gjithashtu mund të shfrytëzoni veglat e shkëlqyera të zhvilluesit për të gërmuar edhe më thellë në një faqe. Këto mjete do t'ju lejojnë të shihni jo vetëm HTML por edhe CSS që zbatohet për të parë elementët në atë dokument HTML.
Përdorimi i mjeteve zhvilluese të Chrome:
- Hape Google Chrome .
- Lundroni në faqen e internetit që dëshironi të shqyrtoni .
- Klikoni ikonën me tre rreshta në këndin e sipërm të djathtë të dritares së shfletuesit.
- Nga menuja, rri pezull mbi Tools Më shumë dhe pastaj klikoni Tools Zhvilluesish në menunë që shfaqet.
- Kjo do të hapë një dritare që tregon kodin burimor HTML në të majtë të panelit dhe CSS-në përkatëse në të djathtë.
- Përndryshe, nëse klikoni me të drejtë një element në një faqe interneti dhe përzgjidhni Vizito nga menyja që shfaqet, mjetet zhvilluese të Chrome do të shfaqen dhe elementi i saktë që keni zgjedhur do të theksohet në HTML me CSS përkatës të treguar në të djathtë. Kjo është shumë e dobishme nëse doni të mësoni më shumë rreth asaj se si është hartuar një pjesë e veçantë e një vendi.
Është duke parë kodin burimor ligjor?
Gjatë viteve, unë kam pasur shumë dizajnerë të rinj të pyetur nëse është e pranueshme të shihet kod burimi i një faqeje dhe ta përdorin atë për arsimimin e tyre dhe përfundimisht për punën që ata bëjnë. Ndërsa kopjimi i kodit të faqes me shumicë dhe kalimi i tij si i juaji në një vend nuk është sigurisht i pranueshëm, duke përdorur atë kod si një trampolinë për të mësuar nga është se sa përparime janë bërë në këtë industri.
Siç e përmenda në fillim të këtij artikulli, ju do të keni vështirësi për të gjetur një profesionist web të punës që sot nuk ka mësuar diçka duke parë burimin e një faqeje interneti! Po, shikimi i kodit burimor të një faqeje është i ligjshëm. Përdorimi i atij kodi si një burim për të ndërtuar diçka të ngjashme është gjithashtu i mirë. Marrja e kodit si-është dhe miratimi i saj pasi puna juaj është ajo ku filloni të hasni probleme.
Në fund, profesionistët e internetit mësojnë nga njëri-tjetri dhe shpesh përmirësojnë punën që ata shohin dhe janë të frymëzuar, prandaj mos hezitoni të shihni kodin burimor të një faqeje dhe ta përdorni atë si një mjet mësimi.