Aiuto con costruzione pagina in HTML

**Vinciokaboom** · 26-04-2014, 12:01

Salve ragazzi, avrei un problema ma forse è meglio se ve lo spiego facendovi prima guardare la mia pagina web:

<HTML><HEAD>
<title> Pac-Man World</title>
</HEAD>
<frameset cols="20%, 80%">
<frame src="Menù2prova.html" name="sopra">
<frame src="home.html" name="sotto">
<BODY BGCOLOR= "#214579">
<IMG SRC="E:\Web Design\home.jpg" ALIGN = "CENTER" >
<IMG SRC="E:\Web Design\supermario.jpg" ALIGN = "CENTER" >

<a href="http://multiplayer.it/articoli/129980-lifeless-planet-il-pianeta-morto.html"> <img src="E:\Web Design\LIFELESS.jpg"><p align="left"><a href="http://multiplayer.it/articoli/129980-lifeless-planet-il-pianeta-morto.html" style="color: yellow; font-size: 30pt; font-family: PAC MAN GOOD">Lifeless Planet- PROVATO</a></p>
<a href="http://multiplayer.it/notizie/130019-100000-fan-su-facebook.html"> <img src="E:\Web Design\FB.jpg"><p align="left"><a href="http://multiplayer.it/notizie/130019-100000-fan-su-facebook.html" style="color: yellow; font-size: 30pt; font-family: PAC MAN GOOD">100.000 FAN SU FACEBOOK!</a></p>

</BODY>
</HTML>

Questa sarebbe la mia pagina e mi sorgono due domande:
1. Vorrei che le immagini con link ipertestuale non fossero collegate al mio computer, ma che venissero prese da Internet(questo perché è un lavoro per la scuola e quando andrò a scuola può essere che i collegamenti risultino sballati non facendomi vedere le immagini.)
2. Inoltre ho creato una pagine con tre frame, uno a sinistra statico, e uno a destra, a sua volta suddiviso in altre due parti, una superiore ed una inferiore. In quello a sinistra dovrei creare dei collegamenti ipertestuali ma quando vado ad aprirli me li apre all'interno del frame. In realtà io vorrei che venissero aperti come normali pagine web, diciamo a schermo intero.

Spero riusciate a capire qualcosa e spero di essere nella sessione giusta.
Grazie

**Prill** · 26-04-2014, 12:23

Ciao, innanzitutto inserisci un doctype. Per il file con la suddivisione in frames sarà:

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">

poi: la pagina dove crei i tuoi frames conterrà solo la suddivisione in righe o colonne, eventuali contenuti alternativi, per broser che non visualizzassero i frames andranno all'interno del tag noframes, e al suo interno potrai avere il tag body:

codice:

<noframes><body>contenuti alternativi
</body>
</noframes>

Per quanto riguarda le immagini, dovrai caricarle da qualche parte in rete e poi basterà ricopiare l'indirizzo e inserirlo al posto di quello attuale.

Per aprire un link all'interno di un frame devi usare l'attributo target (il valore specificato sarà il nome del frame). Per uscire dalla struttura a frames e aprire una pagina al di fuori di essa potrai usare target="_top".
Puoi leggere qui http://www.w3schools.com/tags/att_a_target.asp ma il consiglio è anche di guardare le guide di html.it

**Vinciokaboom** · 26-04-2014, 12:42

Grazie mille, è proprio quello che cercavo! Sei grandissimo!

**Vinciokaboom** · 27-04-2014, 11:06

LUNEDI	MARTEDI	MERCOLEDI	GIOVEDI	VENEDI	SABATO
NOVE	NOVE	NOVE	NOVE	NOVE
DIECI	DIECI	DIECI	DIECI	DIECI	DIECI
UNDICI	UNDICI	UNDICI	UNDICI	UNDICI	UNDICI
DODICI	DODICI	DODICI	DODICI	DODICI	DODICI
TREDICI	TREDICI	TREDICI	TREDICI	TREDICI	TREDICI
QUATTORDICI	QUATTORDICI	QUATTORDICI	QUATTORDICI	QUATTORDICI	QUATTORDICI
QUINDICI	QUINDICI	QUINDICI	QUINDICI	QUINDICI	QUINDICI
SEDICI	SEDICI	SEDICI	SEDICI	SEDICI	SEDICI
DICIASSETTE	DICIASSETTE	DICIASSETTE	DICIASSETTE	DICIASSETTE	DICIASSETTE
DICIOTTO	DICIOTTO	DICIOTTO	DICIOTTO	DICIOTTO	DICIOTTO
DICIANNOVE	DICIANNOVE	DICIANNOVE	DICIANNOVE	DICIANNOVE	DICIANNOVE
VENTI	VENTI	VENTI	VENTI	VENTI	VENTI
VENTUNO	VENTUNO	VENTUNO	VENTUNO	VENTUNO	VENTUNO

Ragazzi ho un'altra domanda, dovrei fare una tabella del genere.
Vorrei il colore dei giorni in giallo, di ora in ARIAL, lo sfondo di NOVE, DIECI, QUINDICI, SEDICI e VENTI in rosso; UNDICI, DODICI, DICIASSETTE, DICIOTTO e DICIANNOVE di blu; TREDICI, QUATTORDICI E VENTUNO di nero. Inoltre vorrei lo sfondo di tutte le ore del sabato in nero.
Come posso fare?

**Prill** · 27-04-2014, 11:41

Usando i css, potrai specificare un colore di sfondo e del testo per tutte le celle di una stessa riga che abbia una determinata classe e creare poi una classe distinta per celle che abbiano impostazioni diverse. Esempio:

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento senza titolo</title>
<style type="text/css">
<!--
table {
    color:#000000;
    font-family:Arial, Helvetica, sans-serif;
}
th {
    background-color: #ffff00;
}
.blu td {
    background-color: #0000ff;
    color:#FFFFFF;
}
.rosso td {
    background-color: #ff0000;
    color:#000000;
}
.rosso td {
    background-color: #ff0000;
    color:#000000;
}
.nero td {
    background-color: #000000;
    color:#ffffff;
}
 tr .sabato {
    background-color: #000;
    color:#ffffff;
}
-->
</style>
</head>

<body>
<table>
  <tr>
   <th>LUNEDI</th>
   <th>MARTEDI</th>
   <th>MERCOLEDI</th>
   <th>GIOVEDI</th>
   <th>VENEDI</th>
   <th>SABATO</th>
  </tr>
  <tr class="rosso">
   <td>NOVE</td>
   <td>NOVE</td>
   <td>NOVE</td>
   <td>NOVE</td>
   <td>NOVE</td>
   <td class="sabato"></td>
  </tr>
  <tr class="blu">
   <td>UNDICI</td>
   <td>UNDICI</td>
   <td>UNDICI</td>
   <td>UNDICI</td>
   <td>UNDICI</td>
   <td class="sabato">UNDICI</td>
  </tr>
  <tr class="nero">
   <td>TREDICI</td>
   <td>TREDICI</td>
   <td>TREDICI</td>
   <td>TREDICI</td>
   <td>TREDICI</td>
   <td class="sabato">TREDICI</td>
  </tr>
</table>
</body>

</html>

Comunque: apri un nuovo post per quesiti diversi e scegli l'area adatta (per la prima domanda domande l'area giusta sarebbe stata quella html e non html5, per la seconda l'area css)

Discussione: Aiuto con costruzione pagina in HTML

Strumenti discussione

Ricerca discussione

Visualizza

Hybrid View

Aiuto con costruzione pagina in HTML

Permessi di invio