Guida rapida per la creazione di un sito

Guida Rapida per la
Creazione rapida di
un Sito Internet
Senza conoscenze
di alcun linguaggio
di programmazione
[Creare un sito  Guida Rapida]
Pagina 1

---

Prerequisiti: CMS, Guppy, Filezilla e FTP
CMS
Un content management system, in acronimo CMS, letteralmente "sistema di gestione dei
contenuti", è uno strumento software instal ato su un server web studiato per facilitare la
gestione dei contenuti di siti web, svincolando l'amministratore da conoscenze tecniche di
programmazione. Un CMS è tanto più efficiente quanto più è specializzato.
Esistono CMS specializzati, cioè appositamente progettati per un tipo preciso di contenuti
(un'enciclopedia on-line, un blog, un forum, ecc.) e CMS generici, che tendono ad essere
più flessibili per consentire la pubblicazione di diversi tipi di contenuti.
Tecnicamente un CMS è un'applicazione lato server, divisa in due parti: la sezione di
amministrazione (back end), che serve ad organizzare e supervisionare la produzione dei
contenuti, e la sezione applicativa (front end), che l'utente web usa per fruire dei
contenuti e del e applicazioni del sito.
Un CMS permette di costruire e aggiornare un sito dinamico, anche molto grande, senza
necessità di scrivere una riga di HTML e senza conoscere linguaggi di programmazione
lato server (come PHP) o progettare un apposito database. L'aspetto esteriore del e pagine
può essere personalizzato scegliendo un foglio di stile CSS appositamente progettato per
un determinato CMS.
Molti piccoli portali fanno ricorso a CMS (scritti da altri e messi a disposizione
gratuitamente o a pagamento) di tipo generico; per quanto un CMS possa essere
flessibile, un sito basato su questa struttura in genere presenta un aspetto poco
personalizzato se non è possibile intervenire direttamente sul codice sorgente del prodotto
per modificarlo. Analogamente i contenuti saranno sempre ancorati a quanto previsto da
chi ha progettato il CMS e non al e esigenze di chi pubblica il sito.
Problemi di gestione possono derivare dal fatto che chi pubblica o gestisce il sito può
usare il CMS per intervenire sui contenuti e sul 'aspetto, ma generalmente (caso del
software proprietario) non è in grado di intervenire direttamente (o far intervenire) sul a
struttura del CMS stesso; questo è un limite strettamente connesso al vantaggio primario
dei CMS: pubblicare un portale senza doverne progettare la struttura o senza possedere le
conoscenze tecniche (o le risorse finanziarie) per uno sviluppo personalizzato. Tuttavia
esistono anche CMS particolarmente evoluti che permettono di scrivere direttamente sul
database. È il caso per esempio di alcuni CMS proprietari.
Questi problemi sono risolvibili utilizzando software open source: la possibilità di accedere
al codice sorgente del prodotto permette di personalizzare il software sul a base del e
proprie esigenze a patto di non avere necessità di apportare modifiche al prodotto
adottato. Anche in questo caso, vanno messi in conto i costi per lo sviluppo di moduli
personalizzati o funzioni particolari a meno di non possedere in proprio o nel a propria
struttura aziendale le conoscenze tecniche per intervenire nel codice sorgente.
[Creare un sito – Guida Rapida]
Pagina 2

---

