Creare una pagina di errore 404 personalizzata

Obiettivo
In questo articolo tratteremo come creare una pagina di errore personalizzata modifcando il file .htaccess

Articolo
Nei siti in cui la pagina di errore non e' settata, quando si digita un indirizzo errato del sito, appare una pagina
con scritto "Page cannot be displayed."
Modificando il file .htacess invece, potremmo dire al server che quando succede questo, lui deve puntare a un indirizzo
specifico. La cosa da fare e' molto semplice, creiamo un file e lo chiamiamo ".htaccess" senza estensione e mettiamo:

ErrorDocument 404
http://www.tuosito.it/404.htm

dove http://www.tuosito.it/404.htm e' il percorso dove deve puntare in caso di errore

Share and Enjoy: These icons link to social bookmarking sites where readers can share and discover new web pages.
  • blinkbits
  • BlinkList
  • blogmarks
  • co.mments
  • del.icio.us
  • De.lirio.us
  • digg
  • Fark
  • feedmelinks
  • Furl
  • LinkaGoGo
  • Ma.gnolia
  • NewsVine
  • Reddit
  • scuttle
  • Smarking
  • Spurl
  • YahooMyWeb
  • DZone
  • Internetmedia
  • Snap2r
  • Technorati
May 3, 2006 | Filed Under tutorials, vari | Leave a Comment 

Le mappe di google nel nostro sito web

Se vogliamo mettere le mappe di google nel nostro sito web, dobbiamo innanzitutto andarare alla pagina

http://www.google.com/apis/maps/signup.html

Accettare le condizioni e inserire l'url del sito in cui andremmo a mettere le mappe. Fatto cio' ci verra' chiesto di
loggarci per ricevere la chiave di attivazione della mappa oppure di effetturare una nuova iscrizione.
Una volta ottenuta la chiave, che e' qualcosa del tipo:

ABDIAAAAwVU8SsGlrIG1WCJ_qdE4RhRw69XHqkM0S-xNHsFuHjX92yY685TbfzO88Mb9LMPYovkd_Znv_FDyAA

creiamo in nostro primo file di esempio:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script src="http://maps.google.com/maps?file=api&v=1&key=ABDIAAAAwVU8SsGlrIG1WCJ_qdE4RhRw69XHqkM0S-xNHsFuHjX92yY685TbfzO88Mb9LMPYovkd_Znv_FDyAA" type="text/javascript"></script>
</head>
<body>
<div id="map" style="width: 500px; height: 400px"></div>
<script type="text/javascript">
//<![CDATA[

var map = new GMap(document.getElementById("map"));
map.addControl(new GSmallMapControl());
map.centerAndZoom(new GPoint(-122.1419, 37.4419), 4);

//]]>
</script>
</body>
</html>

dove in

map.centerAndZoom(new GPoint(-122.1419, 37.4419), 4);

andremmo a specificare latitudine e longitudine

Vediamo il risultato:

Share and Enjoy: These icons link to social bookmarking sites where readers can share and discover new web pages.
  • blinkbits
  • BlinkList
  • blogmarks
  • co.mments
  • del.icio.us
  • De.lirio.us
  • digg
  • Fark
  • feedmelinks
  • Furl
  • LinkaGoGo
  • Ma.gnolia
  • NewsVine
  • Reddit
  • scuttle
  • Smarking
  • Spurl
  • YahooMyWeb
  • DZone
  • Internetmedia
  • Snap2r
  • Technorati
May 3, 2006 | Filed Under tutorials, vari | Leave a Comment 

Creare il proprio sito web gratis con lycos parte 2

Obiettivo
In questo articolo tratteremo come creare gratuitamente il nostro sito web con tripod di lycos grazie agli strumenti offerti da lycos.

Articolo
Nell'articolo precedente abbiamo visto come registrarsi e creare uno spazio del tipo http://utenti.lycos.it/sastgroup adesso vediamo come riempire questo spazio di contenuti
. Loggiamoci e clicchiamo su "strumenti online"

poi su "webbuilder"

ci verra' chiesto di creare il nostro sito e noi accetteremo

scegliamo il template del sito

vediamo in antemprima

e poi editiamo i contenuti grazie all'editor wysiwyg

non ci resta che pubblicare il sito

e scegliere la categoria , le parole chiavi e la descrizione del nostro sito e il gioco e' fatto

