Pagina aggiornata... Lunedì, 13 gennaio 2025 * Tempo di caricamento 0.45 secondi
Link navigazione : Home telaioHome ~ Template ~ Webset_free » Istruzioni Web Set

..:: Istruzioni web set ::..

Realizzare un sito web per me fu una grande avventura perché non ho studiato web design ne
programmazione, i pc e la rete sono arrivati quando ero già grandina, ma ne rimasi subito affascinata,
tanto da voler capire come "funzionassero" per cui ho iniziato cercando informazioni in rete,
nei forum e nei libri, all'inizio sembrava un'impresa impossibile però piano piano realizzai il mio telaio...
Sono passati tanti anni nel frattempo ma la passione per questo mondo non è mai svanita, anzi, ora che so
"leggere" i codici, mi diverto ancora di più e mi piace molto l'idea di poter condividere ciò che ho imparato,
quindi spero troviate una base che vi piace con cui iniziare questa bellissima esperienza,
o nel caso abbiate bisogno di un cambiamento per il vostro sito già online

Se non avete già uno spazio web vi consiglio la piattaforma gratuita Altervista
Ho scritto una guida che spero vi sia utile per realizzare e gestire il sito Un sito su Altervista

Nei web set che vi propongo troverete il file/pagina per la home (o index),
completa di codici pronta per essere utilizzata nel vostro sito, sono realizzate con diverse
strutture ed elementi in grafica, potrete scegliere tra vari soggetti e argomenti

* Attenzione alle misure della larghezza (width) che sono fisse, sopratutto per le basi
realizzate in grafica, ma per l'altezza si può inserire tutto ciò che serve, lo spazio corpo/pagina
e la/e colonna/e si "allungheranno" in base ai contenuti.

Come procedere...

Se trovate una base che vi piace, cliccate su "Download" per scaricare e salvare
sul vostro pc, avrete uno zip perché tra codici e immagini ci sono diversi file, aprite lo zip,
io uso win-rar lo potete scaricare gratuitamente, cliccate con il tasto destro del mouse
sullo zip e poi su estrai qui, al suo interno troverete una cartella che contiene:

1. Cartella "images"

In questa cartella sono contenute tutte le immagini del set, nel codice del file/home troverete
il tag di richiamo in questo modo:

<img border="0" src="images/nome_immagine.png" width="##" height="##" alt="">

* Potete importare la cartella nel vostro spazio e lasciare invariato il tag di richiamo,
o importare le immagini nella vostra cartella/immagini modificando il patch per richiamarle:

<img border="0" src="tuacartella/nome_immagine.png" width="##" height="##" alt="">

2. file home.htm e il file home.txt

- home.htm è una pagina web, si può aprire nella cartella per visualizzarla online,
nella barra del browser ci sarà un link simile a questo: file:///C:/Users/Penelope/Desktop/autumn/home.htm

- home.txt è un file di testo da consultare comodamente anche per fare delle modifiche

Questi sono i file contengono il codice della pagina home * ATTENZIONE *
Copiate e salvate il codice della vostra home per conservare accessori, gadget, ecc. ecc.

Cancellate la vostra attuale pagina home e importate il file home.htm nel vostro spazio
oppure copiate ed incollate il codice del file home.txt nella pagina della vostra home

3. style.css

Nel codice dalla home, lo style css è inserito nella pagina:
<style type="text/css">
[.....]
</style>

Se preferite e ve lo consiglio assolutamente, potete utilizzare il file esterno che trovate
nella cartella, importate nel vostro spazio il file style.css, cancellate lo style scritto nella pagina
inserendo al suo posto il tag di richiamo:

<link rel="stylesheet" type="text/css" href="https://tuosito/style.css">

In questo modo potrete richiamarlo in tutte le pagine che vorrete realizzare così da facilitare
eventuali modifiche o inserire altri parametri, un solo file valido in tutto il sito

4. file.js

In alcune basi ho inserito degli script particolari che per praticità nella lettura del codice
e per alleggerirlo ho postato su un file esterno che sarà richiamato nella pagine con questo tag:

<script type="text/javascript" src="nome_script.js"></script>

- Nel caso sia presente nel web set che avete scaricato, importate il file nel vostro spazio
e lo script inserito si visualizzerà automaticamente, se ci sono problemi aggiungete al tag
di richiamo url completa del file

<script type="text/javascript" src="https://tuosito/nome_script.js"></script>

Se non conoscete o volete approfondire qualche termine che ho usato per queste
istruzioni, potete leggere i miei appunti... html e script Tutorial

Con un Web set avrete quindi una pagina base completa da cui partire per realizzare
tutte le altre del vostro sito o comunque vi può aiutare per iniziare, gestite come meglio preferite...
fatemi due piaceri però... non "ritoccate" la grafica, lasciate o inserire un link al telaio, Grazie

Vi auguro buon lavoro ma sopratutto buon divertimento!
Ciao alla prossima^^ Penelope ♥



Commentario...

Scrivi qui per lasciare un saluto, una richiesta di aiuto,
un suggerimento o una critica ^_^

Nickname
Home page
B i U   ^_^ o_O O_O *_* Gif...

  


~ Pagina visitata da 3353 utenti


 H: 
Felice Estate e ...buona domenica!



Prelevate ciò che vi piace ma...

- Non alterate in alcun modo la grafica
- Non togliete i credits ~ Grazie ^_^

...telaio Home!

Accessori, utilità e gadget in tanti stili e
soggetti pronti per il tuo spazio web
Il telaio di Penelope


Pagina Facebook
del telaio...

Privacy Policy Cookie Policy

..:: Basi per siti web ::..


..:: Blogger tutorial ::..


..:: Blogger kit ::..


..:: Copertine facebook ::..


Anteprima...
..: html & script tutorial :..


Marquee con javascript

Realizzare le scrittine "in movimento" anche con javascript, nulla di complicato, basta fare un po' di attenzione alle solite virgolette e puntini di cui va ghiotto...
Leggi il tutorial...

Testo - font

Anche per scrivere il testo in una pagina web abbiamo bisogno di codici html, cioè impostare tramite tag il tipo, il colore e la misura del carattere che vorremo usare...
Leggi il tutorial...

Link effetto fade

Realizzare un menu particolare con questo script che permette di avere un effetto sfumato quando si passa con il mouse sui link...
Leggi il tutorial...

Testo effetto ondulato e crescente

Due modi per scrivere titoli o messaggi di sicuro effetto...
Leggi il tutorial...

Calendario perpetuo

Realizzare un calendario perpetuo ovvero che si aggiorni automaticamente di mese in mese non è difficile grazie ad uno script javascript...
Leggi il tutorial...

Data

Script per visualizzare la data nelle pagine web in vari formati e con le personalizzazioni che ci servono...
Leggi il tutorial...

Datario con saluto

Un solo script per visualizzare un saluto in base all'ora, l'ora e la data basterà postarlo nel punto in cui vogliamo visualizzarlo e si può facilmente personalizzare...
Leggi il tutorial...

Una frase per ogni giorno della settimana

Un piccolo script che ci permetterà di visualizzare un saluto, una frase o una poesia diversa per ogni giorno della settimana...
Leggi il tutorial...

Immagine per ogni giorno del mese

Script per gli amanti della grafica e delle giffette^^che ci permette di visualizzare un'immagine diversa per ogni giorno del mese
Leggi il tutorial...

Stagione attuale

Questo script mi è stato scritto appositamente per realizzare il gadget dell'almanacco dal mio bradipo, un codicino piccolo piccolo per far visualizzare la stagione in cui stiamo vivendo...
Leggi il tutorial...
    Aggiorna il box

ೡ Visita la sezione Tutorial Home

Spazio web...

Realizzare e gestire un sito web
nell'hosting free più famoso...

Un sito su Altervista

Materiale grafico

Gif, mini gif, pixel, immagini, png...
Tutto il materiale grafico che ti serve,
raccolto e messo a tua disposizione!

Gif & co...




I vostri messaggi...

Luca
04/06/2025 22:41:43
Ciao
ೡ Scritto in... html e script Tutorial...
 
filod'arianna
01/06/2025 09:15:59
Ciao Penelope ! Torno qui per prelevare un banner 88x31, lo inserisco nel mio forum, si troverà nello spazio "Amici non affiliati" dopo le sezioni, in fondo al forum. Ho inserito anche l'iniziativa "Help Donna" che si troverà sempre dopo le sezioni, nello spazio a lei dedicatole.Un abbraccio, a presto:-)Il mio forum[Link]
ೡ Scritto in... Banner link del telaio ^_^
 
Cleo
22/05/2025 07:05:05
ciao tesoro auguri per ieri ti aspetto qui [Link]
ೡ Scritto in... Home
 
olga
05/05/2025 20:37:45
prelevato widget post e commenti.Grazie
ೡ Scritto in... Home
 
Cleo
28/04/2025 06:48:25
buon giorno tesoro e buona settimana sempre meraviglioso qui e grazie per tutto
ೡ Scritto in... Home
 
Grazia
25/04/2025 09:58:21
Buongiorno cara Penny, eccomi qui a lasciarti un carissimo saluto ed a ringraziarti della tua carinissima visita nel sito grafico ^_^ Ti lascio un forte abbraccio e sempre complimenti di cuore 💓
ೡ Scritto in... Home
 
ೡPenelope ♥
23/04/2025 16:44:57
Grazie infinite cara Gabriella
ೡ Scritto in... Decori per pagine web
 
Cleo
14/04/2025 07:51:14
Tesoro buon giorno come stai?? scusa se ti disturbo volevo saperese a te Ws ftp funziona per salvare tutto sul sito altervista a me non sta funzionando piu io ho winws10 tu cosa utilizzi mi puoi aiutare appena apro wstp si chiude non sto riuscendo a pubblicare grazie in anticipo un abbraccio e buona settimana santa tesoro
ೡ Scritto in... Contatti
 
Gabriella
29/03/2025 13:09:27
Ciao Penny, che meraviglia ! Li preleverei tutti, intanto ne ho prelevato uno ma c'è veramente l'imbarazzo della scelta . Complimenti come sempre !
ೡ Scritto in... Decori per pagine web
 
Grazia
09/03/2025 18:13:32
Ciao Penny, sono passata a lasciarti un salutino di buona domenica ed anche a ringraziarti per aver inserito il mio bannerino. Un abbraccio forte ed alla prossima :) Ciaooo
ೡ Scritto in... Home