I portali di una certa importanza generalmente non fanno mai ricorso a CMS distribuiti
bensì usano programmi e database progettati su misura, ovvero "CMS personalizzati" e
dunque necessariamente specializzati; in questo modo la struttura e la presentazione
vengono realizzate tenendo presenti i contenuti che il sito dovrà ospitare e potranno
essere modificati in seguito a nuove esigenze.
Non mancano però i casi in cui grandi aziende o società si siano affidati a CMS open source liberi:
la Sampdoria calcio e la Foppapedretti sono solo due esempi tra le realtà che hanno investito su
questo tipo di tecnologia.
Guppy
GuppY è un portale Web concepito per essere facilmente instal abile e che non necessita
di database per funzionare. Ti permette di generare molto velocemente e facilmente un
sito Web completo e interattivo, anche senza nessuna conoscenza tecnica.
Sistema di gestione dei contenuti (SGC), ti offre un'interfaccia di amministrazione completa
e sicura per gestire l'aspetto del sito e i contenuti del e sue varie rubriche. GuppY offre un
sito chiavi in mano, con il suo motore già codificato.
GuppY ha un'opzione di gestione dei contenuti bilingue, questa caratteristica permette di
realizzare un portale bilingue, lasciando la scelta del e due lingue da visualizzare.
La distribuzione di base propone per default una gestione bilingue in francese e inglese
ma tramite un pacchetto di altri linguaggi da scaricare separatamente è possibile scegliere
tra tantissimi altri linguaggi anche i meno noti.
GuppY permette di realizzare un sito completamente interattivo, grazie al e numerose
funzionalità :
•
una pagina di accoglienza (home page) configurabile a vostro piacimento.
•
un editoriale
•
un sistema di news con archivi, l'affissione del numero di news per pagina è
parametrabile. I visitatori possono proporre anche loro del e news, che sono
immediatamente affisse senza la convalida del 'amministrazione o dopo la
convalida. una gestione degli articoli ripartiti in due box, con una classificazione
del e categorie parametrabili. Gli articoli sono automaticamente datati, sono anche
possibili le modifiche; c'è anche un contatore di letture. Ogni articolo è proposto in
una versione stampabile.
•
un sistema di commenti opzionabile permette ai visitatori di reagire agli articoli.
•
un blog
•
un'area downloads, con classificazione per categorie.
•
un'area FAQ (Frequently Asked Questions) classificata per categorie, il numero di
FAQ per pagina è parametrabile.
•
un diaporama di foto in due versioni. In tutti e due i casi, la gestione è molto
semplice.
•
un (guestbook), che può essere moderato sia a priori che a posteriori
[Creare un sito – Guida Rapida]
Pagina 3

---

•
un forum con avatar, tipo di invio, riconoscimento dei membri, possibilità di essere
avvisati da un e-mail (in opzione). Il forum può contenere fino a 15 argomenti, può
essere tutto moderato sia a priori che a posteriori ed è disponibile un contatore di
letture.
•
un box "sondaggi".
•
un contatore di visite totali e uno indicante il numero di visitatori in linea.
•
una newsletter con un sistema di gestione completo (archivi, lista degli abbonati,
etc.)
•
un sistema di raccomandazione per diffondere il link del vostro sito e permettere ai
vostri ospiti di inviare il vostro URL ai loro amici.
•
Cinque box liberi (aumentabili con i plug-in).
•
un calendario con, in opzione, un'agenda per annunciare / gestire degli
avvenimenti.
•
un'opzione multi-redatori, per una gestione collaborativa del Portale, con
attribuzione dei permessi per ogni redattore e una messaggeria interna tra di
questi.
•
una messaggeria interna che permette ai membri in linea di comunicare tra loro
tramite dei mini-messaggi
•
zone membri in opzione, cosa che permette di sottoporre l'accesso di alcune parti
del vostro sito solo dopo la registrazione.
•
un box "preferenze" che offre agli ospiti la possibilità di registrare il loro profilo
inserendo il loro pseudonimo, email e sito web. Gli utenti possono anche scegliere
la grafica (skin) del sito, la disposizione dei box, e approfittare di alcune altre
opzioni
•
una versione al eggerita del sito è proposta per gli apparecchi mobili, PDA e per i
portatori di handicap visivo.
•
un gran numero di plug-in sono scaricabili gratuitamente.
Un plug-in è un programma esterno di Guppy, permette di aggiungere del e funzionalità
complementarie a questo.
Un fork è una variazione, una modifica, a un programma di Guppy, aggiunge a questo
del e nuove funzionalità e/o una modifica grafica.
Una skin è una veste grafica e/o CSS di Guppy. Una lista di queste tre cose è disponibile
su GuppYLand.
Esiste anche Guppy Italia, che ha un forum attivo per ogni evenienza.
Altra pagina utile è sicuramente Valkirio, punto di riferimento importante per Guppy.
[Creare un sito – Guida Rapida]
Pagina 4

