Débuter avec Bootstrap, le framework pour développer des sites web rapidement

Débuter avec Bootstrap, le framework pour développer des sites web rapidement

Bootstrap sur son ordinateur

Bootstrap est l’un des meilleurs framework HTML / CSS et JavaScript permettant de développer des sites internet en responsive (adaptable selon les écrans : téléphones/tablettes/Ordinateur). Il est gratuit et vous permettra de coder vos sites internet grâce à de simple base en CSS et HTML. Ce qui va suivre n’est pas un tutoriel pour coder avec Bootstrap. Il va s’agir de comprendre à quoi il sert exactement et déjà comment est ce qu’on peut l’utiliser.

Au commencement, j’ai appris à coder juste en HTML et CSS, et une fois qu’on découvre ce framework, on se rend compte qu’avec quelques tutoriels et un peu d’expérience, Bootstrap va devenir indispensable pour tous vos futurs sites !

Téléchargement

Dans un premier temps, avant même de commencer à écrire une quelconque ligne de code, il va falloir installer Bootstrap. Pour ça, rien de plus simple : il vous faut vous rendre sur le site officiel de Bootstrap et de télécharger le dossier.

 

Le téléchargement terminé, il vous faudra tout simple dézipper le dossier. Rien de plus simple avec 7-Zip ou avec WinRAR.

Que contient le dossier ? 3 autres dossiers qu’il va falloir placer intelligemment pour que tout puisse fonctionner correctement.

  • Un dossier Js
  • Un dossier css
  • Un dossier fonts

Une fois que bootstrap-3.3.7 a été décompressé, vous allez devoir créer un autre dossier sur votre bureau pour pouvoir le trouver facilement, dans lequel vous mettrez les 3 dossiers vu précédemment.

Maintenant on va pouvoir commencer le codage comme il faut !

Codage

Pour coder un site internet il faut bien évidement un éditeur de texte comme bloc note ou notepad++. Personnellement je recommande Sublime Text qui est très pratique et conçu pour différents types de code. Il faudra enregistrer votre code en « .html » pour que cela puisse générer une page internet et un autre en “.css” pour la décoration de votre page que vous placerez dans le dossier CSS donné par Bootstrap.

Le plus important lorsque vous voulez mettre en place un site internet, ce n’est pas le code. C’est le « chemin ». Si vos chemins sont mauvais, vous pouvez faire le meilleur code de votre vie, votre page internet ne fonctionnera pas. Qu’est ce que c’est exactement ce fameux chemin ?

Il faut que vous puissiez trouver vos dossiers à partir du code que vous allez écrire. Si par exemple vous avez un dossier image dans lequel vous mettez les images qui vont servir à votre site, lorsque vous allez utiliser la ligne de code pour charger l’image il va falloir écrire le bon chemin dans la ligne pour qu’il retrouve les images donc en l’occurrence si le dossier se nome tout simplement “images”, la ligne de code avec le bon chemin sera la suivante :

  • <img src:”images/le nom de l’image”/> .

Regardez bien l’image suivante. On a mis notre code CSS dans un dossier nommé CSS. Il va donc être important de préciser ce détail dans notre code html en mettant “css/” avant le sheet.css qui est le nom de notre code. Ainsi, le chemin qui mène jusqu’à notre code CSS sera correcte.

Notre feuille de style se trouvant dans notre dossier CSS, il faudra dans le code HTML préciser le chemin exact jusqu’à la feuille de style. Maintenant comment faire pour relier nos feuilles de style Bootstrap avec HTML. C’est ce qui vous permettra d’utiliser toutes les fonctionnalités de Bootstrap.

  • Le 1 : c’est une ligne de code qui va relier les CSS de Bootstrap avec votre HTML et ce peu importe où est sauvegardé votre dossier Bootstrap.
  • Le 2 : concerne les fichier JavaScript et il s’agira ici des animations pour faire de votre site une page internet animée.

Rien qu’avec ça, vous êtes maintenant prêt à coder votre site internet. A chaque fois il vous faudra faire attention au chemin de vos dossiers. Vous n’avez pas besoin de télécharger Bootstrap à chaque fois que vous voulez faire un site. Gardez celui que vous avez et utilisez le à chaque fois.

Concernant le codage de votre site, il existe énormément de tuto sur internet. Je n’ai pas appris qu’avec un seul et même tutoriel, et il va falloir vous renseigner un peu partout pour pouvoir obtenir un maximum de savoir. Je peux cependant vous conseiller un site internet qui donne d’excellentes explications et sur lequel j’ai appris la plupart de ce que je connais aujourd’hui : il s’agit de W3 SCHOOL. Cependant le seul hic c’est que c’est tout en anglais.

Entrainez vous et très vite vous obtiendrez un bon petit niveau et vous ne pourrez même plus vous passer de Bootstrap.

Booster son ordinateur avec la défragmentation du disque C

Booster son ordinateur avec la défragmentation du disque C

Booster son ordinateur en défragmentant le disque dur

L’ordinateur est devenu un outil indispensable que ce soit dans le travail, la création ou les jeux vidéo. Il faut savoir entretenir son ordinateur pour qu’il reste efficace le plus longtemps possible. La technique que nous allons voir ensemble se nomme la défragmentation du disque dur. C’est l’un des moyens les plus efficaces pour rendre ses performances à un ordinateur.

Avant de continuer, assurez vous que c’est bien un disque dur et non pas un SSD qui est dans votre ordinateur. La défragmentation sur un SSD est à éviter sous peine de l’user et par conséquent de ralentir votre ordinateur.

Défragmentation

