Pagina aggiornata... Lunedì, 13 gennaio 2025 *
Tempo di caricamento
0.12
secondi
Link navigazione :
Home telaio ೡ Home ~ 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 ♥
.gif) Commentario...
Scrivi qui per lasciare un saluto, una richiesta di aiuto,
un suggerimento o una critica ^_^
|
~ Pagina visitata da 3371 utenti |
H:
Buon Autunno
!
 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 :..
 'https' Hyper Text Transfer Protocol Secure
https il prefisso più usato nel nostro quotidiano, tra acquisti e ricerche online ormai non ci facciamo nemmeno più caso, considerando che con app e browser possiamo accedere nei nostri spazi preferiti senza dover digitare l'indirizzo web, parliamo appunto di uno dei protocolli per la trasmissione dati in rete "Hypertext Transfer Protocol Secure"...
 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...
Leggi il tutorial... |
|
Sfondo pagina Vediamo come e quale tipo di sfondo/background possiamo utilizzare nelle nostre pagine, possiamo utilizzare un colore o un'immagine, abbiamo due tipi di codice con diverse varianti, da inserire direttamente nel tag body, o da preferire, nei css/foglio di style, del codice per il nostro spazio...
Leggi il tutorial... |
|
Box div con effetto rilievo Pochi semplici parametri css3 per avere contenitori div con effetto rilievo, da utilizzare come contenitore principale del sito per non appesantire le pagine con elaborate basi grafiche, rendere visibile in modo elegante un boxino per messaggi/news o abbellire delle immagini senza formati particolari che si caricano con difficoltà...
Leggi il tutorial... |
|
Menu a discesa Realizzare e personalizzare con tante opzioni i menu a discesa...
Leggi il tutorial... |
|
Menu a scomparsa laterale Realizzare e personalizzare il menu a scomparsa posizionato all'inizio delle pagine comodo e originale...
Leggi il tutorial... |
|
Testo effetto arcobaleno Titoli e scrittine con i colori dell'arcobaleno e volendo anche allegri gadget ^_^ Un piccolo semplice script, un po' di pazienza per settare i colori e al solito, un pizzico di fantasia...
Leggi il tutorial... |
|
Immagine a rotazione - Random Script per immagini che cambiano ogni volta che si aggiorna la pagina, si possono aggiungere quante immagini si vuole e anche un link per banner o piccole anteprime...
Leggi il tutorial... |
|
Saluto in base all'ora... con immagine Smanettando un po' con il codice del saluto ad orario, ho pensato che al posto del testo si potevano visualizzare delle immagini ^_^ se vi piace graficare vi basterà preparare quattro immagini...
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...
|
che si troverà sempre dopo le sezioni, nello spazio a lei dedicatole.Un abbraccio, a presto:-)Il mio forum