Útmutató a tartalom elrendezéséhez

Amikor tartalmat szeretnénk felszerelni az interneten, az egyik legnagyobb probléma az, hogy az általam kapott javaslatokat soha nem gondolják túl jól ahhoz, hogy sikeresen beépítsék az internetbe. Általában a probléma az, hogy megfelelő szerkezet nélkül a formatervezés és az elrendezés általában nem tűnik túl jól, ami nem kielégítő eredményt ad.

Ezért adok néhány nagyon alapvető magyarázatot arról, hogyan kell a tartalom elrendezését figyelembe venni olyan körülmények között, hogy a munkát a lehető legnagyobb mértékben egyszerűsítsék, és hogy az eredmény optimális legyen.

Ennek az útmutatónak az a célja, hogy bárki, aki nem ismeri a programozást vagy a webfejlesztést, minőségi elrendezést adjon nekem, és nekem ne kelljen túl sok időt töltenem az ötlet több beszélgetésen keresztül történő kiaknázására, amíg a következtetést meg nem értem.

1 lépés: A sablon

Ahhoz, hogy legyen egy sablon, ahova „lerajzolhatjuk” az ajánlatunkat, veszünk egy A4-es lapot, és hosszában EGYharmaddal összehajtjuk.

2 lépés: A tartalom blokkolja

Képzeljük el, hogy többféle tartalommal rendelkezik: videó, kép, szöveg. Mindegyik tartalom téglalap vagy négyzet alakú blokk. A sablonokat a választás szerint felülről lefelé kell felszerelni. Három típusú tartalmat mutatunk be.

Videó blokk

Feltételezzük, hogy a videó általában YouTube-videó lesz, a sablonban a következőképpen képviseljük:

Képblokk

Attól függ, hogy a kép fekvő vagy portré-e, amint egyetértünk.

Szöveg blokk

Ugyanaz, mint a képblokk, attól függően, hogy mi akarjuk a szöveget, blokkot teszünk. Párhuzamos vonalakkal ábrázoljuk.

A szövegblokkok lehetnek szövegrészek, amelyek tartalmazzák a bekezdéseket és párosak is szöveges tételek

Két példát fogok feltenni: egy szövegblokkot a tájkép mellett, egy másikat a portrékép mellett:

Címblokk

A címek különálló blokkokban vannak olyan hosszúkás blokkok, amelyek általában az egész sort elfogják.

Gombblokk

Ha azt akarjuk, hogy az emberek gombra kattinthassanak, és eljuttassák őket az internet másik oldalára, vagy csak egy ablak jelenik meg valamilyen információval (vagy űrlappal)

Egyéb blokkok

Az ötlet hasonló. Ha megértettük, hogy a blokkok hogyan működnek, akkor azt hiszem, egyértelműen fel tudnánk helyezni egy másik típusú blokkot, amely hasonlóan az előzőekhöz négyzet vagy téglalap alakú. Például, ha egy űrlapot szeretnénk beilleszteni a tartalomba. Bár ez általában a legkevésbé gyakori, jobb, ha megkérdezi új blokkok használatát, amelyek nem tartoznak a fent említett típusokba. Megpróbálom frissíteni ezt a listát, mivel új blokkötletek jelennek meg, amelyek mindenkit érdekelhetnek.

Végül, itt van egy példa egy sablonra, amely a fent említett összes típusú blokkot tartalmazza:

A blokkok kibővítése

Ha további helyre van szükségünk, egyszerűen további oldalakat kell hozzáadnunk a blokk kialakításához az alján. Nem feltétlenül töltsön le mindent, de fontos, hogy ne hagyjon üres réseket fentről lefelé minden egyes blokk közepe között. Ilyen módon kibővíthetjük az oldalt:

3 lépés: A tartalom létrehozása

Most, hogy elrendeztük a tartalmat blokkok és blokkok típusa szerint, el kell készíteni azt a tartalmat, amely ezekbe a blokkokba megy. Az 3 lépés cserélhető az 2 lépéssel. Más szavakkal, a tartalmat korábban létrehozhatjuk, majd elrendezéssel tudjuk megépíteni a tartalom mennyiségét. Felfogás, hogy így vagy úgy tegyük, de tisztában kell lennünk azzal, hogy a tartalomnak pontosan bele kell férnie az elrendezésbe

Követjük az előző példát. Az 4 képen a következő blokkokat láthatjuk:

• 2 címblokkok
• 4 szövegblokkok
• 1 videó blokk
• 2 képblokkok
• 1 gombblokk
• Végösszeg: 10 blokkok