Une défragmentation se fait très facilement mais prend beaucoup de temps, surtout si vous n’en faites jamais. Pour commencer, il y a 2 moyens d’accéder à la page de défragmentation.

  • Le premier est d’ouvrir l’exécuteur avec les touches Windows + r et de rentrer la commande « dfrgui.exe »

Vous allez directement atterrir à la bonne fenêtre avec cette commande puis en validant avec OK.

 

  • Sinon vous pouvez y accéder en faisant un clic droit de souris sur votre disque C et Propriété

Et ensuite outil et Optimiser.

Bien maintenant que nous sommes à la fenêtre d’optimisation, ça va être très simple. Dans un premier temps il va falloir analyser votre disque C. Comme j’ai pu le préciser, rien que l’analyse peut prendre plus ou moins du temps en fonction de votre ordinateur et de l’entretien que vous lui avez déjà apporté auparavant. Une fois l’analyse terminée, cliquez sur « optimiser ». Dans mon cas on peut voir 5% défragmentés puisque j’ai lancé la défragmentation peu de temps avant de rédiger le tutoriel.

Votre ordinateur risque d’être beaucoup plus lent que d’habitude le temps qu’il fasse la défragmentation de votre disque. Il est conseillé à ce moment-là de le laisser agir ou alors de l’utiliser mais sans trop le forcer. Oubliez Photoshop ou autres applications qui demandent beaucoup de ressources, la défragmentation ne pourra pas agir à son maximum si vous ne la laissez pas faire.

Ce n’est pas compliqué à faire mais il faut quand le faire régulièrement, en tout cas au moins 1 fois par mois. Cette défragmentation n’est pas à prendre à la légère. Elle est très utile et c’est comme un médicament qu’on pourrait donner à un malade pour le soigner.

Occupez vous bien de votre ordinateur… Il le mérite !

Entretenir son ordinateur et allonger sa durée de vie

Entretenir son ordinateur et allonger sa durée de vie

Entretenir son ordinateur

C’est bien beau d’avoir un ordinateur très puissant, mais pensez bien que sans entretien, celui-ci deviendra très vite lent et vous allez le ressentir. Aujourd’hui il est très facile d’entretenir son ordinateur ! Et il vous faudra le faire assez régulièrement ! Il faut savoir que le fait d’entretenir votre ordinateur de façon habituelle vous permettra de le faire survivre correctement beaucoup plus longtemps que sans entretien.

Il existe d’après moi, 2 logiciels clés pour sécuriser correctement votre ordinateur : CCleaner et Malwarebytes.

CCleaner va vous permettre de nettoyer votre disque dur en récupérant de l’espace disque disponible en allégeant le fonctionnement et aussi le démarrage du système. Malwarebytes quant à lui va vous protéger des malwares et de nombreuses autres menaces en ligne qu’un antivirus seul ne peut pas éradiquer. En effet un simple antivirus sur votre ordinateur ne suffira pas à vous protéger des dangers. Ces 2 logiciels sont gratuits et il existe une version payante premium pour plus d’options dont vous pouvez largement vous passer. Si vous possédez ces deux logicielsen version gratuite, cela suffira amplement. Nous allons commencer par la prise en main de CCleaner dans un premier temps puis après Malwarebytes.

CCleaner

Dans un premier temps il vous suffit d’ouvrir CCleaner. Voilà à quoi ressemble l’interface de ce logiciel :

Vous êtes dans la catégorie « nettoyeur » Comme son nom l’indique il va vous permettre de nettoyer tout ce qui est en arrière fond de votre Windows et qui ralentit votre pc. Dans un premier temps il vous faudra cocher sur la gauche ce qui vous convient. Si vous avez des mots de passe importants évitez de cocher « Mots de passe enregistrés ».

Pendant l’analyse, le logiciel risque de vous demander de fermer quelques applications. Fermez les, et une fois l’analyse terminée, cliquez sur « nettoyer ».

Il va faire un premier nettoyage, mais il va rester quelques applications. Appuyez à nouveau sur nettoyer jusqu’à ce qu’il ne reste plus rien.

Déjà le fait de faire cette manipulation quotidiennement permettra un bon entretien de votre ordinateur. Pour aller plus en profondeur, allez dans l’onglet « registre ».

« Chercher les erreurs » et faites la sauvegarde des fichiers que le logiciel vous conseille de faire avant de corriger les erreurs.

Une fois fait, votre ordinateur sera déjà dans un meilleur état ! Maintenant nous allons passer à Malwarebytes.

Malwarebytes

Lorsque vous devez entrer votre numéro de carte pour un quelconque achat en ligne, je vous conseille très fortement de lancer cette application avant de rentrer vos informations personnelles.

Il vous suffit de mettre à jour l’application de temps en temps lorsque c’est nécessaire et de cliquer sur Analyser maintenant.

Il va s’en suivre une série de différentes étapes afin de vérifier qu’il n’y a pas de problèmes rencontrés, et si c’est le cas de supprimer ces problèmes.

Il se trouve que pour le moment le logiciel détecte 1 danger potentiel. Laissez l’analyse se faire jusqu’au bout avant d’interrompre quoi que ce soit.

Sélectionnez le ou les problèmes rencontrés et supprimez la sélection. Vous pouvez faire vos achats sans soucis et maintenant votre ordinateur est beaucoup plus propre et protégé.

Je vous conseille d’utiliser ces 2 logiciels 1 fois par semaine environ. La première utilisation risque de prendre du temps si vous n’avez jamais fait ce genre de manipulation auparavant, mais par la suite si vous le faites régulièrement ça sera beaucoup plus rapide et vous sentirez un grosse différence surtout si votre ordinateur commence à vieillir.

Protéger et nettoyer son ordinateur, c’est le sauver.