Allora: chiedo supervisione e assistenza al mio operato!

[mar]

Ciao Raga!

Ecco infatti pensavo che non avevate le immagini separate!

Una devo modificarla ancora,allora tutto sommato meglio che non ci fossero!

Dove le metto le immagini?

Lo so che vi sganassate alla mia "gnuranza" colossale ma cosi' mi "svezzate" proprio da zero!

Mike mi ha mostrato differenze di codice FP e altro editor,pur non essendo io scafata pero' si vede che FP è piu' incasinato!


Ok appena so come inviare le immagini le invio! Basun


PS Intanto studio le cose che mi ha spiegato Mike!

[micdas]

Ciao MAr 
per inviare in modo semplice del materiale qui tramite forum, puoi fare così:
metti il materiale in un file zip (se hai Winzip)
tramite il tuo programma FTP trasferisci il pacchettino zip
poi qui nel forum metti il link al tuo pacchettino o in questo modo: Non sei autorizzato a vedere i links. Registrati o Login oppure in Non sei autorizzato a vedere i links. Registrati o Login

    

[mar]

Ciao Mike!

Ok faccio il pacchettino,dopo che ho sistemato la banda che non andava ancora bene!Lo zippo lo trasferisco e lo linko!

Se imbrocco tutte le operazioni domani c'è!

Grazie Mike
   a tutti!

[mar]

Buon giorno raga!

Ho impacchettato ma ho una confusione di cartelle e sottocartelle incredibile!

Spiego:
in altervista avevo una cartella che si chiamava doll per fare il sito a Felice ho fatto una sottocartella che doveva chiamarsi notar,poi un'altra che si chiama Felice ora quando apro altervista ho due doll un po' di roba mi salta fuori in una e un po' nell'altra non ci capisco piu' niente!

Allora per inviarvi le immagini la prima idea che mi viene è cancellare le sottocartelle,resta solo una doll,a questo punto dove metto il pacchetto di immagini?
Ma soprattutto come deve chiamarsi il file zippato, in qualche modo specifico?

A piu' tardi devo andare anche dal dentista,Signoramia che mondo che mondo!

[_jan_]

Non ha importanza come si chiama il file ZIP, purchè contenga tutto il necessario 

[mar]

Ok l'ho trasferito ma non lo trovo!

Rifaccio!

[micdas]

Ciao Mar 
Per i files zip da far scaricare dal server non è necessario che li metta nella stessa posizione che occupa nel tuo PC.
Io, per esempio faccio così.
Se dei files zip fanno parte di tutorial e debbono sempre rimanre a disposizione degli utenti, creo una cartella ad essi dedicata e li deposito tutti in questa cartella della quale mi è più facile ricordare la dislocazione.
Se, viceversa, una volta scaricati, i files non servono più, li metto nella radice del sito e, una volta scaricati li cencello.

In questo modo so sempre dove andarli a cercare.

    

[mar]

Ciao Mike!
Allora riparto da capo:

per comprimere usate win rar?

Io ho una cartella che ho chiamato "permike" che contiene 4 immagini !

La cartella se è compressa risulta come un pacchettino di libri giusto?
Quindi dovrei averla compressa!

Se fin qui ho operato in modo corretto significa che ho sbagliato da qui in poi!

Allora tramite ftp dovrei pubblicarla per mostrarvela!

Si deve chiamare solo "permike" o deve esserci rar o zip nel nome del file?E rar e zip sono la stessa cosa?

Io l'ho portata su con smart ma se la cerco mi trovo scritto pagina non trovata, perche' pagina? Mica è una pagina!

[_jan_]

Mi intrometto perchè immagino che Mar non veda l'estenzione dei file.
Mi pare di capire che non sa se il file "zippato" è un rar o uno zip (estenzioni diverse tra se per cui bisogna indovinare che tipo di link mettere)

Per visualizzare l'estenzione dei file apri RISORSE DEL COMPUTER
Alla finestra che si apre.... Seleziona il disco C:\

Si apre una nuova finestra e da quella scegli STRUMENTI e in basso al menu che appare click su: Opzioni Cartella
Da li scegli la linguetta VISUALIZZAZIONE e togli il segno di spunta a:

"Nascondi le estenzioni per i tipi di file conosciuti"

Una volta fatta questa operazione accanto alla iconcina del gruppo di libri vedi il nome del file compresso  più l'estenzione.

