Start Home Hosting Forum Hosting Account Server gratuito Hosting Blog Hosting FAQ
 
Contacts

Registrazione domini, hosting
Registrazione domini a soli 5.49 euro l'anno!
     http://www.


Registrazione domini e Hosting professionale
NewsHTMLCSSJAVASCRIPTHosting MysqlHosting PHPHosting BlogHosting CMSHosting Forum    
 
Bloccare l’accesso al sito a un indirizzo IP!
Venerdì, 2 Maggio 2008


L’articolo di oggi, vuole essere un piccolo Trips che diamo noi di Netsons a tutti gli utenti del sito. Molte volte infatti, ci sono arrivate segnalazioni di utenti che si trovavano, il forum in balia dei vari SpamBot. Aveva trovato l’indirizzo ip del Bot, ma non sapevano che farci.

Da adesso in poi, seguendo questo articolo, potrete bloccare l’accesso al sito ad uno specifico IP. Ecco come. (more…)

Come aprire un link in una finestra pop-up
Sabato, 5 Gennaio 2008

Per inserire nella propria pagina un link ad una finestra pop-up (o pop up) si fa ricorso solitamente a Javascript. I metodi principalmente utilizzati sono due. Il primo viene utilizzato se nella pagina sono presenti più link destinati ad aprire una finestra pop-up, il secondo invece è utilizzato quando il link da aprire è solamente uno.

1. Inserire tra i tag <HEAD> </HEAD> del documento il seguente codice che provvederà ad inizializzare la funzione.

<script type=”text/javascript”>
function apri(url) {
newin = window.open(url,’titolo’,’scrollbars=no,resizable=yes, width=200,height=200,status=no,location=no,toolbar=no’);
}
</script>

Nel corpo della pagina andrà inserito il riferimento al link in questo modo:

<a href=”javascript:apri(’pagina.htm’);”>Apri la pop-up</a>

Naturalmente al link pagina.htm andrà sostituito il link che si desidera aprire.

2. Il secondo metodo è un Javascript in linea da utilizzare senza nessun altro riferimento.

<a href=”javascript:;” onClick=”window.open(’pagina.htm’, ‘titolo’, ‘width=400, height=200, resizable, status, scrollbars=1, location’);”>Apri la pop-up</a>

Anche qui a pagina.htm andrà sostituito il nome della pagina che si vuole aprire.

Se si desidera linkare un’immagine basta sostituire al testo “Apri la pop-up” il codice HTML per la visualizzazione dell’immagine, ad esempio:

<a href=”javascript:;” onclick=”window.open(’pagina.htm’, ‘titolo’, ‘width=”400″, height=”200″, resizable, status, scrollbars=”1″, location’);”><Img src=”img.gif” height=”100″ Width=”100″ alt=”Testo alternativo accessibile” title=”Si apre in una pop-up” border=”0″/></a>

Agendo sui parametri width e height si definiscono le dimensioni della finestra (rispettivamente larghezza e altezza). Gli altri parametri vengono utilizzati per le opzioni di visualizzazione.

Se si vuole rendere più gradevole la visualizzazione della pop-up si possono utilizzare le finestre chromeless.

I tag html più utilizzati
Giovedì, 20 Dicembre 2007

Topo aver visto cosa sono i tag e le principali metodi con cui questi possono essere utilizzati andiamo a vedere i principali TAG e la loro funzione.

  • html Il blocco che contiene tutti gli eleemnti della pagina e, tramite alcuni attributi, definisce in che linguaggio è scritta al pagina.
  • head E’ l’elemento che contiene le informazioni della pagina che non verranno visualizzate dal browser, ma servono a classificare la pagina.
  • body Contiene la parte visibile della pagina, ovvero il corpo principale che poi verrà renderizzato dal browser.

All’interno del tag head si possono trovare i seguenti TAG

  • title Il titolo del documento (è la parte che viene visualizzata in alto sulla barra del browser). \’E l’unico tag obbligatorio all’internoo dell’head.
  • meta Tag che può essere presente e serve a fornire informazioni aggiuntive (tramite l’utilizzo degli attributi) sulla pagina, quali l’autore, la data di creazione, una dscrizione del contenuto, le parole chiave della pagina, …
  • style Tag per la definizioni degli stili grafici della pagina.
  • link Tag, che tramite alcuni attributi, permette l’inclusione di fogli di stile o javascript.

