//-----------HTML Microeditor è stato scritto interamente da F.Capucci : a.capucci@libero.it , http://kiap.cjb.net //-----------Funzioni di HTML Microeditor: //----Funzione 1: Inizia Pagina function titolo() { alert("Benvenuto in HTML Microeditor !! Questa prima operazione apre il codice HTML della tua pagina. HTML Microeditor offre tutte le funzioni necessarie a creare una pagina web con poche e semplici operazioni. Puoi cliccare sul tasto 'Preview della pagina' per tenere costantemente sotto controllo i progressi della tua pagina. Ricorda, prima di terminarla, di cliccare sul tasto '>> Finisci la pagina <<' !! Buon divertimento!"); var titolo=prompt("Scrivi qui sotto il titolo della pagina che stai creando:","Pagina senza titolo"); var meta=prompt("Scrivi qui sotto le parole chiave che consentiranno ai motori di ricerca di trovare la tua pagina su internet. Separa con una virgola le varie parole chiave:","Nessuna keyword"); var corpo=prompt("Scrivi qui sotto il codice del colore di sfondo della pagina che stai costruendo. Ad es. #000000 è il nero, #FFFFFF è il bianco, #CCCCCC è il grigio,ecc.:","#FFFFFF"); var testo=prompt("Scrivi qui sotto il codice del colore del testo della pagina che stai costruendo. Ad es. #000000 è il nero, #FFFFFF è il bianco, #CCCCCC è il grigio,ecc.:","#000000"); document.form1.codice.value = document.form1.codice.value +""+titolo+""; } //----Funzione 2: Immagine function img() { var url=prompt("Scrivi qui sotto l'indirizzo remoto dell'immagine che stai inserendo:","immagine.jpg"); document.form1.codice.value = document.form1.codice.value +(""); } //----Funzione 3: Barra orizzontale function hr() { document.form1.codice.value = document.form1.codice.value +("
"); } //----Funzione 4: Centratura function cent() { alert("Con questa funzione puoi centrare il contenuto della tua pagina web (testo,immagini,ecc.).Ricorda di chiudere la centratura quando vuoi ritornare al paragrafo normale, allineato a sinistra."); document.form1.codice.value = document.form1.codice.value +("
"); } //----Funzione 5: Chiudi centratura function centchiudi() { document.form1.codice.value = document.form1.codice.value +("
"); } //----Funzione 6: E-mail function mail() { var indirizzo=prompt("Scrivi qui sotto il tuo indirizzo e-mail:","nome@server.it"); var maschera=prompt("Scrivi qui sotto il testo del link che stai inserendo:","Scrivimi!!"); document.form1.codice.value = document.form1.codice.value +(""+maschera+""); } //----Funzione 7: Link function linx() { var indirizzo=prompt("Scrivi qui sotto l'url del file o della pagina che vuoi linkare:","http://kiap.cjb.net"); var maschera=prompt("Scrivi qui sotto il testo del link che stai inserendo:","Visita il sito del kiap"); document.form1.codice.value = document.form1.codice.value +(""+maschera+""); } //----Funzione 8: Immagine linkata function limg() { var indirizzo=prompt("Scrivi qui sotto l'url del file o della pagina che vuoi linkare:","http://kiap.cjb.net"); var url=prompt("Scrivi qui sotto l'indirizzo remoto dell'immagine da cliccare:","immagine.jpg"); document.form1.codice.value = document.form1.codice.value +(""); } //----Funzione 9: A capo function br() { document.form1.codice.value = document.form1.codice.value +("
"); } //----Funzione 10: Testo function testo() { alert("Ricorda che puoi inserire testo anche scrivendolo direttamente nel textbox del codice HTML, drettamente nel punto dove vuoi inserirlo."); var font=prompt("Scrivi qui sotto il font che vuoi utilizzare. Ad es. verdana, times new roman , magneto ,ecc.:","verdana"); var dimensione=prompt("Scrivi qui sotto la dimensione del testo. I valori possibili sono: -1, -2, -3, -4, -5, -6, -7, 1, 2, 3, 4, 5, 6, 7, +1, +2, +3, +4, +5, +6, +7. 3 è la dimensione standard.","3"); var colore=prompt("Scrivi qui sotto il colore del testo che stai inserendo. Ad es. #000000 è il nero, #FFFFFF è il bianco, #CCCCCC è il grigio,ecc.:","#000000"); var testo=prompt("Scrivi qui sotto il testo che vuoi inserire:","Testo da inserire"); document.form1.codice.value = document.form1.codice.value +("" +testo+ ""); } //----Funzione 11: Paragrafo function para() { document.form1.codice.value = document.form1.codice.value +("

