 |
 |
|
|
Mercoledì, 9 Gennaio 2008
Gentili utenti, Approfittiamo di questa notifica per avvisarvi che, come da comunicazione ufficiale del team di sviluppo di PHP, e’ in atto il definitivo abbandono dello sviluppo della versione 4. |
||
 |
 |
|
|
|
|
|
|
|
|
|
Lunedì, 7 Gennaio 2008
Il web è pieno di siti che offrono layout tabless basati su Css pronti all’uso, ma verrà il momento in cui vorrete costruirvene uno da soli e personalizzarlo come meglio credete. Il layout è un 2 colonne con un header dove potrà essere inserito il proprio logo/testo del blog un menù a sinistra per i menù/link e una sezione a destra per i contenuti, per facilitare eventuali modifiche il file css stili.css è stato inglobato in un file esterno che viene richiamato all’interno della pagina principale all’interno della sezione head. Il sorgente html può essere modificato a piacere aggiungendo eventuali menù/link, post ecc.. che possono essere personalizzati tramite il file css. Di seguito allego tutti i file dell’ esempio: layout2colonne |
||
|
|
|
|
|
|
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.
Nel corpo della pagina andrà inserito il riferimento al link in questo modo:
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.
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:
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. |
||
|
|
|
|
|
|
Sabato, 5 Gennaio 2008
In questa guida, corredata di screenshots, spiegerò step by step come installare la famosa board PhpBB3. 1. Scarichiamo dal sito ufficiale di supporto italiano l’ultima relase stabile di PhpBB3 (potete tracciare le releases da questo indirizzo). 2. Scompattiamo il file scaricato.
3. Diamo alla cartella un nome adatto, ad esempio “forum“.
4. Connettiamoci via FTP, con un client come FileZilla, al nostro spazio web. 5. Carichiamo la cartella che abbiamo precedente scompattato e rinominato nel nostro spazio, nella posizione desiderata.
6. Raggiungiamo, con il nostro browser, la cartella dove abbiamo caricato i files. 7. Ora siamo in una pagina che ci chiede quale operazione vogliamo eseguire; clickiamo su “Installa“.
8- Nella pagina dove siamo ora ci vengono date informazioni sull’installazione; ignoriamola :D e clickiamo su “Procedi al passaggio successivo“.
9- In questo passaggio viene controllata la compatibilità di PhpBB3 con il server; non dovrebbero esserci problemi, quinci clicchiamo su “Inizia l’installazione” 10- Siamo nella pagina di configurazione del database: compiliamola inserendo i nostri dati di login al database (disponibili qui). Potete vedere un esempio di configurazione nello screenshot qui sotto
Dopo aver completato questa pagina clicchiamo sul tasto “Procedi al passaggio successivo“. 11. Adesso verrà effettuato un test di connessione al database: se andrà a buon fine potrete cliccare su “Procedi al passaggio successivo“, nel caso, invece, in cui non vada a buon fine dovrete tornare indietro e ricontrollare i dati inseriti. 12. Eccoci nella pagina di configurazione del login amministratore: inseriamo i dati desiderati, avendo cura di inserire un’email valida e di nostra proprietà, a cui phpBB invierà i dati di registrazione del profilo amministratore.
13. Una volta completato clicchiamo su “Procedi al passaggio successivo”, verrà fatto un semplice controllo sui dati inseriti; clickiamo su “Procedi al passaggio successivo“. 14. Una schermata ci informerà dell’avvenuta creazione del file di configurazione; clickiamo su “Procedi al passaggio successivo“. 15. Ci troviamo in una pagina di configurazione avanzata; se non necessitiamo di configurazioni particolari clicchiamo su “Procedi al passaggio successivo”. Se, invece vogliamo configurare la board per inviare le mail attraverso SMTP autenticato (consigliato) compiliamo la prima parte della scheda, con i dati che troviamo nel nostro Profilo. Esempio:
16. Dopo aver compilato il modulo clicchiamo su “Procedi al passaggio successivo”, troveremo una pagina ci informarà sul completamente dell’installazione; clickiamo su “Procedi al passaggio successivo“. 17. Abbiamo quasi finito! Clickiamo sul tasto Login. 18. Ricolleghiamoci al nostro spazio via FTP, andiamo nella cartella dove abbiamo installato PhpBB3 e cancelliamo la cartella install.
19. Il nostro nuovo forum PhpBB3 è pronto!
|
||
|
|
|
|
|
|
Venerdì, 4 Gennaio 2008
Quali tipi di fogli di stile esistono? Domande abbastanza comuni a chi si avvicina alle specifiche W3C ed ai CSS. Vediamo di chiarirle con precisione. Collegarlo significa necessariamente usare un CSS esterno a cui fare riferimento nelle nostre pagine, esattamente tramite l’uso del tag <LINK> all’interno della sezione <HEAD> del documento (X)HTML. Codice d’esempio:
Dove rel identifica la relazione tra documento e file collegato e può assumere solo i due valori stylesheet o alternate stylesheet, type identifica il tipo di dati e consente, per i CSS, la sola scelta di text/css ed href indica l’URL assoluto o relativo, come nell’esempio, del foglio di stile. Un modo più semplice per raggiungere lo scopo appena espresso, cross-browser perfettamente retrocompatibile è rappresentato nel seguente codice:
La sintassi è da rispettare in tutto e per tutto, punto e virgola compreso alla fine del comando @import e l’elemento <STYLE> è da racchiudere nella sezione <HEAD> del documento (X)HTML. E se, invece, non volessimo usare un file esterno ma avere tutto il codice nel file (X)HTML che pubblicheremo? In tal caso possiamo incorporar le definizioni degli stili nel nostro documento, attraverso un codice del tutto simile al seguente:
Per questo codice valgono le raccomandazioni fatte in precedenza.
Come si può notare, in questo caso sparisce del tutto l’adozione di parentesi graffe e la definizione di stile viene implementata attraverso una lista di voci divise da punti e virgola, all’interno dell’attributo style. |
||
|
|
|
|
|
|
Giovedì, 3 Gennaio 2008
Questo script vi permette di far segnalare il vostro sito a persone prescelte dal visitatore. 1. Incollate il contenuto sottostante tra i tag <head> e </head>.
2. Incollate il contenuto sottostante tra i tag <BODY> e </BODY> a seconda di dove lo vogliate far comparire.
|
||
|
|
