background preloader

SPIP pour débuter

SPIP pour débuter
Related:  Pour créer un blog, un site ou un portailguyabalain

Outils de productions - Radio et webradio Créer un journal Vous envisagez de créer un journal, un magazine ou vous souhaitez faire évoluer votre publication ? Explorez les ressources que nous avons créées ou sélectionnées pour vous aider à mener vos projets et n’hésitez pas à prendre contact avec le coordonnateur CLEMI de votre académie pour bénéficier de conseils personnalisés ou d’une formation. En savoir plus Créer un blog et un site Le blog s’avère le support privilégié des productions médiatiques scolaires numériques. En savoir plus Créer une webRadio La web radio, nouveau média scolaire vient compléter les vertus pédagogiques de la radio traditionnelle. En savoir plus Le témoignage de journalistes professionnels A l’occasion de leur participation au jury des Grands Prix Médiatiks 2017 du CLEMI, des journalistes professionnels nous ont fait part de leurs impressions. En savoir plus

Eric Meyer: CSS CSS Work Books by Eric Including Smashing CSS, CSS: The Definitive Guide, Third Edition, CSS Pocket Reference, and Cascading Style Sheets 2.0 Programmer’s Reference, among several others. Articles by Eric Local copies of CSS articles, as well as other writing I've done. Inline model document A terse, but hopefully complete, description of how the CSS inline box model really works. Color equivalents table All 147 SVG-derived color keywords permitted in CSS3 in a sortable table showing the keywords with their equivalents in both hexadecimal notations, both (non-alpha) RGB notations, and non-alpha HSL. CSS Module Timelines A visualization of the activity of the CSS Working Group by plotting draft publication dates and W3C statuses over time. CSS Module Editors Leaderboard A bit of a goof wherein I score the editors of various CSS modules and present the results as a leaderboard. CSS Tests A fairly large collection of test files I’ve accumulated over the years. W3C CSS2 Test Suite Prototyping Offsite

Créer un site avec WordPress : Tutoriel 2015 On ne présente plus (ou presque) le logiciel libre WordPress qui permet de créer des blogs et sites Web. Cette application de système de gestion de contenu (SGC) créé en 2003 permet à un ou plusieurs auteurs de publier des billets, lesquels seront classés par date et par catégories. WordPress est utilisé par plusieurs millions d’éditeurs de sites professionnels, associatifs, institutionnels ou privés dans le monde. C’est par exemple, la solution choisie pour le présent portail NetPublic. Guide pour créer un blog ou site avec WordPress Comment créer un site avec WordPress ? Sommaire du tutoriel WordPress 2015 I. Licence : Contrat spécifique : merci de prendre contactGéographie : International Tags: blog, guide, logiciel libre, site, site web, tutoriel

L'importance des espaces blancs dans le design Les espaces blancs (ou White-Space en anglais), aussi appelé "espaces vides", consistent à aérer des éléments afin de les mettre en avant et les valoriser. Découvrons pourquoi ces espaces jouent un rôle clé dans l'élaboration de votre design. « Less is more » (moins c’est plus) disait Mies van der Rohe, architecte grandement inspiré par le minimalisme et le modernisme. Ces espaces trop souvent mal aimés Pour un designer, vendre du vide est toujours mission impossible, car les espaces blancs sont généralement considérés comme du « gaspillage d’espace précieux » qu’il faut absolument remplir avec quelque chose, peu importe quoi, tant que ça ne fasse pas « vide ». L’importance de ces espaces blancs est presque toujours négligé, alors qu’ils sont indispensables. C’est justement le but des espaces blancs, faire respirer ce qu’ils entourent. Se concentrer sur l’objectif Ou comment avoir une migraine… Aucun contenu ne ressort, les photos sont là pour faire du remplissage. L’essentiel est là !

Tackk | Les outils pour la classe Outil d’organisation de la classe Un Tackk peut également être utilisé pour gérer sa classe et/ou mettre en place une classe inversée : devoirs, informations générales (annulation d’un cours,…), organisation d’événements, programme du cours, cahier de liaison avec récapitulatif pour les absents, exposition des travaux réalisés (portfolio des apprenants),… Les possibilités sont nombreuses, sans oublier que plusieurs Tackk peuvent être regroupés sur un panneau d’affichage (Tackk Board), permettant encore plus de souplesse. Si l’on prend l’exemple des devoirs, on peut par exemple facilement proposer un document audio, une vidéo ou un texte à comprendre avec une liste de questions.

