DOMANDA Aiuto esercizio html

MPG

Utente Attivo
544
4
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
544
4
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:

Mursey

Super Moderatore
Staff Forum
Utente Èlite
8,191
5,631
La cartella Pagine è nella stessa della pagina principale?
Cioè la index.html deve essere dentro C:\HTML
 

MPG

Utente Attivo
544
4
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

  • 1.jpg
    1.jpg
    27.6 KB · Visualizzazioni: 40
  • 2.jpg
    2.jpg
    20.4 KB · Visualizzazioni: 58
Ultima modifica da un moderatore:

Mursey

Super Moderatore
Staff Forum
Utente Èlite
8,191
5,631
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
 

Mursey

Super Moderatore
Staff Forum
Utente Èlite
8,191
5,631
Allora, guarda l'indirizzo.
Non è che hai le estensioni nascoste e hai messo .html.html ??
 

MPG

Utente Attivo
544
4
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

  • errori.jpg
    errori.jpg
    40.7 KB · Visualizzazioni: 32

Mursey

Super Moderatore
Staff Forum
Utente Èlite
8,191
5,631
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
544
4
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

  • Taipan.jpg
    Taipan.jpg
    120.1 KB · Visualizzazioni: 34

Mursey

Super Moderatore
Staff Forum
Utente Èlite
8,191
5,631
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
Reazioni: MPG

MPG

Utente Attivo
544
4
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

Head of Development
Staff Forum
Utente Èlite
35,278
11,431
CPU
Ryzen 7 5800x
Dissipatore
Deepcool gammax l240 v2
Scheda Madre
Aourus Gigabyte X-470 ultra gaming
HDD
Samsung Evo 850 250gb ,2tb x 2 toshiba P300, 256 Ssd silicon power, Samsung evo plus 1tb nvme
RAM
32 gb G.Skill Tridentz 3200 mhz RGB
GPU
Zotac - RTX 3070 Ti Trinity OC
Monitor
ASUS TUF QHD 165hz IPS, ITEK GCF 165hz IPS QHD, Samsung Curvo 144hz QHD
PSU
Seasonic Focus 650w 80 platinum
Case
Coolermaster h500p
Periferiche
Asus Tuf Wireless
Net
Fibra Tim 100mb
OS
Windows 10 Pro 64 bit
mi pare che ti abbia aiutato il mio collega @Mursey.

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

Entra

oppure Accedi utilizzando
Discord Ufficiale Entra ora!

Discussioni Simili