Guida per a disposizione di cuntenutu

Quandu vulemu muntà un cuntenutu nantu à u web unu di i grandi prublemi chì truvamu hè chì e pruposte chì riceve ùn sò mai bè pensate per esse incorporate cù successu in u web. In generale u prublema hè chì senza una struttura adatta u disignu è u layout ùn sò micca generalmente troppu belli, dendu un risultatu insatisfactoriu.

Hè per quessa chì vogliu dà una spiegazione assai basica di cumu un cuntu di cuntenutu deve esse cunsideratu in cundizioni per simplificà u travagliu à u massimu è chì u risultatu hè ottimali.

L'ughjettivu di sta guida hè chì qualcunu senza cunniscenza di a prugrammazione o di u sviluppu web pò dà un layout di qualità è chì ùn deve micca passà assai tempu cercandu di estrarre l'idea attraversu parechje conversazioni finu à ghjunghje à una conclusione.

Passu 1: U mudellu

Per avè un mudellu induve pudemu "disegnà" a nostra pruposta, ciò chì avemu da fà hè di piglià un fogliu di carta A4 è l'avemu da plegà da UN TERZO in longu.

Passu 2: I blocchi di cuntenutu

Immaginemu chì avemu parechji tippi di cuntenutu: video, immagine, testu. Ogni cuntenutu hè un blocu rettangulare o quadratu. Avemu da mette i blocchi da a cima à u fondu di u mudellu à a nostra scelta. Illustremu trè tippi di cuntenutu.

Bloccu video

Adupremu chì u video sarà in generale un video di YouTube, u rapprisentemu in u mudellu cusì:

2 image

Bloccu d'imaghjini

Dipende sì l'imaghjina hè paisaghju o ritrattu, cum'è ci accetteremu.

Bloccu di testu

U listessu cum'è u bloccu di l'imagine, secondu cumu vulemu chì u testu metteremu un bloccu o un altru. U rapprisentemu in linee parallele.

I blocchi di testu ponu esse blocchi di testu cù paragrafi inclusi è ancu listini di elementi testuali

Aghju da mette dui esempi: un bloccu di testu à fiancu à una maghjina di ritrattu, è un altru à fiancu à una maghjina di ritrattu:

3 image

Bloccu di titulu

I tituli vanu in blocchi separati sò blocchi allungati chì generalmente occupanu tutta a linea.

Bloccu buttone

Se vulemu mette un buttone per chì e persone facenu cliccà è purtassi à un'altra parte di u web o solu una finestra cù alcuni informazioni (o un furmulariu) appare

Altri blocchi

L'idea hè simile. Se avemu capitu cumu funziona i blocchi, pensu chì puderebbe chjaramente mette un altru tipu di bloccu chì, simile à quelli precedenti, si mette in piazza o rettangulare. Per esempiu, se vulemu mette una forma incorporata in u cuntenutu. Ancu s'ellu hè di solitu u menu chjucu, hè megliu da dumandà prima di aduprà novi blocchi chì ùn sò micca di i tipi sopra citati. Interaghju d'aghjurnà sta lista cume esce novi idee di bloccu chì pò esse d'interessu per tutti.

Infine, quì hè un esempiu di un mudellu cù tutti i tipi di blocchi sopra citati:

4 image

Espansione i blocchi

Se avemu bisognu di più spaziu, simu simplici per aghjunghje più pagine à u disignu di bloccu in u fondu. Ùn hè necessariu riempitu tuttu, ma hè impurtante ùn lasciate micca i buchi svattuti da u sopra à u bassu trà a mità di ogni bloccu. In questu modu pudemu espansione a pagina:

5 image

Passu 3: Creazione di u cuntenutu

Avà chì avemu layout u cuntenutu per i blocchi è i tipi di blocchi hè necessariu creà u cuntenutu chì anderà in quelli blocchi. U passu 3 hè intercambiabile cù u passu 2. In altre parolle, pudemu creà u cuntenutu prima, è dopu dispunibilità à cunnosce a quantità di cuntenutu chì vulemu incorpore. Ùn hè indistintu di fà in un modu o l'altru, ma duvemu esse cuscenti chì u cuntenutu deve circà in u nostru layout precisamente

Seguitemu l'esempiu precedente. In l'immagine 4 pudemu vede i seguenti blocchi:

  • 2 Tituli Blocchi
  • Blucchi di testu 4
  • 1 Video Block
  • 2 Image Blocchi
  • Bloccu Button 1
  • Total: Blocchi 10

