|
| Precedente :: Successivo |
| Autore |
Messaggio |
rebelia
Dio maturo
Registrato: 17/07/03 09:22
Messaggi: 7987
|
 Inviato: 20 Ago 2006 21:38 Oggetto: |
 |
|
| Albatro ha scritto: | visualizzando in anteprima il layout,ho notato che manca la footer,e le due parti laterali,per il logo quello potrei rifarlo basta attenersi alle misure originali vero? ma le due fasce ai lati come potrei farle?   |
si, nessun footer impostato per ora
facciamo cosi': tu mi fai un disegno con photoshop di quello che intendi realizzare, io te lo trasformo in codice e te lo spiego, ci stai? |
|
| Top |
|
 |
Albatro
Eroe in grazia degli dei
Registrato: 22/03/06 06:56
Messaggi: 163
Residenza: Roma
|
| Inviato: 21 Ago 2006 03:44 Oggetto: |
|
|
Ok io ci provero' a farlo,una cosa volevo chiederti,quando faccio l'alteprima l'imagine vera e propia del logo non si vede,e non si vede neanche la scritta.Comunque quello che non capisco,ma nel contempo mi affascina,e' capire come si puo trasformare un immagine in codice,perche'l'immagine.gif del layout e' 150x133 ma nella realtà poi
e'molto piu grande 805x631 o no?
p.s cmq l'header a parte il colore mi andrebbe bene anche cosi la toolbar mi piace 
bye e grazie |
|
| Top |
|
|
rebelia
Dio maturo
Registrato: 17/07/03 09:22
Messaggi: 7987
|
| Inviato: 21 Ago 2006 09:14 Oggetto: |
|
|
| Albatro ha scritto: | Ok io ci provero' a farlo,una cosa volevo chiederti,quando faccio l'alteprima l'imagine vera e propia del logo non si vede,e non si vede neanche la scritta.Comunque quello che non capisco,ma nel contempo mi affascina,e' capire come si puo trasformare un immagine in codice,perche'l'immagine.gif del layout e' 150x133 ma nella realtà poi
e'molto piu grande 805x631 o no?
p.s cmq l'header a parte il colore mi andrebbe bene anche cosi la toolbar mi piace
bye e grazie |
l'anteprima?
aspetta, cominciamo da capo!
crea una cartellina nuova
apri il blocco note
copia la prima parte di codice che ti ho scritto
incollalo nel blocco note
salva come template.html
copia la seconda parte di codice che ti ho scritto
incollalo nel blocco note
salva come stile.css
apri photoshop
apri il tuo file
ritaglia la parte del logo
ridimensionalo in modo che abbia un'altezza di 62 pixel
salva l'immagine con estensione .gif nella stessa cartella degli altri due files
apri la cartellina con esplora risorse
clicca su template.html
dovrebbe aprirsi il tuo browser predefinito e dovrebbe caricare TUTTI E TRE i files e dovresti avere esattamente il risultato che ti ho postato nello screenshot; NON affidarti all'anteprima di dreamweaver, ma usa direttamente il browser: e' molto piu' affidabile!
l'immagine E' piccola, il resto e' codice a cui e' stato impostato del colore piuttosto che un bordo o altro e il risultato finale e' quel che vedi
non so se sbaglio io, ma mi par di capire che secondo te una pagina web e' TUTTA immagine: beh, non e' cosi'; in realta' e' immagine solo quello che non si riesce a riprodurre in altro modo (lavorando col codice e i css) e basta
che colore vorresti? e dove esattamente? al posto del grigio? se me lo dici ti indico dove cambiare
una volta pronto il tuo logo, per preparare le pagine devi aprire dreamweaver DALLA PARTE DEL CODICE e completare la parte dove ora c'e' scritto [contenuto]; devi prestare attenzione a non modificare nient'altro, a parte i link del menu
dimenticati di lavorare con dreamweaver dalla parte visuale: rischi soltanto di complicarti la vita, perche' finiresti per aggiungere codice e pezzi che poi avresti difficolta' a gestire; dimenticati anche l'anteprima e - come ti dicevo - usa il browser; ti sembrera' poco pratico le prime volte, ma avrai meglio il polso di quel che stai facendo
posso farti una domanda? perche' ho un dubbio... ma il tuo fine era fare un sito web oppure imparare a usare bene photoshop? perche' io sono partita in quarta, ma magari sto prendendo una cantonata e ho sbagliato a capire il tuo scopo |
|
| Top |
|
|
Albatro
Eroe in grazia degli dei
Registrato: 22/03/06 06:56
Messaggi: 163
Residenza: Roma
|
| Inviato: 21 Ago 2006 15:42 Oggetto: |
|
|
| rebelia ha scritto: | | Albatro ha scritto: | Ok io ci provero' a farlo,una cosa volevo chiederti,quando faccio l'alteprima l'imagine vera e propia del logo non si vede,e non si vede neanche la scritta.Comunque quello che non capisco,ma nel contempo mi affascina,e' capire come si puo trasformare un immagine in codice,perche'l'immagine.gif del layout e' 150x133 ma nella realtà poi
e'molto piu grande 805x631 o no?
p.s cmq l'header a parte il colore mi andrebbe bene anche cosi la toolbar mi piace
bye e grazie |
l'anteprima?
aspetta, cominciamo da capo!
crea una cartellina nuova
apri il blocco note
copia la prima parte di codice che ti ho scritto
incollalo nel blocco note
salva come template.html
copia la seconda parte di codice che ti ho scritto
incollalo nel blocco note
salva come stile.css
apri photoshop
apri il tuo file
ritaglia la parte del logo
ridimensionalo in modo che abbia un'altezza di 62 pixel
salva l'immagine con estensione .gif nella stessa cartella degli altri due files
apri la cartellina con esplora risorse
clicca su template.html
dovrebbe aprirsi il tuo browser predefinito e dovrebbe caricare TUTTI E TRE i files e dovresti avere esattamente il risultato che ti ho postato nello screenshot; NON affidarti all'anteprima di dreamweaver, ma usa direttamente il browser: e' molto piu' affidabile!
l'immagine E' piccola, il resto e' codice a cui e' stato impostato del colore piuttosto che un bordo o altro e il risultato finale e' quel che vedi
non so se sbaglio io, ma mi par di capire che secondo te una pagina web e' TUTTA immagine: beh, non e' cosi'; in realta' e' immagine solo quello che non si riesce a riprodurre in altro modo (lavorando col codice e i css) e basta
che colore vorresti? e dove esattamente? al posto del grigio? se me lo dici ti indico dove cambiare
una volta pronto il tuo logo, per preparare le pagine devi aprire dreamweaver DALLA PARTE DEL CODICE e completare la parte dove ora c'e' scritto [contenuto]; devi prestare attenzione a non modificare nient'altro, a parte i link del menu
dimenticati di lavorare con dreamweaver dalla parte visuale: rischi soltanto di complicarti la vita, perche' finiresti per aggiungere codice e pezzi che poi avresti difficolta' a gestire; dimenticati anche l'anteprima e - come ti dicevo - usa il browser; ti sembrera' poco pratico le prime volte, ma avrai meglio il polso di quel che stai facendo
posso farti una domanda? perche' ho un dubbio... ma il tuo fine era fare un sito web oppure imparare a usare bene photoshop? perche' io sono partita in quarta, ma magari sto prendendo una cantonata e ho sbagliato a capire il tuo scopo |
tutto quello che mi hai detto di fare lo avevo gia fatto ieri sera,per abitudine quando faccio copia incolla dei codici li passo sempre su blocco notes,perche' copiando direttamente ed incollarlo su qualsiasi target,e' controproducente,in quanto potrebbe copiare anche parti che non interessano.Io avevo sostituito il tuo logo facendolo di nuovo con photoshop,ovviamente rispettando la lunghezza e la larghezza,ho rinominato quello fatto da me e poi ho visto l'anteprima del layout con frontpage( io uso questo da tempo e lo conosco discretamente bene)e quello che si vede e' questo:
 [/url]
