Ինչպես բացել էջի կոդը՝ օգտագործելով ստեղները: Ինչպես փոխել էջի կոդը Google Chrome-ում

Երկար ժամանակ ինձ համար անօգուտ ու անհետաքրքիր էր «ցույց տալ էջի աղբյուրը» տարբերակը։ Մինչ այժմ Codecademy-ում HTML սովորելը և իմ սեփական կայքերի ձևավորումը չի վերածվել իմ նոր հոբբիի: Հենց այստեղ էլ հարց առաջացավ՝ որտեղի՞ց գտնել իրական գործեր և վերցնել հետաքրքիր լուծումներ ձեր «խոճկորների» համար։ Պատասխանը անսպասելիորեն պարզ էր, ինչպես բոլոր հնարամիտ բաները. նայեք էջի սկզբնական կոդը Google Chrome-ում: Ես ձեզ հետ կիսում եմ իմ համեստ գտածոները։

Ո՞րն է էջի սկզբնական կոդը

Եթե ​​դուք, ինչպես ինձ, նոր եք անում ձեր առաջին քայլերը HTML ծրագրավորման մեջ, լավ կլինի պարզել, թե որն է էջի սկզբնական կոդը:

Աղբյուրի կոդը, որը նաև հայտնի է որպես HTML էջի կոդ, տեքստ է Hyper Text Markup Language (HTML): Այն ներառում է էջի իրական բովանդակությունը (տեքստ, աղյուսակներ) և պիտակներ: Վերջիններս բրաուզերի համար գործում են որպես հրահանգներ՝ ինչպես ցուցադրել բովանդակությունը, ինչ տեսակի ֆորմատավորում օգտագործել, որտեղ տեղադրել հիպերհղում կամ մեդիա ֆայլ: Դե, մեզ՝ սկսնակ ծրագրավորողներիս համար, սկզբնական կոդը լավագույն ուսուցման հիմքն է՝ մենք գտնում ենք հետաքրքիր կայք և լրտեսում ենք այն, պահպանում այն ​​և օգտագործում հաջողակ հատվածներ։ Ինչպե՞ս:

Ինչպես դիտել աղբյուրի կոդը Google Chrome բրաուզերի էջում

Գտեք այն էջը, որը ձեզ դուր է գալիս: Օրինակ, ինձ հետաքրքրում էր կայքի մենյուի դիզայնը։ Google Chrome բրաուզերում սկզբնական կոդը բացելու երեք եղանակ կա.

1. Սեղմեք պատկերակի վրա մենյուզննարկչի վերին աջ անկյունում և ընտրեք «Ավելի շատ գործիքներ»: Ի թիվս այլոց, կա «Դիտել աղբյուրի կոդը»: Անկեղծ ասած, ես հազվադեպ եմ օգտագործում այս մեթոդը՝ շատ են ավելորդ շարժումները։ Այն կարելի է նույնիսկ ավելի պարզ դարձնել։
2. Սեղմեք ստեղների համակցությունը Ctrl+U– բացվում է աղբյուրի կոդով նոր պատուհան;
3. Համատեքստի մենյուի երկրպագուների համար՝ աջ սեղմեք էջի վրա և ընտրեք «Դիտել էջի կոդը» տարբերակը:

Մենք հաղթահարել ենք բրաուզերում էջի HTML կոդը դիտելու խնդիրը: Անցնենք ամենահետաքրքիր փուլին։

Ինչպես խմբագրել և պահպանել աղբյուրի կոդը

Կայքեր ստեղծելու սովորելու համար բավական չէ կարդալ ուրիշի HTML կոդը։ Պետք է խաղալ դրա հետ, փորձարկել, փոփոխություններ կատարել և ստուգել արդյունքը: Դուք նույնիսկ կարող եք սկսել մի քանի հաջողված նմուշներ կազմելով: Ինչպե՞ս խմբագրել և պահպանել աղբյուրի կոդը:

Տարբերակ 1. «Ձեռքով»

Էջի սկզբնական կոդը բացելուց հետո զանգահարեք համատեքստի ընտրացանկ և ընտրեք «Պահպանել որպես» տարբերակը և պահեք ֆայլը ձեր կոշտ սկավառակի վրա: Մենք խմբագրում ենք ֆայլը Notepad-ում կամ Notepad-ում, պահպանում ենք փոփոխությունները և բացում այն ​​բրաուզերի միջոցով։ Մեր փոփոխությունների արդյունքները (հաջող և ոչ այնքան հաջող) կարտացոլվեն դիտարկիչի պատուհանում։

Տարբերակ 2. Պրոֆեսիոնալների համար

Երբ ամեն օր «խաղում ես» սկզբնաղբյուրի հետ, «պահպանել - բացել - փոխել - պահպանել - ստուգել» գործընթացը հոգնեցուցիչ է դառնում։ Ինձ համար ես լուծում գտա Google Chrome-ի համար plugin-ի տեղադրման տեսքով՝ Firebug Lite: Այն թույլ է տալիս խմբագրել և պահպանել աղբյուրի կոդը՝ առանց բրաուզերի պատուհանից դուրս գալու:

Հրահանգներ

html բացելու ամենահեշտ ձևն է կոդըկապված ներկառուցված բրաուզերի հնարավորությունների օգտագործման հետ: Նրանցից յուրաքանչյուրն ունի դիտման տարբերակ կոդըէջեր։ Այսպիսով, Internet Explorer բրաուզերում դիտելու համար կոդըդուք պետք է բացեք այն մենյուում՝ «Դիտել» - «Դիտել html- կոդը».

Նրանց համար, ովքեր աշխատում են Opera բրաուզերի հետ, դիտելու համար կոդըդուք պետք է բացեք «Դիտել» - «Աղբյուր կոդը» կամ սեղմեք ստեղների համակցությունը Ctrl + F3: Mozilla Firefox-ի օգտատերերը կարող են դիտել html կոդը՝ աջ սեղմելով էջի վրա և համատեքստի ընտրացանկից ընտրելով «Էջի աղբյուրի կոդը»:

Google Chrome-ի հետ աշխատող օգտատերերը պետք է օգտագործեն նաև համատեքստի ընտրացանկը, որը կանչվում է՝ աջ սեղմելով դիտվող էջի վրա և ընտրել «Դիտել» կոդըէջեր».

Օպերայում բաց կոդով կոդը պահպանելու համար բաց html էջում սեղմեք «Պահպանել» կոճակը պատուհանի վերին ձախ մասում։ Mozilla Firefox-ում ընտրեք «Ֆայլ» - «Պահպանել էջը որպես...»: HTML կոդը պահպանվում է նույն կերպ IE-ում։ Google Chrome-ում աջ սեղմեք բաց կոդով և ընտրեք «Պահպանել որպես» համատեքստի ընտրացանկից:

Եթե ​​Ձեզ անհրաժեշտ է աշխատել պահպանված կոդով, ապա դրա համար օգտագործեք հատուկ ծրագրեր: HTML լեզվին տիրապետելու համար CuteHTML-ի շարահյուսական ընդգծմամբ խմբագրիչը կատարյալ է, այն շատ պարզ է և հեշտ օգտագործման համար: Նրա օգնությամբ դուք կարող եք ստեղծել բավականին բարդ էջեր։

HTML-ի հետ պրոֆեսիոնալ աշխատելու և բարդ կայքեր ստեղծելու համար օգտագործեք Dreamweaver-ը: Սա տեսողական վեբ կայքի ստեղծող է, որը թույլ է տալիս արագ ստեղծել նույնիսկ շատ բարդ նախագծեր: Աշխատելով այս ծրագրում՝ կարող եք օգտագործել պատրաստի կայքերի կաղապարներ, որոնք զգալիորեն կարագացնեն և կպարզեցնեն ինտերնետային ռեսուրսի ստեղծումը։

