| Precedente :: Successivo |
| Autore |
Messaggio |
LuckyBoy
Eroe in grazia degli dei
Registrato: 14/07/05 14:23
Messaggi: 96
Residenza: Lago di Garda
|
 Inviato: 02 Set 2005 16:01 Oggetto: * Pagina Web semplice semplice |
 |
|
Rebelia accetto la tua offerta 
Vorrei una pagina da pubblicare in internet molto semplice del tipo:
Sfondo Nero
Scritta sottolineata centrata carattere "Century Gothic" -60- con MIOCOGNOME Maiuscolo Colore Grigio
Sotto questa, la scritta in Giallo minuscolo: info@miocognome.net con collegamento alla posta elettronica Carattere "Century Gothic" - 14.
Grazie
Attendo news |
|
| Top |
|
 |
niklair
Dio maturo
Registrato: 31/10/03 11:38
Messaggi: 2289
Residenza: Piu' a nord della dea della grafica
|
| Inviato: 02 Set 2005 16:04 Oggetto: velocità |
|
|
.... speriamo sia più veloce di JK ......   |
|
| Top |
|
|
juzo kun
Dio maturo
Registrato: 19/04/04 09:32
Messaggi: 1853
Residenza: tra la tastiera e la sedia
|
| Inviato: 02 Set 2005 16:12 Oggetto: |
|
|
@niklair: 
(pietosa reazione che non nasconde quanto l'affermazione risponda a realtà, ahimè)
@LuckyBoy: preferisci costruirla con un programma 'amichevole' oppure vuoi osare e sporcarti le mani col codice?
Cià
JK |
|
| Top |
|
|
ioSOLOio
Amministratore
Registrato: 12/09/03 19:01
Messaggi: 16342
Residenza: in un sacco di...acqua
|
| Inviato: 02 Set 2005 16:21 Oggetto: |
|
|
io direi che gliela facciamo costruire col notes visto che si tratta di poche righe di codice..così vede di cosa si tratta..e se deve modificarla per aggiungere una riga sa come fare
font, colore e dimensioni si possono mettere in-line direi..
anche se qua reb magari me strozza perchè non faccio usare i css.... 
oss: tre risposte ma ancora non abbiamo fornito il codice....se lo faccio io, sicuramente funziona, ma non parlatemi poi di validazione ecc.ecc. eh
. |
|
| Top |
|
|
LuckyBoy
Eroe in grazia degli dei
Registrato: 14/07/05 14:23
Messaggi: 96
Residenza: Lago di Garda
|
| Inviato: 02 Set 2005 16:25 Oggetto: |
|
|
ommioddio... rebeliaaaa aiutoooo.....
Codice ???? Meglio un programma amichevole direi... |
|
| Top |
|
|
ioSOLOio
Amministratore
Registrato: 12/09/03 19:01
Messaggi: 16342
Residenza: in un sacco di...acqua
|
| Inviato: 02 Set 2005 16:37 Oggetto: |
|
|
tanto per farti un esempio veloce veloce..poi reb ti darà le dritte giuste per valorizzare al meglio il codice..
apri il notepad....e scrivici
| Codice: |
<html>
<head>
<title>miocognome.net</title>
</head>
<body bgcolor=#000000>
<br><br><br>
<div align=center>
<font face="Century Gothic" color=#c0c0c0 size=7><b>MIOCOGNOME</b></font>
<br><br>
<a href="mailto:info@miocognome.net" title="contattami"><font color=yellow face="Century Gothic" size=4>info@miocognome.net</font></A>
</div>
</body>
</html>
|
quindi scegli "Salva con nome", seleziona "tutti i tipi di files" e come nome scrivi index.htm [dove .htm è l'estensione] -> salva
adesso ti ritrovi una pagina web chiamata index...prova ad aprirla, dovrebbe essere come la desideravi tu... |
|
| Top |
|
|
LuckyBoy
Eroe in grazia degli dei
Registrato: 14/07/05 14:23
Messaggi: 96
Residenza: Lago di Garda
|
| Inviato: 02 Set 2005 16:43 Oggetto: |
|
|
MITICO.... Bella storia Funziona !!!
Bhè c'è qualche ritocchino da fare però ... ci siamo !
Grazie. |
|
| Top |
|
|
SverX
Supervisor Macchinisti
Registrato: 25/03/02 12:16
Messaggi: 11809
Residenza: Tokelau
|
| Inviato: 02 Set 2005 16:45 Oggetto: |
|
|
MIOCOGNOME doveva essere sottolineata...
prova
| Citazione: | | <u>MIOCOGNOME</u> |
invece di
| Citazione: | | <b>MIOCOGNOME</b> |
... magari già inizi ad intuire che U sta per "underline" e B sta per "bold"... sei a metà dell'opera |
|
| Top |
|
|
ioSOLOio
Amministratore
Registrato: 12/09/03 19:01
Messaggi: 16342
Residenza: in un sacco di...acqua
|
| Inviato: 02 Set 2005 16:48 Oggetto: |
|
|
e c'hai ragione....avevo letto male
oltre alla schifezza del codice, pure l'error di distrazione uff !!! |
|
| Top |
|
|
LuckyBoy
Eroe in grazia degli dei
Registrato: 14/07/05 14:23
Messaggi: 96
Residenza: Lago di Garda
|
| Inviato: 02 Set 2005 17:18 Oggetto: |
|
|
devo spostare le due scritte in basso come faccio ???? (Non sono centrate nella pagina!)
Grazie |
|
| Top |
|
|
ioSOLOio
Amministratore
Registrato: 12/09/03 19:01
Messaggi: 16342
Residenza: in un sacco di...acqua
|
| Inviato: 02 Set 2005 17:28 Oggetto: |
|
|
basta accodare a quelli già presenti dei uno per ogni riga da far scendere
comunque, se aspetti reb ti mostrerà un codice più pulito di quello che ti ho postato io giusto per darti una idea di come fare....
come ho scritto io, non è certamente ottimale visto che a seconda della risoluzione dello schermo le scritte non saranno viste in maniera univoca.... |
|
| Top |
|
|
rebelia
Dio maturo
Registrato: 17/07/03 09:22
Messaggi: 7987
|
| Inviato: 02 Set 2005 18:02 Oggetto: |
|
|
| LuckyBoy ha scritto: | devo spostare le due scritte in basso come faccio ???? (Non sono centrate nella pagina!)
Grazie |
sigh!
tusolotu ti sparo
iniziamo da zero: formeremo una struttura (una griglia) e ci allegheremo una pagina dove raccoglieremo TUTTI i comandi per presentare la tua pagina (per formattarla/decorarla, quel che vuoi)
apri il blocco note e scrivi:
| Codice: |
<html>
<head>
<title>Lucky Boy</title>
</head>
<body>
<a href="mailto:info@nomesito.net">info@nomesito.net</a>
</body>
</html>
|
e lo salvi chiamandolo index.htm in una cartellina che avrai chiamato "miosito" (o anche "giuseppe" non cambia )
ora hai la struttura, cioe' la griglia, pero' ancora non hai detto alla tua pagina come dev'essere presentata nel browser: se provi ad aprirla con il browser, vedrai che ti comparira' una pagina completamente bianca, con dentro l'indirizzo di posta elettronica (cmq cliccabile e funzionante) e che nella barra in alto della finestra sara' comparso il titolo "lucky boy"
presentazione della pagina: anziche' inserirla in mezzo al codice, la raggruppiamo completamente in un file esterno; in questo modo, se le pagine diventeranno in futuro due o tre o quattro o 500, non sara' necessario scrivere 500 volte "voglio lo sfondo nero", ma sara' sufficiente far riferimento a quell'unico file iniziale che conterra' TUTTE le istruzioni necessarie e quando lo sfondo lo vorrai verde, dovrai cambiare un unico comando anziche' 500
riapri il blocco note e scrivi:
| Codice: |
body {
background-color: black;
color: white;
font-family: verdana;
}
a {
color: green;
}
a:hover {
color: red;
}
|
edit: scusa, leggo ora che le istruzioni sono diverse, non importa: preparo il css corretto, tu continua pure con le istruzioni qua sotto
e salvalo nella stessa cartella di prima con il nome stile.css
ora hai da una parte la struttura e dall'altra il modo di presentarla: come fare per unire i due files?
semplice: riapri il file index.htm e appena sotto il tag title e prima della chiusura del tag head scrivi:
| Codice: |
...
<title>Luky Boy</title>
<link href="stile.css" rel="stylesheet" type="text/css">
</head>
...
|
che tradotto significa che il browser leggera': per la presentazione, fai riferimento al file che si chiama stile.css, e' un foglio di stile ed e' scritto come un testo (piu' o meno, ma mooooooolto piu' o meno ) cmq al momento non ci interessa: scrivi quella stringa pari pari e vedrai che quando andrai a visualizzare la tua pagina nel browser, avra' lo sfondo nero, il link sara' verde e se ci passi sopra il mouse diventa rosso
quando sei arrivato fin qua, fai un fischio
-
L'ultima modifica di rebelia il 02 Set 2005 18:49, modificato 1 volta |
|
| Top |
|
|
ioSOLOio
Amministratore
Registrato: 12/09/03 19:01
Messaggi: 16342
Residenza: in un sacco di...acqua
|
| Inviato: 02 Set 2005 18:08 Oggetto: |
|
|
| rebelia ha scritto: |
sigh!
tusolotu ti sparo
|
eheh..l'avevo preannunciato...
così va un pochetto meglio ?
| Codice: |
<html>
<head>
<title>miocognome.net</title>
<style>
A { text-decoration: none ; font-family: "Century Gothic"; font-size: 16pt; color=yellow;}
A:link { font-family: "Century Gothic"; font-size: 16pt; color=yellow;}
A:hover { text-decoration: none ; font-family: "Century Gothic"; font-size: 16pt; color=orange;}
.surname { text-decoration:underline ; font-family: "Century Gothic"; font-size: 34pt; color=#c0c0c0}
body { background-color: black; }
</style>
</head>
<body>
<br><br><br><br>
<div align=center>
<div class=surname>MIOCOGNOME</div>
<br><br>
<a href="mailto:info@miocognome.net" title="contattami">info@miocognome.net</A>
</div>
</body>
</html>
|
resta ancora da impostare i margini e spaziare senza usare i < br >....
. |
|
| Top |
|
|
rebelia
Dio maturo
Registrato: 17/07/03 09:22
Messaggi: 7987
|
| Inviato: 02 Set 2005 18:13 Oggetto: |
|
|
rieccomi:
cambia la struttura in questo modo:
| Codice: |
...
<body>
<div id="contenitore">
<H1>MIOCOGNOME</H1>
<a href="mailto:info@nomesito.net">info@nomesito.net</a>
</div>
</body>
...
|
ed il css diventera':
| Codice: |
body {
background-color: black;
color: white;
font-family: "century gothic", sans-serif;
font-size: 14px;
text-align: center;
}
#contenitore {
width: 75%;
margin-top: 30%;
margin-left: auto;
margin-right: auto;
margin-bottom: auto;
}
#contenitore h1 {
font-size: 60px;
color: gray;
}
#contenitore a {
color: yellow;
}
#contenitore a:hover {
color: orange;
}
|
edit: non so quanto tu mastichi l'html, cmq per la cronaca il primo tag (<html></html>) significa che tutto quel che sta scritto la' dentro e' html (e fin qua  )
all'interno vi sono due sezioni:
la prima tra i tag head, che contiene una serie di informazioni per il browser che pero' non compariranno nella finestra (l'unico che compare e' il title, ma nella barra, non nel corpo della pagina)
la seconda e' body che contiene quel che invece comparira' effettivamente nella finestra del browser e questo e' per la struttura
il tag div - che attualmente contiene miocognome e l'indirizzo di posta - te lo puoi figurare come uno di quei lucidi con cui compongono i cartoni animati, hai presente? il contenuto della pagina si dispone sui vari "lucidi" (=div) e viene poi rimaneggiato e spostato a piacimento tramite il css, cioe' il file esterno che ti ho fatto creare e linkare nell'head della pagina
per poter riconoscere i div, gli si da un id, un nome ed infatti se guardi all'interno del css, ho richiamato il div tramite quel nome e gli ho dato delle caratteristiche: gli ho detto che lo voglio largo il 75% della pagina, ad esempio e che voglio che i titoli marcati con h1 siano grigi e inoltre che i link siano gialli
il che significa che se io creo un altro div AL DI FUORI DI QUELLO e lo chiamo "alternativo", i titoli marcati con h1 ed i link NON avranno lo stesso colore (grigio e giallo) di quelli all'interno del div che ho chiamato "contenitore"
spero di non essere andata troppo sul difficile, eventualmente dillo che ti rispiego un passo alla volta
(non farti prendere dal panico, non e' affatto difficile e lo dimostra il fatto che l'ho imparato pure io )
-
L'ultima modifica di rebelia il 02 Set 2005 18:46, modificato 3 volte |
|
| Top |
|
|
rebelia
Dio maturo
Registrato: 17/07/03 09:22
Messaggi: 7987
|
| Inviato: 02 Set 2005 18:15 Oggetto: |
|
|
| ioSOLOio ha scritto: |
resta ancora da impostare i margini e spaziare senza usare i < br >....
|
ecco, appunto: se iniziamo da zero con ordine, il risultato finale sara' maneggevole come il pongo, altrimenti rischiamo di fargli fare e disfare codice che e' un piacere
abbi pazienza e fede e vedrai che un passo alla volta ci arrivo 
- |
|
| Top |
|
|
ioSOLOio
Amministratore
Registrato: 12/09/03 19:01
Messaggi: 16342
Residenza: in un sacco di...acqua
|
| Inviato: 02 Set 2005 18:17 Oggetto: |
|
|
si si..infatti io mi stavo riferendo al mio codice....in pratica stai spiegando a LuckyBoy e nel mentre mi son inserito pure io..
sorry... |
|
| Top |
|
|
rebelia
Dio maturo
Registrato: 17/07/03 09:22
Messaggi: 7987
|
| Inviato: 02 Set 2005 18:27 Oggetto: Re: Pagina Web semplice semplice |
|
|
| LuckyBoy ha scritto: | Rebelia accetto la tua offerta
Scritta sottolineata centrata carattere "Century Gothic" -60- con |
scusa, non mi ero accorta del "sottolineata"
un consiglio: per una consuetudine, tutto cio' che e' sottolineato nel web generalmente e' un link, percio' per non crear confusione ai navigatori si evita di sottolineare testo che NON sia link
se lo vuoi sottolineato, te lo faccio fare, ma se ci ripensi e' meglio
nel caso tu lo voglia sottolineato malgrado tutto ( ), all'interno del css scrivi:
| Codice: |
...
#contenitore h1 {
...
text-decoration: underline;
}
...
|
(naturalmente i puntini stanno per non riscrivere quel che ho scritto finora, che rimane invariato )
nota per quel che riguarda i colori:
per semplicita', ti ho fatto usare i colori "red, black, yellow... " eccetera, ma ci si possono inserire millemila sfumature di colore attraverso il codice esadecimale
se ti interessera' approfondire (nel caso tu non lo conosca gia'), ne riparleremo volentieri quando lo desideri
nota per la font: ti ho fatto scrivere sia century gothic che sans serif perche' non e' detto che il browser del navigatore che visita la tua pagina abbia il century gothic, percio' gli ho detto di usare una font a bastoncino (sans serif significa senza i "ricciolini" che ha ad esempio il times new roman); di solito non ci si limita a due, ma si danno piu' alternative, ad esempio "century gothic", verdana, arial, sans-serif ed il browser provera' a cercare il century gothic, se non lo trova cerca il verdana e cosi' di seguito
- |
|
| Top |
|
|
ioSOLOio
Amministratore
Registrato: 12/09/03 19:01
Messaggi: 16342
Residenza: in un sacco di...acqua
|
| Inviato: 02 Set 2005 18:37 Oggetto: |
|
|
già che ci siamo (e che oramai un po' di casino l'ho fatto) ne approfitto per chiedere un paio di cose...
1) ricordo bene che il colore grey IE lo schifa per cui occorre per farlo contento mettere gray oppure ricorrere al migliore #c0c0c0 ?
2) sul link per la mail è corretto aggiungere | Codice: | | mailto:info@nomesito.net?subject=dimmiquellochevuoi |
per ottenere una mail con Subject preimpostato ?
3) l'uso di < H1 > potrebbe venir sostituito da apposito codice aggiuntivo nel css ?
4) come si può assegnare al < text-decoration > più di un attributo [ad esempio grassetto e corsivo oppure sottolineato e grassetto ] ?
Se li aggiungo di seguito separati da virgola IE interpreta solo l'ultimo mi pare...
GIA
. |
|
| Top |
|
|
Gateo
Dio maturo
Registrato: 17/11/03 19:16
Messaggi: 12379
|
| Inviato: 02 Set 2005 18:43 Oggetto: |
|
|
Guardate che se fate cosi' Luckyboy chiede se l'offertone a 240 euro e' ancora valido...  |
|
| Top |
|
|
rebelia
Dio maturo
Registrato: 17/07/03 09:22
Messaggi: 7987
|
| Inviato: 02 Set 2005 18:45 Oggetto: |
 |
