Création d une page html avec menu + vidéo

Fermé

SiD6 Messages postés 220 Date d'inscription jeudi 20 mars 2008 Statut Membre Dernière intervention 16 avril 2018 - 31 janv. 2010 à 14:34
SiD6 Messages postés 220 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.

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
Menu déroulant excel - Guide
Traduire une page web - Guide
Couper une video - Guide

4 réponses

Réponse 1 / 4

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

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.

Réponse 2 / 4

avion-f16 Messages postés 19244 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 17 avril 2024 4 496
31 janv. 2010 à 17:20

Va apprendre le XHTML/CSS : Siteduzero.com

Réponse 3 / 4

giheller Messages postés 1875 Date d'inscription dimanche 14 juin 2009 Statut Membre Dernière intervention 3 février 2024 142
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.

Réponse 4 / 4

SiD6 Messages postés 220 Date d'inscription jeudi 20 mars 2008 Statut Membre Dernière intervention 16 avril 2018 3
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>

Discussions similaires

[PIX] Commencer chaque poème sur une nouvelle page

Discussions similaires

Newsletters