dramweaver lo devo rrinstallare,non ce l'ho sul pc,il fine e' quello di imparare come fare siti web,ma anche di saper usare photoshop,sono due cose quasi concatenate.
io ho quasi fatto il layout da nuovo,ma quel formato di 805x 631 stavo notando che e' piccolino per quello che dovrei farci,infatti se vedi quello attuale e' per una risoluzione di 1024x768,lo rifaro' daccapo....fare e disfare e' tutto un lavorare.....
ok ora devo andare al lavoro ti rileggero stasera,con le ultime notizie  |
|
| Top |
|
|
rebelia
Dio maturo
Registrato: 17/07/03 09:22
Messaggi: 7987
|
| Inviato: 21 Ago 2006 16:18 Oggetto: |
|
|
| Albatro ha scritto: |
tutto quello che mi hai detto di fare lo avevo gia fatto ieri sera,per abitudine quando faccio copia incolla dei codici li passo sempre su blocco notes,perche' copiando direttamente ed incollarlo su qualsiasi target,e' controproducente,in quanto potrebbe copiare anche parti che non interessano. |
uomo saggio 
| Citazione: | | ho visto l'anteprima del layout con frontpage |
dimentica qualsiasi anteprima di qualsiasi editor: apri la directory e clicca direttamente su template.html: si apre il browser che ti mostra la pagina e QUELLO e l'anteprima a cui devi far riferimento, nessun altro
verifica di avere i tre files nella stessa directory, verifica che front page non ci abbia aggiunto nel frattempo del suo (=controlla i percorsi del file nel css che sia come quello originario), fai partire il file e dimmi cosa vedi
per il formato, non avevo capito come stavi lavorando; pensavo elastico, cmq nessun problema: con il sistema che stiamo usando lo si puo' cambiare in corso d'opera in ogni momento
personalmente piu' che allargare il layout penserei ad alzare l'header: porterei l'immagine a un'altezza di 150-200 pixel almeno, in modo che sia bella corposa; se mantieni le proporzioni, dovrebbe star bene
nel caso, modifica questo comando del css:
| Codice: |
#header {
height: 62px;
background: #000 url(logo.gif) no-repeat top left;
}
|
al posto del 62 inserisci la nuova misura dell'altezza, poniamo 150:
| Codice: |
#header {
height: 150px;
background: #000 url(logo.gif) no-repeat top left;
}
|
occhio sempre che l'estensione sia giusta e se scegli di salvare in .jpg o in .png ricordati di modificare anche quello nella stessa porzione di codice
personalmente sono abbastanza restia ad allargare troppo il layout per questioni di leggibilita': le righe corte sono piu' facilmente leggibili, quindi tendenzialmente, se non ci sono particolari esigenze, mantengo i miei layout all'interno dei canonici 750 pixel |
|
| Top |
|
|
Albatro
Eroe in grazia degli dei
Registrato: 22/03/06 06:56
Messaggi: 163
Residenza: Roma
|
| Inviato: 21 Ago 2006 21:06 Oggetto: |
|
|
Quel layout di cui sopra,e' stato aperto cliccando sopra al template,non da fronpage,e come noti anche tu il logo non si vede lo stesso,comunque io per capire bene quello che tu dici,devo entrare in un ottica diversa da come facevo io con fronpage es:
eccetto i link che facevo dalla parte del codice( ma anche da sopra volendo),il resto lo scrivo sopra,anche l'inserimento delle immagini,del logo,delle foto, etc..lo faccio
da sopra,usando gli appositi strumenti che frontpage offre.
Poi altra cosa importante,lavorando da dentro frontpage le modifiche es: dei colori vanno sul codice html,invece con questo sistema devo lavorare sui css direttamente, e qui per me nasce il problema,xche come ben sai non ci capisco una mazza,oltretutto non potrei neanche editarlo con fronpage,perche lui lavora solo su html 
cmq ho cambiato il colore dell'header e ho apprtato quella modifica sulla larghezza dello stesso da 62 a 150,ho notato che dove sta scritto contenuti quella parte si allunga per come mi necessita ?
ok installo dreamwe  |
|
| Top |
|
|
rebelia
Dio maturo
Registrato: 17/07/03 09:22
Messaggi: 7987
|
| Inviato: 21 Ago 2006 21:27 Oggetto: |
|
|
| Albatro ha scritto: | | Quel layout di cui sopra,e' stato aperto cliccando sopra al template |
d'accordo, quindi puo' essere successa una sola cosa: il percorso o il nome dell'immagine non corrispondono: controlla perche' SICURAMENTE o l'immagine NON E' nella stessa cartella degli altri due files dove dovrebbe essere, oppure NON si chiama logo.gif
| Citazione: | non da fronpage,e come noti anche tu il logo non si vede lo stesso,comunque io per capire bene quello che tu dici,devo entrare in un ottica diversa da come facevo io con fronpage es:
eccetto i link che facevo dalla parte del codice( ma anche da sopra volendo),il resto lo scrivo sopra,anche l'inserimento delle immagini,del logo,delle foto, etc..lo faccio |
esatto, devi entrare in un'ottica diversa
| Citazione: |
le modifiche es: dei colori vanno sul codice html,invece con questo sistema devo lavorare sui css direttamente, e qui per me nasce il problema |
errore: puoi tranquillamente aprire il css con front page: non ti colora il codice, ma te lo apre e lo puoi salvare; dai un'occhiata al template originario da cui ho creato il tuo: tutto il codice e' commentato passo passo e forse ti aiutera' ad orientarti meglio
| Citazione: |
cmq ho cambiato il colore dell'header e ho apprtato quella modifica sulla larghezza dello stesso da 62 a 150,ho notato che dove sta scritto contenuti quella parte si allunga per come mi necessita ? |
eh?
se modifichi la parte del codice che ti ho indicato, dovrebbe essere l'header (=la parte nera) a diventare piu' alta; di conseguenza la parte dove sta scritto [contenuti] si "abbassa", ma non avendo al momento misure non subisce vere modifiche: le subisce solo *a causa* della modifica in altezza che subisce l'header
| Citazione: |
ok installo dreamwe |
non ne hai alcun bisogno, io stessa lavoro con tutt'altro (il tuo ad esempio l'ho fatto col blocco note) e quella e' la parte divertente: una vera liberazione! |
|
| Top |
|
|
Albatro
Eroe in grazia degli dei
Registrato: 22/03/06 06:56
Messaggi: 163
Residenza: Roma
|
| Inviato: 21 Ago 2006 22:28 Oggetto: |
|
|
Infatti quella piccola modifica l'ho fatta con blocco note,
dreamweaver non vuole sentirne di essere installato,ci ho rinunciato
ora ho capito il perche non si vedeva il logo, perche tu birbantella avevi messo: logox7.gif e sul css la url sta scritto: logo.gif logico che non la trovava aveva un altro nome,infatti questa sotto e' solo una prova non e' il logo giusto,devo rifarlo con l'altezza e il colore adatto.
dimmi la verita' lo hai fatto apposta per vedere le mie capacita' eheh ..
[img] http://img59.imageshack.us/my.php?image=logoxt9.jpg [/img]
beh per questa sera so fuso,vado a nanna...buona notteeee |
|
| Top |
|
|
rebelia
Dio maturo
Registrato: 17/07/03 09:22
Messaggi: 7987
|
| Inviato: 21 Ago 2006 22:43 Oggetto: |
|
|
| Albatro ha scritto: | | tu birbantella avevi messo: logox7.gif e sul css la url sta scritto: logo.gif logico che non la trovava aveva un altro nome |
eh no! sei tu che non hai seguito le consegne date 
| rebelia ha scritto: |
[cut]
UNICA immagine usata:
(ritoccata male, non farci caso)
salva la prima parte in un file che chiami template.html
salva la seconda parte in un file che chiami stile.css
ricrea un'immagine della stessa dimensione di quella che ti ho postato e salvala nella medesima directory con nome logo.gif
|
io sapevo di aver usato un logo farlocco, avendolo dovuto ritagliare e ritoccare da un'immagine con delle righe, infatti ti ho detto di RICREARE l'immagine come quella postata e salvarla nella directory come logo.gif
imageshack che ho usato per caricare l'immagine aggiunge al nome delle lettere a caso per evitare doppioni, ma non me ne sono preoccupata proprio perche' quello postato da me NON doveva essere il logo usato 
ad ogni modo ora siamo allineati, percio' ripartiamo da qui non appena avrai fatto il logo |
|
| Top |
|
|
Albatro
Eroe in grazia degli dei
Registrato: 22/03/06 06:56
Messaggi: 163
Residenza: Roma
|
| Inviato: 22 Ago 2006 05:19 Oggetto: |
|
|
ok capo ripartiamo da quì,l'altezza del logo e' 150,ma se dovessi, logo a parte, aggiungerci altre immagini su l'header come posso fare? devo dargli per forza un add o ( url come dir si voglia)come hai fatto per il logo?
buona giornata |
|
| Top |
|
|
Albatro
Eroe in grazia degli dei
Registrato: 22/03/06 06:56
Messaggi: 163
Residenza: Roma
|
| Inviato: 22 Ago 2006 06:58 Oggetto: |
|
|
dimmi se ti piace cosi:
[img] http://img226.imageshack.us/my.php?image=headervs0.jpg [/img]
domanda: se io volessi metterci una immagine sulla destra del
header per riempire un po tutto quel vuoto come posso fare?
per la verita' potrei anche farlo con frontpage
bye |
|
| Top |
|
|
rebelia
Dio maturo
Registrato: 17/07/03 09:22
Messaggi: 7987
|
| Inviato: 22 Ago 2006 08:58 Oggetto: |
|
|
beh, normalmente si fa un'unica immagine che raccolga tutto quel che ci vogliamo mettere nel logo:
http://complistic.com/work_web.php
http://www.kells-associes.com/
http://www.kells-associes.com/
(i primi tre link che mi sono passati fra le mani)
riproducimi per cortesia con photoshop l'header come intenderesti farlo tu e poi vediamo come procedere |
|
| Top |
|
|
Albatro
Eroe in grazia degli dei
Registrato: 22/03/06 06:56
Messaggi: 163
Residenza: Roma
|
| Inviato: 22 Ago 2006 13:57 Oggetto: |
|
|
| rebelia ha scritto: | beh, normalmente si fa un'unica immagine che raccolga tutto quel che ci vogliamo mettere nel logo:
http://complistic.com/work_web.php
http://www.kells-associes.com/
http://www.kells-associes.com/
(i primi tre link che mi sono passati fra le mani)
riproducimi per cortesia con photoshop l'header come intenderesti farlo tu e poi vediamo come procedere |
piu che immagine devo metterci il mio banner 400x40 che ho sulla home del mio sito,il logo va bene cosi',ora dovrei finire l'header.
[img] http://img174.imageshack.us/my.php?image=headerco7.gif [/img] |
|
| Top |
|
|
rebelia
Dio maturo
Registrato: 17/07/03 09:22
Messaggi: 7987
|
| Inviato: 22 Ago 2006 14:26 Oggetto: |
|
|
ok, ti posto i due pezzi di codice da modificare:
html:
| Codice: |
<div id="header">
<h1>Fucina Web</h1>
<a href="#" title="Vai al sito della ditta xyz"><img src="banner.gif" alt="Ditta xyz - acquisti di qualità a prezzi convenienti" /></a>
</div>
|
css:
| Codice: |
#header {
height: 62px;
background: #000 url(logo.gif) no-repeat top left;
text-align: right;
}
#header img {
margin-right: 10px;
margin-bottom: 50px;
}
|
dove i valori di #header img variano a seconda di come vuoi posizionare il banner, se piu' o meno staccato dai due bordi dx e basso
nota: stiamo ancora lavorando con un layout fluido, per ora lascia cosi' |
|
| Top |
|
|
Albatro
Eroe in grazia degli dei
Registrato: 22/03/06 06:56
Messaggi: 163
Residenza: Roma
|
| Inviato: 22 Ago 2006 15:43 Oggetto: |
|
|
non so tecnicamente,ma praticamente mi sembra buono il sistema fluido,l'importante e' che posso metterci parecchi link,e contenuti.
ho messo il banner,ma vorrei centrarlo un poco di piu' al centro del header.
con questa stringa non posso farlo:
#header img {
margin-right: 10px;
margin-bottom: 50px
mi e' saltata la scritta [contenuto]sul browser,ho controllato il codice
sopra e' scritto cosi:
<body>
<div id="contenitore">
<div id="alto">
<div id="header">
<h1></h1>
<a href="#" title="banners"><img src="banner400x4014.gif" /></a>
sotto cosi:
<div id="contenuto">
nulla di importante credo,ma era un punto di riverimento per me
ok |
|
| Top |
|
|
rebelia
Dio maturo
Registrato: 17/07/03 09:22
Messaggi: 7987
|
| Inviato: 22 Ago 2006 15:50 Oggetto: |
|
|
| Albatro ha scritto: |
mi e' saltata la scritta [contenuto]sul browser |
non c'e' ragione perche' sia successo, non siamo andati ad agire li': potresti per cortesia postarmi TUTTO il codice della pagina e TUTTO il css?
mettilo tra i tag [ code ] e [/ code ] (senza gli spazi), altrimenti viene interpretato |
|
| Top |
|
|
Albatro
Eroe in grazia degli dei
Registrato: 22/03/06 06:56
Messaggi: 163
Residenza: Roma
|
| Inviato: 22 Ago 2006 20:14 Oggetto: |
|
|
era successo perche' avevo fatto la prova per mettere il logo di google,
e cosi inconsapevolmente lo avro' tolto,ma poi rigardando bene,ho rimesso tutto apposto,
stavo dicendoti,come posso fare per mettere il banner al centro dell'header? Come vedi sta troppo in alto:
[img] http://img317.imageshack.us/my.php?image=bannerap2.jpg [/img] |
|
| Top |
|
|
rebelia
Dio maturo
Registrato: 17/07/03 09:22
Messaggi: 7987
|
| Inviato: 22 Ago 2006 20:27 Oggetto: |
|
|
| Albatro ha scritto: | era successo perche' avevo fatto la prova per mettere il logo di google,
e cosi inconsapevolmente lo avro' tolto,ma poi rigardando bene,ho rimesso tutto apposto,
stavo dicendoti,come posso fare per mettere il banner al centro dell'header? Come vedi sta troppo in alto:
[img] http://img317.imageshack.us/my.php?image=bannerap2.jpg [/img] |
| Codice: |
#header img {
margin-right: 10px;
margin-top: 50px;
}
|
non dovesse funzionare, prova cosi':
| Codice: |
#header {
height: 62px;
background: #000 url(logo.gif) no-repeat top left;
text-align: right;
padding-right: 10px:
padding-top: 50px;
}
|
devi usare i due sistemi IN ALTERNATIVA senno' rischi che si assommino e ti sfascia il layout
nel secondo caso, ti ho messo la parte da modificare staccata rispetto all'altra, cosi' vedi bene qual'e' |
|
| Top |
|
|
Albatro
Eroe in grazia degli dei
Registrato: 22/03/06 06:56
Messaggi: 163
Residenza: Roma
|
| Inviato: 22 Ago 2006 21:04 Oggetto: |
|
|
| rebelia ha scritto: | | Albatro ha scritto: | era successo perche' avevo fatto la prova per mettere il logo di google,
e cosi inconsapevolmente lo avro' tolto,ma poi rigardando bene,ho rimesso tutto apposto,
stavo dicendoti,come posso fare per mettere il banner al centro dell'header? Come vedi sta troppo in alto:
[img] http://img317.imageshack.us/my.php?image=bannerap2.jpg [/img] |
| Codice: |
#header img {
margin-right: 10px;
margin-top: 50px;
}
|
non dovesse funzionare, prova cosi':
| Codice: |
#header {
height: 62px;
background: #000 url(logo.gif) no-repeat top left;
text-align: right;
padding-right: 10px:
padding-top: 50px;
}
|
devi usare i due sistemi IN ALTERNATIVA senno' rischi che si assommino e ti sfascia il layout
nel secondo caso, ti ho messo la parte da modificare staccata rispetto all'altra, cosi' vedi bene qual'e' |
ho messo il secondo,se non altro c'e anche la possibilita' di scegliere
l'allineamento del testo,ma il banner rimane sempre incollato su in aria e non si sposta |
|
| Top |
|
|
rebelia
Dio maturo
Registrato: 17/07/03 09:22
Messaggi: 7987
|
| Inviato: 22 Ago 2006 21:27 Oggetto: |
 |
|
non dovrebbe 
per cortesia postami il codice della pagina e quello del css tra i tag [ code] [/ code ] che do un'occhiata |
|
| Top |
|
|
|
|
Non puoi inserire nuovi argomenti
Non puoi rispondere a nessun argomento
Non puoi modificare i tuoi messaggi
Non puoi cancellare i tuoi messaggi
Non puoi votare nei sondaggi
|
|
FAQ
Cerca
Lista utenti
Gruppi
Registrati
Profilo
Messaggi privati
Log in