Ezért úgy kell módosítanunk a tartalmat, hogy ez tökéletesen illeszkedjen ezekbe a blokkokba anélkül, hogy elhagynánk, és hogy a betűméret mindegyikben pontosan azonos. Erre lehetséges megéri először hozza létre a tartalmat, majd blokkolja azt. Ez már nagyon függ a személytől.

4 lépés: A tartalom illesztése a blokkokhoz

Tegyük fel, hogy már van rajza a formatervezés a papírra és az összes tartalomblokk. Most az utolsó lépés a kombinálása. Ehhez több eszközt fogunk használni, hogy mindent összekapcsoljunk küldje el a webdesignernek.

Videó blokkok

A videókat kétféle módon lehet továbbítani:

1. MP4 videó formátumban egy olyan eszközön keresztül, mint a WeTransfer.
2. KIEGÉSZÍTETT LEHETŐSÉG: Töltse fel őket a YouTube Március csatornájára, és továbbítsa a YouTube-ra mutató linket a videóhoz.

Ha csak egy videó található az elrendezésben, akkor nem lesz probléma. De ha több videó is van, akkor valamilyen módon össze kell őket kapcsolnunk a papíron elrendezéssel.

Például. Képzelje el, hogy van három videó. Az elrendezésben rajzolunk egy 1 számot az első videóban, egy 2 számot a második videóban és egy 3 számot a harmadik videóban. És akkor, amikor az összes dokumentációt elküldjük, ehhez hasonlót készítünk:

• 1. videó: Videó, amely az erőszakmentesség kifejezéseivel foglalkozik, a következő címmel: "Az erőszakmentesség legfontosabb kifejezései"
• 2. videó: Videó, amely a zászló színeivel foglalkozik, a következő címmel: «Az erőszakmentesség zászlaja»
• 3. videó: Videó, amely az Argentínában felvonulni készülő csoportról szól: „Argentína alapcsapata”

Ez megkönnyíti annak megismerését, hogy melyik videó felel meg az egyes szakaszoknak.

Képblokkok

Ebben az esetben az összes képet feltölteni kell az IMGUR platformra: https://imgur.com/upload

Ezután adja át a linkeket ezekhez a képekhez. Az ideális az, ha a képeket ugyanúgy helyezi el, mint a videókat, 1-es, 2-es, 3-as és így tovább jelölve. Például képzeljük el, hogy van 4 képünk menet közben Dél-Afrikában. Mind a négynek ugyanaz a neve: „sudafrica.jpg”. Nos, az egymást követő neveket arra a pontra helyezzük, ahol az elrendezésben szerepelni fognak, és felfestjük a számot a papírra, amelyre vonatkoznak. Példa:

• Sudáfrica-1.jpg
• Sudáfrica-2.jpg
• Sudáfrica-3.jpg
• Sudáfrica-4.jpg

Gomb, cím és szövegblokkok

Végül ezeket a blokkokat Word-dokumentumban, vagy lehetőleg Google Docs-ban kell írni.

A formátum nagyon egyszerű: A Word dokumentumban a Blokk típusát (cím, gomb vagy szöveg) tesszük, majd azt a számot követi, amelyre az elrendezésben megfelel.

Példák:

• 1. cím:…
• 2. cím:…
• 1. szöveg:…
• 2. szöveg:…
• 1. gomb:…
• 2. gomb:…

Aztán elkészítettem egy példadokumentumot, amely teljesen véletlenszerű szövegeket tartalmaz, hogy az 4 kép példáján láthatóvá váljon annak szerkezete.

Így néz ki az elrendezés, miután beillesztettük az egyes szakaszokhoz tartozó számokat:

4 lépés: Az összes küldése

Miután mindent megtettünk, egyszerűen el kell küldenie azt a személynek, aki a tervezésért felelős

Ez egyszerűen eltarthat

1. Vázlatok papírra az elrendezéssel
2. A tartalom
   • Video linkek a YouTube-ra vagy a WeTransfer-re
   • A képek IMGUR linkei
   • A dokumentumra mutató link a Google Docs-ban vagy a Word-fájl

Közjegyző Fontos döntő

Az ideális megoldás az lenne, ha végre egy kiváló képet is belefoglalnánk, amely az oldal 1 címsorát kíséri. Ez az oka annak, hogy a 1 cím mindig az elején jelenjen meg.

A fejléc képének 960 x 540 pixel méretűnek kell lennie. Ezt a képet a többi képhez hasonlóan az IMGUR küldheti el

Végeredmény

És végül mindezekkel az információkkal felállítja az oldalt. Ezt a példát követve, és befejezve, a korábban már felvetett összes paramétert követő végeredményes oldal lenne a következő:

Végső oldal