Template sito web gratuito: presenta il tuo portfolio online in una singola pagina web

Ed eccoci con un’altra risorsa gratuita: questa volta si tratta del template di un sito che si sviluppa in una singola pagina e che ti consentirà di presentare sul web i tuoi lavori.

Dopo averti mostrato, passo dopo passo, come disegnarlo in Photoshop , abbiamo messo in codice il layout grafico ed adesso possiamo rilasciarti il sito vero e proprio in (x)HTML e CSS.

Live Preview Your Inspiration Folio

Download

Caratteristiche del template Your Inspiration Folio

Your Inspiration Folio è un template gratuito che ti permette di essere presente sul web in modo professionale grazie ad un layout semplice e allo stesso tempo funzionale.

L’intero sito si sviluppa in una singola pagina: è questa, infatti, la peculiarità che contraddistingue questo template; particolarità che ultimamente sta sempre più prendendo piede nei siti di freelance.

Uno sguardo più approfondito: sotto il cofano del template

Anche se si tratta di un layout a pagina singola non è necessario scrollare con la barra laterale del browser per navigare attraverso le varie sezioni del sito poiché è stato utilizzato un javascript che ne permette lo spostamento tra una sezione e l’altra mediante un effetto di animazione: basta cliccare con il mouse sui link di navigazione.

La parte che racchiude il menù rimane sempre fissa sullo schermo mentre le diverse pagine si avvicendano di volta in volta nel settore centrale del template. A questa ragione è dovuta la scelta di limitare la dimensione dell’altezza della sezione di sinistra, in modo da permetterne la visualizzazione anche sui monitor degli utenti che utilizzano risoluzioni più basse (es. 1024×768).

01-one-page-folio

Anche la tipografia ha la sua importanza

Molta cura è stata dedicata anche alla tipografia: la scelta del carattere, l’interlinea, gli spazi bianchi, il tutto per rendere più armonioso l’equilibro estetico generato a prima vista.

Per i titoli delle sezioni principali, il menù di navigazione e il contenuto dell’Homepage si è scelto di utilizzare un font non standard (denominato “dustismo”) che concordasse bene con il resto degli elementi grafici adoperati.

Il carattere è stato implementato all’interno del template con l’utilizzo del metodo Cufon in modo da rendertene molto più semplice la personalizzazione: per personalizzare questi elementi, sarà sufficiente andare a modificare il contenuto testuale all’interno della pagina (x)HTML.

02-tipografia

Le varie sezioni di cui si compone Your Inspiration Folio

Home Page

È la pagina principale visualizzata quando si arriva sul sito. In questa sezione puoi aggiungere uno slogan, una frase, una citazione che ti permetta di presentare agli utenti il messaggio che vuoi trasmettere e che desideri comunicare in alcune semplici righe.

About

Nella pagina About puoi inserire alcune informazioni su di te: titolo di studio, eventuali corsi di formazione frequentati, certificazioni, attestati. Oppure puoi  descrivere i tuoi sogni, le tue esperienze lavorative… insomma, tutto ciò che pensi possa rappresentarti sul web in modo incisivo e originale.

Inserisci una piccola foto o anche una caricatura come quella che ho inserito io: adesso le illustrazioni sono una vera tendenza!

03-about-page

Portfolio

Questa sezione è interamente dedicata all’esposizione dei tuoi lavori. A tal proposito è stato utilizzato Fancy-zoom, un plugin del framework Mootools che permette di visualizzare l’ingrandimento delle immagini tramite un effetto animato. Inoltre, per renderti ancora più agevole l’inserimento dei tuoi lavori è stato utilizzato lo script php timThumb in grado di generarne automaticamente le miniature senza la necessità di perdere ulteriore tempo per realizzarle manualmente.

04-portfolio-page

Contatti

I visitatori del tuo sito che desiderano avere ulteriori informazioni, preventivi o quant’altro, in questa sezione trovano un  modulo contatti che gli permette, in modo semplice e intuitivo, di inviarti una mail direttamente sulla tua casella di posta elettronica. In questa pagina puoi inserire anche altre informazioni quali numeri di telefono o indirizzi, casomai volessi dare agli utenti una modalità di contatto alternativa.

05-contact-page

Che cosa comprende il pacchetto?

All’interno dell’archivio che hai scaricato, abbiamo incluso:

  • Il file sorgente di Photoshop (.psd) in modo che tu possa facilmente modificare gli elementi grafici del template.
  • La cartella del tema in (x)HTML & CSS.
  • Screenshot e una breve descrizione delle caratteristiche del tema.
  • Licenza d’uso.

Supporto

Se hai qualche difficoltà nella personalizzazione del template o hai necessità di chiarire qualche dubbio, puoi lasciare un commento a questo articolo oppure visitare il nostro forum di supporto. Se ne hai bisogno, apri un nuovo thread: risponderemo appena possibile.

Licenza e crediti

Il template è rilasciato sotto licenza Creative Commons Attribuzione 3.0; questo significa che sei libero di riprodurre, distribuire e modificare quest’opera a patto che tu ce ne attribuisca la paternità lasciando inalterati i nostri crediti sul tema.

Si tratta di una cosa di poco conto dato il lavoro che abbiamo svolto, del resto abbiamo faticato non poco per realizzare questo template, per renderlo graficamente accattivante e semplice da personalizzare, e adesso te lo stiamo offrendo gratuitamente. Ciò che ti chiediamo è solo di riconoscere e far conoscere il nostro lavoro.

Creative Commons License
Your Inspiration Folio by Your Inspiration Web is licensed under a Creative Commons Attribuzione 3.0 Unported License.

Live Preview Your Inspiration Folio

Download
Master per Web Designer Freelance
In tutti questi anni abbiamo ricevuto centinaia di richieste di approfondimento sulle numerose tematiche del web design vissuto da freelance. Le abbiamo affrontate volta per volta. Ma ci siamo resi conto che era necessario fare qualcosa di più. Ecco perché è nato One Year Together, un vero e proprio master per web designer freelance che apre finalmente le porte al mondo del lavoro.
Scopri One Year Together »
Tag: , ,

L'autore

Nando è fondatore di Edi Group, società di Comunicazione e Formazione fondata nel 2005. È inoltre Trainer Microsoft e docente di Webdesign con anni di esperienza, anche in qualità di progettista, in corsi di Formazione Professionale regionali e privati. È stato speaker in diverse prestigiose conferenze, anche per conto di Microsoft Italia. Tiene abitualmente corsi di formazione presso le aziende. È autore di diversi libri sul Web Design, in italiano ed inglese. +

Sito web dell'autore | Altri articoli scritti da

Articoli correlati

Potresti essere interessato anche ai seguenti articoli:

26 commenti

  1. Angelo
  2. marco
  3. Germano
  4. Luca
  5. Johnny
  6. Matteo

Trackback e pingback

  1. Free website template: present your portfolio online in a single webpage | Your Inspiration Web
    [...] Inspiration Folio by Your Inspiration Web is licensed under a Creative Commons Attribuzione 3.0 Unported [...]
  2. YIW Minimal: un template clean & free per un sito semplice ma professionale | Your Inspiration Web
    [...] Inspiration Minimal by Your Inspiration Web is licensed under a Creative Commons Attribuzione 3.0 Unported [...]
  3. YIW Minimal: a free & clean template for a simple yet professional website | Your Inspiration Web
    [...] Inspiration Minimal by Your Inspiration Web is licensed under a Creative Commons Attribution 3.0 Unported [...]
  4. One-page-folio: Come realizzare un layout per il proprio portfolio? | Your Inspiration Web
    [...] dopo, eccolo qua. Il primo tema free che noi di YIW ti offriamo è proprio progettato per un portfolio …

Lascia un Commento

Current day month ye@r *