Мазмұн орналасуының нұсқаулығы

Мазмұнды ғаламторға орнатқымыз келгенде, біз алатын ұсыныстардың ешқашан вебке сәтті қосылуы туралы ойластырылмайтындығы. Жалпы проблема, тиісті құрылымсыз дизайн мен орналасу әдетте өте жақсы көрінбейді, қанағаттанарлықсыз нәтиже береді.

Сондықтан мен жұмысты барынша жеңілдету үшін және максималды нәтижеге қол жеткізу үшін мазмұнды қалай қарастыру керектігі туралы өте қарапайым түсініктеме бергім келеді.

Бұл нұсқаулықтың мақсаты - бағдарламалау немесе веб-әзірлемелер туралы білмейтін кез-келген адам маған сапалы макет бере алады және қорытындыға жеткенше идеяны бірнеше сөйлесулер арқылы шығаруға көп уақыт жұмсаудың қажеті жоқ.

1 қадам: шаблон

Ұсынысымызды «сызуға» болатын үлгіге ие болу үшін біз A4 парағын алып, оны ұзына бойына ҮШТЕН БІРГЕ бүктейміз.

2 қадам: мазмұн блоктары

Бізде мазмұнның бірнеше түрі бар деп елестетейік: бейне, сурет, мәтін. Әр мазмұн - тікбұрышты немесе шаршы блок. Біз өзіміздің таңдауымыз бойынша шаблондарды жоғарыдан төменге қарай орналастыруымыз керек. Мазмұнның үш түрін суреттейміз.

Бейне блог

Бұл бейне, әдетте, YouTube бейнесі болады деп болжаймыз, оны шаблонда келесідей ұсынамыз:

2 кескін

Кескін блогы

Бұл кескіннің ландшафт немесе портрет болуына байланысты, біз келісетін боламыз.

Мәтін блогы

Кескін блогы сияқты, біз мәтінді қалай алғанымызға байланысты блокты немесе басқасын саламыз. Біз оны параллель сызықтармен ұсынамыз.

Мәтін блоктары параграфтармен және жұптармен бірге мәтіндік блок бола алады мәтіндік элементтер тізімдері

Мен екі мысал келтіргім келеді: ландшафт кескінінің жанындағы мәтін блогы және портреттік кескіннің қасында:

3 кескін

Тақырып блогы

Бөлек блоктарға тақырыптар - ұзартылған блоктар, олар тұтастай алғанда бүкіл жолды алады.

Түйме блогы

Егер біз адамдарға батырманы басып, интернеттің басқа бөлігіне немесе кейбір ақпараттарға ие терезе (немесе форма) қаласақ

Басқа блоктар

Идея ұқсас. Егер біз блоктардың қалай жұмыс істейтінін түсінген болсаңыз, онда біз алдыңғы блоктарға ұқсас төртбұрышты немесе тіктөртбұрышқа сәйкес келетін басқа типті анық қоя аламыз деп ойлаймын. Мысалы, егер біз мазмұнға енгізілген пішінді қойғымыз келсе. Бұл әдетте ең аз кездесетін болса да, жоғарыда аталған түрлерге жатпайтын жаңа блоктарды қолданбас бұрын, сұрағаныңыз жөн. Мен бұл тізімді жаңартуға тырысамын, өйткені бәріне қызықты болуы мүмкін жаңа блок идеялар пайда болады.

Сонымен, жоғарыда аталған блоктардың барлық түрлерімен шаблонның мысалы келтірілген:

4 кескін

Блоктарды кеңейту

Егер бізге көбірек орын қажет болса, біз төменгі жағындағы блок дизайнына көбірек парақтарды қосуымыз керек. Барлығын толтырудың қажеті жоқ, бірақ әр блоктың ортасы арасында жоғарыдан төменге дейін бос жерлер қалдырмау керек. Осылайша біз бетті кеңейте аламыз:

5 кескін

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 кескінінің мысалына сүйене отырып, қалай құрылатындығын көру үшін, кездейсоқ мәтіндермен мысалға құжат салдым:

Әр бөлімге сәйкес сандарды салғаннан кейін орналасу осылай көрінуі керек:

6 кескін

4 қадам: барлығын жіберу

Біз бәрін жасағаннан кейін, оны жай жоспарлауды басқаратын адамға жіберуіңіз керек

Бұл жай ғана қажет еді

  1. Орналастырылған қағаздағы эскиздер
  2. Мазмұны
    • YouTube немесе WeTransfer-ке сілтемелер
    • Суреттердің IMGUR сілтемелері
    • Google Docs немесе Word файлындағы құжатқа сілтеме

Нотариаттың маңызды финалы

Ақыр соңында идеал беттің 1 тақырыбымен бірге көрсетілетін керемет суретті қамту болады. Сондықтан 1 тақырыбы әрқашан басында пайда болуы керек.

Үстіңгі деректеме кескінінде 960 x 540 пиксель өлшемі болуы керек. Бұл кескінді қалған суреттер сияқты IMGUR жіберуге болады

Қорытынды нәтиже

Ақыр соңында, осы ақпараттың барлығымен парақ құрылады. Осы мысалды орындап, аяқтау үшін, біз бұрын көтерген барлық параметрлер бойынша соңғы нәтижесі бар парақ келесідей болады:

Қорытынды бет
Бұл веб-сайт дұрыс жұмыс істеуі және аналитикалық мақсаттар үшін өзінің және үшінші тарап cookie файлдарын пайдаланады. Онда үшінші тараптың құпиялылық саясаты бар үшінші тарап веб-сайттарына сілтемелер бар, оларды сіз оларға кірген кезде қабылдауға немесе қабылдамауға болады. «Қабылдау» түймесін басу арқылы сіз осы технологияларды пайдалануға және осы мақсаттар үшін деректеріңізді өңдеуге келісесіз.    Қараңыз
Құпиялық