L’elemento body, invece, contiene gli elementi che devono essere mostrati all’utente, tra questi i più importanti sono:

  • h1, h2, h3, h4, h5, h6 Tag al cui interno viene inserito il titolo della sezione che segue. Il numero indica l’importanza del titolo all’interno del documento; all’interno della pagina pvi può essere un solo elemento h1, ma più elementi h2. Se si usa un tag h2 deve esserci il tag h1, se si usa un tag h3 deve esseri almeno un tag h2 e così via.
  • p Rappresenta un paragrafo di testo. Possono esserci più paragrafi di testo, ma non possono esservi paragrafi di testo all’interno di altri paragrafi.
  • ul, ol Servono a creare elenchi non ordinati (il primo) o ordinati. Ogni elemento della lista presente all’interno viene indicato dal tag indicato di seguito.
  • li Serve a suddividere, all’interno di una lista i vari elementi. Può essere utilizzato solo all’interno di un elemento ol o ul.
  • table Serve a creare una tabella
  • tr Indica una riga della tabella. Può essere utilizzato solo all’interno di un tag table.
  • td Indica una cella di una riga e può trovarsi solo all’interno di un tag tr che a sua volta si trova in un tag table.
  • strong Serve a far si che il testo al suo interno assuma un importanza maggiore. Solitamente viene rappresentato come testo in grassetto.
  • em Serve ad enfatizzare il testo che racchiude, solitamente viene indicato come testo in corsivo.
  • a Peremtte di inserire un link all’interno del testo. per far si che possa possa puntare un altra pagina va utilizzato l’attributo href che indica indica il percorso (assoluto o relativo) verso cui deve essere redirezionato l’utente.
  • img Serve ad inserire delle immagini all’interno del documento. Per sapere che immagine inserire si utilizza l’attributo src che indica il percorso assoluto o relativo dell’immagine, mentre l’attributo alt indica il testo che verrà visualizzato nel caso in cui l’immagine non fosse disponibile o non venisse visualizzata. L’attributo longdesc viene utilizzato per dare una descrizione dell’immagine per coloro che non possono visualizzare l’immagine (per esempio non vedenti).
  • br Serve a mandare a capo il testo anche se non ha raggiunto la fine della pagina. Un corretto utilizzo del tag p riduce di molto l’utilizzo di questo tag.
  • hr Serve ad inserire una riga orizzontale di separazione della pagina.
  • pre Permette di inserire all’interno della pagina un testo che non verrà a sua volta interpretato. solitamente viene utilizzato per inserire del codice all’interno della pagina.
  • code Assolve una funzione simile al tag \textit{pre}, e serve ad inserire solamente del codice.
  • dl Crea un elenco di definizioni dei diversi termini. Al suo interno devono trovarsi i tag dt e dd in maniera alterna.
  • dt Crea un nuovo termine a cui dare la definizione
  • dd Definizione del nuovo termine.
  • form Serve a creare un modulo di inserimento dei dati ceh poi devo essere inviati al server.
  • input Elementi in cui inserire i dati che devono essere posizionati all’interno del form. In funzione degli attributo che questo possiede è possibile ottenere finestre per l’inserimento dati, a selezione multipla, checkbox, pulsanti…

Questa non è un elenco completo dei tag utilizzabili, ma solo un elenco dei più utilizzati, per maggiori approfondimenti è consigliata una lettura delle specifiche presenti sul sito del W3C.

Cosa è l’HTML - introduzione
Giovedì, 20 Dicembre 2007

Il codice HTML, acronimo di HyperText Markup Language, è il linguaggio utilizzato per scrivere pagine web che viene poi reinterpretato dal browser, ovvero un programma che si occupa di trasformare questo codice in qualche cosa di facilmente elaborabile dall’utente umano. Come da definizione il codice HTML si occupa esclusivamente di indicare il significato del testo racchiuso tra i suoi tag e non si occupa del modo in cui questo viene rappresentato graficamente (operazione effettuata tramite l’utilizzo dei fogli di stile).
Il codice HTML è composta da una serie di TAG, ovvero elementi racchiusi tra i simboli di minuscolo ( < ) e maiuscolo ( > ). Ogni tag deve essere chiuso e può contenere dell’altro testo o degli altri tag al suo interno. La cusura dei TAG può essere effettuata in due modi differenti:

<tag></tag>
<tag />

nella prima riga di codice si vede che il tag è stato chiuso ricorrendo ad un secondo elemento che inizia con il simbolo / e seguito dal nome del tag. Questo è il metodo utilizzato nel caso in cui il nostro TAG debba contenere altri tag o del testo. La seconda tecnica di chiusura viene utilizzata epr tutti quegli elementi che non devono contenere nulla al loro interno (per esmepio i tag img, br, hr). Ogni tag deve essere scritto in lettere minuscole e essere chiuso. Non possono esservi dei TAG concatenati, ma sono consentiti e usati i TAG annidiati. Con tag annidiati intendiamo la possibilità di inserire un tag all’interno di un altro, per esempio:

<tag>
    <altrotag>
    </altrotag>
</tag>

mentre con TAG concatenati intendiamo che non è possibile fare in modo che un tag aperdo dopo un altro venga chiuso dopo che quest’altro è stato chiuso, per esempio:

<tag>
    <altrotag>
    </tag>
</altrotag>

non è consentito, mentre lo è

<tag>
    <altrotag>
    </altrotag>
</tag>

I TAG possono avere uno o più attrtibuti, ovvero possiamo assegnargli alcune caratteristche, per fare questo si scrive il tag nel segente modo:

<tag attributo="valore dell'attributo" altro_attributo="altro valore" > </tag>

Alcuni tag HTML non hanno alcun senso se ad essi non viene assegnato alcun attributo.

Come inserire codice JavaScrpt
Giovedì, 20 Dicembre 2007

Il javascript è un linguaggio nato come procedurale, ovvero composto da una serie di funzioni che si susseguono all’interno della esecuzione, mentre a seguito degli sviluppi avvenuti negli anni seguenti è diventato un linguaggio ad oggetti, con tutti i vantaggi che ne derivano. Ci occuperemo di analizzare la parte procedurale del linguaggio, lasciando da parte l’analisi e la comprensione della programmazioni ad oggetti. (more…)