Pagine Web - Elaborazione - primi passi

[TIGULLIO]

Ancora una volta mi rivolgo a PLC Forum,per trovare una "persona" che con poche parole semplici e comprensibili possa darmi una mano.

Sono consapevole che i PLC Forum's ,ed anche questo settore,non sia indicato per la discussione di tale tematica,mi scuso, (ci sono altri svariati forum,mi direte,ma come sempre, reputo che solo qui ci siano persone qualificate,lo posso dire in tutta tranquillita' in quanto,in molte altre occasioni ,anche diverse,ho ricevuto suggerimenti ed aiuti che hanno risolto i miei problemi).Leggo spesso le varie sezioni di PLC e,quando sono in grado o reputo di rispondere,cerco di aiutare chi chiede una mano.

Veniamo al mio problema:

A) vorrei fare un mio sito (ho gia' la disponibilita' e mi sono creato ..da solo la pagina INDEX.HTML),per cui lo stesso,seppure in embrione,e' gia' visitabile sul WEB

uso e conosco un pochetto ,sia FRONT PAGE che LeechFTP

C) ho scaricato uno e + manuali per creare le pagine....ma sono ben sopra ai miei livelli di conoscenza e ...volonta',lo ammetto....

D) quello che invece non mi e' chiaro e' "il giro del fumo",scusate l'espressione...cioe' LA PROCEDURA PASSO PASSO per poter creare e collegare le pagine WEB

E) mi basterebbe una procedura del tipo .. flow chart o simile,poi mi arrangio

Ringrazio chi mi dara' una mano (sprecando il suo tempo prezioso) ,assicurando nel contempo che non saro' in alcun modo assillante con domande "dementi" !!!.

P.S.: ringrazio gli amici di mia figlia che mi hanno dato una mano,ma che,non per colpa loro,davano molte cose come "assodate"....sono over 50..ma non ......

Ringrazio anticipatamente quelli che mi vorranno aiutare.

Il sito che vorrei realizzare serve alla Protezione Civile ,di cui sono membro,potendo io disporre di dati meteorologici in tempo reale rilevati in zona con strumentazione professionale.

Ciao.

Biagio

[Mario Maggi]

Caro Biagio,

purtroppo sono in emergenza e non ti posso aiutare.

Volevo dirti che io ho imparato a fare qualche pagina e a gestire alcuni siti e portali all'alba dei 55 anni.

Se metti nel tuo profilo l'URL del sito che stai costruendo, ti possiamo seguire in diretta e capire meglio le tue necessita', dato che non c'e' una procedura standardizzata per creare le pagine.

Spiega anche meglio cosa vuoi offrire come servizio, forse conviene mettere molte cose in una pagina lunga piuttosto che avere molte pagine, con possibilita' di cliccare sulle immagini per ingrandirle.

Buon lavoro!

Mario

[mircoelektra]

Caro TIGULLIO,

imparare l' html non è difficile come sembra (almeno per quanto riguarda i "fondamenti"). Con poco sforzo si impara tranquillamente a costruirsi un sito web, ovviamente senza troppe pretese.

A ) vorrei fare un mio sito (ho gia' la disponibilita' e mi sono creato ..da solo la pagina INDEX.HTML),per cui lo stesso,seppure in embrione,e' gia' visitabile sul WEB

[nll]

Inserire un collegamento ad una pagina non è difficile, ma non è possibile scriverti gli esempi qui, perché sospetto che interferisca con le limitazioni imposte da Invision (chiocciole sulle email e forse anche simboli di maggiore e minore dei tag html). Quindi neppure ci provo.

Ti posso suggerire, oltre al manuale che ti è stato indicato, di consultare il sito www.html.it, dove troverai degli ottimi tutorial. Poi prendi confidenza con l'HTML aprendo una pagina web che ti ispira e poi dal browser vai in visualizza e seleziona "Source" (o Sorgente, o HTML, o come altro il tuo browser lo chiama), per vedere il codice sorgente. I tag HTML sono racchiusi tra parentesi acute (simboli di minore e maggiore) necessitano quasi sempre di un tag di chiusura (con le nuove direttive XML il tag di chiusura è sempre obbligatorio, anche dove HTML non lo prevede), che è il nome del tag preceduto da una barra subito dopo il carattere di minore. Nel tag di apertura possono essere incluse molte altre indicazioni, secondo il tag, che vanno da alcuni switch, a nomi di files con relativo collegamento, proprio quello che credo stai chiedendo nel tuo post.

Chiaro? Forse no, ma capirai meglio dopo aver letto i manuali per iniziare e ti sarai sbizzarrito a "spiare" qualche sorgente.

[Claudio Monti]