Շատ անվճար կաղապարներ, որոնց հիման վրա կարող եք ստեղծել շատ գեղեցիկ կայքեր, հասանելի են առցանց։ Պարզապես ներբեռնեք ձեր հավանած ձևանմուշը, բացեք այն Dreamweaver-ում և փոփոխեք այն այնպես, ինչպես ցանկանում եք: Պատրաստի կաղապարները կարող եք ներբեռնել այստեղ՝ http://www.internet-technologies.ru/templates/:

Ինտերնետային վեբ էջը կարող է պարունակել հղում դեպի Word փաստաթուղթ: Երբ սեղմում եք հղման վրա, այն կարող է ցուցադրվել կամ դիտարկիչում կամ տեքստային խմբագրիչում: Ո՞րն է տեքստային ֆայլ բացելու լավագույն միջոցը:

Word-ի խմբագրիչը չունի անկախ կարգավորումներ այն մասին, թե արդյոք փաստաթուղթն ուղարկվում է դիտարկիչից: Բոլոր կարգավորումները կազմաձևված են անմիջապես Windows-ում:

Բացեք «Ֆայլի տեսակները» երկխոսության տուփը՝ կատարելով հետևյալներից մեկը.

Սեղմեք և պահեք Windows ստեղնը (այն պարունակում է ՕՀ-ի պատկերանշանը և գտնվում է ստեղնաշարի ներքևում՝ Ctrl և Alt ստեղների միջև):
- Ձեր աշխատասեղանին կրկնակի սեղմեք Իմ Համակարգիչը պատկերակը:

Այժմ հայտնվող ընտրացանկից ընտրեք Գործիքներ > Թղթապանակի ընտրանքներ և անցեք Ֆայլի տեսակների ներդիր: Դուք ստիպված կլինեք սպասել մի քանի րոպե, մինչ Windows-ը տեղեկություններ հավաքի տարբեր ֆայլերի տեսակների մասին:

Երբ ցուցակը հայտնվի, ցուցակում պետք է գտնեք DOC ընդլայնումը: Սեղմեք դրա վրա՝ այն ընդգծելու համար, այնուհետև սեղմեք «Ընդլայնված» կոճակը: Այժմ կարող եք տեսնել Խմբագրել ֆայլի տիպի հատկությունները երկխոսության վանդակը: Editing-ն առաջարկում է 2 տարբերակ՝ Word փաստաթղթերը բրաուզերում ցուցադրելու համար։

Փաստաթղթի բացում տեքստային խմբագրիչում

Սա լռելյայն կարգավորումն է: Եթե ​​որոշեք պահպանել այն, ապա ձեզ հարկավոր է միայն կարգավորել որոշ կարգավորումներ: Եթե ​​ցանկանում եք ընտրել փաստաթուղթը բացել, թե պահպանել, պետք է նշեք «Հաստատել բացումը ներբեռնումից հետո» վանդակը: Խնդրում ենք նկատի ունենալ, որ եթե հանեք «Միշտ հարցնել այս ֆայլի տեսակը բացելիս» վանդակը, դուք չեք կարողանա նշել վերը նշված վանդակը:

Փաստաթղթի բացում Internet Explorer-ում

Փոփոխել ֆայլի տիպի հատկությունները երկխոսության վանդակում նշեք նույն պատուհանի «Փնտրել» ներդիրի կողքին գտնվող վանդակը: Այս պարամետրը նշանակում է, որ Word փաստաթուղթը լռելյայն կբացվի Internet Explorer-ում: Բրաուզերը կօգտագործի համապատասխան փլագինը, որի գործիքագոտին Word և Internet Explorer-ի հիմնական մենյուի համակցությունն է։ Դուք կարող եք խմբագրել և ձևաչափել ձեր փաստաթուղթը ճիշտ այնպես, ինչպես կկատարեիք բառային պրոցեսորում, սակայն որոշ տարբերակներ կարող են հասանելի չլինել:

Այս պարամետրը հեռացնելը դժվար չէ: Պարզապես բացեք «Փոխել ֆայլի տիպի հատկությունները» երկխոսության տուփը և հանեք «Փնտրել նույն պատուհանում» նշումը: Դրանից հետո փաստաթուղթը լռելյայնորեն կբեռնվի Word-ում:

Փաստաթղթի բացում այլ բրաուզերներում

Այլ բրաուզերներում փաստաթուղթ բացել հնարավոր է միայն հատուկ փլագիններ տեղադրելուց հետո։ Օրինակ, View Docs-ը մշակված է Opera-ի համար, Google Docs Viewer-ը հասանելի է Firefox-ի համար և այլն: Կա նաև առցանց գործիքների մեծ ընտրություն, որոնք չեն պահանջում որևէ ներբեռնում կամ տեղադրում ձեր համակարգչում:

Հրահանգներ

Բրաուզերի օգնությամբ գնացեք այն կայք, որտեղ ցանկանում եք փոխել HTML-ը ծածկագիրը. Դա անելու համար մուտքագրեք ռեսուրսի հասցեն ձեր բրաուզերի հասցեի տողում կամ օգտագործեք ինտերնետ որոնման համակարգերից մեկը:

Բաց ծածկագիրըէջեր դիտելու համար: Կախված այն դիտարկիչից, որն օգտագործում եք, դուք պետք է ընտրեք ցանկի համապատասխան տարրը: Օպերայում՝ բնօրինակը դիտելու համար ծածկագիրըև օգտագործեք «Դիտել» - «Զարգացման գործիքներ» - «Աղբյուր» ծածկագիրը« Google Chrome-ում այս հատկությունը հասանելի է «Գործիքներ» - «Դիտել աղբյուրը» բաժնում: ծածկագիրը« Եթե ​​դուք օգտագործում եք Mozilla Firefox, սեղմեք «Մենյու» ստեղնը - «Վեբ մշակում» - «Աղբյուր» ծածկագիրըէջեր». Կախված ձեր բրաուզերի կարգավորումներից՝ HTML ծածկագիրըկբացվի նոր ներդիրում կամ պատուհանում:

Խմբագրել ցուցադրվածը ծածկագիրը. Firefox-ում և Chrome-ում փաստաթուղթը խմբագրելու համար նախ պետք է այն պահել ձեր կոշտ սկավառակում (File - Save Page As):

Բոլոր փոփոխությունները կատարելուց հետո էջը պահպանեք՝ օգտագործելով «Պահպանել» կոճակը: Փաստաթուղթը բեռնված է: Դուք կարող եք ինքներդ փոխել այն՝ օգտագործելով ցանկացած տեքստային խմբագրիչ:

Էջի ամբողջական պատճենը բոլոր պատկերներով պահպանելու համար գնացեք ձեզ անհրաժեշտ ռեսուրսը և ընտրեք «Ֆայլ» - «Պահպանել որպես» ընտրացանկը: Բացվող պատուհանում ընտրեք փաստաթղթի տեսակը «HTML ֆայլ պատկերներով»:

Օգտակար խորհուրդ

HTML-ի տեսողական խմբագրման համար կան բազմաթիվ խմբագիրներ, որոնք ապահովում են շարահյուսական ընդգծում և ավտոմատ կերպով փոխարինում բացակայող նկարագրիչները: Վեբ մշակողների ամենահզոր գործիքներից մեկը Macromedia Dreamweaver-ն է: Որպես այլընտրանք, կա ավելի թեթև Front Page: Եթե ​​Ձեզ անհրաժեշտ չէ վիզուալ կարգաբերում և պարզապես անհրաժեշտ է շարահյուսության ընդգծում և գունավորում, կարող եք օգտագործել ավելի թեթև, բայց հզոր խմբագրիչ Notepad++:

Աղբյուրներ:

• ինչպես փոխել աղբյուրի կոդը

«Ի՞նչ անվանել հոդվածը» հարցի պատասխանից. կախված է ոչ միայն այն ընթերցողների թվից, այլև, առանց չափազանցության, ամբողջ կայքի հեղինակությունից, որում այն ​​տեղադրված է: Ի վերջո, յուրաքանչյուր հոդված ռեսուրսի ընդհանուր պատկերի մի փոքր հարված է, և բազմաթիվ անհատական ​​հարվածների համադրությունը ստեղծում է ամբողջ կայքի յուրահատուկ պատկերը:

Հրահանգներ

Ավելի լավ է վերնագիրը թողնել ավելի ուշ, երբ տեքստն ինքնին պատրաստ լինի։ Գրելիս դա թույլ կտա չսահմանափակել մտքի թռիչքը վերնագրով սահմանված շրջանակում։ Ունենալով պատրաստի տեքստը ձեր աչքի առաջ՝ ավելի հեշտ է որոշել վերնագիրը, որը լավագույնս արտացոլում է հոդվածի բոլոր նրբությունները։ Կրկին կարդացեք պատրաստի տեքստը, մտովի ձևակերպեք տեքստի էությունը մի քանի լակոնիկ արտահայտություններով:

Կախված կայքի լսարանից՝ մենք ընտրում ենք հոդվածի կաղապար։ Ակնհայտ է, որ ցայտուն վերնագրերը հարմար չեն, օրինակ, իրավական թեմաներով հոդվածների համար։ Ընդհակառակը, թեթև նյութի լուրջ վերնագիրը կվախեցնի պոտենցիալ ընթերցողների մի տոկոսին: Կան բազմաթիվ կաղապարներ հոդվածների վերնագրերի համար, օրինակ.

Հետաքրքիր հարց («Գիտե՞ք, որ…»)

«Ինչպե՞ս» բառով սկսվող հարց. («Ինչ անվանեմ հոդվածը»)

Հասցե հանդիսատեսին («Միայն ուսանողներ…»)

Նախադասություն-հայտարարություն («Լճակ տնակում – մտքի խաղաղություն»)

Առաջարկ-երաշխիք («Երաշխավորված մեթոդ...»)

Գործողության խթան («Ստացեք զեղչ...»)

Իհարկե, հոդվածների վերնագրերը չեն սահմանափակվում կաղապարների այս ցանկով։

Մենք ստեղծում ենք անունների մի քանի տարբերակներ՝ օգտագործելով ընտրված կաղապարները: Այնուհետև կտրում ենք անհաջողները և թողնում ենք նրանց, ովքեր.

Առավել ճշգրիտ արտացոլում է հոդվածի էությունը

Համապատասխան հանդիսատեսի հետաքրքրություններին

Աղբյուրներ:

• Դենիս Կապլունով. Անվճար վարպետության դաս վերնագրեր գրելու վերաբերյալ
• հոդվածի վերնագիր

HTML (HyperText Markup Language) հրահանգները ուղարկվում են վեբ սերվերի կողմից կայքի էջի այցելուի զննարկչի խնդրանքով և պարունակում են ամբողջական տեղեկատվություն այն մասին, թե ինչ և ինչպես պետք է զննարկիչը ցույց տա այս էջի այցելուին: Այսօր այս հրահանգները ամենից հաճախ ստեղծվում են սերվերի կողմի սկրիպտներով, այլ ոչ թե պատրաստի պահվում ֆայլերում: Եթե, այնուամենայնիվ, անհրաժեշտություն առաջանա խմբագրելու HTML կոդը, այլ ոչ թե այն կազմող սկրիպտները, ապա դա կարելի է անել տարբեր գործիքների միջոցով։

Հրահանգներ

Օգտագործեք բովանդակության կառավարման համակարգի խմբագրիչը՝ սկզբնաղբյուր HTML կոդը խմբագրելու համար: Դա անելու համար, ցանկալիը խմբագրիչում բեռնելուց հետո, անհրաժեշտ է այն տեսողական ռեժիմից (որը երբեմն անվանում են WYSIWYG ռեժիմ) անցնել HTML խմբագրման ռեժիմի։ Դրանով դուք անմիջապես կհասնեք նշագրման լեզվի հրահանգներին («պիտակներ»): Այնուամենայնիվ, օգտագործելով տեսողական ռեժիմը, դուք նաև փոխում եք HTML պիտակները՝ դա անելով «» էջի խմբագրիչում:

Օգտագործեք ցանկացած տեքստային խմբագրիչ՝ էջերի HTML կոդի մեջ փոփոխություններ կատարելու համար, եթե ձերը տեղադրված չէ կառավարման համակարգ: Այս կոդը պահող ֆայլերը սովորական տեքստային ֆայլերից տարբերվում են միայն ընդլայնմամբ, և ձայնագրման ձևաչափը ճշգրտորեն համապատասխանում է txt ընդլայնմամբ ֆայլերի ձևաչափին։ Հետևաբար, ցանկացած տեքստային խմբագրիչ, որը կարող է աշխատել txt ֆայլերի հետ, կարող է օգտագործվել նաև HTML կոդը խմբագրելու համար:

Տեղադրեք մասնագիտացված HTML կոդի խմբագիր, եթե պլանավորում եք բավականին կանոնավոր կերպով կատարել էջի դասավորություն: Նման ծրագրերը զգալիորեն տարբերվում են սովորական տեքստային խմբագրիչներից և կառավարում տեղադրված խմբագրիչներից: Օրինակ, նրանք ունեն «համատեքստային ակնարկ» գործառույթներ, այսինքն՝ երբ սկսում եք մուտքագրել HTML պիտակ, խմբագիրն առաջարկում է ձեզ ամենահարմար տարբերակները, ինչը զգալիորեն արագացնում է մուտքագրումը, նվազեցնում է տառասխալների քանակը և օգնում է արագ տիրապետել շարահյուսությանը։ լեզուն. Բացի այդ, նման ծրագրերը կարող են ձևաչափել և գունավորել մուտքագրված կոդը, որոնել շարահյուսության մեջ սխալներ և ստուգել սահմանված չափանիշներին համապատասխանությունը: Այս տեսակի շատ մասնագիտացված հավելվածներ ունեն տեսողական խմբագրման և էջի նախադիտման ռեժիմ, կարող են վերբեռնել ստեղծված էջերը, համաժամացնել HTML էջերի տեղական և հեռավոր տարբերակները և շատ ավելին:

Աղբյուրներ:

• ինչպես խմբագրել կայքի էջը

Կայքի համար լավ հոդված գրելը բավարար չէ, անհրաժեշտ է նաև ճիշտը գտնել կոչում. Այն պետք է միաժամանակ արտացոլի հոդվածի իմաստը և ապահովի, որ օգտագործողը կարողանա արագ գտնել այն որոնման համակարգում: Պարզելու համար, թե որ վերնագիրն է հաջողակ, դիտեք որոնման համակարգի վիճակագրությունը:

Ձեզ անհրաժեշտ կլինի

• - համակարգիչ
• - Ինտերնետ հասանելիության

Հրահանգներ

Վերնագիրը հաջողակ դարձրեք որոնման համակարգի օպտիմալացման առումով, թող ներառի հիմնաբառեր։ Պարզեք, թե ինչ բառեր և արտահայտություններ են փնտրում օգտվողները որոնման համակարգերում: Դա անելու համար դիտեք հարցումների վիճակագրությունը: Օրինակ, Yandex-ում դա կարելի է անել wordstat.yandex.ru էջում: Օրինակ, դուք նայում եք «փող» բառի վիճակագրությանը և տեսնում եք, որ ամսական 3,613,993 տպավորություն է եղել: Սա նշանակում է, որ այդքան անգամ այն ​​հայտնվել է Yandex-ի որոնման արդյունքներում՝ ներառյալ տարբեր արտահայտություններ։ Եթե ​​ձեզ հետաքրքրում է, թե քանի անգամ են մարդիկ որոնել «փող» բառն ինքնին, մուտքագրեք այն չակերտների մեջ և սկզբում բացականչական կետով՝ «!money»:

Եթե ​​դուք քիչ փորձ ունեք SEO-ի և վեբկայքի բովանդակության մեջ, խթանեք ցածր հաճախականության հարցումների հոդվածները: Բարձր հաճախականությունը ներառում է, օրինակ, այս մեկը. «Ինչպես գումար աշխատել»: Այս արտահայտությունը ամսվա ընթացքում բազմիցս որոնվել է, և ձեզ համար դժվար կլինի պայքարել մրցակցության դեմ, քանի որ... Դուք դժվար թե հայտնվեք որոնման առաջին էջերում, էլ չեմ խոսում TOP-ի մասին: Միևնույն ժամանակ, «Ինչպես գումար աշխատել բնակարանի համար» արտահայտությունը մեկ ամսվա ընթացքում մուտքագրվել է ընդամենը 146 անգամ, այնպես որ, եթե գրեք այս թեմայի մասին, լավ հնարավորություն կունենաք արժանի տեղ գրավել որոնման մեջ:

Չափազանց ցածր ծավալ ունեցող հարցումների վերնագրեր մի ստեղծեք: Նույնիսկ եթե դուք վերևում եք մի արտահայտության համար, որը որոնել եք ամիսը երկու անգամ, դուք դեռ շատ այցելուներ չեք ստանա: Բայց եթե կարծում եք, որ թեման խոստումնալից է (օրինակ, այն վերաբերում է ինչ-որ նոր գաջեթի), ապա կարող եք փորձել։ Լավ է նաև օգտագործել վերնագրեր, որոնք ներառում են հիմնաբառ կամ արտահայտություն (սկսած դրանով), բայց եզակի են:

Հետաքրքիր դարձրեք կայքի վերնագիրը: Լավ է, եթե այն ներառում է խնդրի լուծում և կարճ ու հակիրճ է: Սովորեք առավելագույն իմաստ դնել նվազագույն բառերի մեջ: Տեղեկացրեք օգտվողին, որ ձեր հոդվածը պարունակում է օգտակար տեղեկատվություն:

Փորձեք վերնագրում ինտրիգ ավելացնել, օրինակ՝ կասկածի տակ դնելով սովորական իմաստությունը, խաղալով հակադրությունների վրա և այլն: Ուշադրություն են գրավում նաև «ինչպես», «ինչու», «ինչու» բառերը։

Տեսանյութ թեմայի վերաբերյալ

Օգտակար խորհուրդ

Ձեր վերնագրերն ավելի կոնկրետ դարձրեք, եթե գրում եք կոնկրետ երեւույթի կամ ապրանքանիշի մասին, նշեք այն։ Սա մեծացնում է հավանականությունը, որ ձեր թիրախային լսարանը կհասնի ձեր վեբ էջին:

Հրահանգներ

Մեկ այլ ռեսուրսի վրա տեղակայված տեքստում կայքը նշելիս օգտագործեք հետևյալ կառուցվածքը HTML-ում՝ Cat Photography Tutorial: Այս դեպքում կայքի անվանումը կնշվի գունավոր, իսկ որոշ բրաուզերներում այն ​​նույնպես ընդգծված կլինի։ Երբ մկնիկի սլաքը տեղափոխեք դրան, հասցեն կցուցադրվի բրաուզերի ներքևի ձախ անկյունում, և եթե սեղմեք հղման վրա, այն կհետևվի՝ կախված բրաուզերի կարգավորումներից, նույն կամ մեկ այլ ներդիրում:

Կարող եք նաև համոզվել, որ կայքի անունից բացի, տեքստում ցուցադրվի նաև դրա URL-ը, նույնիսկ այն դեպքում, երբ մկնիկի սլաքը դրան չի բերվում։ Դա անելու համար օգտագործեք մեկ այլ շինարարություն.

Կատուների լուսանկարչության ձեռնարկ՝ http://site.domain

Եթե ​​չեք ցանկանում սեղմել հղման վրա՝ դրան հետևելու համար, արա ընդհանրապես առանց HTML թեգեր օգտագործելու, օրինակ՝ այսպես.

Կատուների լուսանկարչության ձեռնարկ՝ http://site.domain

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

Ինչ է HTML կոդը:

HTML հապավումը թարգմանվում է որպես «հիպերտեքստի նշագրման լեզու»: Հիպերտեքստը ինտերնետի էջերում նավարկելու հատուկ մեթոդ է, որն իրականացվում է հիպերտեքստային հղումների տեսքով։ Սեղմելով այս հղումները՝ կարող եք հեշտությամբ նավարկել կայքի կառուցվածքում: Անցումներն այս դեպքում գծային չեն լինում, այսինքն. դուք միշտ հնարավորություն ունեք գնալու կայքի ցանկացած էջ, որի հղումը ներկայումս տեսանելի է:

Նշումը վերաբերում է որոշակի կանոններին և հատկություններին, որոնք վերագրված են էջի տարրերին: Դրանք իրականացվում են այսպես կոչված թեգերի տեսքով։ Օրինակ՝ նշելու, որ էջի որոշակի տեքստ պետք է կենտրոնացված լինի, կարող եք այն նշել կենտրոնական պիտակով: Դուք կարող եք տեսնել կոնկրետ էջի HTML կոդը դրա համատեքստային մենյուի միջոցով: Օրինակ, Firefox բրաուզերում այս կոդը մուտք գործելու համար անհրաժեշտ է էջի ներսում սեղմել աջը և ընտրել «Էջի աղբյուրի կոդը»:

Ինչպե՞ս է աշխատում HTML կոդը:

HTML կոդը էջի տարրեր պարունակող կարճ պիտակների մի շարք է: Այս ամբողջ կոդը պահվում է .html կամ .htm ընդլայնմամբ ֆայլում: Երբ դուք բացում եք նման ֆայլ բրաուզերում, կոդը մեկնաբանվում է դրանով, իսկ պատրաստի էջը ցուցադրվում է ծրագրի պատուհանում։ Իմանալով HTML նշագրման լեզուն՝ գրեթե յուրաքանչյուրը կարող է ստեղծել իր սեփական էջը:

Որո՞նք են պիտակների տեսակները:

Թեգերը առանձին կառուցումներ են HTML կոդի մեջ: Սա պարզ տեքստ է, որը կցվում է անկյունային փակագծերի ներսում «»: Դուք կարող եք տեսնել պիտակներ գրեթե ցանկացած էջի HTML կոդում: Թեգերն իրենք չեն ցուցադրվում էջերում, դրանք ցուցադրում են հատուկ տարր, որը կոդավորված է պիտակների միջոցով: Օրինակ, եթե էջում կա նկար, ապա դրա HTML կոդը պարունակում է img թեգը։

HTML սահմանափակումներ

Չնայած այն հանգամանքին, որ HTML կոդը թույլ է տալիս կառուցել բավականին բարձրորակ հիպերտեքստային էջ, այն ունի իր սահմանափակումները։ Բացառապես նման կոդ պարունակող էջերը ստատիկ են, այսինքն. նրանք չունեն դինամիկա, հատուկ էֆեկտներ և այլ հատկանիշներ: Բայց դրանք կարող են ներկայացվել այլ լեզուներով, օրինակ՝ Java Script-ով: Ժամանակակից կայքերի ճնշող մեծամասնությունը ստեղծվել է լրացուցիչ լեզուների միջոցով, որոնք դրանք դարձնում են ավելի աշխույժ և ինտերակտիվ:

Ի՞նչն է գրավում ընթերցողի (օգտատիրոջ) ուշադրությունը տպագիր կամ առցանց հրապարակման էջում:

• Նկար


• Վերնագիր


• Ենթագրեր


• Ստորագրություն նկարի կամ լուսանկարի տակ

Որքան էլ տխուր է, մարդիկ չեն ուզում կարդալ, ժամանակ չունեն, քանի որ անվերջ շտապում են ինչ-որ տեղ հասնել։ Բայց եթե դուք հեղինակ եք (լրագրող, բլոգեր, ֆրիլանսեր, լրատվական գրող, գրող), ցանկանում եք ընթերցողին փոխանցել ձեր մտքերը, եզրակացությունները, խնդրի տեսլականը և այլն։ Ինչպե՞ս համոզվել, որ ընթերցողը չի շրջանցում ձեր գրառումը: Ինչպե՞ս վերնագիրը դարձնել գայթակղիչ, որպեսզի ցանկանաք խորանալ հոդվածի մեջ։

1. Վերնագրերում օգտագործեք բայական ձևեր:

Օրինակ՝ «Որտե՞ղ ներդնել գումար», «Ինչպես պատրաստել տնային առաջին օգնության հավաքածու», «Պուտինի նոր հրամանագիրը»։

2. Նորության սկզբունքը.

«Գարունը մտահոգությունների ժամանակ է» վերնագրերը բարոյապես հնացած են: Թող դրանք օգտագործեն «բյուրոկրատական» թերթերն ու ամսագրերը։ Վերնագիրը պետք է հաղորդի ինչ-որ նոր բան, ինչ-որ անհայտ, և որն ավելի մանրամասն կբացահայտվի գրության տեքստում: Օրինակ, ավելի լավ վերնագիր կլինի. «Գարնանային հոգսերը թույլ չեն տա ֆերմերներին հանգստանալ»:

3. Փոխաբերությունը, պատկերավորությունը, օքսիմորոնը, վերնագրի անսովորությունը հոդվածին ընթերցվելու հնարավորություն կտան: Օգտագործեք որոշակի տառերի կտրուկ համեմատություններ, էպիտետներ և իմաստային շեշտադրումներ: Հիմնական բանը արտահայտչական միջոցներով չարաշահելն է։ Ամեն ինչ պետք է չափի մեջ լինի։

4. Գործնականությունը կարևոր է ընթերցողի (օգտագործողի) համար: Անորոշ, ոչ իմաստալից կամ չափազանց ընդհանուր վերնագրերը հոդվածը կթողնեն առանց ուշադրության: Ինչու՞ պետք է կարդալ տեքստը: Ի՞նչ կտա սա ինձ գործնական առումով: Ի՞նչ կհանեմ դրանից։ Արդյո՞ք այս փորձը օգտակար կլինի ինձ համար: Եթե ​​ընթերցողը գտնի այս հարցերի պատասխանները վերնագրի մակարդակով, այլ ոչ թե տեքստի, ապա հոդվածը կկարդա:

Հրահանգներ

Mozilla FireFox-ում ընդլայնել «Դիտել» բաժինը ցանկի մեջ և սեղմել «Բնօրինակ» ծածկագիրը« Նույն կետը կա նաև համատեքստի ընտրացանկում, որը, եթե աջ սեղմեք տեքստի վրա էջեր. Կարող եք նաև օգտագործել ստեղնաշարի դյուրանցումը CTRL + U: Mozilla FireFox-ը չի օգտագործում արտաքին ծրագրեր՝ օրիգինալ ծածկագիրը էջերշարահյուսության ընդգծմամբ կբացվի զննարկչի առանձին պատուհանում:

Internet Explorer-ում կտտացրեք «Ֆայլ» ընտրացանկը և ընտրեք «Խմբագրել նոթատետրում»: Notepad անվան փոխարեն կարող է գրվել մեկ այլ անուն, դուք այն նշանակել եք բրաուզերի կարգավորումներում բնօրինակը դիտելու համար ծածկագիրըԱ. Սեղմման վրա էջերմկնիկի աջ կոճակով հայտնվում է համատեքստային մենյու, որն ունի նաև տարր, որը թույլ է տալիս բացել աղբյուրը ծածկագիրը էջերարտաքին ծրագրում - «Դիտել HTML- ծածկագիրըԱ».

Opera բրաուզերում բացեք ընտրացանկը, անցեք «Էջ» բաժին և հնարավորություն կունենաք ընտրել «Աղբյուրը» «Զարգացման գործիքներ» ենթաբաժնում: ծածկագիրը«կամ կետը «Բնօրինակ ծածկագիրըշրջանակ»: Այս ընտրանքներին վերագրվում են համապատասխանաբար CTRL + U և CTRL + SHIFT + U ստեղները: Համատեքստի ընտրացանկում, որը կապված է սեղմումով էջերաջ սեղմեք, կա նաև «Նախնական ծածկագիրը« Օպերայի աղբյուրը էջերարտաքին ծրագրում, որը նշանակված է ՕՀ-ում կամ բրաուզերի կարգավորումներում՝ HTML ֆայլերը խմբագրելու համար:

Google Chrome բրաուզերը, անկասկած, ունի բնօրինակը դիտելու լավագույն կազմակերպությունը ծածկագիրըԱ. Մկնիկի աջ սեղմումով կարող եք ընտրել Դիտել ծածկագիրըԱ էջեր«և այնուհետև շարահյուսական ընդգծմամբ սկզբնական կոդը կբացվի առանձին ներդիրում: Կամ կարող եք նույն ընտրացանկում ընտրել «Դիտել» տողը ծածկագիրըտարր» և նույն ներդիրում կբացվի երկու լրացուցիչ շրջանակ, որոնցում կարող եք ստուգել HTML և CSS ծածկագիրըտարր էջեր. Զննարկիչը կպատասխանի գծերի վրայով շարժվող կուրսորին ծածկագիրըև էջի վրա նշելով տարրեր, որոնք համապատասխանում են HTML-ի այս բաժնին ծածկագիրըԱ.

Apple Safari բրաուզերում ընդլայնել View բաժինը և ընտրել View HTML ծածկագիրըԱ». Մենյուում, որը հայտնվում է բացելիս աջ սեղմելով էջեր, համապատասխան նյութը կոչվում է «Դիտել աղբյուրը»: Այս գործողությանը հատկացված թեժ ստեղներն են CTRL + ALT + U. Original ծածկագիրըզննարկչի առանձին պատուհանում:

Աղբյուրներ:

• ինչպես փոխել նշանակված ստեղները firefox-ում

Բավականին շատ մարդիկ, համակարգչային խաղերում հանդիպելով դժվարությունների, որոնք չեն կարողանում հաղթահարել, օգտագործում են հատուկ ծածկագրեր այս կամ այն ​​խնդիրը լուծելու կամ խաղը պարզեցնելու համար։ Խաբեբա կոդը այն կոդն է, որը կարելի է մուտքագրել համակարգչային խաղի մեջ՝ դրա գործողության ընթացքը փոխելու համար: Նման կոդերի մուտքագրումն իրականացվում է ստեղնաշարի վրա որոշակի տեքստի (տառերից կամ թվերից բաղկացած) վերարտադրման միջոցով։ Կարող եք նաև տեքստ մուտքագրել հատուկ նշանակված տարածքներում (խաղի ընտրացանկ կամ վահանակ): Ինչպե՞ս կարող եմ գտնել խաղի կոդը:

Ձեզ անհրաժեշտ կլինի

• Համացանց

Հրահանգներ

Դիտարկենք առաջին մեթոդը, օգտագործելով հայտնի օրինակը http://chemax.ru. Կոնկրետ խաղի կոդ գտնելու համար սեղմեք «Cheat Codes» ներդիրին, այնուհետև ընտրեք «For»: Բացվող պատուհանում կարող եք կա՛մ մուտքագրել խաղի անունը հատուկի մեջ (որը կհեշտացնի որոնման գործընթացը), կա՛մ սեղմեք անգլերեն կամ ռուսերեն տառի վրա, որով սկսվում է խաղի անվանումը: Խաղն ընտրելուց հետո կտեսնեք բոլոր հնարավոր կոդերի ցանկը:

Խաբեության կոդերի բազան ներբեռնելու համար հարկավոր է գնալ կայք http://chemax.ruև ընտրեք «CheMax» - «CheMax Rus» ներդիրը: Խաբեության կոդերի այս բազան նույնպես ռուսալեզու է և ներկայացված է հսկայական թվով խաղեր։ Տեղադրելիս դուք պետք է ընտրեք ռուսերեն լեզուն և ծրագրի գտնվելու վայրը ձեր . Ծրագիրը գործարկելուց հետո անհրաժեշտ է հատուկ տողում մուտքագրել խաղի անունը, որի արդյունքում կստանաք բոլոր անհրաժեշտ խաբեության կոդերը։

Տեսանյութ թեմայի վերաբերյալ

Նշում

Մի մոռացեք անհապաղ թարմացնել այս ծրագիրը, որպեսզի ունենաք կոդերի առավել ամբողջական բազա:

Օգտակար խորհուրդ

Փորձեք ավարտել խաղը առանց խաբեության կոդերի օգտագործման, քանի որ խաղն ազնվորեն ավարտելը ձեզ շատ ավելի մեծ հաճույք կպատճառի:

Եկեք նայենք, թե ինչպես կարելի է որոշել նախնականը ծածկագիրը էջեր, քանի որ այս պարամետրը շատ կարևոր է ինտերնետում աշխատելիս։ Եթե ​​Ձեզ անհրաժեշտ է որևէ նորություն, պիտակ կամ նկար, բայց չգիտեք, թե ինչպես գրել այն, դուք միշտ կարող եք պատճենել տեղեկատվություն այլ կայքից՝ բնօրինակը պարզելուց հետո: ծածկագիրը էջերեթե նա կողմ չէ ծածկագիրըստեղծվել է կայքի մշակողների կողմից: Բնօրինակը կարևոր է ծածկագիրըէջավորված ֆայլերում, որոնք ծրագրեր չեն, օգտագործելով աղբյուրը ծածկագիրըև դուք կարող եք աշխատել էջերի հետ և խմբագրել դրանք:

Ձեզ անհրաժեշտ կլինի

• Էջի սկզբնական կոդը դիտելու ցուցումներ։

Հրահանգներ

Տեսանելի լինելու համար գրանցված է բնօրինակով ծածկագիրըօհմ Լրացրեք այն ծածկագիրըԴուք կարող եք, եթե դուք ռեսուրսի սեփականատերն եք, կամ փոխել այն նոթատետրով, խմբագրիչով, օգտագործելով դրա համար հատուկ ընդլայնումներ: Օգտագործողը կարող է նաև փոխել էջը՝ խմբագրելով ֆայլը և ավելացնելով իրը: In - բրաուզերները դիտում են աղբյուրը ծածկագիրըև իրականացվում է տարբեր հրամանների միջոցով, եկեք նայենք դրանց ավելի մանրամասն:

Internet Explorer-ի համար ընտրեք «դիտել» ներդիրը, այնուհետև «բնօրինակը» ծածկագիրը էջեր»կամ նյութը կարելի է ընտրել՝ սեղմելով մկնիկի աջ կոճակը: Մշակողների կողմից կոդավորված է ծածկագիրըդրանում մենք գնում ենք «ծառայության» մենյու, այնուհետև «մշակողի գործիքներ», սեղմում ենք սլաքը, ընտրում ենք ցանկալի տարրը և ծածկագիրըդառնալ . Հաջորդը, սեղմեք պատկերակը և ծածկագիրըտեքստային ձևաչափով և դրա բաղադրիչներից պատճենեք html-ի:

Mozilla Firefox բրաուզերը հնարավորություն է տալիս դիտել «Ctrl+U» պարզ հրամանի միջոցով կամ «գործիքներ» ընտրացանկում ընտրել «դիտել աղբյուրը» ենթատողը: ծածկագիրը« Դուք կարող եք դիտել կոդավորված տեղեկատվությունը Mozilla Firefox-ում՝ տեղադրելով հատուկ վեբ ծրագրավորող, ընտրացանկից ընտրեք « ծածկագիրը« տողը» ստեղծվել է ծածկագիրը«և ստորև էջերհայտնվում է բնօրինակի արժեքը ծածկագիրըԱ. Պատճենեք ֆայլը clipboard-ում կամ պահպանեք այն page.htm ընդլայնման միջոցով:

Google Chrome-ն օգտագործելիս հիմնական «գործիքներ» ցանկում ընտրեք «դիտել աղբյուրը ծածկագիրը«, այնուհետև օգտագործեք մկնիկի աջ կոճակը՝ «view» կետը բացելու համար ծածկագիրըԱ էջեր» կամ օգտագործելով «Ctrl + U» ստեղները:

Safari բրաուզերի համար մենյուում մենք գտնում ենք «դիտել html- ծածկագիրը», նաև աջ սեղմելով՝ բացեք «դիտել աղբյուրը» ենթատողը կամ օգտագործեք «Ctrl + Alt + U» ստեղնաշարի դյուրանցումը։

Նշում

Աղբյուրի կոդի մասին կոդավորված տեղեկատվությունը դիտելու հնարավորությունն իրականացվում է երկու բրաուզերի միջոցով:

Օգտակար խորհուրդ

Եթե ​​դուք կայքի մշակող չեք, կարող եք փոխել էջը միայն ձեր սեփական օգտագործման համար։

Համակարգչային խաղերում, ինչպես իրական կյանքում, մի փոքր խաբելու հնարավորություն կա։ Այդ նպատակով մշակողները իրենց արտադրանքին տրամադրում են տարբեր ծածկագրեր, որոնց միջոցով խաղի մենյուից կարող եք հեշտությամբ լրացնել մակարդակներն ու առաքելությունները։

Ձեզ անհրաժեշտ կլինի

• CheMax ծրագրակազմ:

Հրահանգներ

Կոդերը պարզելու համար, որոնք ժամանակին օգտագործվել են ծրագրավորողների կողմից թեստավորման ժամանակ, ամենևին էլ անհրաժեշտ չէ բացել խաղի արտադրանքի բոլոր exe ֆայլերը՝ օգտագործելով HEX խմբագիրները: Պարզապես պետք է գնալ խաբեությունների մասնագիտացված կայք՝ օգտագործելով հետևյալ հղումը http://chemax.ru:

Բեռնված էջում կուրսորը տեղափոխեք մենյուի տող, մասնավորապես «Խաբեության կոդերը» բաժինը և երևացող ցանկում ընտրեք «Լեզուով»: Հաջորդ էջում որոնման տողում մուտքագրեք խաղի անունը, այնուհետև սեղմեք «Որոնում» կոճակը: Խորհուրդ է տրվում մուտքագրել առավել ամբողջական անունը, որը կարելի է պատճենել դյուրանցումների հատկություններից: Դա անելու համար գնացեք աշխատասեղան և աջ սեղմեք խաղի դյուրանցման վրա: Համատեքստի ընտրացանկում ընտրեք «Հատկություններ» և պատճենեք անունը՝ օգտագործելով Ctrl + C կամ Ctrl + Insert ստեղնաշարի դյուրանցումը:

Որոնման արդյունքներից ընտրեք կոդերի աղյուսակը բացելու ամենահարմար տարբերակը: Բացի կոդերի աղյուսակից, եթե ոլորեք էջի ներքևում, կարող եք գտնել նաև ակտիվ հղումներով թրեյներների ցանկը։ Անհրաժեշտ կոդերը արագ մուտք գործելու համար, նախքան դրանք հիշելը, խորհուրդ է տրվում ընտրել և պատճենել տեղեկատվությունը ներբեռնված էջից, այնուհետև տեղադրել այն նոր տեքստային փաստաթղթում:

