Gvidilo por enpaŝa enhavo

Kiam ni volas surmeti enhavon en la retejon, unu el la grandaj problemoj, kiujn ni trovas, estas, ke la proponoj, kiujn mi ricevas, estas neniam tre bone pensitaj por esti sukcese korpigitaj al la reto. Ĝenerale la problemo estas, ke sen taŭga strukturo la dezajno kaj aranĝo kutime ne aspektas tro bonaj, donante malkontentigan rezulton.

Tial mi donos iujn tre bazajn klarigojn pri kiel aranĝo de enhavoj devas esti konsiderata en kondiĉoj por simpligi la laboron al la maksimumo kaj ke la rezulto estas optimuma.

La celo de ĉi tiu gvidilo estas, ke iu ajn sen scio pri programado aŭ retejo-disvolviĝo povas doni al mi kvalitan aranĝon kaj ke mi ne devas pasigi tro da tempo provante ĉerpi la ideon per multnombraj konversacioj ĝis atingi konkludon.

Paŝo 1: La ŝablono

Por havi ŝablonon, kie ni povas "desegni" nian proponon, tio, kion ni faros, estas preni A4-folion kaj ni faldos ĝin per UNU TRIONO laŭlonge.

Paŝo 2: La enhavo blokas

Ni imagu, ke ni havas plurajn specojn de enhavo: filmeto, bildo, teksto. Ĉiu enhavo estas rektangula aŭ kvadrata bloko. Ni devas adapti la blokojn de supre al sube de la ŝablono laŭ nia elekto. Ni ilustros tri tipojn de enhavo.

Video-bloko

Ni supozas, ke la video ĝenerale estos YouTube-video, ni reprezentas ĝin en la ŝablono jene:

Bildo-bloko

Dependas de tio, ĉu la bildo estas pejzaĝo aŭ portreto, kiel ni konsentos.

Teksta Bloko

La sama kiel la bildo-bloko, depende de kiel ni volas, ke la tekston ni metos blokon aŭ alian. Ni reprezentas ĝin per paralelaj linioj.

Tekstaj blokoj povas esti tekstaj blokoj kun inkluzivitaj alineoj kaj eĉ listoj de tekstaj elementoj

Mi metos du ekzemplojn: bloko de teksto apud pejzaĝa bildo kaj alia apud portretbildo:

Titolo bloko

Titoloj en apartaj blokoj estas longaj blokoj, kiuj ĝenerale okupas la tutan linion.

Butonbloko

Se ni volas meti butonon por ke homoj alklaku kaj portu ilin al alia parto de la retejo aŭ nur fenestro kun iom da informo (aŭ formularo) aperas

Aliaj blokoj

La ideo estas simila. Se ni komprenis kiel funkcias la blokoj, mi pensas, ke ni povus klare meti alian tipon de bloko, kiu, simila al la antaŭaj, taŭgas kvadrataj aŭ rektangulaj. Ekzemple, se ni volis meti formon enmetitan al la enhavo. Kvankam ĉi tio kutime estas la malplej ofta, estas pli bone demandi antaŭ ol uzi novajn blokojn, kiuj ne estas de la tipoj menciitaj supre. Mi provos ĝisdatigi ĉi tiun liston, kiam novaj blokaj ideoj aperos, kiuj povas interesi ĉiujn.

Fine jen ekzemplo de ŝablono kun ĉiuj specoj de blokoj menciitaj supre:

Vastigante la blokojn

Se ni bezonas pli da spaco, ni simple devas aldoni pli da paĝoj al la blokdezajno en la fundo. Ne necesas plenigi ĉion, sed gravas ne lasi malplenajn malplenojn de supre al sube inter la mezo de ĉiu bloko. Tiel ni povas pligrandigi la paĝon:

Paŝo 3: Krei la enhavon

Nun, ke ni aranĝis la enhavon laŭ blokoj kaj specoj de blokoj, necesas krei la enhavon, kiu iros en tiuj blokoj. La paŝo 3 estas interŝanĝebla kun la paŝo 2. Alivorte, ni povas krei la enhavon antaŭe, kaj tiam aranĝo sciante la kvanton de enhavo, kiun ni volas korpigi. Ne indikas fari ĝin laŭ unu maniero aŭ alia, sed ni devas konstati, ke la enhavo precize konvenas en nia aranĝo

Ni sekvos la antaŭan ekzemplon. En la bildo 4 ni povas vidi jenajn blokojn:

• 2 Titolaj Blokoj
• Tekstaj Blokoj 4
• 1 Video-Bloko
• Bildo de 2
• Butono 1
• Tuta: 10-Blokoj