ES: permike diventera permike.zip oppure permike.rar
Fatto questo invierai il file in remoto e darai l'indirizzo giusto per farlo scaricare del tipo: Non sei autorizzato a vedere i links. Registrati o Login . nomedominio . it/ nomefile.zip (se come dice Miky è in radice  del sito)
Comunque puoi inviare il file compresso anche via mail.

[mar]

Grazie Gianni finalmente ce sto!
Tadadaaaaaaaaaaaa!
Non sei autorizzato a vedere i links. Registrati o Login



PS Il file si chiama "permike" perche' l'ho fatto ieri sera e stavo guardando i suoi esempi ma è per tutti, è ovvio! 

[mar]

Riassumendo un po' gli esempi che ho guardato vi dico le cose che non capisco
per esempio una fra le tante questo:

      <img src="img/marchietto.gif" alt="marchio" title="marchio" align="middle" />

Circa l'immagine del logo appunto :cosa vuol dire
 alt=marchio e title=marchio se l'immagine si chiama marchietto a cosa si riferisce marchio?

Cioe' nel codice ( a parte la struttura semplice di base)ci sono cose come questa di cui non so il significato ! Dove trovo le spiegazioni del significato di tag o attributi o come si chiamano di preciso?

Grazie mille!

[bloum]

  mar
Non sei autorizzato a vedere i links. Registrati o Login e Non sei autorizzato a vedere i links. Registrati o Login trovi lo zip

Circa l'immagine del logo appunto :cosa vuol dire
 alt=marchio e title=marchio se l'immagine si chiama marchietto a cosa si riferisce marchio?

l'alt e il title servono per identificare le immagini ai motori di ricerca, ho messo io marchio e forse ora marchietto, ma ciò non toglie che puoi scriverci quello che vuoi, anche Notar o img1 o pippo 

Dove trovo le spiegazioni del significato di tag o attributi o come si chiamano di preciso?

Generalmente nelle guide html o nel manuale del Non sei autorizzato a vedere i links. Registrati o Login
 

[mar]

Grazie Laura!
Bellissima la pagina,spero vada bene ora!

Allora si' infatti ho trovato i significati delle tag nella guida html che mi avevi indicato
 ma ce ne sono appunto per me di nuove!

Come quella alt e title riferito all'immagine!

Al massimo chiedo e, per favore, mi lluminate???? !

Nel frattempo che Felice "visiona" e mi risponde riprendo i miei esperimenti sulla pagina rosa!

Grazie e buon fine settimana!

[bloum]

  mar
qui cercheremo sempre di illuminarti, al massimo cambieremo le batterie al generatore 
Per quel che riguarda l'attributo alt e title, senza scendere in troppi particolari che al momento sarebbero prematuri, ti dico che servono ai motori di ricerca per indicizzare le immagini, quindi sarebbe cosa buona e giusta invece di usare dei nomi casuali tipo marchio o marchietto, usare Notar, cioè quello che rappresenta l'immagine.
In attesa dell' ok alla pagina, riprendi pure i tuoi esperimenti, e ora che hai cambiato editor vedrai che qualcosa sarà più comprensibile, e per i tuoi dubbi, siamo sempre qui.
Ora vado a farmi un  , visto che ho dormito a rate 
Buon fine settimana anche a te 

[mar]

  Laura l'ho messo sul server ma perche' mi viene cosi'?

Non sei autorizzato a vedere i links. Registrati o Login

Il marchio perche' mi è entrato un pezzettino nel fondo?Eppure non ho toccato niente! Sono disastrosa!
 
Secondo te cosa puo' essere successo!

PS Grazie per aver messo le note nel css!

[bloum]

  mar
controlla l'immagine sembra rovinata
 

[mar]

Ciao Laura! Buon giorno a tutti!

Forse quando ho trasferito le immagini nella cartella notar!


Infatti avevo le altre immagini e le ho tolte per non far confusione,pero' le ho tolte quando avevo gia' messo queste!qualcosa è andato storto!

Ho rifatto ora mi sembra a posto!

Felice ha visto :in generale e mi ha detto questo:

Lo sfondo andrebbe bene ma perche' tutto quello spazio grigio a destra?
Vorrei che si fermasse ai limiti della pellicola!

Poi la freccetta enter vorrei che fosse posta sulla banda rossa all'estrema destra!



Altre osservazioni non ne ha fatte,il marchio è ststo un mio "errore di sbaglio" !

Lo sfondo grigio ho guardato ma non ho capito come rimediare e la freccia che è un'immagine sopra un'altra immagine e deve essere cliccabile non ho la piu' pallida idea di come poter fare!

Se non si puo' troviamo un'altra soluzione!


