le
istruzioni quì inserite, sono e rimarranno di facile lettura
ed uso,
non mi addentrerò in elementi quali : database, script,
flash, CSS, PHP,
javascript, e altre parolacce incomprensibili, troppo complicate per un
principiante, è mio desiderio affinchè scopriate
la meraviglia della
programmazione, avvicinarvi ad essa, poi se lo vorrete, potrete
scrutare nei meandri mentali del WEB MASTER, seguire i corsi nella
rete, diventare dei professionisti o prenderla come un gioco e
seguitare a giocare con il vostro computer, scoprirete che lentamente
ma inesorabilmente, ogni giorno imparerete cose nuove, l'importante ed
essenziale però è ..... che siate curiosi di
sapere !
... non
smontatevi se qualcosa non dovesse andarvi, ma ritentate, provate,
azzardate, insomma ... non mollate, se ci sono riuscito io, anche voi
ce la potete fare, ma una cosa è essenziale : il tempo,
quando lavorate
con la programmazione, dovete per forza avere tempo a disposizione,
senza questo elemento base, lasciate perdere, in 5 min. o 1 ora, un
principiante non riesce a fare nulla a meno che non sia un genio, ma se
lo foste , e me lo auguro, non stareste quì a leggere queste
righe. Un
caro ringraziamento a tutti voi che mi seguirete con pazienza,
Lucio
alias Voiomanoposo
IMPORTANTE
per coloro che hanno OFFICE 2007
tutti
coloro che
possiedono Office 2007 possono scrivere post per il propio blog e pure
scrivere pagine web in maniera semplicissima e utilizzando tutta una
serie di template che vi vengono offerti, ma partiamo con ordine :
1 - post
per blog - basta aprire un documento di world
e avrete notato che avete un offerta di opzioni, sul genere di
documento che volete aprire, tra queste anche il post per blog, dovrete
mettere l'indirizzo (http ....) e i dati richiesti, poi dopo aver fatto
il post lo spedirete direttamente nel vostro blog,. Attenzione, spesso
però si assiste ad un inconveniente, le scritte ai lati nel
blog, si perdono, per una non corretta visione, cercatevi la soluzione
migliore.
2 -pagine web
- senza l'utilizzo del codice HTML potete farvi le pagine web
direttamente e semplicemente senza dover impazzire, allora, andiamo su START
- poi TUTTI
i PROGRAMMI - cerchiamo MICROSOFT OFFICE
- poi su MICROSOFT
PUBLISHER - premete l'icona SITO WEB
- avete in visione tutta una serie di template a vostro piacimento, e
tutti modificabili, scegliete e iniziate a divertirvi
se ci riuscite, ditelo anche a me ! io c'ho provato, ma
credetemi ... non ci riesco ..
blog
di Libero : istruzioni
come si
apre un blog ?
account
= per aprire un qualsiasi blog, sia su Libero che su altri vi
verrà richiesto un indirizzo di posta, è gratis e
potrete
anche usarlo per i fatti vostri, evitate di mettere i vostri dati
personali veri, per cui, inventatevi un nome e poi
iscrivetevi ES
: casatuttobene@libero.it,
poi vi verrà richiesto un niknanme,
cosè ? è il nome fittizio con cui verrete
riconosciuti e
che userete voi stessi per muovervi all'interno, e per ultimo
verrà richiesta una password,
indispensabile per poter accedere solo voi al vostro blog, niente
paura, può essere una serie di lettere, un misto tra lettere
e
numeri, una frase convenzionale ES : mammamisgrida
o actrm/7cy_0t
o tutto/fa/brodo
o qualsiasi cosa vogliate, ma attenti, dovrete ricordare tutto
ciò che scriverete, per cui, su un foglietto segnatevi tutto
e
riponetelo davnti in bella vista, non memorizzatelo nel computer,
assolutamente ! Adesso potete iniziare a preparare il vostro
blog, nessun timore, troverete le indicazioni e le spiegazioni
alcuni codici
<tag> in uso sui
blog di Libero :
<b>= le
parole
inserite dopo il codice appaiono in grassetto
- alla fine
si chiude con </b>
<br>
= comando che manda a capo ciò che state per inserire - alla
fine si chiude con </br>
NB
: vi ricordo che se inserite immagini in sequenza, una sotto l'altra,
per avere spazio tra l'una e l'altra, dovete alla fine di ogni stringa
d'immagine, inserire un <br> o le immagini sarnno
attaccate l'una all'altra - per ogni <br> che inserite si
salta una riga
<i>= le
parole inserite dopo il codice appaiono in
corsivo -
alla fine si chiude con </i>
<center>
= comando che permette ad un immagine, una scritta o altro di
posizionarsi al centro dello schermo e della zona in uso - si chiude
con </center>
= è il comando dello spazio, ovvero uno scarto del
vostro cursore, lo si usa spesso per distanziare immagini sullo stesso
piano
-
ce ne sono altri, ma
dopo potreste avere il mal di testa, per cui, intanto esercitatevi con
questi, li potete usare anche nel fare i commenti nei blog amici
SCRIVERE SU UNO SFONDO (blog)
da un po' di tempo, Libero offre, grazie
ad un webmaster, la possibilità di inserire uno sfondo nel
vostro post, e di scriverci sopra, come si fa? prima cosa dovete
trovare uno sfondo che vi vada a genio, è consigliabile a
colore unico, ma se volete anche altre immagini potete farlo, ricordate
però l'effetto del contrasto delle scritte sullo sfondo,
ovvero, se avrete immagini di sfondo scure-chiare, le scritte si
leggeranno bene solo dove c'è l'esatto contrario e male
l'inverso, naturalmente vi serve l'indirizzo di quello sfondo ! come
fate? ...ma come ... ancora? tasto destro e salva indirizzo immagine
no? poi lo inserirete nel posto a lui riservato e continuerete
immettendo i dati che sceglierete, alla fine copierete il codice in
fondo e l'inserirete nel vostro blog - NB : non occorre che lo facciate
tutto lì, una volta inserito lo sfondo e scelto un bordo,
potete già prendervi il codice e continuare poi nel vostro
blog - devo ricordarvi che dovete premere HTML ??
vai al sito -
premi
dedicato
a coloro che oltre alle immagini trovate su Google o altri
motori, vorrebbero inserirne altre, spesso Glitter, scritte, cuoricini,
gif,
immagini animate ecc... tutte
queste immagini, vengono inserite con un
codice detto appunto HTML,
intanto :
1 -
trovare un sito che ne abbia (nelle mie pagine "immagini"
o "link
utili"
ne trovate alcuni)
2 - di solito sotto l'immagine appare una scritta prelevabile
(solitamente
inizia con a
href : oppure : embed
3 - consiglio di farvi una cartellina (doc. word) dove copiare tutti i
codici che
troverete
in giro
4 - andate su : scrivi nel tuo
blog
5 - adesso avete 2 opzioni, o premete MODIFICA
HTLM e
il riquadro sotto vi apparirà bianco e solitamente con una
scritta ...br ...o
....p ......o
altra ..) o premete NON
USARE L'EDITOR, ma
in sostanza è la stessa cosa
6 - incollate il vostro
codice nello spazio bianco 7
-
ripremete l'azione che avevate scelto e l'immagine apparirà
nel post ATTENZIONE=
se
non dovesse apparire, è possibile che faccia parte
di
gruppo di
codici che Libero non accetta, niente paura, cercate un altra che inizi
con uno
dei 2 esempi che vi ho fatto sopra, naturalmente cancellate il
codice
che
avete inserito prima, in alcuni casi si cancella da solo, ma
è sempre meglio
darci un occhiata
NB :
imparate ad usare world
per incollare i vari codici che
troverete in giro per la rete, aprite un documento, nominatelo : codici immagini o glitters o foto, e incollate
le stringhe, così man mano che ne trovate altri, potete
salvarveli per usarli quando più vi piacerà
oggi
vi insegno come si (ruba)
prende in prestito da altri siti, immagini, gifs, grafiche ecc ...,
questo vale per i possessori di Firefox (vers.
3) che ringraziamo
ossequiosamente per il dono. Come tutti ben sapete, per inserire
immagini bisogna avere l'URL della stessa (indirizzo http ......),
allora mentre giriamo per il web, troviamo spesso cose che ci piacciono
ma non sappiamo come prenderle, ecco che Firefox ci viene in aiuto, 1
- puntiamo il mouse su uno spazio della pagina libero 2
- premiamo il tasto ds 3
- opzione: visualizza info pagina 4
- premere: MEDIA 5
- appare una lista di http in alto 6
- premere uno ad uno e visionare ciò che appare 7
- quando trovate quello che vi piace, copiate e incollate su una vostra
pagina la stringa che trovate sotto, dopo la voce: indirizzo fatto
! non
tutto è disponibile, vedrete che certe cose non appaiono, ma
comunque
c'è abbastanza roba ...........
ooooo sia chiaro, io non vi ho detto nulla!!
dedicato
a coloro che hanno qualche problema a
inserire le immagini grandi nei loro post, seguite bene le istruzioni
:
1 –
andare su google a cercare immagini, consigliata la
ricerca in lingua straniera, per
evitare i copywrite
2 - trovare
immagini con misura max 400x600,
premere sopra, appare in alto su una barra con sotto il sito da cui
proviene
3 -
ripremere e
appare da sola, puntare mouse e
cliccare su salva indirizzoimmagine
4
–
andare su : scrivere sul blog, tra la
cartella inserire un video e la
misura del font (medio) c'è un
quadrato con monti e sole
5 - premere sul
quadrato, appare una finestra
con la scritta : http//
6 -
cancellatela, poi puntate il mouse e
incollate l'indirizzo della vostra immagine
7 -
premete
aggiungi, e l'immagine appare nel
riquadro
8 -
potete
anche caricare altre immagini con lo
stesso sistema
NB
: potete
spostare
l'immagine, cliccate sopra
l'immagine stampata, poi andate su : giustifica
(sinistra-centro-destra) e
scegliete
-
le immagini
possono anche essere trasformate
in codice HTLM, dovete scaricarle in un sito FREE HOSTING (vd. pagina
LINK UTILI )
come
inserire vostre immagini prelevate dal vostro computer ovvero come
trovare un
indirizzo (URL) o il codice HTML per poterle pubblicare :
come
già
detto sopra, dovete andare in un sito free
hosting (vd. mia pagina Link
utili)
che vi darà questa opportunità, troverete un
pulsante (sfoglia)
che premuto vi
offre di scegliere l’immagine che volete caricare, dopo
averla scelta e
premuta, avete ancora un pulsante che vi dice
“carica”.
Dopo un po di tempo,
uscirà tutta una serie di codici e indirizzi da copiare, mi
raccomando, se per
il vostro blog, non copiate quelli per il forum, insomma o copiate il
solito ;
http//
………………….
o il codice <embed
……………. Adesso
avete come inserire la vostra
immagine sia su un sito web che in un blog.
NB
: alcuni
di questi siti, vi offrono la possibilità di ridurre
l’immagine,
ridimensionarla, se vi serve, usatela
l'interuttore
oggi,
vista la recente
richiesta, vi spiegherò come
inserire un interuttore nel vostro post o in uno dei vostri box
personalizzabili. A cosa serve? può servire a un
infinità di cose, ma tra
quelle più usate sicuramente su Libero, è la
radio, ma anche per i video di YOU
TUBE, o per collegarvi immediatamente ad un sito web o altro ...
potreste anche
farne a meno, ma esteticamente è molto più fico!
1
- prima cosa
trovate l'indirizzo web che vi serve, sono quelli che iniziano con :
http//
2 - appena lo trovate, puntate il mouse sopra finchè la
scritta non appare blu
3 - premete COPIA
4 - lo copiate in una cartellina, mi raccomando dopo aver ricopiato
premete INVIO
e la scritta diventerà blù
4 - andate su un sito dove si trovano le ICONE,
appena ne trovate una
che vi piace, isolatela e salvate l'idirizzo dell'immagine (vd. post
per
immagini grandi)
5 - andate su scrivi nel blog, premete il solito quadratino tra la
cinepresa e
la scritta medio
6 - incollate l'indirizzo dell'immagine, date l'Ok e lei
apparirà sul riquadro
sottostante
7 - adesso puntate col mouse sopra l'interuttore e vi
apparirà un bordo che
permette di ingrandire l'immagine, ma voi non lo fate
8 - andate sull'icona in alto, quella con la catena, e premetela, si
apre una
finestra con la scritta : http//
9 - dopo aver cancellato quella scritta, inserite l'indirizzo che
avevate
salvato per primo, ovvero... radio, sito web, o youtube, chiudete
e..........
avete l'interuttore! semplice
no??
YOU TUBE
come modificare una finestra video sul
blog
solitamente
nel
blog di Libero (ma non negli altri), la finestra di YOU TUBE appare
piccolina, e chi usa MEDIA PLAYER (o altro) sà che invece
può diventare grandissima , cosa possiamo fare?
bella domanda! ... cominciate a pregare! ...no ...
stò scherzando .. è semplicissimo, ma dobbiamo
agire sul codice della stringa che solitamente incolliamo nel blog, e
dove direte voi? la stringa contiene 2 parametri che si
riferiscono propio alla grandezza della finestra e sono : WIDTH
ed HEIGTH
al loro fianco appaiono dei numeri, aumentateli
sino
alla misura che preferite, lo potete fare direttamente nel box in cui
state scrivendo, e ogni volta che modificate, premete HTML e vi
apparirà la finestra modificata, facile no?
da
un po di tempo, YOU TUBE, vi offre anche un altra
possibilità, quella di inserire un margine colorato alla
finestra del video : dopo che avete
scelto il video, alla destra vedrete la scritta CODICE,
quello che
solitamente copiate, vicino però c'e un altra
scritta Personalizza
incorporamento, premete
quella. Adesso scegliete
il colore che più vi piace, premeteci
sopra, poi spuntate nel quadratino con la scritta SHOW border, poi
premeteCHIUDI,
adesso copiate il
vostro codice con le modifiche apportate e
incollatelo nel vostro blog
istruzioni
per inserire i video di YOUTUBE nei blog di Libero
istruzioni
per inserire i video di Libero nei blog di Libero
inserimento di un video in LOOP nel blog
per
non impazzire nel spiegarvelo, vi dò direttamente
l'indirizzo dove troverete la soluzione con una video-lezione molto
semplice - premi
-
vi verrà spiegato come si inserisce un video, nel blog, che
parte quando qualcuno lo guarda, può anche essere nascosto,
può suonare una volta sola o a ripetizione, Loop appunto,
è un brodo lungo, abbiate pazienza, ma è fatto
anche per i ritardati !!
CONTATORE
quasi
tutti i
blogger, ma anche nei siti web, usano i contatori, sono quelle piccole
icone che ti dicono quante visite hai ricevuto durante il giorno,
quante persone stanno guardando ora il tuo sito, ecc.. ecc ... non sono
indispensabili, ma a tutti piace sapere di essere visti, una lunga
serie di siti dove poter scaricare i contatori, li trovate nella mia
pagina "link utili",
vi verrà dato un codice HTML che dovrete inserire in un box
del vostro blog. NB :
vi sono dei siti che offrono contatori che però non
sono sicuri, in quanto sono delle vere e propie spie del vostro
blog-sito, sino ad arrivare a controllarlo, il sistema è
molto in uso dagli hackers che prendono poi il controllo del vostro
computer per effettuare attacchi alla rete, state attenti !!
Attenzione
a questi siti:
freestat.ws -
specialstat.com - statistiche.ws - webmobile.ws - superstat.info -
megastat.net - Hiperstat.com - Mystat.ws Si
spacciano per contatori/statistiche online gratis per il vostro sito,
ma trasformano le tue pagine in distributori di dialer.
Se
stai usando uno di questi siti di statistiche, rimuovi i loro codici al
più presto!
AVVISO : 31/8/2007 tutti
coloro che come me usano il contavisite della "whos.amung.us"
premendo
sul loro contatore, scopriranno nuovi accessori disponibili, io ho
già
installato quello che si inserisce nella barra di Firefox e anche se
sei in giro per il web, hai sempre visione di quanti siano al momento
sul tuo blog, simpatico no? andate a darci un occhiata e passate la voce
AVVISO : 6/2008 altre
novità per chi lo usasse
per altri ragguagli su come lavorare sul blog e sul sito web di Libero
consiglio :
se
però avete sempre problemi, consultate il FORUM
di Libero, eventualmente chiedete ragguagli e suggerimenti
per
consigli per altri blog quali Messenger Live
trovate indirizzi utili nel template del mio blog sulla sin. in alto,
premete il link sottostante
sito WEB
Libero
dedicato
a tutti coloro che si vogliono cimentare, anche per
divertimento, a costruirsi il loro sito WEB.
Nella prima
lezione, impariamo a inserire uno
sfondo nella prima pagina, lo sfondo può anche essere
animato, ovvero avere una
serie di figure che si muovono, ma questo lo vedremo più in
là :
1
-
dobbiamo aprire il sito, dare l'ok per
averlo a disposizione, fatto ?
2 - andiamo alla voce SITO
aggiorna
3 - nella finestra che si apre, premiamo la voce strumenti, dove
troveremo una
serie di cose che ci serviranno, premiamo CLIP
ART e andiamo alla voce
sfondi
4 - ci si presenta una stringa con una serie di lettere e cifre alcune
blu e
alcune rosse, la copiamo e la mettiamo un attimo in un file vuoto di
word, ci
servirà
tra poco
5 - premiamo a lato la voce ELENCO
SFONDI, vi appare una lista
lunghissima, se
premete sopra ad ogni voce, vedrete l'esempio del tipo di sfondo che
avete a
disposizione
6 - quando trovate quello che più vi piace (dopo potrete
anche cambiarlo)
annotatevi il n°
e se si tratta di : gif
o jpg
7 - andiamo nel file dove avevamo salvato la stringa di prima, al posto
delle
lettere blu e rosse inseriamo il n° dello sfondo e
l'identità (gif o jpg)
8 - ricopiamo tutta la nuova stringa e andiamo alla voce FILE
MANAGER
9 - premiamo NUOVA
PAGINA
10 - si apre una pagina bianca, in alto inseriamo la stringa che
avevamo
salvato
11 - per sicurezza, premiamo PREVIEV
e si dovrebbe aprire la pagina
nuova con
lo sfondo che avevate scelto - se non dovesse succedere, ripassate i
vari stadi
è probabile abbiate sbagliato qualcosa, ma niente paura
12 - dovete dare un nome alla pagina, qualsiasi, e dovete inserirlo
prima di quella scritta che appare sotto la pagina in neretto, in modo
da formare una sola riga
12 - se tutto è a posto, dopo aver visto la pagina nuova con
lo sfondo, premete SALVA
ed ESCI
adesso, in
qualsiasi momento premete sulla barra
sopra il vostro blog, vi apparirà la pagina colorata, ok ?
....si ma che fatica
!!
NOTA
DOLENTE : molti di voi dopo aver fatto quasi tutto, scoprono che in
fondo
alla pagina c'è una scritta ; index.html
- quella scritta dovete lasciarla, inserite però prima, un
titolo alla vostra pagina, se non lo fate la perdete, esempio
: pagina1.index.html
prima di SALVA ed
ESCI
NO PANIC !
NB
- le stringhe possono essere inserite anche lasciando spazio tra l'una
e l'altra , così vi sarà più facile
sapere dove operare poi
<br><h
ref ....................
spazio
<img
src
......
spazio
AGGIUNTA
=
dato che nonostante abbia cercato di essere il più semplice
possibile, molti mi hanno scritto perchè hanno non pochi
problemi a capire dove mettere tutto, allora userò le
stringhe in uso da Libero per farvi l'esempio :
1 - avete aperto la pagina bianca
2 - inserite il codice dello sfondo - <body
background="http://img-serv.digiland.it/sfondi/sfondoxxx.yyy"> 3 -
adesso potete
mettere quello che vi pare, ma
decidiamo per un contatore, allora dovete inserire la stringa del
contatore che avete scelto, con le modifiche apportate, poi la
incollate sotto alla stringa precedente-<br><img
src="http://cgi-serv.digiland.it/Count.cgi?df=TuoNick"><br>
come
avrete notato, spero, la normale stringa ha 2 tag in più
aggiunti da me, che sono due codici <br>,
perchè ci sono? perchè possono servire, a cosa
servono? servono ad avere uno spazio libero sia sopra che sotto il
contatore, così da poter poi inserire altro sia sopra che
sotto, se non lo facessimo, tutto quello che inseriamo poi si attacca
all'immagine senza lasciare spazio creando così il caos
(è anche possibile usare il TAG:
che come avrete certamente letto
sopra, è lo spazio del vostro cursore)
4 - adesso che siete
lanciati, volete pure mettere una riga divisoria, chi vi ferma
più? ne trovate una che vi piace e copiate la sua stringa
che incollate sotto a quella del contatore -
anche
quì avrete notato che oltre la stringa ho aggiunto dei TAG :
<center>
che come avete già letto
fà sì che la riga si posizioni al centro, ho
chiuso poi con </center> che avvisa che tutto quello che
verrà dopo non và al centro a meno che non non
ridiamo lo stesso comando, alla fine <br>
che ormai
sappiamo a memoria che aggiunge uno spazio sotto, poi premiamo PREVIEW
ecc. .ecc..., adesso fatelo e avvisatemi com'è
andata !
NB :
dato che mi diverte l'idea di incasinarvi la vita .... adesso vi
spiego un trucco alla Silvan, allora avevate scelto uno sfondo tra
quelli che vi offre Libero, belli sì, ma a voi piacciono
altri, per
esempio una bella immagine di un panorama, intanto ve l'andate a
cercare alla voce "desktop free" o le trovate alla mia pagina "link
utili", appena ne trovate una, controllate la
sua risoluzione (misura), più grande è meglio
è (1280x760 - 1280x1024 ecc), alcuni siti vi
consentono di scegliere questa opzione, tanto meglio, altri vi danno la
possibilità di vedere l'immagine nel suo formato
originale, ma se non lo
fanno .... andate col mouse sopra l'immagine, tasto ds. "visualizza
immagine", si apre una nuova finestra con la sola immagine e nella
misura originale, se propio avete qualche dubbio, mouse - tasto ds. -
propietà - e vi apparirà la misura originale,
adesso che siete convinti, riandate sull'immagine col mouse, tasto ds.
- copia indirizzo immagine - andate su un foglio di word che avete
libero e incollate l'indirizzo, fin quà tutto bene?
Avrete certamente notato che nella stringa dello sfondo che
avete inserito nella vostra pagina web, c'è l'indicazione di
un indirizzo ... http:// .....bene adesso voi che siete dei furbetti,
al posto di quel indirizzo vi attaccate quello che vi eravate scelti,
ossia il bel panorama, e mi raccomando, entro le " ", adesso premete
PREVIEW e come per magia ....dovrebbe uscirvi l'immagine nuova ... se
non succede, non datemi la colpa, avete sicuramente sbagliato qualcosa
per scrivere nel sito :
se
volete scrivere nel sito questo è il sistema,
cioè così dovete
costruire la stringa : <font face="qui dovete scrivere il nome
del
font che volete usare (es: garamond)"size="2" (è la misura
del font,
provate quella che vi và bene)>qui scrivi quello che
ti
pare</font>
esempio :
<font face="garamond"size="3">ciao e benvenuti</font>
NB
= il size è la grandezza e và da 1 a
6
A
dire la verità il codice HTML è ormai obsoleto,
e vi permette di creare solo pagine statiche, ma anche se lavorerete
con un "editor" poi, ne avrete ancora a che
fare, per cui è meglio un po' d'esercizio, non vi
farà male, poi dovrete cimentarvi con XHTML codice
più pulito
ATTENZIONE !!!!!
-
tutti coloro che possiedono un blog, hanno già un editor
incorporato
per fare i loro post, potete anche usare quello per scrivere nel vostro
sito, ovvero : scrivete ciò che vi interesa normalmente,
potete anche
inserire le immagini, come fareste un vostro post, alla fine, premete
l'interuttore posto in alto dell'editor, quello con la scritta "HTML",
vi apparirà una lunga serie di stringhe, passateci sopra con
il mouse e
copiatele, fin qui tutto bene?? ... adesso le copiate da qualche parte,
anche una pagina di word, o sulle note, dove volete, aprite adesso la
vostra pagina web (MODIFICA
PAGINA),
forse avete già messo lo sfondo (lo spero), prima
di inserire il codice che avete salvato, inserite uno spazio
<br> che può
sempre servire, poi sotto,
incollate tutto quello che avevate scritto e salvato, adesso premete PREVIEW
e
vedete com'è venuto, se è tutto OK, premete SALVA,
se non vi andasse bene potete sempre rifare tutto, direi che
più
semplice di così .... si muore !
NB : ALTTTTTTTT !!!!! Libero ha cambiato editor, adesso tutto
più facile :
allora, avevamo copiato il codice che ci era apparso nella finestra,
tra le vostre parole, noterete tutta una serie di <p o altre
siglette, niente paura .... adesso dobbiamo inserire il tutto nelle
nostra prima pagina web, premiamo la voce n° 2 (file manager) e
si apre questa pagina
FOTO 1
premiamo poi - nuova pagina
:
FOTO 2
dopo aver premuto, si aprirà questa finestra :
FOTO 3
ATTENZIONE !!!!!!!!! il codice che voi avete salvato, da solo, non
basta ad apparire nella vostra prima pagina, ci sono dei dati che
devono essere inseriti affinchè lui possa essere visto dal
browser, casino? ma nooooo .... calma, vi chiederete dove andate a
prendere questi dati, niente paura, ve li dò io, respirate
forte......... rilassatevi .... fatto ? piu' facile a dirsi che a farsi
no ?
<!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" lang="it">
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type" />
<title>qui inserite il
titolo che date alla pagina (anche solo home)</title>
</head>
<body style="color: white; background-color: black;"
alink="red" link="#0000ff" vlink="#cc33cc">
<br /> tra
questi due BR, inserite il vostro post, ovvero tutto il codice che vi
eravate copiati, naturalmente eliminate le scritte con sfondo blu che
vedete <br
/> </body>
</html>
adesso avete completato la pagina, però ..... lo sfondo
sarà nero vd black se lo volete di un altro
colore bisogna cambiare quella scritta con il vostro colore desiderato,
naturalmente il nome dev'essere in inglese : bianco = whithe - rosso =
red - ecc... i nomi delle varie gradazioni li trovate anche tra le mie
pagine web
- ora possiamo incollare tutto nella finestra della figura 3 !!!
yuuuuuu ...... è quasi finita .....
- dopo aver incollato tutto, dovete inserire un nome per la pagina,
inserite il cursore del vostro mouse prima della scritta "index.htlm" e
scrivete una parola o una sigla che identifichi la vostra prima pagina,
di solito : pg1. o home. o TTP. o MAMMA. vi consiglio una cosa breve,
non importa se stampatello o no
FATTO ???? era ora no?
adessso se premete il tasto PREVIEW,
vedrete in anteprima se ciò che avete fatto funziona
o se avete fatto un casino, mettiamo che per c.... tutto vada
bene e vedete la vostra prima pagina, la chiudete, ora premete il tasto
SALVA E
ESCI .... vedrete che il LINK scritto
in
blu apparirà come su FOTO 1 vd n° 4, lo premete e vi
riappare la
pagina, adesso avete caricato e finito, chiudete la pagina premendo la
freccia del vostro browser che vi fà tornare indietro,
premete LAGOUT e uscite, adesso avete la pagina
pronta, se andate sul vostro blog e premete la voce in alto SITO,
la rivedrete ...... dìo
come sono bravo!
NB :
salvatevi da qualche parte il codice che vi ho dato qui sopra ....
quello che và da : <!DOCTYPE
.... fino a : </html> .... vi servirà per le
pagine future
data
la mia straripante
generosità ! ho trovato sul web una cosa
che
farà piacere a molti di voi, si tratta di un sito dove con
semplici indicazioni, in 5 min. !! potete costruirvi la vostra "home
page", basta inserire negli appositi spazi l'opzione che scegliete, e
avrete la vostra pagina pronta, naturalmente il sito è in
lingua
inglese ! perciò, chi non ha traduttori in linea (vd.
Firefox -
Google) si procuri il primo che gli passa davanti e che parli
l'inglese, decentemente oppure si rechi alla prima ambasciata che ha
vicino casa ......... cosa volete ancora da meeeeee???? ..... aaaaa
sì .... premete sopra il logo !! ...dovrebbero farmi santo
.....
inserire
la radio nelle vostre pagine web
ci sono mille
modi per
inserire musica nel web, ma tutti quanti difficoltosi, , roba con FTP
ecc ... se la volete semplice, ovvero come ho fatto io, ecco cosa
dovete fare, intanto dovete per forza avere già nel vostro
computer il programma Media Player,
se non l'avete scaricatelo, non ve ne pentirete.
Quasi alla fine della pagina web, inserite questa stringa :
vi
apparirà il
modulo del Media Player al centro, e ne uscirà della musica
salsa (vedi indirizzo marcato in rosso), potete anche cambiare genere
solamente cambiando quel indirizzo, naturalmente dovete trovare le
radio che trasmettono on line e gratis, ce ne sono a tonnellate, eccovi
alcune
NB :
come avrete notato la stringa all'interno del codice riporta la
dicitura : LISTEN
è l'indirizzo che dovete trovare,
coraggio,
animo, è come la caccia al tesoro NB :
in rete esistono anche tutta una serie di plugin (accessori) gratis,
che vi danno anche i codici da inserire nella pagina, per ascoltare
musica , ne trovate alcuni nelle mie pagine (vd. AUDIO)
ATTENZIONE
ci sono sistemi anche
più semplici per inserire musica, per esempio potete usare i
video di Libero o di Youtube, se non volete si vedano, ma solo si
sentano, quando li caricate ricordate di inserire l'opzione che lo
faccia partire in automatico, al momento in cui incollate il codice
nella vostra pagina, modificate le misure dell'immagine ...vd.
ecco
a voi come si
presenta un editor per pagine web, in questo caso trattasi del
programma NVU ma si assomigliano tutti, alcuni vi danno più
opzioni, altra grafica, ecc.. ecc... ma per il momento, non ce ne frega
niente
descrizione : in
alto
avete la barra che somiglia alle comuni barre dei browser, ma che in
questo caso, ci darà una serie di opzioni che vedremo passo
a
passo. A
sin. la colonna "gestione siti",
premendo il tasto "modifica
siti"
potete inserire l'URL (indirizzo) del vostro sito (blog o web), e
modificarlo in diretta, ma questa è un altra storia, ogni
cosa a
suo tempo. A
ds. la pagina su cui lavorerete, per la visone ottimale,
premete la "X"
sopra "gestione siti" e la vostra pagina si allargherà. In fondo
alla pg. una serie di interuttori, tra i quali, tenere bene a mente : "sorgente"
e "anteprima"
li useremo spesso! L'ideale,
sarebbe sempre preparare su un foglio di carta, una bozza di
ciò
che si vuole scrivere, o meglio, farsi uno schemino con il
posizionamento delle varie cose che si vogliono inserire, ma se il
vostro è puro divertimento, lasciatelo fare ai Masters, loro
hanno ben più problemi di voi, voi casomai andando avanti
cambierete le posizioni, ma ... calma .. nessuna urgenza ! E'
probabile che a questo punto, qualche professionista della
programmazione, storcerà il naso, nei casi più
gravi,
avrà i conati di vomito, a lor signori chiedo scusa, ma
essere
semplici è uno sforzo non indifferente, tanto che i
tutorials in
circolazione, sono puro arabo per un neofita, che spesso abbandona
prima di perdere completamente il senno, io che l'ho già
perso,
cercherò la semplicità e l'ovvietà,
perchè
anche ciò che per voi lo è, per uno che comincia
non lo
è affatto, se potete, perdonatemi ! allora cominciamo ?
sù dai, coraggio, non è ancora morto nessuno ...
per
adesso ! prometto che ve la farò facile,
eliminerò tutte
le cose più difficili e vedrete che riuscirete ugualmente a
preparare una pagina web. 1 - lo
SFONDO
= iniziamo, mettendo per prima cosa uno sfondo alla pagina - dobbiamo
trovare naturalmente, lo sfondo che ci piace di più, in rete
ce
ne sono un infinità, solitamente sono presentati con dei
quadratini, possono essere monocolore, a più colori, fissi o
anche animati, appena ne troviamo uno che ci piace, facciamo una cosa
che a molti non và a genio, andiamo sopra l'immagine,
clikkiamo
col tasto ds. salva indirizzo immagine. Torniamo al nostro editor e
premiamo sulla barra in alto la voce "FORMATO",
e scendiamo giù a premere sfondo e colori
pagina, si aprirà una finestra dove inserire
l'ndirizzo (http ....) dello sfondo, premeremo poi l' OK
e ... la nostra pagina si colorerà -
è chiaro
che oltre a questo, potete anche inserire una immagine di sfondo, il
procedimento è lo stesso, ma attenti alla risoluzione,
scegliete
una grande, meglio se 1280x1024
- adesso avete lo sfondo, il vostro cursore lampeggia, voi premete INVIO
sulla vostra tastiera e allungate la pagina. 2 - inserimento
di un immagine con codice HTML
= naturalmente, abbiamo già un immagine e il suo codice,
allora
prima decidiamo dove vogliamo metterla, al centro, sui fianchi, tanto
potremo con comodo cambiare la sua posizione quando vorremo.
Andiamo alla voce in alto INSERISCI,
poi scorrriamo fino alla voce HTML,
si apre una finestra in cui inseriremo il codice in nostro possesso,
alla fine premiamo l'interurrore sotto con la voce INSERISCI
e l'immagine comparirà sul vostro sfondo. 3 - inserimento
di un immafine con indirizzo (URL) = per questo
abbiamo 2 opzioni, o andiamo nuovamente sulla voce INSERISCI
in alto e poi premiamo immagine, o andiamo sull'icona con la voce IMMAGINE,
comunque sia, sempre allo stesso punto arrivate, alla solita finestra.
Troverete il cursore che lampeggia nello spazio riservato
all'inserimento dell URL , e voi da bravi, lo inserirete, sotto avete
degli spazi vuoti, il programma vi chiede un eventuale TESTO
ALTERNATIVO,
alcune immagini che trovate nella rete vi danno la
possibilità
di avere un secondo indirizzo, ma se non lo trovate, nessun problema,
premete NESSUN
TESTO ALTERNATIVO e al fianco vi apparirà
l'anteprima dell'immagine.
Nella finestra aperta, in alto abbiamo 4 linguette, la seconda porta la
voce DIMENSIONI,
se la premete avete altre 2 opzioni, potete inserire l'immagine nella
dimensione ORIGINALE,
oppure potete modificarla in una dimensione a voi più
confacente alla voce PERSONALIZZATA,
solitamente la misura è data in pixel, tenetelo a mente, vi
servirà quando vorrete inserire delle immagini
grandi
dentro una tabella, sopratutto quando farete dei collage di immagini.
Alla terza linguetta la voce ASPETTO,
qui oltre alle varie opzioni, ne avete una importante, alla ds. avete
la possibità di decidere dove volete le scritte, alla base
dell'immagine, al fianco ds., a quello sin., al centro o in alto, basta
premere l'opzione.
Alla quarta linguetta avete il COLLEGAMENTO,
ovvero se volete che l'immagine abbia il compito di interuttore verso
un altro sito, o un altra vostra stessa pagina, sia chiaro
che
l'immagine può essere anche un gif interuttore,
là
inserirete l'URL della pagina che volete collegare.
Adesso sono stanco, intanto allenatevi senza combinare danni ! per
eliminare l'errore, premete MODIFICA
e poi ANNULLA
e tornate al momento precedente, appena ho un po' di tempo,
comincieremo anche a scrivere, forse la cosa più
facile in
assoluto, così credete voi .... vedremo, vedremo.
4
- scrivere testi con l'editor: - le pagine web possono
essere scritte in varie maniere, a seconda degli effetti grafici che
ognuno vuol dare alla pagina, per questo si usano altri codici (JAVA -
PHP - CSS - FLASH - C++ ecc...) ma non mi sembra il caso di addentrarmi
in questi
discorsi, probabilmente alla seconda riga, sareste già con
... bicchiere d'acqua e aspirina per il mal di testa !
- allora posizioniamo il cursore dove vogliamo scrivere un testo e
iniziamo .... anzi, prima ricordiamo che abbiamo già uno
sfondo, per cui dobbiamo scrivere con un colore di contrasto, ovvero,
se lo sfondo è scuro, noi dobbiamo scrivere in chiaro e
viceversa, fin quì tutto bene? e voi con la faccia stupita
chiederete, come cambio il colore? semplice ! avete 2 opzioni, la
più semplice, andate con il mouse sul primo quadratino della
barra in alto, tra corpo del
testo e quello con una A,
premete, e vi appaiono tutti i colori, premete sul colore che
più vi aggrada e premete OK.
oppure altra opzione, sempre sulla barra in alto, andate alla voce FORMATO,
premete e andate alla voce colore
del testo e vi ritrovate tutti i colori disponibili. Avete
scritto?
- adesso abbiamo il nostro testo pronto, ma vogliamo modificare il
carattere, lo vorremmo in ARIAL o COURIER o altro, intanto bisogna che
il font sia già presente nel vostro computer, è
da lì infatti che l'editor attinge per cambiare il
carattere, col mouse selezioniamo tutto il testo, poi andiamo ancora
alla voce in alto della barraFORMATO,
premiamo e appare una lista, la prima voce è CARATTERE
e al fianco avete una freccia, andate sopra e vi apparirranno tutti i
font che avete in memoria, scegliete quello che vi piace, tanto se
volete potete cambiarlo, e premeteci sopra, il vostro testo
automaticamente cambierà.
- Un intera riga della vostra barra in alto è dedicata al
testo, le due A
se premute, rimpiccioliscono o ingrandiscono il vostro testo, la B
lo mette in grassetto, la I
piegata serve per farlo corsivo, la U
serve per sottolineare, gli altri quadrati vicini, immagino che li
conosciate, elenchi
- allineamento
- rientro stessa cosa che avete nei
vostri editor sui blog - e adesso giocate un po' - alla prossima puntata :
altre opzioni per la scrittura
- alla prossima/prossima puntata : costruiamo le tabelle
ecco come appare in forma
codice ciò che scrivi, lo vedi se premi il tasto in basso
con la
dicitura "sorgente"
prima che siate colti dal panico nel leggere questi codici inseriti
nella pagina dell'immagine....... non è aramaico, quello
è un codice
CSS per inserire un menù nella pagina, altra roba, che spero
farete più
avanti ....
solo
ALLA
FINE
I META TAG (sito web)
cosa
sono ??
sono
delle istruzioni per gli spider dei motori di ricerca e
vengono inseriti all'interno delle pagine web sottoforma di codice html
e, pur
non essendo visibili agli utenti (eccetto il <title> che
viene
visualizzato in alto sul bordo superiore delle pagine) svolgono la
funzione di
indicare ai motori alcuni parametri, riguardo il set di caratteri
utilizzato,
il linguaggio usato, la descrizione e le principali keywords delle
pagine in
cui sono presenti. Negli ultimi tempi ci sono state delle importanti
evoluzioni
dei principali motori di ricerca e, se prima i meta tag erano uno
strumento
fondamentale per indicare loro la strada, adesso lo sono molto meno,
nonostante
alcuni di essi, rivestano ancora una buona importanza.
Cominciamo con il dire che
i meta tag devono essere inseriti
all'interno della sezione
<head> qui inserisci i meta tag </head>
l'inserimento dei "meta
tag" và fatto prima dell'inserimento del sito nei motori di
ricerca, ma chi possiede un editor può anche cambiarli dopo
Libero ci offre un
editor
di "meta tag", premi
I MOTORI DI RICERCA
Avete
un blog, o
più di uno ? avete finito una pagina web? volete che gli
altri lo sappiano? volete essere visti? allora dovete registrarvi nel
motori di ricerca, perchè ... direte voi, perchè
essi vi daranno la notorietà sulla rete, chiunque
farà una ricerca mirata, avrà la
possibilità di trovarvi, per farlo
bisognerà inserire i propi dati (del sito o del
blog) e poi aspettare che il motore indicizzi (brutta parola) il vostro
sito, e quasi subito (non sempre) sarete inseriti nelle pagine di
rierca, naturalmente in più motori siete presenti,
più facile sarà per voi essere trovato, ecco per
voi un link dove trovate una serie di motori importanti ;
premi
l'inserimento
nei
motori di ricerca e la tua indicizzazione, ti permetterà di
sapere quanto sei davvero conosciuto in rete, lo scoprirai dallo
strumento della barra che si chiama page rank
! è quella finestrella con una riga verde dentro che man
mano
passa il tempo, e gli altri cominciano a frequentarti, aumenta nella
scala. BUONA FORTUNA
si
accettano ringraziamenti e regali di tutti i tipi, assegni (non a
vuoto), eredità, serate mondane, inviti a cena, gioielli,
automobili, motorini, ecc... ecc ... ma se propio non c'è
altro, anche un grazie
ATTENZIONE
NB
: il sistema migliore per lavorare su pagine web, semplice, diretto,
è trovare un programma che vi permette di farlo, sono gli
web editor, li trovate anche gratis in rete, io personalmente uso il
vecchio NVU
(adesso Kompozer) ma ne trovate anche altri più potenti, con
più
opzioni ecc... questi programmi vi permettono di lavorare in anteprima
sulle pagine, modificarle, inserire immagini, scritti, programmi, e
tutto quello che vi serve, ed eventualmente modificarle, senza
impazzire con codici anche per questo, ve lo consiglio. Negli editor
potete anche inserire i "template" già pronti per l'uso,
cos' evirerete anche questo lavoro, template si possono
trovare gratis in rete, basta scegliere quello che più vi
piace e copiare il loro codice.
-
nella ricerca su Google o Yahoo o altri, inserite la voce in questi
termini : template
free download o template gratis
(se come
me. non siete avezzi alla lingua inglese, cercateli anche in italiano,
ce ne sono, vi consiglio il sito Pannasmontata)
suggerimento
:
se
cercate sulla rete programmi editor per scrivere pagine web, inserite
così la voce :editor
html free download
se
cercate sulla rete istruzioni per poter lavorare sui vari programmi di
grafica, editor ecc ..., inserite così la voce :tutorial
free ....(inserite il nome del programma che avete)
CORSI GRATIS PER L'USO DEL CODICE
HTML
piccolo corso per programmare con
il codice HTML
corso per principianti sull'uso
del codice HTML
corso
gratis per la costruzione di pag. web
istruzioni per la costruzione di
pag. web e molto altro
cursos
programacion HTML
cursos
programacion HTML
cursos
programacion HTML
tutorial CSS
tutorial HTML
tutorial HTML - CSS
editor free HTML
1
editor
HTML gratis - richiede iscrizione gratis
9
editor HTML gratis
2
editor HTML on line - gratis
10
editor HTML gratis
3
editor
HTML on line - gratis
11
editor HTML gratis
4
editor HTML
gratis
12
editor HTML gratis
5
editor
HTML gratis
13
deutsche editor HTML NVU -
Komposer
6
editor HTML gratis - richiede
iscrizione gratis
14
deutsche editor 32 HTML
7
editor
HTML gratis
15
deutsche editor HTML Araneae
8
editor HTML gratis
16
muchos editor HTML espanol gratis
fine
della
prima puntata, per adesso può bastare per rendervi la vita
un inferno, appena vi sarete calmati ... andremo avanti, bye bye !