Inserire un collegamento ad una pagina non è difficile, ma non è possibile scriverti gli esempi qui, perché sospetto che interferisca con le limitazioni imposte da Invision (chiocciole sulle email e forse anche simboli di maggiore e minore dei tag html). Quindi neppure ci provo.

[TIGULLIO]

Come sempre PLC mi ha ...risposto,non avevo dubbi.

Bene,ringrazio tutti per la loro disponibilita' ed interessamento.

Come gia' ho detto e ribadisco,non intendo passare per la programmazione del tipo HTML,bensi' di servirmi per la ceazione di semplici pagine WEB,del metodo...."WYSIWYG".

Conoscendomi,molto bene !!!,sono sicuro che ,non avrei la "volonta" di applicarmi piu' di tanto,purtroppo...

Abuso pertanto della Vs. pazienza per spiegare come agisco:

Premessa: a monte ho gia' predisposto l'inserimento sul WEB del mio sito con e come richiesto dal mio Provider (Tiscali in questo caso)

altra Premessa doverosa: ho gia' predisposto (su C:) una cartella chiamata MIO SITO dove vado a salvare quanto di seguito.

1) CREO PAGINA : INDEX.htm

1.a) per farlo apro Front Page,scrivo un testo ed un indice

1. evidenzio una voce dell'indice "PIPPO"e creo un Collegamento ipertestuale,andando a cercare ,su c:,dove e' residente l'argomento PIPPO

1.c) salvo

2) CREO PAGINA: PIPPO.htm (HTML)

2.a) apro front page e apro ,dal disco C: di residenza,PIPPO

2. salvo come pag. .htm

N.B.: in effetti la tempistica non dovrebbe essre questa,in quanto,ditemi se sbaglio,quando su index associo PIPPO questo dovrebbe gia' essere in formato. HTM

3) apro un programma ,nel caso specifico,LEECHFTP (se ho ben capito dovrebbe essere un programma tipo transfer data ) ,faccio i doverosi settaggi,e mi trovo davanti il collegamento al mio sito

3.a) mando via...trasmetto la mia pagina index.htm

Purtroppo,come potete vedere dal mio sito...qualche cosa non funziona......

Sicuramente ho fatto confusione.......

Rispondo a chi mi ha chiesto: come vuoi fare il tuo sito? Non lo so'...basta partire...poi le idee vengono....

Ecco dove sono:

http://web.tiscali.it/tigulliometeo/

Grazie di cuore ed a risentirci.

Biagio

[fabri]

Hai fatto tutto giusto, hai sbagliato solamente il link alle altre pagine web

se tu passi sopra al link che non funziona con il mouse vedi che sulla barra di stato di firefox (o explorer) in basso a sinistra sta scritto c:\web tigulliometeo\meteo

quindi non riesci a passare alla pagina perchè il link è sbagliato e punta a una pagina inesistente

non conosco come funziona frontpage ma penso che basti correggere il link

anch'io ho provato a usare programmi tipo frontpage ma non sono così facili da capire, io consiglio di partire proprio dalle basi con W3c.org

un esempio del modo corretto per scrivere i link alle pagine web può essere

< a href= "home.html" >Home</a > se la pagina è nella directory principale

oppure come hai fatto tu per le immagini

< img src = "./immagini/logo.jpg" height = "42" >

la scritta ./immagini è la directory di dove è memorizzata l'immagine , il punto indica la directory principale

Ciao, Fabrizio

[Mario Maggi]

Detto in altre parole,

questo punta al tuo PC:

<a href="file:///C:/WEB%20tigulliometeo/Foto%20Sestri%20aerea.htm">

dev puntare invece alla directory che hai scelto sul web

