Երբ մենք ուզում ենք բովանդակություն տեղադրել համացանցում, մեր գտած մեծ խնդիրներից մեկն այն է, որ իմ ստացած առաջարկները երբեք այնքան էլ լավ մտածված չեն, որ բավարարված լինեն համացանցում: Ընդհանրապես խնդիրն այն է, որ առանց համապատասխան կառուցվածքի ձևավորումն ու դասավորությունը սովորաբար շատ լավ տեսք չեն ունենում ՝ տալով անբավարար արդյունք:
Ահա թե ինչու ես պատրաստվում եմ տալ մի շատ հիմնավոր բացատրություններ, թե ինչպես պետք է դիտարկվի բովանդակության դասավորությունը պայմանները `առավելագույնը պարզեցնելու համար աշխատանքը, և որ արդյունքը օպտիմալ է:
Այս ուղեցույցի նպատակը կայանում է նրանում, որ յուրաքանչյուր ոք, ով չունի ծրագրավորման կամ վեբ զարգացման իմացություն, կարող է ինձ տալ որակյալ դասավորություն, և որ ես ստիպված չեմ շատ ժամանակ ծախսել `փորձելով արդյունքը քաղել բազմաթիվ խոսակցությունների միջոցով, մինչև եզրակացության հասնելը:
Քայլ 1` կաղապարը
Որպեսզի ունենանք ձևանմուշ, որտեղ մենք կարող ենք «նկարել» մեր առաջարկը, մենք պատրաստվում ենք վերցնել A4 թերթիկ և այն մեկ երրորդով ծալել երկայնքով:
Քայլ 2` Բովանդակությունը արգելափակում է
Եկեք պատկերացնենք, որ մենք ունենք մի քանի տեսակի բովանդակություն ՝ տեսանյութ, պատկեր, տեքստ: Յուրաքանչյուր բովանդակություն ուղղանկյուն կամ քառակուսի բլոկ է: Մենք պետք է բլոկները տեղադրենք կաղապարի վերևից ներքև մեր ընտրությամբ: Մենք կներկայացնենք բովանդակության երեք տեսակ:
Տեսանյութի բլոկ
Ենթադրենք, որ տեսանյութը, ընդհանուր առմամբ, կլինի YouTube տեսահոլովակ, այն ներկայացնում ենք ձևանմուշում հետևյալ կերպ.
Պատկերի բլոկ
Դա կախված է նրանից, որ պատկերը լանդշաֆտ է, թե դիմանկար, քանի որ մենք կհամաձայնվենք:
Տեքստի արգելափակում
Նույնը, ինչ պատկերի բլոկը, կախված նրանից, թե ինչպես ենք ուզում տեքստը, մենք կտեղադրենք բլոկ կամ մեկ այլ: Մենք դա ներկայացնում ենք զուգահեռ գծերով:
Տեքստի բլոկները կարող են լինել տեքստային բլոկներ ներառված պարբերություններով և նույնիսկ տեքստի տարրերի ցուցակները
Ես պատրաստվում եմ երկու օրինակ դնել. Լանդշաֆտային պատկերի կողքին տեքստի բլոկ, իսկ դիմանկարային պատկերի կողքին `մեկ այլ.
Վերնագրի բլոկ
Վերնագրերը անցնում են առանձին բլոկներ ՝ երկարաձգված բլոկներ են, որոնք, ընդհանուր առմամբ, գրավում են ամբողջ գիծը:
Կոճակի բլոկ
Եթե մենք ուզում ենք կոճակ տեղադրել, որպեսզի մարդիկ կտտացնեն և տանեն դրանք ոստայնի մեկ այլ մաս կամ պարզապես որոշ տեղեկություններ պարունակող պատուհան (կամ ձև) հայտնվի
Այլ բլոկներ
Գաղափարը նման է: Եթե մենք հասկացել ենք, թե ինչպես են աշխատում բլոկները, ես կարծում եմ, որ մենք կարող էինք հստակ դնել մեկ այլ բլոկ, որը, նախորդների նման, տեղավորվում է քառակուսի կամ ուղղանկյուն: Օրինակ, եթե մենք ուզում էինք բովանդակության մեջ ներառված ձև տեղադրել: Չնայած դա սովորաբար ամենաքիչը տարածված է, ավելի լավ է հարցնել նախքան նոր բլոկներ օգտագործելը, որոնք վերը նշված տեսակների չեն: Ես կփորձեմ թարմացնել այս ցուցակը, քանի որ դուրս են գալիս նոր բլոկային գաղափարներ, որոնք կարող են հետաքրքրել բոլորին:
Վերջապես, ահա մի ձևանմուշի օրինակ ՝ վերը նշված բոլոր բլոկների տեսակներով.
Բլոկների ընդլայնում
Եթե մեզ ավելի շատ տարածք է պետք, մենք պարզապես պետք է ավելի շատ էջեր ավելացնենք բլոկի դիզայնի ներքևում: Անհրաժեշտ չէ ամեն ինչ լրացնել ներքևում, բայց կարևոր է, որ յուրաքանչյուր բլոկի կեսի միջև վերևից ներքև չթողնեք դատարկ բացերը: Այս կերպ մենք կարող ենք ընդլայնել էջը.
Քայլ 3` բովանդակության ստեղծում
Այժմ, երբ մենք բովանդակությունը դասավորեցինք բլոկների և բլոկների տեսակների, անհրաժեշտ է ստեղծել այն բովանդակությունը, որը կընթանա այդ բլոկներում: 3 քայլը փոխանակելի է 2 քայլով: Այլ կերպ ասած, մենք կարող ենք ստեղծել բովանդակություն նախկինում, այնուհետև դասավորությունը իմանալով բովանդակության քանակը, որը մենք ցանկանում ենք ներառել: Անհասկանալի է դա անել այս կամ այն կերպ, բայց մենք պետք է տեղյակ լինենք, որ բովանդակությունը պետք է տեղավորվի հենց մեր դասավորության շրջանակներում:
Մենք կհետևենք նախորդ օրինակին: 4 պատկերով մենք կարող ենք տեսնել հետևյալ բլոկները.
- 2 վերնագիր բլոկներ
- 4 տեքստի բլոկներ
- 1 վիդեո բլոկ
- 2 պատկերի բլոկներ
- 1 կոճակի արգելափակում
- Ընդհանուր: 10 բլոկ
Հետևաբար մենք ստիպված կլինենք ճշգրտել մեր բովանդակությունը, որպեսզի այն առանց այդ էլ թողնի հիանալի այս բլոկներում, և որ տառատեսակի չափը բոլորում նույնն է: Դրա համար հնարավոր է արժե այն նախ ստեղծեք բովանդակությունը, ապա արգելափակեք այն. Դա արդեն շատ բան կախված է մարդուց:
Քայլ 4` բովանդակությունը բլոկներով տեղադրելը
Ենթադրենք, որ մենք արդեն ունենք թղթի վրա նկարված դիզայնը և ստեղծված բովանդակության բոլոր բլոկները: Հիմա վերջին քայլը դա համատեղելն է: Դրա համար մենք կօգտագործենք մի քանի գործիքներ `ամեն ինչ համատեղելու համար ուղարկել այն վեբ դիզայներին.
Տեսանյութեր
Տեսանյութերը կարելի է փոխանցել երկու եղանակով.
- MP4 տեսանյութի ձևաչափում, ինչպիսին է գործիքը WeTransfer.
- ՆԱԽԱԳԻԾ ԸՆՏՐՈՒԹՅՈՒՆ. Դրանք 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 քայլ. Ուղարկել բոլորը
Ամեն ինչ անելուց հետո դուք պարզապես ստիպված կլինեք այն ուղարկել այն անձին, որը պատասխանատու կլինի դասավորության համար
Դա պարզապես կպահանջեր
- Էսքիզներ թղթի վրա դասավորության հետ
- Բովանդակությունը
- Տեսանյութերը հղվում են YouTube- ի կամ WeTransfer- ի
- Նկարների IMGUR հղումներ
- Փաստաթղթի հղումը Google Փաստաթղթերում կամ Word ֆայլում
Նոտարի կարևոր եզրափակիչ
Իդեալը, ի վերջո, կլիներ ներառել հիանալի պատկեր, որն այն է, որն ուղեկցելու է էջի վերնագիր 1 վերնագրին: Ահա թե ինչու վերնագիրը 1 միշտ պետք է հայտնվի սկզբում:
Վերնագրի պատկերը պետք է ունենա 960 x 540 պիքսել չափ: Այս պատկերը կարող է ուղարկվել ինչպես մնացած պատկերների, IMGUR- ի կողմից
Վերջնական արդյունք
Եվ, վերջապես, այս ամբողջ տեղեկատվությամբ, էջը կստեղծվի: Այս օրինակով հետևելով և ավարտին հասցնելը, վերջնական արդյունքի էջը, որը հետևում է բոլոր այն պարամետրերին, որոնք մենք բարձրացրել ենք նախկինում, սա կլինի.
Վերջնական էջ