---

Filezilla
FileZil a Client è un software libero multipiattaforma che permette di trasferire file
attraverso il protocollo FTP. Il programma è disponibile per GNU/Linux, Microsoft
Windows, e Mac OS X.
Il programma fu creato come progetto per il corso di informatica nel 2001 da Tim Kosse e
due suoi amici. Fin dal 'inizio, ci fu una discussione sul tipo di licenza da attribuire al
progetto: al a fine si decise di rilasciarlo come software open source perché erano presenti
già numerosi client FTP e se l'avessero distribuito come prodotto commerciale molto
probabilmente non ne avrebbero venduta una copia.
La guida (in italiano) per l’utilizzo di Filezil a la si può trovare qui.
FTP
Il File Transfer Protocol (FTP) (protocol o di trasferimento file), è un Protocol o per la
trasmissione di dati tra host basato su TCP.
FTP, a differenza di altri protocolli come ad esempio HTTP, utilizza due connessioni
separate per gestire comandi e dati. Un server FTP rimane tipicamente in ascolto sul a
porta 21 TCP a cui si connette il client. La connessione da parte del client determinerà
l'inizializzazione del canale comandi attraverso il quale client e server si scambieranno
comandi e risposte. Lo scambio effettivo di dati (come ad esempio file) richiederà
l'apertura del canale dati il quale può essere di due tipi.
In un canale dati di tipo attivo il client apre una porta tipicamente random, tramite il
canale comandi rende noto il numero di tale porta al server e attende che esso si
connetta. Una volta che il server ha attivato la connessione dati al client FTP, quest'ultimo
[Creare un sito – Guida Rapida]
Pagina 5

---

effettua il binding del a porta sorgente al a porta 20 del server FTP. A tale scopo possono
venire impiegati i comandi PORT o EPRT, a seconda del protocollo di rete utilizzato
(tipicamente IPv4 o IPv6).
In un canale dati di tipo passivo il server apre una porta tipicamente random (> 1023),
tramite il canale comandi rende noto il numero di tale porta al client e attende che esso si
connetta. A tale scopo possono venire impiegati i comandi PASV o EPSV, a seconda del
protocol o di rete] utilizzato (tipicamente IPv4 o IPv6).
Sia il canale comandi sia il canale dati sono del e connessioni TCP; FTP crea un nuovo
canale dati per ogni file trasferito al 'interno del a sessione utente, mentre il canale
comandi rimane aperto per l'intera durata del a sessione utente, in altre parole il canale
comandi è persistente mentre il canale dati è non persistente.
Un server FTP offre svariate funzioni che permettono al client di interagire con il suo
filesystem e i file che lo popolano, tra cui:
•
Download/upload di file.
•
Resume di trasferimenti interrotti.
•
Rimozione e rinomina di file.
•
Creazione di directory.
•
Navigazione tra directory.
FTP fornisce inoltre un sistema di autenticazione (N.B. in chiaro) degli accessi. Il client che
si connette potrebbe dover fornire del e credenziali a seconda del e quali gli saranno
assegnati determinati privilegi per poter operare sul filesystem. L'autenticazione cosiddetta
"anonima" prevede che il client non specifichi nessuna password di accesso e che lo stesso
abbia privilegi che sono tipicamente di "sola lettura".
FileZil a è una del e tante applicazioni che permettono di trasferire i dati mediante
connessione FTP.
Si inizia!
[Creare un sito – Guida Rapida]
Pagina 6

---

Step 1 - Inizio
Per prima cosa, bisogna avere un indirizzo mail valido.
La rivelazione del momento è Zoho, che offre innumerevoli servizi aggiuntivi oltre le mail.
Dopodichè, si proceda con il download (gratuito) di Filezil a e del CMS Guppy.
Successivamente, si instal i Filezil a.
Ora, si tratta di cercare un qualsiasi fornitore di spazio WEB gratuito con server Apache e
PHP funzionante.
La nostra scelta è stata ->
Altervista.org. mette a disposizione gratuitamente spazio per creare un sito. Sfrutteremo
quindi questo spazio per instal are il CMS Guppy nei server di Altervista utilizzando Filezil a.
Step 2 - FileZil a
Dopo essersi iscritti su Altervista, vi verranno inviati per mail entro pochi minuti i dati FTP.
Questi sono essenziali per accedere al vostro spazio nei server di Altervista tramite Filezil a
e caricare Guppy, per istal arlo.
[Creare un sito – Guida Rapida]
Pagina 7

