13/01/2025

Auteur : Florian BURNEL

Florian BURNEL
  • Co-founder of IT-Connect
  • 6152 articles

Ingénieur système et réseau, cofondateur d'IT-Connect et Microsoft MVP "Cloud and Datacenter Management". Je souhaite partager mon expérience et mes découvertes au travers de mes articles. Généraliste avec une attirance particulière pour les solutions Microsoft et le scripting. Bonne lecture.

Développement Web

Premiers pas avec le CSS

Florian BURNEL 0 commentaire

I. Présentation Ce tutoriel a pour objectif de vous faire découvrir l’utilisation du CSS à l’intérieur d’une page HTML. II. Première personnalisation Pour cela, dans un premier temps il faut créer une page HTML contenant une structure de page basique, avec en plus un titre de page (balise <title>) et un titre dans la page (balise <h1>). Cette page contiendra ceci : Ce qui nous donnera à l’affichage : Maintenant que nous avons mis en place la page HTML, nous allons y intégrer du CSS, c’est à dire des propriétés qui affecterons l’apparence des éléments de la page visés. Pour cela il faut insérer une balise <Style type= »text/css »> et </Style> pour la fermeture, dans la partie <HEAD> de la page HTML. Ensuite à l’intérieur de cette balise on insère les propriétés CSS que l’on souhaite. Par exemple, pour mettre le fond du Body en noir et le titre centré et en jaune, il faudra écrire ceci  : Ce qui nous

Lire cet article
Développement Web

Importer une feuille de style CSS dans une autre

Florian BURNEL 0 commentaire

I. Présentation Pour importer une feuille de style dans une autre, ou même importer plusieurs feuilles de style dans une feuille on utilise la propriété CSS : @import. Selon la spécification du W3C il faut que cette propriété soit avant toutes les autres, autrement dit il faut la mettre au tout début de la page. II. La syntaxe @import @import url(« style.css »); Remplacez « style.css » vers le chemin vers votre feuille de style. Si vous souhaitez importer plusieurs feuilles de style, répétez cette ligne autant de fois que nécessaire afin de générer plusieurs appels consécutifs de feuilles de style. Il n’est pas possible d’importer plusieurs feuilles de style en une seule commande @import. Cette propriété est pratique car elle vous permet d’organiser vos styles dans différentes feuilles et d’avoir un meilleur contrôle de celle-ci et en plus de les utiliser indépendamment si vous en avez besoin.

Lire cet article
Batch

Bien utiliser la date et l’heure

Florian BURNEL 0 commentaire ,  ,  , 

I. Qu’elles sont les commandes pour obtenir l’heure et la date Pour visionner la date utilisez la commande : date /t Pour visionner l’heure utilisez la commande : time /t II. Comment modifier l’heure et la date ? Pour modifier la date, tapez simplement la commande : date Pour modifier l’heure, tapez simplement la commande : time III. Comment découper la date ? %DATE:~Position_de_Depart,Nombre_De_Caractères% Nombre de caractères correspond au nombre de caractères que vous souhaitez afficher à partir de la position de départ. Exemple avec la date du jour, soit : 17/11/2011 : IV. Exemples   Afficher seulement le jour : %DATE:~0,2%   Afficher seulement le mois : %DATE:~3,2%   Afficher seulement l’année : %DATE:~6,4%   Afficher la date complète sans les slashs : %DATE:~0,2%%DATE:~3,2%%DATE:~6,4%   V.Comment découper l’heure ? %time:~Position_de_Depart,Nombre_De_Caractères% Nombre de caractères correspond au nombre de caractères que vous souhaitez afficher à partir de la position de départ. Exemple avec l’heure 22h00 et 32 secondes : Vous remarquerez

Lire cet article
Développement Web

Déclarer une feuille de style (CSS) dans une page HTML

Florian BURNEL 1 commentaire

I. Présentation La feuille de style est un document qui va permettre de définir les caractéristiques de mise en forme des éléments d’une page web sur laquelle elle est déclarée. Ce tutoriel explique comment appeler une feuille de style (CSS) dans une page HTML. II. Déclarer une feuille CSS En effet, la feuille de style doit être référencée dans la page web où elle doit  s’appliquer. Pour cela il faut ajouter un lien vers cette feuille de style dans le HEAD de votre page : <HEAD> <LINK rel= »stylesheet » type= »text/css » href= »lien_vers_la_feuille »> </HEAD> On notera l’utilisation de la base « LINK » ainsi que de préciser qu’il s’agit d’un type CSS. Enfin, l’option « href » comme dans le cadre d’un lien standard doit contenir le chemin vers votre feuille de style au format .css. – Exemple si la feuille s’appelle styles.css : <HEAD> <LINK rel= »stylesheet » type= »text/css » href= »styles.css »> </HEAD>

