DOMANDA Miglior programma per HTML

  • Autore discussione Autore discussione MPG
  • Data d'inizio Data d'inizio
Pubblicità
M

MPG

Utente Attivo
Messaggi
566
Reazioni
4
Punteggio
55
Scusate qual'è o qualii sono i migliori 3 software per creare programmi in HTML .
In realta' in pratica vorrei poter scrivere normalmente paragrafi, inserire immagini etc. ed avere in automatico nel programma
la possibilità di vedere la source HTML.
Ho provato un po' Kompozer ma non mi trovo molto bene.
Grazie a tutti.
 
Vai di visual studio code e via. Se proprio vuoi, aggiungici anche l’estensione live server
 
Hero467 ha detto:
Vai di visual studio code e via. Se proprio vuoi, aggiungici anche l’estensione live server
Clicca per espandere...
Ma funziona come Kompozer?
Io ad esmepio in kompozer non capisco se carico un'immagine di sfondo mi viene cosi come in allegato con tante piccole immagini, qualcuno mi spiega che errore faccio? Vado su formato e in menu in fondo scelgo sfondo...
--- i due messaggi sono stati uniti ---
In realtà anche se apro un file html in cui la foto è a tutto sfondo se lo apro in kompozer è cosi.
Magari mi potete dire qual'è secondo voi il problema?
Dove devo agire come settaggi?
 

Allegati

  • sfondo.webp
    sfondo.webp
    493.2 KB · Visualizzazioni: 11
  • altro.webp
    altro.webp
    228.4 KB · Visualizzazioni: 9
Ultima modifica:
Lascia stare kompozer, è spazzatura. Con vs code scrivi codice che vedi direttamente nel browser se usi live server
 
BAT ha detto:
è obsoleto
se ti serve un editor WYSIWYG prova BlueGriffon (http://www.bluegriffon.org/)
Clicca per espandere...
Scusa mi puoi dire con questo programma come si inserisce un'immagine che sia di sfondo?
Perchè scelgo nel menu inserisci immagine poi me la mette in alto a sinistra....
Giusto per capire viene cosi' l'immagine nel'es1 mentre in realtà dovrebbe essere con nell'altra foto che allego.
Bisogna solo allargare l'immagine con il mouse?
Ma se poniamo voglio inserire un'immagine al centro o a destra c'è un modo senza dovere agire direttamente sulla sorgente html?
 

Allegati

  • es2.webp
    es2.webp
    383.9 KB · Visualizzazioni: 5
  • es1.webp
    es1.webp
    88.9 KB · Visualizzazioni: 5
Ultima modifica:
abbia pazienza, ma se non leggi nemmeno le basi di come si struttura un documento in HTML come pensi di andare avanti?
anche se un editor è visuale devi saper mettere le mani nel codice a livello basso
un'immagine di sfondo si può mettere in vari modi, il più semplice è un attributo del tag <body> per esempio supponendo che il file immagine sia nella stessa cartella del file html basta fare
<body background="nomeImmagine.jpg">
se è in una cartella diversa va dato un percorso relativo al file html che stai componendo
altrimenti si usano i CSS ma sono un argomento da fare più in là
HTML non è un linguaggio di programmazione ma di formattazione della pagina, i tag li devi sapere a memoria

se cerchi con google trovi il codice base per qualsiasi cosa tu voglia fare, basta un po' di pratica, l'HTML nudo e crudo si impara in una settimana, il resto è solo fare prove
 
SI ma al di la della conoscenza del linguaggio e nello scrivere in formato html volevo capire come posso avere quello che vedo in sorgente attraverso le opzioni dle menu...
Io nel file originale che avevo fatto avevo scritto cosi:

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1252">
<title>ANIMALI VELENOSI NEL MONDO </title>
<style>
body {
background-image: url('tarantola.jpg');
background-repeat: no-repeat;
background-size: cover;
}
.....

Ora non si tratta ripeto di non sapere nulla, ma il tipo che vedi nel video nelle ozpioni del menu ha la possibilità di mettere l'immagine come vuole, questo chiedevo non come farlo in html, perchè altrimenti nemmeno usavo un editor WYSIWYG.
Spero di essermi spiegato.
 
Ultima modifica:
MPG ha detto:
Spero di essermi spiegato.
Clicca per espandere...
capito
però mi sa che nella versione free non è possibile, ho dato un'occhiata al video e sembra che stia usando l'editor CSS integrato disponibile solo nella versione a pagamento
 
Se io provo a mettere
<body background="nomeImmagine.jpg">
inserendo il percorso file
D:/Jacopo4/Informatica/HTMLesercizio/tarantola.jpg
automaticamente BlueGriffon mi cambia automaticamente come vedi in:
<body style="background-image: url(&quot;D:/Jacopo4/Informatica/HTMLesercizio/tarantola.jpg&quot;);">
e non appare alcuna immagine di sfondo, cosa sbaglio??

Questo &quot dovrebbe avere il significato di " ma perchè viene scritto cosi??
 

Allegati

  • immagine2.webp
    immagine2.webp
    42.8 KB · Visualizzazioni: 6
  • immagine1.webp
    immagine1.webp
    39 KB · Visualizzazioni: 6
Ultima modifica:
MPG ha detto:
Questo &quot dovrebbe avere il significato di " ma perchè viene scritto cosi?
Clicca per espandere...
perché altrimenti le virgolette iniziali chiudono quelle dopo il segno =
nell'URL invece delle virgolette usa il singolo apice (l'apostrofo);
inoltre fatti una cartella con le immagini e non usare i percorsi assoluti (usa quelli relativi, senza riferimenti a dischi e partizioni)
ti allego un esempio (scarica prova.zip a fine post): una cartella con un singolo file index.html, dentro una ulteriore cartella con 2 immagini, una di sfondo ed una con il logo che vedi come mio avatar
HTML: 
<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <title>Home</title>
    <style>
    body {
        background-image: url('./img/back-futuristic.png');
        background-repeat: repeat;
    }
    h1 { background-color: #F00; }
    </style>
  </head>
  <body>
    <h1>Prova</h1>
    <img src="./img/bblam.jpg" alt="bblam" title="bblam">
  </body>
</html>
dovresti vedere questo
prova.png
 

Allegati

Se io metto su C: la dir prova con il file index e la dir IMG dove ho i 2 png pero' non mi appaio BBLAM e sfondo, perche'?? Ho copiato il tuo listato sorgente in BlueGriffon e poi ecco quello che si vede nel menu WYSIWYG.
 

Allegati

  • foto.webp
    foto.webp
    29.4 KB · Visualizzazioni: 5
Ultima modifica:
MPG ha detto:
Se io metto su C: la dir prova con il file index e la dir IMG dove ho i 2 png pero' non mi appaio BBLAM e sfondo, perche'?
Clicca per espandere...
totalmente impossibile
tra l'altro ho provato e a me funziona, hai sbagliato a fare qualcosa
non devi copiare ed incollare il sorgente, devi aprire con BlueGriffon direttamente il file index.html
il sorgente ti serve a vedere come si mettono i percorsi relativi di file ed immagini con la notazione HTML che usa il punto decimale (.) e lo "/"
provaBG.png
estrai il file zip così com'è senza metterlo in sottocartelle, deve funzionare per forza, quei quadratini che vedi al posto delle immagini significa che non ha trovato le immagini stesse, significa che hai copiato il sorgente HTML ma non l'hai salvato nella directory c:\prova come file HTML, il discorso è tutto là: se lo salvi altrove i percorsi relativi non funzionano perchè tutto parte dalla directory dove viene salvato il file, te l'ho detto che devi studiare HTML, non ti puoi affidare solo ad un editor visuale, il codice prodotto devi saperlo maneggiare, metti la DualView (pulsante sotto) che ti fa vedere sia la preview che il codice
 
Dunque ho voluto fare una prova copiando il sorgente html (messo in c:/prova) direttamente nella source di BlueGriffon mantenendo tutto come mi hai impostato nello Zip, perché se vado nel WISIWYG non vedo il tutto? Ho capito che se apro il file html in BlueGriffon va ma perché non succede se ci copio il file sorgente?
 
Pubblicità
Pubblicità
Indietro
Top