Author: Lorenzo Bertoni Published: settembre 1st, 2009
Video tutorial che spiega come creare in pochi passaggi un intero sito Web grazie all’applicazione di iWeb ’09 di Apple disponibile per tutti i computer Mac.
Benvenuti in iWeb ’09 con iWeb creare pagine Web è facile. Appena lanci iWeb vedi il template di selezione con fantastici template sviluppati dal team di Apple per il tuo sito Web e ognuno di essi è un template a pagine multiple come la pagina di benvenuto, quella sulle informazioni personali e per il Blog. Quanto trovi quello che ti piace scegli la prima pagina che vuoi creare.
Scegliamo la pagina di benvenuto per iniziare il sito Web semplicemente selezionandola e poi cliccando su Choose iWeb crea la pagina con spazi per testo e immagini che puoi personalizzare semplicemente come vuoi per inserire il titolo che vuoi clicca due volte sullo spazio con il testo e inizia a scrivere puoi fare lo stesso con il tutti i testi semplicemente doppio clic e cominciare a scrivere. Per aggiungere una tua foto clicca su Photos nel Media Browser qui puoi vedere le tue immagini da iPhoto puoi vedere i tuoi eventi e con il doppio click puoi vedere le immagini all’interno una volta trovata la foto che vuoi aggiungere la sito devi semplicemente trascinarla dal Media Browser al punto in cui vuoi inserirla la tua immagine viene automaticamente ridimensionata per essere adattata perfettamente al template così la tua pagina web sarà sempre perfetta.
Puoi anche personalizzare facilmente la posizione degli oggetti per spostare un Text Box selezionalo e poi trascinalo per spostarlo per cancellare un oggetto che non vuoi selezionalo e clicca il tasto Delete sulla tua tastiera. Puoi spostare le tue foto nella pagina così come ridimensionarle trascinandole da un angolo puoi anche ruotare le foto utilizzando il tasto Command e trascinando l’angolo. Per aggiungere una cornice alla foto seleziona l’Inspector e poi scegli Picture Frame dal meni a tendina e seleziona il tipo di cornice.
Per creare una nuova pagine del tuo sito Web clicca semplicemente il tasto Add Page sceglieremo la pagina bianca cosi possiamo iniziare da zero. Come per la pagina precedente iWeb aggiunge automaticamente i link alle pagine del tuo sito quando modifichi il nome della pagina tutti i link verranno aggiornati con il nuovo nome. Sempre come le altre pagine doppio click sul testo per modificarlo se vuoi aggiungere un Text Box clicca sul pulsante Text Box e iWeb aggiunge il Text Box alla tua pagina. Il Text Box e come qualsiasi altro elemento può essere mosso nella tua pagina selezionandolo e trascinandolo dove vuoi.
Aggiungere alte foto è semplice basta trascinarle. Le foto che aggiungi possono essere facilmente ridimensionate trascinandole dall’angolo come si spostano gli oggetti nella pagina La guida per l’allineamento posizionerà gli oggetti perfettamente allineati con gli altri. Un ottimo modo inserire gadget nelle tue pagine è utilizzare i Widget quando clicchi su Widget puoi vedere tutti i Widget che puoi utilizzare come la galleria interattiva di MobileMe Youtube Video, Google Adsense e Google Maps.
Per aggiungere un Widget trascinalo sulla tua pagine e rilascialo dove vuoi puoi ridimensionare i Widget come tutti gli altri elementi. In questo Google Maps puoi aggiungere un indirizzo che vuoi fare conoscere ai visitatori e quando clicchi Apply e la vedranno i visitatori puoi anche fare in modo di fare vedere ai tuoi visitatori il posto con dimensioni diverse chiudi il box dell’indirizzo e decidi il livello di default per lo zoom sulla mappa quando sei contento del tuo sito Web è il momento di pubblicarlo sul web quando selezioni il sito nella barra laterale puoi scegliere dove pubblicarlo su MobileMe oppure in un altro server utilizzando il client FTP integrato quando hai scelto dove pubblicare il tuo sito tutto quella da fare e cliccare sul pulsante e sei online sulla rete.
Con iWeb puoi essere sul Web con un sito spettacolare in poco tempo.
Author: Lorenzo Bertoni Published: giugno 16th, 2009
Feed Mingle è un nuovo servizio che permette di combinare diversi feed RSS in modo da ottenerne uno unico utilizzabile però in diversi formati: RSS, Atom, JSON oppure sotto forma di widget JavaScript da inserire in una pagina web.
Per sfruttare le funzionalità di Feed Mingle non è nemmeno necessario registrarsi, basta inserire la lista di feed e cliccare sul pulsante “Mingle Now” per ottenere tutto quello che vi serve.
Author: Lorenzo Bertoni Published: giugno 4th, 2009
Oggi vi rpesentiamo un ottima risorsa di conversione online, che vi permetterà di salvare e convertire le vostre pagine web preferite in semplicie comodi file con estensione pdf, potrete ad esempio utilizzarlo per salvare una pagina di un tutorial per poi poterla conservare in un possibile utilizzo. Lo strumento online si presenta molto bene con una pagina web pulita e pria di fastidiosissime popup e banner pubblicitari, ecco l’elenco delle operazione per effettuare una qualunque conversione:
Digitate nel form il link della pagina web che volete convertire;
Cliccate su “Make PDF;
Attendere qualche istante da permetterne l’elaborazione, e scaricare il file creato;
Il sito non necessita di registrazione o di dati sensibili, quindi potrete effettuare le vostre conversioni con estrema semplicità, e inoltre tutti i link contenuti nella pagina resteranno attivi a differenza di molti software che permettono tale feature alla registrazione del prodotto.
Author: Lorenzo Bertoni Published: maggio 25th, 2009
Chi comincia per studi scolastici, chi comincia per passione, chi comincia per curiosità. Numerosi sono coloro che si avvicinano alla programmazione web, e numerosi sono coloro che, pur mettendocela tutta, ogni tanto utilizzano degli aiuti mentre svolgono le loro attività di webdesign.
A loro, quest’oggi, è dedicato questo articolo. Una mano tesa per dare informazioni, per far acquisire conoscenze e per facilitare il lavoro di ricerca: una mano, o meglio, un sito, chiamato Entity Code!
Entity Code è un ottimo servizio online che, pur non eccellendo per funzionalità offerte, è in grado di fornire a tutti gli utenti la possibilità di apprendere i codici attraverso i quali far apparire nella pagine create dei simboli speciali, come quello del cuore o, per esempio, quello del copyright.
Un copia ed incolla, molto spesso, non basta. Bisognerebbe, infatti, andare sempre a cercarsi il simbolo desiderato per poi riprodurlo in una nuova pagina. Meglio affidarsi, dunque, senza dover effettuare alcuna procedura, ad un codice, e non ad un carattere.
Le informazioni fornite dal sito saranno raggruppate in sei diverse categorie e una lista di “featured”, e, ad ogni carattere, come se non bastasse, sarà correlata una piccola descrizione nel caso in cui non si sapesse a cosa il simbolo si riferisca.
Un sito-elenco utile per i webmaster che, almeno fino a quando non impareranno i codici a memoria, potranno spesso consultarlo gratuitamente. Una buona lista, una buona risorsa.
Author: Lorenzo Bertoni Published: febbraio 20th, 2009
HTML Validator è una estensione di Mozilla che aggiunge la convalida HTML all’interno di Firefox e Mozilla. Il numero di errori di una pagina HTML è visto in forma di icona nella barra di stato durante la navigazione.
L’estensione può convalidare il codice HTML inviato dal server o il codice HTML nella memoria (dopo l’esecuzione Ajax)
Questo è un ottimo plugin per un webmaster, indispensabile… Rispetto al sitoweb w3c.org grazie a questo plugin gli errori sono più "chiari" e meglio spiegati (inglese). w3c.org dichiara più righe di errore rispetto a questo pluugin, il quale ne segnala una sola senza andare oltre e dichiarare errori non chiari
Un ottimo webmaster ha una pagina web validata il più possibile secondo gli standard w3c
INFORMAZIONI:
Mostra ancore
Mostra div
Mostra dimensione blocchi
Mostra ID e CLASS
Mostra Percorso dei collegamenti
Mostra accesskey
Mostra TabIndex
Mostra Header di risposta
Info metatag
Info javascript
ecc…
Author: Lorenzo Bertoni Published: febbraio 20th, 2009
EDITOR:
Esistono svariati editor. Ovvero?
Per creare un sito web si usa il linguaggio (x)html e quindi occorre un "notepad" per scrivere… Il migliore è: Notepad++
Tramite questo editor possiamo scrivere il codice sorgente del nostro sitoweb
Ovviamente ci sono gli editor visuali come Mozilla NVU ma sono sconsigliati per creare un sitoweb poichè ne impediscono totalmente la "libertà di gestione"… Diciamo che servono entrambi gli editor, quello visuale serve quando non ci ricordiamo alcuni codici (come quello dello "spazio" che è: e almeno io non melo ricordo mai XD).
Bhè di sicuro per vedere l’effetto che del nostro sitoweb è necessario provare ad installare altri browser come Opera e Google Chrome… Un webmaster non si deve limitare solo ad un singolo browser o due, gli utenti al mondo usano diverse (e fin troppe) piattaforme di navigazione… Provatele anche voi
FTP:
Per caricare (upload) il nostro sitoweb su internet (hosting) occorre un programma ftp, potete scegliere FILEZILLA o anche TOTAL COMMANDER anche se quest’ultimo occorre di seriale
GRAFICA:
Per finire un ottimo programma di grafica non ci farà male, quidni consigliatissimo: PHOTOSHOP
Author: Lorenzo Bertoni Published: febbraio 20th, 2009
Come dice wikipedia: In ambito informatico si definisce hosting (dall’inglese to host, ospitare) un servizio che consiste nell’allocare su un server web le pagine di un sito web, rendendolo cosí accessibile dalla rete Internet.
Abbiamo due diversi hosting (linux e windows). Molti pensano che se compri un hosting "linux" il tuo sitoweb viene "visto" da chi ha un sistema operativo linux (cazzata XD)…
Ci sono varie differenze fra i due hosting che potete LEGGERE QUI.
Ma la cosa essenziale è che il vosttro hosting vi offra:
1) Uno spazio (bastano dai 100mb in sù.. dipende da cosa volete metterci… Se volete solo scrivere articoli vi bastano anche 50mb)… Se volete caricare programmi e simili allora 100mb non bastano XD
2) Un database mysql serve se un girono volete mettere FORUM, TOP100, e simili… Ovvero strutture dove bisogna "registrarsi". Quindi tutti i dati personali degli utenti vanno messi nel database protetto ^.^
3) Un hosting linux se si usa un linguaggio HTML + PHP o hosting windows se si usa un linguaggio HTML + ASP
Tutte le guide presenti nel sito e le varie piattaforme come forum sono in PHP, quindi vi CONSIGLIO (anzo OBBLIGO) ad un HOSTING LINUX se non volete buttare dei soldi a buffo XD
Io come hosting uso www.aruba.it , se leggete su internet vi sono articoli del 2002 che "disprezzano" aruba per i database "LENTI"… Ma mi pare che ptkweb è veloce, o sbaglio? Gira bene insomma
Quindi io non ho mai avuto problemi con il server
Ecco la schermata "classica" di aruba quando registri un dominio, e in pratica vi consiglio di selezionare queste cose:
Altrimenti se non volete pagare 37€ con aruba (annui) ed avere spazio infinito, Bhè potete affidarvi a hosting gratuiti come: Altervista<— Il database costa 3€, per il resto è free Helloweb Netsons
Purtroppo con un hosting GRATUITO il vostro dominio sarà di terzo livello… Ovvero finirà con altervista.org (ad esempio)..
Quindi: ptkweb.altervista.org
Mentre con un hosting come aruba avrete un dominio ptkweb.it o ptkweb.com
Inoltre con hosting GRATUITI c’è il problema della "BANDA" e HIT/REQUEST (LEGGI QUI)
Author: Lorenzo Bertoni Published: febbraio 20th, 2009
Bandwidth / Data Transfer:
La "banda" di un sito non è altro che un limite al "numero dei gb delle cose scaricate" dopo il quale il tuo sitoweb viene "sospeso" e riaperto il 31 del mese.
Ovvero:
1) Il mio hosting mi offre 1gb di banda (o data transfer).
2) Nel mio sito ho un programma da 50mb e qualche pagina html…
Facciamo che un "utente x" entra nel mio sito e naviga un pò (quindi ha scaricato circa 50kb di pagine) e poi scarica il programma da 50mb.
Una volta uscito, la mia banda è:
1000mb – (50mb + 0.050mb) = 949.50mb
Se in 15giorni la mia banda da 1gb arriva a 0, il mio sito viene "sospeso" per 15 giorni (fino al mese successivo).
Un fattore importante è la "banda". Di solito la banda nei siti "gratuiti" è di 10gb, mentre in quelli a pagamento (come aruba) viene indicata come "infinita" ma si tratta di 500gb (non è MAI infinita)…
Hit/Request:
Un hosting può imporre anche (oltre la banda) un limite al "numero delle cose scaricate"… Quindi se io ho una pagina con 5immagini e 2file javascript associati e 1css. A questo punto Il mio "utente x" che entra in una singola pagina del mio sito ha consumato:
1hit = pagina aperta
5hit = immagini presenti nel sito
2hit = file javascript
1hit = file css
Mi è capitato con il hosting www.servage.net che ha un limite giornaliero di 400.000 HIT/REQUEST.
Bandwidth / Data Transfer / Hit/Request:
Controllate prima di comprare o registrarvi ad un hosting le sue caratteristiche riguardo questi 2 fattori. Banda e hitrequest
Author: Lorenzo Bertoni Published: febbraio 1st, 2009
Typetester è una famosa applicazione online che permette il confronto di fonts sullo schermo. Il suo compito primario è quello di facilitare la vita dei designers nell’utilizzo e nella scelta dei caratteri.
Il sito si presenta con un design piacevole e semplice e il suo utilizzo è intuitivo. Dopo aver inserito un testo di prova, possiamo personalizzarlo in 3 diverse colonne in base al tipo di font, alla grandezza, al posizionamento, al colore e così via. Il risultato ci sarà posto nella parte bassa del sito, dove compariranno tutte le possibili varianti di quel font con uno stile regolare, bold, italic, ecc.
Typeteser ha una struttura in XHTML e sfrutta il Javascript per manipolare le strutture DOM. Quindi per essere funzionante bisogna aver installato Java sul proprio computer.
Typetester è una famosa applicazione online che permette il confronto di fonts sullo schermo. Il suo compito primario è quello di facilitare la vita dei designers nell’utilizzo e nella scelta dei caratteri.