Lire cet article
Batch

Changer sa configuration TCP/IP rapidement

Florian BURNEL 10 commentaires ,  ,  ,  , 

Si vous utilisez plusieurs configuration TCP/IP différentes et que vous trouvez ennuyeux de devoir tout ressaisir à chaque changement, ce script est fait pour vous ! Tout d’abord, copiez collez dans un fichier vide le code du script ci-dessous et enregistre-le en .bat. Ensuite modifier la valeur des variables pour adapter le script à vos besoins. Explication sur la correspondance des variables :  NomConnexion : Correspond au nom exacte de la connexion dont la configuration doit être modifiée (évitez les accents).  IP : Correspond à l’adresse IP que vous souhaitez attribuer à cette connexion.  Masque : Correspond au masque de sous-réseau.  Passerelle : Correspond à la passerelle par défaut.  DNS : Correspond au serveur DNS principal. @echo off echo Mise a jour de la configuration TCP/IP du PC. Patientez… SET NomConnexion=Local Area Connection SET IP=172.17.0.4 SET Masque=255.255.0.0 SET Passerelle=172.17.0.254 netsh interface IP set address « %NomConnexion% » static %IP% %Masque% %Passerelle% 1 SET DNS=172.22.0.2 netsh interface IP set DNS « %NomConnexion% » static %DNS%

Lire cet article
Services

Mise en place et configuration d’un Proxy avec Squid

Florian BURNEL 9 commentaires

I. Présentation Ce serveur Proxy permet de filtrer le trafic réseau et de garder en cache les pages internet visitées par les utilisateurs dans le but de rendre la navigation internet plus rapide. Le serveur Proxy sera configuré de manière à autoriser seulement la navigation web (port 80), la navigation web sécurisée (port 443) et le transfert FTP (port 21) pour les postes clients étant uniquement dans le réseau 172.16.0.0/16. II. Schéma III. Pré-requis – Un PC avec deux cartes réseaux – Ubuntu server – Un routeur – Un switch – Un ou des PC clients [Passerelle : 172.16.255.254 ; Proxy déclaré dans le navigateur] Note : Utilisez Nano si vous n’avez pas Vim comme éditeur de texte. IV. Configuration des deux interfaces réseaux du serveur – Accéder au fichier : vim /etc/network/interfaces – Contenu à avoir dans le fichier : # Interface de loopback auto lo iface lo inet loopback # Interface du Proxy – Coté LAN – Eth0

Lire cet article
Développement Web

PHP – Passage de paramètres avec GET et POST

Florian BURNEL 0 commentaire

I. Présentation Dans ce tutoriel nous allons voir les bases sur le passage de paramètres entre page web par le PHP. Pour cela nous utiliserons deux méthode distinctes, la méthode POST et la méthode GET au travers de deux fichiers. Un fichier formulaire.html qui sera utilisé par l’utilisateur pour entrer des données et les envoyés pour les traiter. Un fichier enregistrement.php qui recevra puis traitera les données (les plus souvent, elles seront utilisées pour gérer une base de données). I. La méthode GET formulaire.html : Nous utilisons les balises suivante pour construire le formulaire : <FORM> </FORM> Nous y spécifions le fichier ou envoyé les données (action= »nomdufichier.php »). Les balises suivantes sont utilisées pour rentrer une nouvelle donnée: <INPUT> Celles-ci peuvent être de plusieurs type (texte, bouton radio, case a cocher, sélection dans une liste …). Nous y spécifions au minimum le type de donnée et son nom. Il ne faut pas oublier a la fin de notre formulaire le bouton

Lire cet article
Cisco

Mise en place d’un agent relais DHCP

Florian BURNEL 9 commentaires

