{"id":116,"date":"2020-03-30T16:20:50","date_gmt":"2020-03-30T14:20:50","guid":{"rendered":"http:\/\/graphizm.fr\/greta\/?p=116"},"modified":"2024-09-25T18:47:00","modified_gmt":"2024-09-25T16:47:00","slug":"personnaliser-brackets","status":"publish","type":"post","link":"https:\/\/graphizm.fr\/greta\/fcs\/personnaliser-brackets\/","title":{"rendered":"Personnaliser Brackets"},"content":{"rendered":"\n<p>Pour \u00e9diter le code source d&rsquo;une page Web, je vous recommande l&rsquo;utilisation d&rsquo;un \u00e9diteur de code nomm\u00e9 <strong>Brackets<\/strong>.<\/p>\n\n\n\n<p>Il est t\u00e9l\u00e9chargeable gratuitement et sans limitation sur le site <a rel=\"noreferrer noopener\" aria-label=\"brackets.io (s\u2019ouvre dans un nouvel onglet)\" href=\"http:\/\/brackets.io\/\" target=\"_blank\">brackets.io<\/a>. <strong>Brackets<\/strong> fonctionne sous Windows, MacOs et Linux. Ceux d&rsquo;entre vous qui utilisent un PC pr\u00eat\u00e9 par le GRETA disposent de <strong>Brackets<\/strong> parmi les programmes install\u00e9s sur le portable.<\/p>\n\n\n\n<p>Si vous avez l&rsquo;habitude d&rsquo;utiliser un autre \u00e9diteur de code, vous pouvez l&rsquo;utiliser sans que cela g\u00eane votre apprentissage. Vous trouverez une liste des principaux \u00e9diteurs de code sur de nombreux sites dont le <a rel=\"noreferrer noopener\" aria-label=\"BlogDuWebdesign (s\u2019ouvre dans un nouvel onglet)\" href=\"https:\/\/www.blogduwebdesign.com\/editeurs-de-code\/\" target=\"_blank\">BlogDuWebdesign<\/a>.<\/p>\n\n\n\n<p>Je vous propose, avant d&rsquo;aller plus loin avec <strong>Brackets<\/strong>, de personnaliser cet \u00e9diteur de code. En lui ajoutant qualques extensions, Brackets va se r\u00e9v\u00e9ler tr\u00e8s pratique pour commencer \u00e0 manipuler le code source d&rsquo;une page HTML, une feuille de style CSS et plus tard un script JS.<\/p>\n\n\n\n<p>Pour savoir comment ajouter des fonctionnalit\u00e9s \u00e0 <strong>Brackets<\/strong>, consultez la fiche <a rel=\"noreferrer noopener\" aria-label=\"extensions-brackets (s\u2019ouvre dans un nouvel onglet)\" href=\"http:\/\/graphizm.fr\/fcs\/extensions-brackets\/\" target=\"_blank\">extensions-brackets<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Infos sur Brackets<\/h3>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Premiers pas avec Brackets<\/strong>, texte affich\u00e9 \u00e0 l&rsquo;ouverture de l&rsquo;\u00e9diteur, mis en ligne sur <a href=\"http:\/\/graphizm.fr\/fcs\/premiers-pas-avec-brackets\/\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"graphizm.fr (s\u2019ouvre dans un nouvel onglet)\">graphizm.fr<\/a><\/li><li><strong>Bienvenue chez Brackets<\/strong>, un article \u00e0 traduire en fran\u00e7ais avec Chrome, sur <a rel=\"noreferrer noopener\" aria-label=\"github.com (s\u2019ouvre dans un nouvel onglet)\" href=\"https:\/\/github.com\/adobe\/brackets\/\" target=\"_blank\">github.com<\/a><\/li><li><strong>L&rsquo;aide de Brackets<\/strong>, \u00e0 traduire automatiquement si n\u00e9cessaire, toujours sur <a rel=\"noreferrer noopener\" aria-label=\"github.com (s\u2019ouvre dans un nouvel onglet)\" href=\"https:\/\/github.com\/adobe\/brackets\/wiki\/Troubleshooting\" target=\"_blank\">github.com<\/a><\/li><li><strong>D\u00e9couvrir les usages de Brackets<\/strong> en vid\u00e9o avec <a href=\"https:\/\/www.youtube.com\/watch?v=JklKwK9Ehr4\">grafikart.fr<\/a> (tr\u00e8s complet)<\/li><li>La m\u00eame vid\u00e9o est int\u00e9gr\u00e9e dans un article de <a rel=\"noreferrer noopener\" aria-label=\"jenseign.com (s\u2019ouvre dans un nouvel onglet)\" href=\"https:\/\/jenseign.com\/ressources\/brackets\/\" target=\"_blank\">jenseign.com<\/a>, un site consacr\u00e9 \u00e0 l&rsquo;<strong>apprentissage du HTML-CSS<\/strong> (niveau avanc\u00e9).<\/li><\/ul>\n\n\n\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>Pour \u00e9diter le code source d&rsquo;une page Web, je vous recommande l&rsquo;utilisation d&rsquo;un \u00e9diteur de code nomm\u00e9 Brackets. Il est t\u00e9l\u00e9chargeable gratuitement et sans limitation sur le site brackets.io. Brackets fonctionne sous Windows, MacOs et Linux. Ceux d&rsquo;entre vous qui utilisent un PC pr\u00eat\u00e9 par le GRETA disposent de Brackets parmi les programmes install\u00e9s sur [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5,15],"tags":[],"class_list":["post-116","post","type-post","status-publish","format-standard","hentry","category-fcs","category-fcs1-cours"],"featured_image_urls_v2":{"full":"","thumbnail":"","medium":"","medium_large":"","large":"","1536x1536":"","2048x2048":"","post-thumbnail":"","twentytwenty-fullscreen":""},"post_excerpt_stackable_v2":"<p>Pour \u00e9diter le code source d&rsquo;une page Web, je vous recommande l&rsquo;utilisation d&rsquo;un \u00e9diteur de code nomm\u00e9 Brackets. Il est t\u00e9l\u00e9chargeable gratuitement et sans limitation sur le site brackets.io. Brackets fonctionne sous Windows, MacOs et Linux. Ceux d&rsquo;entre vous qui utilisent un PC pr\u00eat\u00e9 par le GRETA disposent de Brackets parmi les programmes install\u00e9s sur le portable. Si vous avez l&rsquo;habitude d&rsquo;utiliser un autre \u00e9diteur de code, vous pouvez l&rsquo;utiliser sans que cela g\u00eane votre apprentissage. Vous trouverez une liste des principaux \u00e9diteurs de code sur de nombreux sites dont le BlogDuWebdesign. Je vous propose, avant d&rsquo;aller plus loin avec\u2026<\/p>","category_list_v2":"<a href=\"https:\/\/graphizm.fr\/greta\/category\/fcs\/\" rel=\"category tag\">FCS<\/a>, <a href=\"https:\/\/graphizm.fr\/greta\/category\/fcs\/fcs1-cours\/\" rel=\"category tag\">FCS1-cours<\/a>","author_info_v2":{"name":"Yves Goguely","url":"https:\/\/graphizm.fr\/greta\/author\/formationsgreta\/"},"comments_num_v2":"0 commentaire","_links":{"self":[{"href":"https:\/\/graphizm.fr\/greta\/wp-json\/wp\/v2\/posts\/116","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/graphizm.fr\/greta\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/graphizm.fr\/greta\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/graphizm.fr\/greta\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/graphizm.fr\/greta\/wp-json\/wp\/v2\/comments?post=116"}],"version-history":[{"count":14,"href":"https:\/\/graphizm.fr\/greta\/wp-json\/wp\/v2\/posts\/116\/revisions"}],"predecessor-version":[{"id":137,"href":"https:\/\/graphizm.fr\/greta\/wp-json\/wp\/v2\/posts\/116\/revisions\/137"}],"wp:attachment":[{"href":"https:\/\/graphizm.fr\/greta\/wp-json\/wp\/v2\/media?parent=116"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/graphizm.fr\/greta\/wp-json\/wp\/v2\/categories?post=116"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/graphizm.fr\/greta\/wp-json\/wp\/v2\/tags?post=116"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}