21 outils et générateurs CSS pour développeurs web Les générateurs et outils CSS sont de plus en plus nombreux sur la toile, et facilitent la tâche des développeurs web en leur faisant gagner un gain de temps considérable, en particulier ceux qui génèrent du CSS3. Voici une liste non exhaustive de 21 ressources CSS à connaître et à tester dès maintenant ! 1. Bear CSS Bear CSS est un service qui permet de générer une feuille de style à partir d’un code HTML en prenant en compte les éléments et le balisage de la structure du document (id et classes CSS). 2. CSS Type Set est un service qui permet de gérer la mise en forme d’un texte dans une interface simple et intuitive. 3. Border Radius est un générateur déstiné uniquement à la propriété CSS3 border-radius qui permet de créer des coins arrondis sur un élément HTML. 4. 5. 6. 7. CSS3 Please est probablement l’un des tous meilleurs générateurs CSS3. 8. 9.

Créer un site avec Weebly : 3 tutoriels L’outil en ligne Weebly permet de créer et d’héberger un blog ou un site avec facilité avec une palette de fonctionnalités étendues dans sa version gratuite. L’attrait de Weebly tient à la facilité de prise en main du service, à une palette de possibilités intéressantes notamment via la plate-forme spécialisée Weebly Éducation qui offre la création de blogs ou sites sans l’affichage de publicités. 3 tutoriels pour créer un blog ou un site avec Weebly Pour guider les internautes dans la création d’un site sur Weebly, voici 3 ressources intéressantes : Un petit tutoriel pour Weebly, c’est le nom d’un mini-site pédagogique créé par C. Le tutoriel Weebly for Education (8 pages, en pdf) par M. Le tutoriel Eléments pour la prise en main et l’utilisation de Weebly.com (6 pages, en pdf) par Thomas Desmurs et Christophe Gudefin. Quelques fonctionnalités de Weebly Éducation Licence : Creative Commons by-nc-saGéographie : International Tags: blog, guide, outil en ligne, site internet, tutoriel

Personnaliser WordPress - DIV, Plugins & CSS pour le rendre unique Personnaliser son blog WordPress, c'est le rendre unique... Les thèmes WordPress sont en général plutôt soignés et bien finis (dans l'ensemble;), cependant il arrive que l'on ait besoin d'effectuer quelques retouches, améliorations ou modifications pour l'adapter à nos besoins/envies. C'est là qu'intervient la personnalisation, qu'elle soit faite à partir de Plugins, Shortcodes, CSS ou bien encore à l'aide de DIV, c'est assurément un moyen de personnaliser votre WordPress. N'oubliez pas les balises DIV Les balises DIV sont utilisées pour appliquer un style à un contenu, si les balises SPAN permettent également d'appliquer un style CSS , les DIV sont plutôt utilisées pour la mise en page. On a souvent tendance à les oublier pourtant elles permettent de mettre en avant du texte ou des éléments, d'ajouter une vraie touche de personnalisation. Utilisation d'une balise Div simple : Voyons tout d'abord l'ajout d'une DIV simple de largeur 80%, centrée avec une couleur de fond et une bordure :

Publier en respectant le droit Des obligations incontournables Dans le cadre d'une publication, qu'elle soit numérique ou sur papier, une série d'obligations et de précautions s'imposent à vous : Respect du droit d'auteur : droit moral et patrimonial Respect du droit à l'image Respect des contraintes sur les publications en ligne (cf charte d'hébergement des sites d'établissements) Utilisation de logiciels acquis de façon licite ou de logiciels libres Utiliser des logiciels libres… une initiative citoyenne pour promouvoir l'égalité des élèves, en luttant à la fois contre gaspillage et piratage. Assurer la légalité du projet en amont Il est extrêmement difficile de légaliser après coup un document, un parcours pédagogique... qui aurait été réalisé initialement sans plus de précautions. Des autorisations (cf exemples dans l'archive de la formation) des parents et des élèves sont à demander dans la plupart des cas : droits de l'élève-auteur et droit à l'image. Désamorcer les conflits Archive des fichiers Exif Viewer Notepad++

