DOMANDA Aiuto esercizio html

MPG

Utente Attivo
Chiedo aiuto per realizzare un ipertesto che rappresenti una piccola vetrina virtuale.
Questo quanto devo fare:

Struttura generale delle pagine del sito.
HOME PAGE
La pagina principale deve contenere (almeno):
• il nome della vetrina come intestazione
• una lista degli oggetti/opere contenuti (almeno tre), per ogni oggetto/opera elencata, ci sarà un collegamento ad un’altra pagina.
PAGINE DEGLI OGGETTI/OPERE
Ogni pagina contenente un oggetto/opera (accessibile tramite il link contenuto nella homepage) deve presentare (almeno):
• il titolo dell’oggetto/opera come intestazione
• l’autore dell’oggetto/opera
• un breve testo descrittivo
• l’immagine dell’oggetto/opera, cliccando sull’immagine deve aprirsi una nuova pagina contenente una scheda più dettagliata
- un bottone che permetta di ritornare all’homepage.
PAGINA DELL’AUTORE DEL SITO (cioè io)
La pagina, contenente informazioni sull’autore (esperienze di studio, di lavoro, interessi ecc) deve essere raggiungibile dalla homepage e dalle altre pagine del sito. E’ una sorta di CV/Portfolio.
Aspetti grafici del sito
Usate la vostra fantasia per rendere gradevole l’aspetto della vetrina virtuale, provate ad impostare nel body:
• il colore dello sfondo,
• un’immagine come sfondo,
• il colore del testo
• il colore dei link da visitare
• il colore dei link visitati.
In conclusione: 1. Almeno 9 pagine html (homepage, 3 per oggetti/opere, 3 per approfondimento oggetti/opere, 1 pagina dell’autore del sito; 2. La homepage dev’essere denominata index.html

Io ho iniziato cosi' , ora pero' cliccando sui 3 link dei contenuti che ho creato non so bene come aprire le pagine in cui dovrei mettere il resto...
Mi potete aiutare per favoere?
Grazie.

HTML:
<!DOCTYPE html>
<HTML>
<HEAD>
<TITLE>ANIMALI PERICOLI NEL MONDO</TITLE>
</HEAD>
<BODY>
<H1 ALIGN=CENTER>ANIMALI VELENOSI NEL MONDO</H1>
<P>lkdsjkladjskljfklasjflksdjklfjlkjflksjflksjlkfjsldkfsljflsfkjsdkslsd.</p>
<UL>
<LI> <A HREF=”Pagine/taipan.html”>Taipan dell'interno (Oxyuranus microlepidotus) </A>
<LI> <A HREF=”Pagine/seconda.html”>Polpo dagli anelli blu (Hapalochlaena lunulata) </A>
<LI> <A HREF=”Pagine/terza.html”> Vespa di mare (Chironex fleckeri) </A>
</UL>
</BODY>
</HTML>
Ho provato a creare come prima pagina Taipan.html nella directory c:\ HTML\Pagine che ho creato per mettere le pagine di richiamo ma non si apre quando clicco sul link perchè??
Aiuto!!!

HTML:
<!DOCTYPE html>
<HTML>
<HEAD>
<TITLE>ANIMALI PERICOLI NEL MONDO</TITLE>
</HEAD>
<BODY>
<H1 ALIGN=CENTER>Taipan/H1>
<P>prova di html</p>
<UL>
</BODY>
</HTML>
Giusto per capirci mi viene Impossibile trovare il file /C:/HTML\Pagine/”taipan.html”.
 
Ultima modifica:

MPG

Utente Attivo
Fatto cosi' ma non cambia nulla...

HTML:
<!DOCTYPE html>
<HTML>
<HEAD>
<TITLE>ANIMALI PERICOLI NEL MONDO</TITLE>
</HEAD>
<BODY>
<H1 ALIGN=CENTER>ANIMALI VELENOSI NEL MONDO</H1>
<P>dsfklsdjflkdjsakljsfljdfkldsajflkdsajflksjdlkjdkllsjfklslfjkdj</p>
<UL>
<LI> <A HREF="Pagine/taipan.html">Taipan dell'interno (Oxyuranus microlepidotus) </A>
<LI> <A HREF="Pagine/seconda.html">Polpo dagli anelli blu (Hapalochlaena lunulata) </A>
<LI> <A HREF="Pagine/terza.html"> Vespa di mare (Chironex fleckeri) </A>
</UL>
</BODY>
</HTML>
 
Ultima modifica:

MPG

Utente Attivo
SI, ho creato In C la cartella HTMLesercizio in cui ho salvato index.html poi ho creato in questa directory la cartella Pagine ove ho salvato taipan.html. Sto diventando matto non capisco perchè non va?????

Faccio vedere qui.
 

Allegati

  • 27.6 KB Visualizzazioni: 12
  • 20.4 KB Visualizzazioni: 12
Ultima modifica da un moderatore:

Mursey

Moderatore
Staff Forum
2,922
1,278
Hardware Utente
SI, ho creato In C la cartella HTMLesercizio in cui ho salvato index.html poi ho creato in questa directory la cartella Pagine ove ho salvato taipan.html. Sto diventando matto non capisco perchè non va?????
Molto strano, ho appena provato e funziona.

Prova a guardare se nella console ci sono messaggi di errore e se questo è uguale:
Image2.png

Prova anche a ricaricare la index con CTRL+F5

Edit:
Vedo che hai Firefox ma il concetto non dovrebbe cambiare
 

MPG

Utente Attivo
Ho rinominato ora l'index senza salvarlo con l'estensione html non so se intendi questo..
Scusa puoi allegarmi i file che a te vanno e caricarli qui che riprovo non so veramente cosa fare...
 

Allegati

Mursey

Moderatore
Staff Forum
2,922
1,278
Hardware Utente
Devi controllare se taipan.html è scritto corretto o, come penso, taipan.html.html

Opzione di Windows Explorer che nasconde l'estensione dei file:
351696
 

MPG

Utente Attivo
Sono riuscito mettendo tutto sulla directoy principale!!
Scusa dovrei cliccando sulla foto di un animale far appare una nuova pagina descrittiva ho fatto cosi' ma non appare la "manina" sulla foto che mi segnala quindi che tutto va bene, cosa sbaglio qui, che è forse per me la parte piu' difficile?
Ti allego da dove parto.

HTML:
<!DOCTYPE html>
<HTML>
<HEAD>
<TITLE>Taipan dell'interno (Oxyuranus microlepidotus)</TITLE>
</HEAD>
<BODY>
<H1 ALIGN=CENTER>Taipan dell'interno (Oxyuranus microlepidotus)</H1>
<P></p>

<img
src="taipan-interno-inland-02.jpg" usemap="#workmap" align="left" | "right" | "center">
<map name="workmap">
  <area shape="rect" coords="34, 44, 270, 350" alt="Computer" href="taipan2.html">
</map>
<a href="index.html"><button>Indice</button></a>

</BODY>
</HTML>
 

Allegati

Mursey

Moderatore
Staff Forum
2,922
1,278
Hardware Utente
Il modo più semplice per fare un link con un'immagine è
<a href="index.html"><img src="taipan-interno-inland-02.jpg"></a>
la map sinceramente non so a cosa serva.
 
  • Mi piace
Reactions: MPG

MPG

Utente Attivo
Grazie ora devo capire come mettere l'immagine al centro e mettere in posizione tipo sotto ( e non a lato) il bottone che mi permette di ritornare nell'homepage.
Adesso ho cosi' ma non capisco come mettere bene quello che ho detto.
Per il centraggio immagine dovrei usare cosi':
HTML:
<a href="[URL]http://www.latelanera.com/naturalbornkillers/naturaletale.asp?id=235[/URL]"><div align="center"><img src="taipan-interno-inland-02.jpg" alt="Taipan dell'interno"></div></a>
o modi migliori?
Infine io dovrei in questa pagina mettere:
PAGINE DEGLI OGGETTI/OPERE
Ogni pagina contenente un oggetto/opera (accessibile tramite il link contenuto nella homepage) deve presentare (almeno):
• il titolo dell’oggetto/opera come intestazione
• l’autore dell’oggetto/opera
• un breve testo descrittivo
• l’immagine dell’oggetto/opera, cliccando sull’immagine deve aprirsi una nuova pagina contenente una scheda più dettagliata
- un bottone che permetta di ritornare all’homepage.

Come impostere per rendere al meglio il file sotto quindi?
Grazie mille.

HTML:
<!DOCTYPE html>
<HTML>
<HEAD>
<TITLE>Taipan dell'interno (Oxyuranus microlepidotus)</TITLE>
</HEAD>
<BODY>
<H1 ALIGN=CENTER>Taipan dell'interno (Oxyuranus microlepidotus)</H1>
<P>jfkdkldfjsjflsdjljkfsdjlflkjfdlkjdsfani.
</p>


<a href="index.html"><button>Indice</button></a>
<a href="[URL]http://www.latelanera.com/naturalbornkillers/naturaletale.asp?id=235[/URL]"><img src="taipan-interno-inland-02.jpg" width="176" height="248"alt="Taipan dell'interno"</a>
</BODY>
</HTML>
 
Ultima modifica:

Skills07

Moderatore
Staff Forum
12,054
3,373
Hardware Utente
CPU
Ryzen 7 2700x
Dissipatore
Stock
Scheda Madre
Aourus Gigabyte X-470
Hard Disk
Samsung Evo 850 250gb,2tb toshiba, 500gb western digital, 160gb segate
RAM
16 gb G.Skill Tridentz 3200 mhz RGB
Scheda Video
Sapphire RX 580 8gb ddr5
Monitor
Samsung Smart TV Full HD 50 Pollici/ Hp ES 24 IPS
Alimentatore
XFX 80 plus 750 watt
Case
Aerecool xpredator x3
Sistema Operativo
Windows 10 Pro 64
mi pare che ti abbia aiutato il mio collega @Mursey.

Impara a scrivere in minuscolo i comandi html
 
  • Mi piace
Reactions: Moffetta88

Entra

oppure Accedi utilizzando