---

Ecco come si presenterà Filezil a al ’avvio:
• In rosso i campi FTP da riempire con i dati inviati da Altervista.
• In arancio la mappa del proprio pc, in modo da rendere più facile la ricerca dei file
da caricare.
• In verde la parte dedicata ai file del sito, qui vuota perché ancora non utilizzata.
• In azzurro lo spazio che ci indica i file che stiamo caricando, anch’essa vuota per
inutilizzo (al momento).
Per cominciare a fare l’Upload, vi raccomando di selezionare il sistema di trasferimento
dati Binario (o Passivo). Si trova in Trasferimento > Modalità di Trasferimento > Binario.
A questo punto, basterà trascinare la cartel a di Guppy dentro al riquadro apposito perché
inizi l’Upload, che potrà richiedere qualche minuto. La cartel a di Guppy così com’è
scaricata dal sito contiene alcune cose che possono essere eliminate tranquil amente,
come smile, diverse skin e abbel imenti. Ciò renderà il caricamento più veloce, e anche il
sito più veloce. Le foto soprattutto pregiudicano la velocità del vostro sito, ed è importante
che esso sia funzionale, più che bel o.
Una volta che tutta la cartel a è stata caricata, Filezil a sarà così:
Adesso basterà andare sul sito e completare l’instal azione. Ora il sito è fisicamente
esistente, bisogna però apportare ancora qualche modifica, come ad esempio cambiare la
lingua da Inglese e francese a Italiano e Inglese.
Per tutta la gestione del sito, come l’organizzazione del a homepage, rimandiamo al
manuale tradotto di Guppy.
[Creare un sito – Guida Rapida]
Pagina 8

---

Step 3: il Redirect
Attraverso la procedura del redirect è possibile inoltrare le visite di un sito web verso un
altro sito web senza che l'utente se ne accorga.
Un redirect con html è così scritto:
<HTML>
<HEAD>
<TITLE>Redirect...</TITLE>
<META HTTP-EQUIV="REFRESH" CONTENT="0; URL=http://www.urldelsito.xx">
</HEAD>
<BODY>
Redirect in corso...
</BODY>
</HTML>
Redirect Trasparente
Con il redirect trasparente si visualizza la pagina di destinazione prescelta lasciando il nome del a
URL richiesta nel a barra del browser.
Su Eu.Pn è possibile caricare sul sito un file di testo in codice html che permette di
accedere al a Back End del sito (la parte del ’amministratore)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="keywords" content="*inserire le keywords, parole con cui volete far trovare il vostro sito dal motore di ricerca" /
>
<META HTTP-EQUIV="CACHE-CONTROL" CONTENT="NO-CACHE">
<META HTTP-EQUIV="PRAGMA" CONTENT="NO-CACHE">
<meta http-equiv="description" content="*inserire le keyowrds" />
[Creare un sito – Guida Rapida]
Pagina 9

---

<title>*nomesito*</title>
<link rel="shortcut icon" href="favicon.ico" />
</head>
<frameset rows="*,0" BORDER=0>
<frame src="http://urldelsito">
<frame src="" scrol ing="no" >
</frameset>
</html>
In questo modo, si può “nascondere” l’accesso amministratore, in modo da rendere più
difficile l’individuazione di questa vitale porta d’accesso a malintenzionati.
Attraverso la procedura del redirect è possibile inoltrare le visite di un sito web verso un
altro sito web senza che l'utente se ne accorga.
Un ottimo sito per i redirect è EU.PN. Dopo essersi registrati, è possibile reindirizzare il
proprio sito abbreviando l’URL (l’indirizzo) per rendere più semplice trovare nel web il
proprio sito.
[Creare un sito – Guida Rapida]
Pagina 10

---