<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Approche pratique du numérique et la recherche d'information on Pierre Lévy</title><link>https://plevy.fr/teachings/tet007-m1/</link><description>Recent content in Approche pratique du numérique et la recherche d'information on Pierre Lévy</description><generator>Hugo</generator><language>fr-FR</language><copyright>plevy.fr</copyright><lastBuildDate>Fri, 01 Oct 2021 00:55:28 +0200</lastBuildDate><atom:link href="https://plevy.fr/teachings/tet007-m1/index.xml" rel="self" type="application/rss+xml"/><item><title>TET007 · CSS</title><link>https://plevy.fr/teachings/tet007-m1/css/</link><pubDate>Fri, 01 Oct 2021 00:55:28 +0200</pubDate><guid>https://plevy.fr/teachings/tet007-m1/css/</guid><description>&lt;h2 id="css"&gt;CSS&lt;/h2&gt;&#10;&lt;h3 id="css3"&gt;CSS3&lt;/h3&gt;&#10;&lt;p&gt;Le CSS (cascade style sheet) est un language transformant l&amp;rsquo;apparence d&amp;rsquo;une page écrite dans un language de balisage.&#10;La version actuelle est le CSS3.&lt;/p&gt;&#10;&lt;p&gt;Dans le cadre de ce cours, il va permettre de styliser nos pages HTML. Le code CSS peut se mettre soit entre les balises &amp;lt;style&amp;gt;&amp;hellip;&amp;lt;/style&amp;gt; elles-mêmes placées entre les balises &amp;lt;head&amp;gt;&amp;hellip;&amp;lt;/head&amp;gt;, soit dans un autre fichier (e.g., style.css) dont le fichier html doit appeler. C&amp;rsquo;est cette deuxième approche que nous utilisons.&lt;/p&gt;</description></item><item><title>TET007 · HTML</title><link>https://plevy.fr/teachings/tet007-m1/html/</link><pubDate>Fri, 01 Oct 2021 00:55:28 +0200</pubDate><guid>https://plevy.fr/teachings/tet007-m1/html/</guid><description>&lt;h2 id="la-structure-du-html-les-balises"&gt;La structure du HTML: les balises&lt;/h2&gt;&#10;&lt;a class="linkBox" href="https://www.w3schools.com/html/html_examples.asp"&gt;&#10; &lt;span class="titleLink"&gt;HTML Examples&lt;/span&gt;&#10; &lt;span class="imgLink"&gt;&lt;img src="https://www.w3schools.com/images/w3schools_logo_436_2.png" alt="HTML Examples"&gt;&lt;/span&gt;&#10;&lt;/a&gt;&#10;&lt;a class="linkBox" href="https://facemweb.com/creation-site-internet/liste-balises-html"&gt;&#10; &lt;span class="titleLink"&gt;Liste de toutes les balises HTML&lt;/span&gt;&#10; &lt;span class="imgLink"&gt;&lt;img src="https://facemweb.com/wp-content/uploads/2019/02/Image-facebook-balises-html.jpg" alt="Liste de toutes les balises HTML"&gt;&lt;/span&gt;&#10;&lt;/a&gt;&#10;&lt;a class="linkBox" href="https://jaetheme.com/balises-html5/"&gt;&#10; &lt;span class="titleLink"&gt;Liste des balises HTML&lt;/span&gt;&#10; &lt;span class="imgLink"&gt;&lt;img src="https://jaetheme.com/wp-content/themes/paris/dist/img/liste-balises-html5.jpg" alt="Liste des balises HTML"&gt;&lt;/span&gt;&#10;&lt;/a&gt;&#10;&lt;p&gt; &lt;/p&gt;&#10;&lt;h3 id="le-document-html"&gt;Le document HTML&lt;/h3&gt;&#10;&lt;div class="highlight"&gt;&lt;pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"&gt;&lt;code class="language-html" data-lang="html"&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&lt;span style="color:#75715e"&gt;&amp;lt;!DOCTYPE html&amp;gt;&lt;/span&gt; &#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&amp;lt;&lt;span style="color:#f92672"&gt;html&lt;/span&gt;&amp;gt;...&amp;lt;/&lt;span style="color:#f92672"&gt;html&lt;/span&gt;&amp;gt; &lt;span style="color:#75715e"&gt;&amp;lt;!-- conteneur du html --&amp;gt;&lt;/span&gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&amp;lt;&lt;span style="color:#f92672"&gt;head&lt;/span&gt;&amp;gt;...&amp;lt;/&lt;span style="color:#f92672"&gt;head&lt;/span&gt;&amp;gt; &lt;span style="color:#75715e"&gt;&amp;lt;!-- conteneur des méta-données --&amp;gt;&lt;/span&gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&amp;lt;&lt;span style="color:#f92672"&gt;body&lt;/span&gt;&amp;gt;...&amp;lt;/&lt;span style="color:#f92672"&gt;body&lt;/span&gt;&amp;gt; &lt;span style="color:#75715e"&gt;&amp;lt;!-- conteneur du corps principal --&amp;gt;&lt;/span&gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&amp;lt;&lt;span style="color:#f92672"&gt;header&lt;/span&gt;&amp;gt;...&amp;lt;/&lt;span style="color:#f92672"&gt;header&lt;/span&gt;&amp;gt; &lt;span style="color:#75715e"&gt;&amp;lt;!-- barre de titre --&amp;gt;&lt;/span&gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&amp;lt;&lt;span style="color:#f92672"&gt;nav&lt;/span&gt;&amp;gt;...&amp;lt;/&lt;span style="color:#f92672"&gt;nav&lt;/span&gt;&amp;gt; &lt;span style="color:#75715e"&gt;&amp;lt;!-- menu --&amp;gt;&lt;/span&gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&amp;lt;&lt;span style="color:#f92672"&gt;content&lt;/span&gt;&amp;gt;...&amp;lt;/&lt;span style="color:#f92672"&gt;content&lt;/span&gt;&amp;gt; &lt;span style="color:#75715e"&gt;&amp;lt;!-- contenu --&amp;gt;&lt;/span&gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&amp;lt;&lt;span style="color:#f92672"&gt;article&lt;/span&gt;&amp;gt;...&amp;lt;/&lt;span style="color:#f92672"&gt;article&lt;/span&gt;&amp;gt; &lt;span style="color:#75715e"&gt;&amp;lt;!-- article (blog) --&amp;gt;&lt;/span&gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&amp;lt;&lt;span style="color:#f92672"&gt;aside&lt;/span&gt;&amp;gt;...&amp;lt;/&lt;span style="color:#f92672"&gt;aside&lt;/span&gt;&amp;gt; &lt;span style="color:#75715e"&gt;&amp;lt;!-- partie latérale --&amp;gt;&lt;/span&gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&amp;lt;&lt;span style="color:#f92672"&gt;footer&lt;/span&gt;&amp;gt;...&amp;lt;/&lt;span style="color:#f92672"&gt;footer&lt;/span&gt;&amp;gt; &lt;span style="color:#75715e"&gt;&amp;lt;!-- pied de page --&amp;gt;&lt;/span&gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt; &lt;/p&gt;</description></item><item><title>TET007 · Internet</title><link>https://plevy.fr/teachings/tet007-m1/internet/</link><pubDate>Fri, 01 Oct 2021 00:55:28 +0200</pubDate><guid>https://plevy.fr/teachings/tet007-m1/internet/</guid><description>&lt;h2 id="linternet-le-web"&gt;L&amp;rsquo;internet, le web&lt;/h2&gt;&#10;&lt;a class="linkBox" href="https://www.youtube.com/watch?v=scWj1BMRHUA"&gt;&#10; &lt;span class="titleLink"&gt;The Web Is Not The Net&lt;/span&gt;&#10; &lt;span class="imgLink"&gt;&lt;img src="http://i3.ytimg.com/vi/scWj1BMRHUA/hqdefault.jpg" alt="The Web Is Not The Net"&gt;&lt;/span&gt;&#10;&lt;/a&gt;&#10;&lt;p&gt;Internet signifie International Network (un réseau international), un réseau sur quel des ordinateurs peuvent échanger des informations entre eux. C’est un réseau global sur lequel il est possible de faire des visioconférences, télécharger de la musique et des films, etc.&lt;/p&gt;&#10;&lt;p&gt;Mais nous utilisons internet à travers le web : ça correspond à une sous-partie d’internet, il s’agit de vaste ensemble de données auxquelles vous pouvez accéder depuis votre navigateur.&lt;/p&gt;</description></item><item><title>TET007 · Miro</title><link>https://plevy.fr/teachings/tet007-m1/miro/</link><pubDate>Fri, 01 Oct 2021 00:55:28 +0200</pubDate><guid>https://plevy.fr/teachings/tet007-m1/miro/</guid><description/></item><item><title>TET007 · Notion</title><link>https://plevy.fr/teachings/tet007-m1/notion/</link><pubDate>Fri, 01 Oct 2021 00:55:28 +0200</pubDate><guid>https://plevy.fr/teachings/tet007-m1/notion/</guid><description>&lt;h2 id="notion"&gt;Notion&lt;/h2&gt;&#10;&lt;a class="linkBox" href="https://www.notion.so/product/notion-for-education"&gt;&#10; &lt;span class="titleLink"&gt;Notion for education&lt;/span&gt;&#10; &lt;span class="imgLink"&gt;&lt;img src="https://www.notion.so/cdn-cgi/image/format=webp,width=1920/https://images.ctfassets.net/spoqsaf9291f/7K4ABTnW9zHRzHXpdJhKq6/5f0828bc15d26a2fe1437affc2e9de34/front_main_hero_together.png" alt="Notion for education"&gt;&lt;/span&gt;&#10;&lt;/a&gt;</description></item><item><title>TET007 · Obsidian</title><link>https://plevy.fr/teachings/tet007-m1/obsidian/</link><pubDate>Fri, 01 Oct 2021 00:55:28 +0200</pubDate><guid>https://plevy.fr/teachings/tet007-m1/obsidian/</guid><description>&lt;p&gt;Obsidian&lt;/p&gt;</description></item><item><title>TET007 · Wordpress</title><link>https://plevy.fr/teachings/tet007-m1/wordpress/</link><pubDate>Fri, 01 Oct 2021 00:55:28 +0200</pubDate><guid>https://plevy.fr/teachings/tet007-m1/wordpress/</guid><description>&lt;h2 id="wordpress"&gt;Wordpress&lt;/h2&gt;&#10;&lt;p&gt;Ce cours se fait au travers d&amp;rsquo;un mini-projet, consistant à construire un site wordpress de suivi de projet. Nous allons le construire par étapes:&lt;/p&gt;&#10;&lt;ol&gt;&#10;&lt;li&gt;Installation&lt;/li&gt;&#10;&lt;li&gt;Réglages du site&lt;/li&gt;&#10;&lt;li&gt;Création d&amp;rsquo;une page de garde et d&amp;rsquo;un article de lancement&lt;/li&gt;&#10;&lt;li&gt;Choix d&amp;rsquo;un thème&lt;/li&gt;&#10;&lt;li&gt;Création de différents profils utilisateurs&lt;/li&gt;&#10;&lt;li&gt;Création d&amp;rsquo;un calendrier événementiel (plugin - configuration - événement - widget)&lt;/li&gt;&#10;&lt;li&gt;Création d&amp;rsquo;une page d&amp;rsquo;information à accès limité&lt;/li&gt;&#10;&lt;li&gt;Création de catégories&lt;/li&gt;&#10;&lt;li&gt;Création de deux articles&lt;/li&gt;&#10;&lt;li&gt;&lt;/li&gt;&#10;&lt;/ol&gt;&#10;&lt;h2 id="localwp"&gt;LocalWP&lt;/h2&gt;&#10;&lt;a class="linkBox" href="https://localwp.com"&gt;&#10; &lt;span class="titleLink"&gt;Local app&lt;/span&gt;&#10; &lt;span class="imgLink"&gt;&lt;img src="https://localwp.com/wp-content/uploads/2021/08/local-sharing.png" alt="Local app"&gt;&lt;/span&gt;&#10;&lt;/a&gt;&#10;&lt;p&gt;Le logiciel Local permet d&amp;rsquo;installer et gérer automatiquement et localement une multitude de site wordpress.&lt;/p&gt;</description></item></channel></rss>