Compito: scrittura HTML

[Piccola_peste]

Ciao Ragazzi!

Ho bisogno di una dritta per quanto riguarda la scrittura in HTML di un compito assegnatoci dal prof di informatica...

Allora, in questo esercizio, bisogna riportare delle immagini che ci siamo spediti sulla casella di posta elettronica questa mattina: non mi ricordo più come faccio ad inserire il path dell'immagine...dato che non sta più nel disco "default" dell'uni, dove basta inserire il tag con il nome dell'immagine e il gioco è fatto.

Qui sul mio mac le ho salvate in una cartella normale, quindi non me le trova...

Sono un pò confusa, dato che all'uni si fa su pc...con il blocco note...

A casa ho usato il text edit ma non so perchè non mi salta fuori nulla, nemmeno le scritte!

Che pasticcio!

[T1T]

<img src="tuaimmagine.jpg">

...metti la tua pagina html nella stessa cartella dell'immagine e vedrai che funziona

[Piccola_peste]

Grazie! Questa formuletta è quella che uso di solito...il problema è che il prof a lezione ha parlato di un percorso (path) dove c'erano dei puntini di sospensione e degli slash...

[zeroeleven]

vuoi un consiglio, vai su www.html.it

quando facevo siti, su html.it ho imparato moltissime cose.

[s702nv4e]

Grazie! Questa formuletta è quella che uso di solito...il problema è che il prof a lezione ha parlato di un percorso (path) dove c'erano dei puntini di sospensione e degli slash...

È semplicissimo (vedrai che è più facile di quanto sembra). Dunque, il percorso indicato nell'attributo "src" è relativo: questo significa che il browser andrà a cercare l'immagine a partire dalla posizione in cui si trova il file HTML. Ad esempio, se la pagina HTML è situata nella cartella /Utenti/TuoNome/Documenti/Sito e l'immagine si trova nella stessa cartella, dovrai scrivere semplicemente il nome dell'immagine; se invece l'immagine si trova in una cartella "immagini" all'interno della cartella "Sito", dovrai scrivere src="immagini/nomeimmagine.xxx". Supponiamo invece che l'immagine sia contenuta nella cartella Documenti: è in questo caso che dovrai usare i famosi due puntini, che significano "vai al livello superiore", quindi dovrai scrivere src="../nomeimmagine.xxx". E se l'immagine fosse dentro la cartella "TuoNome"? Basterà fare così: src="../../nomeimmagine.xxx"

Si capisce?

[sagara_apple]

<img src="tuaimmagine.jpg">

...metti la tua pagina html nella stessa cartella dell'immagine e vedrai che funziona

esatto, se la pagina e l'immagine hanno lo stesso path basta inserire il nome corretto dell'immagine nel campo src del tag, altrimenti nel caso pagina html e immagine fossero in cartelle diverse basta specificare in src il percorso corretto dell'immagine.

Esempio Mac: ipotesi

1- pagina html sul desktop

2- immagine in una cartella all'interno di Immagini (chiamiamo la cartella provaHtml e l'immagine pic.jpg)

<img src="/Users/nomedellacasetta/Pictures/provaHtml/pic.jpg">

tieni conto che se hai la lingua italiana, Users e Pictures potrebbero chiamarsi Utenti ed Immagini

Per ottenere il percorso esatto di qualsiasi file/cartella basta clicchi con il destro sul file/cartella e selezioni "Ottieni informazioni"

vuoi un consiglio, vai su www.html.it

quando facevo siti, su html.it ho imparato moltissime cose.

C'è anche il validissimo W3Schools che da modo anche di testare i tag appena imparati nelle loro lezioni in una pagina divisa in due nella quale nella parte di sinistra c'è il codice modificabile, e a destra il risultato ottenuto

Come Editor per html c'è l'ottimo TextWrangler (gratis) che una volta che salvi la pagina in html ti evidenzia con colori diversi i tag e gli attributi, così puoi leggere meglio il codice che scrivi

[T1T]

...io comunque ti consiglio di usare le path relative e non quelle assolute....

[Piccola_peste]

Grazie a tutti! Finalmente ci sono riuscita!! Grazie dei consigli!

Ho provato i siti e sono davvero utili...

Avevo anche un problemino di fondo...io usavo textedit, e su un sito ho trovato che bisognava cambiare da Formato "Cambia in formato solo testo"...poi, con tutti i vostri suggerimenti (compreso quello di mettere la pagina nella stessa cartella delle immagini) sono riuscita a fare qualcosa!

Bene!

Ho scaricato Taco HTML edit giusto per vedere come funzionano questi editor, ed effettivamente sono utili, non devo continuamente riscrivere html e body e tutto il resto...

Una domanda: quando spedirò il compito al prof, lui non noterà la differenza rispetto ad un "blocco note" normale dove io devo scrivere tutto tutto no?

Lui vedrà solo "il risultato" di ciò che io ho scritto...vero?

[T1T]

si tranquilla...

l'unica cosa che potrà dirti è che sei ordinata nel codice vista l'indentazione (ovvero i rientri)...

comunque se hai tante immagini le puoi mettere in una cartella chiamata images e poi nella pagina html scrivi <img src="images/tuofoto.jpg">... così avrai un po' di ordine

[Piccola_peste]

grazie mille a tutti tutti! Mi siete stati di grande aiuto (specialmente per le immagini che per essere visualizzate andavano messe nella stessa cartella del file html!), con un pò di esercizio sono riuscita anche a fare delle tabelle (uahh! Applausi!) e colorarle...bè, sarà pure una cavolata ma prima ste cose non le sapevo fare!

Potrei anche dire che sia divertente!

Grazie ancora!

P.S. Ultimissima domanda: ho zippato la cartella con dentro tutti i files...quando il prof lo aprirà (ha un pc immagino) non avrà nessun problema vero? molto probabilmente lo aprirà con winzip e visualizzerà i miei esercizi normalmente...