"); } //----Funzione 12: Grassetto function grass() { var font=prompt("Scrivi qui sotto il font che vuoi utilizzare. Ad es. verdana, times new roman , magneto ,ecc.:","verdana"); var dimensione=prompt("Scrivi qui sotto la dimensione del testo. I valori possibili sono: -1, -2, -3, -4, -5, -6, -7, 1, 2, 3, 4, 5, 6, 7, +1, +2, +3, +4, +5, +6, +7. 3 è la dimensione standard.","3"); var colore=prompt("Scrivi qui sotto il colore del testo che stai inserendo. Ad es. #000000 è il nero, #FFFFFF è il bianco, #CCCCCC è il grigio,ecc.:","#000000"); var testo=prompt("Scrivi qui sotto il testo che vuoi in grassetto:","Testo"); document.form1.codice.value = document.form1.codice.value +("" +testo+ ""); } //----Funzione 13: Corsivo function cors() { var font=prompt("Scrivi qui sotto il font che vuoi utilizzare. Ad es. verdana, times new roman , magneto ,ecc.:","verdana"); var dimensione=prompt("Scrivi qui sotto la dimensione del testo. I valori possibili sono: -1, -2, -3, -4, -5, -6, -7, 1, 2, 3, 4, 5, 6, 7, +1, +2, +3, +4, +5, +6, +7. 3 è la dimensione standard.","3"); var colore=prompt("Scrivi qui sotto il colore del testo che stai inserendo. Ad es. #000000 è il nero, #FFFFFF è il bianco, #CCCCCC è il grigio,ecc.:","#000000"); var testo=prompt("Scrivi qui sotto il testo che vuoi in corsivo:","Testo"); document.form1.codice.value = document.form1.codice.value +("" +testo+ ""); } //----Funzione 14: Sottolineato function sotto() { var font=prompt("Scrivi qui sotto il font che vuoi utilizzare. Ad es. verdana, times new roman , magneto ,ecc.:","verdana"); var dimensione=prompt("Scrivi qui sotto la dimensione del testo. I valori possibili sono: -1, -2, -3, -4, -5, -6, -7, 1, 2, 3, 4, 5, 6, 7, +1, +2, +3, +4, +5, +6, +7. 3 è la dimensione standard.","3"); var colore=prompt("Scrivi qui sotto il colore del testo che stai inserendo. Ad es. #000000 è il nero, #FFFFFF è il bianco, #CCCCCC è il grigio,ecc.:","#000000"); var testo=prompt("Scrivi qui sotto il testo che vuoi sottolineato:","Testo"); document.form1.codice.value = document.form1.codice.value +("" +testo+ ""); } //----Funzione 15: Fine pagina function fin() { alert("Cliccando questo tasto hai terminato la tua pagina web! Se sei soddifatto del risultato puoi salvare la pagina creata già in formato html dalla toolbar della finestra del preview (File > Salva con nome), altrimenti puoi effettuare liberamente le modifiche necessarie al codice generato da HTML Microeditor. Premi 'Cancella tutto' per creare un'altra pagina."); document.form1.codice.value = document.form1.codice.value +(""); } //----Funzione 16: Flash movie function swf() { var indirizzo=prompt("Scrivi qui sotto l'url del Flash movie che vuoi inserire nella pagina:","movie.swf"); var alto=prompt("Scrivi qui sotto l'altezza del movie che vuoi inserire nella pagina:","200"); var largo=prompt("Scrivi qui sotto la larghezza del movie che vuoi inserire nella pagina:","200"); document.form1.codice.value = document.form1.codice.value +(""); } //----Funzione 17: Cerca con google function goog() { document.form1.codice.value = document.form1.codice.value +("

Google
"); } //----Funzione 18: Mailform function mailf() { alert("Un mailform consente ad un navigatore di inviarti una e-mail compilando campi di testo presenti nella tua pagina web. L'e-mail ti viene inviata comunque utilizzando il client di posta dell'utente. Il mailform predefinito in HTML Microeditor prevede la compilazione di tre campi: nome del mittente, indirizzo e-mail del mittente e testo dell' e-mail."); var indirizzo=prompt("Scrivi qui sotto il tuo indirizzo e-mail:","nome@server.it"); var oggetto=prompt("Scrivi qui sotto l'oggetto dell'e-mail che ti sarà inviata dall'utente:","E-mail dal sito"); document.form1.codice.value = document.form1.codice.value +("
Mailform:



"); } //----Funzione 19: Istruzioni function istruz() { alert("HTML Microeditor è un editor HTML scritto interamente in Javascript ed HTML, che consente di creare pagine web in pochi e semplici passaggi. Ad ogni tasto è associata una funzione che genera codice interagendo con l'utente. Il codice generato compare in un textbox in modo che l'utente piu' esperto possa modificarlo a suo piacimento. Per iniziare la creazione della pagina occorre cliccare su 'Inizia la pagina' . Nel digitare l'indirizzo remoto dei file linkati occorre tener presente la loro collocazione remota una volta che il sito sarà online: se i file saranno nella stessa directory della pagina basterà indicare il loro nome. Per verificare l'evoluzione della pagina è consigliabile utilizzare spesso la funzione preview, che mostra la pagina come appare in quell'istante, anche se non è ancora terminata. HTML Microeditor permette di includere nella propria pagina web anche filmati Flash, un mailform e il form di ricerca di Google.it . Per annullare una operazione indesiderata occorre cliccare nel textbox col tasto destro del mouse e selezionare 'Annulla' (oppure compiere la stessa operazione dalla toolbar del browser): in tal modo l'ultima inserzione di codice verrà eliminata. Per salvare la pagina creata già in formato html occorre selezionare dalla toolbar della finestra del preview: File > Salva con nome. Per creare una nuova pagina cliccare su 'Cancella tutto' e ricominciare. Per provare i colori dello sfondo o del testo, HTML Microeditor dispone di un comodo tool che permette di visualizzare il colore che si sta provando direttamente sulla pagina. Il colore da provare si può indicare sia come codice esadecimale (RGB) sia con il suo nome in inglese (es. black, blue, green, ecc.). Segue un elenco dei codici esadecimali che identificano alcuni dei colori dello sfondo e del testo di una pagina web: #000000 = nero; #0033CC = blu; #00CC00 = verde; #FFFF00 = giallo; #FFFFFF = bianco; #FFFF00 = rosso; #CCCCCC = grigio; #0099FF = azzurro. HTML Microeditor è stato scritto interamente da Francesco Capucci, a.capucci@libero.it , http://kiap.cjb.net ."); } //----Funzione 20: Preview function preview(form) { msg=open("","DisplayWindow"); msg.document.write(form.codice.value); }