Tial ni devos alĝustigi nian enhavon tiel, ke ĝi taŭgas perfekte en ĉi tiuj blokoj sen foriri kaj ke la tiparo grandas ĝuste en ĉiuj. Por tio eblas valoras ĝin krei unue la enhavon kaj poste bloki ĝin. Ĝi jam dependas multe de la persono.

Paŝo 4: Agordi la enhavon kun la blokoj

Ni supozu, ke ni jam havas la desegnon desegnitan sur la papero kaj ĉiujn enhavajn blokojn kreitajn. Nun la lasta paŝo estas kombini ĝin. Por ĉi tio ni uzos plurajn ilojn por kombini ĉion kaj sendu ĝin al la ttt-projektisto.

Video-Blokoj

Filmetoj povas esti pasigitaj de du manieroj:

1. En MP4 video formato per ilo kiel WeTransfer.
2. PREFERITA ELEKTO: Alŝuti ilin al la YouTube-kanalo kaj transdoni YouTube-ligon al la filmeto.

En la okazo, ke estas nur unu video en la aranĝo, ne estos problemo. Sed se estas multaj filmetoj, ni devos asocii ilin iel kun la aranĝo, kiun ni faris sur papero.

Ekzemple. Imagu, ke estas tri filmetoj. En la aranĝo ni desegnos 1-numeron en la unua video, 2-numeron en la dua video kaj 3-numeron en la tria video. Kaj tiam sendinte la tutan dokumentaron ni metos ion tian:

• Video 1: Video kiu traktas la frazojn de neperforto kun la titolo: "La plej gravaj frazoj de neperforto"
• Video 2: Filmeto kiu traktas la kolorojn de la flago kun la titolo: "La flago de neperforto"
• Video 3: Video kiu traktas la grupon kiu marŝas en Argentino kun la titolo: "La baza teamo de Argentino"

Tio faciligos scii, kiu video respondas al ĉiu sekcio.

Bildaj Blokoj

En ĉi tiu kazo, ĉiuj bildoj devas esti alŝutitaj al la platformo IMGUR: https://imgur.com/upload

Kaj poste pasigu la ligilojn al tiuj bildoj. La idealo estas meti la bildojn same kiel la videojn, markitajn per 1, 2, 3 kaj tiel plu. Ekzemple, ni imagu, ke ni havas 4 bildojn sur la flugo en Sudafriko. Ĉiuj kvar havas la saman nomon: "sudafrica.jpg". Nu, ni metas sinsekvajn nomojn ĝis la punkto kie ili estos en la aranĝo kaj ni pentras la numeron sur la papero al kiu ili respondas. Ekzemplo:

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

Butonoj, Titolo kaj Tekstaj Blokoj

Fine, ĉi tiuj blokoj estu skribitaj en Vorta Dokumento, aŭ en Google Docs prefere.

La formato estas tre simpla: En la dokumento Word ni metas la tipon de Bloko (Titolo, Butono aŭ Teksto) sekvitan de la numero, al kiu ĝi respondos en la aranĝo.

Ekzemploj:

• Titolo 1: ...
• Titolo 2: ...
• Teksto 1: ...
• Teksto 2: ...
• Butono 1: ...
• Butono 2: ...

Poste mi metis ekzemplan dokumenton kun tute hazardaj tekstoj, por ke oni vidu kiel ĉi tio strukturiĝos, sekvante la ekzemplon de la bildo 4:

Tiel aspektas la aranĝo post kiam ni metis la numerojn respondajn al ĉiu sekcio:

4 paŝo: Sendu ĉiujn

Post kiam ni faros ĉion, vi simple devos sendi ĝin al la persono, kiu respondecos pri la aranĝo

Ĝi simple prenus

1. Skizoj sur papero kun la aranĝo
2. La enhavo
   • Vidaj ligoj al YouTube aŭ WeTransfer
   • IMGUR-ligoj de la bildoj
   • La ligo al la dokumento en Google Docs aŭ la Word-dosiero

Notario Grava Finalo

La idealo fine estus inkluzivi elstaran bildon, kiu akompanos la Titolon 1-kaplinion de la paĝo. Tial Titolo 1 ĉiam devas aperi en la komenco.

La kaplinia bildo devas havi grandecon de 960 x 540-rastrumeroj. Ĉi tiu bildo povas esti sendita kiel la resto de bildoj, de IMGUR

Fina rezulto

Kaj fine kun ĉiuj ĉi tiuj informoj, la paĝo estus agordita. Sekvante kaj por fini kun ĉi tiu ekzemplo, la paĝo kun la fina rezulto sekvante ĉiujn parametrojn, kiujn ni proponis antaŭe, estus ĉi:

Fina paĝo