Apprendre

Bienvenue ! - www.ToutWindows.com – Tout sur Windows et la photo Astuce pour les développeurs : HTML, CSS, PHP, Mod Rewrite & SEO Se souvenir des balises Web quand on développe est souvent difficile surtout quand on ne pratique pas tout le temps certains langages de programmation. Ouf ! il existe des fiches pour se simplifier la vie … et aussi pour découvrir des balises & expressions souvent méconnues. Voici quelques fiches sur l’HTML, CSS, PHP, Mod rewrite et SEO que vous pouvez enregistrer (image jpeg – clic droit sur l’image puis « enregistrer sous »), vous verrez c’est très pratique. Voir aussi le PDF : SEO_Web_Developer_Cheat_Sheet Share and Enjoy Publié par : npcmediaClassé sous :web developer3 réactions

Cisco Packet Tracer tutorial: Tutorial de routage INTER VLAN sur cisco packet tracer Tutorial de routage INTER VLAN sur cisco packet tracer Le routage intervlan permet de faire communiquer deux différent vlan mais avec l'utilisation d'un routeur et avec un circuit virtuel avec encapsulation dot1q. La maquette de travail La création de vlans dans le switch et l'affectation des ports Switch>enable Switch#configure terminal Enter configuration commands, one per line. %LINEPROTO-5-UPDOWN: Line protocol on Interface FastEthernet0/5, changed state to up et le mode trunk dans fa0/5 Switch(config)#interface FastEthernet0/5 Switch(config-if)#switchport mode trunk Switch(config-if)# %LINEPROTO-5-UPDOWN: Line protocol on Interface FastEthernet0/5, changed state to down Maintenant la configuration de intervlan dans le routeur Router>enable Router#configure terminal Enter configuration commands, one per line. Router(config-if)# %LINK-5-CHANGED: Interface FastEthernet0/0, changed state to up %LINEPROTO-5-UPDOWN: Line protocol on Interface FastEthernet0/0, changed state to up et et

On/Off Flipswitch HTML5/CSS3 Generator - Proto.io Generate pure CSS3 On/Off flipswitches with animated transitions. More freebies A bug in Opera overflows content outside of the container's curved corners. Switches with a large border-radius setting may look broken. IE9+ fully supported.As IE6-8 do not support the CSS :checked selector, the switch will not reflect the "ON" state of the checkbox. Get the CSS Get the HTML Try Proto.io Free for 15 days Please contact us with your ideas, thoughts, questions or for anything else on how we can improve this tool.

Configurer le protocole OSPF avec Cisco Packet Tracer | Laintimes Le protocole OSPF (Open Shortest Path First) est un protocole de routage par « état de liens« . Il est actuellement en Version 2 et peut être utilisé sur des réseau IPV6. OSPF permet d’obtenir une table de routage avec les meilleurs routes. La meilleure route ne sera pas forcement les plus courtes, mais la plus « rapide » on va faire appel à la notion de « métrique » définie comme un nombre de sauts. Concrètement le protocole OSPF opère de la façon suivante. Pour débuter ce TP vous devez mettre en place la topologie suivante : Router0: de modèle 2620XM2 modules : WIC-1T1 module : NM-4E Router1: de modèle 2620XM2 modules : WIC-1T1 module : NM-4E Router2: de modèle 2620XM2 modules : WIC-1T1 module : NM-4E Pour mettre en place OSPF vos routeurs doivent être connecté sur un réseau spécifique, observez le schéma ci-dessous. On va donc commencer par configurer nos réseaux, avec notre station client. ->Client0(ZONE BLEU) FastEthernet0/0 :192.168.10.10/255.255.255.0 Passerelle: 192.168.10.254

