Shoujo Love - il forum sugli shoujo manga e anime

LEZIONI HTML

« Older   Newer »
  Share  
*+*AsUkA*+*
view post Posted on 6/9/2005, 19:10




bene! dato che molti vorrebbero imparare l'arte del creare siti o pagine HTML sono qui per voi. Premetto che anche io ho iniziato da poco ma comunque me la cavo. Questo è un tutorial che faccio di mia spontaneità, quindi non sarò sempre costante e spero che non diventi un obbligo.

Bene! Iniziamo!

Lesson one.
"La base della classica pagina HTML"

Cioè una bella paginetta vuota che potrete modificare a vostro piacimento, introdurre immagini e scrivere.happy.gif
Allora , prima di tutto create una nuova cartella e chiamatela "Web" così metterete lì tutto il vostro materiale e non farete confusione^_^. Aprite il blocco note e scrivete :
CODICE

<html>

<head>
<title>Pagina</title>
</head>


<body>

</body>

</html>

Salvatela nella cartella di nome "Web" e chiamatela index.html

Vi stupirete perchè non avrete creato solo un documento di testo ma una vera e propria pagina web!!

Lesson 2.

Allora , bene bene. vediamo la struttura di una pagina
CODICE
<HTML></HTML>

indica che è una pagina web
CODICE
<head></head>

è dove inseriremo i tags , i caratteri e gli stili.
CODICE
<title></title>

è il nome della pagina, cioè quello che apparira nella barra in alto blu, lì dovete scrivere il nome del vostro sito.
CODICE
<body></body>

è il corpo della pagina , dove inseriremo tutto.

quello che dovete fare è : aprire la pagina e cliccare col tasto destro e scegliere HTML . Cosa appare? appaiono tutti i codici che costruiscono la vostra pagina web. Voi dovrete solo scrivere qualcosa tra
e e salvate tutto. poi aggiornate la pagina e vi apparirà una pagina bianca con quello che avete scritto voi.
Non vi basta?
Se volte potete cambiare colore alla vostra pagina e , perchè no, metterci addirittura una immi.
ecco come fare per inserire una imma nello sfondo.
Abbiamo detto che ci sono i codici e . Bene! sostituite al primo ( ) questo codice:

CODICE
<body background="URLDELLAIMMY">

e vi apparirà l'immagine cme sfondo, se invece volete un colore come sfondo basterà inserire
al posto di anziche quello di prima , questo:

CODICE
<body bgcolor="#FF00FF">

e vi apparirà un bel fucsia.
Volete cambiare colore? semplice. Nei forum , proprio come Shoujo Love , c'è l'opzione "Prendi colore" la conoscete vero? benissimo cliccateci e scegliete il colore. via apparirà questa scritta.
CODICE

[COLOR=delle lettere e dei numeri ]Inserisci qui il tuo messaggio[/COLOR]

copiate quelle lettere e quei numeri e incollateli accanto al cancelleto (cioè questo #) e salvate il tutto e aggiornate la pagina.

Fine lesson 2 nd 1
 
Top
Annylisa
view post Posted on 7/9/2005, 12:14




Ammazza!!!!!Sei bravissima!!!!
 
Top
*+*AsUkA*+*
view post Posted on 7/9/2005, 18:26




thank you , ma mi pare che nessuno le segua, se è così smetto..
 
Top
view post Posted on 25/9/2005, 16:19
Avatar

"They can keep their Heaven. When I die, I’d sooner go to Middle Earth"

Group:
Member
Posts:
22,109

Status:


noo le seguo ioooo
 
  Top
*+*AsUkA*+*
view post Posted on 26/9/2005, 12:16




ok allora
più avanti posterò altre lezioni ok?happy.gif
 
Top
view post Posted on 26/9/2005, 14:35
Avatar

"They can keep their Heaven. When I die, I’d sooner go to Middle Earth"

Group:
Member
Posts:
22,109

Status:


va bene^^
 
  Top
*+*AsUkA*+*
view post Posted on 26/9/2005, 15:10




lesson 3.
Avete notato sicuramente che molti siti hanno una grafica molto evoluta. Giusto? ad esempio delle immagini enormi con delle colonne sotto. La volete anche voi? oh beh niente di più facile. Purtroppo dovete disporre di un programma di grafica , oppure richiedere un layout già pronto.
Passiamo avanti. Dopo aver creato la vostra immagine (infatti, dovrete fare il vostro layout, con disegnate già le tabelle e le immagini già inserite) lo inserite come immagine semplice et voilat! ecco il vostro lay. noterete che non potete scriverci subito, vero? allora inseriamo un codice nuovo nuovo di zecca , eccolo qui!
CODICE

<div id="**Layer1**" class="div" allowtransparency="true" style="position: absolute; width: 338; height: 228; z-index: 1; left:8; top:436; overflow: auto" >
<p align="center">
<p class="head" align="center"><font face="Verdana" size="2">Benvenuti!QUI IL VOSTRO TESTO</div>

avete notato la parte con gli asterischi?ecco quando volete scrivere da un altra parte, tipo in un'altra colonna dovete copiare nuovamente il codice e cambiare numero, ma non è così semplice! infatto dovrete cambiare la forma della vostra colonna altrimenti non si adatterà mai alla vostra immagine, e i carateri da utilizzare sono questi: width(larghezza): --; height(altezza): --;
e se volete cambiare la posizione right:--; left:8; top:436
ok?
COMUNQUE VRREI CONSIGLIARVI CALOROSAMENTE UN PROGRAMMA CHE SI CHIAMA MICROSOFT FRONTPAGE
se mi contattate su MSN forse riesco a passarlo , ma comunque si può o comperare o scaricare, ma purtroppo moltevole sono a tempi ristretti, cioè che dopo tot giorni bisogna aquistarli.

Edited by *+*AsUkA*+* - 26/9/2005, 16:11
 
Top
Annylisa
view post Posted on 29/9/2005, 14:47




Brava!!!Io l'ho Microsoft FrontPage ma nn ho mai capito a ke serviva!!!!!Ora lo so...metterò in pratica questi tuoi esempi!!
 
Top
view post Posted on 29/9/2005, 18:09
Avatar

"They can keep their Heaven. When I die, I’d sooner go to Middle Earth"

Group:
Member
Posts:
22,109

Status:


io invece devo farmi preparare un layout....
 
  Top
*+*AsUkA*+*
view post Posted on 29/9/2005, 20:12




se vuoi ti posso aiutare **
 
Top
view post Posted on 30/9/2005, 14:03
Avatar

"They can keep their Heaven. When I die, I’d sooner go to Middle Earth"

Group:
Member
Posts:
22,109

Status:


grazie ma non vorrei approfittare tropp...
 
  Top
view post Posted on 14/11/2005, 14:49
Avatar

"They can keep their Heaven. When I die, I’d sooner go to Middle Earth"

Group:
Member
Posts:
22,109

Status:


bene ho una layout pronto puoi continuare con le lezioni^^
 
  Top
*+*AsUkA*+*
view post Posted on 14/11/2005, 16:05




Per pubblicare la pagina su "Altervista":

1-avete creato il vostro layout con tutte le vostre immagini >es.lo sfondo da voi utilizzato, il logo...
2-dategli un nome
3-entrate nel vostro pannello e scegliete l'opzione "gestisci files"
4-scegliete ora "invia files" e mandate la pagina HTML che avete creato col nome di "index.html" e tutte le immagini relative.
5- aprite una nuova pagina , digitate l'URL del vostro sito >es. il pannello è denomintao "mionome" voi digiterete www.mionome.altervista.org
ed ecco il vostro layout!



Consigli utili:

-AVETE UNA TABELLA CON I FRAME?
un consiglio utile: volete far apparire tutte le pagine in un frame senza dover creare sempre nuove pagine? ecco qui il codice che fa par voi:
CODICE
<a href="URLDELLINK" target="frame-nomedelframe">NOMELINK</a>

con questo non dovete far altro che creare pagine vuote e inserirle nell'url, se ci cliccate si apriranno tutte nella stessa pagina.es>scusate lo spam> www.grafikasu.altervista.org
 
Top
Under the Moon
view post Posted on 15/11/2005, 17:06




CITAZIONE
quello che dovete fare è : aprire la pagina e cliccare col tasto destro e scegliere HTML . Cosa appare? appaiono tutti i codici che costruiscono la vostra pagina web. Voi dovrete solo scrivere qualcosa tra
e e salvate tutto. poi aggiornate la pagina e vi apparirà una pagina bianca con quello che avete scritto voi.

Ahhh, sognavo lezioni di HTML ma nessuno me le ha mai volute dare -.-''

Solo che mi chiedo.. Se io clicco col dx sul file, non mi esce HTML..
Credo lo faccia in automatico, perchè se io lo apro utilizza il mio browser per internet..
Sbaglio forse??

E comunque, continua a darci questi preziosi consigli! ><

Una cosa sola: sei un'autodidatta?? ^^''
CITAZIONE
Abbiamo detto che ci sono i codici e . Bene! sostituite al primo ( ) questo codice:

CODICE
<body background="URLDELLAIMMY">

e vi apparirà l'immagine cme sfondo,

Ma a me non esce nullaaaa cry.gif

Edited by Under the Moon - 15/11/2005, 17:29
 
Top
*+*AsUkA*+*
view post Posted on 15/11/2005, 17:44




CITAZIONE (Under the Moon @ 15/11/2005, 17:06)
Solo che mi chiedo.. Se io clicco col dx sul file, non mi esce HTML..
Credo lo faccia in automatico, perchè se io lo apro utilizza il mio browser per internet..
Sbaglio forse??

Una cosa sola: sei un'autodidatta?? ^^''
CODICE
<body background="URLDELLAIMMY">
Ma a me non esce nullaaaa cry.gif

usa questo codice x le immagini XD vedi che ora funzia:

CODICE
<img src="URLDELLAIMMY">


AHAHAH! deve uscire il browser di internet!!!! altrimenti che pagina web è?!
Un dubbio, hai aperto la pagina (cliccato e si apre col browser che dici tu) e poi cliccato col tasto destro?
Oppure l'hai visto e cliccato senza aprirlo?
 
Top
31 replies since 6/9/2005, 19:10   1220 views
  Share