Editor di testo
L’editor di testo in DataWeb ti permette di impaginare e formattare i contenuti con un’esperienza molto simile a quella di Word.
Alcune funzioni sono estremamente intuitive: grassetto, giustificazione, elenco puntato sono comandi tipici in un editor testuale. Ci concentriamo quindi su quelle azioni specifiche per la formattazione di una pagina web.
Il selettore modello apre una finestra dove puoi scegliere la gabbia di impaginazione (ovvero il modello) più adatta al tuo contenuto. La selezione di un layout applica nella zona di contenuto una velina gialla dove poter inserire testi e immagini.
Integrazione dei video
Puoi integrare video YouTube nella tua pagina selezionando il modello Video.
Nel punto in cui vuoi inserire il video è stato inserito un riquadro IFrame.
Facendovi doppio click si apre una finestra dove è possibile inserire l’url del video. L'URL deve essere composto dal dominio di YouTube, il percorso /emebed/ e l'identificativo del video (esempio: https://www.youtube.com/embed/9bD61cgyl20)
Facendovi doppio click si apre una finestra dove è possibile inserire l’url del video. L'URL deve essere composto dal dominio di YouTube, il percorso /emebed/ e l'identificativo del video (esempio: https://www.youtube.com/embed/9bD61cgyl20)
Trovi il codice del video YouTube nell’url originario del video, ad esempio https://www.youtube.com/watch?v=9bD61cgyl20
I modelli sono progettati per adattarsi al layout del progetto e adattarsi ai diversi display dei dispositivi.
Lo sapevi che...
I modelli si dividono in “Pagina” e “Email”: i primi sono progettati per le pagine web e usano degli stili del progetto, i secondi sono indipendenti dal sito e pensati per la consultazione nei client di posta.
I modelli si dividono in “Pagina” e “Email”: i primi sono progettati per le pagine web e usano degli stili del progetto, i secondi sono indipendenti dal sito e pensati per la consultazione nei client di posta.
Il selettore immagine apre una finestra dove selezionare l’immagine, la sua dimensione in pagina e la modalità di ritaglio. È possibile aggiungere un testo per il tag “alt”.
L’immagine deve essere prima caricata nel tab immagini dell’item. Le dimensioni disponibili sono impostate dal team di sviluppo nel rispetto del layout del progetto.
Infine la modalità “fix” inserisce l’immagine nella dimensione selezionata rimpicciolendola mentre “crop” la inserisce tagliandola.
L’immagine deve essere prima caricata nel tab immagini dell’item. Le dimensioni disponibili sono impostate dal team di sviluppo nel rispetto del layout del progetto.
Infine la modalità “fix” inserisce l’immagine nella dimensione selezionata rimpicciolendola mentre “crop” la inserisce tagliandola.
Il selettore documento è simile a quello immagine: richiede il caricamento di un documento ed è possibile impostare il tag “alt”.
Per inserire un link puoi usare l’azione collegamento. Le opzioni ti permettono di impostare il protocollo e l’indirizzo del link.
Se stai inserendo dei link interni al sito web, usa sempre dei link relativi (ovvero senza il dominio, ad esempio /news/latest-news).
Se stai inserendo dei link interni al sito web, usa sempre dei link relativi (ovvero senza il dominio, ad esempio /news/latest-news).
Gli stili proposti nell’editor sono recuperati dal sito web e sono progettati per integrarsi perfettamente nelle pagine pubbliche.
Il comando Esplora attributi ti permette di aggiungere o modificare gli attributi HTML dell’elemento selezionato.
Lo sapevi che...
Quando incolli del testo nell’editor, ricordati di pulirlo da eventuali codici nascosti di altri strumenti come ad esempio Work. Per incollare un testo pulito puoi utilizzare l’apposita icona.
Quando incolli del testo nell’editor, ricordati di pulirlo da eventuali codici nascosti di altri strumenti come ad esempio Work. Per incollare un testo pulito puoi utilizzare l’apposita icona.