Creato da Vathel il 04/03/2007

Vathelblog

Pc & Delirium

 

 

« WallpapersMessaggio #146 »

My Web Site.(Yes you can)

Post n°145 pubblicato il 30 Novembre 2008 da Vathel
 

Per tutti coloro che "masticano" un pochino di html e vorrebbero creare il proprio sito ma non sanno da che parte iniziare propongo questo piccolo template senza troppe prestese.



Basato su html-css è la semplificazione di un piccolo portale php.
La migrazione dal php comporta naturalmente la perdita di tutti gli script che agevolano le operazioni di aggiornamento, scelta obbligata in quanto il servizio web free di libero non supporta il linguaggio php.

Ritengo comunque sia un valido strumento per facilitare o almeno fornire un punto di partenza a tutti coloro che vogliono cimentarsi nella creazione di un sito web.

Rimane inteso che il materiale è destinato a chi ha già una minima competenza del linguaggio html

Vediamolo nel dettaglio:

Elementi di partenza:


  • index.html
  • paginabase.html
  • stile.css
  • cartella img
  • - alto.jpg
  • - medio.jpg
  • - basso.jpg
  • - header.jpg

Sviluppo dei contenuti:


  • Nel codice della paginabase.html ho evidenziato le sezioni dove apportare le modifiche. Tutte le altre porzioni di codice devono rimanere invariate per assicurare un corretto funzionamento del sito.
  • Editate la paginabase.html col vostro editor html preferito e inserire i contenuti nella sezione "personalizza contenuto"
  • Sostituite il titolo della pagina nella sezione "Titolo pagina"
  • Salvare la pagina col nome desiderato.
  • Ripetere l'operazione per tutte le pagine da aggiungere al sito.
  • Al termine della creazione di tutte le pagine aggiornare i link nella
    sezione" Personalizza Menù". Tale sezione deve essere uguale a tutte le pagine.
  • Quando un utente raggiunge il vostro spazio web,
    verrà caricata la pagina index.html. Tale pagina rappresenta l'home
    page del vostro sito, editatela quindi di conseguenza.
  • Le sezioni "Personalizza titolo". " Personalizza Menù" e "Piè di pagina" devono essere uguali per tutte le pagine.

Personalizzazioni:


  • L'header.jpg rappresenta l'immagine del sito. Un jpg di
    dimensioni 640x150. Per sostituirla create la vostra immagine delle
    stesse dimensioni e sostituite il file all'interno della cartella img.
  • Le immagini atlo, medio, basso, rappresentano i bordi del area del sito. Anche in questo caso potete modificare e sostituire le immagini a vostro piacimento.
  • Fondamentale per le immagini:
  • - rispettare le misure iniziali
  • - utilizzare gli stessi nomi
  • - usare solo caratteri minuscoli

Sito di esempio - Sorgenti sito (zip)

Buon divertimento ;)


 

 
 
 
Vai alla Home Page del blog
 

TAG

 

AREA PERSONALE

 

FACEBOOK

 
 

ULTIMO SNAPSHOT!

CARICA!

ULTIMI COMMENTI

 

.:[CREATIVE ARTISTS]:.

 
 
 
 
Profilo Facebook di John Vathel
 

LOOP

 
 
Citazioni nei Blog Amici: 282
 
 

© Italiaonline S.p.A. 2024Direzione e coordinamento di Libero Acquisition S.á r.l.P. IVA 03970540963