<a href="http://web.tiscali.it/tigulliometeo/Foto%20Sestri%20aerea.htm"> (che puoi scrivere anche in forma abbreviata, ma se fai cosi' non sbagli).

Consiglio: non lasciare MAI spazi bianchi nei nomi file, ti ritrovi quei brutti %20 che disturbano.

Ciao

Mario

[nll]

I consigli di Mario sono ottimi. Aggiungo che molte volte gli spazi bianchi (convertiti in %20) non vengono correttamente letti da tutti i browser, meglio evitarli del tutto e non solo per un fatto estetico.

Personalmente preferisco il carattere "underscore", o "sottolineato", in sostituzione dello spazio, quando ho la necessità di chiarezza nel nome del file.

I codici che pensavo di non poter inserire vedo che invece li si può usare tranquillamente racchiudendole nel tag "codice" (che forse avevo anche già usato... mannaggia la memoria corta), ma ormai le dritte sono arrivare.

Biagio, anche se preferisci un applicativo WYSIWYG, qualche minimo aggiustamento te lo puoi permettere, per esempio per correggere i collegamenti che non funzionano.

Entra in Notepad, vai su "Ricerca" e segnagli di cercare "<A " (anche lo spazio, altrimenti può trovare anche altro) e lì vicino ci trovi un link che puoi modificare con un riferimento assoluto ("http://www.miosito.it/primacartella/secondacartella/file.html"), oppure con un riferimento relativo ("secondacartella/file.html", se il file che lo chiama si trova nella "primacartella", oppure "/primacartella/secondacartella/file.html") puoi usare anche il doppio punto ("../") per risalire di una cartella, mentre il punto indica la cartella corrente (che non è necessario indicare, salvo casi particolari)

Per passare al link successivo prosegui la ricerca di prima e verifica il link seguente allo stesso modo.

Con le immagini da far comparire nella pagina puoi agire allo stesso modo, cercando il tag "<IMG ".

Altra accortezza: STAI MOLTO ATTENTO ALL'USO DELLE MAIUSCOLE/minuscole E A1 NUMER1!!! Nel web QuesTo è diverso da questO e anche da quest0.

[Gabriele Riva]

Oltre a tutti i consigli gia' ricevuti, visto che ti dovrai occupare di meteo, ti segnalo questo sito ben fatto, che si occupa di meteo, dove potrai prendere spunti.

[Giorgio Demurtas]

ciao tigullio,

non so se l'hai già fatto, ma la prima volta che usi frontpage, è utile organizzare il lavoro ceome "web" e non "pagine singole".

Quindi (solo la prima volta) dovrqi fare File>nuovo>web. Scegli web a pagina singola e salva.

Ogni volta che dovrai fare modifiche non aprire i file da soli, ma usa la funzione "apri web".

E' molto più comodo perchè non incorri in quegli errori di link fra le pagine. In questo modo forntpage sa che il sito è destinato a non stare sul tuo pc, e di conseguenza fa i link giusti.

un'altro consiglio:

es. se hai una pagina che si intitola "meteo1" non metterla nella cartella radice (quella dove c'è index.html, per intenderci). Fai una sottocartella chiamata "meteo1" e dentro mettici una pagina intitolata "meteo numero uno" e con nome index.htm. Questo è comodo perchè per accedervi, basterà scrivere http://www.indirizzo.it/meteo1.

Per un caso così semplice è quasi indifferente, ma se hai molte pagine (www.web giorgio.it) diventa utile poterle organizzare ad albero.

Per esempio, nel caso del mio sito, la pagina dedicata al riscaldamento appartiene alla categoria ambiente, quindi avrà indirizzo: http://www.web giorgio.it/ambiente/imp_risc/

Se un navigatore volesse andare al livello superiore, gli basta cancellare l'ultima parte dell'url.

Le immagini contenute in una pagina mettile sempre allo stesso livello della stessa. Per es. tutte le immagini che riguardano la pagina sopracitata, hanno indirizzo http://www.web giorgio.it/ambiente/imp_risc/mome_img.gif

Ultime dritte:

Non usare nomi troppo lunghi per le cartelle e le immagini.

Non usare gli spazi, ma gli _ (underscore).

Usa le tabelle per impaginare la pagine (scusa il gioco di parole!)

ciao

Giorgio

[mircoelektra]

Dato il problema che hai avuto ti darei un consiglio (di cui comunque ti ha già parlato anche nll):

Quando devi inserire riferimenti ad oggetti (pagine html, immagini o altro) presenti sul tuo sito non utilizzare mai percorsi assoluti, ma usa sempre percorsi relativi.

[nll]

Giorgio, creare una struttura ad albero è bella, ma difficile da gestire quando devi fare l'upload e il download delle tue pagine, ogni volta che le aggiorni, anche se è indubbio che per un visitatore sia più agevole navigare senza seguire i link che gli proponi (ma pensi che sia giusto dargli questa libertà?).

Personalmente preferisco essere io a condurre la visita e quindi curo che i miei link siano sempre chiari e conducano dove il visitatore vuole arrivare (e dove io lo voglio portare) il più rapidamente possibile.

Quindi poche cartelle, organizzate per tipologia di pagine o per argomenti. Immagini tutte raccolte in apposita cartella figlia della cartella cui si riferiscono. Stessa cosa per fogli di stile e files interattivi (ciascuno nella propria cartella specifica) Un solo file index che gestisce le chiamate agli altri files. Se un file non è chiamato dal file indice, o da suoi figli, non si apre e rimanda direttamente al file indice (quindi non è possibile prendere scorciatoie, come ho detto prima il gioco lo conduco io). In questo modo gestisco anche il problema dei dati sensibili che posso aver memorizzato nel sito e che voglio vengano visualizzati solo ad utenti registrati e correttamente loggati.

Per il resto dei consigli condivido in pieno.