Վեբ դիզայնի պայմաններն այն հիմնական բաներն են, որոնք գործարարը պետք է իմանա: Վեբ դիզայնը կայքի տեսողական և ֆունկցիոնալ ասպեկտների ստեղծման և կազմակերպման գործընթացն է: Այն ներառում է տարբեր տերմիններ և հասկացություններ, որոնք նկարագրում են վեբ էջի ձևավորման և զարգացման տարբեր ասպեկտներ:

Վեբ դիզայնը վաղուց գոյություն ունի և ժամանակ չի վատնում ժարգոնով հագեցած բարդ լեզվի մշակման վրա: Հենց որ նույնիսկ ամենափոքր քայլը կատարեք դեպի վեբ դիզայնի աշխարհ, կսկսեք լսել. ուզում եք ֆիքսված դասավորություն? ", "Ի՞նչ վեբ հոստինգ եք ուզում օգտագործել: «Եվ դուք մնում եք մտածել, թե ինչ է նշանակում այդ ամենը: Մենք գիտենք, որ վեբ դիզայնի բոլոր հիմնական սահմանումները և տերմինները պարզելու փորձը կարող է բավականին ճնշող լինել, հատկապես, երբ այդ ամենը նոր է:

Վեբ դիզայնը ընդգրկում է աշխատանքի լայն շրջանակ՝ սկսած վեբ մշակողներից, ովքեր գրում են կոդ, մինչև UI և UX դիզայներներ, ովքեր աշխատում են ինտերֆեյսների վրա, մինչև վեբ դիզայներներ, ովքեր հոգ են տանում ձեր կայքի տեսքի և զգացողության մասին: Վեբ դիզայնով զբաղվում են շատ մարդիկ։

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

 

Վեբ դիզայնի սահմանումներ և տերմիններ:

Մատչելիություն

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

Google-ի 10 տույժեր, որոնք կարող են ազդել ձեր կայքի վրա

Ծալքի տակ (և ծալքի վերևում):

Ծալքից ներքև և վերևում կան երկու տերմիններ, որոնք ծագում են թերթերից: «Ծալքը» թերթի ծալման վայրն է: Վերևը և ներքևը նկարագրում է, թե արդյոք տեղեկատվությունը ցուցադրվում է ծալքի վերին կամ ստորին կեսին: Վեբ էջերի համար «ծալքը» սովորաբար սահմանվում է որպես այն կետը, որտեղից դուք պետք է սկսեք ոլորել, բայց սկզբունքը նույնն է. էջի վերևում գտնվող տեղեկատվությունը (ATF) ավելի մատչելի և տեսանելի է, քան տեղեկատվությունը, որը գտնվում է. էջի ներքևի մասը (BTF): . .

Էլաստիկ (դասավորություն): Էլաստիկ (դասավորություն): Վեբ դիզայնի պայմաններ

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

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

Օրինակ՝ Նախկին

Ex-ը չափման միավոր է, որն օգտագործում է փոքրատառ «x» տառատեսակը որպես ստանդարտ չափում:

Հաստատուն լայնություն (դասավորություն): Հաստատուն լայնություն (դասավորություն): Վեբ դիզայնի սահմանումներ և տերմիններ:

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

Տասնվեցական:

Hexadecimal թվերը, որոնք նաև հայտնի են որպես «վեցանկյուն» թվեր, բազային-16 թվային համակարգ են, ինչը նշանակում է, որ նրանք օգտագործում են 16 նիշ գույնը սահմանելու համար: Տասնվեցական թվերն օգտագործում են 0-ից 9 թվերը և A-ից F տառերը: Յուրաքանչյուր գույն նույնացվում է երեք զույգ տասնվեցական թվերով: Թվերի կամ տառերի առաջին զույգը վերաբերում է կարմիր երանգին, երկրորդը` կանաչին, իսկ երրորդ զույգը` կապույտին:

Անսահման ոլորում. Անսահման ոլորում

Անսահման ոլորումն այն է, երբ նոր բովանդակությունը բեռնվում է, երբ դուք շարունակում եք ոլորել: Սա ստեղծում է «անվերջ», անվերջ ոլորում: Դրա որոշ հայտնի օրինակներ են Facebook-ը, Pinterest-ը կամ Twitter-ի ժամանակացույցերը:

Parallax ոլորում. Parallax ոլորում.

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

Գաղտնիության քաղաքականություն

Բանաձեւ. Թույլտվություն. Վեբ դիզայնի սահմանումներ և տերմիններ:

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

Պատասխանատու / բջջայինի համար հարմար / բջջային օպտիմիզացված: Պատասխանատու / Բջջային հարմար / Բջջային օպտիմիզացված

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

Օգտագործելիություն. Օգտագործման հեշտությունը.

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

UX (օգտագործողի հետազոտություն) / UI (օգտվողի միջերես)

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

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

UI, օգտատիրոջ միջերեսը, կենտրոնանում է կայքի տեսողական և ինտերակտիվ տարրերի վրա, ինչպիսիք են կոճակները, պատկերակները և տպագրությունը: Նպատակն է բարելավել կայքի տեսքը և ֆունկցիոնալությունը:

Ճակատային կայքի անատոմիա: Վեբ դիզայնի սահմանումներ և տերմիններ:

-

Հացի փշուր. Հացի փշրանքներ.

Երբ վեբ էջերը օգտվողներին ցույց են տալիս, թե ինչպես են նրանք նավարկում վեբ էջը և ինչպես վերադառնալ գլխավոր էջ, դա հաճախ արվում է հացի փշրանքների միջոցով։ Սա սովորաբար ցուցադրվում է որպես ներդիր կատեգորիաների շարք, օրինակ՝ Գլխավոր > Կատեգորիա > Տարի > Ամիս > Գրառում:

Favicon. Favicon.

Favicon-ը փոքրիկ պատկերակ է, որը հայտնվում է ձեր բրաուզերի ներդիրների բարում: Դրանք սովորաբար ունեն 16×16 պիքսել չափսեր (որն իրականում շատ փոքր է) և պահվում են որպես .ico, .gif կամ .png պատկերներ: Դուք կարող եք օգտագործել գրեթե ցանկացած պատկեր որպես պատկերակ, քանի դեռ այն ճիշտ չափի է և պահպանված է ճիշտ ձևաչափով:

Առանցքային կետը. Համակարգող.

Վեբ էջի կիզակետը էջի այն հատվածն է, որտեղ ձեր ուշադրությունը հրավիրվում է: Դիզայներները շատ ժամանակ կծախսեն ստեղծելու այնպիսի կենտրոնական կետ, որն իսկապես կգրավի դիտողի ուշադրությունը, և այնուհետև ուշադրության կենտրոնում կդնեն էջի ամենակարևորը: Սա ապահովում է, որ հնարավորինս շատ մարդիկ տեսնեն այն:

Դիմային մաս. Դիմային մաս.

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

Համբուրգերի պատկերակ. Համբուրգերի պատկերակ.

Համբուրգերի պատկերակը վերաբերում է ցանկի պատկերակին, որը սովորաբար հանդիպում է հետագա ծրագրերում: Այն ունի երեք հորիզոնական գծեր (հետևաբար՝ «համբուրգեր») և թաքցնում է ավանդական նավիգացիոն ընտրացանկը մեկ պատկերակի հետևում:

Վայրէջքի էջ. Վայրէջքի էջ.

Սա հենց առաջին էջն է, որը կտեսնեն ձեր կայքի այցելուները: Շատ կայքեր օգտագործում են հատուկ վայրէջք էջ՝ այցելուից ինչ-որ բան սովորելու համար (օրինակ՝ կիսելով իրենց էլփոստի հասցեն կամ արտադրանքի համար հատուկ էջ): Ձերը վայրէջքի էջ Սա ձեր կայքի ամենակարևոր էջերից մեկն է, և դուք պետք է շատ ժամանակ ծախսեք դրա օպտիմալացման վրա:

Նավիգացիա. Նավիգացիա.

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

Կայքի հետևի անատոմիա: Վեբ դիզայնի սահմանումներ և տերմիններ:

-

Հետևի վերջ. Հետևի վերջ.

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

CMS

Բովանդակության կառավարման համակարգը ներքին է գործիք ձեր կայքի բովանդակությունը կառավարելու համար, օգտվողների ավելացում, մեկնաբանությունների կառավարում և, հնարավոր է, շատ ավելին: Եթե ​​դուք երբևէ օգտագործել եք WordPress կայք ստեղծելու համար, ապա օգտագործել եք CMS: CMS-ը շատ ավելի հեշտ է դարձնում վեբ էջի ձևավորումն ու ստեղծումը, քանի որ այն թաքցնում է հում կոդի մեծ մասը, որն ապահովում է կայքը:

Էլեկտրոնային առևտուր. Էլեկտրոնային առևտուր.

Էլեկտրոնային առևտուր նշանակում է «էլեկտրոնային առևտուր»: ճիշտ այնպես, ինչպես «e-mail» նշանակում է «էլեկտրոնային փոստ»: Սովորաբար դուք խանութ եք ավելացնում ձեր կայքում էլեկտրոնային առևտուր, որը կկարգավորի արտադրանքի նկարագրությունները, գնումներն ու վաճառքները, ինչպես նաև հաճախորդների տվյալները:

HTTP/HTTPS

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

HTTPS-ը HTTP-ի ընդլայնումն է, որը կարող է կապեր հաստատել SSL-ի միջոցով (Secure Socket Layer): Սա առցանց տվյալների փոխանակման շատ ավելի անվտանգ միջոց է: Շատ ժամանակակից վեբ բրաուզերներ կզգուշացնեն ձեզ, եթե կայքը օգտագործում է ստանդարտ HTTP արձանագրությունը, այլ ոչ թե HTTPS:

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

Միացնել. Վեբ դիզայնի պայմաններ

Փոքր ծրագիր, որը տեղադրվում է հիմնական կայքի վերևում և ապահովում է լրացուցիչ անվտանգություն: Փլագինները հասանելի են CMS-ի ամենատարածված պլատֆորմների համար և կարող են օգտագործվել բազմաթիվ տարբեր գործառույթների համար՝ բլոգային գրառումների ավտոմատացումից մինչև առաջատարների կառավարում:

Կաղապար. Նմուշ.

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

Տեխնիկական պայմաններ ինտերնետի համար. Վեբ դիզայնի սահմանումներ և տերմիններ:

-

Խարիսխ տեքստ. Խարիսխ տեքստ.

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

Backlink. Backlink.

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

Թողունակություն. Թողունակություն.

Թողունակությունը տերմին է, որն օգտագործվում է շատ տարբեր համատեքստերում, բայց ըստ էության այն նշանակում է տվյալ ժամանակահատվածում ուղարկված կամ ստացված տվյալների քանակը: Այն կարող է օգտագործվել, օրինակ, ձեր ինտերնետի արագությունը նկարագրելու համար, որտեղ այն սովորաբար նշվում է կիլոբիթ/վրկ (կբիտ/վրկ): Այնուամենայնիվ, այն երբեմն օգտագործվում է նկարագրելու համար, թե որքան տվյալներ կարող եք օգտագործել ամսական որպես ձեր վեբ հոստինգ փաթեթի մաս:

Քեշ. Կանխիկ.

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

DNS վեբ դիզայնի պայմաններ

DNS նշանակում է Domain Name Service: Սա այն համակարգն է, որով ձեր վեբ զննարկիչը գտնում է վեբ էջերը: Երբ դու azbyka.com.ua  , ձեր զննարկիչը որոնում է «DNS աղյուսակ», որը փոխակերպում է մարդու համար հարմար հասցեն համակարգչային հարմար հասցեի (այսինքն՝ թվերից բաղկացած հասցեի): DNS համակարգը հետևում է, թե որտեղ են գտնվում աշխարհի բոլոր վեբ էջերը, որպեսզի ձեր զննարկիչը կարողանա գտնել դրանք:

Դոմենների անունը

Սա ձեր կայքի անունն է: Դուք կարող եք ձեռք բերել տիրույթներ բազմաթիվ ընկերություններից: Դրանք կարող են պարունակել ոչ ավելի, քան 63 նիշ: Օրինակ,  https://azbyka.com.ua/մեր տիրույթի անունն է:

FTP

FTP-ն նշանակում է File Transfer Protocol և ֆայլեր և տվյալներ տեղական պահեստից (ասենք՝ ձեր համակարգչից) ձեր վեբ սերվեր փոխանցելու համակարգ է: FTP-ից օգտվելու համար անհրաժեշտ է ներբեռնել մի փոքրիկ ծրագիր, որը կոչվում է FTP հաճախորդ:

Մշտական ​​հղում. Մշտական ​​հղում

Մշտական ​​հղում, որը թույլ է տալիս Ձեզ տրամադրել հասցե, որը միշտ մատնանշում է բլոգի կոնկրետ գրառումը կամ էջը, անկախ նրանից, թե ինչպես եք փոխում ձեր կայքի կառուցվածքը դրա շուրջ: Սա շատ օգտակար է, եթե դուք օգտագործում եք բլոգի գրառումները՝ դեպի ձեր կայք երթևեկությունը մեծացնելու համար, քանի որ դուք ստիպված չեք լինի ձեռքով փոխել տասնյակ (կամ հարյուրավոր) հղումներ, եթե որոշեք փոխել: ձեր կայքի դիզայնը կամ փոխեք ձեր տիրույթի անունը:

URL

Հասցե, որը ցույց է տալիս, թե որտեղ կարելի է գտնել որոշակի էջ կամ այլ ռեսուրս:

Վեբ Հոսթինգ. Վեբ դիզայնի սահմանումներ և տերմիններ:

Վեբ հոստինգը ընկերություն է, որը կառավարում է ձեր սերվերները կայքը. Ինչպես մենք բացատրում ենք վեբ հոսթինգի մասին մեր հոդվածում, վեբ հոստերը կարող են մեծապես տարբերվել իրենց առաջարկած ծառայությունների մակարդակով: Լավ վեբ հոսթինգը կկարողանա ձեզ վստահեցնել, որ ձեր կայքը հասանելի կլինի ժամանակի 99,9%-ում, ինչպես նաև ձեզ կտրամադրի գործիքներ՝ այն ապահով և արդյունավետ պահելու համար:

Վեբ սերվեր

Վեբ սերվերը այն համակարգիչն է, որն իրականում պահում է ձեր վեբ էջը: Այն, ամենայն հավանականությամբ, գտնվում է ձեր վեբ հոսթին պատկանող սերվերի տեղադրման մեջ, թեև հնարավոր է նաև գործարկել ձեր սեփական սերվերները:

Վեբ մշակման տերմինաբանություն. Վեբ դիզայնի սահմանումներ և տերմիններ:

CSS

CSS-ը նշանակում է Cascading Style Sheets, և HTML-ի հետ մեկտեղ այս թերթերը ցանկացած վեբ էջի ամենահիմնական մասն են: Տասը տարի առաջ վեբ էջի ձևաչափումը, օրինակ՝ վերնագրերի չափը կամ պատկերների սահմանները, որոշվում էր հենց HTML կոդում: Սա նշանակում էր, որ ֆորմատավորումը փոխելը աշխատատար էր յուրաքանչյուր տարրի փոխանցման գործընթացը էջերի և կոդի փոփոխությունները:

CSS-ով ամեն ինչ շատ ավելի պարզ է: Էջի ոճը պարունակվում է մեկ (կամ մի քանի) CSS ֆայլերում, որոնք որոշում են վերնագրերի տեսքը, պատկերների ցուցադրումը և շատ այլ տարրեր: Նրանք բրաուզերին ասում են, թե ինչպես ցուցադրել կայքը: Այսպիսով, ամբողջ վեբկայքերի ձևաչափը կարող է փոխվել՝ անցնելով ընդամենը մեկ կոդ։

DHTML

DHTML-ը նշանակում է Dynamic HyperText Markup Language: Դա լեզվի տերմին է, որը միավորում է բազմաթիվ վեբ դիզայնի լեզուներ՝ HTML, JavaScript և CSS, մեկ գերծանրքաշային լեզվի մեջ վեբ մշակման համար: Սա սովորաբար այն է, ինչ ժամանակակից վեբ մշակողները կօգտագործեն ձեզ համար կայք ստեղծելու համար:

Doctype. Վեբ դիզայնի սահմանումներ և տերմիններ:

HTML-ում փաստաթղթի տեսակը նկարագրություն է, թե ինչ տեսակի HTML և տարբերակ է օգտագործվում վեբ էջում: Այն օգտագործվում է բրաուզերների կողմից էջի ամբողջականությունը ստուգելու համար և կարող է անվտանգության սխալներ առաջացնել, եթե այն սխալ է:

Էմ. ԷՄ. Վեբ դիզայնի պայմաններ

Em օգտագործվում է տառատեսակի չափը նկարագրելու համար էջում օգտագործվող «ծնող» տառատեսակի հետ կապված: 1Em նշանակում է, որ տառատեսակը (կամ երբեմն այլ տարրեր) նույն չափն է, ինչ իրենց մայր տարրը, 2em նշանակում է, որ դրանք երկու անգամ մեծ են և այլն:

Ներկառուցված ոճ. Ներկառուցված ոճ: Վեբ դիզայնի պայմաններ

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

Տառատեսակի ընտանիք/ոճ/քաշ: Տառատեսակի ընտանիք/ոճ/քաշ

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

HTML. Վեբ դիզայնի սահմանումներ և տերմիններ:

Հիպերտեքստի նշագրման լեզուն ինտերնետի հիմքն է: Բոլոր վեբ էջերը գրված են, գոնե որոշ չափով, HTML-ով, որը ստեղծվել է հնարավորինս հեշտ գրելու համար: Իրականում այն ​​կարող է շատ օգտակար լինել, փորձեք Ուսուցողական մասին HTML կոդ, տեսնել, թե արդյոք դա հեշտ է գրել, դուք կզարմանաք, թե ինչի կարող եք հասնել մի քանի ժամում:

Մետատվյալներ.

Մետատվյալները վեբ էջերի վերնագրում պարունակվող տվյալներն են: Այս տվյալները հասանելի են ձեր զննարկիչին, բայց չեն ցուցադրվում որպես այն վեբ էջի մաս, որը դուք դիտում եք. դուք պետք է դիտեք աղբյուրի կոդը՝ դրան մուտք գործելու համար:

Բաց կոդով։ Բաց կոդով։ Վեբ դիզայնի պայմաններ

Բաց կոդով ծրագրակազմն ապահովվում է օգտագործողի կողմից և կարող է ազատորեն օգտագործվել և փոփոխվել: Սա հակասում է սեփականության ծրագրային ապահովմանը, որը պատկանում և պահպանվում է կոնկրետ ընկերության կողմից: Վեբ ծրագրավորողներից շատերը գոնե երբեմն կօգտագործեն բաց կոդով ծրագրակազմ, քանի որ այն ոչ միայն ավելի էժան է, այլև կարող է ավելի ապահով լինել: Մեր օրերում վեբ մշակողների մեծ մասը նվազագույնի է հասցնում անվտանգության խախտումները՝ օգտագործելով բաց կոդով լեզուներով գրված կոնտեյներներ:

Բեմականացում. Բեմականացում. Վեբ դիզայնի սահմանումներ և տերմիններ:

Բեմականացում վեբсайта դրա գրեթե վերջնական պատճեն ստեղծելու և այնուհետև փորձարկելու գործընթացն է՝ նախքան կայքի կենդանի տարբերակը տեղակայելը: Վեբ ծրագրավորողներից շատերը «բեմադրում են» վեբ կայքը, նախքան այն թողարկելը, որպեսզի համոզվեն, որ ամեն ինչ ճիշտ է աշխատում: Եվ հաճախ, վեբկայքի հիմնական փոփոխությունները տեղի են ունենում բեմականացման կայքում, այլ ոչ թե կենդանի կայքում:

Վավերական: Վավերական:

Վեբ դիզայնի մեջ վավեր վեբ էջերն այն էջերն են, որոնք սխալներ չեն պարունակում: Գործնականում դա նշանակում է վեբ էջեր, որոնք հետևում են W3C-ի կողմից հրապարակված HTML բնութագրերի ստանդարտներին, որը վեբ զարգացման ստանդարտներ է սահմանում:

XML. Վեբ դիզայնի պայմաններ

XML-ը նշանակում է ընդարձակվող նշագրման լեզու: XML-ը վեբ դիզայնի հիմնարար մասն է, քանի որ այն գործում է որպես «մետալեզու», որը թարգմանում է մի լեզվի տարրերը մյուսի: Սա նշանակում է, որ վեբ էջերը կարող են ստեղծվել բազմաթիվ տարբեր լեզուներով, որոնք բոլորը հաղորդակցվում են XML-ի միջոցով:

Վերջին բանը…

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

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

АЗБУКА

 

Լոգոյի անիմացիա.