Pagina aggiornata... Lunedì, 13 Aprile 2026 * Tempo di caricamento 0.003 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 ^_^










~ Pagina visitata da 3343 utenti





Segui il telaio su Facebook

Prelevate ciò che vi piace ma...

- Non alterate in alcun modo la grafica
- Non ri-distribuire le immagini grafiche
- Non togliete i credits ~ Grazie ^_^

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


..:: Blogger kit ::..


..:: Blogger tutorial ::..


..:: Copertine facebook ::..



Preleva anche tu una tag Help donna
Aiutami a diffondere il più possibile informazioni
utili alle donne vittime di abusi... Grazie!

Link del telaio...

ೡ Il telaio di Penelope
☆ Pagina Facebook del telaio
☆ Un sito su AlterVista
☆ Gif & co...

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

CSS file esterno

Scrivere i css al posto di parametri in linea in ogni cosa venga postata su una pagina, non solo renderà il nostro codice ordinato e comprensibile, ci permetterà di scriverlo senza errori, quindi le nostre pagine avranno una maggiore visibilità per i motori di ricerca...
Leggi il tutorial...

Cbox - nuova Cbox!

Tutorial passo passo per la nuova versione della Cbox, la ciattina per brevi messaggi, gratuita e completamente personalizzabile da avere sul proprio spazio per comunicare velocemente con gli amici. Tutorial suddiviso in due pagine
Leggi il tutorial... e Theme editor

Marquee

Un modo simpatico e sicuramente visibile per attirare l'attenzione in punti specifici di una pagina, scrittine o immagini che camminano... N.B.: Questo tag è ritenuto obsoleto in html .5 in alternativa leggi anche Testo scorrevole left e Testo scorrevole up
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...

Menu bottoncini hover

Un menu ordinato e originale per chi ama graficare, bottoncini che si trasformano al passaggio
del mouse...
Leggi il tutorial...

Testo effetto evidenziato

Testo evidenziato lettera per lettera, un effetto molto carino per titoli e messaggi ben visibili...
Leggi il tutorial...

Countdown

Script tra i più ricercati per realizzare gadget e "post it" personali, ovvero quanto manca ad una determinata data, per esempio, quanto manca al Natale, all'arrivo dell'autunno, ecc. ecc...
Leggi il tutorial...

Countdown Penny

Script countdown al quale ho aggiunto la possibilità di inserire una frase che si visualizzi dopo la scadenza dell'evento per il quale era stato realizzato il conteggio....
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...

Segno zodiacale

Script per far visualizzare il segno zodiacale del momento, con il testo o con le immagini...
Leggi il tutorial...
    Aggiorna il box

☆ Visita la sezione Tutorial Home


Box Penelope template link...

Se prelevi un template inserisci
il link del tuo spazio qui, potrò ricambiare
la visita e avrai un po' di pubblicità...









I vostri messaggi...

Sabry ~ 26/05/2026 21:34:59
Sei unica ♥️
ૡScritto in Info box
Elise ~ 21/05/2026 17:30:40
Riciao visto com'è brava la nostra Grazia?
ૡScritto in Home
Elise ~ 21/05/2026 17:24:43
Ciaoooo carissima Penelope, grazie della visita , sempre gentilissima!!!!E' da tanto che non aggiorno, spero di ricominciare presto.Un abbraccione .Presto vengo a prenderti qualcosa, con il tuo permesso.Ciauuuuuu
ૡScritto in Home
Cris ~ 16/05/2026 18:25:16
Ciao. Ho preso una tag "help donna" l'ho messa nel mio nuovo sito. Ti lascio un saluto, buon fine settimana!
ૡScritto in Home
DanyGraphic ~ 06/04/2026 20:14:40
Ciao Penny , grazie per il tuo consiglio, sei sempre un punto di riferimento . Un abbraccione a te . Ti auguro una buona serata
ૡScritto in Home
DanyGraphic ~ 06/04/2026 13:51:58
Ciao Penny e buona Pasquetta , oggi casualmente ho dato un occhiata alle pagine con testo scorrevole che volevo sistemare e magicamente funziona tutto come prima , compreso le stelline che scendono sulle immagini .....è un caso che tu sappia ....? io non trovo nulla a riguardo, ma credo rimetterò le pagine online . Buonissima giornata
ૡScritto in Home
Penelope ♥ ~ 04/04/2026 17:38:15
Grazie infinite Bibi e Krault un abbraccio forte forte Buona Pasqua a voi e a tutti gli amici del telaio
ૡScritto in Home
Krautl ~ 04/04/2026 09:53:12
Frohe Ostern
ૡScritto in Commenti telaio...
BiBi ~ 04/04/2026 07:18:36
Buona Pasqua a Penelope 🌺 e a tutta l'utenza
ૡScritto in Home
DanyGraphic ~ 02/04/2026 18:17:56
Sono passata per un saluto . Sempre piacevole navigare nel tuo sito , un abbraccione e cari Auguri di buona Pasqua
ૡScritto in Home