Share and Enjoy: These icons link to social bookmarking sites where readers can share and discover new web pages.
  • blinkbits
  • BlinkList
  • blogmarks
  • co.mments
  • del.icio.us
  • De.lirio.us
  • digg
  • Fark
  • feedmelinks
  • Furl
  • LinkaGoGo
  • Ma.gnolia
  • NewsVine
  • Reddit
  • scuttle
  • Smarking
  • Spurl
  • YahooMyWeb
  • DZone
  • Internetmedia
  • Snap2r
  • Technorati
May 3, 2006 | Filed Under tutorials, vari | 1 Comment 

Creare il proprio sito web gratis con lycos

Obiettivo
In questo articolo tratteremo come creare gratuitamente il nostro sito web con tripod di lycos.

Articolo
Per costruire il nostro sito web, ci affideremo a lycos. L'indirizzo in cui possiamo effettuare la registrazione e':
http://www.tripod.lycos.it. Una volta che siamo in questa pagina

clicchiamo su "registrati" e verremo indirizzati alla pagina http://www.tripod.lycos.it/signup/

in cui ci verra' chiesto di accetare i termini del contratto. Fatto cio' inseriremo i nostri dati e nel campo username, dovremmo
mettere il nome che vogliamo dare al nostro sito. Io ad esempio ho messo "sastgroup" per cui il mio sito si chiamera' http://utenti.lycos.it/sastgroup

confermiamo i dati e ci troveremo alla pagina http://www.tripod.lycos.it/signup/signup.phtml
Nel modulo in precendenza ho messo un indirizzo email in cui mi verra' mandato un link che mi confermera' l' iscrizione al sito

infatti vado a leggere la mia posta

e clicco sul link

verro' indirizzato a questa pagina che mi chiedera' la password per l'ftp

dopodiche' l'account e' creato e siamo pronti per usarlo . digitiamo user e password

ed entriamo nel pannello di gestione del sito che poi vedremo come funziona

la nostra pagina iniziale sara'

Share and Enjoy: These icons link to social bookmarking sites where readers can share and discover new web pages.
  • blinkbits
  • BlinkList
  • blogmarks
  • co.mments
  • del.icio.us
  • De.lirio.us
  • digg
  • Fark
  • feedmelinks
  • Furl
  • LinkaGoGo
  • Ma.gnolia
  • NewsVine
  • Reddit
  • scuttle
  • Smarking
  • Spurl
  • YahooMyWeb
  • DZone
  • Internetmedia
  • Snap2r
  • Technorati
May 3, 2006 | Filed Under tutorials, vari | 1 Comment 

Mettere una radio nel proprio sito

Obiettivo
In questo articolo tratteremo come mettere una radio nel nostro sito grazie a windows media player.

I canali radio
La prima cosa che dobbiamo fare e' procuraci una lista di canali radio. Basta fare una ricerca con google per trovarli. Quelli che io ho messo sono:

DiscoRadio http://discoradio.fabbricadigitale.it/asx/discoradio.asx
101 Network http://www.radio101.it/live101/radio101.asx
105 Classic http://www.105.net/fmclassics.asx
Hit Channel http://www.rtl.it/mediaplayer/1025hitchannel.asx
Montecarlo http://www.tv-radio.com/station/rmc_italie/rmc_italie-20k.asx
Radio 105 http://www.105.net/105.asx
Radio Deejay mms://deejay.wm.p1.str3.com/djradio
RDS http://www.rds.it/pandora/streaming/rds.asx
RIN mms://wmedia.rin.it/rin
RTL 102.5 http://www.rtl.it/mediaplayer/rtl1025.asx

Fatto cio' dobbiamo creare un player che trasmetta il suono proveniente da queste radio.

Articolo
LA cosa che dobbiamo fare e' quella di copiare il codice sottostante nella nostra pagina e il gioco e' fatto

