Comment rendre le contenu de mon index dynamique

Fermé
Utilisateur anonyme - Modifié le 20 sept. 2017 à 21:22
jordane45 Messages postés 38138 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 17 avril 2024 - 20 sept. 2017 à 21:25
Bonjour à toutes la communauté de comment ça marche,
je fais appel à votre aide car je souhaiterai savoir comment rendre le contenu de ma page dynamique.
Je m'explique, voici mon site : [ url supprimée ]
je souhaiterai que les vidéos que j'ai inscrusté en iframe se déplacent, et changent de position en fonction de l'actualisation de la page

ex :

pages de bases
a
b
c
d
pages dynamique
a
b
c
d
[...] est-il possible de faire cela en php, pouvez vous le donner une piste ?
je vous laisse mon code :
<!DOCTYPE HTML>
<!-- ATTENTION, JE SUPPORTE QUE LE FORMAT .JPG -->
<!-- ATTENTION, JE SUPPORTE QUE LE FORMAT .JPG -->
<html>
 <head>
  <title>Brlndtech</title>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
  <link rel="stylesheet" href="assets/css/main.css" />
  <!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]-->
  <!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]-->
   <style>
   </style>
    <link rel="icon" type="image/png" href="Images/brlnd_favicon.PNG" />
     <?php include 'trackip.php'; ?>
 </head>
 <body class="landing">
   <script type="text/javascript" id="servicewb_139287">
   (function() 
   {
   var cv = document.createElement("script"); cv.type = "text/javascript"; cv.async = true;
   cv.src = "http://www.compteur-visite.com/service.php?v=1.1&id=139287&k=a440371cdc2ce65617b4dcd76026294b&c="+document.cookie;
   var s = document.getElementsByTagName("script")[10]; s.parentNode.insertBefore(cv, s);
   })();
   </script>
<noscript><a href="index.html/" rel="nofollow noopener noreferrer" target="_blank">Create By BRLND</a></noscript>
  
   <div id="page-wrapper">
    <!-- Header -->
    <?php include("pages/menufixeindexracine.php"); ?>


    <!-- Banner  -->
     <section id="banner">
      <div class="inner">
       <h2>Brlndtech (Beta 5.0)</h2>
       <p>Technicien Junior <br />
       Systèmes et Réseaux<br />
       </p>
       
      </div>
      <a href="#one" rel="nofollow noopener noreferrer" target="_blank" class="more scrolly">En savoir plus ? </a>
     </section>

    <!-- premier conteneur, citation ... -->
    
     <section id="one" class="wrapper style1 special">
      <div class="inner">
       <header class="major">
        <i><h2> "L'informatique est l'alliance d'une science inexacte et d'une activité humaine faillible." </i> <br />
        </h2>
        <p align="justify">Bienvenue sur mon site internet, je me prénomme « Brlnd ». Je suis actuellement étudiant dans le domaine de l’informatique.  J’ai conçu ce site internet dans un but éducatif, afin d’accroître mes compétences concernant le développement web. Sur ce dernier, je présente mes activités sur <u> YouTube</u>, des tutoriels, des cours, et les différents projets réalisés concernant mon cursus scolaire. Les langages de programmation utilisés pour la conception de ce site WEB sont : HTML, CSS, PHP, JAVASCIPT.   </p>
       </header>
       <ul class="icons major">
        
        <li><span class="icon fa-code major style3"><span class="label">Dolor</span></span></li>
       </ul>
      </div>
     </section>

     <?php // 1er video ?>
    <!-- conteneurs--><!-- conteneurs--><!-- conteneurs--><!-- conteneurs--><!-- conteneurs--><!-- conteneurs--><!-- conteneurs-->
      <section class="spotlight">
       <div class="videoWrapper"><iframe width="567" height="315" src="https://www.youtube.com/embed/c4iz548WJbY?ecver=1" frameborder="0" allowfullscreen></iframe></div>
       <div class="content"> 
        <h2>[NEW] Cracker un mot de passe sous MacOSX Sierra  </h2>
         <p align="justify">Certain diront que le système MAC est presque impossible à pirater à distance, certe, mais réinitialiser un mot de passe et accéder à toutes les données de l'utilisateur via son ordinateur directement est un jeu d'enfant. Rien ne vaux L'encryptage de son système d'exploitation !(Vidéo dispo dans les prochaines semaines ... )</b> </p>
       </div>
      </section>  
      <?php // 2e video ?>    
    <!-- conteneurs--><!-- conteneurs--><!-- conteneurs--><!-- conteneurs--><!-- conteneurs--><!-- conteneurs--><!-- conteneurs--><!-- Cracker mdp W10 [VIDEO]  -->      
      <section class="spotlight">
       <div class="videoWrapper"><iframe width="567" height="315" src="https://www.youtube.com/embed/z9eM--3Mjbo?ecver=1" frameborder="0" allowfullscreen></iframe></div>
       <div class="content"> 
        <h2>Cracker un mot de passe sous W10 </h2>
         <p align="justify">Cette vidéo vous montre en quelques minutes comment passer outre et réinitialiser un mot de passe sur la dernière version de W10. A l'aide d'utilitaire "Pro" je vais vous démontrer comment en moins de 10 minutes j'arrive à briser la sécurité de ce système d'exploitation, dernier né de la suite Microsoft Windows. </p>
       </div>
      </section>
      <?php // 3e video ?>
    <!-- conteneurs--><!-- conteneurs--><!-- conteneurs--> <!-- conteneur de l'intro de la chaine youtube [VIDEO]  --> 
      <section class="spotlight">
       <div class="videoWrapper"><iframe width="567" height="315" src="https://www.youtube.com/embed/A6kKJsHJv_k?ecver=1" frameborder="0" allowfullscreen></iframe></div>
       <div class="content"> 
        <h2>VeraCrypt, un logiciel de cryptage redoutablement puissant ! </h2>
         <p align="justify">Basé sur le logiciel Truecrypt, avorté en 2012, VeraCrypt est un utilitaire qui vous serra très pratique dans un monde où nous devons de plus en plus sécurisé nos fichiers, nos communications, notre vie privée. </p>
       </div>
      </section>
      <?php // 4e video ?>
    <!-- conteneur supplémenatire [VIDEO]  --><!-- conteneur supplémenatire [VIDEO]  -->
      <section class="spotlight">
       <div class="videoWrapper"><iframe width="567" height="315" src="https://www.youtube.com/embed/Tp-UKOBVtHs?ecver=1" frameborder="0" allowfullscreen></iframe></div>
       <div class="content"> 
        <h2>Clé USB Bootable Quesaco ? </h2>
         <p align="justify"> Pour démarrer votre ordinateur avec un autre système d'exploitation que Windows, par exemple Linux, voire l'installer vous pouvez démarrer votre machine en passant par une clé USB bootable (Live USB). L'intérêt est évidemment une plus grande souplesse d'utilisation (la clé est facilement modifiable, effaçable et réutilisable). </p>
       </div>
      </section>
      <?php // 5e video ?>
    <!-- conteneur supplémenatire [VIDEO]  --><!-- conteneur supplémenatire [VIDEO]  -->
      <section class="spotlight">
       <div class="videoWrapper"><iframe width="567" height="315" src="https://www.youtube.com/embed/wfoQ8wixps0" frameborder="0" allowfullscreen></iframe></div>
       <div class="content"> 
        <h2> Mettre un mot de passe à votre clé USB ! </h2>
         <p align="justify">Protéger ses données sur une clé USB avec le logiciel USB Flash Security peut s'avérer très éfficasse, car ce logiciel ne nescessite pas d'instalation au près allable pour dévérouiller la clef. Ideal quand vous utiliser d'autres ordinateurs que le votre.  
       </div>
      </section>  
    <!-- mon pied de page --><!-- mon pied de page --><!-- mon pied de page --><!-- mon pied de page -->
     <footer id="footer">
      <ul class="icons">
       <li><a href="https://twitter.com/BRLND_" rel="nofollow noopener noreferrer" target="_blank" class="icon fa-twitter"><span class="label">Twitter</span></a></li>
       <li><a href="https://www.facebook.com/geoffreybrlnd" rel="nofollow noopener noreferrer" target="_blank" class="icon fa-facebook"><span class="label">Facebook</span></a></li>
       <li><a href="https://www.instagram.com/geoffreybrlnd/?hl=fr" rel="nofollow noopener noreferrer" target="_blank" class="icon fa-instagram"><span class="label">Instagram</span></a></li>
       <li><a href="https://www.snapchat.com/add/itsbrlnd" rel="nofollow noopener noreferrer" target="_blank" class="icon fa-snapchat"><span class="label">Snapchat</span></a></li>
      </ul>
      <ul class="copyright">
       <li><a href="">© Brlndtech 2017  </li><li><a href="https://fr.wikipedia.org/wiki/Licence_publique_g%C3%A9n%C3%A9rale_GNU" rel="nofollow noopener noreferrer" target="_blank"> GPL </a></li>
       <script src="https://apis.google.com/js/platform.js"></script>
      </ul>
     </footer>
       </div>
  <!-- ANIMATIONS DU SITE EN JAVA  -->
  <!-- Scripts -->
   <script src="assets/js/jquery.min.js"></script>
   <script src="assets/js/jquery.scrollex.min.js"></script>
   <script src="assets/js/jquery.scrolly.min.js"></script>
   <script src="assets/js/skel.min.js"></script>
   <script src="assets/js/util.js"></script>
   <!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]-->
   <script src="assets/js/main.js"></script>

 </body>
</html>


Bonne soirée à vous et merci d'avance
BRLND

1 réponse

jordane45 Messages postés 38138 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 17 avril 2024 4 649
20 sept. 2017 à 21:25
Bonjour

Qu'est ce que tu appelles "actualisation" de la page ? Son affichage lirs d'un refresh ??

Dans ton exemple. .quelle est la différence entre ta page statique et la dynamique ?

Bref.. une meilleur explication serait la bienvenue
0