Водич за распоред садржаја

Када желимо да монтирамо садржај на вебу, један од великих проблема који налазимо је тај да предлози које примам нису баш добро замишљени да би били на задовољавајући начин уграђени у веб. Генерално је проблем што без адекватне структуре дизајн и изглед обично не изгледају превише добро, што даје незадовољавајући резултат.

Зато ћу дати неколико врло основних објашњења како би требало да се размотри изглед садржаја у условима да се рад максимално поједностави и да резултат буде оптималан.

Циљ овог водича је да свако ко нема знања о програмирању или развоју веба може да ми пружи квалитетан изглед и да не морам трошити превише времена покушавајући да извучем идеју кроз више разговора док не постигнем закључак.

Корак КСНУМКС: Предложак

Да бисмо имали шаблон на коме бисмо могли да „нацртамо“ наш предлог, оно што ћемо урадити је да узмемо А4 лист папира и савијемо га за ТРЕЋИНУ по дужини.

Корак КСНУМКС: Садржај блокира

Замислимо да имамо неколико врста садржаја: видео, слика, текст. Сваки садржај је правоугаони или квадратни блок. Морамо уклопити блокове од врха до дна шаблона по нашем избору. Илустроваћемо три врсте садржаја.

Видео блок

Претпоставит ћемо да ће видео углавном бити ИоуТубе видео, у предлошку ћемо га представити на сљедећи начин:

Блок слике

У зависности од тога да ли је слика пејзажна или портретна, зависи од тога.

Тект Блоцк

Исто као и блок слике, у зависности од тога како желимо текст, ставићемо блок или неко друго. Представљамо га паралелним линијама.

Текстуални блокови могу бити текстуални блокови са укљученим одломцима, па чак и партије листе текстуалних елемената

Навешћу два примера: блок текста поред слике пејзажа и други поред портретне слике:

Насловни блок

Наслови иду у засебне блокове су издужени блокови који углавном заузимају целу линију.

Блок дугмета

Ако желимо да ставимо дугме да га људи кликну и одведу их на други део веба или само прозор са неким информацијама (или обрасцем)

Остали блокови

Идеја је слична. Ако смо схватили како блокови раде, мислим да бисмо могли јасно да поставимо другу врсту блока који, слично претходним, одговара квадратном или правоугаоном облику. На пример, ако смо желели да у образац ставимо образац. Иако је ово најмање уобичајено, боље је питати пре употребе нових блокова који нису од горе наведених врста. Покушаћу да ажурирам ову листу јер излазе нове блоковске идеје које би могле бити занимљиве свима.

На крају, ево примера шаблона са свим врстама претходно споменутих блокова:

Проширивање блокова

Ако нам треба више простора, једноставно ћемо додати више страница у дизајн блока при дну. Није потребно све попунити, већ је важно да не оставите празне празнине одозго према доље између средине сваког блока. На овај начин можемо проширити страницу:

Корак КСНУМКС: Креирање садржаја

Сад кад имамо изглед садржаја по блоковима и врстама блокова, потребно је креирати садржај који ће ићи у те блокове. Корак КСНУМКС је заменљив са кораком КСНУМКС. Другим речима, можемо да креирамо садржај пре, а затим га поставимо, знајући количину садржаја који желимо да уградимо. Нејасно је то радити на овај или онај начин, али морамо бити свесни да се садржај мора тачно уклопити у наш изглед

Следићемо претходном примеру. На КСНУМКС слици можемо видети следеће блокове:

• КСНУМКС Блокови наслова
• Текстне блокаде КСНУМКС
• КСНУМКС Видео Блоцк
• Блокови слике КСНУМКС
• Блок дугмета КСНУМКС
• укупан: Блокови КСНУМКС

Због тога ћемо морати да прилагодимо свој садржај тако да се савршено уклапа у ове блокове без напуштања и да је величина слова у свима њима потпуно иста. За то то је могуће вреди прво креирајте садржај, а затим га блокирајте. То већ много зависи од особе.

Корак КСНУМКС: Прилагођавање садржаја блоковима

Претпоставимо да дизајн већ имамо на папиру и сви блокови садржаја створени. Сада је последњи корак комбиновање. За ово ћемо користити неколико алата да комбинујемо све и пошаљите га веб дизајнеру.

Видео Блокови

Видео снимци се могу преносити на два начина:

1. У МПКСНУМКС видео формату преко алата попут ВеТрансфер.
2. ПРЕФЕРРЕД ОПТИОН: Преносите их на канал Марта ИоуТубе и преношење ИоуТубе везе на видео.

У случају да у изгледу постоји само један видео, неће бити проблема. Али ако постоји неколико видео записа, морат ћемо их на неки начин повезати са изгледом који смо направили на папиру.

На пример. Замислите да постоје три видео записа. У изгледу ћемо извући КСНУМКС број у првом видеу, КСНУМКС број у другом видео и КСНУМКС број у трећем видео. И тада ћемо послати сву документацију овако:

• Видео 1: Видео који се бави фразама ненасиља са насловом: „Најважније фразе ненасиља“
• Видео 2: Видео који се бави бојама заставе са насловом: «Застава ненасиља»
• Видео 3: Видео који говори о групи која иде у марш у Аргентину са насловом: „Базни тим Аргентине“

То ће олакшати сазнање који видео одговара сваком одељку.

Блокови слике

У овом случају, све слике морају бити постављене на ИМГУР платформу: https://imgur.com/upload

И онда проследите везе до тих слика. Идеално је да слике буду исте као и видео снимци, означени са 1, 2, 3 и тако даље. На пример, замислимо да имамо 4 слике у покрету у Јужној Африци. Сва четири имају исто име: „судафрица.јпг“. Па, стављамо узастопна имена до тачке на којој ће се налазити у распореду и сликамо број на папиру којем одговарају. Пример:

• судафрица-КСНУМКС.јпг
• судафрица-КСНУМКС.јпг
• судафрица-КСНУМКС.јпг
• судафрица-КСНУМКС.јпг

Блокови дугмета, наслова и текста

На крају, ови блокови треба да буду записани у Ворд документу, или по могућности у Гоогле Документима.

Формат је врло једноставан: у Ворд документ стављамо врсту блока (наслов, дугме или текст), а затим број који ће му одговарати у изгледу.

Примери:

• Наслов 1:….
• Наслов 2:…
• Текст 1:…
• Текст 2:…
• Дугме 1:…
• Дугме 2:…

Затим сам ставио пример документа са потпуно случајним текстовима тако да се види како ће то бити структуирано, следећи пример слике КСНУМКС:

Овако треба изгледати изглед након што ставимо бројеве који одговарају сваком одељку:

Корак КСНУМКС: Пошаљи све

Након што учинимо све, једноставно ћете морати да га пошаљете особи која ће бити задужена за распоред

Једноставно би требало

1. Скице на папиру са изгледом
2. Садржај
   • Видео везе до ИоуТубе-а или ВеТрансфера
   • ИМГУР линкови слика
   • Веза до документа у Гоогле документима или Ворд датотеци

Нотар Важно Финално

Идеално би коначно било укључити изванредну слику која ће пратити наслов КСНУМКС наслова странице. Зато се наслов КСНУМКС увек треба појавити на почетку.

Слика заглавља мора имати величину КСНУМКС к КСНУМКС пиксела. ИМГУР ову слику може послати као и остале слике

Коначни резултат

И на крају, са свим тим информацијама, страница би била постављена. Следећи и за крај овај пример, страница са крајњим резултатом који следи све параметре које смо раније подигли биће:

Финална страница