Ինչպես դիտել Վեբ էջի HTML- ի աղբյուրը Safari- ում

Ցանկանում եք տեսնել, թե ինչպես է ինտերնետային էջը կառուցվել: Փորձեք դիտել իր սկզբնական կոդը:

Վեբ էջի HTML- ի աղբյուրը դիտելը HTML- ի սովորելու ամենահեշտ (եւ ամենաարդյունավետ) եղանակներից մեկն է, հատկապես այն նոր վեբ մասնագետների համար, ովքեր պարզապես սկսել են այդ ոլորտում: Եթե ​​դուք ինչ-որ բան տեսնում եք կայքում, եւ ցանկանում եք իմանալ, թե ինչպես է դա կատարվել, դիտեք այդ կայքի կոդը:

Եթե ​​դուք պարզապես սիրում եք կայքի ձեւավորումը, դիտելով աղբյուրը, տեսնելու, թե ինչպես է այդ դասավորությունը ձեռք բերվել, կօգնի ձեզ սովորել եւ կատարելագործել ձեր սեփական աշխատանքը: Տարիների ընթացքում շատ վեբ դիզայներներ եւ ծրագրավորողներ բավականին շատ HTML սովորեցին, պարզապես դիտելով վեբ էջերի աղբյուրը : Դա հիանալի միջոց է սկսնակների համար սովորելու HTML- ի եւ փորձառու վեբ մասնագետների համար, թե ինչպես կարող են կիրառվել նոր մեթոդներ:

Հիշեք, որ սկզբնական ֆայլերը կարող են շատ բարդ լինել: HTML- ի հետ միասին էջի համար, հավանաբար, կլինեն շատ CSS- ի եւ սցենարների ֆայլեր, որոնք օգտագործվում են այդ կայքի տեսքը եւ գործառույթը ստեղծելու համար, այնպես որ չեք կարողանում հիասթափվել, եթե չկարողանաք պարզել, թե ինչ է կատարվում անմիջապես: HTML- ի դիտումը միայն առաջին քայլն է: Դրանից հետո դուք կարող եք օգտագործել գործիքներ, ինչպիսիք են Chris Pederick- ի Web Developer- ի ընդլայնումը, դիտելու CSS- ի եւ սցենարների, ինչպես նաեւ ստուգել HTML- ի կոնկրետ տարրերը:

Եթե ​​դուք օգտագործում եք Safari բրաուզերը, այստեղ է, թե ինչպես կարող եք դիտել էջի կոդը, տեսնելու համար, թե ինչպես է այն ստեղծվել:

Ինչպես դիտել HTML- ի աղբյուրը Safari- ում

  1. Բաց Safari- ն:
  2. Նայիր վեբ էջին, որը կցանկանայիք ուսումնասիրել:
  3. Սեղմիր մենյուի վերեւում մշակել ցանկը: Նշում. Եթե ​​Մշակել ցանկը տեսանելի չէ, անցեք նախասիրություններ Ընդլայնված բաժնում եւ ընտրեք Ցուցադրել Մենյու ցանկը ցանկի բարում:
  4. Սեղմեք էջի աղբյուրը ցուցադրելու համար : Սա կստեղծի տեքստային պատուհան `դիտարկվող էջի HTML աղբյուրի հետ:

Խորհուրդներ

  1. Վեբ էջերի մեծ մասում դուք կարող եք նաեւ դիտել աղբյուրը աջ սեղմելով էջում (ոչ պատկերով) եւ ընտրելով էջի աղբյուրը: Սա կցուցադրվի միայն այն դեպքում, եթե «Ընդլայնված» ընտրացանկը հնարավորություն ընձեռվի «Նախապատվություններ»:
  2. Safari- ն ունի նաեւ ստեղնաշարի կարճուղի, HTML- ի աղբյուր դիտելու համար, հսկման եւ ընտրանքային բանալիներն անջատելու եւ U (Cmd-Opt-U) կոճակը պահելու համար:

Դիտում Source Code- ի իրավունքը:

Կայքի կոդն արտատպելուց եւ այն անցնելուց հետո, որպես ձեր սեփական կայքում, անընդունելի չէ, օգտագործելով այդ կոդը որպես դասավանդման սովորելու համար, փաստորեն, թե քանի առաջընթաց է կատարվում այս ոլորտում: Իրականում, դուք դժվար կզգաք աշխատանքային վեբ-պրոֆեսիոնալ գտնելու համար, ով ինչ-որ բան չի սովորել կայքի դիտարկումը դիտելու միջոցով:

Ի վերջո, վեբ մասնագետները սովորում են միմյանցից եւ հաճախ բարելավում են այն աշխատանքը, որին նրանք տեսնում են եւ ոգեշնչված են, այնպես որ մի հապաղեք դիտեք կայքի կոդով եւ օգտագործեք այն որպես ուսուցման գործիք: