giovedì 15 ottobre 2009

Creare un sito da zero

Per prima cosa è necessario acquistare un dominio (il nome del sito es: www.sito.com). Esistono diversi servizi di hosting, il più famoso è Aruba che permette di acquistare velocemente uno spazio web sicuro ed economico.

Basta andare su http://hosting.aruba.it/ e seguire le istruzioni per l'acquisto del sito

Una volta acquistato, alla email specificata nella registazione dei dati verranno inviati una user e una password necessari per caricare i file sul sito

Per poter caricare i file sul sito è necessario un ftp client (un software per caricare i file)
Il piu conosciuto è FileZilla, scaricabile da http://filezilla-project.org/

Una volta installato questo software chiederà 3 dati per fare la "Connessione rapida", ossia l'host, lo user e la password.

L'host è semplicemente il nome del sito con ftp al posto di www (es: ftp.sito.com)
Lo user e la password sono quelli inviatevi da Aruba (o il servizio di hosting presso il quale avete acquistato il sito)

Quando con FileZilla riuscirete ad entrare nel sito e ad accedere alla cartella dove caricare i file, la prima cosa che dovete fare è caricare il file "index.html"
Il file "index.html" è la homepage del sito, quella che si aprirà quando digiterete il dominio nel browser

Per creare questo file avrete bisogno di un software per la creazione di pagine html. Un software scaricabile gratuitamente molto semplice e veloce da utilizzare è Geany, fruibile da http://www.geany.org/

Una volta scaricato e installato, aprite il programma e selezionate la freccia verso il basso vicino a "Nuovo" e selezionate "Sorgente HTML"

Si genererà automaticamente il codice HTML di base

A questo punto dovrete scrivere il testo della vostra home page all'interno del tag <body>

Per fare questo scrivete un testo qualsiasi dopo . Fatto questo salvate il file e caricatelo utilizzando FileZilla sul sito

Una volta caricato il file, se digiterete il nome del sito sul browser vedrete il testo che avrete scritto sul file index.html

Qui di seguito ci sono scritti alcuni tag da utilizzare per scrivere il testo

<h1>Titolo grande</h1>
<h2>Sottotitolo</h2>
<b>Grassetto</b>
<i>Corsivo</i>
<u>Sottolineato</u>
<br /> (accapo)
Pubblicato da Ufotizio a 15.10.09 0 commenti

mercoledì 6 maggio 2009

Controllo Javascript che impedisce la scrittura di testo nell'input

Oggi mi si è presentato un problema un pò particolare, in un form dovevo trovare la maniera di impedire la scrittura di caratteri testuali e ammettere solo numeri primi.

Grazie al forum di html.it (sempre efficiente!) link al forum, ho postato la domanda e mi hanno consigliato il seguente script, preciso e funzionante!

<head>
<!-- carico jquery da google -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
(function() {
var editingKeys = {
'8' : 'backspace',
'46' : 'canc',
'37' : 'leftarrow',
'39' : 'rightarrow'
};
$('#inputid').bind('keydown', function(e) {
var key = e.keyCode;
var keynum = (key > 47) && (key < 58);
var keypad = (key > 95) && (key < 106); // tastiera numerica
if (!keynum && !keypad) {
return (key in editingKeys);
}
});
})();
});
</script>
</head>
<body>
<input type="text" maxlength="10" id="inputid" />
</body>

Basta copiare il codice qui sopra e avrete il vostro bel campo input che non scrive testo ma solo numeri!

Come potete notare viene menzionata la "jquery" di google... che sinceramente non sò cosa sia ma posso immaginare sia un qualcosa messo a disposizione da google :) se possibile scriverò qualcosa in merito

Questo script è stato creato da fcaldera, Moderatore CSS del forum di html.it
Pubblicato da Ufotizio a 6.5.09 2 commenti

mercoledì 18 febbraio 2009

Primo post

In questo blog scriverò appunti su tutto quello che sono capace di fare, dal web alla batteria, e quello che mi piace, sperando sia utile a me, spingendomi a migliorare, e ad altri
Pubblicato da Ufotizio a 18.2.09
Iscriviti a: Post (Atom)