Réaliser son cahier des charges pour le web Réaliser son cahier des charges pour le web. Une étape essentielle pour la création d’un site web et c’est le premier pas vers la réalisation et la crédibilité de votre projet. Ce document indispensable permet de définir vos objectifs, la présentation, la structure et le contenu de votre futur site web, mais aussi le planning et les moyens pour la mise en œuvre… Il est indispensable pour votre futur prestataire, afin qu’il comprenne bien vos besoins et attentes. Le contenu du cahier des charges : Le cahier des charges doit présenter l’entreprise, sa stratégie de communication sur Internet (site vitrine, événementiel, e-commerce, etc.), ses désirs en termes de contenus et fonctionnalités sur le site, ainsi qu’un planning de réalisation. Etape n°1 : définir vos besoins > Etude de faisabilité : analyse de la situation, des enjeux et des risques. Etape n°2 : Rédigez votre cahier des charges : > Plan du cahier des charges : Nos autres articles: Google+ Auteur et éditeur de sites Web depuis 1992...

Faire vivre un site web d’école / un blog avec ses élèves Pourquoi un site d'école ? Le plan numérique du ministère prévoit que d'ici à 2017, toutes les écoles devront être pourvues d'un site d'information. Ce site permet de… Améliorer la communication avec les familles ; Donner des nouvelles dans le cadre d'activités avec hébergement ; Prévenir des absences de professeurs ; Permettre le téléchargement de formulaires ; Renforcer les liens entre classes au sein d'un RPI ; Servir de support à des activités pédagogiques collaboratives ; Mettre en valeur les travaux des élèves. … Il est toutefois important de pas confondre le site d'école, qui est ouvert sur l'extérieur, avec l'ENT (Espace numérique de travail). Quelques rappels juridiques La Charte d’hébergement des sites internet sur la plate-forme de l’académie de Strasbourg vous fournit un précieux résumé de l'ensemble des consignes à respecter pour la publication de votre site. Côté technique Les hébergements Les gestionnaires de contenus Au-delà de la vitrine, la pédagogie La carte heuristique

Web design: 6 tendances fortes pour 2014 L’année 2014 commence à peine que de nouvelles tendances dans le monde du design se profilent. Le Web Design Ledger dresse ainsi le tableau des tendances qui marqueront le webdesign cette année, parmi elles: Le Flat Design: c’est la tendance qui s’est le plus imposée en 2013. Apple l’a utilisé dans iOS 7, en mettant par la même occasion le « skeumorphisme » (son opposé) au placard. La typographie expérimentale: désormais les graphistes se lâchent avec les polices, l’espacement typographiques etc. Les menus déroulants: pour une meilleure expérience de navigation, les menus déroulants sont de plus en plus utilisés. Le défilement infini: encore une fois c’est la simplicité qui est recherchée. Des couleurs simples: en 2014, de nombreux sites devraient revoir en en partie leur charte graphique. Le reponsive design: il a été très utilisé en 2013 et ce n’est sans doute pas fini.

Publier en ligne : découvrir Wordpress Pourquoi Wordpress ? "Né" en 2003, Wordpress est aujourd'hui le logiciel de gestion de contenu le plus répandu. Il ne peut pas être installé directement sur votre ordinateur, mais sur un serveur Web disposant en outre d'un serveur de base de données. Wordpress, c'est : 72.4 millions d'utilisateurs en mars 2012 ; 50% du "marché" des gestionnaires de contenu ; plus de 45% des sites du top 100 sites selon Technorati ; environ 500.000 articles sont publiés chaque jour sous Wordpress ; près de 19.000 extensions disponibles pour WordPress. Les plus Un logiciel ergonomique et nettement plus facile à utiliser que ses concurrents De très larges possibilités d'adaptation et de personnalisation Une énorme communauté de développeurs Des mises à jour et améliorations très régulières Un logiciel libre et gratuit Les moins Carte heuristique La carte heuristique de la formation - image statique : cliquez pour accéder à la vraie carte. Le support de cours Archive des fichiers Créer un dossier de travail Notepad++

Related: