Articles

Insertion d'une image et d'un texte dans blogger

Image
  Le pendule de Foucault En 1851 Léon Foucault reçoit l’autorisation du prince-président Louis Napoléon Bonaparte d'utiliser le dôme du Panthéon afin d'y installer un pendule, Il souhaite, par ce biais, montrer que la Terre tourne sur elle-même. Il suspend à travers l'ouverture de ta coupole du Panthéon, une boule de laiton de 17 cm de diamètre et de 28 kg (à l’intérieur de laquelle du plomb avait été coulé) par un fil de 1,4 mm de diamètre et long de 67 m. Pour obtenir ce résultat vous vous devez inclure avant le haut de la page ou de l’article les codes CSS avec l’affichage HTLM :   <style> * {box-sizing: border-box;} .colsize1 {float: left;width: 50%;padding: 10px;} .colsize2 {float: left;width: 50%;padding: 10px;} .row:after {content: "";display: table;clear: both;} @media screen and (max-width: 600px) {   .colsize1, .colsize2 {     width: 100%;   } } </style> Puis ensuite insérer les codes HTLM : <div

Notepad++ avec le plugin NppFTP

Image
Si vous travaillez avec Notepad++ pour la création de vos pages web, vous pouvez installer un Plugin afin de transférer vos fichiers chez l'hébergeur de votre site web.  Pour cela vous devez télécharger le plugin NppFTP à l'adresse suivante : https://nppmanuel.nliautaud.fr/plugins/plugin-manager  Allez dans Notepad ++, puis "Modules d'extension" > "Gestionnaire des modules d'extension"  Cochez "NppFTP" > "installer" Ensuite toujours dans Notepad ++  Bouton "Paramètres" > "Profile Setting" > "Add new" puis entrer les informations souhaitées pour créer votre profil. Pour visualiser les fichiers chez votre hébergeur : Allez dans "Modules d'extension" > "NppFTP > "Show NppFTP Windows"

2 Images avec blogger

Image
Avec Blogger il n'est pas possible avec le mode "Rédiger" de placer une photo et un texte ou deux photos côte à côte. Par contre avec le mode"HTLM" il est possible d'intégrer les codes CSS et HTML. Le principe est simple, il suffit de placer les codes CSS dans une balise "style" en haut de la page puis de placer en dessous les codes HTLM souhaités comme le montre l'image ci-dessous : Dans notre exemple nous avons choisi deux largeurs identiques soit width: 50%, ces largeurs peuvent être modifiées en 20% et 75% suivant ce que vous souhaitez. Vola le résultat :

Brave Browser - Navigateur Internet

Image
  Depuis plusieurs mois j'utilise le navigateur "Vivaldi" et j'apprécie son bloqueur de pub. Aujourd'hui, je vous recommande "Brave", un navigateur Internet gratuit d’un nouveau genre. Il est compatible avec toutes les extensions du Chrome Web Store. Par rapport au navigateur de Google, il est débarrassé de tous les outils de suivi et de ciblage publicitaire. Comme "Vivaldi" il  intègre directement un puissant bloqueur de publicités, pour optimiser l’interface et la vitesse de chargement des pages. Brave serait selon certaines études le navigateur le plus rapide face à  Google Chrome, Mozilla Firefox ou Microsoft Edge. Brave Browser intègre désormais Brave Talk, un service de conversation vidéo et visioconférence très rapide qui offre de nombreuses options et assure la sécurité de vos échanges. Télécharger Brave Windows 64-bit

Créer un jeu vidéo avec Scratch

Voici un jeu vidéo créer avec Scratch.  Prochainement je proposerai sur mon site une grande étude avec Scratch. Le joueur peut déplacer le tireur avec les flèches gauche et droite de l'ordinateur. Chaque oiseau abattu rapporte 5 points au joueur.

Créer un effet miroir avec Scratch

Image
Dans Scratch nous avons possibilité de programmer 3 modes de direction pour le lutin. L'effet miroir permet a un lutin animé de se retourner pour avancer ou reculer lors d'un déplacement par les flèches droite ou gauche Exemple avec un déplacement à droite ou à gauche. Utiliser les flèches droite ou gauche pour déplacer le lutin

Création d'un diaporama dans une page web

Image
 Comme base de travail, nous avons choisi la rubrique How TO -Slideshow de w3school.com Nous avons ensuite apporté quelques modifications par rapport au code CSS. Création des images. Pour obtenir une constance de dimensions à notre diaporama, nous avons standardisé les images au format 16:9 avec pour taille : Images en mode paysage : 900x506 px Images en mode portrait : 285x506 px Pour les images au format portrait, nous créons une image au format paysage, mais d'une couleur uniforme afin de placer au centre de cette dernière notre image en mode portrait. Exemple d'images :  Voici notre exemple de diaporama :