Panduan untuk susun atur kandungan

Apabila kita ingin melancarkan kandungan di web salah satu masalah besar yang kita dapati adalah bahawa cadangan yang saya terima tidak pernah dipikirkan dengan baik untuk dimasukkan ke dalam web dengan memuaskan. Secara amnya masalahnya adalah bahawa tanpa struktur yang mencukupi reka bentuk dan susun atur biasanya tidak kelihatan terlalu baik, memberikan hasil yang tidak memuaskan.

Itulah sebabnya saya akan memberikan beberapa penjelasan yang sangat asas tentang bagaimana susunan kandungan harus dipertimbangkan dalam keadaan untuk memudahkan kerja maksimal dan hasilnya optimal.

Matlamat panduan ini ialah sesiapa tanpa pengetahuan pengaturcaraan atau pembangunan web boleh memberi saya susun atur yang berkualiti dan saya tidak perlu menghabiskan terlalu banyak masa untuk mencuba idea melalui pelbagai perbualan sehingga mencapai kesimpulan.

Langkah 1: Templat

Untuk mempunyai templat di mana kita "menarik" cadangan kami, apa yang akan kami lakukan ialah mengambil folio dalam A4 dan kami akan melipatnya dengan SATU THERTIUM secara membujur.

Langkah 2: Blok kandungan

Mari kita bayangkan kita mempunyai beberapa jenis kandungan: video, imej, teks. Setiap kandungan adalah blok persegi panjang atau persegi. Kita perlu menyesuaikan blok dari atas ke bawah template pada pilihan kami. Kami akan menggambarkan tiga jenis kandungan.

Blok video

Kami akan menganggap bahawa video itu pada umumnya akan menjadi video YouTube, kami mewakilinya dalam templat seperti berikut:

Imagen 2

Blok imej

Ia bergantung kepada sama ada imej itu landskap atau potret, kerana kami akan bersetuju.

Blok Teks

Sama seperti blok imej, bergantung pada bagaimana kita mahu teks kita akan meletakkan blok atau yang lain. Kami mewakilinya dengan garisan selari.

Blok teks boleh menjadi blok teks dengan perenggan yang dimasukkan dan juga senarai item teks

Saya akan meletakkan dua contoh: satu blok teks di sebelah imej landskap, dan satu lagi di sebelah imej potret:

Imagen 3

Blok tajuk

Judul dalam blok berasingan adalah blok memanjang yang secara umum menduduki seluruh baris.

Blok butang

Sekiranya kita ingin memasukkan butang untuk orang mengklik dan membawanya ke bahagian lain di web atau hanya dengan tetingkap dengan beberapa maklumat (atau bentuk) muncul

Blok lain

Idea ini sama. Sekiranya kita memahami bagaimana blok berfungsi, saya fikir kita boleh meletakkan satu lagi jenis blok yang serupa dengan yang sebelumnya, sesuai dengan segi empat atau segi empat tepat. Sebagai contoh, jika kami mahu memasukkan satu bentuk yang dimasukkan ke dalam kandungan. Walaupun ini biasanya kurang biasa, lebih baik untuk bertanya sebelum menggunakan blok baru yang bukan jenis yang disebutkan di atas. Saya akan cuba mengemas kini senarai ini sebagai idea blok baru yang mungkin menarik minat semua orang.

Akhirnya, di sini adalah contoh templat dengan semua jenis blok yang disebutkan di atas:

Imagen 4

Memperluas blok

Sekiranya kita memerlukan lebih banyak ruang, kita hanya perlu menambah lebih banyak halaman untuk reka bentuk blok di bahagian bawah. Tidak perlu mengisi segala-galanya, tetapi penting untuk tidak meninggalkan jurang kosong dari atas ke bawah antara tengah setiap blok. Dengan cara ini kita boleh mengembangkan halaman:

Imagen 5

Langkah 3: Mewujudkan kandungan

Sekarang kita mempunyai susun atur kandungan oleh blok dan jenis blok yang diperlukan untuk membuat kandungan yang akan masuk ke dalam blok tersebut. Langkah 3 boleh ditukar dengan langkah 2. Dalam erti kata lain, kita boleh mencipta kandungan sebelum, dan kemudian susun atur mengetahui jumlah kandungan yang ingin kita masukkan. Adalah tidak jelas untuk melakukannya dalam satu cara atau yang lain, tetapi kita harus sedar bahawa kandungan harus sesuai dengan tata letak kita dengan tepat

Kami akan mengikuti contoh terdahulu. Dalam imej 4 kita dapat melihat blok berikut:

  • Blok Tajuk 2
  • Blok Teks 4
  • Blok Video 1
  • Blok Imej 2
  • Blok butang 1
  • Jumlah: Blok 10

