Բովանդակության դասավորության ուղեցույց

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

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

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

Քայլ 1` կաղապարը

Որպեսզի ունենանք ձևանմուշ, որտեղ մենք կարող ենք «նկարել» մեր առաջարկը, մենք պատրաստվում ենք վերցնել A4 թերթիկ և այն մեկ երրորդով ծալել երկայնքով:

Քայլ 2` Բովանդակությունը արգելափակում է

Եկեք պատկերացնենք, որ մենք ունենք մի քանի տեսակի բովանդակություն ՝ տեսանյութ, պատկեր, տեքստ: Յուրաքանչյուր բովանդակություն ուղղանկյուն կամ քառակուսի բլոկ է: Մենք պետք է բլոկները տեղադրենք կաղապարի վերևից ներքև մեր ընտրությամբ: Մենք կներկայացնենք բովանդակության երեք տեսակ:

Տեսանյութի բլոկ

Ենթադրենք, որ տեսանյութը, ընդհանուր առմամբ, կլինի YouTube տեսահոլովակ, այն ներկայացնում ենք ձևանմուշում հետևյալ կերպ.

Պատկերի բլոկ

Դա կախված է նրանից, որ պատկերը լանդշաֆտ է, թե դիմանկար, քանի որ մենք կհամաձայնվենք:

Տեքստի արգելափակում

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

Տեքստի բլոկները կարող են լինել տեքստային բլոկներ ներառված պարբերություններով և նույնիսկ տեքստի տարրերի ցուցակները

Ես պատրաստվում եմ երկու օրինակ դնել. Լանդշաֆտային պատկերի կողքին տեքստի բլոկ, իսկ դիմանկարային պատկերի կողքին `մեկ այլ.

Վերնագրի բլոկ

Վերնագրերը անցնում են առանձին բլոկներ ՝ երկարաձգված բլոկներ են, որոնք, ընդհանուր առմամբ, գրավում են ամբողջ գիծը:

Կոճակի բլոկ

Եթե ​​մենք ուզում ենք կոճակ տեղադրել, որպեսզի մարդիկ կտտացնեն և տանեն դրանք ոստայնի մեկ այլ մաս կամ պարզապես որոշ տեղեկություններ պարունակող պատուհան (կամ ձև) հայտնվի

Այլ բլոկներ

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

Վերջապես, ահա մի ձևանմուշի օրինակ ՝ վերը նշված բոլոր բլոկների տեսակներով.

Բլոկների ընդլայնում

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

Քայլ 3` բովանդակության ստեղծում

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

Մենք կհետևենք նախորդ օրինակին: 4 պատկերով մենք կարող ենք տեսնել հետևյալ բլոկները.

• 2 վերնագիր բլոկներ
• 4 տեքստի բլոկներ
• 1 վիդեո բլոկ
• 2 պատկերի բլոկներ
• 1 կոճակի արգելափակում
• Ընդհանուր: 10 բլոկ

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

Քայլ 4` բովանդակությունը բլոկներով տեղադրելը

Ենթադրենք, որ մենք արդեն ունենք թղթի վրա նկարված դիզայնը և ստեղծված բովանդակության բոլոր բլոկները: Հիմա վերջին քայլը դա համատեղելն է: Դրա համար մենք կօգտագործենք մի քանի գործիքներ `ամեն ինչ համատեղելու համար ուղարկել այն վեբ դիզայներին.

Տեսանյութեր

Տեսանյութերը կարելի է փոխանցել երկու եղանակով.

1. MP4 տեսանյութի ձևաչափում, ինչպիսին է գործիքը WeTransfer.
2. ՆԱԽԱԳԻԾ ԸՆՏՐՈՒԹՅՈՒՆ. Դրանք YouTube- ի ալիքին վերբեռնելով և YouTube- ի հղումը անցնելով տեսանյութին:

Այն դեպքում, երբ դասավորության մեջ կա միայն մեկ տեսանյութ, խնդիր չի առաջանա: Բայց եթե կան մի քանի տեսանյութեր, մենք ստիպված կլինենք դրանք ինչ-որ կերպ կապել թղթի վրա մեր կատարած դասավորության հետ:

Օրինակ Պատկերացրեք, կա երեք տեսանյութ: Նախագծում կկազմենք 1 համարը առաջին տեսանյութում, երկրորդ տեսանյութում 2 համարը և երրորդ տեսանյութում 3 համարը: Եվ հետո բոլոր փաստաթղթերը ուղարկելիս մենք նման բան ենք դնելու.

• Տեսանյութ 1. Տեսանյութ, որը վերաբերում է ոչ բռնության արտահայտություններին՝ վերնագրով. «Ոչ բռնության ամենակարևոր արտահայտությունները».
• Տեսանյութ 2. Տեսանյութ, որը վերաբերում է դրոշի գույներին, վերնագրով. «Ոչ բռնության դրոշը»
• Տեսանյութ 3. Տեսանյութ, որը վերաբերում է այն խմբին, որը պատրաստվում է երթ կատարել Արգենտինայում վերնագրով. «Արգենտինայի բազային թիմը»

Սա հեշտացնում է իմանալ, թե որ տեսանյութը համապատասխանում է յուրաքանչյուր բաժին:

Պատկերի բլոկներ

Այս դեպքում բոլոր պատկերները պետք է վերբեռնվեն IMGUR հարթակում. https://imgur.com/upload

Եվ հետո փոխանցեք այդ պատկերների հղումները: Իդեալականն այն է, որ պատկերները տեղադրվեն նույնը, ինչ տեսանյութերը, որոնք նշված են 1-ով, 2-ով, 3-ով և այլն: Օրինակ, եկեք պատկերացնենք, որ Հարավային Աֆրիկայում ունենք 4 պատկեր: Բոլոր չորսն էլ ունեն նույն անունը՝ «sudafrica.jpg»: Դե, մենք հաջորդական անուններ ենք դնում այն ​​կետին, որտեղ դրանք կլինեն դասավորության մեջ և նկարում ենք այն թղթի վրա, որին դրանք համապատասխանում են: Օրինակ:

• sudafrica-1.jpg
• sudafrica-2.jpg
• sudafrica-3.jpg
• sudafrica-4.jpg

Կոճակ, վերնագիր և տեքստի արգելափակում

Վերջապես, այդ նյութերը պետք է գրվեն Word Փաստաթղթով կամ ցանկալի է Google Docs- ում:

Ձևաչափը շատ պարզ է. Word փաստաթղթում մենք դնում ենք Բլոկի տեսակը (Վերնագիր, կոճակ կամ տեքստ), որին հաջորդում է այն թիվը, որին համապատասխանելու է դասավորությունը:

Օրինակներ.

• Վերնագիր 1.….
• Վերնագիր 2:…
• Տեքստ 1:…
• Տեքստ 2:…
• Կոճակ 1:…
• Կոճակ 2:…

Այնուհետև ես մի օրինակ բերեցի միանգամայն պատահական տեքստեր, որպեսզի տեսնվի, թե ինչպես է դա կկազմավորվի ՝ հետևելով 4 պատկերի օրինակին.

Ահա թե ինչպես պետք է նայենք դասավորությունը, երբ մենք տեղադրել ենք յուրաքանչյուր բաժին համապատասխանող համարները.

4 քայլ. Ուղարկել բոլորը

Ամեն ինչ անելուց հետո դուք պարզապես ստիպված կլինեք այն ուղարկել այն անձին, որը պատասխանատու կլինի դասավորության համար

Դա պարզապես կպահանջեր

1. Էսքիզներ թղթի վրա դասավորության հետ
2. Բովանդակությունը
   • Տեսանյութերը հղվում են YouTube- ի կամ WeTransfer- ի
   • Նկարների IMGUR հղումներ
   • Փաստաթղթի հղումը Google Փաստաթղթերում կամ Word ֆայլում

Նոտարի կարևոր եզրափակիչ

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

Վերնագրի պատկերը պետք է ունենա 960 x 540 պիքսել չափ: Այս պատկերը կարող է ուղարկվել ինչպես մնացած պատկերների, IMGUR- ի կողմից

Վերջնական արդյունք

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

Վերջնական էջ