Vai al contenuto

[sito web] non so da dove partire!


karmax

Messaggi raccomandati

Ciao amici,

avrei bisogno di una vostra mano tantomeno per partire con la creazione di un sito web!

Ve lo illustro semplicemente!

Una pagina bianca con delle scritte alla rinfusa qui e la! Le scritte sono nomi di colori!

Al passaggio del mouse su queste scritte, il background della pagina deve cambiare con il colore della scritta.

Quindi passando sulla scritta "Verde" lo sfondo deve diventare verde! Semplice no?!

Non vi chiedo il codice per farlo sarebbe troppo ma un consiglio su da dove cominciare! html5? flash?

che programma uso? dreamweaver? iweb?

grazie infinite a tutti

Le mie foto Flickr

Link al commento
Condividi su altri siti

Beh, potresti anche usare TextEdit, non ti serve a niente Dreamweaver se devi iniziare ad imparare ;) (iWeb lascialo perdere, visto che non centra molto con quello che vuoi fare)

Comunque quello che hai detto lo puoi fare con HTML e CSS ;)

iMac 27" ------ Macbook Air 13" ------ iPhone 3GS Black 16GB ------ iPhone 5 Black 32GB ------ 2 iPod Shuffle 1GB

Link al commento
Condividi su altri siti

grazie rudyvic!

conosci qualche programma WYSIWYG che possa aiutarmi??

Non ti fidare troppo dei WYSIWYG, anzi personalmente li lascio perdere soprattutto perchè i browser non sono proprio tutti standardizzati in maniera equilibrata (soprattutto per coloro che utilizzano I.E. che non definisco manco un browser).

Inoltre sappi che in linea generale che i profili si distinguono nella creazione di siti web, il programmatore Java fa solo quello, il PHP pure, il coder uguale e poi si associano (ovvio che esistono le persone che applicano tutto, ma si preferiscono gli specializzati).

Se parli inglese (molto utile in questi casi, io invece dico indispensabile), comincia da qui:

http://www.w3schools.com/default.asp

I nuovi Video-Corsi di "A Tutta Grafica" Adobe Creative Suite 6 su

YouTube & Facebook

Link al commento
Condividi su altri siti

ti ringrazio dei consigli! infatti mi sto addentrando nel codice con l'ausilio di manuali ed esempi

per ora sono riuscito a fare questo:

<div class="contenitore">

<input name="txt1" type="text" value="triste" />

<a href="index.html"><img src="io3.png" onMouseOver="this.src='io2.jpg';" onMouseOut="this.src='io3.png';"></a>

</div>

ho creato un link che cambia immagine quando ci passo sopra ma io in realtà devo cambiarla allo sfondo del sito definito nel foglio di stile css:

* {border:0;

margin:0;

padding:0;

}.contenitore {

background-color: #eee;

margin: 10px;

height: 700px;

width: 1000px;

background-image: url(524100_3583115103942_263937551_n.jpeg);

background-repeat: no-repeat;

background-attachment: fixed;

text-shadow: none;

opacity: 40;

}

come faccio a dirgli che l'immagine che deve cambiare è quella del background di "contenitore" ??

Le mie foto Flickr

Link al commento
Condividi su altri siti

supponendo che le immagini si trovino nella stessa cartella del file html:

<script type="text/javascript">
function cambiabg(img) {
 document.getElementById("contenitore").style.backgroundImage = "url('" + img + "')";
}
</script>

<div class="contenitore" id="contenitore">
 <input name="txt1" type="text" value="triste" />
 <a href="index.html" onMouseOver="cambiabg('io2.jpg');" onMouseOut="cambiabg('io3.png');"><img src="io3.png"></a>
</div>

An  a tuesday keeps the doctor away.

proud member of < noi finti professionisti > club - tessera 044

Link al commento
Condividi su altri siti

Come mai utilizzi una classe per il contenitore? :preoccupato:

dici a me o a lui?...

comunque la classe è generalmente meglio se si vuole riciclare lo stile per un secondo elemento (id="contenitorebis"), altrimenti va ripetuto il codice.

ovviamente se i contenitori sono n, bisogna passare un riferimento all'oggetto alla funzione js.

An  a tuesday keeps the doctor away.

proud member of < noi finti professionisti > club - tessera 044

Link al commento
Condividi su altri siti

supponendo che le immagini si trovino nella stessa cartella del file html:

<script type="text/javascript">
function cambiabg(img) {
 document.getElementById("contenitore").style.backgroundImage = "url('" + img + "')";
}
</script>

<div class="contenitore" id="contenitore">
 <input name="txt1" type="text" value="triste" />
 <a href="index.html" onMouseOver="cambiabg('io2.jpg');" onMouseOut="cambiabg('io3.png');"><img src="io3.png"></a>
</div>

Fantastico! In questo modo ho anche scoperto l'uso delle funzioni! Grazie!

Le mie foto Flickr

Link al commento
Condividi su altri siti

Sai oggi come puoi riuscire? prendi una pagina bella semplice e guarda/studia il codice :-D (eheheheh copiarlo?)

Poi prendi un bel manuale e ti vedi come effettivamente funziona l'html.

La normalità vorrebbe il contrario... ma siamo in un'epoca che funziona al rovescio :-)

in fondo io così ho imparato quasi 20 anni fa!...e se volevo qualche javascript dovevo per forza "copiare" da siti "osè" :-D (che non erano assoluramente eccessivi come quelli di oggi).

PS. ho cominciato facendo il mio sito... poi, dopo studio e prove ho cominciato x gli altri.

Link al commento
Condividi su altri siti

Archiviato

Questa discussione è archiviata e chiusa a future risposte.

×
×
  • Crea Nuovo...