<script>
var streams = new Array();
streams[0] = new makeStream("http://discoradio.fabbricadigitale.it/asx/discoradio.asx", "DiscoRadio");
streams[1] = new makeStream("http://www.radio101.it/live101/radio101.asx", "101 Network");
streams[2] = new makeStream("http://www.105.net/fmclassics.asx", "105 Classic");
streams[3] = new makeStream("http://www.rtl.it/mediaplayer/1025hitchannel.asx", "Hit Channel");
streams[4] = new makeStream("http://www.tv-radio.com/station/rmc_italie/rmc_italie-20k.asx", "Montecarlo");
streams[5] = new makeStream("http://www.105.net/105.asx", "Radio 105");
streams[6] = new makeStream("mms://deejay.wm.p1.str3.com/djradio", "Radio Deejay");
streams[7] = new makeStream("http://www.rds.it/pandora/streaming/rds.asx", "RDS");
streams[8] = new makeStream("mms://wmedia.rin.it/rin", "RIN");
streams[9] = new makeStream("http://www.rtl.it/mediaplayer/rtl1025.asx", "RTL 102.5");
function makeStream(url, name) {
this.url = url;
this.name = name;
}
function handleControlsOnOffClick() {
if (document.mediaPlayer.showControls == true) {
document.mediaPlayer.showControls = false;
document.playerCtrl.controls.value = " Show Controls ";
}
else {
document.mediaPlayer.showControls = true;
document.playerCtrl.controls.value = " Hide Controls "
}
}
function handlePlayOrPauseClick(){
var state;
playerStatus = document.mediaPlayer.playState;
if (playerStatus == 6) {
document.mediaPlayer.play();
document.playerCtrl.playOrPause.value = " Pause ";
}
else if (playerStatus == 1) {
document.mediaPlayer.play();
document.playerCtrl.playOrPause.value = " Pause ";
}
else if (playerStatus == 2) {
document.mediaPlayer.pause();
document.playerCtrl.playOrPause.value = " Play ";
}
}
function changeSize(newSize) {
document.mediaPlayer.displaySize = newSize;
}
function change() {
var list = document.playerCtrl.streams;
var streamURL = list.options[list.selectedIndex].value;
document.mediaPlayer.stop();
document.playerCtrl.playOrPause.value = " Pause ";
document.mediaPlayer.fileName = streamURL;
pstatus.innerHTML = "In attesa";
speed.innerHTML = "In attesa";
buffer.innerHTML = "In attesa";
}
function playerstatus() {
code = mediaPlayer.OpenState;
if (code == 0) code = "In attesa";
if (code == 1 || code == 2) code = "Caricamento dati";
if (code == 3) code = "Ricerca Server";
if (code == 4) code = "Connesso";
if (code == 5) code = "";
if (code == 6) code = "Connesso";
pstatus.innerHTML = code;
buffer.innerHTML = " " + mediaPlayer.BufferingProgress + "%";
speed.innerHTML = " " + parseInt(mediaPlayer.Bandwidth / 1024) + " Kbps";
}
</script>
<body onLoad='window.setInterval ("playerstatus()",800);'>
<FORM NAME="playerCtrl">
<INPUT TYPE="hidden" VALUE=" Pause " NAME="playOrPause">
<SCRIPT>
with (document) {
writeln('<SELECT NAME="streams" onChange="change()">');
for (var i = 0; i < streams.length; i++) {
writeln('<OPTION VALUE="', streams[i].url, '">', streams[i].name);
}
writeln('</SELECT>');
}
</SCRIPT>
</FORM>

Stato:<span id="pstatus" style='font-size:10px'>In attesa</span><br>
Buffer:<span id="buffer" style='font-size:10px'>In attesa</span><br>
Velocita':<span id="speed" style='font-size:10px'>In attesa</span><br>
<br>
<OBJECT
ID="mediaPlayer"
CLASSID="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95"
CODEBASE="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701"
STANDBY="Loading Microsoft Windows Media Player components..."
TYPE="application/x-oleobject"
STYLE="WIDTH:282px;HEIGHT:26px">
<PARAM NAME="SendOpenStateChangeEvents" VALUE="true">
<PARAM NAME="fileName" VALUE="http://discoradio.fabbricadigitale.it/asx/discoradio.asx">
<PARAM NAME="animationatStart" VALUE="false">
<PARAM NAME="transparentatStart" VALUE="true">
<PARAM NAME="autoStart" VALUE="true">
<PARAM NAME="showControls" VALUE="true">
<PARAM NAME="AudioStream" VALUE="true">
<PARAM NAME="ShowControls" VALUE="true">
<PARAM NAME="ShowAudioControls" VALUE="true">
<PARAM NAME="ShowDisplay " VALUE="false">
</OBJECT>

Share and Enjoy: These icons link to social bookmarking sites where readers can share and discover new web pages.
  • blinkbits
  • BlinkList
  • blogmarks
  • co.mments
  • del.icio.us
  • De.lirio.us
  • digg
  • Fark
  • feedmelinks
  • Furl
  • LinkaGoGo
  • Ma.gnolia
  • NewsVine
  • Reddit
  • scuttle
  • Smarking
  • Spurl
  • YahooMyWeb
  • DZone
  • Internetmedia
  • Snap2r
  • Technorati
May 1, 2006 | Filed Under tutorials, vari | 18 Comments 

← Previous Page


Commenti recenti:


Ultimi dal forum