Page pour mobiles (page 20 )

Page adaptée aux mobiles

Accueil<! DOCTYPE html>                                                                                                                                                                                                                                                                                   <html>                                                                                                                                                                                                                                                                                                        <head>                                                                                                                                                                                                                                                                                                      <meta charset="utf-8">                                                                                                                                                                                                                                                                             <title>  Page Mobile  </title>                                                                                                                                                                                                                                                                      <meta name ="viewport"  contact=initial-scale-1.0">      <link rel="stylesheet"  href="style.css"/>                                                                                                                                                           <script>        function menumobile() ( bloc=document.getElementById("menu") ;        if  (bloc.className=="afficher")                                                                                                                            (bloc.className="masquer";)           else (bloc.className="afficher";)     )   </script)    </head>                                                                                                                                                           <body>                                                                                                                                                                                                                                                                                                      <div class="global">                                                                                                                                                                                                                                                                                  <header class="entete">                                                                                                                                                                                                                                                                           <img  src="hk-entete.jpg"  alt="Hong Kong">     </header>                                                                                                                                                                                                                      <nav class="blocmenu">   <ul  id="menu">    <a  href="#"    id="menutitre"   class="mobile"   onclick="menumobile();   return false;">Menu</a>                                                                                 <li><a  href="index.html"> Présentation</a></li>                                                                                                                                                                                                                                     

Page adaptée aux mobiles

<li><a href="page2.html"> Lien 2 </a></li>                                                                                                                                                                                                                                               <li><a  href="page3.html">  Lien3  </a></li>                                                                                                                                                                                                                                             <li><a  href="page4.html">  Lien4  </a></li>    </ul>  </nav>                                                                                                                                                                                                                    <section class="contenu ">       <h1>    Page pour mobiles </h1>     <p>  J'écris cette page pour qu'elle soit adaptée aux mobiles qui prennent de plus en plus de place parmi les visiteurs .J'essaye de faire une adaptation de mon site pour qu'il soit lisible à partir des appareils mobiles .                                                                                                                                          </p>    </section>    </div>    </body>                                                                                                                                                                                                                                                        </html>         

Après avoir écrit cette page pour les mobiles ,j'ai voulu vérifier que mon site était adapté aux mobiles .En principe il devait l'etre car j'avais choisi un thème responsive pour configurer le site et cela impliquait qu'il soit compatible avec ces appareils .Les essais de compatibilité de pages du site avec les smartphones dans Bing et Google ont établi que c'était le cas .Mais j'ai eu une autre possibilité de le démontrer ,en effet j'ai inséré le titre du site dans la tablette puis dans le smartphone de ma femme et dans les deux cas le contenu était parfaitement lisible bien que la largeur de l'écran soit nettement plus faible que dans un ordinateur .Cet essai a eu lieu le 14/07/2016 et j'en fut bien aise car les internautes utilisent de plus en plus ces mobiles pour visiter les sites ,il faut donc se mettre à la page .

ajout d'une image

Fotolia 99730662 xs

flux de ma page

page Facebook

ajout d'une vidéo

Wiz Khalifa - See You Again ft. Charlie Puth [Official Video] Furious 7 Soundtrack

Musique et chansons

  • Nom du fichier : Laurent f attention fragile version 2018
  • Taille : 4.37 Mo
Télécharger

Rich Snippets

Date de dernière mise à jour : 19/12/2018

  • Aucune note. Soyez le premier à attribuer une note !

Commentaires

  • huguetjeanpierre
    J'écris un 5ème commentaire dans cette page 20 afin de me rendre compte quel effet cela fait avec cette anomalie dans l'écriture d'un message .
  • huguetjeanpierre
    J'ajoute un commentaire à cette page destinée aux appareils mobiles qui sont de plus en plus utilisés
  • huguetjeaandpierre
    J'écris un message dans cette nouvelle conceptionn
    • Jacques Collard
      • Jacques CollardLe 25/03/2018
      Mes commentaires ont changé et j'essaie de revenir à leur ancien état mais je ne sais comment faire
  • huguetjeanpierre
    J'ajoute un message à cette page pour mobiles que j'ai créée récemment pour faire face à la progression importante des internautes sur mobiles ces derniers temps et le phénomène s'amplifie de plus en plus d'ailleurs .

Ajouter un commentaire