Агуулгын байршлын заавар

Бид контентыг вэб дээр холбохыг хүсч байвал бидний хүлээж авсан саналыг вэбэд амжилттай оруулах гэж хэзээ ч бодож үзээгүй байдаг. Ерөнхийдөө асуудал бол зохих бүтэцгүйгээр зураг төсөл, зураг төсөл нь тийм ч сайн харагдахгүй байгаа нь хангалтгүй үр дүнд хүргэдэг явдал юм.

Иймээс би тухайн ажлыг хамгийн их хялбаршуулахын тулд нөхцөл байдлын талаар агуулгыг хэрхэн авч үзэх, үр дүн нь хамгийн оновчтой байх ёстой гэсэн үндсэн ойлголтуудыг өгөх болно.

Энэхүү гарын авлагын зорилго нь програмчлал, вэб хөгжүүлэлтийн талаар мэдлэггүй хэн ч надад чанарын зураглалыг өгөх боломжтой бөгөөд дүгнэлт гаргах хүртэл олон яриануудаар дамжуулан санаагаа гаргаж авахад их цаг зарцуулах шаардлагагүй юм.

1 алхам: Загвар

Бид саналаа “зурах” загвартай болохын тулд бид А4 хуудас аваад уртын дагуу ГУРАВН нэгээр нугалах гэж байна.

2 алхам: Агуулгын блокууд

Бидэнд видео, дүрс, текст гэх мэт хэд хэдэн төрлийн агуулга байна гэж төсөөлөөд үзье. Контент бүр нь тэгш өнцөгт эсвэл дөрвөлжин блок юм. Бид өөрсдийн сонгосон сонголтоор блокуудыг дээрээс доош нь тохируулах ёстой. Бид гурван төрлийн агуулгыг харуулах болно.

Видео блок

Энэ видео нь ерөнхийдөө YouTube-ийн видео байх болно гэдгийг бид доорхи байдлаар загвар дээр үзүүлнэ.

Зургийн блок

Энэ нь зураг, ландшафт эсвэл хөрөг зураг эсэхээс хамаарна, бидний тохиролцох болно.

Текстийн блок

Зургийн блоктой адил, бид текстийг хэрхэн авахыг хүсч байгаагаас хамаарч бид блок эсвэл өөр зүйлийг байрлуулах болно. Бид үүнийг параллель шугамаар төлөөлдөг.

Текстийн блокууд нь орсон догол мөрүүдийг агуулсан текст блок байж болно текстийн зүйлийн жагсаалт

Би хоёр жишээ байрлуулах гэж байна: ландшафтын зургийн хажууд текст, хөрөг зургийн хажууд байрлуулах болно.

Гарчиг блок

Гарчиг нь тусдаа блокуудад ордог бөгөөд энэ нь бүхэл бүтэн мөрийг эзэлдэг сунгасан блокууд юм.

Товч блок

Хэрэв бид хүмүүст товчлуур дараад вебийн өөр хэсэг рүү эсвэл зарим нэг мэдээлэл (эсвэл маягт) бүхий цонх гарч ирвэл

Бусад блокууд

Санаа нь төстэй юм. Хэрэв бид блокууд хэрхэн ажилладагийг ойлгосон бол бид өмнөх хувилбаруудтай ижил төстэй дөрвөлжин буюу тэгш өнцөгт хэлбэртэй өөр нэг төрлийн блок байрлуулж чадна гэж бодож байна. Жишээлбэл, бид агуулгад оруулсан маягтыг оруулахыг хүсч байвал. Энэ нь ихэвчлэн хамгийн бага нийтлэг байдаг боловч дээр дурдсан төрлөөс ялгаатай биш шинэ блокуудыг ашиглахаасаа өмнө асуух нь дээр. Хүн бүрт сонирхолтой байж болох шинэ блок санаа гарч ирэх тул би энэ жагсаалтыг шинэчлэх гэж оролдох болно.

Эцэст нь дээр дурьдсан бүх төрлийн блокуудын загварыг доор харуулав.

Блокуудыг өргөжүүлэх

Хэрэв бидэнд илүү их зай хэрэгтэй бол бид доод талд байрлах блок дизайн дээр илүү олон хуудас нэмэх хэрэгтэй болно. Бүх зүйлийг бөглөх шаардлагагүй, гэхдээ блок бүрийн дунд дунд хоосон зай үлдэхгүй байх нь чухал юм. Энэ аргаар бид хуудсыг өргөжүүлж чадна:

