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:
- MP4 videó formátumban egy olyan eszközön keresztül, mint a WeTransfer.
- 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
- Vázlatok papírra az elrendezéssel
- 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