Մշտապես կայք մուտք գործելը անհրաժեշտ կոդը ստանալու համար շատ երկար խնդիր է, քանի որ... Հատուկ ծրագրի (CheMax) գործարկումը շատ անգամ ավելի արագ է: Դա անելու համար անցեք CheMax վերին մենյու և ընտրեք CheMax Rus: Ծրագրի ներբեռնման էջում կտտացրեք «Տեղադրող» կամ «RAR արխիվ» հղմանը և նշեք գործարկվող ֆայլը պահելու վայրը:

Ծրագիրը տեղադրելուց հետո աշխատասեղանի վրա կտեղադրվի դյուրանցում, որի գործարկումը կբացի ծրագիրը: Խաղի ընթացքում սեղմեք «Դադար» և օգտագործեք Alt + Tab համադրությունը՝ բաց պատուհան անցնելու համար: Որոնման տողում մուտքագրեք խաղի անունը և սեղմեք Enter:

Տեսանյութ թեմայի վերաբերյալ

Աղբյուրներ:

• Ինչպե՞ս պարզել դրոշի կոդը:

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

Ձեզ անհրաժեշտ կլինի

• - կոդ բացելու ծրագիր:

Հրահանգներ

Համոզվեք, որ ծրագրաշարի սկզբնական կոդը, որը ցանկանում եք դիտել, բաց կոդ է: Դա անելու համար այցելեք ծրագրաշարի մշակողի պաշտոնական կայք և դիտեք լիցենզիայի տեսակը: Եթե ​​ծրագրի սկզբնական կոդը փակ է, դուք չեք կարող դիտել այն: Սա անհարմար է, բայց նման համակարգով բավականին հազվադեպ է հանդիպել տրոյականներ և այլ վնասակար ծրագրեր պարունակող ծրագրի պատճեններին: Սա անվճար ծրագրաշարի հիմնական թերությունն է:

Եթե ​​ունեք անվճար ծրագրակազմ, ծրագրի ընտրացանկից գտեք «Աղբյուրի կոդը», եթե մշակողի կողմից տրված է նման կետ, ինչը չափազանց հազվադեպ է: Այլ դեպքերում այն ​​դիտելու համար օգտագործեք assembler կամ այլ երրորդ կողմի ծրագրակազմ:

Հաճախ աղբյուրը բացելու համար պետք է իմանալ, թե ծրագրի ստեղծողները մշակման ընթացքում ինչ ծրագրավորման լեզու են օգտագործել, ինչը հաճախ շատ դժվար է որոշել։ Այստեղ դուք կարող եք տեղադրել ձեր համակարգչում տարբեր լեզուներով գրված սկզբնական կոդերի բացման տարբեր ծրագրերի հավաքածու:

Ազատ ծրագրաշար օգտագործելիս, եթե ունեք հնարավորություն, վերանայեք սկզբնական կոդը նախքան տեղադրման գործընթացը, հատկապես, եթե ծրագիրը ներբեռնվել է ոչ պաշտոնական աղբյուրից: Սա կօգնի պաշտպանել ձեր համակարգիչը չարամիտ ծրագրերից, որոնք տեղադրված են հիմնականի հետ միասին:

Նաև մի դիմեք ծրագրի փակ կոդում փոփոխություններ կատարելու տարբեր մեթոդների, հաճախ նման դեպքերում որոշակի պատասխանատվություն է կրում օգտագործողի և մշակողի միջև լիցենզային պայմանագրի կանոնները խախտելու համար: Ավելին, մի տեղադրեք խմբագրված նման ծրագրեր ինտերնետում։

Տեսանյութ թեմայի վերաբերյալ

Օգտակար խորհուրդ

Ստուգեք անվճար ծրագրաշարի աղբյուրները:

Ծրագրերբաժանված է բաց և փակ: Առաջին դեպքում ինտերնետի բոլոր օգտատերերը կարող են ներբեռնել դրա բնօրինակը կոդըպաշտոնական կայքից և այլ ռեսուրսներից, երկրորդում՝ համակարգի կոդը փակ է և դրա

1 ձայն

Բարի օր, իմ բլոգի սիրելի ընթերցողներ: Երբեմն վեբկայքում ինչ-որ գեղեցիկ հատկանիշ եք գտնում և սկսում մտածել, թե ինչպես է ստեղծողը նման հետաքրքիր էֆեկտի հասել:

Պարզվում է, որ պատասխանը բավականին պարզ է. Եվ եթե ունեք որոշակի հմտություններ, կարող եք հավաքել այս հնարավորություններից շատերը և կարճ ժամանակում ստեղծել ձեր սեփական եզակի կայքը:

Այսօր մենք կխոսենք այն մասին, թե ինչպես բացել էջի, որոշակի տարրի կոդը և սովորել, թե ինչպես օգտագործել այս հմտությունը ձեր օգտին:

Կոդի տարրական իմացություն

Իմ կայքը նախատեսված է սկսնակների համար և նախ կցանկանայի համառոտ խոսել կայքերի և ընդհանրապես կոդի մասին։

Նկար նկարելու համար, այնուհետև կտրեք այն փոքր մասերի, գրեք կոդ, որպեսզի զննարկիչը նորից հավաքի բոլոր տարրերը մեկ ամբողջության մեջ: Արդյո՞ք ամեն ինչ շատ բարդ է թվում: Ընդհանրապես ոչ, և դրա համար տխրելու իմաստ չկա:

Այսպես են ստեղծվում բարձրորակ կայքերը։ Եթե ​​ուզում ես, զբաղվիր այս գործով ու ուսումնասիրիր, եթե չես ուզում, քեզ ոչ ոք չի կարող ստիպել։

Միայն մի բան կասեմ... ավելի հաճելի բան չկա, քան տեսնելը, թե ինչպես են գրածդ անհասկանալի բառերը վերածվում մեկ ամբողջության ու կյանքի են կոչվում՝ հղումներն աշխատում են, կոճակները շարժվում են, նկարները շարժվում են, տեքստը սողում է։ Կարծում եմ՝ գիտեմ, թե ինչ զգաց Վիկտոր Ֆրանկենշտեյնը։

Երբ սկսում ես հասկանալ գաղտնի լեզուն և տեսնել, որ իրականում ամեն ինչ շատ ավելի պարզ է, քան թվում էր սկզբում, չես կարող չհավատալ քո սեփական ուժերին և ուղեղի հնարավորություններին: Սա շատ թույն է:

Ինչպե՞ս են ստեղծվում կայքերը: Իդեալում, նախ. Նա պարզապես նկար է նկարում: Օրինակ, ինչպես ցույց է տրված ստորև նկարում: Առայժմ դա ընդամենը պատկեր է, լուսանկար։ Ոչ մի հղում չի աշխատում, երբ սեղմում եք, ոչ մի տեղ չեք գնում, ոչ մի որոնում չի իրականացվում:

Ըստ այս գծագրի. Նայեք ստորև ներկայացված սքրինշոթին: Դուք կարող եք մտածել, որ սա ծիծաղելի և շատ բարդ խորհրդանիշների հավաքածու է: Իրականում ամեն ինչ այնքան էլ բարդ չէ, կա որոշակի ալգորիթմ։

Կան ընդամենը մոտ 150 պիտակներ և դրանցից յուրաքանչյուրը պատասխանատու է որոշակի գործողության համար՝ հղում, գծիկ, թավ, գույն, վերնագիր և այլն: Նրանց հասկանալն այնքան էլ դժվար չէ, եթե ցանկություն ունես և դեմ չես ժամանակին։

Այս հատկանիշների իմացության շնորհիվ դուք կարող եք լուծել գրեթե ցանկացած խնդիր: Բայց յուրաքանչյուր մշակող գտնում է նպատակին հասնելու իր ուղիները:

Փորձառու ստեղծագործողները անմիջապես տեսնում են, թե ինչպես հասնել արդյունքների, իսկ մյուսները պետք է մտածեն, պատասխանը փնտրեն հոդվածներում կամ մրցակիցների սկզբնական կոդում։ Նրանք պարզապես վերցնում են անհրաժեշտ մասը երրորդ կողմի կայքից և խմբագրում այն ​​իրենց համար։ Սա զգալիորեն կրճատում է աշխատանքային գործընթացը։

Քիչ անց ես ձեզ կոնկրետ օրինակ ցույց կտամ։

Դիտել կոդը

Այսպիսով, թույլ տվեք նախ ցույց տալ ձեզ, թե ինչպես վարվել, եթե ձեզ անհրաժեշտ է պարզել ուրիշի html-ը: Հետո ավելի մանրամասն կանդրադառնանք մնացած բոլոր հարցերին։

Լավագույն միջոցը

Մեթոդը, որը ես նախ նկարագրելու եմ, մի փոքր բարդ է սկսնակների համար, բայց որպես ներածություն, կարդացեք այն: Բացեք էջը և սեղմեք մկնիկի աջ կոճակի վրա: Ընտրեք «Պահպանել որպես...»

Պահպանեք ամբողջ վեբ էջը: Ինչպես տեսնում եք սքրինշոթում, ես արդեն ամեն ինչ ներբեռնել եմ նախապես։ Այստեղ մենք ունենք երկու թղթապանակ:

Այն ամենը, ինչ ձեզ անհրաժեշտ է, այստեղ է: Յուրաքանչյուր տարր. Եթե ​​հասկանում եք սա, կարող եք արագ ստանալ այն ամենը, ինչ ձեզ հարկավոր է: Բայց նման առաջադրանքը գնալով անհնար է դառնում։ Ներբեռնում չկա։ Ի՞նչ անել, եթե արգելվում է պատճենել էջը:

Սա Google Chrome-ն է

Ինչպես արդեն նկատել եք, ես ամենից հաճախ օգտագործում եմ Google Chrome-ը, և այս բրաուզերում ուրիշի կոդը սովորելը նույնքան հեշտ է, որքան տանձը գնդակոծելը: Ինչպես սկզբունքորեն ցանկացած այլ: Սխեման ոչ միայն նման է լինելու, այլեւ նույնական: Բացեք այն էջը, որի կոդը մենք ցանկանում ենք իմանալ և սեղմեք աջը ցանկացած վայրում: Բացվող պատուհանում կտտացրեք «Դիտել էջի կոդը»:

Նոր պատուհանում կբացվի կոդի թերթիկ, որը բավականին դժվար է հասկանալ սկսնակներին: Բայց մի անհանգստացեք ժամանակից շուտ:

Եթե ​​Ձեզ անհրաժեշտ է իմանալ միայն մեկ տարրի կոդը, պարզապես մկնիկի օգնությամբ սավառնել դրա վրա և սեղմել աջը: Ընտրեք Chrome-ի մեկ այլ գործառույթ՝ «Դիտել տարրի կոդը»:

Օրինակ, ինձ կարող է հետաքրքրել, թե ինչպես է լոգոն պատրաստվել՝ օգտագործելով նկար կամ ծրագրավորման լեզու: Ի վերջո, դուք կարող եք նկարել քառակուսի, օգտագործելով CSS: Շատ փորձագետներ խորհուրդ են տալիս հնարավորինս շատ տեղեկատվություն գրել կոդով: Ինչպե՞ս են նրանք աշխատում հանրաճանաչ կայքերում:

Այժմ անհրաժեշտ տեղեկություն է հայտնվել։ html վերևում, css-ը ներքևում: Սրանք երկու լեզու են։ Առաջինը պատասխանատու է տեքստի բաղադրիչի համար, իսկ երկրորդը՝ դիզայնի։ Եթե ​​չլիներ CSS, ապա դուք պետք է ամեն անգամ նշեք գույնը և տառաչափը: Յուրաքանչյուր էջի համար սա շատ երկար է: Բայց եթե html չլիներ, ուրեմն տեքստեր չէինք ունենա։ Ես դա մոտավորապես բացատրեցի, բայց ընդհանուր առմամբ դա այդպես է:

Ի դեպ, եթե ձեզ հետաքրքրում է, թե ինչպես է այն աշխատում այստեղ, կարող եք դիտել ստորև բերված նկարի հղումը: Ահա ձեր պատասխանը.

Mozilla Firefox

Եթե ​​սիրում եք մաստիկով աշխատել, ապա ամեն ինչ նույնն է լինելու։ Բացեք էջը և սեղմեք մկնիկի աջ կոճակի վրա: «Էջի սկզբնական կոդը», եթե ցանկանում եք տեսնել ամբողջ կոդը:

Երբ սավառնում եք որևէ տարրի վրա, կարող եք բացել դրա կոդը:

Այստեղ տվյալները ցուցադրվում են էկրանի ներքևում, բայց հակառակ դեպքում ամեն ինչ նույնն է:

Yandex բրաուզեր

Yandex բրաուզերում ամեն ինչ նույնն է, ինչ նախորդ երկու տարբերակներում, բացեք էջը, սեղմեք աջը, տեսեք էջի կոդը:

Մենք կուրսորը սավառնում ենք տարրի վրա, եթե ցանկանում ենք ճշգրիտ պարզել դրա կոդը:

Այստեղ ամեն ինչ ցուցադրվում է ճիշտ այնպես, ինչպես Chrome-ում:

Օպերա

Եվ վերջապես Օպերա.

Ի դեպ, հավանաբար նկատել եք, որ պետք չէ մկնիկ օգտագործել։ Կոդը բացելու համար կա ստեղնաշարի արագ դյուրանցում, և դա նույնն է բոլոր բրաուզերների համար. CTRL + U.

Տարրերի համար՝ Ctrl+Shift+C:

Ահա թե ինչ տեսք ունի արդյունքը.

Սա հետաքրքիր կլինի սկսնակների համար

Հիմա տեսեք, թե ինչպես է ամեն ինչ աշխատում։ Դուք գտնում եք կայք և իսկապես հավանում եք որոշ տարր: Օրինակ, այս մեկը. Դուք արդեն գիտեք, թե ինչպես բացել տարրի կոդը:

Այժմ պատճենեք այն:

Ես օգտագործում եմ , տեղադրում եմ այս կոդը նոր html ֆայլի մեջ, body tag-ում (body անգլերեն):

Հիմա եկեք տեսնենք, թե ինչպես է ամեն ինչ դիտվելու բրաուզերում:

Պատրաստ. Որպեսզի տեքստը հավասարեցվի եզրերին և ստանա կանաչավուն գույն, դուք պետք է միացնեք css-ը այս փաստաթղթին և պատճենեք մեկ այլ կոդ այն կայքից, որտեղից մենք պատճենել ենք այս մեկը:

Ես հիմա սա չեմ անի: Սա ավելի շատ ժամանակ է պահանջում՝ և՛ իմը, և՛ քոնը: Կարծում եմ, որ բոլոր մանրամասները կնկարագրեմ իմ հետագա հրապարակումներում։ Բաժանորդագրվեք տեղեկագրին և առաջինը կիմանաք, թե երբ է հայտնվում հոդվածը:

Եթե ​​չեք դիմանում, բայց ցանկանում եք ավելին իմանալ html-ի և css-ի մասին հիմա, ապա ես ավանդաբար կարող եմ ձեզ խորհուրդ տալ անվճար վերապատրաստման դասընթացներ:

Ահա 33 դասեր, որոնք թույլ կտան տիրապետել html-ին. «HTML անվճար դասընթաց» .

Եվ ահա ամբողջական տեղեկատվություն css-ի մասին. «Անվճար դասընթաց CSS-ի վերաբերյալ (45 տեսադաս!)» .

Այժմ դուք մի փոքր ավելին գիտեք: Մաղթում եմ ձեզ հաջողություն ձեր ջանքերում: Կտեսնվենք!