Kontentni tuzish uchun qo'llanma

Tarkibni Internetga o'rnatmoqchi bo'lganimizda, eng katta muammolardan biri shuki, men qabul qilayotgan takliflar hech qachon vebga muvaffaqiyatli qo'shilishi yaxshi o'ylanmagan. Odatda muammo shundaki, etarli tuzilishga ega bo'lmagan holda dizayn va tartib odatda juda yaxshi ko'rinmaydi va bu qoniqarsiz natijani beradi.

Shuning uchun men ishni maksimal darajada soddalashtirish sharoitida tarkibni tuzishni qanday ko'rib chiqish kerakligi va natija eng maqbul ekanligi haqida ba'zi asosiy tushuntirishlarni bermoqchiman.

Ushbu qo'llanmaning maqsadi shundan iboratki, dasturlash yoki veb-ishlab chiqishni bilmagan har bir kishi menga sifatli tartibni berishi mumkin va men xulosaga kelguncha fikrni bir nechta suhbatlar orqali chiqarishga ko'p vaqt sarflashim shart emas.

1-qadam: shablon

Bizning taklifimizni "chizishimiz" mumkin bo'lgan shablonga ega bo'lish uchun biz A4 qog'oz varag'ini olamiz va biz uni uzunligi bo'yicha UCHdan BIR katlaymiz.

2-qadam: tarkib bloklari

Tasavvur qilaylik, bizda tarkibning bir nechta turlari mavjud: video, rasm, matn. Har bir tarkib to'rtburchaklar yoki kvadrat bloklardan iborat. Bizning tanlovimiz bo'yicha bloklarni shablonning yuqorisidan pastgacha joylashtirishimiz kerak. Biz tarkibning uchta turini ko'rsatamiz.

Video-blok

Ushbu video odatda YouTube video bo'ladi deb taxmin qilamiz, uni shablonda quyidagicha taqdim etamiz:

Rasm bloki

Bu rasm manzara yoki portret bo'lishiga bog'liq, chunki biz kelishamiz.

Matn bloki

Tasvir bloki bilan bir xil, matnni xohlaganimizga qarab biz blokni yoki boshqasini joylashtiramiz. Biz uni parallel chiziqlar bilan ifodalaymiz.

Matn bloklari paragraflar va hatto hatto matnli bloklar bo'lishi mumkin matnli narsalar ro'yxati

Men ikkita misolni keltirmoqchiman: landshaft tasviri yonidagi matn bloki va portret rasmining yonida:

Sarlavha bloki

Sarlavhalar alohida bloklarga bo'linadi, ular butun satrni egallaydigan cho'zilgan bloklardir.

Tugma bloki

Agar biz odamlarga chertish va ularni Internetning boshqa qismiga olib borishni xohlasak yoki shunchaki ba'zi bir ma'lumot (yoki shakl) bo'lgan oyna paydo bo'lsa

Boshqa bloklar

Fikr shunga o'xshash. Agar biz bloklarning qanday ishlashini tushungan bo'lsak, o'ylaymanki, avvalgilariga o'xshash to'rtburchaklar yoki to'rtburchaklar shakliga mos keladigan boshqa turdagi blokni aniq qo'yishimiz mumkin. Masalan, tarkibga kiritilgan shaklni joylashtirmoqchi bo'lsak. Odatda bu eng kam tarqalgan bo'lsa-da, yuqorida aytib o'tilgan turlarga kirmaydigan yangi bloklarni ishlatishdan oldin so'rash yaxshidir. Men ushbu ro'yxatni yangilashga harakat qilaman, chunki hamma uchun qiziq bo'lishi mumkin bo'lgan yangi blok g'oyalar paydo bo'ladi.

Va nihoyat, yuqorida aytib o'tilgan barcha turdagi bloklarga ega shablonning namunasi:

Bloklarni kengaytirish

Agar bizga ko'proq joy kerak bo'lsa, biz pastki qismidagi blokirovka dizayniga ko'proq sahifalarni qo'shishimiz kerak. Har bir narsani to'ldirish kerak emas, lekin har bir blokning o'rtasi orasidagi bo'shliqlarni yuqoridan pastgacha qoldirmaslik kerak. Shu bilan biz sahifani kengaytirishimiz mumkin:

3-qadam: tarkibni yaratish

Tarkibni bloklar va bloklarning turlari bo'yicha joylashtirganimizda, endi o'sha bloklarga kiradigan tarkibni yaratish kerak bo'ladi. 3 bosqichi 2 qadam bilan almashtirilishi mumkin. Boshqacha qilib aytganda, biz tarkibni avval yaratib, keyin biz tarkibimizga kirmoqchi bo'lgan tarkibni bilib olamiz. Buni biron bir tarzda yoki boshqacha qilish noma'lum, ammo biz shuni bilishimiz kerakki, tarkib aniq bizning maketimizga to'g'ri kelishi kerak.

Oldingi misolga amal qilamiz. 4 rasmda quyidagi bloklarni ko'rishimiz mumkin:

• 2 sarlavha bloklari
• 4 matn bloklari
• 1 video-blok
• 2 rasm bloklari
• 1 tugmasi bloki
• jami: 10 bloklari

Shuning uchun biz tarkibimizni sozlashimiz kerak, shunda u tark etmasdan ushbu bloklarga juda mos keladi va shrift hajmi ularning barchasida bir xil bo'ladi. Buning uchun mumkin arziydi avval tarkibni yarating, so'ng uni blokirovka qiling. Bu allaqachon odamga ko'p narsaga bog'liq.

4-qadam: tarkibni bloklarga moslashtirish

Tasavvur qilaylik, bizda allaqachon qog'ozda chizilgan dizayn va barcha tarkibiy bloklar yaratilgan. Endi oxirgi qadam - uni birlashtirish. Buning uchun biz hamma narsani birlashtirish uchun bir nechta vositalardan foydalanamiz uni veb-dizaynerga yuboring.

Video bloklari

Videolar ikki xil usulda uzatilishi mumkin:

1. Xuddi asbob kabi MP4 video formatida BizTransfer.
2. TANLOVNING FOYDALANISHI: ularni YouTube Mart kanaliga yuklash va videoga YouTube havolasini yuborish.

Agar tartibda bitta video bo'lsa, unda hech qanday muammo bo'lmaydi. Ammo, agar bir nechta video bo'lsa, biz ularni qog'ozda qilingan sxemaga qandaydir tarzda bog'lashimiz kerak bo'ladi.

Masalan. Tasavvur qiling, uchta video. Tizimda biz birinchi videoda 1 raqamni, ikkinchi videoda 2 raqamni va uchinchi videoda 3 raqamni olamiz. Va keyin barcha hujjatlarni yuborishda biz shunga o'xshash narsalarni qo'yamiz:

• 1-video: "Zo'ravonlikning eng muhim iboralari" sarlavhasi bilan zo'ravonlik iboralari bilan bog'liq video
• 2-video: "Zo'ravonlik bayrog'i" sarlavhali bayroq ranglari bilan bog'liq video.
• 3-video: “Argentinaning asosiy jamoasi” sarlavhasi bilan Argentinada marshga chiqmoqchi bo'lgan guruh haqida video.

Bu har bir qismga qaysi video mos kelishini bilib olishni osonlashtiradi.

Rasm bloklari

Bunday holda, barcha rasmlar IMGUR platformasiga yuklanishi kerak: https://imgur.com/upload

Va keyin ushbu rasmlarga havolalarni uzating. Tasvirlarni 1, 2, 3 va boshqalar bilan belgilangan videolar bilan bir xil joylashtirish ideal. Misol uchun, Janubiy Afrikada bizda 4 ta tasvir bor, deb tasavvur qilaylik. To'rttasi ham bir xil nomga ega: “sudafrica.jpg”. Xo'sh, biz ketma-ket nomlarni maketda bo'ladigan joyga qo'yamiz va raqamni ular mos keladigan qog'ozga bo'yab qo'yamiz. Misol:

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

Tugma, sarlavha va matn bloklari

Va nihoyat, ushbu bloklar Word hujjatida yoki Google Docs-da yozilishi kerak.

Format juda sodda: Word hujjatiga biz blokning turini (sarlavha, tugma yoki matn) qo'yamiz, undan keyin u tartibda raqamiga mos keladi.

Misollar:

• 1-sarlavha:….
• 2-sarlavha:…
• 1-matn:…
• 2-matn:…
• 1 tugmasi:…
• 2 tugmasi:…

Keyin men 4 rasmining misoliga binoan qanday tuzilganligini ko'rish uchun shunchaki tasodifiy matnlar bilan namunaviy hujjatni qo'ydim.

Har bir qismga mos keladigan raqamlarni qo'ygandan so'ng, maket qanday ko'rinishi kerak:

4 qadam: barchasini yuboring

Biz hamma narsani tugatganimizdan so'ng, siz uni loyihani boshqaradigan shaxsga yuborishingiz kerak bo'ladi

Bu shunchaki kerak edi

1. Tartibi bilan qog'ozga eskizlar
2. Tarkibi
   • YouTube yoki WeTransfer-ga video-havolalar
   • Tasvirlarning IMGUR havolalari
   • Google Docs yoki Word faylidagi hujjat havolasi

Notarius muhim final

Va nihoyat, sahifaning sarlavhasi 1 sarlavhasi bilan birga keladigan taniqli rasmni qo'shish idealdir. Shuning uchun 1 sarlavhasi har doim boshida paydo bo'lishi kerak.

Sarlavha tasviri 960 x 540 piksel o'lchamiga ega bo'lishi kerak. Ushbu rasmni qolgan rasmlar kabi IMGUR yordamida yuborish mumkin

Yakuniy natija

Va nihoyat, ushbu ma'lumotlarning barchasi bilan sahifa o'rnatiladi. Ushbu misolni ko'rib chiqamiz va oxiriga etkazamiz, biz ilgari ko'targan barcha parametrlar bo'yicha yakuniy natija bo'lgan sahifa quyidagicha bo'ladi:

Yakuniy sahifa