Stitches - An HTML5 sprite sheet generator Drag & drop image files onto the space below, or use the “Open” link to load images using the file browser. Then, click “Generate” to create a sprite sheet and stylesheet. This demo uses a couple of HTML5 APIs, and it is only compatible with modern browsers. Drag & drop image files onto the space below, or use the “Open” link to load images using the file browser. Then, click “Generate” to create a sprite sheet and stylesheet. This demo uses a couple of HTML5 APIs, and it is only currently compatible with WebKit and Firefox browsers. Stitches is developed by Matthew Cobbs in concert with the lovely open-source community at Github. Copyright © 2013 Matthew Cobbs Licensed under the MIT license. Implementation After dependencies, Stitches requires a stylesheet, a script, and an HTML element to get the job done: The sprite sheet generator is automatically created in elements that have the stitches class: Documentation Documentation is available here. Dependencies Contributing License Download

Configurer un routeur Cisco avec Packet tracer (Routage,Nat,DHCP) Sommaire Le logiciel Packet Tracer. 2 1 ère phase : le paramétrage de base : 2 DHCP : ( Distribution automatisée d’adresses IP ). 4 L’interface Serial 5 Le Routage. 7 Le routeur Cisco étant particulièrement couteux, je préfère utiliser le logiciel packet Tracer, un excellent logiciel qui va me permettre de tout comprendre des réactions d’un réseau. A noter qu’il existe des Routeurs virtuels de routeurs Cisco qui peuvent fonctionner avec de véritables IOS. J’ai décomposé le paramétrage d’un routeur en 4 parties ainsi qu’en une de réparation ; Le paramétrage de base et des interfaces, le Service DHCP, le Nat, le(s) routage(s). Les commandes doivent être connues par cœurs afin de gagner du temps. Ouvrons Packet tracer et créons un réseau avec deux sous réseaux 192.168.0.0 et 172.16.0.0 . pc2 et pc0 seront sur le réseau en 192.168.0.0/24 et pc4 et pc5 sur le réseau 172.16.0.0/16 Voici les premières commandes à taper sur le routeur pour le configurer : Enable conf t hostname routeurexamen, line con 0 login

Menu déroulant en CSS Si vous voulez avoir tout de suite un aperçu du type de menu décrit dans cette page, vous pouvez visiter notre page de démonstration. Et pour garder le script proposé au chaud sur votre PC, vous pouvez aussi le télécharger. Avec ou sans javascript ? Lorsqu'on peut se passer de javascript, il est prudent de le faire. Certains internautes désactivent en effet l'exécution du javascript et pourraient se retrouver dans l'impossibilité de naviguer sur un site utilisant ce langage dans sa gestion de menu. Les principes utilisés pour créer les menus hiérarchiques sont malheureusement incompatibles avec Internet Explorer versions 6 et antérieures. Notre choix a consisté à mettre au point un menu à 2 vitesses qui fonctionne : Sans javascript pour Firefox, Opera, Mozilla et IE7Avec javascript pour IE 5.5 et 6 Ce choix permet à notre menu de rester pleinement opérationnel pour la quasi-totalité des visiteurs. Une partie de cache-cache Pour obtenir ce résultat, il faut donc maîtriser deux techniques :

Fonctionnement de Sysprep L’outil de préparation système, Sysprep.exe, permet de préparer une installation de Windows en vue de créer des images ou de la livrer à un client. Cette rubrique aborde les thèmes suivants : Fichier exécutable Sysprep Processus de Sysprep Utilisation d’un fichier de réponses en conjonction avec Sysprep Réinitialisation de l’activation de Windows Détection de l’état d’une image Windows Fichiers journaux de Sysprep Fichier exécutable Sysprep Sysprep.exe est le principal programme qui appelle les autres fichiers exécutables chargés de la préparation de l’installation de Windows. Processus de Sysprep Lorsque Sysprep s’exécute, le processus suivant est mis en œuvre : Vérification que Sysprep est capable de s’exécuter. Utilisation de fichiers de réponses en conjonction avec Sysprep Vous pouvez utiliser un fichier de réponses avec Sysprep pour configurer les paramètres de l’installation sans assistance. Toutes les étapes de configuration ne s’exécutent pas lors de l’installation de Windows.