Grazie per l'attenzione, bacio a presto!

[micdas]

Ciao Mar
Allora mi sono cimentato in questa ardua, per me, impresa.
Ho osservato i CSS sinora presentati, li ho un po' shakerati e sono arrivato a Non sei autorizzato a vedere i links. Registrati o Login che forse riesce finalmente a soddisfare le pretese del proprietario del sito.

Non pretendo di aver ottenito il massimo. Ma ora che c'è una soluzione che più confa le aspettative del tuo interlocutore, chi ne sa più di me di CSS (Laura e Loretta  ) può lavorare sul mio nuovo CSS.

In questa pagina ho cercato di soddisfare queste 2 richieste:

Lo sfondo andrebbe bene ma perche' tutto quello spazio grigio a destra?

Non c'è più spazio inutile e la pagina non mostra alcuna barra di scorrimento (almeno a tutto scermo ed ad una risoluzione di 1024 su uno scermo di 17'

Poi la freccetta enter vorrei che fosse posta sulla banda rossa all'estrema destra!

Fatto, almeno sembra
Da qualche altra parte di questo topic ho letto che

la freccetta deve essere cliccabile.

Fatto anche questo.

Come ho risolto?
Semplicemente shakerando CSS (già shakerato da vari CSS qui presentati e da me rubati) e HTML
qui riporto le regole usate in CSS (Che si può visionare leggendo il codice della pagina)

Codice: Non sei autorizzato a vedere i links. Registrati o Login

@charset "utf-8";
body {
font: 100% Verdana, Arial, Helvetica, sans-serif;
background: #666666 url(../img/sfondoprova_copia.jpg);
background-repeat: repeat-y;
background-position: center;
margin: 0;
padding: 0;
text-align: center;
color: #000000;
}
/* niente di particolare per questo TAG eccetto l'immagine che viene evocata come sfondo che si ripete verticalmente */
/* e che viene posta centralmente rispetto alla pagina */

#container {
/* width: 46em;*/
margin: 0 auto;
text-align: center;
}
/* viene definita la larghezza del contenitore principale della pagina */

#mainContent {
padding: 0 20px;
}
/* ha un padding di 20 px a dx ed a sn per spostarsi leggermente da detti margini */

#banda {
height: 58px;
width: 911px;
background-image: url(../img/bandacopia.jpg);
background-position: center;
background-repeat: no-repeat;
}
/* questo è importante */
/* rimane difficile sovrapporre 2 immagini in HTML */
/* allora la prima immagine la imposto come sfondo al <div> */
/* in questo modo in questo <div> posso inserire una diversa immagine o quel che voglio quando serve */

.frwccetta {
margin: 4px auto;
}
/* l'immagine da inserire nel <div> sovrastante la faccio slittare verso il basso di 4 px */


Fatto questo passo alla pagina HTML dove per prima cosa mi linko al CSS esterno all'interno dei tag
<head>..........</head>

<link href="css/stile.css" rel="stylesheet" type="text/css" />

Qui imposto i due <div> contenitori
aggiungo il logo
aggiungo il <div id="banda"> (veramente io non ho sentito alcuna banda........bohhh  ) che già contiene, come sfondo, l'immagine "banda" (ancora?) e pongo all'interno di questo <div> l'immagine freccia

Questo l'intero codice della pagina HTML

Codice: Non sei autorizzato a vedere i links. Registrati o Login

<div id="container">
<div id="mainContent">
<br />
<img src="img/marchietto.gif" alt="marchio" title="marchio" align="middle" />
<br /><br /><br />
<div id="banda"> <!-- questo div ha una sua immagine di sfonfo -->
<div align="right"><a href="pagina1.html">
        <img class="frwccetta" border="0" src="img/freccetta.gif" alt="freccetta" title="freccetta" /></a>
        </div>
</div>
</div><!-- end #mainContent --> 
</div><!-- end #container -->

Che dici? Non è un capolavoro d'arte?
Io penso, a questo punto, alcuni ritocchi dei CSSisti e la pagina potrebbe considerarsi completa

  uff......pant......pant.......             

[mar]

  Mike! 

Per me è perfetta!Sei stato super!

Spero vada bene anche a lui!

Io mi sto intando apprestando ad iniziare la seconda pagina quella dei menu'!

Il mio tentativo sara' copiando una delle vostre strutture, non sono in grado di "creare" niente dal nulla , ancora mi perdo come un naufrago per ora!