I. Présentation Théoriquement on devrait installer un serveur DHCP par sous-réseau étant donné que les clients le contact par diffusion qui correspond à une trame DHCP Discover. Mais, si vous donnez le rôle d’agent relais DHCP à votre routeur – Cisco dans notre cas – celui-ci sera capable de relayer la trame de diffusion dans les autres sous-réseaux. En bref, vous pouvez gérer plusieurs sous-réseaux avec un seul serveur DHCP. Ce tutoriel a été réalisé grâce au logiciel Cisco Packet Tracer et ne nécessite donc aucun matériel. II. Schéma du réseau III. Configuration réseau des différents éléments – Routeur : Interface Eth0 : 10.255.255.254 255.0.0.0 et Interface Eth1 172.16.255.254 255.255.0.0 – Serveur DHCP : Adresse IP : 10.255.255.253 255.0.0.0 Passerelle par défaut : 10.255.255.254 (Ce qui correspond à notre routeur) – Client 1, 2 et 3 : Ils n’ont pas encore de configuration, ils sont en configuration TCP/IP automatique et attendent donc que le serveur DHCP leur offre une configuration.

Lire cet article
Code HTML
Développement Web

Structure d’une page HTML

Florian BURNEL 4 commentaires

I. Présentation La structure d’une page HTML, c’est la base du web ! En parlant de ça, une page HTML se commence par la balise <html> et se termine par la balise </html>. Entre ces deux balises l’en-tête et le corps doivent être définit. L’en-tête grace à la balise <head> et à la balise de fermeture </head>, et le corps avec la balise <body> et </body>. II. Structure de base <html> <head> En tête </head> <body> Corps </body> </html> III. Que mettre dans l’en-tête ? – Donner un titre à votre page [ balise : <title> ] : <head> <title>Mon Titre</title> </head> – Indiquer la langue utilisée dans le site [ balise : <meta … /> ] <head> <meta http-equiv= »content-language » content= »fr » /> </head> – Indiquer des mots clés [ balise : <meta … > ] <head> <meta name= »keywords » content= »Mots1,Mots2″> </head> Note : Séparer chaque mot clé par une virgule. IV. Que mettre dans le corps ? C’est ici que vous

Lire cet article
Services

Configurer un serveur TFTP sous Ubuntu Server

Florian BURNEL 3 commentaires ,  , 

I. Présentation Le TFTP pour Trivial File Transfer Protocol est proche du protocole de transfert FTP sauf que celui-ci est simplifié. Il fonctionne en UDP grâce au port 69. Sa simplification, fait qu’il est moins sécurisé et ne permet pas de fonction de listage et il ne nous avertis pas en cas de perte de données. Nous allons voir comment installer et configurer un serveur TFTP sur une distribution Ubuntu. II. Installation du packet tftpd-hpa et tftp-hpa Ces paquets correspondent respectivement au serveur et au client (l’installation du paquet client permet d’effectuer des tests en local, vous n’êtes pas obligé de l’installer). apt-get install tftpd-hpa apt-get install tftp-hpa III. Configuration du fichier tftpd-hpa se trouvant dans : /etc/default nano /etc/default/tftpd-hpa – Voici le contenu par défaut du fichier : TFTP_USERNAME= »tftp » TFTP_DIRECTORY= »/var/lib/tftpboot » TFTP_ADDRESS= »0.0.0.0:69″ FTP_OPTIONS= »–secure » – Compléter le fichier de la manière suivante : TFTP_USERNAME= »tftp » // Utilisateur de connexion TFTP_DIRECTORY= »/var/lib/tftpboot » // Répertoire personnel de l’utilisateur tftp TFTP_ADDRESS= »0.0.0.0:69″ // Adresse d’écoute du serveur

Lire cet article
Fonctionnement DHCP
Administration Réseau

Fonctionnement du DHCP

Florian BURNEL 1 commentaire , 

I. Le protocole DHCP, qu’est-ce que c’est ? Ce protocole dont l’acronyme signifie « Dynamic Host Configuration Protocol » permet à un ordinateur – du réseau – de se connecter de manière dynamique, c’est à dire sans aucune configuration manuelle de la part du client. Le serveur DHCP selon sa configuration attribuera un certains nombres de paramètres au client. L’essentiel étant d’avoir une IP, un masque de sous-réseau, une passerelle par défaut et un serveur DNS. Cependant, on peut se contenter d’une IP et d’une passerelle par défaut dans certains cas. II. Fonctionnement La procédure ci-dessous explique les différentes étapes d’une demande de configuration d’un client à un serveur DHCP. Dans le cas où la demande se déroule correctement il y a toujours ces 4 étapes, en cas de complication des étapes supplémentaires s’ajoutent.

Lire cet article
Apache

Utilisation de .htaccess et .htpasswd avec WAMP

Florian BURNEL 0 commentaire ,  ,  , 