Dunque averemu da aghjustà u nostru cuntenutu per chì si adatta perfettamente in sti blocchi senza lascià è chì a taglia di u carattere hè esattamente a stessa in tutti. Per quessa hè pussibule vale a pena crià u cuntenutu prima è dopu bluccà. Hè digià dipendente assai di a persona.

Passu 4: Arrigistendu u cuntenutu cù i blocchi

Cunsumemu chì avemu digià u disegnu disegnatu nantu à u paper è tutti i blocchi di cuntenutu creati. Avà l'ultimu passu hè di cumminallu. Per questu, avemu aduprà parechji strumenti per cunghjuntà tuttu è mandallu à u designer web.

Video Blocchi

I video ponu esse passati in dui maneri:

  1. In furmatu video MP4 attraversu un strumentu like Cumpulinu.
  2. OPZIONE PREFERIDA: Caricendu li in u canale di YouTube March è passendu à u ligame di YouTube à u video.

In casu chì ci hè un solu video in u layout ùn ci sarà micca prublema. Ma se ci sò parechji video, averemu da assucià li in qualchì manera cù u layout chì avemu fattu nantu à a carta.

Per esempiu. Imagine chì ci sò trè video. In u disegnu disegneremu un numeru 1 in u primu video, un numeru 2 in u secondu video è un numeru 3 in u terzu video. E allora quandu mandemu tutta a documentazione metterà qualcosa di questu:

  • Video 1: Video chì tratta di e frasi di nonviolenza cù u titulu: "I frasi più impurtanti di a nonviolenza"
  • Video 2: Video chì tratta di i culori di a bandiera cù u titulu: "A bandiera di a nonviolenza"
  • Video 3: Video chì tratta di u gruppu chì hà da marchjà in Argentina cù u titulu: "A squadra di basa di l'Argentina"

Questu farà facilitu sapè quale video currisponde à ogni sezione.

Blocchi Image

In questu casu, tutte l'imagine deve esse carricatu in a plataforma IMGUR: https://imgur.com/upload

E poi passà i ligami à quelli imagine. L'ideale hè di mette l'imaghjini cum'è i video, marcati cù un 1, un 2, un 3 è cusì. Per esempiu, imaginemu chì avemu 4 imagine nantu à a mosca in Sudafrica. Tutti i quattru anu u stessu nome: "sudafrica.jpg". Eppo, mettemu i nomi successivi à u puntu induve seranu in u layout è pinghjemu u numeru nantu à a carta à quale currispondenu. Esempiu:

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

Blocchi Button, Titulu è Text

Finalmente, questi blocchi anu da esse scrittu in un Documentu Word, o preferibilmente in un Google Docs.

U furmatu hè assai simplice: In u documentu Word metti u tipu di Bloccu (Titulu, Pulsante, o Testu) seguitatu da u numeru à quale ellu currisponderà in u layout.

Esempii:

  • Titulu 1: ...
  • Titulu 2: ...
  • Testu 1: ...
  • Testu 2: ...
  • Button 1: ...
  • Button 2: ...

Allora pozzu mette un documentu d'esempiu cù testi totalmente casuali per chì pò esse vistu cumu si sarà strutturatu questu, seguendu l'esempiu di l'immagine 4:

Questu hè cumu fà chì u layout deve guardà quandu avemu postu i numeri chì currispondenu à ogni sezione:

6 image

Passu 4: Mandate à tuttu

Una volta chì avemu fattu tuttu, simpricimenti avè da mandà à a persona chì serà incaricata di u layout

Saria solu

  1. Sketches nantu à u paperu cù u layout
  2. U cuntenutu
    • I ligami in video à YouTube o WeTransfer
    • Ligami IMGUR di l'imaghjini
    • U ligame per u documentu in Google Docs o u schedariu Word

Notariu Impurtante Finale

Finalmente, l'ideale seria di cumprendi una maghjina prominente chì accumpagnerà u Titulu 1 header di a pagina. Hè per quessa u Titulu 1 deve sempre appare à u principiu.

L'imagine di teste deve avè una dimensione di pixel 960 x 540. Sta maghjina pò esse mandata cum'è u restu di l'imagine, da IMGUR

Risultatu finali

È infine cù tutte ste infurmazioni, a pagina sia ghjunta. Dopu quì è per finisce cun stu esempiu, a pagina cù u risultatu finali chì seguita tutti i paràmetri chì avemu alzatu anteriormente seria questa:

Pagina finale