DOMANDA Miglior programma per HTML

MPG

Utente Attivo
544
4
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.
 

Hero467

Utente Attivo
689
404
OS
I use ARCH btw
Vai di visual studio code e via. Se proprio vuoi, aggiungici anche l’estensione live server
 

MPG

Utente Attivo
544
4
Vai di visual studio code e via. Se proprio vuoi, aggiungici anche l’estensione live server
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...
Post unito automaticamente:

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.jpg
    sfondo.jpg
    636.4 KB · Visualizzazioni: 11
  • altro.jpg
    altro.jpg
    391.7 KB · Visualizzazioni: 9
Ultima modifica:

Hero467

Utente Attivo
689
404
OS
I use ARCH btw
Lascia stare kompozer, è spazzatura. Con vs code scrivi codice che vedi direttamente nel browser se usi live server
 

MPG

Utente Attivo
544
4
è obsoleto
se ti serve un editor WYSIWYG prova BlueGriffon (http://www.bluegriffon.org/)
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.jpg
    es2.jpg
    544 KB · Visualizzazioni: 5
  • es1.jpg
    es1.jpg
    176.8 KB · Visualizzazioni: 5
Ultima modifica:

BAT

Moderatore
Staff Forum
Utente Èlite
22,951
11,581
CPU
1-Neurone
Dissipatore
Ventaglio
RAM
Scarsa
Net
Segnali di fumo
OS
Windows 10000 BUG
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
 
  • Mi piace
Reazioni: Moffetta88

MPG

Utente Attivo
544
4
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:

BAT

Moderatore
Staff Forum
Utente Èlite
22,951
11,581
CPU
1-Neurone
Dissipatore
Ventaglio
RAM
Scarsa
Net
Segnali di fumo
OS
Windows 10000 BUG
Spero di essermi spiegato.
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
 

MPG

Utente Attivo
544
4
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.jpg
    immagine2.jpg
    125.1 KB · Visualizzazioni: 6
  • immagine1.jpg
    immagine1.jpg
    118.7 KB · Visualizzazioni: 6
Ultima modifica:

BAT

Moderatore
Staff Forum
Utente Èlite
22,951
11,581
CPU
1-Neurone
Dissipatore
Ventaglio
RAM
Scarsa
Net
Segnali di fumo
OS
Windows 10000 BUG
Questo &quot dovrebbe avere il significato di " ma perchè viene scritto cosi?
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

  • prova.zip
    29.6 KB · Visualizzazioni: 4

MPG

Utente Attivo
544
4
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.jpg
    foto.jpg
    114.4 KB · Visualizzazioni: 5
Ultima modifica:

BAT

Moderatore
Staff Forum
Utente Èlite
22,951
11,581
CPU
1-Neurone
Dissipatore
Ventaglio
RAM
Scarsa
Net
Segnali di fumo
OS
Windows 10000 BUG
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'?
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
 
  • Mi piace
Reazioni: r3dl4nce

MPG

Utente Attivo
544
4
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?
 

Entra

oppure Accedi utilizzando
Discord Ufficiale Entra ora!

Discussioni Simili