La boîte à outils ultime pour le responsive design Si vous ne savez pas par où commencer votre webdesign responsive, ni quels outils vont vous faciliter la vie, cette liste d’outils concoctée à l’aide du dernier article de Smashing Hub devrait vous égayer. Faisons un petit tour des outils pratiques ou simplement indispensables… Le responsive design est relativement récent et les choses bougent très vite. A peine a-t-on pris connaissance d’une technique qu’il faut déjà apprendre une nouvelle chose ou maîtriser le dernier outil sorti. Le responsive design n’est pas une simple mode de passage mais bel et bien une possibilité et une philosophie de conception de sites web bien en place qui fait ses preuves. Avec sa popularité toujours grandissante, de nombreux outils ont vu le jour pour faciliter le travail des concepteurs et intégrateurs de sites. L’article original recense de nombreux outils gratuits qu’on peut trouver sur le web et vous trouverez ci-dessous ma sélection parmi tous ceux présentés dans celui-ci, plus quelques ajouts. 1. 2.

Installer la version UEFI de Windows Vista, 7 ou 8 Depuis Windows Vista SP1, Windows supporte l’UEFI (Unified Extensible Firmware Interface). L’UEFI ajoute certaines fonctionnalités qui permettent à votre ordinateur d’être plus rapide et plus performant. Pour bénéficier l’UEFI, il faut installer votre Windows en version UEFI et non plus en version BIOS comme nous le faisions habituellement. Le Crabe vous a aidé ? (merci pour le coup de pince) L’UEFI (Unified Extensible Firmware Interface) est le remplaçant du BIOS. La gestion des disques de plus de 2,2ToLa prise en charge de fonctionnalités réseauxLa gestion des architectures 64bitsUn démarrage plus rapide de l’ordinateur Pour bénéficier des avantages offerts par l’UEFI, vous devez obligatoirement avoir une version 64 bits de Windows (7, 8 ou 10), une carte mère avec un firmware UEFI et installer Windows en mode UEFI. Comment savoir si je possède une carte mère avec un firmware UEFI ? Vous avez la configuration requise pour installer la version UEFI de Windows ? Désactiver le Secure Boot

5 Useful CSS Tricks for Responsive Design Making the design to be responsive is very easy as shown in my Responsive Design in 3 Steps tutorial, but maintaining the elements to look aesthetically balanced on all breakpoint layouts is an art. Today I’m going to share 5 of my commonly used CSS tricks along with sample cases for coding responsive designs. They are simple CSS properties such as min-width, max-width, overflow, and relative value — but these properties play an important part in responsive design. View Demos 1. This responsive video CSS trick was discovered by tjkdesign.com. 2. Max-width property allows you to set the max width of the element. Max-Width Container In the example below, I specify the container to display at 800px if possible, but it should not exceed 90% of the boundary width. Responsive Image You can make the image auto resize to the max width of the boundary by using max-width:100% and height:auto. The above responsive image CSS works on IE7 and IE9, but doesn’t work on IE8. Min-Width 3. Relative Margin 4.

Le guide des meilleurs trucs et astuces pour Google Chrome Google Chrome est désormais le navigateur web le plus utilisé au monde. Rapide, performant, doté de nombreuses extensions, il a rapidement conquis le coeur de millions d'internautes. Tu l'utilises peut-être toi-même tous les jours, et pourtant, il est possible que tu ne connaisses qu'une petite partie de ses possibilités. Voici donc un petit guide recensant les paramètres et fonctions plus ou moins "oubliés" de Google Chrome. Que tu ne manqueras pas de compléter en commentaire bien entendu. Raccourcis ! Bien, comme toujours avant de commencer, il me paraît indispensable de connaître quelques raccourcis qui pourront te faire gagner un temps précieux. Tu trouveras l'ensemble des raccourcis sur cette page, mais voici à mon avis les plus utiles : - Ctrl + N ouvre une nouvelle fenêtre (ajoute Maj pour que ce soit en navigation privée) - Ctrl + T ouvre un nouvel onglet. - Ctrl + clic ou clic du milieu pour ouvrir dans un onglet en arrière-plan. Barre des tâches et favoris Un historique rapide Onglets