3 алхам: Агуулгыг бий болгох

Одоо бид агуулгыг блокууд болон блокуудын төрлөөр байрлуулсны дараа эдгээр блокууд руу орох агуулгыг бий болгох шаардлагатай байна. 3 алхамыг 2 алхамаар сольж болно. Өөрөөр хэлбэл, бид өмнө нь агуулгыг үүсгэж, дараа нь оруулахыг хүссэн агуулгынхаа хэмжээг мэдэж болно. Үүнийг ямар нэг байдлаар хийх нь маргаангүй боловч агуулга нь бидний байрлалд яг тохирч байх ёстой гэдгийг мэдэж байх ёстой.

Бид өмнөх жишээг дагана. 4 зураг дээр бид дараахь блокуудыг харж болно.

• 2 гарчгийн блокууд
• 4 текст блокууд
• 1 видео блок
• 2 зургийн блокууд
• 1 товчлуурын блок
• Нийт: 10 блокууд

Тиймээс бид эдгээр агуулгыг эдгээр блокуудад төгс тохирох бөгөөд үсгийн хэмжээ нь бүгдэд нь яг таарч байхаар тааруулахын тулд контентоо тохируулах хэрэгтэй болно. Үүний тулд боломжтой үнэ цэнэтэй эхлээд агуулгыг үүсгэж дараа нь хаах хэрэгтэйБайна. Энэ нь хүнээс их зүйл шалтгаалдаг.

4 алхам: Агуулгыг блокуудтай тааруулах

Бид аль хэдийн дизайныг цаасан дээр зурсан, агуулгын бүх блокуудыг бүтээсэн гэж үзье. Одоо хамгийн сүүлийн алхам бол үүнийг нэгтгэх явдал юм. Үүний тулд бид бүгдийг нэгтгэх хэд хэдэн хэрэгслийг ашиглах болно вэб дизайнер руу илгээнэ үү.

Видео блокууд

Видеог хоёр аргаар дамжуулж болно.

1. MP4 форматтай видео хэрэгслээр дамжуулан WeTransfer.
2. СОНГОХ САНАЛ: YouTube-ийн 3-р суваг сувагт байршуулж, 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 Document эсвэл Google Docs дээр бичих хэрэгтэй.

Формат нь маш энгийн: Word баримт бичигт бид Блокийн төрлийг (Гарчиг, Товч, Текст) оруулаад дараа нь байрлалд нь тохирох дугаарыг оруулна.

Жишээ нь:

• Гарчиг 1:….
• Гарчиг 2: ...
• Текст 1:…
• Текст 2:…
• Товчлуур 1:…
• Товчлуур 2:…

Дараа нь би 4 дүрсний жишээг дагаж үүнийг хэрхэн яаж бүтэцтэй болохыг харахын тулд бүхэлдээ санамсаргүй текстүүдтэй жишээ баримтыг тавьсан.

Хэсэг болгонд тохирох тоонуудыг байрлуулсны дараа байрлалыг ингэж харуулна.

4 алхам: Бүгдийг илгээх

Бид бүгдийг хийсний дараа та үүнийг зохион байгуулалтыг хариуцах хүнд шууд илгээх хэрэгтэй болно

Энэ нь зүгээр л авах болно

1. Зураглал бүхий цаасан дээрх зургууд
2. Агуулга
   • YouTube эсвэл WeTransfer руу видео холбоосууд
   • Зургийн холбоосууд IMGUR
   • Google Докс ба Word файл дээрх документийн холбоос

Нотариатын чухал төгсгөл

Хуудсын гарчгийн 1 гарчигтай дагалдах дүрс бүхий гайхалтай зургийг оруулах нь хамгийн тохиромжтой. Тийм учраас гарчиг 1 нь эхэнд гарч ирэх ёстой.

Толгой зураг нь 960 x 540 пикселийн хэмжээтэй байх ёстой. Энэ зургийг бусад зургууд шиг IMGUR-ээр илгээж болно

Эцсийн үр дүн

Эцэст нь энэ бүх мэдээллийн дагуу хуудсыг тавих болно. Энэ жишээг дагаж, дуусгахын тулд өмнө нь бидний тавьсан бүх параметрүүдийг дагаж эцсийн үр дүн бүхий хуудас нь дараах байдалтай байна.

Эцсийн хуудас