Création d une page html avec menu + vidéo
Fermé
SiD6
Messages postés
227
Date d'inscription
jeudi 20 mars 2008
Statut
Membre
Dernière intervention
16 avril 2018
-
31 janv. 2010 à 14:34
SiD6 Messages postés 227 Date d'inscription jeudi 20 mars 2008 Statut Membre Dernière intervention 16 avril 2018 - 8 févr. 2010 à 12:22
SiD6 Messages postés 227 Date d'inscription jeudi 20 mars 2008 Statut Membre Dernière intervention 16 avril 2018 - 8 févr. 2010 à 12:22
Salut a tous,
Je dois créer une page html avec un menu des sous menus et a la fin aboutir à une page avec 1 vidéo imbriquée dedans.
J'aimerais que ma page comporte un en tete,le menu et les sous menus a gauche,et enfin un bas de page statiques.
Le corps de page sera lui amener a changer selon les différents cliques que l on fera sur le menu a gauche.
J'aurai besoin des lignes de codes en html car je souhaiterai le faire directement sans passer par l intermédiaire d un logiciel genre dreamweaver...
J ai vraiment besoin de votre aide car je ne connais pas grand chose en html,j'espere que vous pourrez m aider.Merci.
Je dois créer une page html avec un menu des sous menus et a la fin aboutir à une page avec 1 vidéo imbriquée dedans.
J'aimerais que ma page comporte un en tete,le menu et les sous menus a gauche,et enfin un bas de page statiques.
Le corps de page sera lui amener a changer selon les différents cliques que l on fera sur le menu a gauche.
J'aurai besoin des lignes de codes en html car je souhaiterai le faire directement sans passer par l intermédiaire d un logiciel genre dreamweaver...
J ai vraiment besoin de votre aide car je ne connais pas grand chose en html,j'espere que vous pourrez m aider.Merci.
A voir également:
- Création d une page html avec menu + vidéo
- Supprimer une page word - Guide
- Comment télécharger une vidéo youtube - Guide
- Montage video windows - Guide
- Nommez une application d'appel vidéo ou de visioconférence - Guide
- Insérer une vidéo sur powerpoint - Guide
4 réponses
notobe
Messages postés
1952
Date d'inscription
mercredi 11 novembre 2009
Statut
Membre
Dernière intervention
8 juillet 2011
213
31 janv. 2010 à 14:43
31 janv. 2010 à 14:43
Là ce n'est pas de l'aide que tu nous demandes, c'est de tout faire à ta place...
Et puis manipuler du code html sans passer par éditeur html, c'est assez fort ! :-D
Utilise un CMS dans ce cas.
Et puis manipuler du code html sans passer par éditeur html, c'est assez fort ! :-D
Utilise un CMS dans ce cas.
avion-f16
Messages postés
19252
Date d'inscription
dimanche 17 février 2008
Statut
Contributeur
Dernière intervention
10 février 2025
4 505
31 janv. 2010 à 17:20
31 janv. 2010 à 17:20
Va apprendre le XHTML/CSS : Siteduzero.com
giheller
Messages postés
1878
Date d'inscription
dimanche 14 juin 2009
Statut
Membre
Dernière intervention
20 mars 2025
142
31 janv. 2010 à 17:27
31 janv. 2010 à 17:27
bonsoir,
j'en rajoute une couche !
remplacer dans le texte les verbes devoir, aimer et avoir par le verbe faire.
ensuite si des choses ne vont pas, notobe, avion-f16 et d'autres pourrant aider.
j'en rajoute une couche !
remplacer dans le texte les verbes devoir, aimer et avoir par le verbe faire.
ensuite si des choses ne vont pas, notobe, avion-f16 et d'autres pourrant aider.
SiD6
Messages postés
227
Date d'inscription
jeudi 20 mars 2008
Statut
Membre
Dernière intervention
16 avril 2018
4
8 févr. 2010 à 12:22
8 févr. 2010 à 12:22
J ai réussi a obtenir a peu près ce que je veux,mais j aimerai quand meme améliorer quelque chose,en effet lorsque je suis dans mon menu et que je navigue dedans j ai accès a mes sous menus,jusque la tout va bien seulement les tableaux s agrandissent ou se rétrécissent selon les rubriques dans lesquelles je vais.J'aimerai faire en sorte que les tableaux contenant chaque sous menu soit toujours déroulés et restent de la meme taille mais que les différents sous menus apparaissent ou disparaissent selon qu on passe la souris dessus ou pas.J espere avoir été assez clair et que vous pourrez m aider
Voici le code de ma page acceuil contenant ce menu:
(que pourrais-je changer dedans pour arriver au résultat voulu?)
<html xml:lang="fr">
<head>
<title>page de test
</title>
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="design.css" />
<link rel="shortcut icon" type="image/x-icon" href="images3.jpeg" />
<meta name="description" content="travaux d'atelier 202" />
</head>
<body >
<script type="text/javascript">
window.onload=montre;
function montre(id) {
var d = document.getElementById(id);
for (var i = 1; i<=5; i++) {
if (document.getElementById('sale'+i)) {document.getElementById('sale'+i).style.display='none';}
}
if (d) {d.style.display='block';}
}
window.onload=show;
function show(id) {
var d = document.getElementById(id);
for (var i = 1; i<=5; i++) {
if (document.getElementById('propre'+i)) {document.getElementById('propre'+i).style.display='none';}
}
if (d) {d.style.display='block';}
}
function put(id) {
var d = document.getElementById(id);
for (var i = 1; i<=5; i++) {
if (document.getElementById('salepropre'+i)) {document.getElementById('salepropre'+i).style.display='none';}
}
if (d) {d.style.display='block';}
}
</script>
<div id="en_tete" >
<img src="img1" >
</div>
<div id="menu">
<table BORDER="6"BGCOLOR="silver"BORDERCOLOR="white"id="sale"width="310">
<TR><TH><a href="accueil.html" ><font size='4' color="#000000">Accueil</font></a>
</TH><TR>
<TR><TH align="left"><a href="A.html" onmouseover="javascript:montre('sale1');" onmouseover="javascript:show('propre1');"> <font size='4'color="#000000">A1</font>
<div id="propre1"></div>
<table BGCOLOR="silver"BORDERCOLOR="black"id="sale1">
<TR><TH align="left"> <a href="A1.html" onmouseover="javascript:show('propre4');"><font size='3'color="#222222">A1.1</font></a>
<table id="propre4">
<tr>
<th align="left"><font size='2'color="#444444">A1.2</font></TH></TR>
</table>
</TH></TR>
<TR><TH align="left"><a href="A2.html" onmouseover="javascript:show('propre2');"><font size='3'color="#222222">A2 </font></a>
<table id="propre2">
<tr>
<th align="left"><font size='2'color="#444444"><a href="a21.html">A2.1</a></font></TH></TR>
<tr>
<th align="left"><font size='2'color="#444444"><a href="a22.html">A2.2</a></font></TH></TR>
</table>
</TH><TR>
<TR><TH align="left"><a href="a23.html" onmouseover="javascript:show('propre3');"><font size='3'color="#222222">A2.3</font></a>
<table id="propre3">
<tr>
<th align="left"><font size='2'color="#444444">A2.3</font></TH></TR>
</table>
</TH></TR>
</a></TH></TR></table>
<TR><TH align="left"><a href="B.html" onmouseover="javascript:montre('sale2');"><font size='4'color="#000000">B1 </font>
<table BGCOLOR="silver"BORDERCOLOR="black"id="sale2">
<TR><TH align="left"><a href="B11.html"><font size='3'color="#222222">B1.1</font></a></TH></TR>
<TR><TH align="left"><a href="B12.html"><font size='3'color="#222222">B1.2</font></a></TH></TR>
</table>
</a></TH></TR
<TR><TH align="left"><a href="C.html" onmouseover="javascript:montre('sale3');"><font size='4'color="#000000">C </font>
<table BGCOLOR="silver"BORDERCOLOR="black"id="sale3">
<TR><TH align="left"><a href="C1.html">C1 </a></TH></TR>
</table>
</a></TH></TR>
<TR><TH align="left"><a href="D.html" onmouseover="javascript:montre('sale4');"> <font size='4'color="#000000"></font>
<table BGCOLOR="silver"BORDERCOLOR="black"id="sale4">
<TR><TH align="left"><a href="D1.html" onmouseover="javascript:put('salepropre1');"><font size='3'color="#222222">D1</font></a>
<table id="salepropre1">
<tr>
<th align="left"><font size='2'color="#444444">D2</font></TH></TR>
</TH></TR>
</table>
<TR><TH align="left"><a href="D3.html"onmouseover="javascript:put('salepropre2');"><font size='3'color="#222222">D3</font></a>
<table id="salepropre2">
<tr>
<th align="left"><font size='2'color="#444444"><a href="D31.html">D3.1</a></font></TH></TR>
<tr>
<th align="left"><font size='2'color="#444444"><a href="D32.html">D3.2</a></font></TH></TR>
</table>
</TH></TR>
</table>
</a></TH></TR>
<TR><TH align="left"><a href="E.html" onmouseover="javascript:montre('sale5');"> <font size='4'color="#000000">E</font>
<table BGCOLOR="silver"BORDERCOLOR="black"id="sale5">
<TR><TH align="left"><a href="E1.html"><font size='3'color="#222222">E1</font></a></TH></TR>
<TR><TH align="left"><a href="E2.html"><font size='3'color="#222222">E2</font></a></TH></TR>
</table>
</a></TH></TR>
</table>
</div>
<div id="corps" align="center">
</div>
<div id="pied_de_page">
<p align='right'></p>
</div>
</body>
</html>
Voici le code de ma page acceuil contenant ce menu:
(que pourrais-je changer dedans pour arriver au résultat voulu?)
<html xml:lang="fr">
<head>
<title>page de test
</title>
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="design.css" />
<link rel="shortcut icon" type="image/x-icon" href="images3.jpeg" />
<meta name="description" content="travaux d'atelier 202" />
</head>
<body >
<script type="text/javascript">
window.onload=montre;
function montre(id) {
var d = document.getElementById(id);
for (var i = 1; i<=5; i++) {
if (document.getElementById('sale'+i)) {document.getElementById('sale'+i).style.display='none';}
}
if (d) {d.style.display='block';}
}
window.onload=show;
function show(id) {
var d = document.getElementById(id);
for (var i = 1; i<=5; i++) {
if (document.getElementById('propre'+i)) {document.getElementById('propre'+i).style.display='none';}
}
if (d) {d.style.display='block';}
}
function put(id) {
var d = document.getElementById(id);
for (var i = 1; i<=5; i++) {
if (document.getElementById('salepropre'+i)) {document.getElementById('salepropre'+i).style.display='none';}
}
if (d) {d.style.display='block';}
}
</script>
<div id="en_tete" >
<img src="img1" >
</div>
<div id="menu">
<table BORDER="6"BGCOLOR="silver"BORDERCOLOR="white"id="sale"width="310">
<TR><TH><a href="accueil.html" ><font size='4' color="#000000">Accueil</font></a>
</TH><TR>
<TR><TH align="left"><a href="A.html" onmouseover="javascript:montre('sale1');" onmouseover="javascript:show('propre1');"> <font size='4'color="#000000">A1</font>
<div id="propre1"></div>
<table BGCOLOR="silver"BORDERCOLOR="black"id="sale1">
<TR><TH align="left"> <a href="A1.html" onmouseover="javascript:show('propre4');"><font size='3'color="#222222">A1.1</font></a>
<table id="propre4">
<tr>
<th align="left"><font size='2'color="#444444">A1.2</font></TH></TR>
</table>
</TH></TR>
<TR><TH align="left"><a href="A2.html" onmouseover="javascript:show('propre2');"><font size='3'color="#222222">A2 </font></a>
<table id="propre2">
<tr>
<th align="left"><font size='2'color="#444444"><a href="a21.html">A2.1</a></font></TH></TR>
<tr>
<th align="left"><font size='2'color="#444444"><a href="a22.html">A2.2</a></font></TH></TR>
</table>
</TH><TR>
<TR><TH align="left"><a href="a23.html" onmouseover="javascript:show('propre3');"><font size='3'color="#222222">A2.3</font></a>
<table id="propre3">
<tr>
<th align="left"><font size='2'color="#444444">A2.3</font></TH></TR>
</table>
</TH></TR>
</a></TH></TR></table>
<TR><TH align="left"><a href="B.html" onmouseover="javascript:montre('sale2');"><font size='4'color="#000000">B1 </font>
<table BGCOLOR="silver"BORDERCOLOR="black"id="sale2">
<TR><TH align="left"><a href="B11.html"><font size='3'color="#222222">B1.1</font></a></TH></TR>
<TR><TH align="left"><a href="B12.html"><font size='3'color="#222222">B1.2</font></a></TH></TR>
</table>
</a></TH></TR
<TR><TH align="left"><a href="C.html" onmouseover="javascript:montre('sale3');"><font size='4'color="#000000">C </font>
<table BGCOLOR="silver"BORDERCOLOR="black"id="sale3">
<TR><TH align="left"><a href="C1.html">C1 </a></TH></TR>
</table>
</a></TH></TR>
<TR><TH align="left"><a href="D.html" onmouseover="javascript:montre('sale4');"> <font size='4'color="#000000"></font>
<table BGCOLOR="silver"BORDERCOLOR="black"id="sale4">
<TR><TH align="left"><a href="D1.html" onmouseover="javascript:put('salepropre1');"><font size='3'color="#222222">D1</font></a>
<table id="salepropre1">
<tr>
<th align="left"><font size='2'color="#444444">D2</font></TH></TR>
</TH></TR>
</table>
<TR><TH align="left"><a href="D3.html"onmouseover="javascript:put('salepropre2');"><font size='3'color="#222222">D3</font></a>
<table id="salepropre2">
<tr>
<th align="left"><font size='2'color="#444444"><a href="D31.html">D3.1</a></font></TH></TR>
<tr>
<th align="left"><font size='2'color="#444444"><a href="D32.html">D3.2</a></font></TH></TR>
</table>
</TH></TR>
</table>
</a></TH></TR>
<TR><TH align="left"><a href="E.html" onmouseover="javascript:montre('sale5');"> <font size='4'color="#000000">E</font>
<table BGCOLOR="silver"BORDERCOLOR="black"id="sale5">
<TR><TH align="left"><a href="E1.html"><font size='3'color="#222222">E1</font></a></TH></TR>
<TR><TH align="left"><a href="E2.html"><font size='3'color="#222222">E2</font></a></TH></TR>
</table>
</a></TH></TR>
</table>
</div>
<div id="corps" align="center">
</div>
<div id="pied_de_page">
<p align='right'></p>
</div>
</body>
</html>