Con  i vostri esempi  vedo se "approdo" alla prossima pagina,almeno per lo sfondo poi ve lo mostro e andiamo avanti mano a mano!

Grazie Mike per me andrebbe benissimo!
 

[mar]

Mike sono qui con le prime domande!

Sto modificando e te pareva che ci prendessi al primo colpo?Allora:

il css va sostituito tutto?

Sostituendo il pezzo di codice piu' css non vedo la banda cosa ho dimenticato?L'immagine c'è!Illuminami d'immenso!

Certo ve ne va di corrente per illuminarmi!

La freccetta la vedo :tutto è OK pero' non c'è la banda ! ( forse perche' la banda passo'....! )

[micdas]

La freccetta la vedo :tutto è OK pero' non c'è la banda ! ( forse perche' la banda passo'....!

a miglior vita
In realtà la banda non sta nella pagina HTML ma sta nel CSS

Codice: Non sei autorizzato a vedere i links. Registrati o Login

#banda {
height: 58px;
width: 911px;
background-image: url(../img/bandacopia.jpg);
background-position: center;
background-repeat: no-repeat;
}
Nella pagina c'è solo il <div> che si riferisce a questa regola:

Codice: Non sei autorizzato a vedere i links. Registrati o Login

<div id="banda"> <!-- questo div ha una sua immagine di sfonfo (la banda) -->
.....................
</div>
In questo <div>, spostato a destra (<div align="right"> ............ </div>) è stata messa l'immagine della freccetta.

Codice: Non sei autorizzato a vedere i links. Registrati o Login

<div id="banda"> <!-- questo div ha una sua immagine di sfonfo -->
<div align="right"><a href="pagina1.html">
        <img class="frwccetta" border="0" src="img/freccetta.gif" alt="freccetta" title="freccetta" /></a>
        </div>
</div>

Se modifichi o togli la regola CSS #banda nel file CSS o se non metti il <div id="banda"> nel file HTML, la banda se ne va.

I files zippati necessari all'esempio da me preparato li trovi a Non sei autorizzato a vedere i links. Registrati o Login mentre l'esempio lo vedi da Non sei autorizzato a vedere i links. Registrati o Login

Se la banda la vuoi più basso o più alto intervieni con delle <br /> come ho fatto io:

Codice: Non sei autorizzato a vedere i links. Registrati o Login

<div id="container">
<div id="mainContent">
<br />
<img src="img/marchietto.gif" alt="marchio" title="marchio" align="middle" />
<br /><br /><br />
<div id="banda"> <!-- questo div ha una sua immagine di sfonfo -->
<div align="right"><a href="pagina1.html">
        <img class="frwccetta" border="0" src="img/freccetta.gif" alt="freccetta" title="freccetta" /></a>
        </div>
</div>
</div><!-- end #mainContent -->  
</div><!-- end #container -->

Ciao, e....alla prossima    

[mar]

Grazie Mike infatti pensavo di abbassare la banda( sta cominciando a suonare un po' troppo forte! )

Ok si' ho cercato ma non avevo trovato! Grazie della spiegazione dettagliata e dello zippo!

Poi ti faccio sapere cosa commentera' Felice!

[mar]

Ok ho sistemato hai ragione non c'era nel css!

Ora è a posto:

Non sei autorizzato a vedere i links. Registrati o Login

 

[micdas]

Ora è a posto:..........

O quasi, secondo me  
Infatti la banda non mi sembra centrata, almeno sul mio schermo, ma spostata a sinistra.
Se la vuoi centrata dovresti provare a giocare col padding del #mainContent nel CSS spostandolo dagli attuali 20px verso i 30px

   

PS.
dimenticavo una cosa.
Per la freccetta nella pagina HTML leggo:
<img class="frwccetta" border="0" src="img/freccetta.gif" alt="freccetta" title="freccetta" /></a>
ma nel CSS c'è la regola:

Codice: Non sei autorizzato a vedere i links. Registrati o Login

.freccia {
margin: 10px 840px;
}In questo modo la freccia non è centrata verticalmente rispetto alla banda, ma è allineata al bordo superiore.
Per cercare di centrarla verticalmente dovresti rimettere la classe .frwccetta  (mi scuso per questo nome ma è stato un errore di battitura iniziale che ora dovrei modificare in molte parti 

Codice: Non sei autorizzato a vedere i links. Registrati o Login

.frwccetta {
margin: 4px auto;
}

Ariciao 

[mar]

 
Humm! Io la vedo in centro! Finisce esattamente a meta' dei due fori della pellicola sui due lati!

Dove la vedi tu Mike?