Collegamento azione 
Autore: Tiziana S.
Visite 1705,
Followers 5,
Condiviso 0
Buongiorno. È possibile con website in una stessa pagina creare a sinistra un indice con argomenti e ognuno di essi collegato ad esempio a una galleria di slide o video che si apre a destra della stessa pagina (vedi screenshot allegato di un corso che sto seguendo). Mi piacerebbe fare il mio sito didattico che sto già impostando così in modo che gli alunni o gli utenti che ne usufruiscono possono sia scaricare la lezione sia vederla direttamente sul sito. Grazie per chi mi da qualche dritta
Postato il
Buongiorno Tiziana,
in parte è possibile. WebSite X5 mette a disposizione nello Step 2 una barra laterale. Per attivarla dovrai andare in Step 2 > Struttura del Modello > Tipo di Struttura e selezioni l'opzione desiderata.
Una volta attivata potrai inserire un menu sempre dallo Step 2 in Contenuto del Modello, per ricreare quanto indicato in foto. In alternativa, potresti usare il blog.
Spero di esserti stato d'aiuto!
Autore
Grazie trovo più adatto il blog, che non avevo ancora usato. Mi leggerò qualcosa per configurarlo bene. Grazie mille. A limite per qualche altra dritta mi presento qui
... come ho anticipato è semplice, anzi più che semplice...
... tutto sta nell'assegnare un ID al IFRAME, da usare quindi come TARGET per gli URL..
... con una prova ti ti stupirai della potenza ed immediatezza di questo metodo che non richiede alcuna conoscenza extra...
... per esempio per un rapida prova, in un cella alla estrema sinistra metti un Oggetto Testo, ed alla sua destra un Oggetto Codice HTML che comprende il resto delle celle...
... nell'Oggetto Codice HTML incolla questa stringa:
<iframe ID="destra" src="pagina_default.html" width="100%" height="400" style="position:absolute;height:100%;left:0px;top:0px"> </iframe>
... nell'Oggetto Testo crea la lista verticale dei capitoli-pagine da collegare...
... per esempio, per la pagina "capitolo 1" (capitolo_1.html) digita "capitolo 1" nel testo, ed assegni il collegamento tramite l'opzione prevista File o URL | File su Internet, e digita:
capitolo_1.html" target="destra
... così come lo vedi scritto, cioè con gli apici (") asimmetrici...
... ed il gioco è fatto; ..il resto per deduzione dovresti capirlo da te...
... le pagine pagina_default.html, capitolo_1.html, eccetera, sono pagine nascoste senza applicare la grafica, (alle quali per evitare il banner dei cookie sarebbe meglio applicare un piccolo ed innocuo codice EXTRA, se si vuole)...
... ovviamente la pagina_default.html sarebbe un pagina con breve titolo e presentazione, come una copertina, e può essere anche una semplice immagine...
... provaci, come detto prima, ti stupirai...
...
(... poi, a titolo informativo, se proprio si vuol ottenere di più, si potrebbe far uso dell'IFRAME elastico...)
.
Autore
Grande KolAsim funziona davvero! Ed è semplicissimo. Ora continuo a configurare. Se ho qualche altra domanda torno qui. Grazie
Autore
Riscontro 2 problemi con l'ultima proposta di KolAsim:
1. dovrei creare le pagine di tutti i miei contenuti per renderle html. Con il blog invece mi sembra di aver capito che posso caricare le mie risorse sul server e richiamarle con l'url
2. fatta comunque la prova continua a restituirmi l'errore di Browser (vedi file allegato).
Qualche altra dritta per correggere e semplificare il lavoro? Sottolineo poi che non sono esperta nel campo html, mi muovo con i suggerimenti e le stringhe copia/incolla. Grazie
> 1 >> se tu hai già delle pagine pronte in formato HTML, puoi usare queste stesse nell'IFRAME, basterebbe upparle in rete;
... oppure crei queste pagine direttamente nel progetto, come pagine normali del sito, ma nascoste, e senza applicare la grafica, ed il tutto rimarrebbe nel progetto; ...potresti anche far uso degli ipertesti con gli Ancoraggi; eventualmente fammi sapere qualcosa in più sulle risorse che hai a disposizione per le pagine;
... per il Blog, puoi sempre provarlo per un confronto, magari a te risulterebbe più amichevole e meno problematico e più adatto ai tuoi scopi; ...per esempio per averne un'idea vedi il Blog di un nostro utente a caso, Ancrea C.: https://www.ilsaperestorico.it/site/blog/
> 2 >> per il messaggio di errore del tuo STAMP, mi pare che si tratti di Anteprima locale; .. se è così allora è normale perchè Chromium del programma ha funzioni multimediali limitate; ...problema relativo perchè nella tua v.PRO in Anteprima, in alto destra, puoi selezionare un tuo browser alternativo per i test, oppure verificare in esportazione, su DISCO o in RETE---
... eventualmente, adesso che sei in fase di prove, potresti postare il LINK per poter valutare le situazioni reali...
.
ciao
.
Autore
Eccomi, posto il mio link sito. Nel menù c'è la pagina prova che è quella che sto sperimentando con i contenuti che voglio far vedere. Chiarisco anche che i contenuti saranno protetti perchè è previsto un rimborso spese (però questo ai fine della visualizzazione è irrilevante, come si può notare dal sito ho abbozzato una pagina a tal proposito). In realtà un pò di anni fa ho sviluppato un libro di testo digitale per la mia materia che insegno. Poi li ho inseriti su un cloud. Ora visto che li devo aggiornare volevo creare direttamente un mio sito da dove visualizzare i contenuti. Se riuscissi a vedere il contenuto come spieghi @KolAsim forse mi è più semplice il tuo metodo. Purtroppo, come potrai notare la lezione sul musical non si riesce a vedere (file video Mp4)Le risorse che io ho sono tutte delle presentazioni powerpoint, quindi devo comunque riprogettarle (magari con OBS) per inserirle nel progetto di website. (ci sta, approfitterei per creare la pagina html), ma devo aver la certezza che gli utenti possano vedere.
Grazie per la tua pazienza
Autore
link www.tizimusic.it
Autore
Aggiornamento: sono riuscita a generare codice html della presentazione e così funziona: Manca ora da capire come riuscire a far vedere i video. A meno che ci sia la possibilità di generare anche li il codice allora il gioco è fatto.
Vediamo
... il video non può funzionare perchè MPG richiede M$Player che non è supportato per il WEB...
... puoi usare i formati MP3, OGG, MP4, WEBM con il Player HTML5 del programma, Oggetto Video/Suono...
... nella pagina "Prova", forse al collegamento assegnato in "Il musical" hai associato anche lo showbox, che dovresti escludere...
... in questa pagina, forse derivata dal PPT/pps, è praticamente impraticabile, essendo in formato grafico di ben 19 MB: http://www.tizimusic.it/Caratteristiche-fisiche-del-suono-SEMPLIFICATO.html
... quanto pesa il PPT originale...?...
... se puoi uppa in rete e post il LINK... (per provare, anche se non è proprio adatto al WEB)...
... eventualmente potresti trasformarlo in slideshow, o sequenza di immagini, più pratico...
.
ciao
.
Autore
Si grazie, il filmato in effetti l'ho trasformato con codec html5 e ora funziona. Hai ragione molto più semplice fare lo slideshow, almeno gira meglio nel progetto. I filmati li genero tutti in h264 e credo di aver risolto. Grazie di cuore
Ciao
Autore
Ciao KolAsim. Ci siamo quasi, funziona il collegamento alle slide show che ho preparato. Ma quando clik sull'argomento non lo vedo sulla detsra della stessa pagina, ma si apre una nuova finestra. Per cui l'utente per visionare i capitoli deve tornare alla pagina precedente. Il mio intento invece è far vedere le slide esattamente a destra. Forse è necessario qualche altro passaggio? Lascio visibile la pagina lezioni così si può entrare a verificare: www.tizimusic.it/lezioni.html
Grazie
Tiziana
.. mi pare che al collegamento su [Il Musical] sia stato associato un JavaScript, per Popup, o seconda finestra...
... per la pagina "il-musical.html" ... dovresti usare questa opzione: > ▪Crea la Pagina senza applicare il Modello... (adesso è molto più veloce, senza paragoni)!
... controlla se per il collegamento hai utilizzato queste opzioni:
... fammi sapere e nel caso ne riparleremo...
ciao
.
Autore
CIAO Ho fatto come mi hai indicato "crea la pagina senza applicare il modello" ho corretto "apri nella stessa finestra", ma non ottengo risultato. Continua ad aprirsi una pagina nuova
... adesso il collegamento è corretto, OK...
... cambia il codice IFRAME con questo, ove ho aggiunto anche l'attributo name:
<iframe ID="destra" name="destra" src="copertina.html" width="100%" height="400" style="position:absolute;height:100%;left:0px;top:0px"> </iframe>
... anche per la pagina "copertina.html" ... dovresti usare l'opzione: > ▪Crea la Pagina senza applicare il Modello...
.
... adesso dovrebbe essere a posto, avvismi comunque...
.
ciao
.
Autore
PERFETTO ORA FUNZIONA! Come faccio però ad ingrandire la finestra in modo che la slide sia ben visibile, direi quasi il doppio di quanto si vede ora (teniamo conto che gli utenti devono leggere e studiare su quelle slide).
Grazie milleeeee
... OK, funziona...
... per il resto, penso che influisca come hai formattato la pagina che importi, per esempio lo slide nella sua pagina prova ad estenderlo per tutta la larghezza della riga...
... poi, nella pagina dove importi l'IFRAME, se per esempio dividi la griglia in 8 celle orizzontali, assegna per le voci del menu 1 o 2 celle e nelle restanti 6 o 7 celle vi distribuisci o estendi l'Oggetto che contiene l'IFRAME...
.
ciao
.
Autore
Ciao come puoi notare sono riuscita lavorando un pò sulla slide un pò inserendo l'oggetto galleria invece che slide show a raggiungere una finestra più larga. Qualche suggerimento per evitare la barra di scorrimento laterale? Come posso aumentare l'altezza di quella finestra? ho provato a cambiare l'altezza nel codice, ma non ottengo nulla. Ho provato ad aumentare le celle, niente! tra l'altro con quella modalità riesco a far ingrandire a schermo intero, ma il comando è sotto, difficilmente trovato a colpo d'occhio, bisogna scorrere con la barra. Con il tuo aiuto sto arrivando poco per volta a ciò che ho in testa. Riesci a darmi qualche altra dritta?
Grazie
Ciao
... volentieri, per quanto possibile e tempo permettendo, considerando che io attualmente e purtroppo sono senza programma e quindi serve la tua partecipazione attiva come stai già facendo...
... mi pare che hai assegnato all'Oggetto Codice HTML che contiene l'IFRAME un'altezza fissa di 350px(!)...
... devi vedere se è possibile assegnare un'altezza automatica, ...oppure, considerando il rapporto 16:9 degli slide:
1) ... per la massima risoluzione, cioè sopra ai 1200px assegnare Altezza = 480px; (850x480)
2) ... per la risoluzione 1200-720px assegnare Altezza = 290px; (510x290)
3) ... per la risoluzione 720-480px assegnare Altezza = 185px; (325x185) (*)!
4) ... per la risoluzione inferiore, cioè sotto ai 480px assegnare Altezza = 255px; (450x255)
(*) ... questa finestra risulterà un po' piccola;
...
... se non riesci da programma per i punti 1>4, avvisami, per integrare poi un semplice e facile codice EXTRA con un copia/incolla...
.
ciao
.
Autore
Grazie impostando al max è sparita la barra e quindi abbiamo eliminato quanto meno un passaggio. Spero di esserci. Ora configuro bene tutte le pagine. Mi riservo di disturbarti ancora e osare della tua gentilezza se si presenta ancora qualche dubbio.
... OK, al momento fatti sentire ... ciao e buon lavoro...
.
... al tempo! ... ... mi viene in mente di farti provare un semplice metodo interno al programma, che potrebbe essere accattivante, e che puoi subito valutare...
... per fare una rapida prova, sotto alla voce del pulsante [Il Musical] metti un nuova voce [Il Musical bis], e questa volta assegni il normale collegamento alla stessa pagina del sito "il-musical.html", selezionando l'apertura nello SHOWBOX
... quindi poi potrai valutare quale strada preferire, ed in caso di problemi, avvisa...
ciao
.
Autore
Ok, infatti volevo valutare anche questa opzione (verificarla anche con i video, visto che dovrò caricare anche video) e poi definire una volta per tutte.
Grazieeee
... ho visto, mi pare un ottimo metodo...
... per i video, se puoi, forse sarebbe meglio condividerli su Youtube...
... in ambedue i casi, secondo me!!! (nessuno ci pensa!), ... sarebbe da evitare il player nella pagina specialmente per più video, per evitare il flusso del download che appesantirebbe la navigazione della pagina;
... personalmente!!! preferirei un TESTO o IMMAGINE di anteprima per aprire al click il video nello showbox (o IFRAME); ...ovviamente tutto da provare e valutare con calma, prima di farle le cose...
.
Autore
...anche a me sembra meglio far girare tutto nel progetto, quindi il 2 suggerimento è ottimo. Non riesco a capire cosa vuol dire "evitare il player nella pagina". Forse intendevi la barra dei controlli? Tolta. Conto ora di togliere il codice Html (che comunque archivio, per eventuale uso da qualche altra parte) e di suddividere in colonne gli argomenti aggiungendo magari immagini per ogni colonna, mi sembra più ordinato e facilmente consultabile piuttosto che avere una lunga lista. Se hai voglia ogni tanto dare un'occhiata a questo progetto
Ciao
... difficile che venga notato, ma quando si inserisce un oggetto multimediale anche se il flusso è fermo o inerte, si attiva lo stesso il downlod del relativo file, con relativo impegno di banda a discapito della pagina ospite...
... io farei in uno di questi miei modi facili ed originali, specialmente se la pagina dovesse contenere più di uno/due contenuti multimediali:
> 1°) - d preferire, mettere il video con Oggetto Video/Suono in un pagina nascosta e senza applicare la grafica, che già sai fare;
... nella pagina dove si presentano i video, mettere la lista in formato Immagine di anteprima o copertina, o in Testo come nel tuo esempio precedente;
... a queste Immagini o Testo assegnare il collegamento alla pagina nascosta con apertura in ShowBox (o in IFRAME), che hai già potuto valutare, eleganti e pratici, oltre a non affaticare la lettura della pagina, scopo principale di questo mio metodo ed evitando così anche la grave sovrapposizione(*) di flusso nelle esecuzioni;
(*) - quindi da evitare più contenuti, ma nel caso a lavoro maldestramente già fatto, c'è anche un mio codice EXTRA per evitare questo...
> 2°) - userei un mio esclusivo ed unico codice EXTRA per un lista leggerissima di video e/o audio (MP3|MP4|WEBM) da avviare singolarmente in oggetto multimediale EXTRA nella stessa pagina, (con interruzione del download);
3°) - ed altri miei modi equivalenti che non sto ad elencare...
...
... il punto 1°) comunque assolve egregiamente gli intenti e scopi proposti, facilmente, senza codici EXTRA, e senza dipendere da nessuno...
... quando avrai maturato le tue idee, vedrai che poi sarà un passeggiata...
... l'approccio che hai adottato è quello giusto, partendo dalle fondamenta, e non dalle torri e merletti a cose già fatte che si vedono in giro...
.
ciao
.
Autore
Ciao, niente ho provato a inserire il video in video corsi "Le dita della mano" usando il 1 metodo citato da te e che reputo il più fluido. Arrivo a vedere uno schermo nero, ma dopo qualche secondo mi dice che il filmato non può essere avviato di riprovare con altro browser. Premetto che ho usato diversi formati m2ts che ovviamente non supportava perchè ci vuole un'estensione di plugin (eviterei); mpg e mp4 con errore descritto sopra. Il file è caricato sul server. Puoi dare un'occhiata come mai non parte il filmato e mi restituisce errore? ti do le credenziali per entrare perchè ho protetto le pagine (poi ovviamente cancello le credenziali :-) ) eccole mail: *** pw: AdminOspite. Grazie mille so che mi darai una luce per arrivare al traguardo!
Tiziana
la tua mail qui si vede così:
devi scriverla staccata o con caratteri diversi ...
ad esempio
mail [at] tuodominio.est
se vuoi che si faccia la prova...
Autore
Ma ci riprovo
MAIL: ***
password: AdminOspite
vedi le credenziali per entrare in www.tizimusic.it nella pagina video corsi e nel video "Le dita delle mani"
ciao, devi scrivere la e-mail nel modo come ti ha indicato Claudio, oppure così:
pippo(At)aa.bb
(At) = @
... a quando lo avrai fatto
... per semplificare puoi fare anche un semplice prova temporanea in una pagina di prova non protetta...
.
ciao
.
... intanto per la pagina "le-dita-della-mano", controlla qui:
.
ciao
.
Autore
Si ho risolto creandomi un canale su Youtube e quindi copiare in website il link e ora i video si vedono perfettamente. Ovviamente è un video privato ecco perchè non lo vedi da youtube. Per ora mi tengo il canale pubblico perchè ho intenzione di inserire dei tutorial che magari possono servire agli utenti pubblici.
Sarei curiosa però di capire perchè con website il video in mp4 non funziona: parte arriva allo schermo nero e poi mi dice di cambiare browser
Grazie
Tiziana
Autore
Inserisco ora pagina di prova in modo da non avere protezione
Autore
ecco le credenziali per vedere che con youtube funziona
admin(at)tizimusic.it
pw: AdminOspite
... la pagina funziona, e adesso il video nello showbox si vede...
... ti converrebbe applicare nella pagina "le-dita-della-mano" questa opzione: ▪Crea la Pagina senza applicare il Modello
... il video (MP4-YT) non può funzionare in Anteprima, ma nella Anteprima della tua v.PRO puoi usare questa opzione:
.
... se per caso hai altri problemi con MP4, vedi questa FAQ: https://helpcenter.websitex5.com/it/post/53535
... intanto che stai provando, fai anche questa prova che eviterebbe la pagina nascosta dedicata al video YT ...risparmiando pagine...
... per il collegamento al video YT prova File o URL | File su Internet con ShowBox, e vi incolli questo link:
https://www.youtube.com/embed/sv8kq-WN6Hg?autoplay=true&rel=0
... il video dovrebbe avviarsi automaticamente nel desktop(!) ed evitare i video correlati alla fine...
... lo puoi provare anche adesso cliccando sul LINK...
.
Autore
Ciao @KolAsim ho provato questa ultima idea. Qui dal link funziona, ma inserito nel website non funziona più. Mi funziona solo se incollo il link che mi restituisce direttamente il mio canale. (vedi gli altri collegamenti).
Tiziana
... forse! non hai usato l'URL del codice di incorpormento per IFRAME nel modo che avevo postato prima, derivato dal codice di incorporamento IFRAME di YT stesso:
NO! > https://www.youtu.be/embed/sv8kq-WN6Hg?autoplay=true&rel=0
SI > https://www.youtube.com/embed/sv8kq-WN6Hg?autoplay=true&rel=0
www.youtube.com/embed/******
... fammi sapere ... ciao
.
Autore
no no ho usato il tuo, poi ho provato anche l'altro, ma niente!
Giacchè ci sono perchè WebSite ricarica tutte le volte che faccio un aggiornamento anche i filmati? Io seleziono aggiorna solo le modifiche e lui tutte le volte ricarica pure i filmati (ovviamente se uso la modalità filmato/suono). Ho optato per youtube perchè se dovessi usare questa modalità (che mi piaceva) ci mette un sacco ad aggiornare!!!
Tiziana
... in rete avevo notato il link errato detto prima...
... per evitare l'uploads di vecchi files provare ad eliminare le cartelle preview ed uploads, (v. la "cura Mirko")...
... in molti casi ha funzionato con successo, ed in altri rimasti misteriosi, no! ...
.
ciao
.
Autore
Non credo sia la procedura che fa per me perchè il filmato non è un file che è vecchio e quindi non mi serve più, ma è un file che è sul sito, ma se io vado a cambiare semplicemente una virgola e ripubblico, nell'upload ricarica anche i video
... se non modifichi il layout del sito e non intacchi il menu o altre parti della struttura generale, in teoria dovrebbero partire solo le ultime modifiche, ...ma solo provando si può scoprire...
... è un problema che si trascina da diversi anni, ed ogni caso anche se apparentemente simile è un caso a parte e per ora non ci sono rimedi, a parte le trovata sempre di Mirko, qui: https://helpcenter.websitex5.com/it/post/238937#comment43
... comunque, per quanto sia possibile, sarebbe sempre meglio usre i video di YT...
.
ciao