Oleh itu, kita perlu menyesuaikan kandungan kami supaya ia sesuai dengan sempurna dalam blok ini tanpa meninggalkan dan bahawa saiz fon adalah sama dalam semua. Untuk itu adalah mungkin berbaloi buat kandungan terlebih dahulu dan kemudian blokinya. Ia sudah banyak bergantung kepada orang itu.

Langkah 4: Meletakkan kandungan dengan blok

Mari kita anggap kita sudah mempunyai reka bentuk yang ditarik pada kertas dan semua blok kandungan yang dibuat. Sekarang langkah terakhir adalah untuk menggabungkannya. Untuk ini kami akan menggunakan beberapa alat untuk menggabungkan segala-galanya dan hantar ke pereka laman web.

Blok Video

Video boleh diluluskan dengan dua cara:

  1. Dalam format video MP4 melalui alat seperti WeTransfer.
  2. PILIHAN TERBAIK: Memuat naiknya ke saluran YouTube March dan lulus pautan YouTube ke video.

Sekiranya terdapat hanya satu video dalam susun atur maka tidak akan ada masalah. Tetapi jika terdapat beberapa video, kita perlu mengaitkannya dalam beberapa cara dengan tata letak yang telah kita lakukan di atas kertas.

Contohnya. Bayangkan ada tiga video. Dalam susun atur kita akan melukis nombor 1 dalam video pertama, nombor 2 dalam video kedua dan nombor 3 dalam video ketiga. Dan kemudian apabila menghantar semua dokumentasi kami akan meletakkan sesuatu seperti ini:

  • Video 1: Video tentang frasa tanpa kekerasan dengan tajuk: "Ungkapan yang paling penting dari kekerasan"
  • Video 2: Video tentang warna bendera dengan tajuk: "Bendera tanpa kekerasan"
  • Video 3: Video mengenai kumpulan yang akan bertanding di Argentina dengan tajuk: "Pasukan asas Argentina"

Ini akan memudahkan untuk mengetahui video mana yang sepadan dengan setiap bahagian.

Blok Imej

Dalam kes ini, semua imej mesti dimuat naik ke platform IMGUR: https://imgur.com/upload

Dan kemudian lulus pautan ke imej tersebut. Yang ideal ialah meletakkan imej seperti video, ditandai dengan 1, 2, 3 dan sebagainya. Contohnya, bayangkan kita mempunyai imej 4 di mana sahaja di Afrika Selatan. Keempat dipanggil sama: "sudafrica.jpg". Kemudian kami meletakkan nama-nama berturut-turut ke titik di mana mereka akan berada dalam susun atur dan cat nombor di atas kertas yang mereka sepadan. Contoh:

  • Afrika Selatan-1.jpg
  • Afrika Selatan-2.jpg
  • Afrika Selatan-3.jpg
  • Afrika Selatan-4.jpg

Butang, Tajuk dan Blok Teks

Akhirnya, blok ini harus ditulis dalam Dokumen Word, atau dalam Dokumen Google sebaik-baiknya.

Formatnya sangat mudah: Dalam dokumen Word, kami meletakkan jenis Blok (Tajuk, Butang, atau Teks) diikuti dengan nombor yang akan sesuai dalam susun atur.

contoh:

  • Tajuk 1: ...
  • Tajuk 2: ...
  • Teks 1: ...
  • Teks 2: ...
  • Butang 1: ...
  • Butang 2: ...

Kemudian saya meletakkan dokumen contoh dengan teks secara rawak sehingga dapat dilihat bagaimana ini akan berstruktur, mengikuti contoh gambar 4:

Inilah cara susun atur sebaik sahaja kita meletakkan nombor yang sepadan dengan setiap bahagian:

Imagen 6

Langkah 4: Hantar semua

Sebaik sahaja kami telah melakukan segala-galanya, anda hanya perlu menghantarnya kepada orang yang akan bertanggungjawab terhadap susun atur

Ia hanya akan diambil

  1. Lakaran di atas kertas dengan susun atur
  2. Kandungannya
    • Pautan video ke YouTube atau WeTransfer
    • Pautan IMGUR imej
    • Pautan ke dokumen dalam Dokumen Google atau fail Word

Notari Penting Notari

Akhirnya, idealnya ialah memasukkan imej yang menonjol yang akan menemani tajuk tajuk 1 halaman. Itulah sebabnya Title 1 harus selalu muncul pada mulanya.

Imej header mesti mempunyai saiz 960 x 540 piksel. Imej ini boleh dihantar seperti sisa imej, oleh IMGUR

Keputusan akhir

Dan akhirnya dengan semua maklumat ini, halaman itu akan ditubuhkan. Berikutan dan untuk menyelesaikan dengan contoh ini, halaman dengan hasil akhir yang mengikuti semua parameter yang telah kami bawa sebelumnya ialah:

Halaman akhir