Suggerimenti di miglioramenti del programma
Autor: Jarek G.Salve,
Vorrei segnalare i problemi e proposte di miglioramenti per un futuro aggiornamento del programma Website X5 Pro 12
Facendo le pagine con il programma website X5 Pro 12, ho abilitato la funzione responsive.
Ho notato però che malgrado le pagine generate con il programma contengano la riga
<meta name="viewport" content="width=device-width, initial-scale=1" />
Le pagine generate non si adattano gradualmente alla larghezza dello schermo e non sempre sfruttano la massima larghezza dello schermo del dispositivo in uso.
Ho notato che girando lo schermo del telefono, la pagina si allarga solo ad una certa larghezza e non riempie tutto lo schermo.
Sarebbe meglio se il programma generasse le pagine che dinamicamente si addattino alla massima larghezza dello schermo in uso.
Facendo le pagine a mano con il solo CSS e senza nessun Java ho ottenuto adattamento di larghezza impostando CSS con queste righe esempio.
/*low resolution, 480px and below */
@media only screen and (max-width: 480px){ codici di stilizzazione}
/*medium resolution, 481px to 1023 */
@media only screen and (min-width: 481px) and (max-width: 1023px) {codici di stilizzazione}
/*high resolution, 1024px and above */
@media only screen and (min-width: 1024px) {codici di stilizzazione}
Mi piacerebbe che il programma lo facesse per me, senza fare le lunghe indagini nei codici generati dal programma e sanza dover fare le modifiche.
Secondo problema. L'immagine dell'intestazione (header) non si adatta gradualmente alla larghezza della pagina. Stranamente ridimensionando la finestra del programma l'immagine header nell'anteprima a fianco (preview) cambia gradualmente le dimensioni mantenendo le proporzioni, cliccando il tasto preview cioè vedendo la pagina nel browser incorporato nel programma e poi una versione salvata sul disco, le cose cambiano ed il header non cambia le sue dimensioni gradualmente ma a scatti. Si, ho provato a inserire due versioni di immagine header per lo schermo largo e per uno più piccolo ma su quello del telefono la seconda immagine viene visualizzata cosi cosi.
Terzo problema: finora non ho scoperto il modo semplice di inserire (con il programma e non a mano) delle immagini header diverse per ogni pagina.
Quarto problema:
Il programma permette di inserire un testo nel footer solo tramite Responsive Template Structure> Footer.
Il testo non compare nel footer della pagina alla massima risoluzione, compare solo sulla pagina alla grandezza dello schermo medio (tablet) e piccolo (cellulare).
Nelle impostazioni Main Template Structure> Footer
non compare un campo per inserire il testo nel footer.
Non è possibile inserire text link nel footer.
Non è possibile inserire un' immagine (ridimensionabile dinamicamente) nel footer.
Un altro problema, lo script di protezione delle immagini contro i furti della grafica, disabilita i links se le immagini protette da questo script contengono i collegamenti alle immagini, alle pagine ecc.
Sarebbe meglio adottare uno script che protegge tutta la pagina e non disabilita i links delle immagini linkate. Lo so che i ladri ostinati e più capaci, trovano comunque i modi per rubare la grafica ma gli script antifurto almeno intensificano un po' la loro fatica. :-)
Spero di essere stato utile per migliorare il futuro sviluppo del programma.
Saluti.
Buongiorno Jarek,
ti ringrazio per le idee che hai proposto, ti invito solo nel caso avessi difficoltà sulla realizzazione del sito ad aprire un nuovo topic nella sezione domande così da esporre il problema nel dettaglio con url del sito e screenshot.
Grazie.
Autor
Gli esempi delle pagine realizzate da me con WebsiteX5 Pro12
http://www.fotovarieta.net/2010/5/torino/main.html
http://www.fotovarieta.net/2008/10/torino/icescating/main.html
http://fotovarieta.net/2013/Condove2013/main.html
Le immagini d'intestazione header sono due per ogni pagina, una a larghezza 960px e seconda 720px. Comunque sarebbe bello se il programma generasse in automatico un codice per rendere le immagini d'intestazione "flessibili" come sulla pagina:
http://www.mirboprova.altervista.org/topfull/
o sulla pagina
http://fotovarieta.net
che si adatta automaticamente alla larghezza dello schermo senza scatti, mantenendo le proporzioni e rempiendo tutto lo schermo di un telefono o di un tablet, senza lasciare i margini.
(Le gallerie collegate sono realizzate da un altro programma che purtroppo non genera le pagine "responsive").
Saluti.