Cette procédure explique comment protéger l’accès à un dossier à l’aide de deux fichiers, le premier étant « .htaccess » et le second « .htpasswd ». Explication du rôle de chacun des fichiers :  .htaccess : Ce fichier doit contenir quelques paramètres important et le chemin absolu vers le fichier .htpasswd.  .htpasswd : Ce fichier va contenir la liste des utilisateurs (et leur mot de passe) qui sont autorisés à accéder au contenu du dossier. Création et configuration du fichier .htaccess : Créer le fichier .htaccess et on le place dans le dossier que l’on souhaite protéger. Note : Ce fichier n’a pas de nom, il contient seulement une extension, le point au début et donc normal. Ajout de quelques paramètres : AuthName « Page d’administration protégée. Merci. » AuthType Basic AuthUserFile « /xoops/securite/.htpasswd » Require valid-user AuthUserFile : indiquer l’emplacement du fichier .htpasswd, il faut indiquer le chemin absolu. AuthName : correspond à un texte qui s’affichera dans la fenêtre d’authentification. Les deux

Lire cet article
IPCOP

Comprendre et Installer IPCOP 1.4.20

Florian BURNEL 0 commentaire

I. Présentation IPCOP est une distribution Linux complète, son but est de protéger le réseau sur lequel elle est mise en oeuvre. En implémentant les technologies existantes, les technologies émergentes et en se servant de pratiques de programmations sûres, IPCOP est la distribution qu’il vous faut si vous souhaitez garantir la sécurité de vos ordinateurs et réseaux. IPCOP peut gérer jusqu’à 4 interfaces différentes : – Interface Rouge : Ce réseau correspond au réseau Internet (le réseau dit le plus dangereux.). Le but même d’IPCOP est de protéger les autres réseaux des attaques venues du réseau Internet, c’est-à-dire de l’interface Rouge. – Interface Verte : Correspond au réseau local (LAN) protégé par IPCOP. Ce réseau à le droit d’accès aux 3 autres réseaux (sauf paramétrage spéciaux grâce à des Add-Ons: URL Filter qui limite l’accès au Web, BlockoutTrafic pour gérer finement le trafic réseau). – Interface Orange : Ce réseau est une DMZ (Demilitarized Zone = Zone Démilitarisée) qui permet

Lire cet article
Services

Universal USB Installer – Démarrer une distribution Linux via une clé USB

Florian BURNEL 0 commentaire

I. Présentation USB Installer est un logiciel du site PendriveLinux.com, il permet de rendre « bootable » une distribution Linux via une clé USB. Le logiciel propose un large choix de distribution. Vous avez besoin de : – Une distribution au format ISO ou d’une connexion internet pour que le logiciel la télécharge. – Une clé USB qui pourra être formatée et utilisée par le programme pour accueillir le système. – Universal USB Installer de PendriveLinux.com. Dans ce cas, l’ISO de la distribution Ubuntu Netbook 10.10 est utilisée. II. Procédure Démarrez le logiciel, acceptez la licence, vous obtiendrez alors ceci : Sélectionnez la distribution qui vous concerne dans la liste déroulante, puis si vous avez déjà l’ISO de cette distribution, indiquez le chemin du répertoire où elle se trouve en cliquant sur « Browse ». Maintenant, il faut sélectionner le périphérique USB sur lequel vous souhaitez faire démarrer votre distribution Linux. Cochez la case « Now showing all drives »

Lire cet article
VMware

V2V – Copier et convertir une machine virtuelle VMware

Florian BURNEL 0 commentaire

I. Présentation Nous allons voir comment convertir une machine virtuelle provenant d’un hôte ESX avec un disque au format VMDK vers le format VHD. Ceci grâce au logiciel de conversion V2V Starwind Image Converter. II. Logiciels requis – VMWare ESX. – Veeam Backup and Fast SCP (à installer sur le client Windows). – StarWind V2V Image Converter. (à installer sur le client Windows). III. Ajout d’un serveur dans Fast SCP – Cliquez sur l’icône prévu à cet effet. – Sélectionnez « ESX or ESXi Host » à la première étape. – Saisissez l’identifiant et le mot de passe d’un administrateur du serveur ESX, par défaut cela correspond à l’utilisateur : root. – Ensuite cochez « Connect when I click Finish » puis cliquez sur « Finish ». Cela permettra une connexion automatique au serveur après la fin de l’ajout. – Le serveur apparaît dans la liste : IV. Copie de l’intégralité de la machine virtuelle A. Méthode par tâche de

Lire cet article