|
| ioSOLOio ha scritto: | già che ci siamo (e che oramai un po' di casino l'ho fatto) ne approfitto per chiedere un paio di cose...
1) ricordo bene che il colore grey IE lo schifa per cui occorre per farlo contento mettere gray oppure ricorrere al migliore #c0c0c0 ?
2) sul link per la mail è corretto aggiungere | Codice: | | mailto:info@nomesito.net?subject=dimmiquellochevuoi |
per ottenre una mail con Subject preimpostato ?
3) l'uso di < H1 > potrebbe venir sostituito da apposito codice aggiuntivo nel css ?
4) come si può assegnare al < text-decoration > più di un attributo [ad esempio grassetto e corsivo oppure sottolineato e grassetto ] ?
Se li aggiungo di seguito separati da virgola IE interpreta solo l'ultimo mi pare...
GIA
. |
ti rispondo qua, ma magari per i prossimi dubbi apri un thread, altrimenti rischiamo di far fare confusione a lucky boy (scusa se ti bacchetto, non e' mia intenzione, ma so quanto sia difficile all'inizio e non vorrei si spaventasse  )
iniziamo:
1) gray e' corretto, grey e' uno svarione che provvedero' a correggere
il codice esadecimale per ora vorrei lasciarlo perdere, perche' se non lo mastica rischio di complicargli la vita andandoselo a recuperare da qualche parte
2) si, se non ricordo male dovrebbe essere, ma sto tenendo i comandi al minimo indispensabile per evitare di metter troppa carne sul fuoco; poi una volta preso mano con questi, si possono aggiungere un sacco di raffinatezze per migliorare il tutto
3) no, se vuoi lavorare con un codice semanticamente corretto; i tag definiscono un determinato elemento, determinano di cosa si tratta: un titolo, un paragrafo, un contenitore, un link... con il css formatti tutto come vuoi, nel senso che puoi formattare quel tag h1 anche con font x-small o addirittura farlo sparire come faccio io nelle mie pagine, ma se stiamo parlando di un titolo (ed io sono partita dal presupposto che quello SIA il titolo della pagina), allora va usato un tag hn (hn= h1, h2, h3, h4, h5 o h6)
4) text-decoration: underline, font-weight: bold cioe' si tratta di attributi di elementi diversi
cmq ad esempio se vuoi formattare il bordo, puoi dare piu' elementi semplicemente cosi':
| Codice: |
border: 1px solid red;
|
quindi senza virgole
- |
|
| Top |
|
|
|
FAQ
Cerca
Lista utenti
Gruppi
Registrati
Profilo
Messaggi privati
Log in
